:root{--bg:#f2f1ed;--ink:#171918;--muted:#777a76;--dark:#111312;--line:rgba(23,25,24,.14);--serif:Georgia,'Times New Roman',serif;--sans:Inter,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-weight:300}img{display:block;width:100%;height:100%;object-fit:cover}figure{margin:0}.section-light{background:var(--bg)}.section-dark{background:var(--dark);color:#fff}.site-header{position:fixed;z-index:20;top:0;left:0;right:0;height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 42px;background:linear-gradient(rgba(0,0,0,.55),transparent);transition:.35s}.site-header.scrolled{background:rgba(15,17,16,.88);backdrop-filter:blur(14px)}.brand img{width:96px;height:96px;object-fit:contain;transform:translateY(9px)}.nav{display:flex;gap:34px}.nav a{color:#fff;text-decoration:none;text-transform:uppercase;font-size:10px;letter-spacing:.22em}.menu{display:none;background:none;border:0}.hero{height:100svh;min-height:680px;position:relative;overflow:hidden}.hero-media{position:absolute;inset:0;object-position:left 52%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.62),rgba(0,0,0,.1) 65%,rgba(0,0,0,.18)),linear-gradient(0deg,rgba(0,0,0,.48),transparent 45%)}.hero-content{position:absolute;left:8vw;bottom:11vh;max-width:1400px}.eyebrow{font-size:10px;letter-spacing:.32em;text-transform:uppercase;margin:0 0 24px;font-weight:500}.eyebrow.muted{color:var(--muted)}h1,h2,h3{font-family:var(--sans);font-weight:300;letter-spacing:-.055em;line-height:.95;margin:0}h1{font-size:clamp(80px,13vw,190px);white-space:nowrap}h1 em,h2 em{font-family:var(--serif);font-weight:400}h1 em{font-size:.52em;margin-left:.08em}.hero-copy{font-size:17px;line-height:1.65;margin:30px 0 50px;color:rgba(255,255,255,.82)}.scroll-cue{display:inline-flex;align-items:center;gap:18px;color:#fff;text-decoration:none;text-transform:uppercase;font-size:10px;letter-spacing:.25em}.scroll-cue i{display:block;width:58px;height:1px;background:#fff}.narrow{max-width:900px;margin:auto;padding:150px 7vw 80px}.narrow h2,.section-heading h2{font-size:clamp(48px,7vw,100px)}.lead{max-width:650px;font-size:18px;line-height:1.8;color:#555b56;margin:42px 0 0}.image-full{height:min(76vw,900px);overflow:hidden}.image-full img{object-position:center}.cinema{height:100svh;min-height:680px;position:relative;overflow:hidden}.cinema>img{position:absolute;inset:0}.cinema-overlay{position:absolute;left:8vw;bottom:10vh;max-width:700px}.cinema-overlay h2{font-size:clamp(58px,8vw,120px)}.split-copy{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end;max-width:1200px;margin:auto;padding:150px 7vw 90px}.split-copy h2{font-size:clamp(52px,6.5vw,94px)}.body-copy{font-size:16px;line-height:1.85;color:#555b56;max-width:520px}.section-dark .body-copy{color:rgba(255,255,255,.65)}.technical{max-width:900px;margin:0 auto;padding:100px 7vw 160px}.technical img{height:auto;object-fit:contain;filter:contrast(.9)}.duo{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:0 5vw 150px}.duo figure{height:auto;aspect-ratio:1/1;max-height:none;overflow:hidden}.form>.narrow{padding-bottom:80px}.explore{padding-bottom:150px}.section-heading{max-width:1200px;margin:auto;padding:150px 7vw 90px}.story-grid{max-width:1400px;margin:auto;padding:0 4vw;display:grid;grid-template-columns:1.12fr .88fr;gap:18px}.story{height:44vw;max-height:650px;position:relative;overflow:hidden}.story.tall{height:62vw;max-height:900px;grid-row:span 2}.story:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.5),transparent 45%)}.story figcaption{position:absolute;z-index:2;bottom:28px;left:30px;font-size:11px;letter-spacing:.2em;text-transform:uppercase}.weather{margin-top:0}.weather-detail{padding-bottom:130px}.image-wide{height:min(66vw,820px);overflow:hidden}.weather-detail .narrow{padding-top:100px}.right{margin-right:8vw;margin-left:auto}.layout-image{max-width:800px;margin:0 auto;padding:0 4vw 150px}.layout-image img{height:auto;object-fit:contain}.interior .narrow{padding-bottom:70px}.interior-caption{max-width:1200px;margin:auto;padding:25px 7vw 100px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);font-size:12px;text-transform:uppercase;letter-spacing:.15em}.interior-caption span{color:var(--muted)}.reverse{padding-top:130px}.aftdeck-full{width:100vw;margin-left:calc(50% - 50vw);overflow:hidden}.aftdeck-full img{width:100%;height:auto;object-fit:contain}.construction-full{width:100vw;margin-left:calc(50% - 50vw);overflow:hidden}.construction-full img{width:100%;height:auto;display:block;object-fit:contain}.interior-note{padding-top:10px}.interior-note h3{font-size:clamp(36px,5vw,66px);margin-bottom:28px}.cabin-section{padding-top:100px}.triptych{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 4vw 150px}.triptych figure{height:auto;aspect-ratio:1/1;max-height:none;overflow:hidden}.bathroom{padding-top:20px}.bathroom .narrow{padding-bottom:60px}.final-hero{height:100svh;min-height:680px;position:relative;overflow:hidden}.final-hero>img{position:absolute;inset:0;object-position:left center}.final-copy{position:absolute;left:8vw;bottom:12vh}.final-copy h2{font-size:clamp(60px,8vw,125px);margin-bottom:45px}.button{display:inline-block;border:1px solid rgba(255,255,255,.6);padding:16px 25px;color:#fff;text-decoration:none;text-transform:uppercase;font-size:10px;letter-spacing:.22em}.footer{padding:70px 7vw 45px;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:end;gap:30px}.footer img{width:140px;height:auto}.footer div{display:flex;gap:28px;flex-wrap:wrap;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.55)}.footer small{text-align:right;color:rgba(255,255,255,.35);font-size:10px}.reveal{opacity:0;transform:translateY(30px);transition:opacity .9s ease,transform .9s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:800px){.nav.open{display:flex;position:absolute;top:66px;left:0;right:0;flex-direction:column;gap:0;padding:8px 22px 18px;background:rgba(15,17,16,.96);backdrop-filter:blur(14px)}.nav.open a{padding:14px 0;font-size:10px;border-bottom:1px solid rgba(255,255,255,.12)}.nav.open a:last-child{border-bottom:0}.site-header{padding:0 22px;height:66px}.nav{display:none}.menu{display:block}.menu span{display:block;width:24px;height:1px;background:#fff;margin:6px}.hero-content{left:7vw;bottom:9vh;max-width:calc(100% - 14vw)}.hero-copy{font-size:15px}h1{white-space:normal}.narrow,.split-copy{padding-left:7vw;padding-right:7vw}.narrow{padding-top:105px;padding-bottom:60px}.image-full{height:72vw;min-height:360px}.cinema,.hero,.final-hero{min-height:620px}.split-copy{display:block;padding-top:105px}.split-copy .body-copy{margin-top:40px}.technical{padding:60px 7vw 100px}.duo,.story-grid{grid-template-columns:1fr;padding-left:5vw;padding-right:5vw}.duo figure{height:auto;aspect-ratio:1/1}.story-grid{gap:12px}.story,.story.tall{height:auto;aspect-ratio:1/1;max-height:none;grid-row:auto}.story.tall{height:auto;aspect-ratio:1/1}.section-heading{padding-top:105px}.layout-image{max-width:800px;margin-left:auto;margin-right:auto;padding-bottom:90px}.interior-caption{display:block}.interior-caption span{display:block;margin-top:12px}.triptych{grid-template-columns:1fr;padding-bottom:90px}.triptych figure{height:auto;aspect-ratio:1/1}.footer{grid-template-columns:1fr;padding:50px 7vw 30px}.footer div{margin-top:20px}.footer small{text-align:left;margin-top:15px}.final-copy{left:7vw;bottom:9vh}}

/* Interior horizontal gallery */
.interior-slider-wrap{padding:0 0 145px;overflow:hidden}
.interior-slider{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:0 7vw 18px;scrollbar-width:none;cursor:grab}
.interior-slider:active{cursor:grabbing}
.interior-slider::-webkit-scrollbar{display:none}
.interior-slide{flex:0 0 min(72vw,980px);height:min(58vw,720px);position:relative;overflow:hidden;scroll-snap-align:start;background:#ddd}
.interior-slide img{object-position:center}
.interior-slide:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.52),transparent 38%);pointer-events:none}
.interior-slide figcaption{position:absolute;z-index:2;left:30px;bottom:28px;color:#fff;text-transform:uppercase;font-size:10px;letter-spacing:.22em}
.slider-controls{display:flex;align-items:center;gap:18px;max-width:1200px;margin:20px auto 0;padding:0 7vw}
.slider-button{width:46px;height:46px;border:1px solid rgba(23,25,24,.28);background:transparent;color:var(--ink);font-size:18px;cursor:pointer;transition:.2s}
.slider-button:hover{background:var(--ink);color:#fff}
.slider-progress{height:1px;background:rgba(23,25,24,.18);flex:1;overflow:hidden}
.slider-progress span{display:block;width:0;height:100%;background:var(--ink);transition:width .2s ease}
.specifications{margin-top:58px;border-top:1px solid var(--line);max-width:700px}
.specifications div{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;border-bottom:1px solid var(--line);padding:16px 0;font-size:13px;letter-spacing:.04em}
.specifications span{color:#666b67}
.specifications strong{font-weight:500;color:var(--ink)}
@media(max-width:800px){.interior-slider-wrap{padding-bottom:90px}.interior-slider{padding-left:7vw;padding-right:7vw;gap:12px}.interior-slide{flex-basis:86vw;height:70vw;min-height:360px}.slider-controls{padding:0 7vw}.specifications{margin-top:45px}.specifications div{grid-template-columns:1.35fr 1fr;padding:14px 0}}

/* v3 refinements */
.site-header{height:96px}
.brand{position:absolute;left:50%;top:0;transform:translateX(-50%);display:block;height:96px;width:96px}
.brand img{width:96px;height:96px;transform:none}

/* Full-width Exploration photography */
.story-grid{display:block;max-width:none;padding:0}
.story{width:100%;height:min(62vw,900px);max-height:none;margin:0;}
.story.tall{width:100%;height:min(68vw,980px);max-height:none;grid-row:auto}
.story + .story{margin-top:18px}

/* Large design slideshow */
.design-slider-wrap{padding:0 0 150px;overflow:hidden}
.design-slider{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:0 7vw 18px;scrollbar-width:none;cursor:grab}
.design-slider:active{cursor:grabbing}
.design-slider::-webkit-scrollbar{display:none}
.design-slide{flex:0 0 min(82vw,1180px);height:min(56vw,760px);position:relative;overflow:hidden;scroll-snap-align:start;background:#ddd}
.design-slide img{object-fit:contain;background:#ecebe7}
.design-slide:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.48),transparent 38%);pointer-events:none}
.design-slide figcaption{position:absolute;z-index:2;left:30px;bottom:28px;color:#fff;text-transform:uppercase;font-size:10px;letter-spacing:.22em}
.design-controls{margin-top:20px}

@media(max-width:800px){
  .site-header{height:96px;padding:0 22px}
  .brand{width:82px;height:82px;top:0}
  .brand img{width:82px;height:82px}
  .story,.story.tall{height:72vw}
  .story + .story{margin-top:12px}
  .design-slider-wrap{padding-bottom:90px}
  .design-slider{padding-left:7vw;padding-right:7vw;gap:12px}
  .design-slide{flex-basis:88vw;height:72vw;min-height:360px}
}


/* Aluminium SEO page */
.article-page{background:var(--bg);color:var(--ink)}
.article-header{position:fixed;z-index:20;top:0;left:0;right:0;height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 42px;background:linear-gradient(rgba(0,0,0,.55),transparent)}
.article-header .brand{position:static;transform:none;width:96px;height:96px}
.article-header .brand img{width:96px;height:96px;object-fit:contain}
.article-back{color:#fff;text-decoration:none;text-transform:uppercase;font-size:10px;letter-spacing:.22em}
.article-hero{min-height:100svh;position:relative;overflow:hidden;background:var(--dark);color:#fff}
.article-hero img{position:absolute;inset:0;object-fit:cover}
.article-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.66),rgba(0,0,0,.12) 70%),linear-gradient(0deg,rgba(0,0,0,.52),transparent 50%)}
.article-hero-content{position:absolute;z-index:1;left:8vw;bottom:12vh;max-width:980px}
.article-hero h1{font-size:clamp(58px,9vw,132px);white-space:normal;line-height:.94}
.article-hero h1 em{font-size:.72em}
.article-intro{max-width:820px;margin:0 auto;padding:145px 7vw 110px}
.article-intro h2,.article-section h2{font-size:clamp(48px,6vw,86px);margin-bottom:38px}
.article-intro p,.article-section p{font-size:17px;line-height:1.9;color:#555b56;max-width:720px}
.article-section{max-width:1100px;margin:0 auto;padding:80px 7vw 125px}
.article-section + .article-section{padding-top:0}
.article-section.dark-copy{max-width:none;background:var(--dark);color:#fff;padding-left:calc((100% - 1100px)/2 + 7vw);padding-right:calc((100% - 1100px)/2 + 7vw)}
.article-section.dark-copy p{color:rgba(255,255,255,.68)}
.article-section ul{max-width:720px;margin:34px 0 0;padding-left:22px;color:#555b56;font-size:16px;line-height:1.9}
.article-image{width:100%;overflow:hidden}
.article-image img{width:100%;height:auto;object-fit:contain}
.article-footer{padding-top:70px}
.footer-links{display:flex;gap:22px;flex-wrap:wrap;align-items:flex-end;font-size:10px;letter-spacing:.16em;text-transform:uppercase}
.footer-links a{color:rgba(255,255,255,.72);text-decoration:none}
.footer-links a:hover{color:#fff}
.footer-meta{display:flex;gap:28px;flex-wrap:wrap;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.55)}
@media(max-width:800px){
  .article-header{height:96px;padding:0 22px}
  .article-header .brand,.article-header .brand img{width:82px;height:82px}
  .article-back{font-size:9px}
  .article-hero{min-height:620px}
  .article-hero-content{left:7vw;bottom:9vh;max-width:calc(100% - 14vw)}
  .article-intro{padding:105px 7vw 70px}
  .article-section{padding:60px 7vw 90px}
  .article-section.dark-copy{padding-left:7vw;padding-right:7vw}
  .footer-meta,.footer-links{margin-top:20px}
}

/* v15 footer layout */
.footer{grid-template-columns:1fr 2fr 1.35fr auto}
@media(max-width:800px){.footer{grid-template-columns:1fr}}