*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font:16px Arial,Helvetica,sans-serif;color:#101010}header{position:sticky;top:0;z-index:5;background:#fffffff5;height:84px;padding:0 3.55%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.logo{font-weight:950;letter-spacing:-1px;font-size:19px}.logo span{font-size:14px;letter-spacing:4px;font-weight:400}a{color:inherit;text-decoration:none}nav{display:flex;gap:32px;font-size:14px}.cta{display:inline-flex;align-items:center;justify-content:center;border-radius:40px;background:#101010;color:white;text-transform:uppercase;font-weight:700;font-size:12px;padding:14px 24px}.cta.light{justify-self:end;background:white;color:#111;border:1px solid #ddd;padding:10px 18px;font-size:11px}.hero{position:relative;overflow:hidden;text-align:center;padding:96px 0 120px}.intro{position:relative;z-index:1;width:min(520px,90%);margin:auto}h1,h2{font-weight:500;letter-spacing:-.056em;line-height:1.04;margin:0;font-size:clamp(42px,4.2vw,64px)}em{font-style:normal;color:#696969}p{color:#666;line-height:1.5}.intro p{margin:18px auto 25px}.float{position:absolute;object-fit:cover;border-radius:4px;box-shadow:0 20px 28px -16px #0005}.poster{top:26px;left:5.6%;width:min(11.3vw,151px);aspect-ratio:151/194;transform:rotate(-2deg);overflow:hidden}.poster img{width:100%;height:100%;object-fit:cover}.poster b{position:absolute;bottom:8px;left:6px;color:white;text-align:left;font-size:clamp(9px,1.3vw,18px);line-height:.94}.merch{width:min(16vw,220px);aspect-ratio:1;top:22px;right:5.5%;transform:rotate(4deg)}.product{width:min(15vw,204px);aspect-ratio:1.28;top:367px;left:10.8%;transform:rotate(3deg)}.film{width:min(18vw,238px);aspect-ratio:238/153;top:402px;right:11%;transform:rotate(-2deg)}.phone{border-radius:18px;overflow:hidden;background:#151515;color:white;width:270px;margin:112px auto 0;text-align:left;box-shadow:0 20px 35px #0002}.screen{height:310px;background:#ededeb;color:#555;display:flex;flex-direction:column;justify-content:space-between;padding:22px}.screen strong{font-size:41px;line-height:.95;letter-spacing:-.06em}.screenfoot{padding:22px}.screenfoot p{color:#ccc;font-size:14px}.screenfoot h3{margin:8px 0}.picks{display:inline-flex;padding:4px;background:#f3f3f3;border-radius:30px;gap:2px;margin-top:50px}button{font:inherit;cursor:pointer;color:inherit}.picks button{background:transparent;border:0;border-radius:30px;padding:10px 16px;font-size:14px}.picks button[aria-pressed=true]{background:#111;color:#fff}small{font:11px monospace;letter-spacing:.1em}#features,#results,footer{text-align:center;padding:110px 5vw}.walk,.case{display:grid;grid-template-columns:1fr 1.2fr;gap:8%;align-items:center;text-align:left;max-width:1080px;margin:60px auto 0}.walk button{display:block;width:100%;text-align:left;padding:14px 0;background:none;border:0;border-bottom:1px solid #ddd;font-size:25px;color:#777}.walk button[aria-pressed=true]{color:#111}.walk button span{display:block;font-size:15px;line-height:1.5;margin-top:8px}.featureArt,.caseArt{border-radius:18px;overflow:hidden;position:relative}.featureArt{height:500px;background:center/cover;display:grid;place-items:end center;padding:25px}.featureArt div{background:#fffffff2;border-radius:14px;width:85%;padding:20px}.featureArt h3{margin:8px 0 0}.proof{margin:16px;border-radius:20px;padding:9% 8%;background:linear-gradient(90deg,#10120fed,#10120f30),url(Joyful.webp) center/cover;color:white}.proof p{color:#eee;max-width:430px}.proof b{display:block;font-size:54px;margin-top:40px}.trust{display:flex;align-items:center;justify-content:center;gap:4vw;flex-wrap:wrap;padding:45px 20px}.trust p{width:100%;text-align:center;margin:0}.trust strong{font-size:24px;letter-spacing:-.06em}#results{background:#f5f5f4}.case{margin-top:0}.case article h2{margin:20px 0}.case article strong{display:block;border-top:1px solid #ccc;padding-top:28px;margin-top:40px;font-size:36px}.caseArt{background:#151515;color:white}.caseArt img{width:100%;height:350px;object-fit:cover}.caseArt h3{padding:0 22px}.cta:hover,.picks button:hover{opacity:.8}footer p{margin:24px auto}aside{border-top:1px solid #ddd;padding-top:24px;margin-top:90px;font-size:13px;color:#666;display:flex;justify-content:center;gap:20px}@media(max-width:700px){header{height:64px;grid-template-columns:1fr auto}nav{display:none}.hero{padding:75px 0}.intro{width:94%}.intro p{max-width:330px}.intro p br{display:none}.poster,.merch{top:350px;width:21vw}.poster{left:-3%}.merch{right:-3%}.phone{width:45vw;margin-top:75px}.screen{height:220px;padding:15px}.screen strong{font-size:29px}.screenfoot{padding:15px}.product,.film{top:560px;width:21vw}.product{left:2%}.film{right:2%}.walk,.case{grid-template-columns:1fr;gap:28px}.featureArt{height:350px}.proof{padding:55px 22px}.picks button{padding:9px;font-size:12px}#features,#results,footer{padding:75px 6vw}.trust strong{font-size:19px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.cover{display:block;width:clamp(180px,23vw,350px);aspect-ratio:16/9;background:white;overflow:hidden;border:1px solid #e9e9e9;cursor:zoom-in}.cover img{display:block;width:100%;height:auto}.cover.merch{right:3.5%}.cover.film{right:6%}@media(max-width:700px){.cover{width:27vw}.cover.merch{right:1%}.cover.film{right:1%;top:555px}}

