/* Isolated art-direction study. No effect hides business content. */
.night-opening{height:calc(100svh - 120px);min-height:560px;max-height:1000px;position:relative;overflow:hidden;background:#090f16;color:var(--paper);isolation:isolate}
.night-art,.desert-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.night-art{overflow:hidden}.night-art:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 160px #05080b80;pointer-events:none}
.night-brand{position:absolute;inset:10% 0 15%;display:grid;place-items:center;transform-origin:50% 50%}
.night-brand img{width:clamp(220px,29vw,410px);height:auto;filter:drop-shadow(0 0 35px #be34254d)}
.headlights{position:absolute;inset:0;background:conic-gradient(from 72deg at 110% 90%,transparent 0deg,#f3d7ab00 22deg,#f3d7ab1f 27deg,#f3d7ab38 30deg,#f3d7ab00 37deg,transparent 42deg);opacity:.5;transform:translateX(10%);pointer-events:none}
.opening-controls{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:end;padding:32px;gap:30px;pointer-events:none}
.opening-controls a{pointer-events:auto}.skip-scene{position:absolute;right:36px;top:26px;font-size:12px;min-height:44px;display:flex;align-items:center;gap:18px;border-bottom:1px solid #f3f0e866}
.night-scroll{display:flex;align-items:center;gap:14px;font-size:9px;letter-spacing:.15em;min-height:44px}.night-scroll img{width:20px;height:20px}
.night-opening a:focus-visible{outline-color:#f3f0e8}
.hero{padding-top:70px;padding-bottom:64px}.hero h1{animation:none!important}.hero-service{animation:none!important}
.film-break{overflow:hidden;position:relative;min-height:420px;display:grid;place-items:center;padding:64px 24px;background:#141b20;isolation:isolate}
.attention-break{background:radial-gradient(ellipse at 50% 50%,#55433a 0,#10171d 65%);min-height:520px}
.feed-phone{position:relative;width:225px;height:380px;border:6px solid #272e33;border-radius:30px;background:#13191e;padding:10px;box-shadow:0 32px 80px #0008;overflow:hidden;transform:rotate(-4deg)}
.phone-camera{position:absolute;z-index:2;top:9px;left:39%;width:22%;height:8px;border-radius:8px;background:#11181e}
.feed-window{height:100%;overflow:hidden;border-radius:16px;background:#e6dfd3}.feed-motion{display:grid;gap:10px;padding:20px 10px}
.feed-post{height:190px;border:1px solid #c3baad;border-radius:6px;background:linear-gradient(125deg,#c9c3b8 48%,#8d9796 49%,#b8b0a4 76%);position:relative}
.feed-post:before{content:"";position:absolute;top:15px;left:14px;width:20px;height:20px;border-radius:50%;background:#f3f0e8}.feed-post:after{content:"";position:absolute;inset:auto 14px 15px;height:25px;border-block:5px solid #f3f0e880}
.feed-post.two{background:linear-gradient(45deg,#a9a8a0,#d4cbbb)}.feed-post.three{background:linear-gradient(150deg,#8c9692,#c4b6a7)}
.feed-post.final{height:260px;background:var(--paper);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;padding:20px}.feed-post.final:before,.feed-post.final:after{display:none}.feed-post.final img{width:95px;height:95px}.feed-post.final span{font-size:23px;line-height:1;letter-spacing:-.05em;font-weight:700}
.break-label{font-size:9px;letter-spacing:.16em;color:#e2d9cc;margin-top:26px}.venture-break{background:#e4e3d9;min-height:440px}
.venture-browser{width:min(100%,860px);border:1px solid #7e8a7d;background:#26372d;border-radius:12px;overflow:hidden;box-shadow:0 25px 70px #202b2026}.browser-bar{padding:15px 20px;display:flex;justify-content:space-between;font-size:11px;color:#e5ecdf}.browser-bar>span:first-child{letter-spacing:5px;color:#93aa91}.venture-window{aspect-ratio:2.3;overflow:hidden;background:#f8f8f2}.venture-window img{display:block;width:100%;height:auto}
.ticker{overflow:hidden}.ticker span{white-space:nowrap}
@media(max-width:650px){.night-opening{height:calc(100svh - 96px);min-height:530px}.night-brand{inset:15% 0 18%}.night-brand img{width:240px}.skip-scene{right:20px;top:14px}.opening-controls{padding:24px 20px;gap:20px}.desert-layer{object-position:52% center}.hero{padding-top:48px;padding-bottom:40px}.attention-break{min-height:480px;padding:48px 20px}.feed-phone{width:205px;height:350px}.venture-break{min-height:270px;padding:40px 20px}.venture-window{aspect-ratio:1.4}.ticker{justify-content:center;gap:20px}.ticker b:last-child{display:block}}
@media(prefers-reduced-motion:no-preference){
 .night-active .night-brand{animation:night-land 2.5s cubic-bezier(.2,.8,.2,1) both}
 .night-active .night-scroll img{animation:night-pulse 1.7s ease-in-out 2.5s 2}
 .night-skipped .night-brand,.night-skipped .night-scroll img{animation:none!important}
 .night-sweep .headlights{animation:headlight-pass 1.1s ease-out both}
 .night-exit{animation:night-to-cream .8s ease-out both}
 .attention-break.break-seen .feed-motion{animation:feed-freeze 5s cubic-bezier(.1,.6,.2,1) both}
 .venture-break.break-seen .venture-browser{animation:browser-arrive .7s ease-out both}
 .venture-break.break-seen .venture-window img{animation:venture-drift 6s ease-in-out both}
 @keyframes night-land{0%{transform:translateY(-70px) rotate(-9deg) scale(1.13)}35%{transform:translateY(5px) rotate(1.5deg)}55%{transform:translateY(-3px) rotate(-.5deg)}75%,100%{transform:none}}
 @keyframes night-pulse{50%{transform:scale(1.18);opacity:.65}}
 @keyframes headlight-pass{from{transform:translateX(30%) rotate(-18deg);opacity:0}40%{opacity:1}to{transform:translateX(-40%) rotate(10deg);opacity:.2}}
 @keyframes night-to-cream{from{box-shadow:inset 0 -4px 0 #f3f0e8}to{box-shadow:inset 0 -120px 140px #f3f0e8}}
 @keyframes feed-freeze{0%{transform:translateY(0)}20%{transform:translateY(-320px)}45%,100%{transform:translateY(-610px)}}
 @keyframes browser-arrive{from{opacity:.7;transform:translateY(24px)}to{opacity:1;transform:none}}
 @keyframes venture-drift{from{transform:translateY(0)}to{transform:translateY(-12%)}}
}
@media(prefers-reduced-motion:reduce){.feed-motion{transform:translateY(-610px)}.headlights{opacity:.45}}

.feed-motion{transform:translateY(-610px)}
.ticker{display:block}.ticker-track{width:max-content;display:flex;align-items:center;gap:50px}.ticker-track>span{min-width:220px}.ticker-track>b{font-weight:400}
@media(prefers-reduced-motion:no-preference){.night-motion-enabled .ticker-track{animation:night-marquee 26s linear infinite}.second-look-lit .hero-o{animation:octagon-arrive-from-night 1s cubic-bezier(.2,.8,.2,1) both}@keyframes night-marquee{to{transform:translateX(-50%)}}@keyframes octagon-arrive-from-night{from{transform:translateY(-80px) scale(2.1)}to{transform:none}}}
@media(prefers-reduced-motion:reduce){.ticker-track{width:100%;flex-wrap:wrap;justify-content:center;gap:16px}.ticker-track>span{min-width:0}.ticker-track>*:nth-child(n+7){display:none}}

.hero{isolation:isolate}.hero:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(115deg,transparent 20%,#efd9b340 48%,transparent 70%);opacity:0;clip-path:inset(0)}
@media(prefers-reduced-motion:no-preference){.second-look-lit:before{animation:hero-headlights 1.2s ease-out both}.second-look-lit .night-line{animation:line-light .8s ease-out both}.second-look-lit .night-line:nth-of-type(2){animation-delay:.12s}@keyframes line-light{from{color:#8b8b83}to{color:var(--ink)}}@keyframes hero-headlights{0%{opacity:0;transform:translateX(-20%)}40%{opacity:1}100%{opacity:0;transform:translateX(20%)}}}
/* Keep decorative light/letter transforms inside the viewport. */
body{overflow-x:clip}.hero{overflow:clip}.ticker{max-width:100%;contain:inline-size}

.attention-video{display:block;width:min(100%,360px);height:auto;max-height:500px;object-fit:contain;border-radius:14px}

.desert-picture{position:absolute;inset:0;display:block}.desert-layer{filter:brightness(.64)}.night-art:after{background:linear-gradient(180deg,#060c1630,transparent 60%,#060b124d)}

/* A native, reversible one-screen scroll timeline. No pinning or scroll capture. */
@media(prefers-reduced-motion:no-preference){
 .night-motion-enabled .night-art{opacity:1;transform:scale(calc(1 + var(--night-progress,0)*.045));transform-origin:center bottom}
 .night-motion-enabled .night-opening{background:var(--paper)}
 .night-motion-enabled .night-brand{opacity:calc(1 - var(--night-progress,0)*1.35)}
 .night-motion-enabled .headlights{animation:none;opacity:var(--night-light,0);transform:translateX(calc(35% - var(--night-progress,0)*75%)) rotate(calc(-18deg + var(--night-progress,0)*28deg))}
 .night-motion-enabled .hero:before{animation:none;opacity:var(--night-light,0);transform:translateX(calc(-20% + var(--night-progress,0)*40%))}
 .night-motion-enabled .hero-o{animation:none!important;transform:none}
 .night-motion-enabled .night-o-arriving .hero-o{animation:night-o-finite .4s cubic-bezier(.2,.8,.2,1) both!important}
 @keyframes night-o-finite{from{transform:translateY(-12px) scale(1.12)}to{transform:none}}
 .night-motion-enabled .night-line{animation:none;color:color-mix(in srgb,var(--ink) calc(var(--night-progress,0)*100%),#8b8b83)}
}

/* Review fixes: no gray image remnant; a crisp cream wipe meets the next section. */
.night-opening:after{content:"";position:absolute;inset:auto 0 0;height:calc(var(--night-progress,0)*100px);background:var(--paper);pointer-events:none;z-index:2}
.night-header-managed header .brand{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease}
.night-header-managed.night-header-ready header .brand{opacity:1;visibility:visible;pointer-events:auto}
@media(prefers-reduced-motion:reduce){.night-header-managed header .brand{transition:none}.hero-o{animation:none!important;transform:none!important}}
@media(prefers-reduced-motion:no-preference){.night-motion-enabled .opening-controls{opacity:calc(1 - var(--night-progress,0)*4)}}
.opening-controls:focus-within{opacity:1!important}

.hero{scroll-margin-top:120px}
@media(max-width:650px){.hero{scroll-margin-top:96px}}
/* Anchor spacing is applied once, at the document rather than twice. */
html{scroll-padding-top:120px}.hero{scroll-margin-top:0}
@media(max-width:650px){html{scroll-padding-top:96px}.hero{scroll-margin-top:0}}