:root { --acid:#c86a32; --acid-deep:#9f461f; --acid-glow:#c86a3238; --ink:#080a0b; --steel:#9ca3a7; --line:#24282a; --paper:#f1f2ef; }
*{box-sizing:border-box} html{scroll-behavior:smooth;overflow-x:hidden} body{margin:0;background:var(--ink);color:#f4f5f5;font-family:Arial,"Helvetica Neue",sans-serif;overflow-x:hidden} a{color:inherit;text-decoration:none} img{display:block;max-width:100%}
.header{height:84px;position:absolute;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;border-bottom:1px solid #ffffff2b;padding:0 4vw}.brand{width:220px}.brand img{filter:invert(1)}.nav{margin-left:auto;display:flex;height:100%;align-items:center;gap:30px;font:700 10px/1 Arial;letter-spacing:.2em}.nav a{transition:.25s}.nav a:hover{color:var(--acid)}.header-cta{height:84px;margin-left:34px;padding:0 26px;display:flex;gap:10px;align-items:center;border-left:1px solid #ffffff2b;font:bold 11px Arial;letter-spacing:.16em}.header-cta span{color:var(--acid)}
.hero{min-height:100svh;position:relative;overflow:hidden;display:flex;align-items:center}.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:45% center;filter:saturate(.82) contrast(1.08)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#050607f2 0%,#050607be 39%,#05060742 68%,#05060770 100%),linear-gradient(0deg,#080a0be6 0%,transparent 38%)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#fff0 95%,#ffffff0a 95%),linear-gradient(90deg,#fff0 95%,#ffffff0a 95%);background-size:80px 80px;opacity:.6}.hero-content{position:relative;z-index:2;margin:85px 0 0 8vw;max-width:790px}.eyebrow,.kicker{font:700 10px/1.4 Arial;letter-spacing:.28em;color:#c9cdcf}.eyebrow{display:flex;align-items:center;gap:14px}.eyebrow span{display:block;width:42px;height:2px;background:var(--acid)}.hero h1{font:900 clamp(4.3rem,8.6vw,9rem)/.78 Arial;letter-spacing:-.065em;margin:32px 0 34px;text-transform:uppercase}.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #d9ff00;text-shadow:0 0 28px #d9ff0018}.hero-ja{font:500 15px/2 sans-serif;letter-spacing:.12em;border-left:2px solid var(--acid);padding-left:20px;color:#e1e4e5}.primary{display:inline-flex;align-items:center;justify-content:space-between;min-width:245px;padding:18px 20px;margin-top:28px;background:var(--acid);color:#0b0d0e;font:bold 11px Arial;letter-spacing:.14em;transition:.25s}.primary:hover{background:#fff}.primary b{font-size:18px}.hero-side{position:absolute;right:3.5vw;bottom:17%;writing-mode:vertical-rl;font:bold 9px Arial;letter-spacing:.22em;color:#fff}.hero-side span{color:var(--acid);margin-top:16px}.scroll{position:absolute;z-index:2;bottom:30px;left:8vw;font:bold 9px Arial;letter-spacing:.2em;display:flex;gap:15px;align-items:center}.scroll i{width:72px;height:1px;background:#fff5}
.section-pad{padding:120px 8vw}.statement{display:grid;grid-template-columns:1fr 2.3fr 1.5fr;gap:6vw;align-items:start;background:#0d0f10}.section-index{font:bold 9px Arial;letter-spacing:.2em;color:#6c7478;padding-top:8px}.kicker{color:var(--acid);margin:0 0 22px}.statement h2,.section-head h2,.fleet h2,.contact h2{margin:0;font:900 clamp(3.2rem,6vw,6.6rem)/.9 Arial;letter-spacing:-.065em;text-transform:uppercase}.statement h2 span,.section-head h2 span,.fleet h2 span,.contact h2 span{color:transparent;-webkit-text-stroke:1px var(--acid)}.statement-copy{padding-top:46px;color:#aeb4b7;font:14px/2 sans-serif}.statement-copy strong{display:block;margin-top:36px;font:700 10px Arial;letter-spacing:.17em;color:#fff}
.brand-signature{display:grid;grid-template-columns:minmax(320px,.75fr) minmax(0,1.25fr);min-height:680px;background:#e9eaeb;color:#0a0c0d}.signature-copy{min-width:0;padding:110px 4vw 90px 8vw;display:flex;flex-direction:column;justify-content:center;border-right:1px solid #15171922}.signature-copy .kicker{color:#5c6468}.signature-copy h2{margin:0;font:900 clamp(3.6rem,6vw,7rem)/.82 Arial;letter-spacing:-.07em}.signature-copy h2 span{color:transparent;-webkit-text-stroke:1px #111}.signature-copy>p:not(.kicker){margin:36px 0 0;font:500 14px/2 sans-serif;letter-spacing:.07em;color:#4d5356}.signature-rule{width:100%;margin-top:auto;padding-top:24px;border-top:1px solid #17191a;display:flex;justify-content:space-between;gap:24px;font:bold 9px Arial;letter-spacing:.2em;white-space:nowrap}.signature-visual{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:70px 5vw;background:radial-gradient(circle at 50% 42%,#fff 0%,#eceeef 52%,#cfd3d5 100%)}.signature-visual:after{content:"PHANTOM";position:absolute;right:-.06em;bottom:-.16em;font:900 clamp(5rem,11vw,12rem)/1 Arial;letter-spacing:-.08em;color:#080a0b08}.signature-wordmark{position:relative;z-index:2;width:min(780px,92%);mix-blend-mode:multiply;filter:contrast(1.04)}.signature-emblem{position:absolute;z-index:3;width:210px;right:4vw;bottom:34px;opacity:.88;filter:drop-shadow(0 12px 18px #1113)}
.services,.works{background:#0a0c0d}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:65px}.section-head>p{font:13px/1.8 sans-serif;color:#8d9498}.service-list{border-top:1px solid var(--line)}.service-list article{display:grid;grid-template-columns:90px 1.2fr 1fr 40px;gap:30px;align-items:center;padding:34px 10px;border-bottom:1px solid var(--line);transition:.3s}.service-list article:hover{background:#111516;padding-left:24px}.service-no{font:700 11px Arial;color:var(--acid)}.service-list small,.work-grid small{font:bold 9px Arial;letter-spacing:.2em;color:#747c80}.service-list h3{margin:8px 0 0;font:700 23px sans-serif;letter-spacing:.05em}.service-list article>p{color:#888f92;font:13px/1.8 sans-serif}.service-list article>b{font-size:25px;color:var(--acid)}
.fleet{height:84svh;min-height:650px;position:relative;overflow:hidden;display:flex;align-items:center}.fleet>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.fleet-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#060707df,transparent 65%),linear-gradient(0deg,#0506069f,transparent 48%)}.fleet-copy{position:relative;margin-left:8vw}.fleet-copy>p:first-child{font:bold 10px Arial;letter-spacing:.24em;color:var(--acid)}.fleet-copy>p:last-child{font:14px/1.9 sans-serif;letter-spacing:.08em;margin-top:35px}.fleet-spec{position:absolute;right:5vw;bottom:45px;display:flex;gap:32px;font:bold 9px Arial;letter-spacing:.18em}.fleet-spec span{border-top:1px solid var(--acid);padding-top:10px}
.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:55px 24px}.work-grid article.featured{grid-column:span 2}.work-img{height:310px;position:relative;overflow:hidden;background:#151819}.featured .work-img{height:520px}.work-img img{width:100%;height:100%;object-fit:cover;transition:.6s}.work-img:hover img{transform:scale(1.035);filter:saturate(1.15)}.work-img span{position:absolute;top:14px;right:14px;background:#080a0bd9;color:var(--acid);padding:8px;font:bold 9px Arial}.work-grid small{display:block;margin-top:18px;color:var(--acid)}.work-grid h3{margin:8px 0 0;font:600 17px sans-serif;letter-spacing:.06em}
.recruit{min-height:850px;display:grid;grid-template-columns:1.05fr .95fr;background:var(--paper);color:#0a0c0d;overflow:hidden}.recruit-visual{position:relative;min-height:850px;overflow:hidden}.recruit-visual>img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.58) contrast(1.14) brightness(.78);transition:transform 1.2s cubic-bezier(.2,.75,.2,1)}.recruit:hover .recruit-visual>img{transform:scale(1.025)}.recruit-shade{position:absolute;inset:0;background:linear-gradient(90deg,#05070715 40%,#050707b8 100%),linear-gradient(0deg,#060808c7 0%,transparent 52%),linear-gradient(135deg,transparent 60%,#d9ff001b)}.recruit-vertical{position:absolute;left:28px;top:50%;margin:0;writing-mode:vertical-rl;transform:translateY(-50%) rotate(180deg);font:bold 9px Arial;letter-spacing:.32em;color:#fff}.recruit-number{position:absolute;right:30px;bottom:24px;font:900 8rem/.8 Arial;letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px #ffffff64}.recruit-content{padding:110px clamp(48px,6vw,110px);display:flex;flex-direction:column;justify-content:center}.recruit-content .kicker{color:#62696c}.recruit-content h2{margin:0;font:900 clamp(3.3rem,5.5vw,6.3rem)/.9 Arial;letter-spacing:-.065em}.recruit-content h2 span{color:transparent;-webkit-text-stroke:1px #111}.recruit-lead{margin:34px 0 40px;font:500 14px/2 sans-serif;letter-spacing:.045em;color:#4f5558}.recruit-details{margin:0;border-top:1px solid #141718}.recruit-details div{display:grid;grid-template-columns:112px 1fr;gap:22px;padding:18px 0;border-bottom:1px solid #141718}.recruit-details dt{font:bold 9px Arial;letter-spacing:.2em;color:#697073}.recruit-details dd{margin:0;font:600 13px/1.55 sans-serif;letter-spacing:.04em}.recruit-link{margin-top:36px;padding:20px 0;border-bottom:3px solid #101314;display:flex;align-items:center;justify-content:space-between;font:bold 12px sans-serif;letter-spacing:.08em;transition:.25s}.recruit-link b{font:400 24px Arial;color:#657300}.recruit-link:hover{color:#657300;border-color:var(--acid)}.recruit-content>small{margin-top:14px;color:#777d7f;font:10px/1.6 sans-serif}
.contact{min-height:720px;text-align:center;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,#283033 0,#0b0d0e 46%,#060708 80%)}.contact:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(10% - 1px),#ffffff08 10%)}.contact>*{position:relative}.contact-mark{position:absolute;width:min(900px,76vw);opacity:.035;filter:invert(1)}.contact h2{font-size:clamp(4rem,9vw,9rem)}.contact>p:not(.kicker){font:14px/2 sans-serif;color:#aab0b2;margin:30px 0 0}
footer{min-height:190px;border-top:1px solid var(--line);padding:48px 8vw;display:flex;align-items:center;gap:50px;color:#7e8588;font:bold 9px/2 Arial;letter-spacing:.14em}footer img{width:190px;filter:invert(1)}footer>p{margin-left:auto}
.signature-copy h2{font-size:clamp(3rem,4.7vw,5.8rem);line-height:.84}
@media(max-width:1100px){.brand-signature{grid-template-columns:1fr;min-height:0}.signature-copy{min-height:570px;padding:90px 8vw 56px;border-right:0;border-bottom:1px solid #15171922}.signature-copy h2{font-size:clamp(4rem,11vw,7.2rem)}.signature-rule{margin-top:72px}.signature-visual{min-height:470px;padding:64px 8vw 110px}.signature-wordmark{width:min(760px,100%)}.signature-emblem{width:min(220px,26vw);right:6vw;bottom:28px}}
@media(max-width:800px){.header{height:68px;padding:0 20px}.brand{width:145px}.nav{display:none}.header-cta{height:68px;margin-left:auto;padding:0 0 0 18px}.hero-content{margin:70px 22px 0}.hero h1{font-size:clamp(3.8rem,18vw,6.4rem);line-height:.82}.hero-img{object-position:58% center}.hero-side{display:none}.section-pad{padding:82px 22px}.statement{grid-template-columns:1fr;gap:34px}.section-index{display:none}.statement-copy{padding-top:0}.brand-signature{border-top:1px solid #fff}.signature-copy{min-height:520px;padding:76px 22px 42px}.signature-copy h2{font-size:16.5vw;line-height:.85}.signature-copy>p:not(.kicker){margin-top:30px;font-size:13px;line-height:1.9}.signature-rule{margin-top:58px;padding-top:18px;letter-spacing:.16em}.signature-visual{min-height:330px;padding:42px 22px 82px}.signature-visual:after{bottom:-.1em;font-size:24vw}.signature-wordmark{width:100%;mix-blend-mode:multiply}.signature-emblem{width:132px;right:20px;bottom:16px;opacity:.72}.section-head{display:block;margin-bottom:44px}.section-head>p{margin-top:20px}.service-list article{grid-template-columns:35px 1fr 20px;gap:12px;padding:28px 2px}.service-list article>p{grid-column:2/4;margin:0}.service-list h3{font-size:19px}.fleet{height:72svh;min-height:560px}.fleet-copy{margin:0 22px}.fleet>img{object-position:47% center}.fleet-spec{left:22px;right:auto;gap:16px}.work-grid{grid-template-columns:1fr;gap:40px}.work-grid article.featured{grid-column:auto}.work-img,.featured .work-img{height:270px}.contact{min-height:640px;padding:70px 20px}.contact h2{font-size:17vw}footer{display:block;padding:45px 22px}footer div{margin:25px 0}footer>p{margin:0}.hero-ja{font-size:13px}.primary{min-width:230px}}
@media(max-width:430px){.hero h1{font-size:17.2vw}.signature-copy{min-height:500px}.signature-visual{min-height:300px}.fleet-spec{font-size:8px;gap:11px}.contact>p:not(.kicker) br{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.work-img img,.service-list article{transition:none}}

/* Cinematic scroll motion */
.hero-img{inset:-4%;width:108%;height:108%;transform:scale(calc(1.04 + var(--hero-progress,0) * .035)) translateY(calc(var(--hero-progress,0) * 2.5%));will-change:transform}
.hero-content{transform:translateY(calc(var(--hero-progress,0) * -54px));opacity:calc(1 - var(--hero-progress,0) * .72);will-change:transform,opacity}
.scroll-progress{position:fixed;z-index:100;top:0;left:0;height:2px;width:100%;background:var(--acid);transform-origin:left;transform:scaleX(var(--hero-progress,0));pointer-events:none;box-shadow:0 0 16px #d9ff0088}
[data-reveal]{--delay:0ms;opacity:0;transform:translateY(42px);transition:opacity .9s var(--delay) cubic-bezier(.2,.75,.2,1),transform .9s var(--delay) cubic-bezier(.2,.75,.2,1)}
[data-reveal].is-visible{opacity:1;transform:none}
.hero-content[data-reveal]{opacity:calc(1 - var(--hero-progress,0) * .72)}
.signature-wordmark{transition:transform 1.1s cubic-bezier(.2,.75,.2,1)}
.brand-signature.is-visible .signature-wordmark{transform:scale(1.035)}

@media(prefers-reduced-motion:reduce){.work-img img,.service-list article,[data-reveal],.signature-wordmark{transition:none}.hero-img,.hero-content{transform:none!important;opacity:1!important}.scroll-progress{display:none}[data-reveal]{opacity:1;transform:none}}

/* PHANTOM cinematic image treatment */
.hero-img{filter:saturate(.68) contrast(1.18) brightness(.86)}
.hero-shade{background:linear-gradient(90deg,#050607f5 0%,#050607c7 38%,#07100c35 68%,#0506076e 100%),linear-gradient(0deg,#080a0bf2 0%,transparent 42%),linear-gradient(135deg,transparent 52%,#d9ff000d 100%)}
.brand-signature{background:#0c0f10;color:#f3f5f5;border-block:1px solid #ffffff12}
.signature-copy{border-right-color:#ffffff14;background:linear-gradient(145deg,#121617 0%,#090b0c 78%)}
.signature-copy .kicker{color:var(--acid)}
.signature-copy h2 span{color:transparent;-webkit-text-stroke:1px var(--acid)}
.signature-copy>p:not(.kicker){color:#aab0b2}
.signature-rule{border-top-color:#ffffff24}
.signature-visual{flex-direction:column;background:linear-gradient(120deg,#07090a 0%,#151a1c 48%,#080a0b 100%)}
.signature-visual:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(118deg,transparent 0,transparent 22px,#ffffff05 23px,#ffffff05 24px),radial-gradient(circle at 52% 44%,#d9ff0010,transparent 38%)}
.signature-visual:after{color:#ffffff06}
.signature-glow{position:absolute;width:64%;aspect-ratio:1;border-radius:50%;background:#d9ff0010;filter:blur(70px)}
.signature-wordmark{width:min(720px,88%);mix-blend-mode:normal;filter:invert(1) drop-shadow(0 12px 30px #000);opacity:.96}
.signature-tagline{position:relative;z-index:2;margin:26px 0 0;color:#aeb5b8;font:bold 10px Arial;letter-spacing:.38em;text-align:center}
.signature-emblem{width:190px;right:3vw;bottom:25px;opacity:.2;filter:invert(1) drop-shadow(0 12px 18px #0008)}
.fleet>img{filter:saturate(.62) contrast(1.18) brightness(.82)}
.fleet-overlay{background:linear-gradient(90deg,#060707ed 0%,#06070778 48%,transparent 76%),linear-gradient(0deg,#050606c7,transparent 52%),linear-gradient(135deg,transparent 62%,#d9ff0012)}
.work-img img{filter:saturate(.7) contrast(1.13) brightness(.9);transition:.75s cubic-bezier(.2,.75,.2,1)}
.photo-grade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 48%,#060809b8 100%),linear-gradient(135deg,#07110c30,transparent 45%,#d9ff0009);box-shadow:inset 0 0 0 1px #ffffff0b}
.work-img:after{content:"";position:absolute;left:0;bottom:0;width:54px;height:3px;background:var(--acid)}
.work-img:hover img{transform:scale(1.045);filter:saturate(.92) contrast(1.16) brightness(.96)}
@media(max-width:1100px){.signature-copy{border-bottom-color:#ffffff16}}
@media(max-width:800px){.signature-tagline{font-size:8px;letter-spacing:.24em}.signature-emblem{width:120px;opacity:.15}.work-img img{filter:saturate(.76) contrast(1.1) brightness(.93)}}

/* Refined editorial rhythm + careers */
.statement,.services,.works,.brand-signature,.recruit,.contact{position:relative}
.services:before,.works:before{content:"";position:absolute;top:0;left:8vw;right:8vw;height:1px;background:linear-gradient(90deg,var(--acid) 0 54px,#ffffff18 54px)}
.section-head h2{max-width:820px}.service-list article,.recruit-details div{position:relative}.service-list article:after{content:"";position:absolute;left:0;bottom:-1px;width:0;height:1px;background:var(--acid);transition:width .55s cubic-bezier(.2,.75,.2,1)}.service-list article:hover:after{width:100%}
footer{background:#060708}footer a{color:#d8dcde;transition:.2s}footer a:hover{color:var(--acid)}

@media(max-width:1100px){.recruit{grid-template-columns:1fr}.recruit-visual{min-height:62svh}.recruit-content{padding:90px 8vw 100px}.recruit-content h2{font-size:clamp(4rem,10vw,7rem)}}
@media(max-width:800px){.recruit{display:block}.recruit-visual{min-height:460px}.recruit-visual>img{object-position:54% center}.recruit-number{font-size:6rem;right:20px}.recruit-content{padding:76px 22px 82px}.recruit-content h2{font-size:14.5vw;line-height:.91}.recruit-lead{margin:28px 0 34px;font-size:13px}.recruit-lead br{display:none}.recruit-details div{grid-template-columns:92px 1fr;gap:12px;padding:16px 0}.recruit-details dd{font-size:12px}.recruit-link{font-size:11px;line-height:1.55;gap:20px}.services:before,.works:before{left:22px;right:22px}}

/* THE LEGACY — Yoshihiko Imamoto */
.legacy{position:relative;background:#080a0b;overflow:hidden}.legacy:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent calc(50% - .5px),#ffffff08 50%,transparent calc(50% + .5px));pointer-events:none}.legacy-intro{display:grid;grid-template-columns:1fr 2fr 1.35fr;gap:5vw;align-items:end;border-top:1px solid #ffffff16}.legacy-index{align-self:start;margin:0;color:#6f777a;font:bold 9px Arial;letter-spacing:.2em}.legacy-intro h2{margin:0;font:900 clamp(4rem,7vw,8rem)/.85 Arial;letter-spacing:-.07em}.legacy-intro h2 span,.legacy-closing h3 span{color:transparent;-webkit-text-stroke:1px var(--acid)}.legacy-intro blockquote{margin:0;padding:0 0 8px 32px;border-left:2px solid var(--acid)}.legacy-intro blockquote p{margin:0 0 24px;font:600 clamp(1.35rem,2.1vw,2.2rem)/1.65 "Hiragino Mincho ProN","Yu Mincho",serif;letter-spacing:.08em}.legacy-intro cite{font:normal 11px/1.9 sans-serif;letter-spacing:.1em;color:#8f9699}.legacy-portrait{display:grid;grid-template-columns:1.05fr .95fr;min-height:840px;background:#101314}.legacy-portrait figure{position:relative;min-height:780px;margin:0;overflow:hidden}.legacy-portrait figure:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#090b0cce 0%,transparent 46%),linear-gradient(90deg,transparent 65%,#101314 100%)}.legacy-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 32%;filter:grayscale(1) contrast(1.08) brightness(.78)}.legacy-portrait figcaption{position:absolute;z-index:2;left:8vw;bottom:60px;font:bold 11px/1.8 Arial;letter-spacing:.2em}.legacy-portrait figcaption span{color:#8e9699;font-size:8px}.legacy-story{padding:100px 8vw 100px 6vw;display:flex;flex-direction:column;justify-content:center}.legacy-story h3,.legacy-closing h3{margin:0 0 42px;font:700 clamp(2rem,3.7vw,4rem)/1.35 "Hiragino Mincho ProN","Yu Mincho",serif;letter-spacing:.055em}.legacy-story>p:not(.kicker),.legacy-closing>p:not(.kicker){margin:0 0 22px;color:#a5acae;font:14px/2.25 sans-serif;letter-spacing:.055em}.legacy-final-site{height:88svh;min-height:680px;position:relative;overflow:hidden}.legacy-final-site>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.35) contrast(1.18) brightness(.66)}.legacy-site-shade{position:absolute;inset:0;background:linear-gradient(90deg,#070909dd 0%,transparent 57%),linear-gradient(0deg,#080a0bf0 0%,transparent 52%),linear-gradient(180deg,#080a0bba,transparent 35%)}.legacy-date{position:absolute;top:10%;left:8vw;display:flex;flex-direction:column}.legacy-date span{font:bold 9px Arial;letter-spacing:.32em;color:var(--acid)}.legacy-date strong{font:900 clamp(5rem,10vw,10rem)/.9 Arial;letter-spacing:-.07em;color:transparent;-webkit-text-stroke:1px #ffffffb0}.legacy-date small{margin-top:18px;font:bold 9px Arial;letter-spacing:.25em;color:#bac0c2}.legacy-site-copy{position:absolute;left:8vw;bottom:10%;width:min(570px,84vw);padding-top:28px;border-top:1px solid #ffffff6b}.legacy-site-copy>p:last-child{font:500 14px/2.15 sans-serif;letter-spacing:.05em;color:#d5d9da}.legacy-inheritance{display:grid;grid-template-columns:1.1fr .9fr;min-height:820px;background:#e6e8e7;color:#0a0c0d}.legacy-machine{position:relative;overflow:hidden}.legacy-machine img{width:100%;height:100%;object-fit:cover;filter:saturate(.58) contrast(1.12) brightness(.83)}.legacy-machine:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 72%,#e6e8e7 100%),linear-gradient(0deg,#0709099e,transparent 42%)}.legacy-machine span{position:absolute;z-index:2;left:8vw;bottom:40px;color:white;font:bold 9px Arial;letter-spacing:.25em}.legacy-closing{padding:100px 8vw 80px 6vw;display:flex;flex-direction:column;justify-content:center}.legacy-closing .kicker{color:#626a6d}.legacy-closing h3 span{-webkit-text-stroke-color:#6b7800}.legacy-closing>p:not(.kicker){color:#545b5e}.legacy-years{margin-top:40px;padding-top:24px;border-top:1px solid #111;display:flex;align-items:center;gap:24px;font:bold 11px/1.6 Arial;letter-spacing:.16em}.legacy-years small{font-size:8px;color:#737a7d}.legacy-years i{height:1px;flex:1;background:#758000}
@media(max-width:900px){.legacy-intro{grid-template-columns:1fr;gap:38px}.legacy-index{display:none}.legacy-intro blockquote{max-width:620px}.legacy-portrait,.legacy-inheritance{grid-template-columns:1fr}.legacy-portrait figure{min-height:78svh}.legacy-story,.legacy-closing{padding:80px 8vw}.legacy-machine{min-height:62svh}.legacy-machine:after{background:linear-gradient(0deg,#e6e8e7 0%,transparent 25%),linear-gradient(0deg,#0709099e,transparent 45%)}}
@media(max-width:800px){.legacy-intro h2{font-size:17vw}.legacy-intro blockquote{padding-left:20px}.legacy-portrait figure{min-height:610px}.legacy-portrait img{object-position:center 25%}.legacy-portrait figcaption{left:22px;bottom:30px}.legacy-story,.legacy-closing{padding:70px 22px}.legacy-story h3,.legacy-closing h3{font-size:8.2vw;margin-bottom:32px}.legacy-story>p:not(.kicker),.legacy-closing>p:not(.kicker),.legacy-site-copy>p:last-child{font-size:13px;line-height:2}.legacy-final-site{height:82svh;min-height:660px}.legacy-final-site>img{object-position:68% center}.legacy-date{left:22px;top:9%}.legacy-date strong{font-size:22vw}.legacy-site-copy{left:22px;bottom:8%;width:calc(100% - 44px)}.legacy-machine{min-height:520px}.legacy-machine img{object-position:62% center}.legacy-machine span{left:22px}.legacy-years{gap:14px;font-size:9px}}

/* PHANTOM copper-orange signature palette */
.hero h1 em{ -webkit-text-stroke-color:var(--acid);text-shadow:0 0 28px var(--acid-glow) }
.primary{background:linear-gradient(135deg,#d37b45 0%,var(--acid) 52%,var(--acid-deep) 100%);box-shadow:0 12px 34px #0008,0 0 0 1px #efa57555 inset;transition:transform .25s,background .25s}
.primary:hover{background:#fff;transform:translateY(-2px)}
.scroll-progress{box-shadow:0 0 16px #c86a3288}
.hero-shade{background:linear-gradient(90deg,#050607f5 0%,#050607c7 38%,#120b0735 68%,#0506076e 100%),linear-gradient(0deg,#080a0bf2 0%,transparent 42%),linear-gradient(135deg,transparent 52%,#c86a3212 100%)}
.signature-visual:before{background:repeating-linear-gradient(118deg,transparent 0,transparent 22px,#ffffff05 23px,#ffffff05 24px),radial-gradient(circle at 52% 44%,#c86a3217,transparent 38%)}
.signature-glow{background:#c86a3215}
.fleet-overlay{background:linear-gradient(90deg,#060707ed 0%,#06070778 48%,transparent 76%),linear-gradient(0deg,#050606c7,transparent 52%),linear-gradient(135deg,transparent 62%,#c86a3215)}
.photo-grade{background:linear-gradient(180deg,transparent 48%,#060809b8 100%),linear-gradient(135deg,#140b0730,transparent 45%,#c86a320c)}
.recruit-shade{background:linear-gradient(90deg,#05070715 40%,#050707b8 100%),linear-gradient(0deg,#060808c7 0%,transparent 52%),linear-gradient(135deg,transparent 60%,#c86a3220)}
.recruit-link b,.recruit-link:hover{color:var(--acid-deep)}
.legacy-closing h3 span{-webkit-text-stroke-color:var(--acid-deep)}
.legacy-years i{background:var(--acid-deep)}
.legacy-portrait img{filter:grayscale(1) contrast(1.08) brightness(.78)}

/* Balanced editorial crop for the Legacy portrait */
@media(min-width:901px){
  .legacy-portrait{grid-template-columns:1.15fr .85fr;min-height:720px}
  .legacy-portrait figure{min-height:680px}
  .legacy-portrait img{object-position:center 25%}
  .legacy-story{padding:84px 8vw 84px 5vw}
  .legacy-portrait figcaption{bottom:48px}
}
@media(max-width:900px){
  .legacy-portrait figure{min-height:0;height:min(70svh,660px);aspect-ratio:5/4}
}
@media(max-width:800px){
  .legacy-portrait figure{height:auto;min-height:0;aspect-ratio:4/5}
  .legacy-portrait img{object-position:center 20%}
  .legacy-portrait figcaption{bottom:24px}
}

/* v28 — cinematic hero video */
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.9) contrast(1.06);background:#050607}
@media(max-width:800px){.hero-video{object-position:center center}.hero-shade{background:linear-gradient(90deg,#050607e8 0%,#0506079f 58%,#05060758 100%),linear-gradient(0deg,#080a0bf0 0%,transparent 45%)}}
@media(prefers-reduced-motion:reduce){.hero{background:#050607}.hero-video{display:block;visibility:visible;animation:none}}

/* FIELD WORKS — desktop drag, arrows and wheel slider */
.works.section-pad{padding-right:0}.works .section-head{padding-right:8vw}.work-carousel-shell{position:relative}
.work-grid{display:flex;gap:24px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:0 8vw 26px 0;scrollbar-width:none;-webkit-overflow-scrolling:touch;cursor:grab;user-select:none;touch-action:auto;align-items:flex-start}
.work-grid::-webkit-scrollbar{display:none}.work-grid.is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}.work-grid img{pointer-events:none}.work-grid article,.work-grid article.featured{flex:0 0 min(68vw,860px);min-width:0;scroll-snap-align:start}.work-img,.featured .work-img{height:auto;aspect-ratio:16/9}.work-grid article:nth-child(4) .work-img img{object-fit:contain;object-position:center;background:#050708}.work-grid article:nth-child(6) .work-img img{object-position:center 56%}
.work-arrow{position:absolute;z-index:6;top:calc(50% - 42px);width:58px;height:58px;border:1px solid #ffffff45;border-radius:50%;display:grid;place-items:center;background:#080a0bd9;color:#fff;font:300 42px/1 Arial;cursor:pointer;backdrop-filter:blur(8px);transition:.25s}.work-arrow:hover{background:var(--acid);border-color:var(--acid);color:#080a0b;transform:scale(1.06)}.work-arrow:disabled{opacity:.22;cursor:default;transform:none}.work-arrow-prev{left:18px}.work-arrow-next{right:calc(8vw + 18px)}
.works-guide{display:flex;align-items:center;gap:18px;padding:2px 8vw 0 0;color:#81888b;font:bold 8px/1 Arial;letter-spacing:.22em}.works-guide i{height:1px;flex:1;max-width:180px;background:linear-gradient(90deg,var(--acid) 0 var(--work-progress,14%),#ffffff24 var(--work-progress,14%));transition:background .35s}.works-guide b{color:var(--acid);font:inherit}
@media(max-width:800px){.works .section-head{padding-right:22px}.work-grid{gap:14px;padding-right:22px;padding-bottom:22px;cursor:auto;user-select:auto;touch-action:auto;overflow-x:scroll;overflow-y:hidden;scroll-behavior:auto;overscroll-behavior-x:contain}.work-grid article,.work-grid article.featured{flex:0 0 calc(100vw - 66px);width:calc(100vw - 66px)}.work-img,.featured .work-img{width:100%;height:auto;aspect-ratio:16/10}.work-grid article:nth-child(4) .work-img{aspect-ratio:16/9}.work-grid article:nth-child(4) .work-img img{object-fit:contain;object-position:center}.work-grid article:nth-child(6) .work-img img{object-position:center 58%}.works-guide{padding-right:22px;gap:12px}.works-guide i{max-width:none}.work-arrow{display:none}}

/* Legacy v24 — one stable visual, responsive editorial layout */
.legacy-feature{display:grid;grid-template-columns:minmax(340px,.82fr) minmax(0,1.18fr);gap:clamp(48px,7vw,110px);align-items:start;background:linear-gradient(145deg,#111516 0%,#080a0b 72%);border-top:1px solid #ffffff12}
.legacy-collage{position:sticky;top:32px;margin:0;overflow:hidden;background:#050607;border:1px solid #ffffff20;box-shadow:0 36px 90px #0009;aspect-ratio:4/7;display:grid;grid-template-rows:36% 31% 33%}
.legacy-collage>div{position:relative;min-height:0;overflow:hidden;border-bottom:1px solid #ffffff2b}.legacy-collage>div:last-child{border-bottom:0}
.legacy-collage img{width:100%;height:100%;object-fit:cover;display:block}.legacy-collage-portrait img{filter:grayscale(1) contrast(1.11) brightness(.76);object-position:center 31%}.legacy-collage-field img{filter:saturate(.52) contrast(1.16) brightness(.78);object-position:center}
.legacy-collage-field:after,.legacy-collage-company:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#050607b8 0%,transparent 52%);pointer-events:none}.legacy-collage-field span{position:absolute;z-index:2;left:20px;bottom:16px;color:#fff;font:bold 8px/1 Arial;letter-spacing:.24em}
.legacy-collage-company img{filter:saturate(.72) contrast(1.12) brightness(.8);object-position:center}.legacy-collage-company strong{position:absolute;z-index:2;left:20px;bottom:15px;color:#3aa1e8;font:900 clamp(1.45rem,2.7vw,3.1rem)/.9 Arial;letter-spacing:-.045em;text-shadow:0 2px 16px #000}
.legacy-narrative{padding:30px 0 10px}.legacy-narrative h3{margin:0 0 36px;font:700 clamp(2.4rem,4vw,4.8rem)/1.35 "Hiragino Mincho ProN","Yu Mincho",serif;letter-spacing:.06em;color:#fff}.legacy-narrative>p:not(.kicker),.legacy-final-copy>p:not(.kicker){max-width:680px;margin:0 0 22px;color:#aeb5b7;font:14px/2.25 sans-serif;letter-spacing:.045em}
.legacy-final-copy{margin-top:58px;padding-top:40px;border-top:1px solid #ffffff24}.legacy-final-copy h4{margin:0 0 30px;font:700 clamp(1.8rem,3vw,3.1rem)/1.3 "Hiragino Mincho ProN","Yu Mincho",serif;letter-spacing:.08em}.legacy-signoff{margin-top:54px;padding:28px 0;border-top:1px solid var(--acid);border-bottom:1px solid #ffffff18;display:flex;flex-direction:column;gap:10px}.legacy-signoff strong{color:var(--acid);font:900 clamp(1.15rem,2vw,2rem)/1 Arial;letter-spacing:.12em}.legacy-signoff span{color:#d7dbdc;font:600 13px/1.7 sans-serif;letter-spacing:.08em}
@media(max-width:900px){.legacy-feature{grid-template-columns:1fr;gap:54px}.legacy-collage{position:relative;top:auto;width:min(100%,620px);margin-inline:auto;aspect-ratio:4/7}.legacy-narrative{padding:0}.legacy-narrative h3{font-size:clamp(2.25rem,9vw,4rem)}}
@media(max-width:800px){.legacy-feature.section-pad{padding-top:64px;padding-bottom:78px}.legacy-collage-field span{left:14px;bottom:12px;font-size:7px}.legacy-collage-company strong{left:14px;bottom:12px;font-size:8vw}.legacy-narrative>p:not(.kicker),.legacy-final-copy>p:not(.kicker){font-size:13px;line-height:2.05}.legacy-final-copy{margin-top:44px;padding-top:32px}.legacy-signoff{margin-top:42px}.legacy-signoff span{font-size:12px}}

/* PHANTOM GOODS — restrained brand teaser */
.goods{min-height:660px;display:grid;grid-template-columns:1fr 1fr;position:relative;overflow:hidden;background:linear-gradient(120deg,#e9eaeb 0%,#f5f5f3 50%,#d5d8d9 100%);color:#090b0c}.goods-copy{padding:110px 5vw 110px 8vw;display:flex;flex-direction:column;justify-content:center;border-right:1px solid #1113}.goods-copy .kicker{color:var(--acid-deep)}.goods-copy h2{margin:0;font:900 clamp(4rem,7.2vw,8rem)/.82 Arial;letter-spacing:-.07em;text-transform:uppercase}.goods-copy h2 span{color:transparent;-webkit-text-stroke:1px #111}.goods-copy>p:not(.kicker){margin:38px 0 0;color:#50575a;font:500 14px/2 sans-serif;letter-spacing:.055em}.goods-button{width:min(100%,390px);margin-top:42px;padding:0;border:1px solid #111;background:#0a0c0d;color:#fff;display:grid;grid-template-columns:1fr auto;align-items:center;text-align:left;cursor:not-allowed;opacity:1}.goods-button span{padding:19px 20px;font:bold 11px/1 Arial;letter-spacing:.16em}.goods-button b{align-self:stretch;display:flex;align-items:center;padding:0 18px;border-left:1px solid #ffffff2e;color:var(--acid);font:bold 9px/1 Arial;letter-spacing:.14em}.goods-visual{position:relative;min-height:660px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 48%,#fff 0%,#dfe2e3 46%,#b7bdc0 100%)}.goods-visual:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(16.666% - 1px),#1111110c 16.666%)}.goods-lockup{position:relative;z-index:1;width:min(88%,760px);height:auto;mix-blend-mode:multiply;filter:contrast(1.08) drop-shadow(0 28px 26px #0003)}.goods-visual>span{position:absolute;top:34px;right:34px;font:bold 8px/1 Arial;letter-spacing:.2em;color:#4b5255}
@media(max-width:800px){.goods{grid-template-columns:1fr;min-height:0}.goods-copy{padding:80px 22px 72px;border-right:0;border-bottom:1px solid #1113}.goods-copy h2{font-size:17vw;line-height:.84}.goods-copy>p:not(.kicker){font-size:13px;line-height:1.9;margin-top:30px}.goods-button{margin-top:34px;width:100%}.goods-button span{padding:18px 16px}.goods-button b{padding:0 13px;font-size:8px}.goods-visual{min-height:430px}.goods-lockup{width:min(92%,640px)}.goods-visual>span{top:22px;right:22px}}
/* v29 — clear the hero copy before the cinematic logo reveal. */
.hero-content{margin:48px 0 0 6vw;max-width:720px;transition:opacity .55s ease,transform .55s ease}
.hero h1{font-size:clamp(4rem,7.8vw,8.2rem);margin:28px 0 30px}
.hero-side,.scroll{transition:opacity .45s ease}
.hero-logo-phase .hero-content{visibility:hidden!important;opacity:0!important;transform:translate3d(-24px,-12px,0)!important;pointer-events:none}
.hero-logo-phase .hero-side,.hero-logo-phase .scroll{opacity:0}
@media(max-width:800px){.hero-content{margin:18px 22px 0;max-width:94vw}.hero h1{font-size:clamp(3.35rem,15.8vw,5.6rem);line-height:.82;margin:24px 0 26px}}

/* v33 — official goods lockup on its native black field */
.goods-visual{background:#080909}
.goods-visual:before{background:radial-gradient(circle at 50% 48%,#20222333 0%,transparent 65%)}
.goods-lockup{width:min(96%,860px);display:block;mix-blend-mode:normal;filter:contrast(1.04) drop-shadow(0 28px 26px #0008)}
.goods-visual>span{z-index:2;color:#aeb3b5}

/* v33 — final rhythm, colour and motion polish */
:root{--section-space:clamp(92px,9vw,144px);--content-edge:clamp(22px,8vw,128px)}
body{background:#07090a;color:#f2f3f3;letter-spacing:.005em}
.section-pad{padding-block:var(--section-space)}
.kicker{margin-bottom:clamp(16px,1.6vw,24px)}
.section-head{margin-bottom:clamp(44px,5vw,72px)}
.section-head>p{max-width:32em;color:#9da3a6}
.statement{padding-top:clamp(104px,10vw,156px);padding-bottom:clamp(104px,10vw,156px)}
.statement-copy{max-width:38em}
.service-list article{min-height:132px;padding-block:38px}
.service-list article>p{max-width:42em}
.fleet{height:min(86svh,920px)}
.fleet>img{filter:saturate(.78) contrast(1.1) brightness(.87)}
.works{padding-top:clamp(104px,10vw,156px);padding-bottom:clamp(92px,9vw,140px)}
.legacy-intro{padding-top:clamp(112px,10vw,160px);padding-bottom:clamp(96px,9vw,140px)}
.legacy-feature{padding-top:clamp(86px,8vw,126px);padding-bottom:clamp(100px,9vw,148px)}
.recruit-content{padding-top:clamp(100px,9vw,138px);padding-bottom:clamp(100px,9vw,138px)}
.goods-copy{padding-top:clamp(100px,9vw,140px);padding-bottom:clamp(100px,9vw,140px)}
.contact{min-height:min(78svh,780px)}
.contact .primary{margin-top:36px}
.header{background:linear-gradient(180deg,#050607a8 0%,transparent 100%);backdrop-filter:blur(2px)}
.nav a{position:relative;padding-block:10px}
.nav a:after{content:"";position:absolute;left:0;right:.2em;bottom:3px;height:1px;background:var(--acid);transform:scaleX(0);transform-origin:left;transition:transform .28s ease}
.nav a:hover:after{transform:scaleX(1)}
.hero-video{filter:saturate(.82) contrast(1.09) brightness(.94)}
.hero-grid{opacity:.38}
.hero-content{transition:opacity .55s ease,transform .55s ease,filter .55s ease}
.hero-logo-phase .hero-content{filter:blur(4px)}
.primary,.header-cta,.recruit-link{border-radius:1px}
[data-reveal]{transform:translate3d(0,34px,0);transition-duration:1.05s;will-change:opacity,transform}
.service-list article[data-reveal]{transform:translate3d(0,24px,0)}
.service-list article[data-reveal].is-visible{transform:none}
.legacy-collage[data-reveal]{transform:translate3d(-24px,28px,0) scale(.988)}
.legacy-collage[data-reveal].is-visible{transform:none}
.legacy-narrative[data-reveal]{transform:translate3d(24px,30px,0)}
.legacy-narrative[data-reveal].is-visible{transform:none}
.goods[data-reveal]{transform:translate3d(0,24px,0)}
.goods[data-reveal].is-visible{transform:none}
@media(max-width:800px){
  :root{--section-space:82px}
  .section-pad{padding-inline:22px}
  .hero-content{margin-top:8px}
  .hero h1{margin-top:20px;margin-bottom:24px}
  .hero-ja{line-height:1.85}
  .statement{gap:30px;padding-top:88px;padding-bottom:92px}
  .service-list article{min-height:0;padding-block:27px}
  .fleet{height:70svh;min-height:540px}
  .fleet-copy>p:last-child{margin-top:28px}
  .legacy-intro{padding-top:90px;padding-bottom:82px}
  .legacy-feature.section-pad{padding-top:72px;padding-bottom:92px}
  .legacy-narrative h3{margin-bottom:30px}
  .recruit-content{padding-top:82px;padding-bottom:90px}
  .goods-copy{padding-top:82px;padding-bottom:76px}
  .goods-visual{min-height:390px}
  .goods-lockup{width:min(92%,640px)}
  .contact{min-height:620px}
  footer{line-height:1.85}
  [data-reveal]{transform:translate3d(0,24px,0);transition-duration:.82s}
  .legacy-collage[data-reveal],.legacy-narrative[data-reveal]{transform:translate3d(0,24px,0)}
  .legacy-collage[data-reveal].is-visible,.legacy-narrative[data-reveal].is-visible{transform:none}
}
@media(prefers-reduced-motion:reduce){
  [data-reveal],.legacy-collage[data-reveal],.legacy-narrative[data-reveal]{will-change:auto}
}

/* v36 — Legacy cinematic five-image slideshow */
.legacy{overflow:visible!important}
html,body{overflow-x:clip}
.legacy-slideshow{display:none}.legacy-journey{--legacy-progress:0;position:relative;height:520vh;background:#020303;color:#e8e9e8;isolation:isolate}.legacy-stage{position:sticky;top:0;height:100svh;overflow:hidden;background:radial-gradient(circle at 50% 42%,#15191a 0,#080a0b 34%,#020303 72%)}.legacy-atmosphere{position:absolute;inset:-20%;opacity:.34;background:radial-gradient(circle at 50% 45%,#d5d9d70d 0 1px,transparent 2px);background-size:61px 61px;transform:translate3d(calc((.5 - var(--legacy-progress))*4vw),calc(var(--legacy-progress)*-5vh),0)}.legacy-title{position:absolute;z-index:20;left:clamp(24px,6vw,100px);top:clamp(88px,13vh,150px);display:flex;flex-direction:column;gap:16px;opacity:calc(1 - var(--legacy-progress)*4)}.legacy-title small{font:600 9px/1 Arial;letter-spacing:.32em;color:#899092}.legacy-title strong{font:300 clamp(3rem,8vw,8rem)/.9 Arial}.memory-corridor{position:absolute;inset:0;perspective:1100px}.memory-card{position:absolute;left:50%;top:50%;margin:0;width:min(68vw,820px);height:min(70vh,700px);overflow:hidden;border:1px solid #ffffff1f;background:#050607;box-shadow:0 40px 100px #000d;will-change:transform,opacity}.memory-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.55) contrast(1.12) brightness(.72);transform:scale(1.045)}.memory-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#02030422,transparent 58%,#020304d8)}.memory-card span,.memory-card figcaption{position:absolute;z-index:2;bottom:24px;font:600 8px/1 Arial;letter-spacing:.25em}.memory-card span{left:26px}.memory-card figcaption{right:26px}.memory-1{opacity:calc(1 - max(0,var(--legacy-progress) - .18)*4.5);transform:translate3d(-50%,-50%,calc((var(--legacy-progress) - .08)*-320px)) scale(calc(.93 + var(--legacy-progress)*.14));filter:grayscale(1)}.memory-1 img{object-position:center 42%;filter:grayscale(1) contrast(1.15) brightness(.68)}.memory-2{opacity:clamp(0,calc((var(--legacy-progress) - .12)*8),1);transform:translate3d(calc(-88% + var(--legacy-progress)*28%),calc(-46% + var(--legacy-progress)*-3%),calc((var(--legacy-progress) - .25)*520px)) rotateY(7deg) scale(.72)}.memory-3{opacity:clamp(0,calc((var(--legacy-progress) - .26)*8),1);transform:translate3d(calc(-14% - var(--legacy-progress)*42%),calc(-56% + var(--legacy-progress)*8%),calc((var(--legacy-progress) - .43)*520px)) rotateY(-8deg) scale(.7)}.memory-4{opacity:clamp(0,calc((var(--legacy-progress) - .42)*8),1);transform:translate3d(calc(-88% + var(--legacy-progress)*34%),calc(-44% - var(--legacy-progress)*3%),calc((var(--legacy-progress) - .59)*540px)) rotateY(6deg) scale(.69)}.memory-5{opacity:clamp(0,calc((var(--legacy-progress) - .58)*8),1);transform:translate3d(-50%,-50%,calc((var(--legacy-progress) - .77)*560px)) scale(.84)}.memory-5 img{filter:saturate(.24) contrast(1.16) brightness(.64)}.legacy-quote{position:absolute;z-index:25;left:50%;bottom:11vh;margin:0;width:min(82vw,700px);text-align:center;transform:translateX(-50%);opacity:clamp(0,calc((var(--legacy-progress) - .72)*9),1)}.legacy-quote p{margin:0;font:300 clamp(1.8rem,4.5vw,4rem)/1.55 serif;letter-spacing:.12em}.legacy-quote cite{display:block;margin-top:20px;font:500 9px/1 Arial;letter-spacing:.3em}.legacy-endmark{position:absolute;z-index:30;inset:0;display:grid;place-items:center;background:#020303;opacity:clamp(0,calc((var(--legacy-progress) - .91)*13),1)}.legacy-endmark img{width:min(70vw,720px);filter:invert(1) brightness(.72);mix-blend-mode:screen}.legacy-progress{position:absolute;z-index:40;left:6vw;right:6vw;bottom:28px;height:1px;background:#ffffff18}.legacy-progress i{display:block;width:calc(var(--legacy-progress)*100%);height:100%;background:#d9dcdb}.legacy-feature{display:block}.legacy-narrative{max-width:840px;margin:0 auto}@media(max-width:800px){.legacy-journey{height:460vh}.legacy-title{left:22px;top:96px}.memory-card{width:78vw;height:58vh}.legacy-quote{bottom:12vh}.legacy-quote p{font-size:clamp(1.7rem,8vw,2.6rem)}.legacy-endmark img{width:88vw}.legacy-progress{left:22px;right:22px;bottom:max(18px,env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.legacy-journey{height:auto;padding:90px 22px}.legacy-stage{position:relative;height:auto;overflow:visible}.memory-corridor{position:relative;display:grid;gap:24px}.memory-card{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:4/3;opacity:1!important;transform:none!important}.legacy-title,.legacy-quote{position:relative;inset:auto;opacity:1;transform:none;margin-bottom:48px}.legacy-endmark,.legacy-progress,.legacy-atmosphere{display:none}}

/* v37.2 — keep the cinematic desktop journey when reduced motion is enabled. */
@media (min-width:801px) and (prefers-reduced-motion:reduce){.legacy-journey{height:460vh!important;padding:0!important}.legacy-stage{position:sticky!important;top:0;height:100svh!important;overflow:hidden!important}.memory-corridor{position:absolute!important;inset:0!important;display:block!important;perspective:1500px}.memory-card{position:absolute!important;left:50%!important;top:50%!important;inset:auto auto auto auto;width:min(64vw,780px)!important;height:min(66vh,660px)!important;aspect-ratio:auto!important}.memory-1{opacity:calc(1 - max(0,var(--legacy-progress) - .18)*5.5)!important;transform:translate3d(-50%,-50%,calc((var(--legacy-progress) - .08)*-110px)) scale(calc(.97 + var(--legacy-progress)*.04))!important}.memory-2{opacity:clamp(0,calc((var(--legacy-progress) - .12)*9),1)!important;transform:translate3d(calc(-61% + var(--legacy-progress)*8%),calc(-50% + var(--legacy-progress)*-1%),calc((var(--legacy-progress) - .25)*150px)) rotateY(2deg) scale(.91)!important}.memory-3{opacity:clamp(0,calc((var(--legacy-progress) - .28)*9),1)!important;transform:translate3d(calc(-39% - var(--legacy-progress)*8%),calc(-51% + var(--legacy-progress)*1%),calc((var(--legacy-progress) - .43)*150px)) rotateY(-2deg) scale(.91)!important}.memory-4{opacity:clamp(0,calc((var(--legacy-progress) - .44)*9),1)!important;transform:translate3d(calc(-60% + var(--legacy-progress)*7%),calc(-50% - var(--legacy-progress)*1%),calc((var(--legacy-progress) - .60)*150px)) rotateY(2deg) scale(.91)!important}.memory-5{opacity:clamp(0,calc((var(--legacy-progress) - .60)*9),1)!important;transform:translate3d(-50%,-50%,calc((var(--legacy-progress) - .78)*160px)) scale(.94)!important}.legacy-title,.legacy-quote{position:absolute!important;margin:0}.legacy-endmark{display:grid!important}.legacy-progress,.legacy-atmosphere{display:block!important}}

@media (min-width:801px) and (prefers-reduced-motion:reduce){.memory-card{inset:auto!important;left:50%!important;top:50%!important;opacity:0!important;transition:opacity .28s ease}.legacy-journey[data-scene="0"] .memory-1,.legacy-journey[data-scene="1"] .memory-2,.legacy-journey[data-scene="2"] .memory-3,.legacy-journey[data-scene="3"] .memory-4,.legacy-journey[data-scene="4"] .memory-5,.legacy-journey[data-scene="5"] .memory-5{opacity:1!important}}

/* v37.4 — clean memory photographs and keep desktop typography separated. */
.memory-card>span,.memory-card>figcaption{display:none!important}
@media (min-width:801px){
  .legacy-title{top:clamp(64px,8vh,112px);max-width:min(44vw,700px)}
  .legacy-quote{bottom:clamp(54px,8vh,100px)}
}
@media (min-width:801px) and (prefers-reduced-motion:reduce){
  .legacy-title{opacity:clamp(0,calc(1 - var(--legacy-progress)*4),1)!important}
  .legacy-quote{opacity:clamp(0,calc((var(--legacy-progress) - .72)*9),1)!important}
}

/* v37.5 — PHANTOM media feature: the player is created only after intent. */
.media-film{position:relative;overflow:hidden;background:#060708;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12}.media-film:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 52%,#ffffff08,transparent 38%),repeating-linear-gradient(90deg,transparent 0,transparent calc(12.5% - 1px),#ffffff05 12.5%);pointer-events:none}.media-film>*{position:relative}.media-film-head{display:flex;align-items:end;justify-content:space-between;gap:48px;margin-bottom:clamp(38px,5vw,72px)}.media-film-head .kicker{margin:0 0 18px}.media-film-head h2{margin:0;font:300 clamp(3.4rem,8vw,8.5rem)/.82 Arial;letter-spacing:-.075em}.media-film-head h2 span{color:transparent;-webkit-text-stroke:1px #aeb5b7}.media-film-head>p{max-width:250px;margin:0 0 6px;color:#92999c;font:13px/1.9 sans-serif;letter-spacing:.08em}.media-film-frame{position:relative;width:min(100%,1360px);margin:0 auto;border:1px solid #ffffff22;background:#0b0d0e;box-shadow:0 32px 90px #000b}.media-film-frame:before{content:"";position:absolute;z-index:3;inset:12px;border:1px solid #ffffff16;pointer-events:none}.media-film-trigger{display:block;width:100%;padding:0;border:0;background:#0a0c0d;color:inherit;cursor:pointer}.media-film-poster{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:radial-gradient(circle at 50% 42%,#24292b 0,#0e1112 38%,#050607 76%)}.media-film-thumbnail{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(.3) saturate(.65) contrast(1.08) brightness(.73);transform:scale(1.012);transition:transform 1.1s cubic-bezier(.2,.75,.2,1),filter .7s ease}.media-film-trigger:hover .media-film-thumbnail,.media-film-trigger:focus-visible .media-film-thumbnail{transform:scale(1.05);filter:grayscale(.14) saturate(.82) contrast(1.1) brightness(.8)}.media-film-fallback{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:24px;background:linear-gradient(135deg,#101415 0%,#050607 68%)}.media-film-fallback:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,#c86a321c,transparent 42%)}.media-film-fallback img{position:relative;width:min(54%,520px);filter:invert(1);opacity:.48}.media-film-fallback small{position:relative;color:#aab0b2;font:700 8px/1 Arial;letter-spacing:.3em}.media-film-shade{position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,#0506072e 15%,#0506074a 48%,#050607df 100%),linear-gradient(90deg,#05060778,transparent 48%,#05060755)}.media-film-play{position:absolute;z-index:2;left:50%;top:50%;display:flex;flex-direction:column;align-items:center;gap:14px;transform:translate(-50%,-50%);color:#f2f3f3;transition:transform .35s ease}.media-film-play i{display:grid;place-items:center;width:72px;height:72px;padding-left:4px;border:1px solid #ffffffb8;border-radius:50%;background:#080a0b66;font:16px/1 Arial;font-style:normal;box-shadow:0 0 0 10px #ffffff08;transition:background .35s ease,box-shadow .35s ease}.media-film-play b{font:700 10px/1 Arial;letter-spacing:.24em;white-space:nowrap}.media-film-trigger:hover .media-film-play,.media-film-trigger:focus-visible .media-film-play{transform:translate(-50%,-50%) scale(1.04)}.media-film-trigger:hover .media-film-play i,.media-film-trigger:focus-visible .media-film-play i{background:var(--acid);box-shadow:0 0 0 14px #c86a322b}.media-film-meta{position:absolute;z-index:2;left:clamp(22px,3vw,42px);bottom:clamp(20px,3vw,38px);display:flex;flex-direction:column;gap:8px;text-align:left}.media-film-meta b,.media-film-meta small{font:700 9px/1 Arial;letter-spacing:.2em}.media-film-meta small{color:#c1c5c6;font-weight:400;letter-spacing:.14em}.media-film-frame iframe{display:block;width:100%;aspect-ratio:16/9;border:0;background:#060708}.media-film-frame.is-playing:before{display:none}.media-film-trigger:focus-visible{outline:2px solid var(--acid);outline-offset:4px}@media(max-width:800px){.media-film{padding-top:82px;padding-bottom:82px}.media-film-head{display:block;margin-bottom:36px}.media-film-head h2{font-size:clamp(3.25rem,15.2vw,5.5rem);line-height:.86;word-spacing:-.08em}.media-film-head>p{margin-top:22px;font-size:12px}.media-film-frame{width:100%}.media-film-frame:before{inset:8px}.media-film-play{gap:11px}.media-film-play i{width:62px;height:62px;font-size:14px}.media-film-play b{font-size:8px;letter-spacing:.2em}.media-film-meta{left:18px;bottom:18px;gap:7px}.media-film-meta b,.media-film-meta small{font-size:7px}.media-film-fallback{gap:16px}.media-film-fallback small{font-size:6px;letter-spacing:.25em}}@media(prefers-reduced-motion:reduce){.media-film-thumbnail,.media-film-play{transition:none}.media-film-thumbnail{transform:none!important}}
/* v37.6 — PHANTOM CINEMATIC HERO FILM. The supplied film owns the screen
   after its one-time introduction; its black first and last frames form the
   OUT → IN boundary without inserting, compositing, or editing video. */
.hero{background:#000}
.hero-video{background:#000!important;filter:none!important;object-fit:cover;object-position:center center}
.hero-content,.hero-side,.scroll,.hero-shade,.hero-grid{transition:opacity .8s ease,visibility 0s linear .8s,transform .8s ease!important}
.hero:not(.hero-intro-active) .hero-content,.hero:not(.hero-intro-active) .hero-side,.hero:not(.hero-intro-active) .scroll{visibility:hidden!important;opacity:0!important;pointer-events:none}
.hero:not(.hero-intro-active) .hero-content{transform:translate3d(-20px,-10px,0)!important;filter:none!important}
.hero:not(.hero-intro-active) .hero-shade,.hero:not(.hero-intro-active) .hero-grid{visibility:hidden;opacity:0;pointer-events:none}
@media(max-width:800px){.hero-video{object-fit:contain;object-position:center center}}
@media(prefers-reduced-motion:reduce){.hero-content,.hero-side,.scroll,.hero-shade,.hero-grid{transition:none!important}}

/* v37.11 — supplied PHANTOM monogram, clipped independently to each
   mobile letterbox so the active film strip remains completely clear. */
.hero-mobile-letterbox-logo{display:none}
@media(max-width:800px){
  .hero{
    --hero-film-height:56.25vw;
    --hero-letterbox-height:max(0px,calc((100svh - var(--hero-film-height))/2));
  }
  .hero-video{
    z-index:2;
    background:transparent!important;
  }
  .hero-mobile-letterbox-logo{
    display:block;
    position:absolute;
    z-index:1;
    left:0;
    right:0;
    height:var(--hero-letterbox-height);
    overflow:hidden;
    clip-path:inset(0);
    pointer-events:none;
    background-color:#050505;
    background-image:url("../images/phantom-monogram-mobile.webp");
    background-repeat:repeat;
    background-size:432px auto;
    opacity:0;
    transition:opacity .65s cubic-bezier(.22,.61,.36,1);
  }
  .hero-mobile-letterbox-logo--top{top:0;background-position:center top}
  .hero-mobile-letterbox-logo--bottom{bottom:0;background-position:center bottom}
  .hero.hero-background-logo-active .hero-mobile-letterbox-logo{opacity:1}
  .hero-shade,.hero-grid{z-index:4}
  .hero-content{z-index:4}
}
@media(prefers-reduced-motion:reduce){
  .hero-mobile-letterbox-logo{transition:none!important}
}

/* v37.13 — HERO sound is opt-in. Kept independent from the approved film,
   mobile monogram letterboxes, intro timing, and other HERO UI. */
.hero-sound-toggle{
  position:absolute;
  z-index:5;
  right:3.5vw;
  bottom:29px;
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0;
  border:0;
  border-bottom:1px solid #ffffff5c;
  border-radius:0;
  background:transparent;
  color:#f0f2f2;
  font:700 9px/1 Arial,"Helvetica Neue",sans-serif;
  letter-spacing:.2em;
  white-space:nowrap;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
  transition:border-color .25s ease,color .25s ease,opacity .25s ease;
}
.hero-sound-toggle:hover{border-color:#fff;color:#fff}
.hero-sound-toggle:focus-visible{outline:1px solid #fff;outline-offset:6px}
@media(max-width:800px){
  .hero-sound-toggle{
    z-index:5;
    right:18px;
    bottom:22px;
    min-height:32px;
    font-size:8px;
    letter-spacing:.18em;
  }
}
@media(prefers-reduced-motion:reduce){.hero-sound-toggle{transition:none}}