.hero .placeholder{background:#f2f2f0;border:1px dashed #cacac7;box-shadow:none;cursor:default}

header{display:flex;align-items:center}.logo img{display:block;width:145px;height:auto;max-height:38px;object-fit:contain;object-position:left center}
.hero .module{width:clamp(150px,16vw,212px);height:auto;aspect-ratio:auto;background:white;border:1px solid #e4e4e0;border-radius:10px;padding:9px;text-align:left;transform:translate(var(--dx,0px),var(--dy,0px)) rotate(var(--angle,0deg));box-shadow:0 10px 30px #0000000c;cursor:default}.module h3{font-size:15px;letter-spacing:-.035em;margin:10px 3px 4px}.module p{font-size:12px;line-height:1.35;margin:0 3px 3px}.asset-slot,.system-slot{background:#efefec;border:1px dashed #cdcdca;border-radius:5px}.asset-slot{height:clamp(55px,6vw,95px)}.system-slot{flex:1;margin:20px 0}.hero .screen strong{font-size:30px}.hero .screen{height:255px}.hero .screenfoot{min-height:137px}.hero .poster{left:4%}.hero .product{left:8%}.hero .merch{right:4%}.hero .film{right:8%}
@media(max-width:780px){.hero{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:65px 5%}.hero .intro{grid-column:1/-1;margin:0 auto 30px}.hero .phone{grid-column:1/-1;grid-row:2;margin:0 auto 14px;width:min(100%,260px)}.hero .module{position:static;transform:none;width:100%;height:100%}.hero .picks{grid-column:1/-1;margin:12px auto}.hero .screen{height:210px}}
@media(min-width:781px){
.hero .module{overflow:visible;background:transparent;border:0;box-shadow:none;padding:0;width:clamp(90px,10vw,205px)}
.hero .module .asset-slot{width:100%;height:auto;aspect-ratio:var(--ratio,1);border-radius:3px;background:#f1f1ee}
.hero .module h3,.hero .module p{opacity:var(--reveal,0)}
.hero .poster{left:clamp(3%,calc(50% - 590px),19%);top:24px;width:clamp(85px,9vw,162px);--ratio: .78}
.hero .merch{right:clamp(3%,calc(50% - 615px),18%);top:16px;--ratio:1}
.hero .product{left:clamp(7%,calc(50% - 530px),23%);top:358px;--ratio:1.35}
.hero .film{right:clamp(7%,calc(50% - 550px),22%);top:397px;width:clamp(110px,13vw,246px);--ratio:1.56}
.hero .outer-left{left:-2.4%;top:561px;width:clamp(85px,10vw,190px);--ratio:.83}
.hero .outer-right{right:-2.8%;top:608px;width:clamp(85px,10vw,195px);--ratio:1.78}
}
@media(max-width:780px){.hero .outer-left,.hero .outer-right{width:100%;position:static}}
.ecosystem{position:relative;margin:clamp(100px,9vw,140px) auto 0;width:clamp(285px,26vw,420px);max-width:100%;aspect-ratio:1;background:white;color:#101010}.ecosystem svg{position:absolute;inset:0;width:100%;height:100%;stroke:#c6c6c0;stroke-width:.35}.ecosystem .core{position:absolute;width:18%;height:18%;object-fit:contain;left:41%;top:41%;background:white;box-shadow:0 0 0 8px white}.ecosystem span{position:absolute;transform:translate(-50%,-50%);background:white;padding:4px 6px;font-size:clamp(13px,1.2vw,18px);letter-spacing:-.04em;font-weight:550}.hero{padding-bottom:235px}
@media(max-width:780px){.hero{padding-bottom:65px}.hero .ecosystem{grid-column:1/-1;grid-row:2;margin:6px auto 20px;width:min(340px,100%)}}
.hero .ecosystem{width:clamp(320px,34vw,476px);max-width:100%;aspect-ratio:auto;background:none}.orbit{width:100%;aspect-ratio:1;position:relative}.orbit svg{stroke:none}.sector{fill:#f0f0eb;transition:fill .16s}.sector[data-active=true]{fill:#191a18}.orbit button{transform:translate(-50%,-50%);position:absolute;border:0;background:transparent;font-size:clamp(12px,1.15vw,17px);font-weight:600;letter-spacing:-.045em;padding:10px 3px;border-radius:5px}.orbit button[aria-pressed=true]{color:white}.orbit button:focus-visible{outline:2px solid #a2a86e}.hub{position:absolute;inset:30%;border-radius:50%;border:1px solid #cfcec5;display:grid;place-items:center;background:radial-gradient(circle at 35% 25%,white,#eeeee9);box-shadow:0 4px 16px #00000009}.hub img{width:53%;height:53%;object-fit:contain}.ecosystem figcaption{margin:10px auto 0;padding-top:16px;border-top:1px solid #dcdcd5;max-width:85%;min-height:100px}.ecosystem figcaption strong{font-size:20px;letter-spacing:-.045em}.ecosystem figcaption p{font-size:15px;margin:5px auto 0;line-height:1.4}.hero .module{z-index:1}.hero .ecosystem{z-index:2}
.hero .ecosystem{width:min(31vw,46svh,400px)}.hub img{width:88%;height:auto}.ecosystem figcaption{min-height:78px;padding-top:10px}.hero .module .asset-slot{max-height:clamp(55px,10svh,102px)}
@media(max-width:780px){.hero .ecosystem{width:min(82vw,320px)}}
.hero .module img.hero-photo{display:block;width:100%;height:auto;aspect-ratio:auto;max-height:none;border:0;background:transparent;border-radius:6px;object-fit:contain}
@media(min-width:781px){.hero .module:has(.hero-photo){width:clamp(100px,10vw,166px)}.hero .module img.hero-photo{height:clamp(120px,18svh,186px);object-fit:contain}}
@media(min-width:781px){.hero .module h3{margin-top:12px}.hero .module p{line-height:1.45}.ecosystem figcaption{margin-top:16px}}
.hero .module{overflow:visible}.photo-frame{position:relative}.feature-chip{position:absolute;z-index:1;bottom:4px;left:-16px;display:grid;gap:3px;min-width:110px;width:max-content;max-width:150px;padding:7px 10px;border:1px solid #dddcd7;border-radius:7px;background:#fff;color:#181817;text-align:left;box-shadow:0 4px 14px #18181716;opacity:var(--chip,0);transform:translateY(calc((1 - var(--chip,0)) * 6px));pointer-events:none}.feature-chip small{font:600 8px Arial;letter-spacing:.08em;text-transform:uppercase;color:#6c6863}.feature-chip b{font-size:12px;letter-spacing:-.03em}.feature-chip span{font-size:11px;line-height:1.2;color:#504f4a}.feature-chip.status,.feature-chip.tag{background:#1b1b19;color:white;border-color:#454540}.feature-chip.status span,.feature-chip.tag span,.feature-chip.status small,.feature-chip.tag small{color:#deddd5}.feature-chip.status span:before{content:'●';color:#b8cd86;margin-right:4px}.hero .merch .feature-chip,.hero .film .feature-chip,.hero .outer-right .feature-chip{left:auto;right:-14px}.hero .film .feature-chip{bottom:-7px}.hero .module:has(.feature-chip) h3{margin-top:15px}
@media(max-width:780px){.feature-chip{max-width:100%;left:-4px}.hero .merch .feature-chip,.hero .film .feature-chip,.hero .outer-right .feature-chip{right:-4px}}
.hero .module .feature-chip b{position:static;color:inherit;line-height:1.15;font-size:12px}
.hero .original-preview{width:112px;min-width:0;padding:5px;gap:4px}.hero .original-preview img{display:block;width:100%;height:38px;object-fit:contain;background:#f2f8f6;border-radius:3px}.hero .original-preview small{font:600 9px Arial;letter-spacing:0;text-transform:none;color:#202625}
.hero .product-detail{width:max-content;max-width:155px;min-width:122px;padding:8px 11px 9px;gap:3px;border-radius:7px;box-shadow:0 3px 10px #0002;left:-23px;bottom:3px;border-color:#d7d7d0;background:#fff;color:#171916}.hero .product-detail small{font:650 9px/1.2 Arial,sans-serif;letter-spacing:.055em;color:#686961}.hero .module .product-detail b{font-size:14px;line-height:1.1;letter-spacing:-.035em}.hero .product-detail span{font-size:11px;line-height:1.25;color:#536059}.hero .product-detail:is(.trend,.video,.theme){background:#191b19;color:#fff;border-color:#5b5e58}.hero .product-detail:is(.trend,.video,.theme) small{color:#c0c8bf}.hero .product-detail:is(.trend,.video,.theme) span{color:#b5d9c9}.hero .product-detail.sync{bottom:-5px}.hero .product-detail.match{border-left:3px solid #71aa96}.hero .product-detail.theme{border-radius:12px}.hero .product-detail.theme b,.hero .product-detail.core b{display:none}
@media(max-width:780px){.hero .product-detail{left:-5px;min-width:0;max-width:calc(100% + 8px)}}
.hero .product-detail{width:155px;max-width:155px;padding:9px 11px}.hero .product-detail span{font-size:12px;font-weight:550;line-height:1.3;color:#202420}.hero .product-detail:is(.trend,.video,.theme) span{color:#f4f5f1}@media(max-width:780px){.hero .product-detail{max-width:100%}}
.hero .module .ui-panel{box-sizing:border-box;width:clamp(138px,12vw,178px);max-width:none;min-width:0;bottom:-6px;background:#191c19;color:#fbfbf5;border:1px solid #646959;border-radius:8px;box-shadow:0 5px 12px #13181422;padding:7px 9px;gap:3px;font:10px/1.3 Arial,sans-serif;letter-spacing:normal}.ui-panel h4{margin:0 0 2px;font-size:12px;font-weight:600;border-bottom:1px solid #545a50;padding-bottom:4px}.ui-panel>div{display:flex;justify-content:space-between;align-items:center;gap:4px}.ui-panel meter{width:35%;height:8px;accent-color:#bdd5b3}.ui-panel meter::-webkit-meter-optimum-value{background:#bdd5b3}.ui-panel i{background:#c4dcb9;color:#182116;border-radius:10px;font-size:9px;font-style:normal;padding:1px 5px}.ui-panel table{border-collapse:collapse;font-size:10px}.ui-panel th,.ui-panel td{text-align:right;padding:2px}.ui-panel th:first-child,.ui-panel td:first-child{text-align:left}.ui-panel th{color:#c4dcb9}.hero .ui-panel small{font:8px Arial;letter-spacing:.02em;color:#c0c8bd;text-transform:none}.hero .module .ui-caption{margin:15px 0 0;font-size:12px;line-height:1.4;opacity:var(--chip,0)}
@media(max-width:780px){.hero .module .ui-panel{width:min(100%,178px);font-size:10px}}
.hero .module .ui-panel{--rule:#394446;--accent:#8ac9b8;background:#192326;color:#f6faf9;border-color:var(--rule);border-radius:8px;padding:9px 11px;gap:4px;font-family:Arial,Helvetica,sans-serif;font-variant-numeric:tabular-nums;text-align:left}.hero .module .ui-panel.light{--rule:#d9e5e1;--accent:#539f90;background:#fcfefd;color:#182c2c;box-shadow:0 5px 14px #132c251d}.ui-panel h4{font-size:13px;letter-spacing:-.035em;line-height:1.15;padding-bottom:5px;border-color:var(--rule)}.hero .ui-panel.light small{color:#526763}.hero .ui-panel small{letter-spacing:0;font-size:8px}.interest>div{display:grid;grid-template-columns:minmax(45px,1fr) minmax(22px,1fr) 24px;align-items:center;gap:4px}.interest meter{appearance:none;width:100%;height:5px;border:0;background:#dfeae6;border-radius:5px;overflow:hidden}.interest meter::-webkit-meter-bar{height:5px;border:0;background:#dfeae6}.interest meter::-webkit-meter-optimum-value{background:#68ae9e}.interest meter::-moz-meter-bar{background:#68ae9e}.activity i{color:#265b51;background:#dceee8}.activity i.pending{background:white;border:1px solid #a2bdb6}.report td,.report th{padding:3px 2px}.report th{color:#9cd0c2}.report tbody tr{border-top:1px solid var(--rule)}.hero .catalog-item{justify-content:flex-start;gap:8px}.hero .catalog-item img{width:36px;height:33px;border-radius:4px;object-fit:cover}.catalog-item strong{font-size:12px}.hero .listening>div{border-left:2px solid #79bdaa;padding-left:6px}
@media(min-width:781px){
.hero .module:has(.hero-photo) .ui-panel{left:auto;right:20%;bottom:2px}
.hero .module:is(.merch,.film) .ui-panel{left:20%;right:auto}
}
.hero .module .ui-caption{width:100%;margin:12px 0 0;text-align:left}
.hero .module:is(.outer-left,.outer-right) .ui-panel{position:relative;inset:auto;width:100%}
@media(min-width:781px){
.hero .module:has(.hero-photo){width:clamp(120px,12vw,200px)}
.hero .module img.hero-photo{height:clamp(144px,21.6svh,223px)}
.hero .module:has(.hero-photo) .ui-panel{left:auto;right:38%;bottom:0}
.hero .module:is(.merch,.film) .ui-panel{left:38%;right:auto}
}
.hero .module:is(.outer-left,.outer-right) .ui-panel{position:absolute;inset:auto 0 0 auto;width:min(100%,155px);transform:translateY(5px)}
#program-gap{background:#f7f6f1;padding:clamp(65px,8vw,135px) 6vw;color:#17231e}.gap-inner{margin:auto;max-width:1260px;display:grid;grid-template-columns:.94fr 1.1fr;gap:8%;align-items:center}.gap-kicker{color:#426e60;font-size:14px;letter-spacing:.02em;font-weight:600;margin:0 0 30px}.gap-copy h2{font-size:clamp(48px,4.7vw,78px);max-width:8.5em}.gap-sub{font-size:clamp(21px,2vw,30px);color:#49524a;letter-spacing:-.04em;margin:13px 0 21px}.gap-body{font-size:17px;max-width:420px;margin:0;color:#4c544f}.gap-art{position:relative;margin:0;height:390px}.artifact{position:absolute;width:56%;padding:20px 22px 17px;border:1px solid #dbe1da;border-radius:11px;background:#fff;box-shadow:0 16px 30px -18px #23382c40}.artifact small{color:#567267;font-size:9px}.artifact h3{font-size:21px;letter-spacing:-.045em;margin:10px 0 16px}.artifact div{display:flex;justify-content:space-between;border-top:1px solid #d8ded8;padding:7px 0;font-size:12px;gap:6px}.artifact b{font-size:11px}.artifact.roster{left:3%;top:4%;transform:rotate(-7deg)}.roster b{color:#3c7464}.artifact.post{right:0;top:30%;transform:rotate(5deg);background:#192326;color:#fff;border-color:#334641}.post small,.post b{color:#a9d6c8}.post div{border-color:#42534c}.artifact.orders{left:10%;top:55%;transform:rotate(-4deg)}.gap-art figcaption{position:absolute;bottom:-12px;right:0;font-size:11px;color:#596059}@media(max-width:780px){.gap-inner{grid-template-columns:1fr;gap:30px}.gap-art{width:min(100%,530px);margin:auto;height:340px}.artifact{width:62%;padding:13px}.gap-body{max-width:100%}.artifact h3{font-size:17px}.gap-art figcaption{bottom:-16px}}
.hero .module .capability{margin:9px 0 0;color:#3d4641;font-size:13px;font-weight:550;line-height:1.3;letter-spacing:-.015em}
#program-gap .gap-copy h2{font-size:clamp(40px,3.8vw,66px);max-width:12em}.gap-opening{font-size:18px;color:#454e47;margin:0 0 20px;line-height:1.45}.gap-answer{font-size:17px;color:#17231e;line-height:1.5;max-width:465px;margin:22px 0 0}.gap-copy .gap-body{margin-top:20px}

html,body,body>header,main>section,main>.trust,main>footer,#program-gap,#results{background:#fff}
main>.proof{color:#101010}.proof p{color:#505050}
.caseArt{background:#fff;color:#101010}

#program-gap .gap-inner{display:grid;grid-template-columns:1fr 1fr;max-width:1220px;gap:clamp(40px,7vw,110px);align-items:start}#program-gap .gap-support{padding-top:46px}#program-gap .gap-body,#program-gap .gap-answer{max-width:52ch}
@media(max-width:780px){#program-gap .gap-inner{grid-template-columns:1fr;gap:26px}#program-gap .gap-support{padding-top:0}}
#program-gap{padding-bottom:clamp(120px,18vh,220px)}
@media(max-width:780px){#program-gap{padding-bottom:clamp(88px,13vh,116px)}}
#features{padding-inline:0}#features>p{margin:16px auto;max-width:55ch;padding-inline:18px}.model-walk{display:grid;grid-template-columns:minmax(220px,29%) minmax(0,1fr);align-items:center;gap:5vw;margin:64px 0 0;padding-left:max(6vw,calc((100vw - 1420px)/2));text-align:left}.model-walk #steps button{width:100%;display:block;border:0;background:none;text-align:left;padding:14px 0;color:#777;font:inherit;font-size:clamp(23px,2.2vw,34px);letter-spacing:-.04em}.model-walk #steps button[aria-pressed=true]{color:#111}.model-walk #steps span{display:none;font-size:15px;line-height:1.45;letter-spacing:normal;margin-top:7px;max-width:34ch}.model-walk #steps [aria-pressed=true] span{display:block}.model-gallery{min-width:0;--phone:min(315px,35vw)}.model-rail{position:relative;display:flex;align-items:center;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-block:10px}.model-rail::after{content:'';flex:0 0 max(0px,calc(100% - var(--phone) - 16px))}.model-phone{flex:0 0 var(--phone);min-width:0;scroll-snap-align:start;transform:scale(.84);transform-origin:center;transition:transform .25s}.model-phone.current{transform:scale(1)}.model-screen{border:6px solid #171c19;border-radius:36px;background:#f6f9f7;overflow:hidden;padding:22px 14px 16px;box-sizing:border-box}.model-bar{display:flex;align-items:center;justify-content:space-between}.model-bar img{width:76px;height:auto}.model-bar small,.model-note{font-size:9px;color:#537568}.model-screen h3{font-size:25px;margin:16px 0 12px;letter-spacing:-.055em}.model-photo{display:block;width:100%;height:clamp(120px,14vw,205px);object-fit:cover;border-radius:7px}.model-screen dl{margin:12px 0;font-size:12px}.model-screen dl div{display:flex;justify-content:space-between;gap:8px;padding:7px 0;border-bottom:1px solid #d6dfd9}.model-screen dt{color:#55635b}.model-screen dd{margin:0;text-align:right}.model-report{width:100%;display:block;border-radius:7px}.model-note{display:block;margin-top:10px}.model-arrows{display:flex;gap:10px;margin:12px 0}.model-arrows button{border:1px solid #bbb;border-radius:50%;background:white;width:40px;height:40px}.model-arrows button:disabled{opacity:.3}
@media(max-width:780px){.model-walk{display:block;margin-top:32px;padding-left:5vw}.model-gallery{--phone:min(72vw,300px)}.model-walk #steps{display:flex;overflow:auto;gap:16px;margin-bottom:12px}.model-walk #steps button{font-size:16px;width:auto}.model-walk #steps button span{display:none}.model-photo{height:150px}}@media(prefers-reduced-motion:reduce){.model-phone{transition:none}}
.model-phone{background:transparent;border:0;padding:0;border-radius:36px;cursor:pointer}.model-screen{display:block;width:100%;aspect-ratio:9 / 18.6;background:#090909;border:6px solid #080808;padding:0}.phone-placeholder{display:block;width:100%;height:100%;border:1px solid #262626;border-radius:29px;background:#101010}.model-phone.current .phone-placeholder{border-color:#505050}.model-phone:focus-visible{outline:2px solid #568e81;outline-offset:2px}
.model-phone{position:relative}.model-screen{display:flex;flex-direction:column;padding:20px 14px 14px;color:#f5f7f6;background:#101211}.model-bar img{filter:invert(1) grayscale(1);mix-blend-mode:screen}.model-bar small,.model-note{color:#a2c8ba}.model-screen .image-placeholder{flex:1;min-height:75px;height:auto;background:#202321;border:1px dashed #404642}.model-screen dl div{border-color:#353d38}.model-screen dt{color:#a7b4ac}.model-screen .model-report{max-height:24%;object-fit:contain;background:#eff6f3}.select-phone{position:absolute;inset:0;border:0;border-radius:36px;background:transparent;cursor:pointer}.select-phone:focus-visible{outline:2px solid #70baa4;outline-offset:2px}
.model-screen{border:5px solid #080909;background:#111313;padding:20px 16px 15px;border-radius:32px;box-shadow:inset 0 0 0 1px #353b38}.model-bar{min-height:21px}.model-bar img{width:72px}.model-bar small,.model-note{font-family:Arial,sans-serif;letter-spacing:.045em}.model-screen h3{font-weight:550;font-size:clamp(21px,2vw,27px);line-height:1.1;margin:17px 0 14px}.model-screen .image-placeholder{border:0;background:#202323;border-radius:6px}.model-screen dl{margin:10px 0 12px}.model-screen dl div{padding:6px 0;border-color:#303634}.phone-insight{color:#e7eeea;background:#1a1f1d;border:1px solid #353d39;border-radius:8px;padding:10px 12px;min-height:84px}.phone-insight h4{margin:0 0 8px;font-size:13px;font-weight:600;letter-spacing:-.025em}.check-row,.interest-row{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:11px;line-height:1.7;color:#c9d2cc}.check-row i{font-style:normal;color:#a6d6c7}.interest-row meter{flex:1;max-width:40%;height:8px;accent-color:#83bbaa}.interest-row meter::-webkit-meter-optimum-value{background:#83bbaa}.theme-tags{display:flex;flex-wrap:wrap;gap:5px}.theme-tags span{font-size:10px;color:#bad4c8;background:#29332f;border-radius:10px;padding:4px 7px}.model-note{color:#9ba9a0;margin-top:10px}
#proof{width:85.5%;max-width:1760px;margin:clamp(50px,5vw,105px) auto 0;padding:0;color:#181818}.results-banner{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:25px;aspect-ratio:2.6;background:linear-gradient(0deg,#21090dd9,transparent 72%),linear-gradient(90deg,#220a0caa,#6d262533),url(omf-stage.webp) center 42%/cover;border-radius:4px;padding:3%;box-sizing:border-box;color:white}.results-copy h2{font-size:clamp(32px,3vw,64px);line-height:1.04;letter-spacing:-.055em}.results-copy p{font-size:clamp(15px,1.05vw,22px);line-height:1.48;color:white;max-width:50ch;margin:14px 0 0}.result-badge{display:flex;gap:14px;align-items:center;padding:4px 20px 4px 4px;color:white;background:#23191bd9;border-radius:7px;flex:none}.result-badge img{width:clamp(48px,3.5vw,72px);aspect-ratio:1;object-fit:cover;border-radius:4px}.result-badge span{font-size:17px}.result-badge small{display:block;font:14px Arial;color:#ddd;letter-spacing:0;margin-top:5px}.partner-strip{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:clamp(40px,4vw,84px) 0}.partner-strip p{margin:0;color:#222;max-width:32ch}.partner-strip p span{color:#696969}.partner-strip strong{font-size:clamp(16px,1.65vw,34px);letter-spacing:-.055em}.partner-strip strong:nth-child(2){font-family:Georgia,serif;font-style:italic}.partner-strip strong:nth-child(3){font-weight:950}.partner-strip strong:nth-child(4){font-size:clamp(14px,1.3vw,26px)}@media(max-width:780px){#proof{width:92%}.results-banner{aspect-ratio:auto;min-height:390px;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:20px;gap:16px}.result-badge img{width:38px}.partner-strip{flex-wrap:wrap;justify-content:flex-start}.partner-strip p{max-width:none;width:100%}}
.results-banner{background:linear-gradient(0deg,#08160eeb,transparent 78%),linear-gradient(90deg,#07140e91,transparent),url(wingstop-scene.webp) center 50%/cover}.wing-badge{background:#10251bdc}.wing-badge img{object-fit:contain;padding:7px;filter:invert(1)}.logo-window{overflow:hidden;flex:1;min-width:0}.logo-track{display:flex;width:max-content;animation:partner-flow 28s linear infinite}.logo-group{display:flex;align-items:center;gap:clamp(32px,4vw,75px);padding-right:clamp(32px,4vw,75px)}.logo-group img{width:clamp(70px,6vw,115px);height:44px;object-fit:contain;filter:grayscale(1)}.logo-window:hover .logo-track{animation-play-state:paused}@keyframes partner-flow{to{transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){.logo-track{animation:none}.logo-window{overflow:auto}.logo-group[aria-hidden]{display:none}}@media(max-width:780px){.logo-window{flex-basis:100%}}
.partner-strip .partner-intro{flex:0 1 360px;max-width:40ch}.partner-intro span{display:inline-block;margin-top:4px}@media(max-width:780px){.partner-strip .partner-intro{flex-basis:100%;max-width:100%}}
.logo-group img:is([alt="NBA"],[alt="BeatBox"]){filter:grayscale(1) contrast(1.15)}

#proof .partner-strip{display:grid;grid-template-columns:minmax(175px,26%) minmax(0,1fr);align-items:center;gap:clamp(18px,3vw,60px);padding:clamp(38px,4vw,82px) 0}
#proof .partner-intro{width:100%;max-width:36ch;text-align:left;font-size:clamp(12px,.83vw,14px);line-height:1.45}
#proof .partner-intro span{margin-top:2px;font-size:inherit}
@media(max-width:600px){#proof .partner-strip{grid-template-columns:minmax(125px,40%) minmax(0,1fr);gap:14px;padding:30px 0}}
#results{width:100%;max-width:none;margin:0;padding:clamp(70px,7.5vw,155px) 0;text-align:left}.story-panel{position:relative;isolation:isolate;display:grid;grid-template-rows:1fr 1fr auto;align-content:stretch;min-height:clamp(620px,42.5vw,890px);padding:clamp(28px,2.65vw,55px);box-sizing:border-box;border-radius:4px;overflow:hidden;color:white;background:linear-gradient(90deg,#050809cf 0%,#0306093d 63%,#03060959),linear-gradient(0deg,#0306079e,transparent 60%),var(--story-image) center/cover}.story-head{max-width:65%}.story-head span{display:inline-block;padding:6px 11px;border:1px solid #ffffff47;background:#ffffff12;border-radius:24px;font-size:12px}.story-head h2,.story-head #caseBrand{font-size:clamp(32px,2.7vw,55px);font-weight:500;letter-spacing:-.055em;line-height:1.04;margin:20px 0 0}.story-head #caseBrand{margin:2px 0;color:#c4c9c8}#cases{position:absolute;right:2.5%;top:4.7%;display:flex;gap:5px}#cases button{border:2px solid transparent;border-radius:4px;background:none;padding:2px;cursor:pointer}#cases button[aria-pressed=true]{border-color:white}#cases img{display:block;width:clamp(36px,2.8vw,54px);aspect-ratio:1;object-fit:cover;border-radius:2px}.story-text{align-self:center;width:min(45%,500px)}.story-text p{color:white;font-size:clamp(16px,1.08vw,22px);margin:0 0 16px}.story-text a{text-decoration:underline;text-underline-offset:4px}.story-result{max-width:55%}.story-result strong{font-size:clamp(24px,1.85vw,38px);letter-spacing:-.045em;font-weight:500}.story-result p,.story-strip p{color:#c8cecd;margin:8px 0 0}.story-strip{position:absolute;bottom:4%;right:2%;width:14%;min-width:145px;max-width:240px;background:#091012df;border:1px solid #ffffff24;border-radius:4px;padding:7px;color:white;font-size:14px}.story-stills{display:grid;gap:5px}.story-stills img{width:100%;aspect-ratio:1.8;object-fit:cover;display:block;border-radius:2px}.story-stills img:nth-child(2){object-position:30% center;filter:brightness(.72)}.story-stills img:nth-child(3){object-position:80% center}.story-strip #caption{margin:12px 5px 0}.story-strip p{margin:3px 5px 6px;font-size:13px}.story-strip{display:block;text-align:left;margin:0}.story-result p{max-width:52ch}
@media(max-width:780px){#results{width:100%}.story-panel{min-height:620px;padding:22px;grid-template-rows:auto 1fr auto}.story-head{max-width:100%;padding-top:48px}#cases{top:14px;right:16px}#cases img{width:28px}.story-text{width:90%}.story-result{max-width:100%}.story-strip{position:static;display:block;width:auto;max-width:none;margin-top:22px;padding:5px}.story-stills{grid-template-columns:repeat(3,1fr)}.story-strip #caption,.story-strip p{display:inline-block;margin:6px 3px}.story-stills img{aspect-ratio:2.2}}
.mobile-menu{display:none}
@media(max-width:780px){
body>header{height:64px;padding-inline:5.6%;justify-content:space-between}
.mobile-menu{display:block}.mobile-menu summary{width:44px;height:44px;display:grid;align-content:center;justify-content:end;gap:5px;cursor:pointer;list-style:none}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary span{width:20px;height:2px;background:#111}.mobile-menu nav{position:absolute;top:100%;right:4%;display:grid;gap:0;padding:8px 16px;background:white;border:1px solid #ddd;border-radius:10px;box-shadow:0 8px 24px #0001}.mobile-menu nav a{display:block;width:100%;padding:12px 0}
.hero{grid-template-areas:"intro intro" "denim product" "wheel wheel" "court motion" "athlete skincare";align-items:start;column-gap:8%;row-gap:22px;padding:clamp(54px,14vw,76px) 4% 64px}
.hero .intro{grid-area:intro;width:100%;margin:0 auto 30px}.hero .intro h1{font-size:clamp(36px,9.3vw,56px);line-height:1.05}.hero .intro p{max-width:34ch;padding-inline:6px;font-size:clamp(15px,3.9vw,18px);line-height:1.4;margin:18px auto 24px}.hero .poster{grid-area:denim}.hero .film{grid-area:product;margin-top:clamp(36px,10vw,68px)}.hero .ecosystem{grid-area:wheel;width:min(74vw,330px);margin:0 auto 18px}.hero .merch{grid-area:court}.hero .product{grid-area:motion;margin-top:28px}.hero .outer-left{grid-area:athlete}.hero .outer-right{grid-area:skincare;margin-top:26px}.hero .module{height:auto;padding:0;border:0;border-radius:0;background:none;box-shadow:none}.hero .module img.hero-photo{height:auto;width:100%;max-height:215px;object-fit:contain}.hero .ui-caption{padding-inline:2px}
}
.closing{text-align:center;padding:clamp(70px,8vw,140px) 5vw}.closing p{margin:22px auto}.hq-footer{position:relative;overflow:hidden;isolation:isolate;background:#101010;color:white;text-align:left;padding:clamp(36px,4vw,65px) 5% 20px}.hq-footer::before{content:"INGENIUS.";position:absolute;z-index:-1;bottom:-.25em;left:10%;color:#181818;font-size:clamp(84px,17vw,300px);font-weight:900;letter-spacing:-.09em;line-height:.9}.footer-inner{display:grid;grid-template-columns:2fr 1fr 1fr;gap:6%;padding-bottom:44px}.footer-brand img{width:135px;filter:invert(1);mix-blend-mode:screen}.footer-brand p{max-width:36ch;color:#aaa}.hq-footer nav{display:grid;align-content:start;gap:10px;font-size:15px}.hq-footer small{color:#a4a4a4;text-transform:uppercase}.hq-footer nav a{display:block}.hq-footer a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid #383838;padding-top:22px;display:flex;gap:24px;font-size:12px;color:#aaa}.footer-bottom span{margin-right:auto}.resource{width:min(88%,1280px);margin:70px auto 100px}.resource h1{margin:16px 0;font-size:clamp(40px,6vw,84px)}.resource-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:30px;margin-top:45px}.resource-card{border-top:1px solid #ccc;padding-top:14px}.resource-card img{width:100%;aspect-ratio:1.7;object-fit:cover;border-radius:4px}.resource-card h2{font-size:28px;margin-top:17px}.resource-card span{text-decoration:underline}@media(max-width:650px){.footer-inner{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{flex-wrap:wrap}.footer-bottom span{width:100%}}
.footer-brand p{margin:14px 0 0}
.hq-footer{padding:0;background:#0d0d0d;font-family:"Helvetica Neue",Arial,sans-serif}.hq-footer::before{content:none}.footer-wrap{position:relative;isolation:isolate;box-sizing:border-box;max-width:1280px;margin:auto;padding:64px 48px 0}.footer-inner{display:grid;grid-template-columns:minmax(280px,1fr) auto auto;align-items:start;gap:48px;padding:0}.footer-brand{max-width:280px}.footer-brand img{width:108px}.footer-brand p{font-size:13px;line-height:1.55;color:#aaa;margin:14px 0 0}.hq-footer nav{gap:12px;justify-items:start;font-size:13.5px}.hq-footer nav small{font:400 11px/1.2 "Helvetica Neue",Arial,sans-serif;letter-spacing:.15em;margin-bottom:4px}.hq-footer nav a{position:relative;padding-bottom:2px}.hq-footer nav a::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:#c44b2b;transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.16,1,.3,1)}.hq-footer nav a:hover,.hq-footer nav a:focus-visible{text-decoration:none}.hq-footer nav a:is(:hover,:focus-visible)::after{transform:scaleX(1)}.footer-bottom{margin-top:56px;padding:24px 0;border-color:#ffffff20;align-items:center}.footer-bleed{position:absolute;z-index:-1;bottom:0;left:50%;transform:translate(-50%,34%);width:min(100%,1280px);fill:white;opacity:.07;mask-image:linear-gradient(transparent,#000 24%);pointer-events:none}.footer-bleed text{font:800 175px "Helvetica Neue",Arial,sans-serif;letter-spacing:-.03em}@media(max-width:768px){.footer-wrap{padding:48px 24px 0}.footer-inner{grid-template-columns:1fr;gap:32px}.footer-brand{grid-column:auto;max-width:100%;margin-bottom:8px}.footer-bottom{flex-direction:column;align-items:flex-start;margin-top:48px;gap:16px}.footer-bottom span{width:auto}}@media(prefers-reduced-motion:reduce){.hq-footer nav a::after{transition:none}}
.story-page{width:min(86%,1400px);margin:clamp(38px,5vw,80px) auto 80px}.story-back,.story-end>a:last-child{font-size:14px;text-decoration:underline;text-underline-offset:4px}.story-page .story-lead{display:block;position:static;height:auto;padding:0;margin:48px 0 32px}.story-lead h1{font-size:clamp(40px,5.6vw,78px);max-width:18ch;margin:12px 0}.story-lead p{max-width:60ch;font-size:19px}.story-photo{width:100%;height:clamp(280px,40vw,620px);object-fit:cover;border-radius:5px}.story-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px clamp(10px,2vw,32px);width:100%;box-sizing:border-box;border-bottom:1px solid #ddd;padding:24px 0}
.story-stats dt{font-size:13px;color:#555}.story-stats dd{font-size:clamp(26px,3vw,40px);margin:6px 0 0;letter-spacing:-.05em}.story-body{max-width:700px;margin:48px auto}.story-body h2{font-size:clamp(26px,3vw,40px)}.story-body p{line-height:1.6;margin:14px 0 32px}.story-gallery{display:grid;grid-template-columns:1fr 1fr;gap:18px}.story-gallery img{width:100%;height:clamp(210px,32vw,460px);object-fit:cover}.story-end{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:44px}
.story-page .evidence-label{margin:36px 0 0;font-size:24px}.story-step{padding:18px 0;border-bottom:1px solid #ddd}.story-step h3{font-size:19px;letter-spacing:-.025em;margin:0}.story-step p{margin:10px 0}.story-lesson{max-width:700px;margin:60px auto 24px}.story-lesson h2{margin:12px 0;font-size:clamp(26px,3vw,40px)}.story-lesson p{line-height:1.6}
.story-editorial-photo{margin:32px 0}.story-editorial-photo img{display:block;width:100%;max-height:640px;object-fit:contain;background:#171312}.story-editorial-photo figcaption{margin-top:8px;font-size:13px;color:#555}
.case-source{max-width:700px;margin:24px auto;font-size:13px;color:#626962}.case-source a{text-decoration:underline}
.story-page .case-mast{position:static;height:auto;display:grid;grid-template-columns:2fr 1fr;align-items:start;gap:8%;padding:40px 0;margin:0}.case-mast h1{font-size:clamp(54px,8vw,128px);margin:0}.case-mast>div>p{max-width:30ch;font-size:clamp(22px,2.6vw,38px);line-height:1.15;letter-spacing:-.045em;color:#202220;margin:14px 0}.case-mast .case-facts p,.case-facts a{font-size:14px;line-height:1.6;letter-spacing:0}.case-facts small{display:block;margin:8px 0}.case-facts a{text-decoration:underline}.case-overview{display:grid;grid-template-columns:1fr 2fr;gap:8%;padding:36px 0;border-bottom:1px solid #ddd}.case-overview h2{font-size:32px}.case-overview p{font-size:19px;max-width:57ch;margin:0}.story-page .story-body{margin:52px 0;max-width:none}.story-body .story-step{display:grid;grid-template-columns:1fr 2fr;gap:8%;padding:25px 0}.story-step p{margin:0;max-width:62ch}.story-body>h2{margin-bottom:22px}@media(max-width:700px){.story-page .case-mast,.case-overview,.story-body .story-step{grid-template-columns:1fr;gap:14px}.story-photo{height:300px}}
.case-jiminys .story-photo{display:block;margin-inline:auto;width:min(100%,560px);height:auto}
.work-index{width:96%;max-width:1860px;margin:clamp(34px,4vw,70px) auto 80px}.work-index h1{font-size:clamp(44px,5vw,80px);margin:8px 0 30px}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 1.5vw}.work-image{aspect-ratio:1.04;overflow:hidden;border-radius:14px;background:#f4f3ee}.work-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}.work-tile:hover img{transform:scale(1.025)}.work-label{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding-top:10px}.work-label h2{font-size:17px;letter-spacing:-.035em}.work-tags{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.work-tags span{color:#545454;border:1px solid #aaa;border-radius:5px;padding:2px 5px;font-size:11px;line-height:1.25}@media(max-width:760px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.work-label{display:grid}.work-tags{justify-content:flex-start}}@media(max-width:480px){.work-index{width:92%}.work-grid{grid-template-columns:1fr}.work-label{display:flex}}@media(prefers-reduced-motion:reduce){.work-tile:hover img{transform:none}}

/* Featured work */
.case-spotlight {
  --campaign: url(reebok-red-sneakers-story.webp);
  display: flex;
  align-items: flex-end;
  aspect-ratio: 2.2;
  padding: clamp(24px, 3.4vw, 64px);
  box-sizing: border-box;
  border-radius: 4px;
  color: white;
  background-image: linear-gradient(0deg, rgba(0,0,0,.8), transparent 65%), var(--campaign);
  background-position: center 59%;
  background-size: cover;
}
.case-intro h2 {margin:0; font-size:clamp(44px,5.3vw,96px);line-height:1;letter-spacing:-.055em;font-weight:500;color:#fff}
.case-intro #metric {margin:.5em 0 1.3em;font-size:clamp(18px,1.5vw,28px);color:#fff;line-height:1.25}
.case-intro a {color:white;text-decoration:underline;text-underline-offset:4px;font-size:15px}
.case-nav {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 6% 0}
.case-choices {display:flex;gap:clamp(12px,2.4vw,40px)}
.case-choices button,.case-nav>a {padding:12px 0;font:inherit;font-size:15px;background:none;border:0;color:#585858;border-radius:0;text-decoration:none}
.case-choices button {cursor:pointer;border-bottom:2px solid transparent}
.case-choices button[aria-pressed=true] {color:#111;border-bottom-color:#111}
.case-nav>a:hover,.case-choices button:hover {color:#111;text-decoration:underline;text-underline-offset:4px}
@media(max-width:700px){.case-spotlight{aspect-ratio:4/5;background-position:center}.case-nav>a,.case-choices button{font-size:14px}}

body>.site-header {
  position:sticky;top:0;z-index:30;display:block;height:76px;
  padding:0;background:transparent;pointer-events:none;
}
.nav-shell {
  box-sizing:border-box;pointer-events:auto;position:relative;margin:auto;
  width:100%;height:76px;padding:0 clamp(24px,4vw,80px);
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;
  background:white;border:1px solid transparent;
  transition:width .38s ease,height .38s ease,transform .38s ease,padding .38s ease,border-radius .38s ease,background-color .38s ease,box-shadow .38s ease;
}
.nav-shell .logo {justify-self:start}
.nav-shell .logo img {width:115px;max-height:36px}
.nav-links {display:flex;gap:28px;align-items:center;font-size:14px;white-space:nowrap}
.nav-links a,.nav-program {text-decoration:none}
.nav-links a {color:#414141;padding:12px 0}
.nav-links a:is(:hover,[aria-current]) {color:#111;text-decoration:underline;text-underline-offset:5px}
.nav-program {
  justify-self:end;border:1px solid #ddd;background:#fff;border-radius:999px;
  padding:12px 18px;color:#111;font-size:12px;font-weight:650;line-height:1.2;
  text-transform:uppercase;white-space:nowrap;transition:background-color .28s,color .28s;
}
.compact .nav-shell {
  width:min(692px,calc(100% - 28px));height:56px;transform:translateY(9px);
  padding:0 7px 0 22px;border-radius:32px;background:rgba(255,255,255,.83);
  -webkit-backdrop-filter:blur(18px) saturate(145%);backdrop-filter:blur(18px) saturate(145%);
  border-color:rgba(30,30,30,.08);box-shadow:0 8px 26px rgba(0,0,0,.12);
}
.compact .nav-program,.nav-program:hover {color:#fff;background:#111;border-color:#111}
#features {scroll-margin-top:82px}
@media(max-width:780px){
  body>.site-header,.nav-shell {height:64px}
  .nav-shell {grid-template-columns:1fr auto auto;gap:14px;padding:0 18px}
  .nav-links {display:none}
  .nav-shell .logo img {width:98px}
  .nav-shell .mobile-menu {display:block}
  .nav-shell .mobile-menu summary {width:32px;justify-content:center}
  .nav-shell .nav-program {font-size:11px;padding:10px 14px}
  .compact .nav-shell {width:min(390px,calc(100% - 24px));height:52px;padding:0 12px 0 16px}
  .nav-shell .mobile-menu nav {top:calc(100% + 6px);right:0;min-width:172px}
}
@media(prefers-reduced-motion:reduce){.nav-shell,.nav-program{transition:none}}

.case-spotlight[data-brand="Reebok"]{background-position:center 58%}

.work-canvas {
  --slide-offset:0%;position:relative;isolation:isolate;overflow:hidden;
  height:clamp(620px,84svh,890px);border-radius:0;background:#341a21;
  transition:background-color .55s;touch-action:pan-y pinch-zoom;
}
.work-canvas[data-brand=Parch]{background:#8b4046}
.work-canvas[data-brand=inKind]{background:#20352f}
.canvas-photos{position:absolute;inset:0;overflow:hidden}
.canvas-track{width:100%;height:100%;display:flex;transform:translateX(var(--slide-offset));transition:transform .65s cubic-bezier(.22,.8,.24,1)}
.canvas-track img{flex:0 0 100%;width:100%;min-width:0;height:100%;object-fit:cover}
.canvas-photos img:first-child{object-position:center 55%}
.canvas-card{position:absolute;z-index:2;top:60%;left:50%;transform:translate(-50%,-50%);
  width:clamp(220px,23vw,310px);background:#fff;color:#161616;text-align:center;box-shadow:0 10px 34px #0003}
.canvas-detail{height:clamp(126px,12vw,180px);overflow:hidden}
.canvas-copy{padding:20px 12px 22px}
.canvas-copy h2{font-size:clamp(34px,3.4vw,54px);margin:0;letter-spacing:-.055em;font-weight:500;line-height:1}
.canvas-copy p{font-size:15px;line-height:1.35;margin:10px 0 14px}
.canvas-copy a{font-size:14px;color:inherit;text-decoration:underline;text-underline-offset:3px}
.work-canvas>button{position:absolute;z-index:1;top:0;bottom:0;width:40%;border:0;background:transparent;color:#fff;font-size:24px;cursor:pointer;text-shadow:0 1px 5px #0009}
.canvas-prev{left:0;text-align:left;padding-left:4%}
.canvas-next{right:0;text-align:right;padding-right:4%}
.work-canvas>button:focus-visible{outline:2px solid white;outline-offset:-4px}
@media(max-width:700px){.work-canvas{height:450px}.canvas-card{width:56%;min-width:180px}.canvas-copy p{font-size:14px}.canvas-detail{height:120px}}
@media(prefers-reduced-motion:reduce){.canvas-track,.work-canvas{transition:none}}

.work-canvas:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#090808ed 0%,#0b0909ce 27%,#0b090924 60%,transparent);pointer-events:none}
.showcase-text{position:absolute;z-index:2;inset:clamp(20px,3vw,56px) auto clamp(20px,3vw,56px) 6%;width:31%;display:flex;flex-direction:column;justify-content:space-between;color:white}
.showcase-text h2{margin:0;font-size:clamp(30px,3vw,56px);letter-spacing:-.045em;font-weight:500;line-height:1}
.work-canvas[data-brand="Reebok"] #caseBrand{text-transform:uppercase}
.showcase-text p{margin:0;line-height:1.45;font-size:clamp(15px,1.18vw,22px)}
.showcase-text a{display:inline-block;margin-top:12px;color:inherit;text-underline-offset:4px;font-size:15px}
.showcase-text strong{font-size:clamp(20px,1.9vw,34px);line-height:1.1;font-weight:500;letter-spacing:-.035em}
.showcase-text #caseDetail{margin-top:8px;font-size:clamp(13px,1vw,17px);color:#eee}
.showcase-stills{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(145px,16vw,275px);display:grid;gap:3px;pointer-events:none}
.showcase-stills img{display:block;width:100%;aspect-ratio:1.75;object-fit:cover}
.showcase-stills img:first-child{object-position:center 38%}
.showcase-arrows{display:flex;gap:6px;margin-left:auto}
.showcase-arrows button{background:white;border:1px solid #ddd;border-radius:50%;width:36px;height:36px;color:#111;cursor:pointer}
@media(max-width:700px){
.work-canvas{height:auto;min-height:640px;display:grid;align-content:start;gap:20px;padding:24px}
.work-canvas:after{background:linear-gradient(0deg,#080808ef 0%,#080808a6 50%,#08080855)}
.showcase-text{display:contents}
.showcase-text>*{position:relative;z-index:2;color:white}
.showcase-text h2{order:0}
.showcase-stills{order:1;position:relative;inset:auto;transform:none;width:min(155px,50%);justify-self:center}
.showcase-text>div{order:2}
.showcase-arrows{gap:2px}.showcase-arrows button{width:29px;height:32px}.case-nav{flex-wrap:wrap}
}

.model-screen:has(.brief-document){container-type:inline-size}
.brief-heading{margin:clamp(10px,5cqw,18px) 0;text-align:left}
.brief-heading small{color:#a6cbb7;font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.model-screen .brief-heading h3{margin:5px 0 3px;font-size:clamp(24px,12cqw,36px);line-height:1}
.brief-heading p{margin:0;color:#b9c2bd;font-size:clamp(10px,4.8cqw,14px)}
.brief-document{text-align:left;display:grid;align-content:space-evenly;flex:1;min-height:0;border-block:1px solid #353c38}
.brief-document section{padding:clamp(4px,2.4cqw,9px) 0}
.brief-document section+section{border-top:1px solid #303633}
.brief-document h4{color:#accdbb;font-size:clamp(10px,4.4cqw,14px);margin:0 0 4px;font-weight:550}
.brief-document p{font-size:clamp(11px,5cqw,16px);line-height:1.32;color:#f0f2ef;margin:0}

.model-screen.brandstudio-screen {
 container-type:inline-size;display:flex;flex-direction:column;gap:0;
 padding:0 clamp(10px,1.15vw,18px) 12px;background:#faf9f6;color:#17201e;
 text-align:left;box-shadow:inset 0 0 0 1px #d9ddd8
}
.bs-toolbar{display:flex;align-items:center;justify-content:space-between;min-height:12cqw;border-bottom:1px solid #d4d9d4;margin-bottom:5cqw}
.bs-toolbar img{width:30%;height:auto}
.bs-toolbar span,.bs-note{font-size:clamp(9px,3.7cqw,12px);color:#566560}
.bs-label{font-weight:550;font-size:clamp(10px,4cqw,13px);color:#32685d}
.model-screen.brandstudio-screen h3{font-size:clamp(23px,11cqw,35px);line-height:1.02;margin:2cqw 0;letter-spacing:-.045em}
.bs-client,.bs-block p,.bs-fit p{margin:0;font-size:clamp(11px,4.9cqw,16px);line-height:1.32}
.bs-client{margin-bottom:4cqw;color:#46534e}
.bs-media{position:relative;flex:1;min-height:0;border-radius:6px;overflow:hidden}
.bs-media img{width:100%;height:100%;object-fit:cover;object-position:50% 62%}
.bs-media span{position:absolute;bottom:0;left:0;padding:1.5cqw 3cqw;color:white;background:#19251ff2;font-size:clamp(10px,4.1cqw,14px)}
.bs-block{padding:3.4cqw 0;border-bottom:1px solid #d2d8d3}
.bs-block h4,.bs-fit h4{margin:0 0 1cqw;font-size:clamp(11px,4.6cqw,15px);font-weight:600}
.bs-note{padding-top:2cqw}
.bs-candidate{display:flex;align-items:center;gap:3cqw;padding:2.5cqw;background:#e5efea;border-radius:6px;margin-bottom:2cqw}
.bs-candidate img{width:17cqw;height:17cqw;object-fit:cover;object-position:50% 30%;border-radius:50%}
.bs-candidate strong,.bs-candidate small{display:block;font-size:clamp(11px,5cqw,16px)}
.bs-candidate small{font-size:clamp(9px,4cqw,13px);color:#54645d}
.bs-fit{margin-top:2cqw;background:#202925;color:white;border-radius:6px;padding:3cqw}
.bs-fit h4{color:#a5d7c8}

.device-stage{position:relative;isolation:isolate}
.device-frame{position:absolute;z-index:2;left:0;top:10px;width:var(--phone);aspect-ratio:9/18.6;box-sizing:border-box;border:6px solid #111514;border-radius:34px;box-shadow:0 6px 14px #0002;pointer-events:none}
.device-stage .model-phone{transform:scale(var(--screen-scale,.8));transition:none;border-radius:0}
.device-stage .model-phone:first-child{--screen-scale:1}
.device-stage .brandstudio-screen{border:0;border-radius:5px;box-shadow:inset 0 0 0 1px #dce2de}
.device-stage .model-phone.current .brandstudio-screen{border-radius:32px}
.device-stage .model-rail{gap:0;scroll-behavior:auto}
.device-stage .model-rail::after{flex-basis:max(0px,calc(100% - var(--phone)))}
.device-stage .model-rail.wheel-scroll{scroll-snap-type:none}
.review-status{font-size:clamp(10px,4.4cqw,14px);align-self:flex-start;background:#e1ece7;color:#275e52;border-radius:4px;margin-top:3cqw;padding:1.3cqw 2.5cqw}
.activity-log{list-style:none;margin:3cqw 0 0;padding:0}
.activity-log li{padding:2.4cqw 0 2.4cqw 4cqw;border-left:2px solid #66a994;border-bottom:1px solid #d6ddd9}
.activity-log strong,.activity-log span{display:block;font-size:clamp(11px,4.5cqw,15px);line-height:1.3}
.activity-log span{color:#45534e}

.device-stage .model-phone{transform:none}
.device-stage .model-phone>.model-screen{transform:scale(var(--screen-scale,.8));transform-origin:center}
.device-frame{background:#111514;overflow:hidden;display:grid}
.device-frame>.brandstudio-screen{width:100%;height:100%;aspect-ratio:auto;min-height:0;border-radius:27px}
.original-ui{display:grid;align-content:center;min-height:0;gap:2cqw;margin:3cqw 0}
.original-ui img{width:100%;height:auto;display:block;border-radius:5px}
.original-ui figcaption{font-size:clamp(11px,4.7cqw,15px);font-weight:550;color:#293d35}
.artifact-screen .original-ui{flex:1}
.artifact-screen .original-ui+.original-ui{border-top:1px solid #d4dad5}

/* Each phone pairs a campaign image with one decision and its source artwork. */
.refined-screen .bs-toolbar{margin-bottom:3.8cqw;min-height:11cqw}
.refined-screen .bs-label{letter-spacing:.015em}
.model-screen.refined-screen h3{margin:1.6cqw 0 3.8cqw;font-size:clamp(22px,10cqw,32px)}
.screen-photo{position:relative;flex:1;min-height:0;margin:0 0 4cqw}
.screen-photo>img{width:100%;height:100%;display:block;object-fit:cover;border-radius:7px;object-position:center 43%}
.model-phone[aria-label="Strategy preview"] .screen-photo>img,.refined-screen:has(img[src="/brief-jacket.webp"]) .screen-photo>img{object-position:50% 65%}
.screen-callout{position:absolute;right:2cqw;bottom:-2.5cqw;padding:1.8cqw 3cqw;background:#fff;color:#17211e;border:1px solid #dce1dc;border-radius:6px;box-shadow:0 2px 8px #152c1d14}
.screen-callout small,.screen-callout strong{display:block;line-height:1.2}
.screen-callout small{font-size:clamp(9px,3.7cqw,12px);color:#50635b}
.screen-callout strong{font-size:clamp(12px,5cqw,16px);margin-top:2px;font-weight:600}
.screen-section{flex:none;padding:2.3cqw 0 0}
.screen-section+.screen-section{border-top:1px solid #d4dbd7;margin-top:2cqw}
.screen-section h4{font-size:clamp(11px,4.4cqw,14px);line-height:1.22;margin:0 0 1.3cqw;color:#30473f}
.screen-section p{font-size:clamp(11px,4.8cqw,15px);line-height:1.33;margin:0}
.screen-artwork{display:block;width:100%;height:43cqw;object-fit:contain;background:#f1f5f2;border-radius:6px}
.refined-screen:has(img[src="/bs-creator-matching.webp"]) .screen-artwork{height:46cqw}

.refined-screen .bs-toolbar,
.refined-screen .screen-section + .screen-section {border:0}
.device-stage .model-rail {scrollbar-width:none}
.device-stage .model-rail::-webkit-scrollbar {display:none}

/* Transparent iPhone 15 Pro product mockup from Mobile FIRST. */
.device-stage .device-frame{
 border:none;border-radius:0;box-shadow:none;background:none;overflow:visible;
 aspect-ratio:391/800;padding:1.4% 0;display:block
}
.device-frame::after{content:"";position:absolute;inset:0;background:url('/iphone-15-pro-frame.webp') center/100% 100% no-repeat;z-index:1;pointer-events:none}
.device-stage .device-frame>.refined-screen{position:absolute;inset:1.3% 4.1%;width:auto;height:auto;box-sizing:border-box;border-radius:11% / 5.5%;padding-top:8%;overflow:hidden}
.workspace-panel{flex:none;padding:3cqw 0 0}
.workspace-panel h4{font-size:clamp(11px,4.6cqw,15px);color:#30473f;margin:0 0 1.5cqw}
.workspace-panel p,.workspace-row,.campaign-path,.topic-list,.product-record{font-size:clamp(11px,4.4cqw,14px);line-height:1.3}
.workspace-panel p{margin:1.3cqw 0 0}
.workspace-row{display:flex;justify-content:space-between;gap:2cqw;padding:1.5cqw 0;color:#56605c}
.workspace-row strong{font-weight:500;color:#253b32;text-align:right}
.asset-bin{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5cqw}
.asset-bin img{width:100%;height:16cqw;object-fit:cover;border-radius:3px}
.topic-list{display:flex;gap:1.5cqw;margin:1.5cqw 0}
.topic-list span{background:#e5eeea;padding:1.4cqw 2.1cqw;border-radius:4px}
.campaign-path{margin:0;padding:2cqw 3cqw 2cqw 8cqw;background:#e9f1ed;border-radius:5px}
.campaign-path li{padding:1cqw 0}
.product-record{display:flex;align-items:center;gap:2.3cqw;padding:2cqw;background:#eaf1ed;border-radius:4px}
.product-record img{width:15cqw;height:15cqw;object-fit:cover;border-radius:3px}
.product-record small,.product-record strong{display:block}
.device-stage .model-phone.current>.model-screen{opacity:0}

.device-stage .citrus-screen{position:relative;padding:0;border:0;background:#101513;overflow:hidden;border-radius:6px}
.citrus-screen img{display:block;width:100%;height:100%;object-fit:fill}
.device-stage .device-frame>.citrus-screen{position:absolute;inset:1.3% 4.1%;width:auto;height:auto;min-height:0;aspect-ratio:auto;border-radius:11% / 5.5%}

.program-invitation{position:absolute;z-index:3;left:calc(var(--phone) + clamp(20px,3vw,64px));right:4vw;top:50%;transform:translateY(-50%);max-width:360px;text-align:left}
.program-invitation[hidden]{display:none}
.program-invitation h3{font-size:clamp(24px,2.8vw,44px);font-weight:500;line-height:1.05;letter-spacing:-.045em;margin:0}
.program-invitation p{font-size:clamp(15px,1.1vw,18px);line-height:1.5;color:#505451;margin:14px 0 20px}
@media(max-width:900px){.program-invitation{position:static;transform:none;margin:16px 5vw 24px 0;max-width:400px}}

.program-invitation:not([hidden]){display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start;justify-items:start}
.program-invitation p{margin:0}
.program-invitation .cta{text-transform:none}

.program-page{width:min(100% - 36px,760px);margin:clamp(42px,6vw,90px) auto clamp(64px,8vw,120px);text-align:center}
.program-page h1{font-size:clamp(46px,5.2vw,78px);letter-spacing:-.055em;line-height:1.04;font-weight:500;margin:0}
.program-page .program-form{margin-top:clamp(24px,3vw,42px)}
.program-form{border:1px solid #dfdfdc;border-radius:14px;padding:clamp(14px,3.2vw,44px);text-align:left}
.program-form iframe{display:block;width:100%;border:0}
.form-direct{display:inline-block;margin-top:16px;font-size:13px;color:#515550;text-underline-offset:3px}

#features{padding-block:clamp(54px,7vw,112px);text-align:left}
#features .model-walk{--section-inset:max(6vw,calc((100vw - 1220px)/2));display:grid;grid-template-columns:minmax(260px,31%) minmax(0,1fr);align-items:center;gap:clamp(30px,4.5vw,80px);padding-left:var(--section-inset);margin:0}
.model-editorial h2{font-size:clamp(32px,2.8vw,52px);font-weight:500;line-height:1.06;letter-spacing:-.055em;margin:0}
.model-editorial>p{max-width:37ch;font-size:clamp(15px,1.15vw,18px);line-height:1.48;color:#595959;margin:16px 0 clamp(21px,3vw,44px)}
.model-editorial #steps button{font-size:clamp(20px,1.65vw,28px);line-height:1.12;padding:8px 0}
.model-editorial #steps span{font-size:14px;line-height:1.4;max-width:34ch;margin:6px 0 4px}
.device-stage .model-phone:not(.current)>.citrus-screen{border-radius:14px;box-shadow:none;background:#101513}
@media(max-width:780px){
 #features .model-walk{display:block;padding-left:5vw}
 .model-editorial{padding-right:5vw}
 .model-editorial h2{font-size:clamp(32px,7.6vw,48px)}
 .model-editorial>p{margin:12px 0 20px}
 .model-editorial #steps button{font-size:16px;white-space:nowrap}
 .model-editorial #steps{gap:14px;overflow-x:auto}
}

#features.stage-show{padding:clamp(48px,7vw,104px) 0 0}
.reveal-intro{width:88%;max-width:1220px;margin:0 auto clamp(28px,4vw,60px);display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:end;text-align:left}
.reveal-intro h2{font-size:clamp(32px,3.7vw,64px);line-height:1.04;letter-spacing:-.05em;margin:0;font-weight:500}
.reveal-intro p{max-width:36ch;margin:0;color:#565956;font-size:clamp(16px,1.3vw,20px);line-height:1.48}
.reveal-shell{position:relative;background:#141915;color:white}
.stage-options{position:absolute;z-index:3;top:clamp(20px,3vw,46px);left:6%;display:flex;gap:4px;padding:4px;border-radius:28px;background:#141914d9}
.stage-options button{background:transparent;color:#fff;border:0;border-radius:22px;font:inherit;font-size:14px;padding:10px 16px;cursor:pointer}
.stage-options [aria-selected=true]{background:#faf9f5;color:#151815}
.stage-options button:focus-visible{outline:2px solid #9ce0ca;outline-offset:1px}
.reveal-panel{position:relative;isolation:isolate;min-height:clamp(620px,84svh,890px);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,.78fr);align-items:center;gap:3%;padding:95px 6% 45px;box-sizing:border-box;overflow:hidden}
.reveal-panel[hidden]{display:none}
.reveal-photo,.reveal-panel::before{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.reveal-panel::before{content:"";z-index:-1;background:linear-gradient(90deg,#080b09df,#11191079 46%,#080c0959)}
.reveal-copy h3{font-size:clamp(42px,5.4vw,100px);font-weight:500;letter-spacing:-.06em;line-height:1;margin:0}
.reveal-copy p,.stage-invitation p{font-size:clamp(16px,1.35vw,21px);max-width:31ch;line-height:1.45;margin:15px 0 0}
.reveal-device{position:relative;justify-self:center;width:min(100%,clamp(218px,31svh,350px));aspect-ratio:391/800}
.reveal-screen{position:absolute;inset:1.3% 4.1%;width:91.8%;height:97.4%;border-radius:11% / 5.5%}
.reveal-bezel{position:absolute;inset:0;width:100%;height:100%}
.reveal-card,.stage-invitation{justify-self:start;width:100%;max-width:320px;border-radius:12px;background:#faf9f5;color:#151915;padding:clamp(18px,2vw,32px);box-sizing:border-box}
.reveal-card small{font-size:13px;color:#506058}
.reveal-card strong,.stage-invitation h3{display:block;font-size:clamp(22px,2.2vw,36px);line-height:1.08;letter-spacing:-.045em;margin:8px 0 0}
.reveal-card p,.stage-invitation p{margin:12px 0 0;line-height:1.4;font-size:16px}
.stage-invitation .cta{display:inline-block;margin-top:18px;text-transform:none}
@media(prefers-reduced-motion:no-preference){.reveal-panel:not([hidden]) .reveal-device,.reveal-panel:not([hidden]) .reveal-card{animation:stage-appear .28s ease-out}@keyframes stage-appear{from{opacity:.5;translate:0 5px}to{opacity:1;translate:0}}}
@media(max-width:780px){
 .reveal-intro{grid-template-columns:1fr;gap:14px}.stage-options{left:3%;right:3%;top:14px;gap:0;justify-content:space-between}.stage-options button{padding:9px 3px;font-size:clamp(11px,3vw,14px);flex:auto}
 .reveal-panel{min-height:0;grid-template-columns:1fr 1fr;padding:77px 5% 32px;gap:22px 4%}.reveal-copy{grid-column:1/-1}.reveal-copy h3{font-size:38px}.reveal-copy p{margin-top:8px;max-width:37ch}
 .reveal-device{width:min(100%,235px)}.reveal-card,.stage-invitation{padding:15px}.stage-invitation h3{font-size:21px}.stage-invitation p,.reveal-card p{font-size:14px}.stage-invitation .cta{font-size:12px;padding:10px 12px}
}

.reveal-copy p{color:#f2f3ef}.reveal-card p,.stage-invitation p{color:#424a43}

.reveal-panel:has(.stage-invitation){grid-template-columns:minmax(0,1fr) minmax(0,1fr);row-gap:32px}
.reveal-panel .stage-invitation{
 grid-column:1/-1;justify-self:center;display:grid;grid-template-columns:minmax(0,1fr);
 justify-items:center;text-align:center;gap:12px;max-width:760px;width:100%
}
.stage-invitation h3,.stage-invitation p,.stage-invitation .cta{margin:0}
.stage-invitation p{max-width:52ch}
@media(max-width:780px){
 .reveal-panel:has(.stage-invitation){grid-template-columns:minmax(0,1fr)}
}
.home-faq{width:min(86%,1400px);margin:0 auto;padding:clamp(40px,5vw,80px) 0 clamp(64px,7vw,112px);display:grid;grid-template-columns:1fr 2fr;gap:6%;align-items:start}
.home-faq h2{margin:0;font-size:clamp(36px,4.2vw,64px);line-height:1;letter-spacing:-.055em;font-weight:500}
.faq-questions details{border-top:1px solid #dadada}
.faq-questions details:last-child{border-bottom:1px solid #dadada}
.faq-questions summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;list-style:none;cursor:pointer;font-size:clamp(17px,1.4vw,22px);line-height:1.35}
.faq-questions summary::-webkit-details-marker{display:none}
.faq-questions summary span::after{content:"+"}
.faq-questions details[open] summary span::after{content:"−"}
.faq-questions p{max-width:64ch;margin:0 24px 22px 0;line-height:1.55;color:#494949}
@media(max-width:720px){.home-faq{grid-template-columns:1fr;gap:28px}}