:root{--paper:#f4f1e9;--ink:#202b28;--muted:#606b64;--line:#d2d5c9;--orange:#b74428;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}a,button,input,textarea{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #b74428;outline-offset:5px}.skip{position:absolute;top:-100px;background:var(--ink);color:white;padding:12px;z-index:5}.skip:focus{top:0}header{max-width:1500px;margin:auto;padding:29px 5%;display:flex;align-items:center;justify-content:space-between;gap:40px;border-bottom:1px solid var(--line)}.identity{display:flex;align-items:center;gap:13px;font-size:11px;font-weight:750;letter-spacing:1.4px;line-height:1.35;flex-shrink:0}.network-mark{font-size:52px;line-height:1;color:var(--orange);font-family:Georgia,serif}nav{display:flex;gap:34px;align-items:center;font-size:13px}nav a{padding:8px 0}.talk{border-bottom:1px solid var(--ink);margin-left:12px}.menu-toggle{display:none}main{max-width:1500px;margin:auto;padding:0 5%}.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.8px;text-transform:uppercase;line-height:1.7}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:500}p{color:var(--muted)}.hub-intro{padding:72px 0 58px}.hub-intro>.eyebrow{margin-bottom:26px}.intro-line{display:grid;grid-template-columns:1.6fr 1fr;gap:10%;align-items:end}h1{font-family:var(--serif);font-size:clamp(48px,5.6vw,83px);line-height:1.04;letter-spacing:-3.5px;margin-bottom:0}h1 em{color:var(--orange);font-weight:400}.intro-note{max-width:300px;padding-bottom:7px}.note-mark{display:block;font-size:40px;line-height:1.2;margin-bottom:18px;color:var(--orange)}.intro-note p{font-size:15px;line-height:1.75}.intro-note a{font-size:12px;font-weight:650;border-bottom:1px solid var(--ink);padding-bottom:5px}.collection-label{display:flex;justify-content:space-between;padding:17px 0;border-top:1px solid var(--ink);font-size:10px;letter-spacing:1.8px;font-weight:650}.collection-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.library-card{min-width:0;border:1px solid var(--line);background:#faf8f2;display:flex;flex-direction:column}.card-top{display:flex;justify-content:space-between;gap:15px;padding:16px 24px;font-size:9px;letter-spacing:1.2px;border-bottom:1px solid var(--line)}.card-top>span:last-child{letter-spacing:0}.card-copy{padding:28px 30px 30px;flex:1;display:flex;flex-direction:column}.card-copy h2{font-size:32px;line-height:1.12;letter-spacing:-1.2px;margin-bottom:16px}.card-copy p{font-size:14px;max-width:460px;margin-bottom:22px}.action{display:flex;align-items:center;justify-content:space-between;gap:22px;font-size:12px;font-weight:650;border-top:1px solid currentColor;padding:15px 0 0;margin-top:auto}.action span{font-size:21px;font-weight:400}.action:hover{color:var(--orange)}.tags{display:flex;gap:6px;flex-wrap:wrap;list-style:none;padding:0;margin:0 0 24px}.tags li{font-size:9px;border:1px solid var(--line);padding:4px 8px}.lucas-visual,.playbook-visual,.creative-visual,.resource-visual{height:260px;position:relative;overflow:hidden}.lucas-visual{background:#ded5c4;display:grid;grid-template-columns:48% 52%}.lucas-visual img{width:100%;height:260px;object-fit:cover;object-position:50% 10%;filter:saturate(.65)}.lucas-visual>div{display:flex;align-items:center;padding:24px}.handwritten{font-family:var(--serif);font-style:italic;font-size:30px;line-height:1.2;letter-spacing:-1px;color:#3b4137;margin:0}.playbook-visual{background:#243c38;color:#ebf0d5;padding:28px;display:flex;flex-direction:column;justify-content:space-between}.play-label{font-size:11px;font-weight:700;letter-spacing:2px}.play-bottom{font-size:9px;letter-spacing:2px;align-self:flex-end}.play-diagram{position:absolute;inset:60px 45px 38px;border-bottom:1px solid #73837a}.play-diagram:before{content:'';position:absolute;inset:16px 0 0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#5b716650 25%)}.player{position:absolute;font-style:normal;font-size:38px;line-height:1}.p1{left:5%;bottom:12px}.p2{left:33%;bottom:12px}.p3{left:62%;bottom:12px}.p4{right:3%;top:0}.play-arrow{position:absolute;font-size:120px;font-weight:200;line-height:1;left:34%;top:-20px;color:#d9c775}.creative-visual{background:#ba4c30;color:#fff3df;padding:28px 30px;display:flex;flex-direction:column;justify-content:space-between}.creative-visual:before,.creative-visual:after{content:'';position:absolute;width:17px;height:17px;border:1px solid #f9d2b1;right:20px}.creative-visual:before{top:20px;border-left:0;border-bottom:0}.creative-visual:after{bottom:20px;border-top:0;border-left:0}.creative-visual>span{font-size:9px;letter-spacing:1.5px}.creative-visual b{font-size:9px;margin-left:8px;color:#f8e7ba}.creative-visual p{font:italic 39px/1.08 var(--serif);letter-spacing:-1px;color:inherit;margin:10px 0}.resource-visual{background:#e2e7d5;display:flex;align-items:flex-end;justify-content:center;gap:11px;padding:24px 30px 0}.book{height:206px;width:30%;padding:18px 14px;border-left:6px solid #0002;box-shadow:6px 5px 0 #34433512;display:flex;flex-direction:column;justify-content:space-between}.book span{font:26px/1.05 var(--serif);letter-spacing:-1px}.book small{font-size:6px;letter-spacing:1px}.b1{background:#243c38;color:#eef0da;transform:rotate(-6deg);height:187px}.b2{background:#e4bb65;color:#2e3b32;transform:rotate(4deg)}.b3{background:#f7f4e9;color:#2d3b34;height:177px;transform:rotate(8deg)}.partners{padding-top:82px}.section-intro{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:26px}.section-intro h2{font:40px/1.1 var(--serif);letter-spacing:-1.5px;margin-bottom:0}.section-intro>p{font-size:13px;margin-bottom:2px}.partner-list{display:grid;grid-template-columns:1fr 1fr;gap:28px}.partner-list article{display:grid;grid-template-columns:56px 1fr;gap:20px;border:1px solid var(--line);padding:26px;background:#eeeee4}.partner-initial{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:#d8dece;font:21px var(--serif)}.partner-list h3{font-size:24px;line-height:1.2;letter-spacing:-.7px;margin-bottom:8px}.partner-list p{font-size:12px;margin-bottom:12px}.partner-list .eyebrow{font-size:8px;margin-bottom:8px}.partner-list .action{grid-column:1/-1;margin-top:4px}.closing{margin-top:80px;padding:44px 0 54px;border-top:1px solid var(--ink);display:flex;justify-content:space-between;align-items:end;gap:30px;flex-wrap:wrap}.closing>.eyebrow{width:100%;margin-bottom:0}.closing h2{font:52px/1.05 var(--serif);letter-spacing:-2px;margin-bottom:0}.closing>.action{min-width:220px;margin:0 0 5px}.closing>p:not(.eyebrow){max-width:400px}footer{max-width:1500px;margin:auto;padding:30px 5%;border-top:1px solid var(--line);display:flex;gap:25px;justify-content:space-between;flex-wrap:wrap;font-size:11px}footer p{margin:0}footer small{width:100%;color:var(--muted);font-size:9px}.footer-brand{font-weight:700}.page-intro{padding:65px 0}.page-intro h1{margin:28px 0;font-size:clamp(50px,5.7vw,80px)}.page-intro .lead{max-width:600px;font-size:19px}.page-intro .action{max-width:320px;margin-top:28px}.service-list article{display:grid;grid-template-columns:90px 1fr;border-top:1px solid var(--line);padding:35px 0}.service-list article>span{font:32px var(--serif);color:var(--orange)}.service-list h2{font:37px var(--serif);letter-spacing:-1px}.service-list p{max-width:650px}.resource-callout{padding:40px;background:#e2e7d5;margin-top:35px}.resource-callout h2{font:36px var(--serif)}.resource-callout .action{max-width:300px}.resource-section{padding:0 0 40px}.download-card{padding:35px;background:#e2e7d5;display:grid;grid-template-columns:170px 1fr;gap:40px;align-items:center}.download-card h2,.tool-row h2{font:35px var(--serif);line-height:1.1}.mini-book{background:#e4bb65;border-left:8px solid #c79f4d;padding:25px;font:38px/1.05 var(--serif);transform:rotate(-3deg);box-shadow:9px 9px 0 #243c3810}.mini-book small{display:block;font:8px sans-serif;letter-spacing:1px;margin-top:30px}.tool-row{display:flex;align-items:center;gap:50px;border-top:1px solid var(--line);padding-top:30px}.tool-row>div{flex:1}.tool-row .action{min-width:200px;margin:auto 0}.contact{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:70px 0}.contact h1{font-size:61px;margin-bottom:25px}.contact .lead{font-size:20px}.text-link{border-bottom:1px solid var(--line)}form{padding-top:12px}label{display:block;font-size:13px;margin-bottom:8px}input,textarea{width:100%;display:block;padding:13px;border:1px solid #a0aa9e;background:#faf8f2;color:var(--ink);margin-bottom:22px}textarea{resize:vertical}.button,form button{display:inline-flex;gap:25px;border:1px solid var(--ink);padding:13px 18px;color:var(--paper);background:var(--ink);font-size:13px;cursor:pointer}button:disabled{opacity:.5;cursor:wait}.demo-note{border-left:2px solid var(--orange);padding-left:18px;font-size:13px;margin-top:35px}.demo-note p{margin:8px 0}.faq{padding:40px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:10%}.faq h2{font:36px var(--serif)}details{border-top:1px solid var(--line);padding:16px 0}summary{cursor:pointer}details p{font-size:14px;margin-top:15px}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}#form-status{font-size:13px;margin-top:20px}
@media(max-width:1000px){nav{gap:20px}.intro-line{grid-template-columns:1.4fr 1fr;gap:6%}h1{letter-spacing:-2px}.card-copy{padding:24px}.card-copy h2{font-size:28px}.handwritten{font-size:24px}.lucas-visual>div{padding:18px}.book{padding:15px 9px}.book span{font-size:23px}.section-intro{align-items:start}.section-intro>p{max-width:250px}}
@media(max-width:700px){header{padding:20px 6%;gap:20px;flex-wrap:wrap}.identity{font-size:9px;letter-spacing:1px}.network-mark{font-size:42px}.menu-toggle{display:block;background:transparent;border:1px solid var(--line);padding:8px 12px;font-size:12px;color:var(--ink)}nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0}nav.open{display:flex}nav a{padding:14px 0;border-top:1px solid var(--line)}.talk{margin:0;border-bottom:0}main{padding:0 6%}.hub-intro{padding:42px 0 35px}.hub-intro>.eyebrow{max-width:270px;margin-bottom:22px;font-size:9px}.intro-line{display:block}h1{font-size:46px;letter-spacing:-2px}.intro-note{display:flex;align-items:start;gap:16px;flex-wrap:wrap;max-width:none;margin-top:26px;padding:0}.note-mark{font-size:30px;margin:0}.intro-note p{flex:1;font-size:13px;margin-bottom:5px}.intro-note a{margin-left:42px;font-size:11px}.collection-grid,.partner-list{grid-template-columns:1fr;gap:22px}.card-top{padding:15px 20px;font-size:8px}.lucas-visual,.playbook-visual,.creative-visual,.resource-visual{height:235px}.lucas-visual img{height:235px}.card-copy{padding:24px}.card-copy h2{font-size:29px}.card-copy p{font-size:14px}.handwritten{font-size:25px}.creative-visual p{font-size:35px}.resource-visual{padding:24px 25px 0}.book{width:30%}.book span{font-size:24px}.partners{padding-top:48px}.section-intro{display:block;margin-bottom:22px}.section-intro h2{font-size:34px}.section-intro>p{margin-top:18px;max-width:none}.partner-list article{padding:22px;gap:16px}.closing{margin-top:48px;padding:32px 0 40px;display:block}.closing h2{font-size:43px;margin:20px 0 26px}.closing>.action{min-width:0;max-width:260px}footer{padding:26px 6%;gap:15px}footer p{width:100%;order:2}footer small{order:3}.page-intro{padding:40px 0}.page-intro h1{font-size:48px}.service-list article{grid-template-columns:40px 1fr;gap:12px;padding:26px 0}.service-list h2{font-size:30px}.service-list p{font-size:14px}.resource-callout{padding:26px}.resource-callout h2{font-size:31px}.download-card{grid-template-columns:1fr;gap:30px;padding:26px}.mini-book{max-width:160px;font-size:32px}.download-card h2,.tool-row h2{font-size:29px}.tool-row{display:block}.tool-row .action{margin-top:25px}.contact,.faq{grid-template-columns:1fr;gap:30px;padding:40px 0}.contact h1{font-size:48px}.contact .lead{font-size:18px}}
@media(max-width:360px){h1{font-size:40px}.identity{font-size:8px}.network-mark{font-size:36px}.lucas-visual{grid-template-columns:46% 54%}.handwritten{font-size:23px}.tags li{font-size:8px}.creative-visual p{font-size:31px}.card-copy h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Technical library: graphite, warm signals, and a precise catalog rhythm. */
:root{--paper:#171d20;--ink:#edf0e8;--muted:#a9b6b1;--line:#3b484b;--orange:#efad83;--serif:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}body{background:#171d20}header{padding-top:25px;padding-bottom:25px}.identity{font-size:10px;letter-spacing:1.7px}.network-mark{font-family:Arial,sans-serif;font-size:48px}h1{font-weight:550;font-size:clamp(48px,5.5vw,80px);letter-spacing:-3.8px;line-height:1.02}h1 em{font-style:normal;font-weight:550}.eyebrow,.card-top,.collection-label,.tags,.play-label,.play-bottom,.creative-visual>span,.partner-initial{font-family:'SFMono-Regular',Consolas,'Liberation Mono',monospace}.collection-label{color:#b8c5bf;border-color:#73817a}.library-card{background:#20292c;border-color:#3b484b}.card-top{color:#bdc9c1}.card-copy h2{font-weight:550}.tags li{color:#c7d0c9;border-color:#465459}.lucas-visual{background:#333e40}.handwritten{font-family:inherit;font-weight:550;font-style:normal;font-size:29px;line-height:1.1;letter-spacing:-1px;color:#ecede3}.lucas-visual img{filter:saturate(.6)}.creative-visual{background:#a64730;color:#fff2df}.creative-visual p{font-family:inherit;font-style:normal;font-weight:550;letter-spacing:-1.5px}.resource-visual{background:#253337;align-items:center;padding:26px}.resource-index{width:100%;border:1px solid #61716d}.resource-index>div{display:flex;align-items:center;gap:18px;padding:20px 18px;border-bottom:1px solid #61716d;font-size:13px;color:#e8eddc}.resource-index>div:last-child{border-bottom:0}.resource-index>div>span:first-child{font:10px 'SFMono-Regular',Consolas,monospace;color:#e4bb85}.resource-index b{font-weight:500;flex:1}.section-intro h2,.closing h2,.service-list h2,.resource-callout h2,.download-card h2,.tool-row h2{font-weight:550;letter-spacing:-1.6px}.partner-list article{background:#20292c}.partner-initial{background:#344346;color:#e5c4a4}.resource-callout,.download-card{background:#253337}.guide-label{background:#34464a;border-left:3px solid #efad83;padding:24px;font:550 28px/1.08 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#eef0e8}.guide-label small{display:block;font:9px/1.7 'SFMono-Regular',Consolas,monospace;letter-spacing:1px;margin-top:28px}input,textarea{background:#20292c;border-color:#63716b;color:#edf0e8}.button,form button{background:#edb18c;border-color:#edb18c;color:#1d2727}.action:hover{color:#efad83}.creative-card .card-top{border-top:2px solid #df8b66}.playbook-card .card-top{border-top:2px solid #a3bca8}.lucas-card .card-top{border-top:2px solid #a7b5c6}.resource-card .card-top{border-top:2px solid #c5b991}
@media(max-width:700px){h1{font-size:46px;letter-spacing:-2px}.handwritten{font-size:25px}.creative-visual p{font-size:33px}.resource-index>div{gap:12px;padding:19px 13px;font-size:12px}.resource-visual{padding:23px}.section-intro h2{font-size:32px}.closing h2{font-size:40px}.page-intro h1{font-size:47px}.contact h1{font-size:47px}.network-mark{font-size:40px}}
@media(max-width:360px){h1{font-size:39px}.handwritten{font-size:22px}.resource-index>div{font-size:11px;gap:9px}.creative-visual p{font-size:30px}}
@media(max-width:700px){.intro-note{display:grid;grid-template-columns:28px 1fr;gap:12px}.intro-note p{margin:0;max-width:290px}.intro-note a{grid-column:2;margin-left:0;justify-self:start}}

/* Compact collection: show more of the network without shrinking body copy. */
.hub-intro{padding:44px 0 34px}.hub-intro>.eyebrow{margin-bottom:18px}.hub-intro h1{font-size:clamp(44px,4.4vw,64px);letter-spacing:-2.8px}.note-mark{font-size:30px;margin-bottom:10px}.collection-label{padding:12px 0}.collection-grid{gap:20px}.card-top{padding:11px 20px}.lucas-visual,.playbook-visual,.creative-visual,.resource-visual{height:165px}.lucas-visual img{height:165px;object-position:50% 14%}.lucas-visual{grid-template-columns:38% 62%}.handwritten{font-size:25px}.playbook-visual{padding:17px 23px}.play-diagram{inset:40px 40px 25px}.player{font-size:28px}.play-arrow{font-size:82px;top:-12px}.creative-visual{padding:17px 24px}.creative-visual p{font-size:30px;line-height:1.04;margin:5px 0}.resource-visual{padding:15px 24px}.resource-index>div{padding:10px 15px;font-size:12px}.card-copy{padding:20px 24px}.card-copy h2{font-size:27px;margin-bottom:15px}.tags{margin-bottom:16px}.card-copy .action{padding-top:11px}.partners{padding-top:48px}.section-intro{margin-bottom:20px}.partner-list{gap:20px}.partner-list article{padding:20px;gap:14px}.closing{margin-top:48px;padding:32px 0 38px}
@media(max-width:700px){.hub-intro{padding:30px 0 26px}.hub-intro h1{font-size:39px;letter-spacing:-1.7px}.intro-note{margin-top:18px}.collection-grid{gap:18px}.card-top{padding:10px 17px}.lucas-visual,.playbook-visual,.creative-visual,.resource-visual{height:142px}.lucas-visual img{height:142px;object-position:50% 12%}.lucas-visual>div{padding:16px}.handwritten{font-size:23px}.card-copy{padding:18px 20px}.card-copy h2{font-size:25px}.creative-visual p{font-size:27px}.creative-visual>span{font-size:8px}.resource-visual{padding:12px 18px}.resource-index>div{padding:8px 12px;font-size:11px}.play-diagram{inset:34px 32px 23px}.play-arrow{font-size:70px}.player{font-size:25px}.partners{padding-top:34px}.section-intro h2{font-size:29px}.partner-list article{padding:18px}.closing{margin-top:34px}.closing h2{font-size:36px}.tags{gap:5px;margin-bottom:14px}}
@media(max-width:360px){.hub-intro h1{font-size:35px}.card-copy h2{font-size:23px}.handwritten{font-size:21px}.resource-index>div{padding:8px 9px;font-size:10px}}
.lucas-visual img{object-position:50% 0%}

/* One destination per collection card, including keyboard focus. */
.library-card{position:relative;transition:border-color .15s ease,transform .15s ease}.library-card:hover{border-color:#a6b8ad;transform:translateY(-2px)}.library-card:focus-within{outline:3px solid var(--orange);outline-offset:4px}.library-card .action:focus-visible{outline:none}.partner-logo{width:64px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#29363a;border:1px dashed #71817b;color:#acb9b2;font:10px 'SFMono-Regular',Consolas,monospace}.partner-logo img{width:100%;height:100%;object-fit:contain}.partner-list article{grid-template-columns:64px 1fr}.work-samples{padding:40px 0}.sample-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.sample-placeholder{aspect-ratio:16/10;display:flex;flex-direction:column;justify-content:space-between;padding:22px;border:1px dashed #61716d;background:#20292c}.sample-placeholder span{font:12px 'SFMono-Regular',Consolas,monospace;color:#efad83}.sample-placeholder p{font-size:12px;margin:0}.sample-grid h3{font-size:19px;margin:18px 0}.creative-visual{justify-content:center;gap:16px}.work-samples .section-intro h2{font-size:34px}
@media(max-width:700px){.sample-grid{grid-template-columns:1fr}.sample-placeholder{aspect-ratio:2}.work-samples{padding:28px 0}.work-samples .section-intro h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){.library-card{transition:none}.library-card:hover{transform:none}}
.partner-logo.has-logo{border:0;background:transparent;overflow:hidden}.partner-logo.has-logo img{display:block;object-fit:contain}
.partner-logo.screenhelm-logo{background:#001024}

.card-destination{display:flex;flex-direction:column;flex:1;color:inherit;text-decoration:none}.card-destination:focus-visible{outline:none}

/* Keep the final partner cards in the collection rhythm. */
.collection + .partners{padding-top:20px}
@media(max-width:700px){.collection + .partners{padding-top:18px}}

/* Partner brands share the same card structure and destination treatment. */
.partner-list .library-card{display:flex;flex-direction:column;padding:0;gap:0;grid-template-columns:none}
.brand-visual{height:165px;display:flex;align-items:center;justify-content:center;gap:18px;padding:20px 24px}
.brand-visual img{display:block;width:110px;height:125px;object-fit:contain}
.screenhelm-visual{background:#001024}.backrow-visual{background:#101415}
.playbook-visual.brand-visual{background:#193f36}.playbook-visual.brand-visual img{width:88px;height:88px}.playbook-visual.brand-visual>span{font-size:13px;letter-spacing:2px;font-weight:650}
.partner-card .card-copy{display:flex;flex-direction:column;flex:1}.partner-card .card-copy p{margin:0 0 16px;color:var(--muted);font-size:14px}.partner-card .action{margin-top:auto}
.screenhelm-card .card-top{border-top:2px solid #829fc7}.backrow-card .card-top{border-top:2px solid #d2d9d5}
@media(max-width:700px){.brand-visual{height:142px}.brand-visual img{height:110px}.playbook-visual.brand-visual>span{font-size:11px;letter-spacing:1px}.playbook-visual.brand-visual img{width:68px;height:68px}}

/* One grid gives every network card the same height across all rows. */
.collection-grid{grid-auto-rows:1fr}
.collection-grid .card-destination{height:100%}
.collection-grid .card-copy{flex:1;display:flex;flex-direction:column}
.collection-grid .card-copy .action{margin-top:auto}
.collection-grid .lucas-visual,.collection-grid .playbook-visual,.collection-grid .creative-visual,.collection-grid .resource-visual,.collection-grid .brand-visual{flex-shrink:0}

/* Give partner artwork more space and distinct brand backdrops. */
.screenhelm-visual{background:#183751;padding:8px 24px}
.backrow-visual{background:#475954;padding:8px 24px}
.screenhelm-visual img{width:150px;height:149px}
.backrow-visual img{width:149px;height:149px}
@media(max-width:700px){.screenhelm-visual img{width:128px;height:126px}.backrow-visual img{width:126px;height:126px}}

/* Practical prompts stay compact until someone opens one. */
.prompt-section>h2{font-size:clamp(28px,3vw,40px);line-height:1.15;letter-spacing:-1px;margin:0 0 16px;font-weight:550}
.prompt-section>p{max-width:720px;color:var(--muted)}
.prompt-note{font-size:14px}.prompt-list{margin-top:26px;border-top:1px solid var(--line)}
.prompt-item{border-bottom:1px solid var(--line);background:#20292c}
.prompt-item summary{padding:20px 24px;cursor:pointer;font-size:18px;font-weight:550}
.prompt-item[open] summary{color:var(--orange)}
.prompt-item p{margin:0;padding:0 24px 24px;max-width:850px;line-height:1.7;user-select:text}
@media(max-width:700px){.prompt-item summary{padding:18px;font-size:17px}.prompt-item p{padding:0 18px 20px;font-size:14px}}

/* Purpose: a brief introduction to the people and work behind the network. */
.network-purpose{display:grid;grid-template-columns:1.1fr 1fr;gap:6%;align-items:center;padding:48px 0;border-bottom:1px solid var(--line)}
.purpose-copy h1{font-size:clamp(36px,3.8vw,56px);letter-spacing:-2px;margin:18px 0 24px}
.purpose-copy>p:not(.eyebrow){max-width:580px;color:var(--muted);font-size:16px;line-height:1.7}
.purpose-copy>.action{display:inline-flex;gap:28px;margin-top:12px}
.purpose-image{margin:0;min-width:0}.purpose-image img{display:block;width:100%;aspect-ratio:3/2;height:auto;object-fit:cover;border:1px solid var(--line)}
.purpose-image figcaption{font-size:11px;color:var(--muted);margin-top:8px}
.hub-intro h2{font-size:clamp(32px,3.5vw,48px);line-height:1.1;letter-spacing:-2px;font-weight:550;margin:0}.hub-intro h2 em{font-style:normal;color:var(--orange)}
@media(max-width:700px){.network-purpose{grid-template-columns:1fr;gap:28px;padding:30px 0}.purpose-copy h1{font-size:38px;letter-spacing:-1.5px}.purpose-copy>p:not(.eyebrow){font-size:15px}.hub-intro h2{font-size:34px}}

/* Resource artwork picks up Sunday Playbook's yellow-green accent. */
.resource-card .resource-visual{background:#c5cf78}
.resource-card .resource-index{border-color:#707a3d}
.resource-card .resource-index>div{color:#253022;border-color:#89934f}
.resource-card .resource-index>div>span{color:#354225}

/* Selected work uses the existing sample grid with real media. */
.work-samples .sample-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.work-samples .video-work{display:flex;flex-direction:column;min-width:0;margin:0;padding:0;border:1px solid var(--line);background:#20292c;gap:0}
.work-samples .video-work>div{min-width:0;width:100%}
.work-samples .video-work>div:last-child{padding:24px}
.work-samples .video-work h3{font-size:25px;line-height:1.2;margin:0 0 14px;font-weight:550}
.work-samples .video-work p{font-size:15px;line-height:1.7;color:var(--muted);margin:0}
.video-player{width:100%;max-width:100%;aspect-ratio:16/9;min-height:200px;background:#101414}
.video-player iframe{display:block;width:100%;height:100%;min-height:200px;border:0;aspect-ratio:16/9}
.video-poster{display:block;position:relative;width:100%;max-width:100%;height:100%;min-height:200px;border:0;padding:0;background:#101414;cursor:pointer;color:#fff}
.video-poster img{display:block;width:100%;height:100%;aspect-ratio:16/9;object-fit:cover}
.video-poster span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);white-space:nowrap;background:#17201feb;border:1px solid #edf0e8;padding:12px 20px;font:inherit}
.video-poster:hover span{background:#33423f}
.work-samples .magazine-cover{height:300px;display:flex;align-items:center;justify-content:center;background:#182522;padding:16px}
.work-samples .magazine-cover img{height:100%;width:auto;max-width:100%;object-fit:contain}
.magazine-links{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-top:20px}.magazine-links a{font-size:14px;color:#e4d56f}
@media(max-width:700px){.work-samples .sample-grid{grid-template-columns:1fr}.work-samples .video-work>div:last-child{padding:20px}}

/* Keep the project sample cards and their media areas consistent. */
.work-samples .sample-grid{align-items:stretch;grid-auto-rows:1fr}
.work-samples .video-work{height:100%}
.work-samples .video-player,.work-samples .magazine-cover{height:auto;aspect-ratio:16/9;min-height:200px;flex-shrink:0}
.work-samples .video-poster,.work-samples .video-player iframe{height:100%;width:100%;aspect-ratio:auto}
.work-samples .magazine-cover img{height:100%;max-height:100%;width:auto;object-fit:contain}
.work-samples .video-work>div:last-child{flex:1}

/* Upright service cards, with the number above each service. */
.service-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:0 0 40px}
.service-list article{display:flex;flex-direction:column;align-items:flex-start;gap:30px;padding:28px;border:1px solid var(--line);background:#20292c;min-width:0}
.service-list article>span{font-size:13px;color:var(--orange)}
.service-list h2{font-size:32px;line-height:1.1;margin-bottom:22px}
.service-list p{font-size:15px}
@media(max-width:1000px){.service-list article{padding:22px}.service-list h2{font-size:28px}}
@media(max-width:700px){.service-list{grid-template-columns:1fr;gap:18px;padding-bottom:28px}.service-list article{gap:22px;padding:24px}.service-list h2{font-size:30px}}

/* Compact download cards; add resources without changing the layout. */
.service-resources{padding:24px 0 40px;border-top:1px solid var(--line)}
.service-resources>h2{font-size:34px;letter-spacing:-1px;line-height:1.15;font-weight:550;margin:12px 0 26px}
.service-resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:900px}
.service-resource-card{min-width:0;border:1px solid var(--line);background:#20292c}
.service-resource-card>a{display:flex;height:100%;flex-direction:column}
.service-resource-cover{height:240px;padding:16px;background:#303d3d;display:flex;justify-content:center}
.service-resource-cover img{display:block;height:100%;width:auto;max-width:100%;object-fit:contain}
.service-resource-copy{padding:22px;display:flex;flex-direction:column;flex:1}
.service-resource-copy .eyebrow{font-size:10px;margin-bottom:14px}
.service-resource-copy h3{font-size:25px;line-height:1.15;font-weight:550;margin:0 0 14px}
.service-resource-copy>p:not(.eyebrow){font-size:14px;color:var(--muted);margin:0 0 20px}
.service-resource-copy .action{margin-top:auto}
.service-resource-card:hover{border-color:var(--orange)}
@media(max-width:700px){.service-resource-grid{grid-template-columns:1fr;max-width:420px}.service-resource-cover{height:220px}.service-resources{padding:24px 0 28px}}
