/* Separate pages share the studio's copper, stone and deep green palette. */
nav{gap:30px}nav [aria-current=page]{color:var(--copper)}.menu-toggle{display:none}.brand-art{padding:45px;background:#0d1e1b;justify-content:center}.brand-art img{width:100%;max-width:480px;height:auto;object-fit:contain;max-height:none}.light-star{animation:optical-arrival 1.8s 5.85s forwards;transform:none}@keyframes optical-arrival{0%{opacity:0}25%{opacity:.5}55%{opacity:1}100%{opacity:.86}}.page-heading{padding-top:75px;padding-bottom:70px}.page-heading h1{font-size:clamp(42px,4.5vw,70px)}.page-heading>p{max-width:680px;line-height:1.8;color:var(--muted)}.journey-links{display:flex;gap:40px;margin-top:30px}.lighting-feature{background:#0b1918}.lighting-photo{position:relative;overflow:hidden}.lighting-photo img{width:100%;height:70vh;min-height:350px;max-height:800px;object-fit:cover;display:block;filter:brightness(.5);transition:filter 2s ease,transform 3s ease;transform:scale(1.02)}.lighting-photo.visible img{filter:brightness(1);transform:scale(1)}.lighting-photo>span{position:absolute;bottom:25px;left:6%;font-size:8px;letter-spacing:2px;background:#0b1918b0;padding:10px}.lighting-copy{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.lighting-copy p{line-height:1.9;color:var(--muted)}.light-principles{display:flex;flex-wrap:wrap;gap:18px;font-size:10px;color:var(--copper);margin:30px 0}.mini-light{position:absolute;right:30px;top:28px;width:70px;height:65px;background:radial-gradient(ellipse at 50% 80%,#e4c29422,transparent 65%)}.mini-light:before{content:'';position:absolute;top:4px;left:20px;width:30px;height:5px;border-radius:50%;background:#fff0cd;box-shadow:0 3px 13px #e7c48f80}.mini-light i{position:absolute;inset:12px 5px 0;background:radial-gradient(ellipse at 50% 0,#e8c78e38,transparent 70%);filter:blur(3px)}.next-page{background:#182f29}.next-page>a{font-family:Manrope,Arial;font-size:clamp(30px,4vw,56px);letter-spacing:-1.5px;line-height:1.25;display:block;margin-top:25px}.next-page em{color:var(--copper);font-family:Georgia}.journey{display:grid;grid-template-columns:1fr 1fr;gap:10%;position:relative;padding-top:70px;padding-bottom:20px;border-top:1px solid var(--line)}.journey-sticky{position:sticky;top:35px;align-self:start}.journey-sticky h2{font-size:clamp(30px,3vw,45px)}.process-visual{border:1px solid var(--line);background:radial-gradient(ellipse at center,#23423866,#0b1a18 75%);margin-top:30px}.process-visual svg{width:100%;height:auto;display:block}.visual-status{display:flex;align-items:center;justify-content:space-between;margin:0 25px 24px;font-size:9px;letter-spacing:2px;color:var(--copper)}.journey-progress{height:2px;background:#ffffff0d}.journey-progress i{height:2px;display:block;width:16.66%;background:var(--copper);box-shadow:0 0 12px #d5a57d70;transition:width .7s}.scroll-hint{font-size:8px;letter-spacing:2px;color:var(--muted);margin:20px 0}.journey-step{min-height:67vh;padding:12vh 0 10vh 32px;border-left:1px solid #ffffff24;position:relative;opacity:.45;transition:opacity .5s}.journey-step:before{content:'';width:7px;height:7px;border-radius:50%;background:#637c70;position:absolute;top:calc(12vh + 3px);left:-4px;transition:background .5s,box-shadow .5s}.journey-step.active{opacity:1}.journey-step.active:before{background:var(--copper);box-shadow:0 0 12px #dfb58580}.journey-step h3{font-size:clamp(28px,3.1vw,44px);font-family:Manrope,Arial;line-height:1.2;letter-spacing:-1.5px;margin:24px 0}.journey-step>p{color:var(--muted);line-height:1.9;font-size:14px}.deliverable{border-top:1px solid var(--line);margin-top:28px;padding-top:20px}.deliverable>span{font-size:8px;letter-spacing:2px;color:var(--copper)}.deliverable p{font-size:12px;line-height:1.8;color:#b9c7bd}.stage-layer{transition:opacity .7s,transform .7s;transform-origin:center}.plan-lights,.plan-pools,.plan-circuit,.plan-dim,.plan-check,.plan-files,.sample-check,.order-sheet,.shipping-box,.delivery-van,.supply-complete{opacity:0}.journey:not([data-active="0"]) .plan-lights{opacity:1}.journey[data-active="2"] .plan-pools,.journey[data-active="3"] .plan-pools,.journey[data-active="4"] .plan-pools{opacity:1}.journey[data-active="3"] .plan-circuit,.journey[data-active="4"] .plan-circuit,.journey[data-active="3"] .plan-dim,.journey[data-active="4"] .plan-dim{opacity:1}.journey[data-active="4"] .plan-check,.journey[data-active="5"] .plan-files{opacity:1}.journey[data-active="5"] .base-plan,.journey[data-active="5"] .plan-lights{opacity:.12}.journey[data-active="1"] .sample-check,.journey[data-active="2"] .sample-check,.journey[data-active="2"] .order-sheet,.journey[data-active="3"] .shipping-box,.journey[data-active="4"] .delivery-van,.journey[data-active="5"] .supply-complete{opacity:1}.journey[data-active="3"] .product-set,.journey[data-active="4"] .product-set,.journey[data-active="5"] .product-set{opacity:0}.journey[data-active="4"] .delivery-van{animation:van-arrival .9s ease both}@keyframes van-arrival{from{transform:translateX(-35px);opacity:0}to{transform:translateX(0);opacity:1}}#supply{background:#0c1c19}.thank-you{text-align:center;background:#0c1c19}.thank-you .eyebrow{justify-content:center}.thank-you p{color:var(--muted)}.contact{min-height:calc(100svh - 116px);align-items:center}.scope-note{line-height:1.8;max-width:700px}.reference-panel{min-width:0}.source-box p{overflow-wrap:anywhere}
@media(max-width:1050px){nav{gap:20px;font-size:12px}.journey{gap:6%}.original-brand img{width:150px}}
@media(max-width:800px){header{height:88px}.menu-toggle{display:flex;gap:20px;background:none;border:1px solid #d5a57d66;color:var(--ink);padding:12px 15px;font-size:12px}nav{display:none;position:absolute;top:88px;left:0;right:0;background:#102322;padding:25px 6%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);box-shadow:0 20px 35px #0004}nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}nav a,nav>a:not(.nav-cta),nav>a.guide-nav{display:block;padding:16px 0;font-size:14px}.nav-cta{border:0}nav [aria-current=page]{color:var(--copper)}.original-brand img{width:124px}.hero{height:calc(100svh - 88px);min-height:600px}.lighting-copy{grid-template-columns:1fr;gap:10px}.lighting-photo img{height:52vh}.page-heading{padding-top:50px}.journey-links{gap:20px}.journey{grid-template-columns:1fr;padding-top:35px;gap:0}.journey-sticky{top:0;padding:18px 0 8px;background:#102322;z-index:1;margin:0 -1px}.journey-sticky>.eyebrow{font-size:8px}.journey-sticky h2{font-size:25px;margin:12px 0}.journey-sticky h2 br{display:none}.process-visual{margin-top:15px;display:grid;grid-template-columns:1.4fr 1fr;position:relative}.process-visual svg{height:150px;grid-row:1/3}.visual-status{margin:0 15px 0 0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:15px;font-size:8px}.journey-progress{position:absolute;bottom:0;left:0;right:0}.scroll-hint{display:none}.journey-step{min-height:67vh;padding:40px 0 60px 25px;scroll-margin-top:290px;opacity:.7}.journey-step:before{top:43px}.journey-step h3{font-size:32px}#supply .journey-sticky{background:#0c1c19}.contact{min-height:0}.brand-art{padding:30px 12%}.brand-art img{max-height:none}.thank-you .eyebrow{line-height:1.7}.lighting-photo>span{font-size:7px}}
@media(prefers-reduced-motion:reduce){.lighting-photo img{filter:none;transform:none}.journey-step{opacity:1}.stage-layer{transition:none}.reveal{opacity:1}.journey-sticky{position:relative}}
.page-title{font-size:clamp(34px,3.4vw,52px);margin:22px 0}.contact .page-title em{color:#887055}
.word{opacity:0;animation:word-arrival .9s ease-out forwards}.word-omega{animation-delay:6.5s}.word-lux{animation-delay:7.35s}.word-studio{animation-delay:8s}@keyframes word-arrival{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:800px){.journey-sticky h2 em:before{content:' '}}
/* Final intro signature shared by every logo placement. */
.original-brand img{width:154px;height:auto}footer .original-brand img{width:170px}.brand-art img{max-width:440px}.statement-inner .luxury-line{font-family:Georgia,serif;font-size:23px;font-style:italic;color:var(--copper);margin:26px 0 8px}.statement-inner h2{margin-top:14px}
/* Five-space villa walkthrough: normal scroll, with optional chapter navigation. */
.walk-intro{display:grid;grid-template-columns:1.4fr 1fr;gap:8%;align-items:end;border-top:1px solid var(--line)}.walk-intro p{color:var(--muted);line-height:1.8;max-width:380px}.walk-intro h2{margin-bottom:0}.villa-walkthrough{position:relative;background:#08100e}.villa-stage{position:relative}.villa-scene{position:relative;height:100svh;min-height:650px;overflow:hidden;background:#0a1512}.villa-scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;will-change:transform}.villa-shade{position:absolute;inset:0;background:linear-gradient(0deg,#06110fef 0%,#07120e80 27%,transparent 65%),linear-gradient(90deg,#07120c32,transparent 65%)}.villa-story{position:absolute;left:6%;right:6%;bottom:145px;max-width:670px}.villa-story>.eyebrow{font-size:10px;color:#eacdb0;letter-spacing:2.5px}.villa-story h3{font-size:clamp(38px,4.5vw,68px);font-family:Manrope,Arial;line-height:1.1;letter-spacing:-2.5px;margin:22px 0}.villa-story p{font-size:14px;line-height:1.85;max-width:480px;color:#dfdfd4}.villa-tech{display:block;font-size:10px;letter-spacing:.8px;color:#c5b39d;margin-top:24px}.villa-topline{display:none;position:absolute;top:28px;left:6%;right:6%;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#fff7eb;text-shadow:0 1px 10px #000}.villa-navigation{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:20px;left:auto;top:auto;right:auto;background:#0a1713;padding:25px 6%;font-size:11px;box-shadow:none;border:0}.villa-navigation button{position:relative;padding:18px 0 22px;background:none;border:0;color:#c4c7be;text-align:left;font-size:12px;white-space:nowrap}.villa-navigation button>span{font-size:9px;color:#bba086;margin-right:12px}.villa-navigation button[aria-current]{color:#ffe0b9}.villa-navigation button i{position:absolute;height:1px;left:0;right:0;bottom:0;background:#ffffff38}.villa-navigation button i:after{content:'';display:block;height:2px;width:var(--chapter-progress,0%);background:var(--copper)}.villa-direction{display:none;position:absolute;bottom:23px;left:6%;right:6%;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.5px;color:#bec6bb}.villa-direction a{color:#dfc5a6;font-size:10px;letter-spacing:.4px}.scroll-walk{height:600svh}.scroll-walk .villa-stage{position:sticky;top:0;height:100svh;min-height:550px;overflow:hidden}.scroll-walk .villa-scene-stack{position:absolute;inset:0}.scroll-walk .villa-scene{position:absolute;inset:0;height:100%;min-height:0;opacity:0;visibility:hidden}.scroll-walk .villa-scene:first-child{opacity:1;visibility:visible}.scroll-walk .villa-topline,.scroll-walk .villa-direction{display:flex}.scroll-walk .villa-navigation{position:absolute;bottom:55px;left:6%;right:6%;padding:0;background:none;display:grid;top:auto;border:0;box-shadow:none}#after-villa{scroll-margin-top:0}
@media(max-width:800px){.original-brand img{width:116px}footer .original-brand img{width:154px}.walk-intro{grid-template-columns:1fr;gap:20px}.villa-topline{top:20px;font-size:7px;letter-spacing:1.2px}.villa-story{bottom:170px;left:6%;right:6%}.villa-story h3{font-size:39px;letter-spacing:-1.8px;max-width:330px}.villa-story p{font-size:13px;max-width:340px}.villa-tech{font-size:8px;line-height:1.7;max-width:300px}.villa-shade{background:linear-gradient(0deg,#06110ff5,#06110f88 38%,#06110f15 73%)}.villa-navigation{gap:10px}.villa-navigation button{white-space:normal;font-size:9px;line-height:1.6;padding:10px 0 14px}.villa-navigation button>span{display:block;font-size:8px;margin:0 0 6px}.scroll-walk .villa-navigation{gap:10px;bottom:60px;left:6%;right:6%;flex-direction:row}.villa-direction{font-size:6px;letter-spacing:1px;bottom:22px}.villa-direction a{font-size:8px}.villa-scene>img{object-position:58% center}.villa-scene{min-height:650px}.scroll-walk .villa-stage{min-height:500px}.statement-inner .luxury-line{font-size:21px}.scroll-walk{height:650svh}}
@media(prefers-reduced-motion:reduce){.villa-scene{height:85svh;min-height:580px}.villa-scene>img{transform:none!important}.villa-story{bottom:55px}.villa-navigation{display:none}.villa-stage{height:auto}.villa-story h3{font-size:38px}}

#villa-walkthrough{scroll-margin-top:0}

@media(min-width:801px){#main-nav{gap:clamp(16px,2vw,30px);font-size:12px}}

/* Supplied artwork, kept in its original copper and silver colours. */
.intro-stage{aspect-ratio:1698/926;width:min(800px,92vw)}
.supplied-symbol-finish{opacity:0;animation:appear .8s 5.9s forwards}
.home-page header{position:absolute;inset:0 0 auto;background:transparent;z-index:3}
.home-page .hero{height:100svh;min-height:720px;max-height:1100px}
.home-page .hero-content{padding-top:160px}
.home-page .hero-image{filter:brightness(.8) saturate(.8)}
.home-page .hero-shade{background:linear-gradient(90deg,#061312e6,#06131280 44%,#06131215 85%)}
.villa-scene-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:0 6% 70px}
.villa-scene{height:640px;min-height:0;border:1px solid var(--line)}
.villa-scene:first-child{grid-column:1/-1;height:72vh;min-height:520px}
.villa-story{bottom:40px}.villa-story h3{font-size:clamp(28px,3vw,46px)}
.villa-story p{font-size:13px}.villa-topline{display:none}
@media(max-width:800px){.home-page .hero{min-height:760px}.home-page header{background:transparent}.villa-scene-stack{grid-template-columns:1fr}.villa-scene,.villa-scene:first-child{height:600px;min-height:0}.villa-story{bottom:35px}.home-page #main-nav.open{background:#102322}}

/* Keep the entire supplied artwork inside every viewport, including short screens. */
.intro-stage{width:min(800px,90vw,calc(76svh * 1.74));aspect-ratio:1838/1056;flex:0 0 auto}.intro .supplied-signature{width:100%;height:100%;overflow:visible}.intro{padding:30px 18px 70px}

/* The intro is driven by one timeline; no partial-logo raster masks. */
.intro-stage{width:min(800px,90vw,calc(76svh * 1.695));aspect-ratio:1858/1096}.intro .cinematic-signature{width:100%;height:100%;overflow:visible;display:block}.cinematic-signature *{animation:none}.intro button{animation-delay:1.4s}
