.brand-study{width:85%;max-width:400px;color:var(--ink)}.study-word{font:500 170px/.9 Afacad,Arial,sans-serif;letter-spacing:-.08em;display:flex;align-items:center;justify-content:space-between}.study-word>span{font-size:85px;color:#ed4b5d;letter-spacing:0}.study-baseline{border-bottom:1px solid var(--line);margin-top:20px}.study-swatches{display:flex;margin:20px 0 15px;gap:10px}.study-swatches i{display:block;width:75px;height:52px;background:#be1e2d;border-radius:3px}.study-swatches i:nth-child(2){background:#231f20;border:1px solid #ffffff25}.study-swatches i:nth-child(3){background:#fff5e1}.study-caption{font-size:10px;letter-spacing:.12em;color:var(--muted)}
.web-study{position:relative;width:86%;max-width:410px;border:1px solid #ffffff40;border-radius:13px;background:#fff5e1;color:#231f20;box-shadow:0 18px 50px #0002}.study-browser{display:flex;justify-content:space-between;padding:11px 15px;font-size:10px;border-bottom:1px solid #231f2025}.study-browser-body{position:relative;padding:28px;height:240px;overflow:hidden}.study-browser-title{font-size:52px;font-weight:500;line-height:.85;letter-spacing:-.05em;position:relative;z-index:1}.study-browser-title>span{display:block;font-family:Georgia,serif;font-style:italic;color:#be1e2d}.study-browser-line{width:40%;height:3px;background:#231f2040;margin-top:25px}.study-browser-button{font-size:11px;border:1px solid #231f2050;border-radius:20px;display:inline-block;padding:8px 12px;margin-top:12px}.study-browser-orbit{position:absolute;right:-27px;top:45px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#ffb2a6,#ed4b5d 50%,#be1e2d);opacity:.9}.study-mobile{position:absolute;right:-20px;bottom:-17px;width:90px;height:165px;border:4px solid #231f20;background:#be1e2d;color:#fff5e1;border-radius:18px;display:flex;flex-direction:column;padding:11px}.study-mobile>i{height:3px;width:25px;background:#231f20;border-radius:4px;margin:0 auto}.study-mobile>b{font-size:46px;font-weight:500;margin:auto;letter-spacing:-.06em}.study-mobile>span{align-self:flex-end}
.graphic-study{position:relative;width:310px;height:320px}.study-poster{position:absolute;width:195px;height:270px;box-shadow:0 20px 40px #0003;padding:22px;top:20px}.poster-back{left:0;background:#fff5e1;color:#be1e2d;transform:rotate(-11deg)}.poster-back>span{font-size:32px;line-height:.9;font-weight:600}.poster-back>i{position:absolute;border:1px solid #be1e2d;width:120px;height:120px;border-radius:50%;bottom:20px;left:28px}.poster-front{right:0;transform:rotate(8deg);background:#be1e2d;color:#fff5e1}.poster-front>span{font-size:38px;line-height:.95;letter-spacing:-.04em}.poster-front em{font-family:Georgia,serif;font-weight:400}.poster-front>b{position:absolute;right:20px;bottom:38px;font-size:75px;line-height:1;font-weight:400}.poster-front>small{position:absolute;bottom:15px;left:20px;font-size:7px;letter-spacing:.08em}
.film-study{width:90%;max-width:430px}.study-film-frame{height:245px;position:relative;background:#231f20;color:#fff5e1;border:1px solid #ffffff30;border-radius:5px;overflow:hidden;padding:18px;display:flex;align-items:center;justify-content:center}.study-film-frame>span{position:absolute;top:15px;left:17px;font-size:9px;letter-spacing:.12em}.study-film-frame>small{position:absolute;bottom:15px;right:17px;font-size:10px}.study-film-frame>b{z-index:1;font-size:35px;font-weight:400}.film-orbit{position:absolute;width:190px;height:190px;border:35px solid #ed4b5d;border-radius:50%;transform:rotate(-20deg) scaleX(.8);box-shadow:0 0 50px #be1e2d80,inset 0 0 35px #be1e2d80}.study-timeline{display:flex;gap:4px;position:relative;height:45px;padding-top:10px}.study-timeline>i{flex:1;display:block;background:#be1e2d;border-radius:2px}.study-timeline>i:nth-child(2){background:#ed4b5d}.study-timeline>i:nth-child(3){background:#fff5e1}.study-timeline>i:nth-child(4){background:#893340}.study-timeline>span{position:absolute;left:40%;height:52px;bottom:-6px;width:2px;background:var(--ink)}
/* Four clear service cards with native scroll stacking. */
.service-section{--stack-top:110px;--stack-step:18px;scroll-margin-top:105px}.service-stage{max-width:1300px;margin:auto}.service-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin:0 0 35px}.story-eyebrow{font-size:14px;color:var(--muted);letter-spacing:.03em}.service-intro h2{font:500 clamp(45px,5vw,68px)/1 Afacad,Arial,sans-serif;letter-spacing:-.045em;margin:14px 0 0}.service-intro>p{font-size:21px;line-height:1.4;color:var(--muted);max-width:25ch;margin:0}.service-window{overflow:visible}.service-stack{display:grid;gap:24px;position:relative;isolation:isolate;padding-bottom:20px}.service-panel{position:sticky;top:calc(var(--stack-top) + var(--service-index)*var(--stack-step));z-index:calc(1 + var(--service-index));display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(30px,4vw,60px);align-items:center;min-height:510px;padding:clamp(30px,4vw,55px);border-radius:30px;border:1px solid #ffffff25;background:var(--card-bg);color:#fff5e1;isolation:isolate;box-shadow:0 -5px 25px #00000014;transform:scale(var(--service-scale,1));transform-origin:50% 0;scroll-margin-top:180px;overflow:hidden;--ink:#fff5e1;--muted:#d1c9c7;--line:#fff5e136}.service-panel::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 100% 0%,#ed4b5d18,transparent 55%);z-index:-1}.service-panel::after{content:'';position:absolute;inset:0;pointer-events:none;background:url('assets/dot-grain-v2.svg');opacity:.035;z-index:-1}.service-panel-1{--card-bg:#161619}.service-panel-2{--card-bg:#252529}.service-panel-3{--card-bg:#37373c}.service-panel-4{--card-bg:#be1e2d;--muted:#fff0e2}.service-number{display:block;font-size:13px;letter-spacing:.08em;color:#fff5e1a0;margin-bottom:20px}.service-panel h3{font:500 clamp(43px,5.3vw,72px)/1 Afacad,Arial,sans-serif;letter-spacing:-.045em;margin:0 0 20px}.service-lead{font-size:24px;line-height:1.2;margin:0 0 15px;max-width:27ch}.service-explanation{font-size:18px;line-height:1.5;color:var(--muted);margin:0;max-width:46ch}.service-deliverables{display:flex;list-style:none;padding:0;margin:25px 0 0;gap:8px;flex-wrap:wrap}.service-deliverables li{border:1px solid #fff5e138;border-radius:30px;font-size:13px;padding:7px 11px}.service-demonstration{margin:0;min-width:0}.service-art{height:310px;display:grid;place-items:center;position:relative;transition:transform .5s cubic-bezier(.2,.7,.3,1)}.service-demonstration figcaption{font-size:13px;color:var(--muted);text-align:center;margin-top:20px;line-height:1.4}.service-no-stack .service-panel{position:relative;top:auto;transform:none}.service-panel-4 .film-orbit{border-color:#fff5e1;box-shadow:0 0 35px #fff5e120}.service-panel-4 .study-film-frame{background:#8f1424;border-color:#fff5e150}.service-panel-4 .study-timeline>i{background:#fff5e180}.service-panel-4 .study-timeline>i:nth-child(3){background:#fff5e1}.is-reading-story .dot-companion .dot-invite{opacity:0;pointer-events:none}.is-reading-story .dot-companion .dot-character:hover .dot-invite,.is-reading-story .dot-companion .dot-character:focus-visible .dot-invite{opacity:1;pointer-events:auto}body{overflow-x:clip}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.service-panel:hover .service-art{transform:translateY(-6px)}}
@media(max-width:1000px){.service-panel{padding:32px;gap:25px;grid-template-columns:1.1fr .9fr}.service-panel h3{font-size:50px}.service-art{height:280px}.graphic-study{transform:scale(.85)}.study-word{font-size:135px}.study-word>span{font-size:60px}.service-lead{font-size:23px}.service-explanation{font-size:18px}}
@media(max-width:760px){.service-intro{display:block;margin-bottom:28px}.service-intro h2{font-size:46px}.service-intro>p{font-size:20px;margin-top:19px;max-width:30ch}.service-stack{gap:20px}.service-panel{position:relative;top:auto;grid-template-columns:1fr;padding:29px 24px 32px;border-radius:24px;gap:25px;min-height:0;transform:none}.service-panel h3{font-size:45px}.service-number{font-size:12px;margin-bottom:19px}.service-lead{font-size:23px}.service-explanation{font-size:18px;line-height:1.5}.service-deliverables{margin-top:22px}.service-deliverables li{font-size:12px;padding:7px 10px}.service-art{height:255px}.service-demonstration figcaption{font-size:12px;margin-top:13px}.graphic-study{transform:scale(.8);height:290px}.service-demonstration{overflow:clip}.study-mobile{right:-8px}.study-browser-title{font-size:45px}.study-browser-body{padding:24px}.film-study{width:100%}.study-film-frame{height:210px}.web-study{width:90%}.brand-study{width:95%}.study-swatches i{height:42px}.study-caption{font-size:9px}}
@media(prefers-reduced-motion:reduce){.service-panel{position:relative;top:auto;transform:none}.service-art{transition:none}}