/* Vivid Visions / Black Chrome edition.
   Material and art-direction layer; section mechanics stay independently editable. */
:root{--bg:#090a0b;--surface:#141517;--ink:#f0eee9;--muted:#b0afaa;--faint:#818382;--warm:#cabb9f;--line:#e0e2e022}
body{background:#090a0b}
h2{font-weight:550;letter-spacing:-.058em}
.section-label{color:#bfc1bc;font-size:10px;letter-spacing:.17em}
.section-label:before{content:'';display:block;flex:none;width:19px;height:1px;background:linear-gradient(90deg,#706d64,#eee7da)}
.section-label:has(.small-cross):before{display:none}
.button{border-radius:2px;border-color:#a5a6a480;overflow:hidden;box-shadow:inset 0 1px #ffffff25,0 3px 8px #0003;isolation:isolate}
.button:before{content:'';position:absolute;inset:-120% -40%;z-index:-1;background:linear-gradient(110deg,transparent 43%,#fff6 49%,transparent 55%);transform:translateX(-55%);transition:transform .65s}
.button:hover:before{transform:translateX(55%)}
.button-light{background:linear-gradient(160deg,#fffefa 0,#c9c6bc 45%,#eeece4 55%,#bcb9af 100%);border-color:#f4f2e9;color:#171818;box-shadow:inset 0 1px 1px #fff,0 7px 25px #0007}
.button-light:hover{background:linear-gradient(150deg,#fff 0,#dcd8cd 55%,#f8f6ee 100%);box-shadow:inset 0 1px #fff,0 10px 30px #0009}
.button-icon{border-color:#57595045;background:#ffffff16}
.header{border-bottom-color:transparent;background:transparent}
.header.scrolled{background:#08090bdc;border-bottom-color:#b9bbbe28;box-shadow:0 10px 40px #0003;backdrop-filter:blur(20px) saturate(.4)}
.header-cta{background:linear-gradient(125deg,#e3dfd11c,#fff0 50%,#e0e2e215);border-color:#deded647}
.wordmark{font-size:18px;letter-spacing:-.055em}.wordmark-dot{font-size:6px;margin-left:4px}
.header .chrome-brand-mark{display:block;position:relative;flex:none;width:44px;height:36px;overflow:hidden}
.header .chrome-brand-mark img{display:block;position:absolute;width:40px;max-width:none;height:40px;left:2px;top:-2px}
@media(max-width:640px){.header .chrome-brand-mark{width:34px;height:31px}.header .chrome-brand-mark img{width:33px;height:33px;left:0;top:-1px}}
.desktop-nav a{font-size:12px}
.mobile-menu{background:radial-gradient(ellipse at 100% 25%,#44423a40,transparent 65%),#090a0b}

/* The reserved cinematic stage. The media remains independently replaceable. */
.hero,.hero-stage{background:#08090b;min-height:740px}
.hero-poster img{filter:saturate(.35) contrast(1.12);object-position:59% center;transform:scale(1.035)}
.hero-shade{background:linear-gradient(90deg,#050607b8 0,#06070959 43%,#06070900 80%),linear-gradient(0deg,#08090b 0%,transparent 29%,#05060905 64%,#05060955)}
.hero-body{padding-top:110px;padding-bottom:105px;position:relative}
.hero-eyebrow{font-size:10px;letter-spacing:.2em;margin-bottom:30px;color:#d0cfc6}
.hero h1{max-width:none;font-size:inherit;line-height:1;position:relative}
.hero h1>span{margin:0;display:block}
.hero h1 .hero-prefix{font-size:clamp(55px,5.5vw,88px);font-weight:350;line-height:1.02;letter-spacing:-.055em;color:#eeece7}
.hero h1 .hero-metal{font-size:clamp(78px,8.5vw,140px);font-weight:650;line-height:1.08;letter-spacing:-.065em;color:#e9e7e0;background:linear-gradient(178deg,#fffffd 4%,#d4d5d2 37%,#fbf9f3 43%,#8b8d89 53%,#d5d6d0 65%,#fffefb 80%,#a8a9a1);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 0 #ffffff16) drop-shadow(0 7px 18px #0005)}
.hero h1 .hero-price{font-size:clamp(35px,3.7vw,60px);letter-spacing:-.055em;font-weight:350;line-height:1.1;color:#cac7bc;margin-top:22px}
.hero-lower{margin-top:33px;gap:40px;align-items:center}
.hero-lower>p{max-width:295px;font-size:12px;color:#bdbfb9}
.hero-lower .button-row{gap:26px}
.hero-lens{position:absolute;inset:-10%;background:linear-gradient(112deg,transparent 44%,#fcf9dc0d 46%,transparent 48%);transform:translate3d(var(--lens-x,0px),0,0);mix-blend-mode:screen;pointer-events:none}
.hero-signature{position:absolute;right:var(--gutter);bottom:150px;display:grid;grid-template-columns:50px 1fr;gap:17px;align-items:center;color:#cac8bd;font-size:8px;line-height:1.8;letter-spacing:.11em;text-transform:uppercase}
.signature-cross{font-size:51px;line-height:1;background:linear-gradient(145deg,#fff,#6a6d68 35%,#f6f3e8 55%,#737770 75%,#fff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.signature-index{grid-column:1/-1;border-top:1px solid #e6e6d935;padding-top:13px;margin-top:4px;font-size:8px}
.hero-foot{border-top:1px solid #eee8d520;padding-top:19px;bottom:25px;font-size:8px}
.hero-foot>span:nth-child(2){margin-right:55px}

/* Burnished lettering and a grazing highlight introduce a quieter material. */
.intro{grid-template-columns:32% 1fr;gap:6%;overflow:hidden;padding-block:140px;background:radial-gradient(ellipse at 8% 40%,#85857c13,transparent 53%),linear-gradient(110deg,#111315,#090a0b 72%);border-block:1px solid #ffffff10;isolation:isolate}
.intro:after{content:'';position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(105deg,transparent 0,transparent 2px,#ffffff02 3px,transparent 4px);pointer-events:none}
.intro-object{position:relative;min-height:330px}
.intro-object .section-label{font-size:9px}
.chrome-monogram{position:relative;width:100%;height:250px;perspective:700px;margin-top:40px;-webkit-box-reflect:below -48px linear-gradient(transparent 75%,#ffffff09)}
.chrome-monogram span{display:block;position:absolute;top:-30px;font-size:280px;line-height:1;font-weight:800;letter-spacing:-.2em;background:linear-gradient(110deg,#15191b 3%,#dedfda 12%,#525857 24%,#f6f7f0 36%,#313638 40%,#080b0b 47%,#62696a 58%,#fcfcf8 66%,#949994 69%,#191d1e 77%,#bdc1b9 86%,#f9f9ed 95%);color:#d9ded6;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;transform:rotateY(-28deg) rotateZ(-9deg);filter:drop-shadow(6px 8px 0 #363b3b) drop-shadow(12px 20px 12px #000b)}
.chrome-monogram span:first-child{left:-10px}.chrome-monogram span:last-child{left:105px;top:-8px;transform:rotateY(30deg) rotateZ(11deg);font-size:235px}
.object-caption{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.2em;color:#949991;margin-top:30px}
.intro h2{font-size:clamp(42px,4.55vw,74px);font-weight:450;line-height:1.12}
.intro h2 em{color:#e5ddcc;font-size:1.13em}
.intro-bottom{gap:35px;margin-top:38px;font-size:13px;line-height:1.85}
.intro-bottom p:first-child{max-width:410px}.intro-bottom p:nth-child(2){font-size:8px;min-width:120px;color:#c8c7bc}
.margin-note{display:none}

/* Immersive environments are decorative layers underneath real, accessible UI. */
.scene-stage{isolation:isolate;overflow:clip}
.stage-environment{position:absolute;inset:0;z-index:-3;pointer-events:none;overflow:hidden}
.stage-environment img{width:100%;height:100%;object-fit:cover;filter:saturate(.25)}
.stage-environment:after{content:'';position:absolute;inset:0}
.services{background:#090b0d}
.environment-services img{opacity:.73;object-position:60% center;transform:scale(1.16)}
.environment-services:after{background:linear-gradient(90deg,#090b0dc9 8%,#090b0d35 55%,#090b0d10),linear-gradient(0deg,#090a0bb3,transparent 30%,#090a0b70)}
.services-copy h2{font-weight:600;font-size:clamp(55px,5.8vw,90px)}
.services-copy h2 em{font-family:inherit;font-style:normal;font-weight:350;letter-spacing:-.06em;background:linear-gradient(160deg,#faf9f2,#999e99 45%,#e7e8e0 63%,#898e88);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.services-copy>p{max-width:300px;font-size:14px;line-height:1.9}
.services-copy>.text-link{margin-top:20px}
.services-assembly{gap:20px;padding:20px 0 20px 25px;transform-style:preserve-3d}
.assembly-grid{background-size:80px 80px;opacity:.4}
.service-panel{border:1px solid #d3d9d54a;border-radius:3px;background:linear-gradient(125deg,#eef1e821 0,#313a3b75 30%,#0c10126b 64%,#d9e7e015 100%);box-shadow:inset 0 1px #fffff399,inset 1px 0 #f6f7eb38,inset -1px 0 #c3ceca24,0 1px 0 #000,0 20px 45px #0007;backdrop-filter:blur(16px) saturate(.45);min-height:250px;padding:25px}
.service-panel>*{position:relative;z-index:1}
.service-panel:before{inset:-50%;background:linear-gradient(118deg,transparent 33%,#eff3e905 39%,#eff3e92b 40%,#eff3e909 43%,transparent 52%);transform:translate3d(var(--shine,-25%),0,0)}
.service-panel:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(250px circle at var(--pointer-x,30%) var(--pointer-y,15%),#eff9ee1c,transparent 80%);opacity:.5;transition:opacity .3s}
.service-panel:hover:after{opacity:1}.panel-top{margin-bottom:22px}.panel-top svg{stroke:#e0ded0;width:33px;filter:drop-shadow(0 1px 1px #000)}
.panel-top>span{color:#dbddcf;letter-spacing:.12em}
.service-panel h3{font-size:22px;line-height:1.1;font-weight:500}.service-panel>p{font-size:12px;line-height:1.8;color:#bfc3bd}
.panel-foot{font-size:7px;letter-spacing:.07em;color:#c2c7bf;border-color:#eaecdf25;margin-top:18px;padding-top:14px}
.assembly-status{margin-top:45px;color:#c7cbc0;font-size:8px}
.light-rails{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;opacity:.25}
.light-rails i{position:absolute;top:18%;left:45%;width:2px;height:80%;background:linear-gradient(transparent,#e6e8dccc,transparent);transform:rotate(30deg) translateY(var(--rail-y,0px));box-shadow:0 0 25px 3px #ffffff0a}
.light-rails i:nth-child(2){left:75%;top:-30%;height:100%;opacity:.5}.light-rails i:nth-child(3){left:94%;top:0;opacity:.6}
.scope-band{display:flex;justify-content:space-between;gap:20px;align-items:center;min-height:100px;background:linear-gradient(100deg,#23272a,#111416 48%,#222525);border-block:1px solid #edeedf24;font-size:9px;letter-spacing:.02em;color:#c9ccc4}
.scope-band>span+span:before{content:'+';margin-right:16px;color:#e4dbc5;font-size:16px;font-weight:300}.scope-label{text-transform:uppercase;font-size:8px;letter-spacing:.14em;color:#a5aca4}

/* Floating screens suspended above a polished gallery floor. */
.work{background:#08090a}.environment-gallery img{opacity:.38;object-position:center 68%;transform:scale(1.7)}
.environment-gallery:after{background:linear-gradient(#08090ad9 0,#08090a87 36%,#08090a10 70%,#08090a99)}
.work-heading{margin-bottom:25px}.work-heading h2{font-size:clamp(42px,4.4vw,68px);line-height:.98;font-weight:600;letter-spacing:-.06em}.work-heading h2 em{font-size:.7em;line-height:1.25;font-weight:400;letter-spacing:-.04em;color:#c7c4b7}
.work-caption>p{font-size:12px;color:#bec3ba}.concept-badge{border-color:#e5e6d43b;background:#1518176b;font-size:8px;color:#d9dbd0}
.gallery-ceiling{position:absolute;z-index:-1;left:17%;right:17%;top:0;height:1px;box-shadow:0 25px 50px 5px #f5ecdb14;background:#fdf2d580}
.gallery-floor{position:absolute;inset:60% -20% -50%;z-index:-2;background:repeating-linear-gradient(90deg,transparent 0,transparent 19.9%,#d7e0d324 20%,transparent 20.1%),repeating-linear-gradient(transparent 0,transparent 99px,#d7e0d311 100px,transparent 101px);transform:perspective(400px) rotateX(57deg);transform-origin:top;mask-image:linear-gradient(transparent,#000 25%,transparent)}
.gallery-viewport{padding-block:7px 10px}.project{position:relative;isolation:isolate}
.project-screen{border-radius:7px;border:1px solid #dce5df86;box-shadow:inset 0 0 0 1px #000,0 0 0 1px #676f6655,0 0 0 3px #d4e1d212,0 38px 70px #000b;position:relative}
.project-screen:after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 1px 1px 1px #fcfff980,inset -1px 0 1px #dde9d956;background:linear-gradient(125deg,#fff0 60%,#ffffff05 65%,#fff0 69%)}
.screen-top{height:26px;background:linear-gradient(#2d3232,#181d1e 50%,#1b2021);border-bottom:1px solid #ffffff1f;color:#bac6bd}.screen-top>span:first-child{color:#a5b1a5}
.project-info{position:relative;z-index:1;padding-top:24px;text-shadow:0 2px 15px #000}
.project-info h3{font-size:29px;font-weight:450}.project-category{font-size:8px;color:#b6bfb6}.project-info p{font-size:12px}.project-link{font-size:9px}
.project:after{content:'';position:absolute;left:0;right:0;top:88%;height:120px;background:var(--project-reflection) center/cover;transform:scaleY(-1);opacity:.12;mask-image:linear-gradient(transparent 40%,#000);z-index:-1;filter:blur(2px);pointer-events:none}
.project[data-project=form]{--project-reflection:url('assets/architecture-v2.webp')}.project[data-project=still]{--project-reflection:url('assets/retreat.webp')}.project[data-project=aurel]{--project-reflection:linear-gradient(90deg,#b4a178,#e8ddc2)}.project[data-project=mono]{--project-reflection:url('assets/automotive.webp')}
.gallery-footer{margin-top:24px}.gallery-progress{width:200px;background:#d9ded535}.gallery-progress>span{background:linear-gradient(90deg,#676f67,#f1eee1,#858f81)}
.gallery-controls .circle-button{background:linear-gradient(135deg,#c7d1c617,#8b958609);border-color:#d2dcd24d}
.site-form{background:#ece9df;color:#222b25}.site-form .mini-nav{background:#f0eee6}.site-form .mini-image img{filter:contrast(1.04) saturate(.7)}
.site-form .mini-title{font-weight:400;letter-spacing:-.065em}.site-form .mini-kicker{letter-spacing:.2em}
.site-still .still-background{filter:brightness(.55) saturate(.7)}.site-mono .mono-hero>img{filter:brightness(.6) saturate(.15)}
.aurel-product{background:radial-gradient(ellipse at 50% 20%,#e7d6b5,#b69b73)}.aurel-product:after{display:none}.aurel-product>img{height:115%;width:100%;object-fit:contain;object-position:center;position:absolute;inset:-8% 0 0;mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)}
.social-aurel>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.social-aurel .tile-brand,.social-aurel .tile-caption{position:relative;z-index:2}
.dialog-close{position:sticky;float:right;top:16px;right:auto;margin:16px 16px -58px 0;backdrop-filter:blur(10px)}

/* Precision, exploded: an illuminated drafting space with metallic rings. */
.details{background:#0c0f11}.details-stage{background:radial-gradient(ellipse at 65% 53%,#54605b29,transparent 65%),linear-gradient(115deg,#0b0d10,#161c1f 50%,#0a0d0f)}
.details-head h2{font-weight:550}.details-head h2 em{font-family:inherit;font-style:normal;font-weight:300;color:#c8ceca}.details-head>p{font-size:20px;color:#b8c3bd}
.detail-watermark{position:absolute;left:18%;top:22%;font-size:22vw;line-height:1;font-weight:650;letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px #d2dfd90b;z-index:-1}
.technical-orbit{position:absolute;inset:12% 6% 0;z-index:-1;pointer-events:none;transform:perspective(1100px) rotateX(65deg) rotateZ(-22deg)}
.technical-orbit i{position:absolute;inset:0;border:1px solid #c3d4c827;border-radius:50%;box-shadow:0 1px #fff1,inset 0 1px #000;transform:scale(var(--orbit-scale,1))}
.technical-orbit i:nth-child(2){inset:12%;border-color:#e1ece62e}.technical-orbit i:nth-child(3){inset:27%;border-color:#bac9c214}
.layer{border-color:#b2c2b75e;box-shadow:0 18px 55px #0006,inset 0 1px #fff5}
.layer-label{background:linear-gradient(110deg,#303a3cd9,#101617db);border:1px solid #bbcec54d;padding:7px 12px;border-radius:2px;color:#e5eae1}
.details-bottom{position:relative;z-index:4;color:#c5cdc5}.detail-state{color:#d8daca}

/* The before/after keeps a quiet surround, with a tactile machined frame. */
.transformation{background:#101215}.transform-stage{background:radial-gradient(ellipse at 50% 15%,#3339394d,transparent 70%)}
.transform-grain{position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(95deg,#ffffff02 0,transparent 1px,transparent 4px)}
.comparison{border:1px solid #c9d0c766;box-shadow:0 0 0 5px #303636,0 0 0 6px #ffffff17,0 25px 70px #0008;border-radius:5px}
.comparison-divider{border-left-color:#fffbed;filter:drop-shadow(0 0 5px #fff5)}.comparison-divider>span{background:linear-gradient(145deg,#f8f9ee,#b8bdb0);color:#101a12;border:1px solid #fff;box-shadow:0 2px 10px #0007}
.value-copy h2{font-size:clamp(33px,3.45vw,54px);font-weight:550}.value-copy h2 span{color:#bfc4bc;font-weight:350}.value-copy p{font-size:13px;line-height:1.8}

/* A small real-time chrome sculpture: no model downloads or 3D framework. */
.process{background:#090b0d}.process-stage{background:linear-gradient(115deg,#0b0e11,#101519 50%,#090b0d)}
.process-aura{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 28% 70%,#aab7ae12,transparent 49%),repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#ffffff04 25%)}
.process-header h2{font-weight:500;font-size:clamp(44px,4.8vw,74px)}.process-header h2 em{font-family:inherit;font-style:normal;font-weight:300;color:#c8cdc4}
.process-journey{grid-template-columns:58% 42%;gap:0;margin-top:30px}
.sculpture{position:relative;min-height:350px;perspective:900px}
.chrome-canvas{display:none;width:100%;height:100%;position:absolute;inset:-12% 0 0;max-height:520px;pointer-events:none}
.sculpture.has-chrome .chrome-canvas{display:block}.sculpture.has-chrome svg{visibility:hidden}
.sculpture-axis{position:absolute;bottom:27px;left:11%;right:17%;display:flex;align-items:center;gap:14px;font-size:8px;color:#c6cbc0;letter-spacing:.12em}.sculpture-axis i{height:1px;background:linear-gradient(90deg,#fbf7e1,#6d7b7026);flex:1}
.sculpture-caption{font-family:inherit;font-style:normal;text-transform:uppercase;letter-spacing:.14em;font-size:8px;color:#a9b4aa;margin-top:6px;text-align:left;padding-left:11%}
.process-steps{margin-left:25px}.process-steps button{border-color:#d5ded125}.process-steps strong{font-weight:400;font-size:27px}.process-steps button>span:first-child{color:#999f98}.process-steps [aria-current=step]{background:linear-gradient(90deg,#c9d1bf0c,transparent)}
.process-steps [aria-current=step] strong{color:#f6f7ed;text-shadow:0 0 20px #d9e9d829}.process-steps [aria-current=step] .stage-star{color:#ebdfc6}.stage-description{color:#bcc4bb}
.motion-enabled .process-steps{padding-bottom:102px}.motion-enabled .stage-description{font-size:12px;max-width:355px;bottom:3px}.motion-enabled [aria-current=step] .stage-description{max-height:90px}

/* Devices on a reflective product-display plinth. */
.responsive{background:#0c0f11}.responsive-stage{background:radial-gradient(ellipse at 50% 60%,#58635b24,transparent 70%),#0c0f11}
.responsive-heading h2{font-weight:550}.responsive-heading h2 em{font-family:inherit;font-style:normal;font-weight:300;color:#cbd0c7}
.device-environment{position:absolute;inset:0;z-index:-1;overflow:hidden}
.device-halo{position:absolute;left:13%;right:13%;height:80%;top:20%;border-radius:50%;border:1px solid #cedbd742;box-shadow:inset 0 0 0 12px #c6d0cd05,0 0 0 30px #cedbd703,0 0 60px #e2ddd40d;transform:perspective(900px) rotateX(40deg);mask-image:linear-gradient(#000,transparent 80%)}
.device-podium{position:absolute;left:5%;right:5%;height:22%;bottom:-5%;background:linear-gradient(178deg,#727e7955 0,#171d1dcc 4%,#cedbd42e 5%,#0c1114 13%,#141a1c 72%,#aab4ab37 73%,#080c0c 82%);transform:perspective(900px) rotateX(40deg);border:1px solid #d1dacc38;border-radius:50%;box-shadow:0 -25px 90px #dcddbc07}
.device{box-shadow:0 0 0 1px #dde6d765,0 30px 65px #0008,inset 1px 1px #fff9}.device-desktop{background:linear-gradient(120deg,#818c87,#23282a 15%,#0c1012 50%,#555e59)}.device-tablet,.device-mobile{border-color:#323c3a;box-shadow:0 0 0 1px #cbd5cb9c,1px 1px 0 2px #101415,0 30px 55px #000b}.device-chin{background:linear-gradient(100deg,#a2aaa1,#3e4846 20%,#aab7ac 55%,#313e37)}.device-stand{background:linear-gradient(90deg,#121819,#a2aba2 35%,#323a38 50%,#171e1d)}
.device-labels{color:#879a8d}.device-labels .active{color:#e8e6d8}

/* A material-led editorial argument. Real information takes precedence. */
.why{position:relative;isolation:isolate;overflow:hidden;grid-template-columns:43% 1fr;gap:10%;padding-block:145px;background:#090c0e;border-top:1px solid #e1e6df19}
.why-material{position:absolute;inset:0;z-index:-2;pointer-events:none}.why-material img{position:absolute;top:10%;right:13%;height:80%;width:100%;object-fit:cover;opacity:.44;transform:scaleX(-1);filter:saturate(.25)}
.why-material:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#090c0e20,#090c0e85 40%,#090c0ee8 68%),linear-gradient(#090c0e 0%,transparent 22%,transparent 70%,#090c0e)}
.why-intro{position:relative;align-self:start}.why-intro h2{font-size:clamp(47px,4.8vw,72px);font-weight:500}.why-intro h2 em{color:#e3d9c5}.why-intro>p{max-width:350px;font-size:14px;line-height:1.9;color:#c9cbc5;text-shadow:0 1px 10px #000}
.why-points article{border-color:#d9e0d433;padding-block:28px;gap:20px}.why-points article>span{font-size:10px;color:#c6ccb9}.why-points h3{font-size:24px;font-weight:450;line-height:1.2}.why-points p{font-size:13px;line-height:1.85;color:#b5bfb4}
.social{position:relative;isolation:isolate;background:linear-gradient(135deg,#1a2022,#0a0d0e 70%);overflow:hidden;border-block:1px solid #ffffff13}
.social-line-art{position:absolute;inset:-20% -30%;z-index:-1;background:repeating-linear-gradient(95deg,transparent 0,transparent 99px,#b9c6bb10 100px,transparent 101px);transform:rotate(-20deg);mask-image:linear-gradient(transparent,#000 50%,transparent)}
.social-heading h2{font-weight:450}.social-heading>p{font-size:13px;color:#c4c9bc;line-height:1.8}.social-wall{padding-block:20px 55px;perspective:1200px}.social-tile{box-shadow:inset 0 1px #fff3,0 25px 35px #0008;border:1px solid #d5dec224;border-radius:2px;transform:rotateY(-6deg);transition:transform .4s}.social-tile:hover{transform:rotateY(0) translateY(-8px)}
.social-type{background:linear-gradient(140deg,#e2e7dc,#c4cabc);color:#1b2523}.social-quote{background:linear-gradient(145deg,#313e38,#0e1d17);color:#d9ded0}

/* Questions deliberately offer a calm, readable pause. */
.questions{display:grid;grid-template-columns:42% 1fr;gap:9%;background:radial-gradient(ellipse at 5% 100%,#5f635d13,transparent 70%),#0a0d0e;padding-block:120px;border-bottom:1px solid #ffffff18}
.questions h2{font-size:clamp(43px,4.2vw,64px);font-weight:450}.questions h2 em{color:#c9cbbb}.questions-intro>p{font-size:13px;margin-top:27px}.questions-intro>.text-link{margin-top:23px;font-size:9px}
.questions-list details{border-top:1px solid #d8e0d52b}.questions-list details:last-child{border-bottom:1px solid #d8e0d52b}.questions-list summary{display:flex;justify-content:space-between;gap:25px;align-items:center;list-style:none;padding:24px 0;cursor:pointer;font-size:16px;letter-spacing:-.025em;line-height:1.45}.questions-list summary::-webkit-details-marker{display:none}.questions-list summary>span:last-child{font-size:24px;font-weight:300;color:#c0c8b6;transition:transform .3s}.questions-list details[open] summary>span:last-child{transform:rotate(45deg)}.questions-list details[open] summary{color:#e6d9be}.answer{padding:0 35px 25px 0;font-size:13px;line-height:1.9}.answer p+p{margin-top:13px}

/* The opening architecture has real depth and reflected edges. */
.finale{background:#080a0c}.finale-stage{background:#080a0c}.finale-vault{position:absolute;inset:0;opacity:.6}.finale-vault img{width:100%;height:100%;object-fit:cover;filter:saturate(.25)}.finale-vault:after{content:'';position:absolute;inset:0;background:linear-gradient(#080a0c90,#080a0c50 50%,#080a0c80)}
.architectural-wing{background:linear-gradient(105deg,#101618 0,#131b1d 20%,#717c7380 21%,#f0efe3a6 22%,#1d2628 23%,#060b0e 40%,#8e9b8d66 41%,#151d21 43%,#090d10 80%,#c0c7b36b 99%,#f6f0d6);box-shadow:inset 0 0 0 1px #d7e1c34d,30px 0 90px #000;opacity:.95;border-color:#e2ebce45}
.architectural-floor{background:linear-gradient(180deg,transparent,#ccd0b415 10%,#0d13169e 20%,#060a0d)}
.architectural-light{background:radial-gradient(ellipse at 50% 110%,#ddcf9540,transparent 70%)}
.finale h2{font-weight:450;line-height:1.04;font-size:clamp(64px,6.6vw,100px);text-shadow:0 5px 35px #0008}.finale h2 em{background:linear-gradient(#fff8e7,#a6ada0 53%,#eee9d6 75%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.finale p{color:#ccd1c4}.finale-copy{position:relative;z-index:3}
.contact{position:relative;isolation:isolate;overflow:hidden;background:#0b0f11;border-top:1px solid #d2dac722}
.contact-sheen{position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(112deg,transparent 0,transparent 17%,#d2d7c70b 17.1%,transparent 17.2%),radial-gradient(ellipse at 0% 55%,#6c746229,transparent 55%)}
.contact-intro h2{font-weight:450}.contact-intro>p{font-size:14px;color:#b9c2b4;max-width:330px}.enquiry-next{margin-top:35px;padding-top:23px;border-top:1px solid #d2dec328;max-width:310px}.enquiry-next>span{font-size:8px;letter-spacing:.15em;color:#d0d3bc}.enquiry-next p{font-size:12px;line-height:1.9;margin-top:12px}.contact-aside{margin-top:35px}.contact form{padding:30px;background:linear-gradient(130deg,#dae4d006,#d5dec003);border:1px solid #cad9bf23;box-shadow:inset 0 1px #fff1}
.field input,.field textarea,.field select{border-color:#cbd8bf40;background:#0d131350}.field input:focus,.field textarea:focus,.field select:focus{border-color:#e1dbbd;background:#bcc8a509}.service-options label>span{border-color:#c5d1b833}.service-options input:checked+span{background:linear-gradient(150deg,#e7e9da,#b9c1a9);color:#1b2617;border-color:#e2e5cf}
.footer{background:#080c0d;border-top:1px solid #d9e2c720}.footer-placeholder{color:#8a9488}
.dialog-content{background:radial-gradient(ellipse at 0 100%,#6c746019,transparent),#101617}.dialog-content p{font-size:13px;color:#c0c8b8}.dialog-content li{font-size:12px}.dialog-content .concept-badge{font-size:8px}.dialog-notice{color:#a1ad98!important}
.hero-prefix,.hero-price{word-spacing:.12em}.hero-metal{word-spacing:.07em}
.case-system{padding:40px;background:#0b1111;border-top:1px solid #e2ead323}.case-system-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.case-system-heading .section-label{margin:0;font-size:9px}.case-design-board{display:grid;grid-template-columns:65% 35%;background:#eae6d9;color:#283b2c;min-height:220px}.case-type{padding:30px;display:flex;flex-direction:column;justify-content:space-between}.case-type>span,.case-palette>span{font-size:8px;text-transform:uppercase;letter-spacing:.12em}.case-type strong{font-family:Georgia,serif;font-size:40px;line-height:1.05;letter-spacing:-.045em;font-weight:400;max-width:320px;margin-block:20px}.case-type small{font-size:8px;text-transform:uppercase;letter-spacing:.07em}.case-palette{padding:30px 25px;border-left:1px solid #16261b22;display:flex;flex-direction:column;justify-content:space-between;gap:30px}.case-palette>div{display:flex;flex:1;min-height:90px}.case-palette i{flex:1;border:1px solid #0001}.case-journey{margin-top:30px}.case-journey>span{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#b4c0ad}.case-journey ol{list-style:none;padding:0;margin:18px 0 0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #fff2}.case-journey li{display:flex;align-items:center;gap:12px;padding:20px 10px 0 0;font-size:11px}.case-journey small{font-size:8px;color:#a8b698}.case-journey b{font-weight:400;color:#d7dcc3;margin-left:auto;padding-right:20px}.case-system-still .case-design-board{background:#152f24;color:#e6e6cd}.case-system-aurel .case-design-board{background:#e9ddc7;color:#403323}.case-system-mono .case-design-board{background:#262f2b;color:#e0e5d5}.case-system-mono .case-type strong{font-family:Manrope,sans-serif;text-transform:uppercase;font-weight:600}

@media(min-width:1000px) and (max-height:820px){
  .hero,.hero-stage{min-height:680px}.hero-body{padding-top:100px;padding-bottom:85px}.hero-eyebrow{margin-bottom:21px;font-size:9px}.hero h1 .hero-prefix{font-size:5.1vw}.hero h1 .hero-metal{font-size:min(8.1vw,114px)}.hero h1 .hero-price{font-size:3.45vw;margin-top:17px}.hero-lower{margin-top:24px}.hero-signature{bottom:140px}
  .service-panel{min-height:220px;padding:21px}.panel-top{margin-bottom:16px}.service-panel h3{font-size:20px}.service-panel>p{font-size:11px}.panel-foot{font-size:6.5px}.services-copy>p{font-size:13px}.assembly-status{margin-top:30px}
  .work-heading h2{font-size:43px}.work-heading h2 em{font-size:.7em}.work-heading{margin-bottom:18px}.gallery-footer{margin-top:17px}.project-info{padding-top:18px}.project-info h3{font-size:25px}.project-info p{font-size:11px}.project-screen>.mock-view{height:36vh}
  .details-head h2{font-size:49px}.details-head>p{font-size:18px}.value-copy h2{font-size:34px}.value-copy p{font-size:12px}
  .process-header h2{font-size:45px}.process-journey{margin-top:18px}.process-steps strong{font-size:22px}.motion-enabled .process-steps{padding-bottom:88px}.motion-enabled .stage-description{font-size:11px;bottom:0}.sculpture{min-height:320px}.chrome-canvas{inset:-14% 0 0}.sculpture-axis{bottom:12px}.sculpture-caption{font-size:7px;margin-top:0}
  .finale h2{font-size:76px}
}
@media(min-width:1600px){.hero-signature{bottom:175px}.hero-body{padding-bottom:120px}.service-panel{padding:30px;min-height:285px}.service-panel h3{font-size:25px}.service-panel>p{font-size:14px}.panel-foot{font-size:9px}}
@media(max-width:999px){
  .hero,.hero-stage{min-height:740px}.hero h1 .hero-prefix{font-size:6.3vw}.hero h1 .hero-metal{font-size:8.3vw}.hero h1 .hero-price{font-size:5vw;margin-top:25px}.hero-lower{gap:25px}.hero-signature{bottom:160px;right:36px}.hero-body{padding-top:110px}.hero-eyebrow{font-size:9px}.hero-foot{width:100%;padding-top:20px}
  .intro{grid-template-columns:1fr;gap:35px;padding-block:100px}.intro-object{min-height:0}.chrome-monogram,.object-caption{display:none}.intro-object .section-label{margin-bottom:0}.intro h2{font-size:7vw}.intro-bottom{margin-top:35px}.intro-bottom p:first-child{max-width:460px}
  .services-copy h2{font-size:60px}.services-copy>p{max-width:420px}.services-assembly{padding:0;gap:22px}.service-panel{min-height:250px}.service-panel>p{font-size:13px;max-width:none}.service-panel h3{font-size:24px}.panel-foot{font-size:8px}.environment-services img{object-position:65% center;opacity:.45}.environment-services:after{background:linear-gradient(#090c0d96,transparent 60%,#090c0d88)}
  .scope-band{flex-wrap:wrap;justify-content:flex-start;padding-block:25px;gap:18px 25px}.scope-label{width:100%}.scope-band>span{font-size:10px}.scope-band>span+span:before{margin-right:9px}
  .work-heading h2{font-size:44px}.work-heading h2 em{font-size:.68em}.work-caption>p{font-size:10px}.work-caption{max-width:170px}.project-info h3{font-size:28px}.project-info p{font-size:12px}.gallery-footer{margin-top:30px}
  .details-head h2{font-size:54px}.details-head>p{font-size:18px}.technical-orbit{inset:30% -5% 8%}.layer-label{padding:4px 7px}.value-copy h2{font-size:41px}
  .process-header h2{font-size:52px}.process-journey{grid-template-columns:1fr;gap:20px}.sculpture{max-width:650px;min-height:370px}.chrome-canvas{height:440px;max-height:none;inset:-10% 0 0}.sculpture-axis{bottom:27px}.sculpture-caption{text-align:center;padding:0}.process-steps{margin:30px 0 0}.process-steps button{min-height:185px;padding:23px 10px 23px 0}.stage-description{font-size:13px;color:#bec9b8}.process-steps strong{font-size:27px}
  .why{grid-template-columns:1fr;gap:60px;padding-block:100px}.why-intro>p{max-width:460px}.why-intro h2{font-size:60px}.why-material img{opacity:.25;right:0;top:0;object-position:center}.why-material:after{background:linear-gradient(#090c0e60,#090c0ef0 75%)}.why-points{gap:15px 35px}.why-points h3{font-size:23px}.why-points p{font-size:13px}
  .questions{grid-template-columns:1fr;gap:40px;padding-block:100px}.questions h2{font-size:57px}.questions-intro>p{font-size:14px}.questions-list summary{font-size:18px}.answer{font-size:14px}
  .finale h2{font-size:65px}.contact form{max-width:none;padding:30px}.enquiry-next{max-width:460px}.contact-intro>p{max-width:460px}.contact-intro h2{font-size:65px}
}
@media(max-width:640px){
  .hero,.hero-stage{min-height:790px}.hero-body{padding-top:90px;padding-bottom:100px}.hero-eyebrow{font-size:8px;letter-spacing:.13em;margin-bottom:33px}.hero h1 .hero-prefix{font-size:9.1vw;line-height:1.1}.hero h1 .hero-metal{font-size:11.4vw;line-height:1;max-width:100%;margin-top:5px;letter-spacing:-.07em}.hero h1 .hero-price{font-size:7.7vw;margin-top:31px;line-height:1.1;letter-spacing:-.04em}.hero-lower{margin-top:29px;gap:28px}.hero-lower>p{font-size:14px;max-width:310px;line-height:1.8}.hero-lower .button-row{gap:23px}.hero-signature{display:none}.hero-poster img{object-position:68% center;filter:saturate(.3) contrast(1.15)}.hero-shade{background:linear-gradient(90deg,#05070aa1,#05070a10),linear-gradient(0deg,#08090b 0,#08090b52 38%,transparent 70%,#08090b40)}.hero-foot{font-size:7px;bottom:25px;gap:20px}.hero-foot>span:nth-child(2){margin:0;max-width:120px;font-size:7px}.hero-foot .scroll-line{height:27px}.hero-foot .scroll-cue{gap:12px}
  .intro{padding-block:85px;gap:32px}.intro h2{font-size:9.3vw;line-height:1.17}.intro h2 em{font-size:1.08em}.intro-bottom p:first-child{font-size:14px}.intro-object .section-label{font-size:9px}
  .services-copy h2{font-size:55px}.services-copy>p{font-size:14px}.services-assembly{gap:19px}.service-panel{padding:26px;min-height:240px}.service-panel:nth-child(n){margin:0}.service-panel:nth-child(even){margin-left:18px}.service-panel:nth-child(odd){margin-right:18px}.service-panel h3{font-size:25px}.service-panel>p{font-size:13px}.panel-top{margin-bottom:23px}.panel-foot{font-size:8px}.light-rails{display:none}.environment-services img{object-position:73%;opacity:.35;transform:none}.environment-services:after{background:linear-gradient(#090b0da6,#090b0d55 40%,#090b0da6)}
  .scope-band{display:grid;grid-template-columns:1fr 1fr;gap:15px 12px;padding-block:27px}.scope-label{grid-column:1/-1;margin-bottom:3px}.scope-band>span{font-size:9px}.scope-band>span+span:before{font-size:11px;margin-right:6px}
  .work-heading{margin-bottom:30px}.work-heading h2{font-size:9.4vw;line-height:1.05}.work-heading h2 em{font-size:.82em;line-height:1.15;display:block;margin-top:7px}.work-caption{margin-top:20px;max-width:none}.concept-badge{font-size:8px}.gallery-track{gap:25px}.project-screen>.mock-view{height:440px}.project-info{padding-top:25px}.project-info h3{font-size:29px}.project-info p{font-size:13px}.project-link{font-size:10px}.project-category{font-size:8px;line-height:1.7}.project:after{opacity:.07;height:90px}.gallery-progress{width:85px}.environment-gallery img{opacity:.24;transform:scale(1.1);object-position:center}.gallery-floor{opacity:.4}
  .details-head h2{font-size:51px}.details-head>p{font-size:20px}.technical-orbit{inset:45% -20% 5%;opacity:.7}.detail-watermark{font-size:33vw;left:2%;top:38%}.details-bottom{font-size:12px}.layer-label{display:none}.value-copy h2{font-size:35px}.value-copy p{font-size:14px}.comparison{box-shadow:0 0 0 3px #303636,0 0 0 4px #ffffff15,0 20px 45px #0009}
  .process-header h2{font-size:44px}.process-journey{gap:16px;margin-top:25px}.sculpture{min-height:265px;width:100%;margin-left:0}.chrome-canvas{inset:-7% -5% 0;width:110%;height:300px}.sculpture-axis{bottom:27px;left:5%;right:5%}.sculpture-caption{font-size:7px}.process-steps{margin-top:25px}.process-steps button{min-height:0;padding:23px 4px}.process-steps strong{font-size:28px}.stage-description{font-size:14px;max-width:100%;line-height:1.8}.process-steps [aria-current=step]{background:transparent}
  .responsive-heading h2{font-size:53px}.device-halo{left:-10%;right:-10%;top:38%;height:65%;opacity:.6}.device-podium{bottom:3%;height:10%;left:-15%;right:-15%}
  .why{padding-block:90px;gap:40px}.why-intro h2{font-size:51px}.why-intro>p{font-size:14px;max-width:320px}.why-points{gap:0}.why-points h3{font-size:25px}.why-points p{font-size:14px;max-width:100%}.why-material img{height:55%;top:0;right:-25%;width:145%;opacity:.28}.why-material:after{background:linear-gradient(#090c0e25,#090c0ed9 35%,#090c0e 58%)}
  .social-heading h2{font-size:44px}.social-heading>p{font-size:14px}.social-tile{transform:none}.social-wall{padding-block:15px 35px}.social-foot>span{font-size:9px}
  .questions{padding-block:85px;gap:30px}.questions h2{font-size:48px}.questions-intro>p{font-size:14px;max-width:260px;margin-top:25px}.questions-intro>.text-link{font-size:9px;margin-top:15px}.questions-list summary{font-size:16px;padding-block:22px;gap:18px;min-height:72px}.answer{font-size:14px;padding:0 10px 25px 0}
  .finale h2{font-size:10.2vw;line-height:1.12}.finale-stage{min-height:680px}.architectural-wing{opacity:.75;width:42%}.finale-vault{opacity:.6}.finale-vault img{object-position:50% center}.finale .section-label{font-size:7px;gap:12px}.finale .section-label:before{display:none}.finale p{font-size:14px;max-width:260px}
  .contact{gap:36px}.contact-intro h2{font-size:56px}.contact-intro>p{font-size:14px}.enquiry-next{margin-top:28px;padding-top:19px}.enquiry-next p{font-size:13px}.contact form{padding:23px 18px}.field label,.service-select legend{font-size:12px}.field input,.field textarea,.field select{font-size:16px}.service-options{gap:8px}.service-options label>span{font-size:10px;padding:12px}.form-bottom .button{font-size:10px}.form-bottom p{font-size:10px;line-height:1.8}
  .case-system{padding:25px}.case-system-heading{display:block}.case-system-heading .concept-badge{display:inline-block;margin-top:15px}.case-design-board{grid-template-columns:1fr}.case-type{padding:25px}.case-type strong{font-size:35px}.case-palette{border-left:0;border-top:1px solid #16261b22;padding:25px;gap:15px}.case-palette>div{min-height:70px}.case-journey ol{grid-template-columns:1fr;gap:0}.case-journey li{padding-block:18px;border-bottom:1px solid #fff1;font-size:12px}.case-journey b{padding-right:0}
}
@media(max-width:360px){.hero h1 .hero-metal{font-size:11.3vw}.hero h1 .hero-prefix{font-size:9vw}.hero h1 .hero-price{font-size:8.4vw}.hero-lower .button-row{gap:15px}.hero .button{font-size:9px}.hero .text-link{font-size:9px}.hero-eyebrow{font-size:7px}.scope-band{grid-template-columns:1fr}.scope-label{grid-column:auto}.scope-band>span{font-size:10px}.process-header h2{font-size:39px}.service-panel:nth-child(n){margin:0}.contact form{padding:20px 14px}.social-heading h2{font-size:38px}.questions h2{font-size:44px}}
.motion-reduced .hero-lens{transform:none!important}.motion-reduced .technical-orbit i,.motion-reduced .light-rails i,.motion-reduced .social-tile{transform:none!important}.motion-reduced .button:before{display:none}.motion-reduced .chrome-canvas{pointer-events:none}
@media(prefers-reduced-motion:reduce){.hero-lens{transform:none!important}.technical-orbit i,.light-rails i,.social-tile{transform:none!important}.button:before{display:none}}
/* Hero copy / 08 Oct: three deliberately composed lines supplied by the owner. */
.hero h1 .hero-prefix,.hero h1 .hero-price,.hero h1 .hero-metal{white-space:nowrap}
.hero h1 .hero-price{margin-top:12px;font-size:clamp(38px,4vw,64px)}
.hero h1 .hero-metal{font-size:clamp(68px,7vw,112px);margin-top:5px}
@media(max-width:999px){.hero h1 .hero-prefix{font-size:6.5vw}.hero h1 .hero-price{font-size:4.5vw}.hero h1 .hero-metal{font-size:7.3vw}}
@media(max-width:640px){.hero h1 .hero-prefix{font-size:8.9vw}.hero h1 .hero-price{font-size:7.7vw;margin-top:21px}.hero h1 .hero-metal{font-size:8.6vw;margin-top:14px}}
@media(max-width:360px){.hero h1 .hero-prefix{font-size:8.8vw}.hero h1 .hero-price{font-size:7.7vw}.hero h1 .hero-metal{font-size:8.4vw}}

/* Supplied cinematic: poster and first decoded frame share the same crop. */
.hero-poster img,#hero-video{object-position:center;filter:none;transform:none}
.hero.has-video{--hero-scroll:200vh}
.motion-reduced .hero.has-video{height:100svh}
@media(max-width:640px){.hero.has-video{--hero-scroll:100vh}}

/* Full-bleed brand statement: one editorial composition, no inset card. */
.intro.statement{display:block;width:100%;max-width:none;margin:0;position:relative;padding:64px max(5vw,24px) 28px;min-height:900px;background:#0a0c0e;overflow:hidden;isolation:isolate;border:0}
.statement:after{display:none}
.statement-material{position:absolute;inset:0;z-index:-2;overflow:hidden}
.statement-material img{width:100%;height:100%;object-fit:cover;object-position:70% center;opacity:.42}
.statement-material:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#090b0df5 0%,#090b0da8 45%,#090b0d16 100%),linear-gradient(0deg,#090b0d 0%,transparent 40%)}
.statement-top{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-bottom:34px;border-bottom:1px solid #ffffff30}
.statement-top .section-label{margin:0;font-size:10px;letter-spacing:.14em}
.statement-index{font-size:9px;letter-spacing:.14em;color:#b9b9b4}
.statement-main{padding:70px 0 64px}
.intro.statement h2{font-size:clamp(62px,8.15vw,180px);font-weight:600;letter-spacing:-.067em;line-height:.97;max-width:none}
.statement h2>span{display:block}
.statement h2>span:first-child{font-size:.55em;letter-spacing:-.045em;font-weight:350;margin-bottom:22px;color:#c6c7c4}
.statement-chrome{color:#eceee9;background:linear-gradient(177deg,#fff 10%,#e5e7e2 36%,#90958f 51%,#eef0e9 63%,#b4b9b1 83%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.statement-bottom{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:34px 0 48px;border-top:1px solid #ffffff30;align-items:start}
.statement-lead{font-size:clamp(22px,2.15vw,36px);letter-spacing:-.035em;line-height:1.3;color:#eee}
.statement-detail{max-width:480px}.statement-detail p{font-size:14px;line-height:1.9;color:#babdbb}.statement-detail .text-link{margin-top:22px;font-size:10px}
.statement-foot{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff20;padding-top:22px;font-size:9px;letter-spacing:.12em;color:#a8aca7}.statement-foot>span:last-child{font-size:28px;line-height:1}
@media(min-width:1800px){.intro.statement{padding-inline:7vw}}
@media(max-width:999px){.intro.statement{min-height:0;padding:48px 32px 26px}.statement-main{padding:65px 0}.intro.statement h2{font-size:9.9vw}.statement-bottom{gap:7%}.statement-lead{font-size:25px}.statement-index{display:none}}
@media(max-width:640px){.intro.statement{padding:36px 23px 24px}.statement-top{padding-bottom:24px}.statement-top .section-label{font-size:8px;letter-spacing:.08em}.statement-main{padding:54px 0 40px}.intro.statement h2{font-size:10.7vw;line-height:1.02}.statement h2>span:first-child{font-size:.62em;margin-bottom:18px}.statement-bottom{grid-template-columns:1fr;gap:25px;padding:28px 0 35px}.statement-lead{font-size:25px}.statement-detail p{font-size:14px}.statement-foot{font-size:7px;line-height:1.6;gap:15px}.statement-foot>span{max-width:130px}.statement-material img{object-position:62% center;opacity:.3}}
/* Extended portfolio: two distinct art directions, built as responsive interfaces. */
.extended-work{padding:110px 5vw;background:#0b0d0f;border-block:1px solid #ffffff18}.extended-heading{display:flex;justify-content:space-between;gap:60px;align-items:end;margin-bottom:60px}.extended-heading h2{font-size:clamp(42px,4.5vw,76px);line-height:1.08}.extended-heading>p{max-width:330px;color:#b7bab7;font-size:14px;line-height:1.9}.extended-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:40px}.extended-project:nth-child(2){margin-top:110px}.extended-preview{padding:9px;border:1px solid #ffffff30;background:linear-gradient(130deg,#575d5b33,#151817);box-shadow:0 30px 60px #0006}.extended-preview>.mock-view{height:530px;container-type:inline-size;overflow:hidden}.extended-caption{padding-top:25px}.extended-caption h3{font-size:34px;margin:9px 0;letter-spacing:-.04em}.extended-caption p{font-size:13px;color:#aeb3b0}.extended-caption .project-link{margin-top:14px}.site-meridian{position:relative;height:100%;overflow:hidden;background:radial-gradient(ellipse at 60% 45%,#5e6656 0,#262d28 45%,#141a17 85%);color:#f1eee4}.site-meridian .mini-nav{position:relative;z-index:3}.site-meridian .mini-brand{font-size:2cqi}.site-meridian .mini-links{font-size:1.5cqi}.meridian-word{position:absolute;top:17%;left:4%;font-size:15cqi;font-weight:500;letter-spacing:-.08em;color:#c6c9b7}.watch-stage{position:absolute;inset:10% 15% 7%;transform:rotate(-24deg)}.watch-strap{position:absolute;left:35%;top:-6%;height:112%;width:30%;background:repeating-linear-gradient(0deg,#20251f 0,#20251f 13px,#6c6e58 14px,#24291e 16px);border-inline:4px solid #535747;box-shadow:14px 4px 25px #0007}.watch-case{position:absolute;top:25%;left:13%;width:74%;aspect-ratio:1;border-radius:50%;padding:8%;background:conic-gradient(#a0a596,#fcf9e9,#454b42,#d6d6c7,#71796a,#ffffec,#666e5c,#a0a596);box-shadow:inset 0 0 0 2px #e9e9d488,8px 15px 25px #0009}.watch-dial{height:100%;border-radius:50%;position:relative;background:radial-gradient(circle,#303831,#111b17);box-shadow:0 0 0 3px #171e19,inset 0 0 20px #000}.watch-dial:before{content:'';position:absolute;inset:5%;border-radius:50%;background:repeating-conic-gradient(#d9d7b7 0 1deg,transparent 1deg 30deg);mask:radial-gradient(circle,transparent 63%,#000 64%)}.watch-name{position:absolute;top:30%;width:100%;text-align:center;font-size:1.8cqi;letter-spacing:.15em}.watch-name small{font-size:.65em;letter-spacing:.2em}.watch-twelve,.watch-six{position:absolute;left:0;width:100%;text-align:center;font-family:Georgia,serif;font-size:3.2cqi}.watch-twelve{top:8%}.watch-six{bottom:8%}.watch-hand{position:absolute;left:49%;bottom:50%;transform-origin:bottom;width:3%;background:linear-gradient(90deg,#9fa68b,#fff9d9,#767f68);clip-path:polygon(50% 0,100% 20%,80% 100%,20% 100%,0 20%)}.watch-hand.hour{height:24%;transform:rotate(-50deg)}.watch-hand.minute{height:35%;transform:rotate(48deg)}.watch-pin{position:absolute;width:6%;height:6%;background:#e3dec2;border-radius:50%;left:47%;top:47%}.watch-date{position:absolute;top:47%;right:12%;font-size:1.7cqi;background:#d2cfbd;color:#222;padding:0 3px}.meridian-footer{position:absolute;bottom:5%;left:5%;right:5%;display:flex;justify-content:space-between;align-items:end;gap:10px}.meridian-footer .mini-title{font-size:5cqi;line-height:1.1}.meridian-footer .mini-button{font-size:1.7cqi;border-color:#eeebd366}.site-terrain{height:100%;background:#eae7dc;color:#34362e;position:relative;overflow:hidden}.site-terrain .mini-nav{border-bottom:1px solid #34362e30}.site-terrain .mini-brand{font-size:3cqi;font-weight:700}.site-terrain .mini-links{font-size:1.6cqi}.terrain-title{padding:6% 6% 4%;font-size:8.5cqi;line-height:.95;letter-spacing:-.06em;position:relative}.terrain-title i{font-family:Georgia,serif;font-weight:400;color:#a44632}.terrain-title>span{display:block;font-size:1.35cqi;letter-spacing:.12em;margin-top:5%}.terrain-image{height:46%;position:relative;margin:0 5%;overflow:hidden;border-radius:48% 48% 0 0 / 55% 55% 0 0}.terrain-image img{width:100%;height:100%;object-fit:cover}.terrain-image>span{position:absolute;bottom:7%;left:6%;font-size:1.4cqi;color:#fff;line-height:1.6;text-shadow:0 1px 8px #000}.terrain-image>b{position:absolute;bottom:6%;right:6%;border-radius:50%;background:#e9e5d8;width:8cqi;height:8cqi;display:grid;place-items:center;font-size:4cqi;font-weight:400}.terrain-footer{padding:5%;display:flex;justify-content:space-between;font-size:1.5cqi;gap:12px}.dialog-body>.mock-view:has(.site-meridian),.dialog-body>.mock-view:has(.site-terrain){container-type:inline-size;height:650px;max-width:1000px;margin:auto}.dialog-body .meridian-word{font-size:12cqi}.dialog-body .watch-stage{inset:6% 25%}.dialog-body .terrain-image{height:40%}.dialog-body .terrain-title{font-size:6cqi;padding:3% 5%}
@media(max-width:999px){.extended-work{padding:85px 32px}.extended-heading{align-items:start;flex-direction:column;gap:25px}.extended-heading>p{max-width:500px}.extended-grid{gap:25px}.extended-preview>.mock-view{height:410px}.extended-project:nth-child(2){margin-top:80px}.extended-caption h3{font-size:28px}}
@media(max-width:640px){.extended-work{padding:75px 23px}.extended-heading{margin-bottom:38px}.extended-heading h2{font-size:40px}.extended-grid{grid-template-columns:1fr;gap:48px}.extended-project:nth-child(2){margin-top:0}.extended-preview>.mock-view{height:420px}.extended-caption .project-category{font-size:8px}.extended-caption p{font-size:13px;line-height:1.6}.dialog-body>.mock-view:has(.site-meridian),.dialog-body>.mock-view:has(.site-terrain){height:440px}.dialog-body .watch-stage{inset:8% 15%}.dialog-body .terrain-title{font-size:9cqi;padding:7% 5%}.dialog-body .terrain-image{height:48%}}