:root{--paper:#f1f1f1;--ink:#090b0b;--acid:#d8b798;--muted:#5e5e5e}
html{scroll-padding-top:95px}section{scroll-margin-top:95px}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #995628;outline-offset:5px}.topnav{background:#090b0bf2;color:#fff}.beon{display:flex;align-items:center;min-height:44px}.beon img{width:108px;height:auto;display:block}.contact-pill{background:var(--acid);color:#090b0b}.hero{min-height:86vh}.hero:after{display:none}.hero-video,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-shade{background:linear-gradient(90deg,#000b,#0004),linear-gradient(0deg,#000a,transparent 55%)}.hero h1{font-size:clamp(56px,9vw,140px);max-width:1050px;text-wrap:balance}.hero h1 em{color:#ead9c8}.hero-bottom p{max-width:690px}.scroll{font-size:10px;line-height:1.8;text-align:right}.motion-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 14px;margin-top:14px;border:1px solid #ffffff9c;border-radius:999px;background:#090b0bb3;color:white;font-size:12px;letter-spacing:0;text-transform:none}.worlds{background:#e5e5e5}.world{min-height:380px;padding:0 0 24px;border-radius:2px;background:#141414!important;color:#fff!important;gap:20px;justify-content:flex-start;transition:none}.world:hover{transform:none}.world:after{display:none}.world-image{display:block;width:100%;aspect-ratio:4.65;object-fit:contain;background:#303030}.world .num,.world>div,.world .brand-source{margin-left:22px;margin-right:22px}.world>div{flex:1}.world h3{font-size:30px;letter-spacing:-.04em}.world p{font-size:14px;max-width:none;opacity:1;color:#dadada}.world small{display:block;line-height:1.6;font-size:11px;color:#d8b798}.brand-source{min-height:44px;display:flex;align-items:center;font-size:12px;color:#fff;text-underline-offset:4px}.editorial-demo{margin-top:80px;padding:40px;background:#fff;border:1px solid var(--line)}.editorial-demo h3{font-size:clamp(26px,3vw,44px);letter-spacing:-.045em;line-height:1.05;margin:0 0 18px}.editorial-demo>p{max-width:720px}.brand-selector{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0}.brand-selector button{min-height:44px;border:1px solid #777;padding:9px 15px;border-radius:999px;background:#fff;color:#111;font-size:13px}.brand-selector button[aria-pressed=true]{background:#111;color:#fff;border-color:#111}.example-content{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding-top:26px;border-top:1px solid var(--line)}.example-content h4{margin:0 0 12px;font-size:22px;line-height:1.2}.example-content p{color:#525252}.example-content .eyebrow{color:#995628}.example-content>div{min-width:0}.case-media img{object-fit:cover}.case-info{gap:16px}.cases-grid .case:last-child{grid-column:1/-1;max-width:100%}.cases-grid .case:last-child .case-media{aspect-ratio:2.4}.measurement{color:#d6d6d6}.closing{background:#090b0b}.closing h2 em{color:#d8b798}
@media(max-width:900px){.topnav{flex-wrap:wrap;gap:8px}.topnav nav{display:flex;width:100%;gap:8px;justify-content:space-between}.topnav nav a:not(.contact-pill){display:inline-flex}.topnav nav a{font-size:11px}.topnav .contact-pill{padding:0 12px}html{scroll-padding-top:140px}section{scroll-margin-top:140px}.hero h1{font-size:clamp(52px,10vw,100px)}}
@media(max-width:650px){.hero{min-height:790px;padding-top:70px;padding-bottom:55px}.hero h1{font-size:clamp(46px,11.2vw,68px);line-height:.94;letter-spacing:-.065em}.hero-bottom{margin-top:50px;gap:20px}.scroll{justify-self:start;text-align:left}.world-grid{display:grid;grid-template-columns:1fr;overflow:visible}.world{min-width:0;min-height:0;display:grid;grid-template-columns:1fr;padding-bottom:20px;gap:14px}.world-image{aspect-ratio:4.65}.world h3{font-size:32px}.world>div{margin-top:0}.world .brand-source{margin-top:0}.world .num{margin-top:0}.editorial-demo{padding:24px 20px;margin-top:50px}.example-content{grid-template-columns:1fr;gap:20px}.brand-selector{gap:7px}.brand-selector button{font-size:12px;padding:8px 11px}.cases-grid .case:last-child .case-media{aspect-ratio:1.5}.case-info{align-items:flex-start;flex-direction:column}.watch{min-height:44px;display:flex;align-items:center}.service{min-height:0}.display{font-size:clamp(36px,10vw,60px);overflow-wrap:break-word}.closing h2{font-size:clamp(44px,12vw,65px)}.closing .cta{font-size:14px;padding:15px 20px;text-align:center;line-height:1.3}.topnav{padding:10px 20px}.topnav nav{gap:5px}.topnav nav a{letter-spacing:.02em;font-size:10px}.bodycopy{font-size:17px}.flowline{gap:12px}.step{min-width:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.hero{background:#090b0b}.hero-shade{background:#000b}}

/* Requested v2: clean opening banner; motion remains controllable in preferences. */
.hero-bottom{grid-template-columns:1fr}.measurement .motion-toggle{margin-top:0;flex-shrink:0}