@font-face{font-family:DM Sans;src:url('/fonts/dm-sans.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap}
@font-face{font-family:Instrument Serif;src:url('/fonts/instrument-serif.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Instrument Serif;src:url('/fonts/instrument-serif-italic.woff2') format('woff2');font-style:italic;font-weight:400;font-display:swap}
:root{--ink:#080a11;--cream:#f4f0eb;--accent:#d5b9f2;--pad:clamp(24px,4.5vw,76px)}
*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--ink);color:var(--cream);font-family:DM Sans,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}::selection{background:var(--accent);color:var(--ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.skip-link{position:fixed;z-index:50;top:-80px;left:20px;padding:12px 18px;background:var(--cream);color:var(--ink)}.skip-link:focus{top:20px}
.experience{height:900svh;position:relative}.stage{position:sticky;top:0;height:100svh;min-height:540px;overflow:hidden;isolation:isolate;background:#17121d}.film-layer,.watch-video,.movement-video,.film-shade,.film-grain{position:absolute;inset:0;width:100%;height:100%}.watch-video,.movement-video{object-fit:cover;object-position:center right}.watch-video{filter:saturate(.82) contrast(1.12)}.movement-video{object-position:center;opacity:var(--movement-opacity,0);filter:saturate(.75) contrast(1.18)}.film-shade{background:linear-gradient(90deg,rgba(5,6,13,.87),rgba(5,6,13,.58) 42%,rgba(5,6,13,.12) 82%),linear-gradient(180deg,rgba(5,6,13,.5),transparent 25%,transparent 69%,rgba(5,6,13,.66));pointer-events:none}.film-grain{opacity:.11;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}
.stage-top,.stage-bottom{position:absolute;z-index:5;left:var(--pad);right:var(--pad);display:flex;align-items:center;justify-content:space-between}.stage-top{top:0;height:94px;border-bottom:1px solid rgba(255,255,255,.2)}.wordmark{font-weight:700;font-size:28px;letter-spacing:-.08em;line-height:1}.wordmark span{font-size:9px;vertical-align:top;letter-spacing:0;margin-left:5px;color:var(--accent)}.concept-label,.scroll-hint,.film-credit,.scene-counter,.eyebrow{font-weight:700;font-size:10px;letter-spacing:.17em;text-transform:uppercase}.concept-label{color:#e2d8e8}.stage-bottom{bottom:0;height:88px;border-top:1px solid rgba(255,255,255,.2)}.scene-counter{display:flex;align-items:center;gap:17px}.counter-line{width:clamp(80px,11vw,170px);height:1px;background:rgba(255,255,255,.35)}.counter-line span{display:block;height:100%;width:var(--progress,0%);background:var(--accent)}.scroll-hint{color:#e2d8e8}.scroll-hint span{display:inline-block;margin-left:10px;font-size:17px;vertical-align:middle}.film-credit{color:#b0abb7;font-size:9px}
.scene-stack{position:absolute;z-index:3;inset:94px var(--pad) 88px;display:flex;align-items:center;pointer-events:none}.scene{position:absolute;left:0;right:0;max-width:930px;opacity:var(--opacity,0);transform:translate3d(0,calc((1 - var(--opacity,0))*25px),0);pointer-events:none;will-change:opacity,transform}.scene[aria-hidden="false"]{pointer-events:auto}.eyebrow{color:var(--accent);margin:0 0 clamp(25px,4vh,45px)}.scene h1,.scene h2{font-size:clamp(78px,10.6vw,180px);font-weight:700;line-height:.84;letter-spacing:-.095em;margin:0 0 clamp(30px,5vh,56px)}.scene h1 em,.scene h2 em{font-family:Instrument Serif,Georgia,serif;font-weight:400;letter-spacing:-.05em;color:var(--accent)}.scene-note{font-size:clamp(15px,1.2vw,19px);line-height:1.55;max-width:450px;margin:0;color:#e8e2ea}.cta{display:inline-flex;align-items:center;justify-content:space-between;gap:60px;border:1px solid rgba(255,255,255,.8);border-radius:99px;padding:18px 23px 18px 27px;margin-top:35px;min-width:300px;text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.11em;transition:background .25s,color .25s,transform .25s}.cta:hover{background:var(--cream);color:var(--ink);transform:translateY(-3px)}.cta span{font-size:22px;font-weight:400;line-height:1}
@media(max-width:900px){.scene h1,.scene h2{font-size:clamp(68px,11vw,105px)}.film-credit{display:none}}
@media(max-width:650px){:root{--pad:23px}.stage{min-height:560px}.watch-video{object-position:70% center}.film-shade{background:linear-gradient(180deg,rgba(5,6,13,.54),rgba(5,6,13,.09) 20%,rgba(5,6,13,.44) 46%,rgba(5,6,13,.94) 100%)}.stage-top{height:72px}.wordmark{font-size:23px}.concept-label{font-size:8px;letter-spacing:.12em}.scene-stack{inset:72px var(--pad) 78px;align-items:end;padding-bottom:clamp(35px,6vh,70px)}.scene h1,.scene h2{font-size:clamp(56px,13vw,87px);margin-bottom:26px}.eyebrow{font-size:9px;margin-bottom:24px}.scene-note{font-size:14px;max-width:290px}.stage-bottom{height:78px}.scroll-hint{font-size:8px;text-align:right;max-width:120px;line-height:1.5}.scroll-hint span{font-size:14px;margin-left:4px}.scene-counter{gap:10px;font-size:9px}.counter-line{width:70px}.cta{min-width:0;width:min(100%,300px);margin-top:23px;font-size:10px;padding:15px 19px}}
@media(max-width:380px){.scene h1,.scene h2{font-size:clamp(48px,12.8vw,58px)}.scene-note{font-size:13px}.concept-label{font-size:7px}.scene-stack{padding-bottom:28px}}
@media(prefers-reduced-motion:reduce){.experience{height:auto}.stage{position:relative;height:auto;min-height:100svh;overflow:visible}.film-layer{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,6,13,.86),rgba(5,6,13,.48)),url('/media/watch-film.jpg') center right / cover fixed}.watch-video,.movement-video,.film-shade,.film-grain{display:none}.stage-top{position:relative;left:auto;right:auto;margin:0 var(--pad)}.scene-stack{position:relative;inset:auto;display:block;padding:45px var(--pad) 40px}.scene{position:relative;opacity:1!important;transform:none!important;max-width:100%;padding:65px 0;border-bottom:1px solid rgba(255,255,255,.2);pointer-events:auto}.scene:first-child{padding-top:30px}.scene:last-child{border-bottom:0}.scene h1,.scene h2{font-size:clamp(54px,9vw,100px)}.stage-bottom{position:relative;left:auto;right:auto;margin:0 var(--pad)}.scroll-hint{display:none}}
/* ---- NB Nexa refinement pass ---- */
.concept-label{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:6px 14px 6px 6px;border:1px solid rgba(255,255,255,.2);border-radius:99px;background:rgba(8,10,17,.35);transition:background .3s ease,border-color .3s ease}
.concept-label:hover{background:rgba(8,10,17,.7);border-color:rgba(255,255,255,.45)}
.concept-label img{width:26px;height:26px;flex:none}
.film-credit{font-size:10px}
.final-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;margin-top:35px}
.final-actions .cta{margin-top:0}
.cta-mail{padding:12px 0;font-size:14px;color:#e8e2ea;border-bottom:1px solid rgba(255,255,255,.35)}
.cta-mail:hover{color:#fff;border-color:#fff}
.concept-note{margin:22px 0 0;font-size:13px;line-height:1.6;color:#cfc7d6;max-width:450px}
.concept-note a{padding:4px 0;color:var(--accent);border-bottom:1px solid rgba(213,185,242,.45)}
.concept-note a:hover{color:#fff;border-color:#fff}
.not-found main{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:var(--pad)}
.not-found h1{font-size:clamp(64px,10vw,160px);font-weight:700;line-height:.84;letter-spacing:-.095em;margin:0 0 20px}
.not-found h1 em{font-family:Instrument Serif,Georgia,serif;font-weight:400;letter-spacing:-.05em;color:var(--accent)}
.not-found .cta{width:fit-content}
@media(max-width:650px){
.watch-video{object-position:100% center}
.concept-label{font-size:10px;letter-spacing:.1em;gap:8px;padding:5px 12px 5px 5px}
.concept-label img{width:24px;height:24px}
.eyebrow{font-size:10px}
.scroll-hint{font-size:10px;max-width:140px}
.scene-counter{font-size:10px}
.final-actions{margin-top:20px;gap:6px}
.final-actions .cta{min-width:0;width:100%}
.cta-mail{font-size:13px}
.concept-note{margin-top:12px;font-size:12px}
.scene-final h2{margin-bottom:18px}
.scene-final .scene-note{display:none}
}
@media(max-width:380px){.concept-label{font-size:9px}.concept-label span span{display:none}}

/* tap-target polish */
.wordmark { display: inline-flex; align-items: center; min-height: 44px; }

/* NB Nexa contact block: identical on every sample concept */
.nbxContact{position:relative;z-index:2;background:#0d0f0f;color:#f3f4ef;border-top:1px solid rgba(255,255,255,.12);font:400 15px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;letter-spacing:0;text-transform:none}
.nbxContactInner{max-width:1200px;margin:0 auto;padding:40px 24px calc(40px + env(safe-area-inset-bottom));display:grid;gap:22px;align-items:center}
.nbxContactBrand{display:inline-flex;align-items:center;gap:10px;color:#f3f4ef;text-decoration:none;font-weight:600;font-size:14px;justify-self:start}
.nbxContactBrand img{width:28px;height:28px;display:block}
.nbxContactText h2{margin:0 0 6px;font:650 22px/1.2 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;letter-spacing:-.01em;color:#fff;text-transform:none}
.nbxContactText p{margin:0;color:rgba(243,244,239,.74);max-width:60ch}
.nbxContactLinks{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.nbxContactLinks a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 16px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#f3f4ef;text-decoration:none;font-weight:600;font-size:14px;transition:background .2s ease,border-color .2s ease}
.nbxContactLinks li:first-child a{background:#1f8f55;border-color:#1f8f55;color:#fff}
.nbxContactLinks a:hover{border-color:#fff}
.nbxContactLinks a:focus-visible,.nbxContactBrand:focus-visible{outline:2px solid #fff;outline-offset:3px}
.nbxContactLinks svg{width:18px;height:18px;flex:none}
@media (min-width:900px){.nbxContactInner{grid-template-columns:auto 1fr auto;gap:36px}}