html{scroll-behavior:auto}:root{--ink:#231e23;--paper:#eee4d4;--lime:#eabb79;--pink:#df785e;--muted:#b8a899}body{background:#17151d}header{background:linear-gradient(#17151dcc,transparent)}.brand span{color:var(--lime)}.brand small{letter-spacing:2px;font-size:12px}nav,nav button,.contact-link{font-size:14px}#journey{height:1100svh}.stage{background:#17151d}.flight-plane{position:absolute;transform-origin:0 0;width:1920px;height:1080px}#flight-scene{position:absolute;inset:0;overflow:hidden;will-change:opacity}.exterior-layer,.cabin-layer,.pilot-layer{position:absolute;inset:0}.exterior-layer{background:#17151d;overflow:hidden}.stage .flight-video{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;opacity:0;pointer-events:none}.stage .exterior-layer video{inset:-8%;width:116%;height:116%;object-fit:cover;will-change:transform}.stage .flight-video.loaded{opacity:1}.cabin-layer{mask-image:url('cockpit/cabin-mask-2k.png');mask-size:100% 100%}.cabin-layer img,.pilot-layer img{position:absolute;inset:0;width:100%;height:100%}.pilot-layer.playing img{visibility:hidden}.stage #journey-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none}.flight-shade{position:absolute;inset:0;background:linear-gradient(90deg,#100f1c99,transparent 57%),linear-gradient(0deg,#100f1c77,transparent 20%);pointer-events:none}.hero-copy{left:6%;top:24%;width:39%;max-width:650px}.hero-copy h1{font-size:clamp(44px,5.3vw,86px);letter-spacing:-3px;line-height:1.2}.hero-copy h1 em{color:#df9c76}.hero-copy p{font-size:16px;line-height:1.9;color:#e4d8c9}.hero-copy .eyebrow{font-size:13px;letter-spacing:2px}.hero-actions{gap:24px}.primary{background:#eabb79;font-size:14px;padding:16px 20px;gap:24px}.text-link{font-size:14px}.hero-bottom{bottom:25px;font-size:12px;line-height:1.8;align-items:end}.hero-bottom span:last-child{color:#e4d8c9;text-align:right}.hero-skill-index{bottom:105px;font-size:13px;color:#eabb79}
#visor-anchor{position:absolute;left:0;top:0;transform-origin:0 0;width:320px;height:170px;pointer-events:none;z-index:4}.visor-display{position:relative;width:320px;height:170px;border-radius:15px;overflow:hidden;background:#dad0a9;box-shadow:inset 0 0 28px #4c4e3255,0 0 18px #eac98933;color:#26302b;display:flex;align-items:center;justify-content:center;font-family:'Noto Sans SC',sans-serif}.visor-display strong{font-size:56px;letter-spacing:2px;font-weight:900;white-space:nowrap;text-shadow:0 0 5px #d6e6b8}.visor-micro{position:absolute;left:19px;top:12px;font:11px monospace;letter-spacing:2px}.visor-bottom{position:absolute;bottom:11px;left:20px;font:10px monospace;letter-spacing:3px}.visor-scan{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,#303a321b 3px 4px);pointer-events:none}.visor-display.glitch{animation:visor-noise .09s steps(2) infinite}.visor-display.glitch strong{filter:contrast(2);text-shadow:11px 0 #c64332,-9px 0 #2c948a}.visor-display.glitch:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 13px,#2c302ca0 14px 18px,transparent 20px 31px);mix-blend-mode:multiply}#visor-button{position:absolute;left:74.4%;top:29.1%;width:62px;height:62px;border:2px solid #ebd9b188;border-radius:50%;background:#e5d6b50d;color:#fbefd1;z-index:7;display:grid;place-items:center;font-size:32px;box-shadow:0 0 0 6px #ddb88312;transform:rotate(-16deg);transition:background .2s,box-shadow .2s}#visor-button:hover,#visor-button:focus-visible{background:#d9b98b66;box-shadow:0 0 0 10px #ddb88333,0 0 28px #efbf84}#visor-button:active{background:#f9d18b}.switch-hint{position:absolute;left:78%;top:38%;color:#e6d5b7;font-size:16px;letter-spacing:1px;background:#17151d70;padding:7px 11px;border-left:1px solid #d4ae74;z-index:7;pointer-events:none}.story-copy p{font-size:17px}.story-copy .sub{font-size:14px}.story-copy h2{font-size:clamp(30px,4vw,62px)}.story-backdrop{background:linear-gradient(90deg,#12111ce8,transparent 78%)}.chapter-controls{gap:18px}.chapter-controls button{width:10px;height:10px}.chapter-controls button:before{content:'';position:absolute;inset:-7px}.chapter-controls button{position:relative}.works{background:#e7ddcc}.works .eyebrow{font-size:13px}.works-heading p,.work-card p{font-size:16px}.work-filters button{font-size:14px}.work-placeholder,.work-format{font-size:12px}.work-meta,.works-status{font-size:13px}.about{background:#b49b8b;color:#241d23}.contact,footer{background:#17151d}.contact p{font-size:16px}footer{font-size:12px}.reduced #journey{height:100svh}.reduced .static-story{background:#211c24}.video-notice{font-size:12px;max-width:380px;line-height:1.7}.story-copy{max-width:680px}.reduced .switch-hint{display:block}@keyframes visor-noise{0%{clip-path:inset(0 0 0 0);transform:translateX(-3px)}33%{clip-path:inset(11% 0 7% 0);transform:translateX(4px)}66%{clip-path:inset(0 0 0 0);transform:translateX(-1px)}100%{clip-path:inset(5% 0 15% 0);transform:translateX(2px)}}
@media(max-width:760px){.flight-plane{mask-image:linear-gradient(0deg,#000 84%,transparent 100%)}.brand small{display:none}header{height:72px}nav,nav button{font-size:13px}.hero-copy{top:12%;left:7%;width:87%}.hero-copy h1{font-size:clamp(39px,8.8vw,57px);line-height:1.15;letter-spacing:-2px;margin:19px 0 16px}.hero-copy p{font-size:14px;line-height:1.7}.hero-copy .eyebrow{font-size:12px}.hero-actions{margin-top:19px;gap:19px}.primary,.text-link{font-size:12px}.primary{padding:12px 15px;gap:15px}.flight-shade{background:linear-gradient(180deg,#17151de6 0%,#17151d9c 30%,transparent 57%,#17151d44 90%)}.hero-bottom{left:7%;right:7%;font-size:11px}.hero-bottom span:first-child{display:none}.hero-bottom span:last-child{display:block;text-align:left}.hero-skill-index{bottom:95px;font-size:12px}.switch-hint{font-size:21px}.story-copy{left:7%;bottom:13%;width:85%}.story-copy h2{font-size:33px}.story-copy p{font-size:16px}.story-copy .sub{font-size:13px}.story-backdrop{background:linear-gradient(0deg,#12111cec,transparent)}.works-heading p{font-size:15px}.about p{font-size:16px}.work-filters button{font-size:13px}.video-notice{bottom:68px;left:7%;right:7%}}


@media (min-width:761px) and (max-aspect-ratio:6/5){.hero-copy{top:18%;width:42%}.hero-copy h1{font-size:clamp(40px,5.2vw,62px);letter-spacing:-2px}.hero-copy p{max-width:310px}.switch-hint{left:72%;top:45%;font-size:14px;padding:6px 8px}.hero-bottom{font-size:11px}}