:root{--ease:cubic-bezier(.22,1,.36,1)}
.wrap{max-width:1320px;padding-inline:40px}
header .wrap{height:84px}header nav a{letter-spacing:.03em;text-transform:none;font-size:.85rem}
.btn{border-radius:999px;letter-spacing:.02em;text-transform:none;font-size:.85rem;transition:background .2s,color .2s,transform .2s}
.btn:hover{transform:translateY(-2px);background:var(--mark);color:#0a0a0a;border-color:var(--mark)}
.hero{padding-top:64px;text-align:left}.hero-stage{display:grid;grid-template-columns:1.6fr 1fr;gap:40px;align-items:center;min-height:540px}
.hero h1.tagline{font-size:clamp(3.2rem,6.5vw,6.5rem);max-width:none;letter-spacing:-.065em;line-height:1.02;margin:0}
.hero h1 span{display:block;animation:hero-enter .85s var(--ease) both}.hero h1 span+span{animation-delay:.12s}
.hero .hero-intro{margin:26px 0 0;max-width:35ch;color:#b9b9b9;font-size:1.05rem;line-height:1.6}
.hero-copy>p:last-child{display:flex;gap:12px;flex-wrap:wrap}.hero-copy .btn:first-child{background:var(--mark);color:#0a0a0a;border-color:var(--mark)}
.hero-feature{position:relative;animation:hero-enter 1s .18s var(--ease) both}
.hero-feature button{display:block;width:100%;padding:0;border:0;border-radius:18px;overflow:hidden;background:#202020;color:white;cursor:pointer;text-align:left;font:inherit;position:relative;aspect-ratio:4/5}
.hero-feature img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.hero-feature button:hover img{transform:scale(1.035)}
.hero-feature .feature-caption{position:absolute;inset:auto 0 0;padding:70px 26px 26px;background:linear-gradient(transparent,rgba(0,0,0,.92));display:flex;align-items:end;justify-content:space-between;gap:16px}
.feature-caption strong{font-size:1.55rem;line-height:1.15;display:block}.feature-caption small{display:block;margin-bottom:7px;color:#eee}.feature-arrow{display:grid;place-items:center;border:1px solid #fff8;border-radius:50%;width:42px;height:42px;flex-shrink:0}
.hero .trust{margin-top:72px!important;font-size:.75rem;letter-spacing:.03em;text-transform:none;color:#b9b9b9}
.logowall{max-width:100%;border-radius:12px}.lt{max-height:68px}.lrow img{height:68px;width:auto;max-width:none}
#work{padding-block:110px}#work h2.big{font-size:clamp(2.6rem,5.4vw,5rem);max-width:14ch;letter-spacing:-.05em}#work .lead{margin-top:24px}
#home-cards{gap:24px;margin-top:38px;scrollbar-width:thin;padding-bottom:26px}
#home-cards .pc{flex-basis:min(380px,80vw);padding:0 0 26px;overflow:hidden;border-radius:14px;min-height:480px;transition:transform .35s var(--ease)}
#home-cards .pc .cv{width:100%;height:250px;object-fit:cover;margin:0 0 24px;border-radius:0;transition:transform .6s var(--ease)}
#home-cards .pc:hover .cv{transform:scale(1.025)}
#home-cards .pc>.b,#home-cards .pc>.i,#home-cards .pc>.v,#home-cards .pc>.l,#home-cards .pc>.go{margin-left:24px;margin-right:24px}
#home-cards .pc>.b{letter-spacing:0;font-size:1.15rem;text-transform:none}#home-cards .pc>.v{font-size:2.7rem;margin-top:24px}#home-cards .pc.more{padding:28px}
.resbar{padding-block:24px;gap:24px 48px}.resbar span{display:flex;flex-direction:column;align-items:start;gap:6px;font-size:.85rem}.resbar b{font-size:2.1rem;letter-spacing:-.04em}
#ecosystem h2{font-size:clamp(2.4rem,5vw,4.7rem);max-width:15ch;letter-spacing:-.05em}
.service-stage{display:grid;grid-template-columns:1fr 1.6fr;gap:64px;margin-top:50px;align-items:start}
.service-options{display:flex;flex-direction:column}.service-options button{background:none;color:var(--muted);border:0;border-top:1px solid var(--line);padding:26px 0;text-align:left;cursor:pointer;font:800 clamp(2rem,4vw,3.4rem)/1.1 Archivo,sans-serif;letter-spacing:-.04em;transition:color .2s,padding .3s var(--ease)}
.service-options button:last-child{border-bottom:1px solid var(--line)}.service-options button span{display:block;font:400 .88rem/1.5 Archivo,sans-serif;letter-spacing:0;margin-top:10px}.service-options button[aria-selected=true]{color:var(--ink);padding-left:20px;box-shadow:inset 4px 0 var(--mark)}
.specialty-content{animation:panel-enter .45s var(--ease) both}.specialty-content>p{font-size:1.15rem;max-width:42ch;min-height:3.2em}.specialty-card{border:0;padding:0;border-radius:14px;overflow:hidden;background:#0a0a0a;color:white;text-align:left;width:100%;cursor:pointer;font:inherit;display:block}.specialty-card img{width:100%;height:290px;object-fit:cover;display:block}.specialty-caption{display:flex;gap:16px;justify-content:space-between;padding:20px 24px;align-items:center}.specialty-caption b{font-size:1.2rem}.specialty-caption small{display:block;color:#bbb}.specialty-link{margin-top:24px}
.mg[open] .mgb{animation:panel-enter .35s var(--ease)}
dialog[open]{animation:panel-enter .3s var(--ease)}dialog::backdrop{backdrop-filter:blur(5px)}
@keyframes hero-enter{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes panel-enter{from{opacity:.3;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:900px){.wrap{padding-inline:24px}.hero-stage{grid-template-columns:1fr;gap:32px;min-height:0}.hero h1.tagline{font-size:clamp(3.2rem,10vw,6rem)}.hero-feature{max-width:600px;width:100%}.hero-feature button{aspect-ratio:16/10}.hero{padding-top:42px}.hero .trust{margin-top:44px!important}.service-stage{gap:28px;grid-template-columns:1fr}.service-options{flex-direction:row;gap:12px}.service-options button{flex:1;font-size:clamp(1.45rem,5vw,2.5rem);padding:18px 8px;border-bottom:1px solid var(--line)}.service-options button[aria-selected=true]{padding-left:8px;box-shadow:inset 0 -4px var(--mark)}.service-options button span{display:none}.specialty-content>p{min-height:0}.specialty-card img{height:260px}}
@media(max-width:480px){header .wrap{height:70px}.hero h1.tagline{font-size:clamp(2.55rem,10vw,4rem)}.hero .hero-intro{font-size:.95rem}.hero-copy>p:last-child .btn{padding:12px 16px}.hero-feature .feature-caption{padding:50px 18px 18px}.feature-caption strong{font-size:1.3rem}#home-cards .pc{flex-basis:82vw}#home-cards .pc .cv{height:210px}.resbar{display:grid;grid-template-columns:1fr 1fr;gap:24px}.resbar span:last-child{grid-column:1/-1}.lt{max-height:52px}.lrow img{height:52px}.specialty-card img{height:220px}}
body.paused *,body.paused *::before,body.paused *::after{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.hero-stage>*{min-width:0}.hero-feature button{min-width:0;min-height:0}.hero-copy>p{max-width:100%}
@media(max-width:900px){.hero-stage{grid-template-columns:minmax(0,1fr)}}
.journey-preview{background:#e9e4d9;overflow:hidden;padding:100px 0}.journey-heading{display:flex;align-items:end;justify-content:space-between;gap:30px}.journey-heading h2{font-size:clamp(2.5rem,5.5vw,5rem);letter-spacing:-.055em;margin-bottom:0}.journey-label{font-size:.85rem;margin-bottom:22px}.journey-heading>p{color:#625d55;max-width:27ch}.journey-controls{display:flex;align-items:center;justify-content:space-between;margin:38px 0 18px;gap:16px;font-size:.8rem;color:#625d55}.journey-controls button{width:44px;height:44px;background:transparent;border:1px solid #aaa399;border-radius:50%;cursor:pointer;font-size:1.25rem;color:#171717}.journey-controls button:disabled{opacity:.3;cursor:default}.journey-window{overflow-x:auto;scrollbar-width:thin;overscroll-behavior-x:contain;padding:8px 0 28px}.journey-track{display:flex;gap:32px;width:max-content}.journey-chapter{width:430px;max-width:78vw;position:relative}.journey-art{height:310px;border-radius:12px;overflow:hidden;position:relative;margin-bottom:36px;background:#111;color:#f4f1ea}.journey-date{padding-top:20px;border-top:1px solid #aaa399;font-size:.85rem;display:flex;align-items:center;gap:12px}.journey-date::before{content:'';position:absolute;width:9px;height:9px;background:#171717;border-radius:50%;margin-top:-41px}.journey-date em{font-style:normal;font-size:.65rem;border:1px solid #aaa399;border-radius:20px;padding:2px 9px}.journey-chapter h3{font-size:1.9rem;letter-spacing:-.035em;margin:16px 0}.journey-chapter p{color:#625d55;font-size:.95rem;max-width:36ch}.journey-chapter small,.journey-draft{color:#6b655b;font-size:.75rem}.journey-draft{margin-top:22px}.art-start{display:grid;place-items:center}.paper{background:#f4f1ea;color:#171717;font-size:2rem;line-height:1.12;padding:28px;transform:rotate(-7deg);box-shadow:12px 12px 0 #ffffff12}.paper b{font-weight:800}.journey-spark{position:absolute;color:#ffe15a;font-size:95px;right:26px;bottom:4px;transform:rotate(14deg)}.art-grow{background:#ffe15a;color:#171717;display:flex;flex-direction:column;justify-content:center;padding:32px;gap:8px}.art-grow span{font-size:2.7rem;font-weight:800;letter-spacing:-.055em}.art-grow span:nth-child(2){margin-left:32px}.art-grow span:nth-child(3){margin-left:64px;font-size:2rem}.art-next{padding:32px;background:#cbc3b4;color:#171717}.art-next span{font-size:4rem;font-weight:800;line-height:1;letter-spacing:-.06em}.art-next b{position:absolute;right:25px;bottom:-20px;font-size:180px;line-height:1}.journey-controls>div{display:flex;gap:8px}@media(max-width:700px){.journey-preview{padding-block:68px}.journey-heading{display:block}.journey-heading>p{margin-top:24px}.journey-controls>span{max-width:23ch}.journey-chapter{width:78vw}.journey-art{height:260px}.journey-track{gap:22px}.art-grow{padding:22px}.art-grow span{font-size:2rem}.art-grow span:nth-child(3){font-size:1.6rem;margin-left:20px}}
.journey-scene{height:480px;position:relative;overflow:hidden;border:1px solid #b7ae9c;border-radius:10px;background:#e6dfcf;touch-action:pan-y;cursor:default}.journey-scene:focus-visible{outline:3px solid #171717;outline-offset:5px}.journey-world{position:relative;width:1800px;height:480px;will-change:transform}.studio-scenery{position:absolute;inset:0;width:100%;height:100%}.journey-person{position:absolute;width:115px;height:192px;bottom:52px;transform:translateX(-50%);z-index:2}.person-facing{transform:scaleX(var(--facing,1))}.journey-person svg{width:100%;overflow:visible}.person-upper{animation:person-breathe 2.8s ease-in-out infinite;transform-origin:60px 130px}.person-leg{transform-origin:60px 125px}.walking .leg-front{animation:person-step .48s ease-in-out infinite alternate}.walking .leg-back{animation:person-step .48s ease-in-out infinite alternate-reverse}.walking .person-upper{animation:person-bob .24s ease-in-out infinite alternate}.scene-instruction{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);font-size:11px;letter-spacing:.15em;text-transform:uppercase;white-space:nowrap;color:#514d42}.scene-caption{display:grid;grid-template-columns:1fr 2fr auto;gap:24px;padding:28px 0;border-bottom:1px solid #b7ae9c}.scene-caption>span{font-size:.8rem;padding-top:8px}.scene-caption h3{margin:0 0 10px;font-size:1.9rem;letter-spacing:-.04em}.scene-caption p{margin:0;color:#625d55;max-width:46ch;min-height:3em}@keyframes person-step{from{transform:rotate(-20deg)}to{transform:rotate(20deg)}}@keyframes person-bob{to{transform:translateY(-4px)}}@keyframes person-breathe{50%{transform:translateY(-2px) rotate(-1deg)}}@media(max-width:700px){.journey-scene{height:380px}.journey-world{height:380px;width:1425px}.journey-person{width:95px;height:158px;bottom:40px}.scene-caption{grid-template-columns:1fr auto;gap:12px}.scene-caption>div{grid-column:1/-1;grid-row:2}.scene-caption h3{font-size:1.6rem}.scene-caption>span:last-child{grid-column:2;grid-row:1}}
.client-showcase{background:#efeadd;color:#292820;padding:100px 0 76px;text-align:center}.client-eyebrow{font-size:.68rem;letter-spacing:.23em;color:#6d6a5e;margin:0 0 24px}.client-showcase h2{font-size:clamp(2.8rem,5.8vw,5.2rem);line-height:1.03;letter-spacing:-.055em;margin:0}.client-intro{max-width:49ch;margin:24px auto 55px;color:#686558;line-height:1.7}.brand-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:38px 50px;max-width:1080px;margin:auto}.brand-cell{height:112px;display:flex;align-items:center;justify-content:center;mix-blend-mode:multiply}.brand-cell svg{width:100%;max-width:196px;height:82px;overflow:hidden;filter:grayscale(1) contrast(1.5);opacity:.8;transition:transform .25s var(--ease),opacity .2s}.brand-cell:hover svg{transform:translateY(-4px);opacity:1}.brand-cell:nth-child(1) svg,.brand-cell:nth-child(5) svg{max-width:95px;height:96px}.brand-cell:nth-child(4) svg,.brand-cell:nth-child(9) svg{max-width:130px}.brand-grid.reveal-ready .brand-cell{opacity:0;transform:scale(.8) translateY(12px)}.brand-grid.reveal-ready.is-visible .brand-cell{animation:brand-appear .65s var(--ease) calc(var(--order)*65ms) forwards}.client-footnote{font-size:.72rem;color:#777266;margin:48px 0 0;letter-spacing:.05em}@keyframes brand-appear{to{opacity:1;transform:none}}@media(max-width:700px){.client-showcase{padding:68px 0 55px}.brand-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.brand-cell{height:85px}.brand-cell svg{height:62px}.brand-cell:nth-child(1) svg,.brand-cell:nth-child(5) svg{height:74px;max-width:64px}.client-intro{font-size:.95rem;margin-bottom:34px}}@media(max-width:420px){.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 32px}}@media(prefers-reduced-motion:reduce){.brand-grid.reveal-ready .brand-cell{opacity:1;transform:none}}
.brand-cell .client-logo{width:100%;height:86px;max-width:196px;object-fit:contain;filter:grayscale(1) contrast(1.5);opacity:.85;transition:transform .25s var(--ease),opacity .2s}.brand-cell:hover .client-logo{transform:translateY(-4px);opacity:1}.brand-cell .client-logo[alt=Unilever]{max-width:85px;height:102px;filter:brightness(0)}.brand-cell .client-logo[alt=Vixal],.brand-cell .client-logo[alt=Tango]{height:110px;max-width:145px}.brand-cell .client-logo[alt=Dove]{max-width:165px}.brand-cell .client-logo[alt=Tokopedia]{filter:brightness(0);opacity:.75}@media(max-width:700px){.brand-cell .client-logo{height:64px}.brand-cell .client-logo[alt=Unilever]{height:78px;max-width:60px}.brand-cell .client-logo[alt=Vixal],.brand-cell .client-logo[alt=Tango]{height:88px;max-width:110px}}
.view-campaign>header{display:none}.case-topbar{position:sticky;top:0;z-index:15;background:#f7f5eeeF;border-bottom:1px solid #d9d5c8;backdrop-filter:blur(12px)}.case-topbar .wrap{display:flex;justify-content:space-between;align-items:center;height:72px;gap:16px}.case-topbar a{color:#171717;text-decoration:none;font-weight:700}.case-topbar span,.case-kicker{font-size:.67rem;letter-spacing:.16em;text-transform:uppercase}.case-topbar span{color:#777}.case-hero{display:flex;justify-content:space-between;align-items:center;gap:45px;padding-block:65px 30px}.case-hero h1{font-size:clamp(2.8rem,6vw,6rem);line-height:1;letter-spacing:-.06em;margin:20px 0;outline:none}.case-hero h1:focus-visible{outline:2px solid #777;outline-offset:8px}.case-subtitle{font-size:1.2rem;color:#686558}.case-cover{width:230px;height:180px;object-fit:cover;border-radius:8px}.case-story{font-size:1.13rem;line-height:1.7;max-width:66ch}.case-draft{font-size:.7rem;color:#767162;padding:20px 0 30px;line-height:1.7}.case-results{padding:65px 0;background:#eee8d8}.case-results h2,.case-section h2,.case-cta h2{font-size:clamp(1.9rem,3.7vw,3.4rem);letter-spacing:-.045em;line-height:1.1;margin:18px 0 32px}.case-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.case-metric{background:#faf8f2;border:1px solid #ded8c9;border-radius:10px;padding:28px;display:flex;flex-direction:column;gap:14px}.case-metric>span{text-transform:capitalize;font-size:.85rem}.case-metric strong{font-size:clamp(1.9rem,3.5vw,3.5rem);letter-spacing:-.05em;overflow-wrap:anywhere}.case-metric small,.case-period{font-size:.75rem;color:#787161}.case-period{margin-top:25px}.case-section{padding-block:80px}.case-section-heading{text-align:center;margin-bottom:36px}.case-section-heading p{color:#787161}.case-videos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.case-video-art{aspect-ratio:9/14;background:#e6e0d2;position:relative;border:1px dashed #b1a995;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:24px;overflow:hidden;color:#77705e}.case-video:nth-child(2) .case-video-art{background:#e1e3d8}.case-video:nth-child(3) .case-video-art{background:#e6ddd6}.case-video-art>span:last-child{text-align:center;font-size:.8rem;line-height:1.8}.case-video-number{position:absolute;top:18px;left:20px;font-size:.7rem;letter-spacing:.15em}.case-play{font-size:2rem;border:1px solid #a49c88;border-radius:50%;width:68px;height:68px;display:grid;place-items:center}.case-video-caption{padding:20px 0;display:flex;flex-direction:column;gap:7px;font-size:.85rem}.case-video-caption>span{color:#888;font-size:.75rem}.case-listening{background:#eee8d8}.case-listening-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.case-placeholder{border:1px dashed #afa693;background:#f7f4eb;border-radius:10px;padding:40px;min-height:260px;display:flex;flex-direction:column;justify-content:center}.case-placeholder>span,.case-search>span{font-size:.68rem;letter-spacing:.13em;color:#817863}.case-placeholder h3{font-size:1.6rem;letter-spacing:-.03em;margin:25px 0 10px}.case-placeholder p{color:#827b6b;font-size:.88rem;line-height:1.6}.case-search{margin-top:30px}.case-search>div{background:#f7f4eb;border:1px solid #d4cdbc;border-radius:30px;padding:18px 24px;display:flex;gap:15px;margin-top:15px;color:#817863}.case-media{min-height:320px;align-items:center;text-align:center}.case-source{margin-top:25px}.case-source summary{cursor:pointer;padding:20px;border-bottom:1px solid #ccc}.case-source img{display:block;max-width:100%;height:auto;margin:25px auto}.case-nav{display:flex;justify-content:space-between;gap:30px;padding-block:30px;border-top:1px solid #d9d5c8}.case-nav-link{display:flex;align-items:center;gap:18px;text-decoration:none;color:#171717;max-width:47%}.case-nav-link.next{flex-direction:row-reverse;text-align:right}.case-nav-link small{display:block;font-size:.75rem;color:#777;margin-bottom:7px}.case-nav-link b{display:block;transition:transform .25s}.case-nav-arrow{border:1px solid #b8b2a3;border-radius:50%;width:52px;height:52px;display:grid;place-items:center;flex-shrink:0;font-size:1.4rem;transition:background .2s,transform .2s}.case-nav-link:hover .case-nav-arrow{background:#ffe15a;transform:translateX(-4px)}.case-nav-link.next:hover .case-nav-arrow{transform:translateX(4px)}.case-nav-link:hover b{transform:translateY(-3px)}.case-cta{text-align:center;padding-block:60px 90px}#campaign{background:#f7f5ee;color:#171717}#campaign[hidden]{display:none}.case-video{animation:panel-enter .6s both}.case-video:nth-child(2){animation-delay:.1s}.case-video:nth-child(3){animation-delay:.2s}@media(max-width:700px){.case-topbar span{display:none}.case-topbar .wrap{height:62px}.case-hero{display:block;padding-top:38px}.case-cover{width:100%;height:200px;margin-top:20px}.case-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.case-metric{padding:20px 15px}.case-videos{gap:12px;grid-template-columns:1fr}.case-video{max-width:340px;width:100%;margin:auto}.case-video-art{aspect-ratio:9/12}.case-section{padding-block:50px}.case-listening-grid{grid-template-columns:1fr}.case-placeholder{padding:25px;min-height:220px}.case-nav{gap:15px}.case-nav-link{gap:9px;font-size:.85rem}.case-nav-arrow{width:38px;height:38px}.case-results{padding:45px 0}}
header.case-hero{position:static;background:transparent;color:#171717;border:0;backdrop-filter:none;z-index:auto}.case-hero .case-subtitle{color:#686558}
/* Campaign detail: editorial hierarchy, compact results, consistent media frames. */
#campaign{background:#fbfaf6;background-image:radial-gradient(#bcb6a326 .7px,transparent .7px);background-size:18px 18px}#campaign .wrap{max-width:1200px}.case-topbar{background:#fbfaf6f5}.case-topbar .wrap{height:76px}.case-topbar a{font-size:.9rem}.case-topbar span{font-size:.6rem;letter-spacing:.2em}header.case-hero{padding-top:64px;padding-bottom:18px;min-height:210px;gap:60px}.case-hero>div:first-child{min-width:0}.case-hero h1{font-size:clamp(3rem,7vw,6.6rem);font-weight:800;letter-spacing:-.065em;margin:18px 0 14px}.case-kicker{display:inline-block;color:#706d62;letter-spacing:.18em;font-size:.65rem}.case-subtitle{margin:0;font-size:1.1rem}.case-brand{display:grid;place-items:center;flex:0 0 165px;min-height:130px}.case-brand img{width:145px;height:110px;object-fit:contain;mix-blend-mode:multiply}.case-cover{width:165px;height:130px;border-radius:4px}.case-story{max-width:62ch;font-size:1rem;color:#59584f;line-height:1.8;margin:16px 0 26px}.case-draft{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:.58rem;letter-spacing:.12em;padding:0 0 38px;margin:0;color:#6e695c}.case-draft::before{content:'';width:6px;height:6px;background:#b69c31;border-radius:50%}.case-draft span{letter-spacing:0;font-size:.72rem;color:#79756b}.case-results{background:#efedda;padding:48px 0 34px;border-block:1px solid #e2dfcc;text-align:center}.case-results h2{font-size:clamp(1.6rem,3vw,2.5rem);margin:14px 0 30px}.case-metrics{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.case-metric{border:1px solid #e6e3d4;border-radius:12px;background:#fffef9;padding:22px 12px;gap:12px;align-items:center;justify-content:flex-start;min-height:172px;box-shadow:0 3px 10px #302b1403}.case-metric i{display:grid;place-items:center;background:#f0efd9;border-radius:12px;width:34px;height:34px;font-size:1.15rem;font-style:normal;color:#626048}.case-metric>span{font-size:.7rem;color:#626052;line-height:1.4}.case-metric strong{font-size:clamp(1.35rem,2.5vw,2.3rem);line-height:1.05;letter-spacing:-.055em}.case-metric small{font-size:.6rem}.case-metric.is-pending{background:#f7f6eb;border-style:dashed}.case-metric.is-pending strong{color:#9d9881}.case-period{font-size:.65rem;color:#78735f;margin:22px 0 0}.case-section{padding-block:70px}.case-section-heading{margin-bottom:30px}.case-section-heading h2{font-size:clamp(1.7rem,3.5vw,2.8rem);margin:12px 0}.case-section-heading p{font-size:.83rem;line-height:1.6;margin:0;color:#79766b}.case-videos{gap:22px;max-width:960px;margin:auto}.case-video-art{aspect-ratio:9/13;border:1px solid #d9d5c9;border-radius:14px;background:#eeece4;background-image:linear-gradient(135deg,#fff8,transparent 60%),repeating-linear-gradient(-45deg,transparent 0 13px,#a7a08d0b 13px 14px)}.case-video:nth-child(2) .case-video-art{background-color:#e9ece5}.case-video:nth-child(3) .case-video-art{background-color:#eee7e4}.case-play{width:62px;height:62px;background:#fff7;border-color:#fff;font-size:1.7rem;color:#8a8372}.case-video-art>span:last-child{font-size:.72rem;color:#726e63}.case-video-number{background:#faf9f3c9;padding:7px 10px;border-radius:5px;top:15px;left:15px}.case-video-caption{padding:17px 3px;gap:7px}.case-video-caption b{font-size:.8rem;font-weight:600}.case-video-caption>span{font-size:.68rem}.case-section.wrap+.case-section.wrap{padding-top:24px}.case-listening{background:#f0eee6;border-block:1px solid #e3e0d6}.case-placeholder{border:1px solid #ddd8cc;background:#faf9f4;border-radius:14px;min-height:280px;padding:36px}.case-placeholder h3{font-size:1.7rem;max-width:18ch}.case-placeholder p{font-size:.8rem;max-width:36ch}.case-placeholder>span{font-size:.6rem;color:#777162}.case-search{max-width:640px;margin:30px auto 0}.case-search>span{font-size:.6rem}.case-search>div{font-size:.8rem;background:#fffef9;border-color:#dedacd;padding:16px 22px}.case-media{min-height:280px;max-width:920px;margin:auto;background:linear-gradient(135deg,#f4f2e8,#fbfaf5)}.case-media h3{max-width:none}.case-source{max-width:920px;margin:20px auto 0;font-size:.8rem;color:#686456}.case-nav{padding-block:32px 40px}.case-nav-link b{font-size:1.05rem;letter-spacing:-.025em}.case-nav-link small{font-size:.65rem}.case-nav-arrow{background:#fffdf7}.case-cta{padding-block:30px 65px}.case-cta h2{font-size:clamp(1.8rem,4vw,3rem)}.case-cta .btn{background:#ffe15a;color:#171717;border-color:#ffe15a}.view-campaign #contact> .wrap>h2{display:none}@media(max-width:1050px){.case-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.case-metric{min-height:160px}.case-metric strong{font-size:2rem}}@media(max-width:700px){.case-topbar .wrap{height:62px}header.case-hero{display:flex;gap:15px;padding-top:35px;min-height:0}.case-brand{flex-basis:75px;min-height:80px}.case-brand img{width:75px;height:65px}.case-hero h1{font-size:clamp(2.4rem,9vw,4rem);overflow-wrap:anywhere}.case-hero .case-kicker{font-size:.55rem}.case-subtitle{font-size:.85rem}.case-cover{width:75px;height:80px;margin:0}.case-story{font-size:.9rem;margin-top:10px}.case-draft{padding-bottom:28px;gap:8px}.case-draft span{flex-basis:100%;font-size:.67rem}.case-results{padding:34px 0 26px}.case-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.case-metric{min-height:158px;padding:20px 12px;gap:10px}.case-metric strong{font-size:1.8rem}.case-section{padding-block:46px}.case-videos{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding-bottom:12px}.case-video{flex:0 0 82%;max-width:300px;min-width:0;margin:0;scroll-snap-align:start}.case-video-art{aspect-ratio:9/13}.case-section-heading{text-align:left}.case-section-heading h2{font-size:1.8rem}.case-placeholder{padding:26px;min-height:220px}.case-placeholder h3{font-size:1.5rem}.case-nav-link b{font-size:.85rem}.case-nav-arrow{width:36px;height:36px}.case-cta{padding-block:20px 45px}}
#case-title:focus{outline:none}.case-draft{max-width:none}.case-section-heading p{max-width:none}
/* Native scrolling drives three scenes while the ecosystem stays in view. */
.ecosystem-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:24px}.ecosystem-scroll{font-size:.7rem;color:#787568;display:flex;align-items:center;gap:20px}.ecosystem-scroll b{color:#171717;font-weight:500}#ecosystem.is-pinned{padding:0;height:calc((100svh - var(--ecosystem-header,84px))*4);position:relative}.is-pinned .ecosystem-pin{position:sticky;top:var(--ecosystem-header,84px);height:calc(100svh - var(--ecosystem-header,84px));box-sizing:border-box;display:flex;align-items:center;background:var(--bg,#f7f5ee)}.is-pinned .ecosystem-pin>.wrap{width:100%;padding-block:24px}.is-pinned .ecosystem-pin::after{content:'';position:absolute;bottom:0;left:0;height:3px;width:100%;background:#d9c242;transform-origin:left;transform:scaleX(var(--ecosystem-progress,0))}.is-pinned h2{font-size:clamp(2rem,4vw,3.6rem)!important;max-width:22ch!important;margin:0}.is-pinned .service-stage{margin-top:22px;gap:38px;grid-template-columns:1fr 1.5fr}.is-pinned .service-options button{font-size:clamp(1.9rem,3vw,2.8rem);padding-block:18px}.is-pinned .specialty-content>p{font-size:.9rem;line-height:1.5;margin:0 0 12px;min-height:3em}.is-pinned .specialty-card img{height:clamp(130px,25svh,260px)}.is-pinned .specialty-caption{padding:12px 18px}.is-pinned .specialty-caption b{font-size:1rem}.is-pinned .specialty-caption small{font-size:.75rem}.is-pinned .specialty-link{margin-top:12px;padding:10px 18px;font-size:.75rem}.is-pinned .ecosystem-footer .btn{font-size:.75rem;padding:10px 18px}.is-pinned .specialty-content{animation:panel-enter .4s var(--ease) both}@media(max-width:900px){.is-pinned .service-stage{grid-template-columns:minmax(0,1fr);gap:14px;margin-top:16px}.is-pinned .service-options button{font-size:1.5rem;padding:10px 8px}.is-pinned .service-options{gap:12px}.is-pinned h2{font-size:clamp(1.8rem,6vw,2.8rem)!important;max-width:24ch!important}.is-pinned .specialty-card img{height:clamp(110px,22svh,215px)}.is-pinned .specialty-content>p{font-size:.82rem;min-height:3em;max-width:none}.is-pinned .ecosystem-footer{margin-top:14px;gap:10px}.ecosystem-scroll{font-size:.62rem;gap:8px}.is-pinned .ecosystem-pin>.wrap{padding-block:16px}}@media(max-width:480px){.ecosystem-scroll{font-size:0}.ecosystem-scroll b{font-size:.68rem}.is-pinned .specialty-caption{padding:10px 14px}.is-pinned .specialty-caption small{font-size:.68rem}.is-pinned .specialty-caption b{font-size:.9rem}}@media(prefers-reduced-motion:reduce){.ecosystem-scroll{display:none}}
/* Keep all three scenes mounted: stable height and overlapping crossfades. */
#specialty-panel.specialty-stack{display:grid;isolation:isolate;min-width:0}#specialty-panel.specialty-stack>.specialty-content{grid-area:1/1;min-width:0;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(calc(var(--scene-direction,1)*20px));animation:none;transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1),visibility 0s .7s;will-change:opacity,transform}#specialty-panel.specialty-stack>.specialty-content.scene-active{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition-delay:0s;z-index:1}.is-pinned .service-options button{transition:color .45s ease,padding .45s cubic-bezier(.22,1,.36,1),box-shadow .45s ease}.is-pinned .ecosystem-pin::after{transition:transform .15s linear}@media(prefers-reduced-motion:reduce){#specialty-panel.specialty-stack>.specialty-content{transition:none;transform:none;will-change:auto}}