:root{--ink:#0a0b0c;--coal:#111315;--deep:#171817;--cream:#e7e0d3;--cream-2:#d6cfc2;--white:#f5f1e9;--quiet:#b0afa9;--brass:#cbb69a;--serif:Georgia,'Times New Roman',serif;--sans:'Helvetica Neue',Helvetica,Arial,sans-serif;--ease:cubic-bezier(.22,1,.36,1)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:72px}body{margin:0;background:var(--ink);color:var(--white);font-family:var(--sans);overflow-x:hidden;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--brass);outline-offset:5px}h1,h2,h3,p{margin-top:0}::selection{background:#c6b59c;color:#0c0b0a}img{max-width:100%;display:block}.skip{position:absolute;top:-100px;left:16px;z-index:110;background:#f3efe7;color:#161719;padding:12px 18px}.skip:focus{top:12px}
/* atmosphere */
.film-grain{position:fixed;inset:0;pointer-events:none;z-index:130;opacity:.095;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.27'/%3E%3C/svg%3E");background-size:160px 160px;mix-blend-mode:screen}.global-progress{height:2px;position:fixed;top:0;left:0;right:0;z-index:200;background:transparent}.global-progress span{display:block;height:100%;width:0;background:var(--brass);transform-origin:0 50%}
.load-screen{position:fixed;inset:0;z-index:300;background:#0a0b0c;display:grid;place-items:center;transition:opacity 1s var(--ease),visibility 1s}.load-screen.done{opacity:0;visibility:hidden;pointer-events:none}.load-inner{text-align:center}.load-symbol{display:block;font:normal 100px/1 var(--serif);font-weight:400;letter-spacing:-.15em;padding-right:.15em}.load-symbol .dot{color:#c7b397;font:52px var(--serif)}.load-inner p{margin:25px 0 19px;letter-spacing:.36em;font-size:9px;color:#bfb6aa}.load-rule{display:block;width:150px;height:1px;background:#46403c;margin:auto;overflow:hidden}.load-rule i{display:block;height:100%;width:40%;background:#d5b999;animation:loadscan 1.6s ease-in-out infinite}@keyframes loadscan{0%{transform:translateX(-110%)}100%{transform:translateX(390%)}}
/* shared typography */
.micro,.chapter-label,.eyebrow,.tiny-index,.photo-meta,.spec-reference{font-size:10px;font-weight:500;letter-spacing:.24em;line-height:1.5}.chapter-label{letter-spacing:.19em;color:#c8c0b7}.dark-label{color:#575652}.eyebrow{display:flex;align-items:center;gap:13px;letter-spacing:.18em}.dash{display:inline-block;vertical-align:middle;width:25px;height:1px;background:currentColor;opacity:.58}.hero h1,.statement h2,.passage h2,.design h2,.reveal h2,.inside h2,.craft h2,.edition h2,.finale h2{font-family:var(--serif);font-weight:400;letter-spacing:-.065em}em{font-weight:400;font-style:italic}.reveal-on-scroll{opacity:0;transform:translateY(40px);transition:opacity 1.15s var(--ease),transform 1.15s var(--ease)}.reveal-on-scroll.visible{opacity:1;transform:none}.hairline{height:1px;background:#726f6940;margin:36px 0 22px}
/* fixed masthead */
.header{position:fixed;top:0;left:0;right:0;height:86px;z-index:140;padding:0 clamp(24px,4.25vw,84px);display:flex;align-items:center;justify-content:space-between;gap:20px;transition:background .5s,box-shadow .5s,color .5s}.header.scrolled{background:rgba(12,13,14,.85);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 1px 0 #ffffff1a}.header.on-light:not(.scrolled){color:#201f1b}.brand{display:flex;align-items:center;gap:13px;position:relative;z-index:2;white-space:nowrap}.brand-monogram{font:35px/1 var(--serif);letter-spacing:-.18em;padding-right:7px}.brand-monogram span{color:var(--brass);font:22px var(--serif)}.brand-name{font:400 18px/1 var(--serif);letter-spacing:.37em}.nav-links{display:flex;gap:clamp(20px,2.4vw,44px);align-items:center;margin-left:1vw}.nav-links a{font-size:10px;letter-spacing:.13em;color:#e0dcd4;position:relative;padding:10px 0;transition:color .3s}.nav-links a::after{content:'';position:absolute;height:1px;bottom:5px;left:0;right:100%;background:var(--brass);transition:right .45s var(--ease)}.nav-links a:hover::after{right:0}.nav-links a:hover{color:white}.nav-actions{display:flex;align-items:center;gap:23px}.lang-toggle{background:none;border:0;padding:11px 0;font-size:10px;color:#e6e0d7;letter-spacing:.15em}.lang-divide{opacity:.35;padding:0 2px}.header-cta{border:1px solid #f4efe35e;display:flex;align-items:center;gap:31px;font-size:10px;letter-spacing:.11em;padding:15px 20px;transition:background .3s,color .3s,border-color .3s}.header-cta:hover{background:var(--white);border-color:var(--white);color:#171615}.arrow-up{font-size:17px}.menu-toggle{width:36px;height:32px;display:none;border:none;background:none;padding:4px;flex-direction:column;gap:7px;justify-content:center}.menu-toggle span{width:24px;height:1px;background:currentColor;display:block;transition:transform .3s}.menu-toggle.active span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle.active span:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-nav{position:fixed;inset:0;z-index:135;background:#131414;display:flex;flex-direction:column;justify-content:center;padding:110px 8vw 50px;gap:22px;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-30px);transition:opacity .45s,transform .45s,visibility .45s}.mobile-nav.open{opacity:1;visibility:visible;pointer-events:auto;transform:none}.mobile-nav a{font:normal clamp(36px,9vw,64px)/1.15 var(--serif);border-bottom:1px solid #ffffff20;padding:8px 0 19px}.mobile-nav p{letter-spacing:.22em;color:#85827c;font-size:10px;margin-top:28px}.chapter-index{position:fixed;z-index:105;left:clamp(16px,3vw,60px);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;font:10px var(--sans);letter-spacing:.08em;color:#ffffffb0;pointer-events:none;mix-blend-mode:difference}.chapter-line{height:103px;width:1px;background:#ffffff66;position:relative}.chapter-line i{display:block;position:absolute;top:0;height:0;width:1px;background:white;transition:height .5s}
/* hero */
.hero{position:relative;min-height:850px;height:100svh;max-height:1300px;isolation:isolate;display:flex;align-items:center;overflow:hidden;background:#080909}.hero-art{position:absolute;inset:0;z-index:-1}.hero-image{position:absolute;inset:-3%;background:url('assets/photos/hero_campaign.webp') center 47%/cover no-repeat;filter:saturate(.75) contrast(1.05) brightness(.82);transform:scale(1.055);will-change:transform}.hero-colorwash{position:absolute;inset:0;background:linear-gradient(90deg,#060708 0%,rgba(6,7,8,.92) 22%,rgba(7,8,9,.72) 39%,rgba(7,8,9,.07) 68%,rgba(8,9,10,.15) 90%),linear-gradient(0deg,#080909 0%,transparent 17%,transparent 80%,#08090a90 100%)}.hero-specular{position:absolute;inset:0;background:radial-gradient(ellipse at 66% 42%,transparent 0 35%,rgba(0,0,0,.15) 77%);pointer-events:none}.hero-content{position:relative;width:min(100%,1600px);padding:9vh clamp(35px,9.1vw,175px) 80px;z-index:4}.hero-kicker{color:#c5b5a0;margin-bottom:64px}.hero-prefix{letter-spacing:.34em;font-size:11px;color:#c9c2b9;margin-bottom:12px}.hero-title{font-size:clamp(76px,10.3vw,171px);line-height:.9;margin:0 0 31px;letter-spacing:-.073em;text-shadow:0 1px 35px #0005}.hero-title em{font-size:.96em;color:#eee6d9}.hero-desc{font-family:var(--serif);font-size:clamp(15px,1.3vw,21px);line-height:1.65;color:#e0d7cb;max-width:400px;margin:0 0 37px}.round-cta{display:inline-flex;align-items:center;gap:19px;letter-spacing:.18em;font-size:10px;font-weight:600}.round-icon{width:57px;height:57px;border:1px solid #ffffff85;border-radius:100%;display:grid;place-items:center;font-size:26px;transition:background .3s,color .3s,transform .3s}.round-cta:hover .round-icon{background:var(--white);color:var(--ink);transform:rotate(-45deg)}.cta-line{display:block;width:61px;height:1px;background:#e1ddd28a;transition:width .45s}.round-cta:hover .cta-line{width:94px}.hero-footer{position:absolute;bottom:38px;left:clamp(34px,9.1vw,175px);right:clamp(34px,4vw,70px);display:flex;align-items:flex-end;justify-content:space-between;z-index:4;color:#aaa8a1}.hero-footer .micro{font-size:9px}.scroll-signal{display:flex;align-items:center;gap:17px;font-size:9px;letter-spacing:.25em;color:#d8d2c6}.vertical-bar{display:block;width:1px;height:59px;position:relative;background:#ffffff45}.vertical-bar::after{content:'';position:absolute;top:0;width:1px;height:21px;background:var(--white);animation:scrollbar 2.1s infinite ease-in-out}@keyframes scrollbar{from{transform:translateY(0)}to{transform:translateY(38px)}}.animate-in{opacity:0;transform:translateY(24px);animation:heroIn 1.2s var(--ease) forwards}.hero-prefix{animation-delay:.18s}.hero-title{animation-delay:.32s}.hero-desc{animation-delay:.48s}.round-cta{animation-delay:.65s}@keyframes heroIn{to{opacity:1;transform:none}}
/* brand manifesto */
.statement{background:#e8e2d8;color:#161715;position:relative;min-height:770px;display:flex;justify-content:center;align-items:center;padding:120px 12vw;overflow:hidden}.statement::after{content:'';position:absolute;width:55vw;height:55vw;border:1px solid #655c4f15;border-radius:50%;right:-32vw;top:-28vw}.statement>.chapter-label{position:absolute;top:93px;left:10vw}.statement-body{max-width:1120px;text-align:center;position:relative;z-index:1}.ornament{display:block;font-family:var(--serif);font-size:30px;line-height:1;color:#867c70;margin-bottom:30px}.statement-body>p:first-of-type{font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:#706b63;margin:0 0 35px}.statement h2{font-size:clamp(55px,6.8vw,112px);line-height:1.13;margin-bottom:33px;letter-spacing:-.055em}.statement h2 em{color:#746d62}.statement-small{max-width:520px;margin:0 auto;line-height:1.85;font-size:13px;color:#5e5d58}.statement-bottom{position:absolute;left:10vw;right:10vw;bottom:49px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.25em;color:#858075}
/* portal */
.passage{height:310vh;position:relative;background:#060709}.passage-pin{height:100svh;min-height:650px;position:sticky;top:0;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 55%,#494743 0%,#1a1c1e 25%,#07090b 72%)}.passage-atmosphere{position:absolute;inset:0;opacity:.6;background:radial-gradient(circle at 50% 52%,#a5a9a04f 0%,transparent 24%),linear-gradient(90deg,#000 0%,transparent 50%,#000 100%)}#tunnel-canvas{position:absolute;inset:0;width:100%;height:100%;mix-blend-mode:screen;opacity:.78}.passage-shot{position:absolute;inset:9% 21%;background:url('assets/photos/hero_object.webp') center/contain no-repeat;opacity:0;filter:brightness(.76) contrast(1.19);mask-image:radial-gradient(ellipse at 50% 53%,#000 14%,#0009 36%,transparent 64%);will-change:transform,opacity}.passage-vignette{position:absolute;inset:0;background:linear-gradient(90deg,#050607aa 0%,transparent 50%,#0506079b 100%),linear-gradient(0deg,#060709 0%,transparent 22%,transparent 70%,#05060795 100%);pointer-events:none}.passage-head,.passage-final{position:absolute;left:clamp(45px,10vw,170px);top:38%;transform:translateY(-32%);pointer-events:none;will-change:transform,opacity}.passage-head h2{font-size:clamp(65px,7.8vw,134px);line-height:.95;margin:33px 0 28px}.passage-head h2 em{color:#dfd0bd}.passage-head p{font-family:var(--serif);font-size:20px;color:#d7d2c8;max-width:400px}.passage-final{left:auto;right:clamp(45px,9vw,150px);top:45%;text-align:right;opacity:0}.passage-final p{font:normal clamp(35px,4.8vw,82px)/1.1 var(--serif);letter-spacing:-.04em;margin:22px 0}.passage-foot{position:absolute;bottom:40px;left:clamp(45px,9vw,150px);right:clamp(45px,6vw,100px);display:flex;justify-content:space-between;font-size:9px;letter-spacing:.22em;color:#cdc6bd}.passage-depth b{font-weight:400;font-variant-numeric:tabular-nums;color:#fff}
/* materials editorial */
.design{padding:150px clamp(33px,8.8vw,170px) 170px;background:#121311;color:#f2eee6;overflow:hidden}.design-intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;column-gap:4vw;margin-bottom:75px}.design-intro .chapter-label{grid-column:1/-1;color:#bbb1a4;margin-bottom:24px}.design h2{font-size:clamp(61px,7vw,116px);line-height:1;margin:0}.design h2 em{color:#bdb0a1}.design-intro>p{max-width:360px;color:#b8b6ae;font:normal clamp(16px,1.55vw,22px)/1.65 var(--serif);justify-self:end;margin:0 0 4px}.design-editorial{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(30px,5vw,100px);align-items:end}.design-photo-wrap{min-width:0}.design-photo{height:clamp(460px,55vw,740px);position:relative;overflow:hidden;background:linear-gradient(90deg,#111 0%,#171a18 10%,transparent 60%),url('assets/photos/aluminum_macro.webp') 49% 50%/cover no-repeat;filter:contrast(1.13);transition:background-position .3s}.design-photo::after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 140px #08090b7d}.photo-meta{display:flex;justify-content:space-between;margin-top:14px;font-size:9px;color:#99928a;letter-spacing:.13em}.design-secondary{padding-bottom:25px}.detail-photo{height:280px;margin-bottom:35px;background:url('assets/photos/shell_detail.webp') center/cover no-repeat;filter:contrast(1.13)}.design-secondary .eyebrow{color:#bbac9e}.design-secondary h3{font:normal 49px/1.08 var(--serif);letter-spacing:-.05em;margin:21px 0}.design-secondary p{font:normal 17px/1.73 var(--serif);color:#bfbdb7;max-width:340px}.spec-reference{color:#88837b;font-size:9px}
/* scroll-scrubbed real mechanical geometry */
.reveal{position:relative;height:390vh;background:#080909;color:#f4f0e6}.reveal-pin{height:100svh;min-height:650px;position:sticky;top:0;overflow:hidden;isolation:isolate}.reveal-back{position:absolute;inset:0;background:radial-gradient(ellipse at 66% 50%,#363535 0%,#151616 26%,#090a0a 65%)}.reveal-ring{position:absolute;right:13%;top:50%;height:80vmin;width:80vmin;border:1px solid #d7c7ac1b;border-radius:50%;transform:translate(20%,-50%);box-shadow:0 0 90px #c2ab8c08}.reveal-ring.r2{width:115vmin;height:115vmin;right:7%;opacity:.45}.reveal-ring.r3{width:150vmin;height:150vmin;right:-2%;opacity:.25}.reveal-floor{position:absolute;bottom:7%;right:6%;width:70%;height:20%;background:radial-gradient(ellipse at 50% 50%,#918d8133 0%,transparent 70%);filter:blur(22px);transform:perspective(500px) rotateX(60deg)}#reveal-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;filter:contrast(1.15) brightness(.91) saturate(.83)}.reveal-ui{position:absolute;inset:0;z-index:5;pointer-events:none}.reveal-top{position:absolute;top:125px;left:clamp(40px,9vw,152px);right:clamp(40px,6.5vw,110px);display:flex;justify-content:space-between;color:#d8cfc3}.reveal-counter{font-size:9px;letter-spacing:.18em;color:#88847c}.reveal-copy{position:absolute;top:47%;left:clamp(45px,9vw,152px);transform:translateY(-40%) translateY(28px);max-width:570px;opacity:0;visibility:hidden;transition:opacity .19s,transform .35s var(--ease),visibility 0s .19s}.reveal-copy.is-on{opacity:1;visibility:visible;transform:translateY(-40%);transition:opacity .3s,transform .4s var(--ease),visibility 0s}.tiny-index{color:#c0b19c;font-size:10px}.reveal h2{font-size:clamp(56px,6.5vw,117px);line-height:.99;margin:25px 0}.reveal h2 em{color:#d4c5b0}.reveal-copy>p{font:normal 17px/1.65 var(--serif);color:#b9b5af;max-width:300px}.reveal-bottom{position:absolute;left:clamp(42px,9vw,152px);right:clamp(42px,7vw,115px);bottom:50px;display:flex;gap:25px;align-items:center}.reveal-bottom .micro{font-size:9px;color:#aaa59c;white-space:nowrap}.reveal-progress{width:min(30vw,230px);height:1px;background:#ffffff36;overflow:hidden;margin-left:auto}.reveal-progress i{display:block;height:100%;width:0;background:#cdbca8}.opening-percentage{font-size:10px;letter-spacing:.12em;font-variant-numeric:tabular-nums;color:#ddd5c8;width:45px;text-align:right}.wire-layer{position:absolute;inset:0;overflow:visible;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .35s}.wire-layer path{fill:none;stroke:#cfbeab;stroke-width:1.1px;vector-effect:non-scaling-stroke;opacity:.84}.wire-layer circle{fill:#eaded1;stroke:#c2a986;stroke-width:3px;vector-effect:non-scaling-stroke}.feature-callout{position:absolute;left:12%;top:74%;max-width:250px;text-transform:uppercase;opacity:0;transition:opacity .25s;line-height:1.4;min-width:180px}.feature-callout .feature-tag{font-size:8px;letter-spacing:.2em;color:#c0b5a8}.feature-callout strong{display:block;font:400 16px/1.35 var(--serif);letter-spacing:.08em;margin:7px 0}.feature-callout small{display:block;text-transform:none;font:normal 12px var(--serif);color:#b8b3aa}
/* inner textile */
.inside{background:#e8e2d7;color:#171816;padding:150px clamp(35px,8vw,155px) 170px;overflow:hidden}.inside-copy{max-width:760px;margin-bottom:60px}.inside h2{font-size:clamp(72px,7.7vw,130px);line-height:.98;margin:30px 0 30px}.inside h2 em{color:#867d72}.inside-copy>p{font:normal clamp(17px,1.45vw,23px)/1.7 var(--serif);max-width:435px;color:#68625a}.inside-subnote{display:block;letter-spacing:.17em;font-size:9px;margin-top:34px;color:#70675c}.inside-gallery{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,.65fr);gap:4vw;align-items:end}.inside-primary{position:relative}.inside-img{height:clamp(400px,52vw,665px);background:linear-gradient(0deg,#0e0d0d5e 0%,transparent 35%),url('assets/photos/interior_lifestyle.webp') center 54%/cover no-repeat;filter:contrast(1.10);position:relative}.inside-img::after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 100px #08070660;pointer-events:none}.inside .photo-meta{color:#706b61}.hotspot{position:absolute;z-index:4;display:grid;place-items:center;width:45px;height:45px;border:1px solid #fff9;border-radius:50%;background:#17171893;color:white;font-size:24px;line-height:1;transition:background .3s,transform .3s}.hotspot:hover,.hotspot:focus-visible,.hotspot.active{background:#f2e9da;color:#151616;transform:scale(1.1)}.hotspot-one{top:43%;left:46%}.hotspot-two{top:65%;left:72%}.hotspot-info{position:absolute;bottom:52px;left:35px;z-index:3;background:#101110e8;color:#e8e1d5;padding:25px 31px;width:min(330px,75%);border:1px solid #ffffff24;backdrop-filter:blur(12px);transition:opacity .3s}.hotspot-info span{font-size:9px;letter-spacing:.17em;color:#cbb9a2}.hotspot-info h3{font:normal 25px/1.2 var(--serif);margin:12px 0}.hotspot-info p{font:normal 13px/1.5 var(--serif);margin:0;color:#c5c0b9}.inside-side-img{height:280px;background:url('assets/photos/interior_detail.webp') center/cover no-repeat;filter:contrast(1.1)}.inside-side p{font:normal 27px/1.3 var(--serif);margin-top:27px;max-width:250px;letter-spacing:-.022em}
/* wheel cinematic feature */
.craft{background:#101010;overflow:hidden}.craft-film{height:100svh;min-height:680px;position:relative;display:flex;align-items:center;overflow:hidden}.craft-film-image{position:absolute;inset:-8%;background:url('assets/photos/wheel_macro.webp') 62% 48%/cover no-repeat;filter:brightness(.72) saturate(.52) contrast(1.15);will-change:transform}.craft-film-shade{position:absolute;inset:0;background:linear-gradient(90deg,#070808f2 0%,#080808c5 30%,#08080844 63%,#0808081a 100%),linear-gradient(0deg,#07080866,transparent 32%)}.craft-label{position:relative;padding:100px clamp(35px,9vw,160px);z-index:2;max-width:800px}.craft h2{font-size:clamp(65px,8.3vw,140px);line-height:.92;margin:32px 0 28px}.craft h2 em{color:#c7b7a3}.craft-label p{font:normal 19px/1.6 var(--serif);max-width:390px;color:#d4cfc8}.text-button{border:0;background:none;color:#f2ece0;display:flex;gap:34px;align-items:center;padding:16px 0 12px;border-bottom:1px solid #efe5d3a5;margin-top:26px;font-size:10px;letter-spacing:.16em;text-transform:uppercase}.text-button>span:last-child{font-size:20px;transition:transform .35s}.text-button:hover>span:last-child{transform:translate(4px,-4px)}.craft-details{position:absolute;z-index:10;right:0;top:0;bottom:0;width:min(530px,100%);background:#ded7cc;color:#191a18;padding:130px 55px 45px;overflow:auto;box-shadow:-30px 0 100px #0007}.craft-details[hidden]{display:none}.close-details{border:0;background:none;position:absolute;top:90px;right:45px;font-size:33px;color:#171717}.craft-details h3{font:normal 54px/1.05 var(--serif);letter-spacing:-.04em;margin:26px 0}.craft-details p{font:normal 17px/1.6 var(--serif);color:#64605b}.craft-details img{width:100%;margin-top:29px}
/* real catalogue-style product experience, not dummy ecommerce */
.edition{background:#ebe7df;color:#1c1d1b;padding:117px clamp(30px,7.4vw,142px) 145px}.edition-header{display:flex;justify-content:space-between;padding-bottom:30px;border-bottom:1px solid #1515123b;color:#53524e}.edition-grid{display:grid;grid-template-columns:1.13fr .87fr;gap:clamp(55px,6.5vw,130px);align-items:center;margin-top:68px}.edition-image{height:clamp(540px,52vw,800px);background:linear-gradient(0deg,#20222222,transparent 36%),url('assets/photos/hero_atelier.webp') center/cover no-repeat;filter:contrast(1.05)}.edition-info{max-width:490px}.edition-info .eyebrow{color:#70695e}.edition h2{font-size:clamp(90px,10vw,177px);line-height:.85;margin:37px 0 33px}.edition h2 em{font-size:.88em;color:#858077}.edition-tag{font-size:12px;letter-spacing:.25em;margin-bottom:29px}.edition-paragraph{font:normal 20px/1.64 var(--serif);color:#69645e;margin-bottom:45px}.edition-finish{padding:24px 0;border-top:1px solid #9c958a70;border-bottom:1px solid #9c958a70}.edition-finish>span{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#817971}.finish-identity{display:flex;gap:17px;align-items:center;margin-top:17px;font-size:11px;letter-spacing:.14em}.finish-swatch{display:inline-block;width:29px;height:29px;border:1px solid #aaa7a2;border-radius:50%;background:linear-gradient(135deg,#aeb1b2,#fbfaf5 36%,#777d81 63%,#c3c4bf);box-shadow:0 0 0 4px #ece8e2,0 0 0 5px #aaa399}.finish-identity>span:last-child{color:#8d8579;margin-left:auto}.edition-actions{display:flex;flex-direction:column;gap:18px;margin-top:39px}.edition-primary{background:#191a19;color:#f2eee9;padding:24px 25px;display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.08em;transition:background .35s}.edition-primary:hover{background:#393835}.edition-primary span:last-child{font-size:19px}.edition-secondary{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.09em;padding:15px 0 18px;border-bottom:1px solid #1115}.edition-secondary span:last-child{font-size:17px}.concept-disclosure{display:block;margin-top:27px;font-size:11px;color:#877f76;line-height:1.5}
/* closing statement */
.finale{position:relative;height:85svh;min-height:610px;display:grid;place-items:center;overflow:hidden;background:#141310}.finale-art{position:absolute;inset:-12%;background:url('assets/photos/hero_campaign.webp') center/cover no-repeat;filter:brightness(.37) grayscale(.38) contrast(1.2);transform:scale(1.05)}.finale-art::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,#0a0b0b55,#080909dd 77%)}.finale-content{text-align:center;position:relative}.finale h2{font-size:clamp(78px,10vw,167px);line-height:.91;margin:30px 0 45px}.finale h2 em{color:#d2bd9e}.finale-link{display:inline-flex;justify-content:space-between;align-items:center;gap:45px;border:1px solid #d3c4aa;padding:19px 25px;font-size:11px;letter-spacing:.13em;transition:background .3s,color .3s}.finale-link:hover{background:#e6e0d3;color:#141513}
/* footer */
.footer{background:#0b0c0c;padding:80px clamp(35px,7.2vw,140px) 28px;color:#d7d1c6;display:grid;grid-template-columns:1fr auto;gap:90px}.footer-brand{display:block;font:normal 58px var(--serif);letter-spacing:.11em;margin-bottom:15px}.footer-sub{font-size:9px;letter-spacing:.17em;color:#88857e}.footer-right{display:flex;flex-wrap:wrap;gap:33px;align-self:center}.footer-right a{font-size:11px;color:#bfbab1}.footer-right a:hover{color:#f1e7d7}.footer-bottom{grid-column:1/-1;border-top:1px solid #ffffff25;display:flex;justify-content:space-between;align-items:center;gap:18px;padding-top:26px;font-size:8px;letter-spacing:.13em;color:#777670}.footer-bottom a{color:#b4a998}
/* Mobile */
@media(max-width:1120px){.nav-links{display:none}.menu-toggle{display:flex}.header-cta{padding:14px 17px}.hero-content{padding-left:10vw}.hero-title{font-size:clamp(83px,11.6vw,150px)}.design-editorial{grid-template-columns:1.3fr .9fr;gap:38px}.design-secondary .detail-photo{height:210px}.reveal-copy{max-width:48%}.reveal h2{font-size:clamp(56px,6.7vw,99px)}.inside-gallery{grid-template-columns:1.5fr .8fr}.footer-right{gap:18px}}
@media(max-width:780px){.header{height:74px;padding:0 22px}.brand-name{font-size:15px}.brand-monogram{font-size:29px}.header-cta{display:none}.nav-actions{gap:17px}.chapter-index{display:none}.hero{height:100svh;min-height:650px;max-height:none;align-items:flex-end}.hero-image{background-position:55% center;filter:brightness(.71) saturate(.8)}.hero-colorwash{background:linear-gradient(0deg,#07090a 0%,#07090aee 12%,#07090abb 33%,#05060712 75%,#090b0ce0 100%),linear-gradient(90deg,#08090985,transparent 70%)}.hero-content{padding:0 28px 140px}.hero-kicker{margin-bottom:27px;font-size:9px}.hero-prefix{font-size:8px;letter-spacing:.19em}.hero-title{font-size:clamp(71px,13.2vw,120px);margin-bottom:25px}.hero-desc{font-size:15px;max-width:300px;margin-bottom:28px}.hero-footer{left:28px;right:25px;bottom:18px}.hero-footer .footer-corner{display:none}.hero-footer .micro{max-width:150px;font-size:8px;line-height:1.6}.scroll-signal{font-size:8px;gap:8px}.vertical-bar{height:38px}.hero-footer{align-items:center}.statement{min-height:650px;padding:100px 30px 90px}.statement>.chapter-label{left:28px;top:70px}.statement-body>p:first-of-type{font-size:9px}.statement h2{font-size:clamp(47px,10vw,78px)}.statement-small{font-size:13px}.statement-bottom{left:27px;right:27px;bottom:30px;font-size:8px}.passage{height:270vh}.passage-pin{min-height:550px}.passage-head{left:32px;top:37%}.passage-head h2{font-size:clamp(61px,11vw,89px)}.passage-head p{font-size:16px;max-width:270px}.passage-final{right:24px;top:48%}.passage-final p{font-size:clamp(37px,8vw,56px)}.passage-foot{left:26px;right:25px;bottom:32px;font-size:8px}.design{padding:105px 26px 110px}.design-intro{grid-template-columns:1fr;gap:21px;margin-bottom:35px}.design-intro .chapter-label{margin-bottom:7px}.design h2{font-size:clamp(57px,10vw,82px)}.design-intro>p{justify-self:start;margin:5px 0 0;font-size:16px}.design-editorial{grid-template-columns:1fr;gap:55px}.design-photo{height:540px}.design-secondary{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.detail-photo{grid-row:1/5;margin-bottom:0;min-height:235px;height:100%}.design-secondary .eyebrow{font-size:8px}.design-secondary h3{font-size:40px;margin:10px 0}.design-secondary p{font-size:14px;margin:5px 0}.hairline{grid-column:1/-1}.reveal{height:340vh}.reveal-pin{min-height:500px}.reveal-top{top:93px;left:28px;right:28px}.reveal-top .chapter-label{font-size:9px}.reveal-counter{display:none}.reveal-back{background:radial-gradient(ellipse at 50% 56%,#373533,#171717 29%,#080909 72%)}.reveal-ring{right:50%;transform:translate(50%,-50%);width:83vmax;height:83vmax}.reveal-copy{top:17.5%;left:30px;right:30px;max-width:unset;transform:translateY(20px);text-align:left}.reveal-copy.is-on{transform:none}.reveal h2{font-size:clamp(40px,9vw,67px);line-height:.96;margin:10px 0}.reveal-copy>p{font-size:13px;max-width:250px;margin-top:9px}.reveal-bottom{left:26px;right:27px;bottom:24px;gap:11px}.reveal-bottom .micro{font-size:7px;max-width:135px;white-space:normal}.reveal-progress{width:18vw}.opening-percentage{font-size:9px}.feature-callout{left:24px;right:auto;top:auto;bottom:100px;max-width:165px;text-align:left;background:#0b0d0ddb;border-left:1px solid #bbaa93;padding:9px 12px;backdrop-filter:blur(10px)}.feature-callout strong{font-size:13px}.feature-callout small{font-size:10px}.feature-callout .feature-tag{font-size:7px}.inside{padding:105px 26px 120px}.inside-copy{margin-bottom:45px}.inside h2{font-size:clamp(65px,11vw,95px)}.inside-copy>p{font-size:17px}.inside-gallery{display:block}.inside-img{height:530px}.inside-side{display:flex;gap:18px;align-items:center;margin-top:45px}.inside-side-img{width:50%;height:215px}.inside-side p{width:45%;font-size:21px}.hotspot-info{left:18px;bottom:47px;padding:16px;width:230px}.hotspot-info h3{font-size:20px}.craft-film{min-height:660px;height:100svh}.craft-film-image{background-position:60% center}.craft-film-shade{background:linear-gradient(0deg,#070808d9 0%,#070808bd 28%,transparent 80%),linear-gradient(90deg,#07080867,transparent)}.craft-label{padding:80px 28px 95px;align-self:end}.craft h2{font-size:clamp(65px,12vw,100px)}.craft-label p{font-size:16px}.craft-details{padding:115px 30px 40px}.craft-details h3{font-size:42px}.edition{padding:83px 26px 85px}.edition-header{padding-bottom:21px}.edition-grid{grid-template-columns:1fr;gap:48px;margin-top:35px}.edition-image{height:490px;max-width:100%}.edition h2{font-size:clamp(99px,15vw,146px);margin:26px 0}.edition-paragraph{font-size:18px}.finale{min-height:590px;height:80svh}.finale-content{padding:0 20px}.finale h2{font-size:clamp(64px,12vw,108px)}.footer{padding:75px 26px 26px;grid-template-columns:1fr;gap:38px}.footer-brand{font-size:47px}.footer-right{gap:22px}.footer-bottom{display:grid;grid-template-columns:1fr auto;gap:15px}.footer-bottom>span:nth-child(2){display:none}}
@media(max-width:420px){.brand-name{letter-spacing:.25em;font-size:14px}.hero-title{font-size:66px}.hero-desc{font-size:14px}.hero-content{padding-bottom:138px}.hero-kicker{margin-bottom:30px}.statement h2{font-size:47px}.design h2{font-size:56px}.design-photo{height:430px}.design-secondary{display:block}.design-secondary .detail-photo{height:205px;min-height:0;margin-bottom:30px}.design-secondary h3{font-size:43px}.inside-img{height:410px}.inside-side p{font-size:17px}.inside-side-img{height:180px}.reveal-copy{top:17%}.reveal h2{font-size:39px}.reveal-copy>p{font-size:12px}.reveal-bottom .micro{max-width:116px}.feature-callout{bottom:92px;left:22px;max-width:155px}.edition-image{height:410px}.edition h2{font-size:96px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal-on-scroll,.animate-in{opacity:1;transform:none}.load-screen{display:none}.film-grain{display:none}}

/* The masthead changes material on ivory chapters like a real luxury brand. */
.header.scrolled.on-light{background:rgba(235,230,222,.95);color:#242420;box-shadow:0 1px 0 #24242025}
.header.on-light .nav-links a,.header.on-light .lang-toggle{color:#262621}
.header.on-light .header-cta{border-color:#2727227c;color:#262621}
.header.on-light .header-cta:hover{background:#242420;color:#eee9df}
.header.on-light .menu-toggle span{background:#252520}
