/* EDIT PALETTE HERE. All assets are local; no framework or build tools needed. */
:root{--blue:#81d8d0;--ink:#102524;--paper:#f6f5ef;--line:rgba(255,255,255,.24)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#070b0d;color:var(--paper);font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:7px}button{color:inherit}::selection{background:var(--blue);color:var(--ink)}
.cinema{position:fixed;inset:0;z-index:-1;overflow:hidden;background:#070b0d}.ambient{position:absolute;inset:-8%;background:linear-gradient(90deg,#051212aa,#080c1080),url('images/opening.jpg') center/cover;filter:blur(35px);opacity:.6}#film{position:absolute;width:100%;height:100%;object-fit:contain;object-position:center}.shade{position:absolute;inset:0;background:linear-gradient(180deg,#0006,transparent 22%,transparent 69%,#0009);pointer-events:none}
header{position:fixed;top:0;left:0;width:100%;height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;z-index:20;background:linear-gradient(#080e10b0,transparent)}.wordmark{font-family:Georgia,serif;font-size:27px;letter-spacing:2px}.wordmark span{display:block;font:8px Arial,sans-serif;letter-spacing:2.1px;margin-top:9px}.menu-toggle{background:none;border:0;font-size:11px;letter-spacing:2px;text-transform:uppercase;padding:15px 0 15px 20px}.menu-toggle span{margin-left:20px;font-size:19px;color:var(--blue)}
#menu{position:fixed;z-index:19;inset:0 0 0 auto;width:min(580px,100%);background:#112e2df5;backdrop-filter:blur(25px);padding:150px 7% 70px}#menu a{display:flex;align-items:center;justify-content:space-between;gap:20px;font:clamp(24px,3vw,38px) Georgia,serif;padding:26px 0;border-bottom:1px solid var(--line)}#menu small{font:10px Arial;color:var(--blue)}[hidden]{display:none!important}
.eyebrow{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--blue);display:block}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em;line-height:1.01;margin:24px 0}em{font-weight:400;color:var(--blue)}h1{font-size:clamp(60px,7vw,108px)}h2{font-size:clamp(44px,4.8vw,76px)}p{font-size:14px;line-height:1.8;letter-spacing:.2px}main{overflow:clip}.hero{height:115svh;min-height:750px;position:relative;padding:165px 8% 60px}.hero-top{max-width:600px}.hero-bottom{position:absolute;bottom:21svh;left:8%;right:8%;display:flex;align-items:end;justify-content:space-between}.hero-bottom p{font-size:12px;color:#ddd}.scroll-cue{font-size:9px;letter-spacing:2px;display:flex;align-items:center;gap:25px}.scroll-cue span{border:1px solid var(--line);width:45px;height:65px;border-radius:40px;display:grid;place-items:center;font-size:23px;color:var(--blue)}
.chapter{min-height:160svh;display:flex;align-items:center;padding:12svh 8%;position:relative}.chapter.right{justify-content:flex-end}.panel{width:min(445px,42vw);padding:35px;background:linear-gradient(135deg,#eef7f2ed,#e7f4efdc);color:var(--ink);border-top:3px solid var(--blue);box-shadow:0 25px 80px #0003;backdrop-filter:blur(18px);will-change:transform,opacity}.panel .eyebrow{color:#326661;font-size:8px;letter-spacing:2px}.panel h2{font-size:clamp(38px,4vw,59px);margin:20px 0 27px}.panel em{color:#377e78}.panel p{font-size:12px}.panel figure{margin:0}.panel img{width:100%;height:auto;display:block;object-fit:cover}.panel figcaption{font-size:8px;text-transform:uppercase;letter-spacing:1.5px;padding:12px 0;color:#426560}.portrait-panel img{max-height:360px;object-position:center 40%}.text-link{display:flex;justify-content:space-between;align-items:center;width:100%;background:none;border:0;border-bottom:1px solid #718d86;padding:16px 0 10px;font-size:11px}.text-link span{font-size:20px}.margin-note{position:absolute;right:5%;writing-mode:vertical-rl;font-size:9px;letter-spacing:4px;color:#ffffff80}.right .margin-note{right:auto;left:5%}.interlude{height:100svh;display:flex;align-items:center;justify-content:center;text-align:center}.floating-copy{text-shadow:0 2px 45px #000}.floating-copy h2{font-size:clamp(70px,10vw,140px)}.finale{min-height:110svh;display:grid;place-items:center;text-align:center;padding:100px 24px}.final-copy{padding:45px;background:radial-gradient(ellipse,#081817c9,transparent 75%)}.finale h2{font-size:clamp(76px,9vw,135px)}.button{background:var(--blue);color:var(--ink);display:inline-flex;justify-content:space-between;gap:40px;padding:20px 25px;font-size:11px;letter-spacing:.5px;margin-top:20px}.button:hover{background:#b9ece6}.back{display:block;font-size:10px;margin:28px;letter-spacing:1px}footer{position:relative;padding:45px 8% 95px;display:flex;justify-content:space-between;gap:30px;border-top:1px solid var(--line);background:#071211c9}footer span{font-size:9px;letter-spacing:2px}footer p{font-size:9px;margin:0;color:#c0ceca;line-height:1.6}.journey{position:fixed;bottom:27px;left:5%;display:flex;gap:20px;align-items:center;z-index:15;font-size:8px;letter-spacing:1.5px}.track{width:100px;height:1px;background:#ffffff40}.track i{display:block;height:2px;background:var(--blue);transform-origin:left;transform:scaleX(0)}#motion{position:fixed;right:5%;bottom:19px;z-index:15;border:1px solid #ffffff40;background:#071211bb;border-radius:20px;padding:10px 14px;font-size:9px;letter-spacing:.5px}#video-note{position:fixed;bottom:58px;right:5%;font-size:10px;background:#112e2d;padding:10px}dialog{border:1px solid var(--blue);padding:50px;max-width:550px;width:90%;color:var(--paper);background:#102b29}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}dialog h2{font-size:48px}dialog small{display:block;font-size:10px;line-height:1.6;margin-top:25px}.close{position:absolute;right:18px;top:10px;font-size:32px;border:0;background:none}.skip{position:fixed;top:-100px;z-index:100;background:var(--blue);color:var(--ink);padding:15px}.skip:focus{top:10px}
/* Small screens preserve the entire portrait film and keep opening text above the diamond. */
@media(max-width:700px){header{height:82px;padding:0 6%}.wordmark{font-size:20px}.wordmark span{font-size:6px;letter-spacing:1.4px}.menu-toggle{font-size:9px}.menu-toggle span{margin-left:8px}.hero{min-height:660px;height:110svh;padding:125px 7% 30px}.hero h1{font-size:49px;margin:16px 0}.hero .eyebrow{font-size:8px}.hero-bottom{left:7%;right:7%;bottom:17svh}.hero-bottom p{font-size:10px}.scroll-cue{font-size:7px;gap:10px}.scroll-cue span{height:50px;width:34px}.chapter{min-height:155svh;padding:15svh 7%;align-items:center}.panel{width:100%;max-width:360px;padding:25px;background:linear-gradient(135deg,#eff7f0eb,#e5f3edd9)}.panel h2{font-size:43px}.panel img{max-height:260px}.portrait-panel img{height:285px;max-height:285px}.margin-note{display:none}.interlude{height:90svh}.floating-copy h2{font-size:72px}.final-copy{padding:20px}.finale h2{font-size:80px}footer{flex-direction:column;gap:20px;padding:35px 7% 95px}.journey{left:6%;gap:10px}.track{width:55px}#chapter-label{max-width:92px;font-size:7px}#motion{right:6%}dialog{padding:35px 25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.panel,.floating-copy,.final-copy{transform:none!important;opacity:1!important}}
/* NOIR AUTOMOTIVE — overrides keep the shared scroll engine easy to maintain. */
:root{--blue:#ed82ad;--ink:#eeeae9;--paper:#f6f2f0;--line:#ffffff25}
body{background:#09090b}.ambient{background:linear-gradient(90deg,#09080ddd,#130a1088),url('images/opening.jpg') center/cover;filter:blur(45px);opacity:.7}.shade{background:linear-gradient(180deg,#08080bcc,transparent 26%,transparent 65%,#08080bcc)}header{height:108px;background:linear-gradient(#08080bc9,transparent)}.wordmark{display:flex;align-items:center;gap:17px;font-family:Arial,sans-serif;letter-spacing:2px}.wordmark>b{font-size:43px;font-style:italic;font-weight:400;letter-spacing:-8px;margin-right:10px}.wordmark .logo-slash{display:inline;font-size:43px;color:var(--blue);letter-spacing:-8px}.wordmark>span{font-size:10px;line-height:1.5;margin:0;letter-spacing:2px}.wordmark small{display:block;font-size:6px;letter-spacing:3px;margin-top:6px;color:#b4aeb3}h1,.floating-copy h2,.finale h2{font-family:Arial,Helvetica,sans-serif;font-weight:800;letter-spacing:-.065em;line-height:.93}h1{font-size:clamp(70px,8.8vw,132px)}h1 em,.floating-copy h2 em,.finale h2 em{font-style:normal;font-weight:800;color:transparent;-webkit-text-stroke:1px var(--blue)}.hero{padding-top:175px}.hero-top{max-width:780px}.hero-line{font-size:13px;letter-spacing:3px;margin-top:30px}.hero .eyebrow{font-size:9px;letter-spacing:2.7px}.hero .eyebrow i{display:inline-block;width:5px;height:5px;background:var(--blue);margin-right:10px;border-radius:50%}.vertical-brand{position:absolute;right:5%;top:43%;writing-mode:vertical-rl;font-size:9px;letter-spacing:5px;color:#fff8}.hero-bottom{bottom:20svh}.panel{background:linear-gradient(135deg,#19171df2,#0b0b10e8);border:1px solid #ffffff25;border-top:2px solid var(--blue);padding:32px;box-shadow:0 30px 100px #0007}.panel h2{font-family:Georgia,serif;letter-spacing:-.05em;font-size:51px}.panel .eyebrow,.panel em{color:var(--blue)}.panel p{color:#c7c0c5}.panel figcaption{color:#a59aa1;font-size:8px}.panel img{aspect-ratio:1.5;object-fit:cover}.spec-lines{border-top:1px solid var(--line);margin-top:24px}.spec-lines>span{padding:13px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;font-size:8px;letter-spacing:1px;color:#a69aa1}.spec-lines b{font-weight:400;color:#eee;letter-spacing:.3px}.text-link{border-color:#5c414e;margin-top:12px;color:#f4e8ed}.text-link span{color:var(--blue)}.showroom-film video{display:block;width:100%;height:390px;object-fit:contain;background:#09090b}.portrait-panel{width:min(445px,42vw)}.floating-copy h2{font-size:clamp(60px,8.5vw,122px)}.floating-copy p{letter-spacing:3px;font-size:11px}.finale h2{font-size:clamp(65px,8vw,120px)}.final-copy{background:radial-gradient(ellipse,#100b13e6,transparent 78%)}.button{border:0;color:#190d15;text-transform:uppercase;letter-spacing:1px;font-size:9px;font-weight:600}.button:hover{background:#fac0d7}.scroll-cue span{border-radius:0;border-color:#ed82ad66}.journey .track i{box-shadow:0 0 15px #ed82ad88}#motion{background:#100c13cc;border-radius:0}#menu{background:#100c13f5}footer{background:#09090cdd}dialog{background:#141017;color:#f6eff2;max-height:90svh;overflow-y:auto}dialog h2{font-size:40px}dialog p{font-size:12px}dialog label{display:block;font-size:10px;letter-spacing:.6px;margin:18px 0}dialog input,dialog textarea{display:block;width:100%;background:#ffffff08;border:1px solid #ffffff30;border-radius:0;color:#fff;padding:12px;margin-top:8px;font:13px Arial;line-height:1.5}dialog input:focus,dialog textarea:focus{outline:1px solid var(--blue)}#enquiry-status{font-size:10px;color:#c9bdc4}
@media(min-width:1000px){.hero-top{max-width:760px}.hero h1{font-size:clamp(80px,7.5vw,120px)}.hero-line{max-width:280px}.panel{width:440px}}
@media(max-width:700px){header{height:84px}.wordmark>b,.wordmark .logo-slash{font-size:33px}.wordmark>span{font-size:8px;letter-spacing:1.2px}.wordmark small{font-size:5px;letter-spacing:1.5px}.wordmark{gap:10px}.hero{padding-top:126px}.hero h1{font-size:53px}.hero-line{font-size:9px;letter-spacing:1.8px;margin-top:20px}.hero .eyebrow{font-size:7px;letter-spacing:1.5px}.vertical-brand{display:none}.panel,.portrait-panel{width:100%;max-width:360px;padding:25px}.panel h2{font-size:43px}.panel img{max-height:240px}.showroom-film video{height:330px}.floating-copy h2{font-size:59px}.finale h2{font-size:65px}.finale p{font-size:12px}.hero-bottom{bottom:17svh}}