:root{--review-height:38px}
html{scroll-padding-top:calc(var(--header) + var(--review-height))}
body{padding-top:var(--review-height)}
.concept-bar{position:fixed;inset:0 0 auto;height:var(--review-height);background:#1d201c;color:#e3ded1;z-index:80;display:flex;align-items:center;justify-content:center;gap:38px;border-bottom:1px solid #ffffff20;font-size:8px;letter-spacing:.14em}
.concept-bar>div{display:flex;height:100%;align-items:center;gap:24px}.concept-bar button,.concept-bar a{font-size:10px;letter-spacing:.02em;padding:7px 0}.concept-bar button[aria-pressed=true]{color:#edd0a2;border-bottom:1px solid #c4a173}.concept-bar a{color:#9c9f91;font-size:9px}
.header{top:var(--review-height)}.wordmark{letter-spacing:-.065em;font-size:43px}.wordmark small{font-size:7px;letter-spacing:.3em}.header nav a,.dealer-link{font-size:12px}
.hero{height:245svh;min-height:0;max-height:none;overflow:visible;background:#28261e}.hero:before{display:none}
.hero-pin{height:calc(100svh - var(--header) - var(--review-height));position:sticky;top:calc(var(--header) + var(--review-height));overflow:hidden;isolation:isolate;min-height:440px}
.hero-pin:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#171c19a6,transparent 72%),linear-gradient(0deg,#171c1966,transparent 30%)}
.hero-scene{overflow:hidden;z-index:-2}.room-motion{height:100%;width:100%;transform:translate3d(var(--room-x,0),var(--room-y,0),0) scale(var(--room-scale,1.025));transform-origin:65% 65%;will-change:transform}
.room-motion>img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;object-position:65% 50%}.room-evening{opacity:var(--night,0)}
.window-shadow{position:absolute;inset:-35%;opacity:var(--window-opacity,.12);background:repeating-linear-gradient(90deg,transparent 0 140px,#1219139e 145px 160px,transparent 165px 310px);transform:translateX(var(--window-x,28%)) skewX(var(--window-angle,-27deg));filter:blur(7px);mix-blend-mode:multiply;pointer-events:none}
.hero-shadow{display:none}.hero-copy{position:relative;z-index:2;max-width:100%;padding:15px 7% 60px;opacity:var(--copy-opacity,1);transform:translateY(var(--copy-y,0));will-change:transform,opacity}
.hero h1{font-size:clamp(76px,7.7vw,132px);max-width:850px;line-height:.91;letter-spacing:-.045em;margin:28px 0 30px}.hero-description{font-size:14px;line-height:1.8;max-width:330px}.hero .button-light{background:transparent;border:1px solid #f0e9d780;color:#f4ead9;min-width:236px;padding:17px 0;border-width:0 0 1px}.hero .button-light:hover{background:none;transform:none;color:white;border-color:white}
.hero-watermark{position:absolute;bottom:-.18em;left:2%;font:500 clamp(140px,25vw,430px)/.85 var(--serif);letter-spacing:-.09em;color:#eee3c5;opacity:.045;pointer-events:none;z-index:0}
.hero-after{position:absolute;left:7%;top:35%;opacity:var(--after-opacity,0);transform:translateY(var(--after-y,30px));pointer-events:none}.hero-after .eyebrow{font-size:8px;color:#e8d5b2;letter-spacing:.14em;margin-bottom:27px}.hero-after p{font:400 clamp(50px,5.5vw,90px)/1.02 var(--serif);letter-spacing:-.035em}.hero-after em{color:#dec7a3}.hero-bottom{z-index:5;bottom:30px}.hero-caption .scene-label{color:#e3d3b9;font-size:9px;letter-spacing:.14em}.scene-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#fff2}.scene-progress span{display:block;height:100%;width:0;background:#c4a479}
.collection-card{position:relative;display:block}.collection-image{height:auto;aspect-ratio:3/4}.collection-image img{filter:saturate(.85);object-fit:cover}.card-number{font:10px var(--sans);letter-spacing:.16em;top:25px;left:26px}.card-caption{position:absolute;left:26px;right:26px;bottom:28px;display:block;z-index:2;padding:0;color:#fff0d8}.card-caption h3{font-size:clamp(42px,4.5vw,72px);line-height:1;letter-spacing:-.035em}.card-caption p{font-size:10px;color:#e2d4bd;max-width:none;text-align:left;margin-top:8px}.collection-image:after{background:linear-gradient(0deg,#181a13c9,transparent 37%)}.card-action{bottom:35px;right:24px;z-index:3;border-radius:50%;width:39px;height:39px;font-size:19px;background:#0001}.artwork-note{text-align:right;font-size:8px;letter-spacing:.06em;margin-top:17px;color:var(--muted)}.collection-foot{font-size:10px}.aging-sticky{top:calc(var(--header) + var(--review-height));height:calc(100svh - var(--header) - var(--review-height))}.gallery-heading{margin-bottom:44px}
/* Direction 01: a dark architectural film, then three immersive image portals. */
html[data-concept=cinema]{--paper:#e7e2d7;--bronze:#987b55}
[data-concept=cinema] .header{background:#20261ff2;color:#f0e8d8;border-color:#ffffff13}.header .wordmark>span{color:#ab8e66}
[data-concept=cinema] .collections{background:#20261f;color:#eae4d7;padding:100px 4.5% 65px}
[data-concept=cinema] .section-heading{display:block;text-align:center;margin-bottom:49px}[data-concept=cinema] .section-heading>.eyebrow{justify-content:center;margin-bottom:25px;color:#a6af9f}[data-concept=cinema] .section-heading h2{font-size:clamp(50px,5.5vw,85px)}[data-concept=cinema] .section-heading h2 em{color:#c7aa80}[data-concept=cinema] .section-heading p:not(.eyebrow){color:#a7b09e;font-size:13px;line-height:1.7;margin-top:24px}
[data-concept=cinema] .collection-grid{gap:12px}[data-concept=cinema] .collection-card:nth-child(2){margin-top:55px}[data-concept=cinema] .collection-card:nth-child(3){margin-top:110px}[data-concept=cinema] .collection-card{align-self:start}[data-concept=cinema] .collection-foot{border-color:#79867045;color:#a9b49e}[data-concept=cinema] .artwork-note{color:#a2ad98}
[data-concept=cinema] .gallery-section{background:#20261f;color:#eee7d7}[data-concept=cinema] .gallery-heading h2 em{color:#c5a77d}[data-concept=cinema] .gallery-heading>p:last-child,[data-concept=cinema] .gallery-footer{color:#a2ad98}[data-concept=cinema] .gallery-slide img{background:#2c3329}[data-concept=cinema] .gallery-slide figcaption,[data-concept=cinema] .gallery-slide figcaption b{color:#b9c1af}[data-concept=cinema] .gallery-dots button.active:after{background:#e2c89e}
/* Direction 02: a pale editorial salon with an asymmetrical moving image. */
html[data-concept=salon]{--paper:#f2eee5;--ink:#34382f;--muted:#7b7d70;--bronze:#827157}
[data-concept=salon] .hero{background:#f2eee5;color:#34382f}[data-concept=salon] .hero-pin:before{display:none}[data-concept=salon] .hero-scene{left:auto;right:0;width:var(--scene-width,64%);top:24px;bottom:36px;z-index:0}[data-concept=salon] .room-motion{transform-origin:73% 60%}[data-concept=salon] .room-motion>img{object-position:76% center}[data-concept=salon] .room-evening{display:none}[data-concept=salon] .window-shadow{opacity:calc(var(--window-opacity,.12) * .8)}
[data-concept=salon] .hero-copy{width:60%;padding-left:7%;padding-bottom:50px;z-index:3;align-items:flex-start;justify-content:center}[data-concept=salon] .hero h1{font-size:clamp(70px,7vw,117px);letter-spacing:-.05em;line-height:.98;margin:30px 0}[data-concept=salon] .hero h1 em{color:#827157}[data-concept=salon] .eyebrow.light{color:#737a65;font-size:8px;max-width:240px;letter-spacing:.13em}[data-concept=salon] .hero-description{font-size:12px;color:#777c6c;max-width:240px}[data-concept=salon] .hero .button-light{color:#34382f;border-color:#8d947c;min-width:200px}[data-concept=salon] .hero-bottom{left:7%;right:4%;color:#626a53;bottom:13px}[data-concept=salon] .hero-caption span{color:#626a53}[data-concept=salon] .hero-watermark{opacity:.045;bottom:10px;font-size:22vw;color:#34382f;left:0;z-index:2}[data-concept=salon] .hero-after{z-index:3;left:6%;top:38%;max-width:540px}[data-concept=salon] .hero-after .eyebrow{color:#596349;max-width:230px}[data-concept=salon] .hero-after p{font-size:clamp(50px,5.6vw,90px)}[data-concept=salon] .hero-after em{color:#776347}
[data-concept=salon] .collections{padding:100px 7% 75px}[data-concept=salon] .section-heading{grid-template-columns:1fr 2fr;margin-bottom:60px}[data-concept=salon] .section-heading h2{font-size:clamp(50px,4.8vw,76px)}[data-concept=salon] .collection-grid{gap:35px;align-items:start}[data-concept=salon] .collection-card:nth-child(1){margin-top:75px}[data-concept=salon] .collection-card:nth-child(3){margin-top:145px}[data-concept=salon] .collection-card{padding-bottom:80px}[data-concept=salon] .card-caption{bottom:9px;left:0;right:0;color:#34382f}[data-concept=salon] .card-caption h3{font-size:46px}[data-concept=salon] .card-caption p{color:#7b7d70}[data-concept=salon] .collection-image:after{background:linear-gradient(0deg,#101a1222,transparent 25%)}[data-concept=salon] .card-action{bottom:100px}
@media(max-width:1100px){.concept-bar{gap:24px}.hero h1{font-size:9vw}.hero-copy{padding-left:6%}[data-concept=salon] .hero h1{font-size:7.5vw}[data-concept=salon] .hero-copy{width:63%;padding-left:5%}[data-concept=salon] .hero-scene{width:65%}.card-caption h3{font-size:46px}.card-caption p{font-size:8px;max-width:80%}.card-action{right:17px;width:31px;height:31px}[data-concept=salon] .collection-grid{gap:20px}}
@media(max-width:760px){:root{--review-height:35px}.concept-bar{gap:0;justify-content:center}.concept-bar>span{display:none}.concept-bar>div{gap:25px}.concept-bar button,.concept-bar a{font-size:9px}.header{padding:0 23px}.wordmark{font-size:34px}.wordmark small{font-size:6px;letter-spacing:.2em}.hero{height:205svh;min-height:0}.hero-pin{height:calc(100svh - var(--header) - var(--review-height));min-height:470px}.room-motion{transform-origin:70% 60%}.room-motion>img{object-position:72% center}.hero-pin:before{background:linear-gradient(0deg,#141b17b5,transparent 80%)}.hero-copy{padding:0 25px 97px;justify-content:flex-end}.hero h1{font-size:clamp(52px,12.7vw,83px);line-height:.95;margin:20px 0 22px}.hero-description{font-size:12px;max-width:240px;margin-bottom:20px}.hero .button-light{min-width:205px;padding:13px 0;font-size:11px;min-height:43px}.hero .eyebrow.light{font-size:7px;letter-spacing:.15em}.hero-bottom{bottom:23px;left:25px;right:25px}.hero-caption{max-width:125px}.hero-caption .scene-label{font-size:8px}.hero-watermark{font-size:45vw;bottom:7px;opacity:.07}.hero-after{left:25px;right:25px;top:auto;bottom:17%;}.hero-after p{font-size:48px}.hero-after .eyebrow{font-size:7px;max-width:235px;line-height:1.8;margin-bottom:20px}.window-shadow{background:repeating-linear-gradient(90deg,transparent 0 70px,#12191380 75px 86px,transparent 90px 150px);filter:blur(5px)}
 .aging-sticky{height:calc(100svh - var(--header) - var(--review-height));min-height:590px}
 [data-concept=cinema] .collections{padding:65px 0 48px}[data-concept=cinema] .section-heading{padding:0 25px;margin-bottom:32px}[data-concept=cinema] .section-heading h2{font-size:47px;max-width:100%}[data-concept=cinema] .section-heading .eyebrow{font-size:8px}[data-concept=cinema] .section-heading p:not(.eyebrow){font-size:11px;margin-top:20px}
 [data-concept=cinema] .collection-grid{display:flex;overflow-x:auto;gap:14px;padding:0 25px 18px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#8d977a #303a2b}[data-concept=cinema] .collection-card{flex:0 0 83vw;margin:0!important;scroll-snap-align:center}[data-concept=cinema] .collection-image{height:auto;max-height:none;aspect-ratio:3/4}[data-concept=cinema] .card-caption{left:23px;right:23px;bottom:23px}[data-concept=cinema] .card-caption h3{font-size:53px}[data-concept=cinema] .card-caption p{font-size:9px;max-width:80%}[data-concept=cinema] .card-action{bottom:30px}[data-concept=cinema] .artwork-note{margin:12px 25px 0;text-align:left;font-size:7px}[data-concept=cinema] .collection-foot{margin:25px 25px 0;font-size:8px}
 [data-concept=salon] .hero{height:215svh}[data-concept=salon] .hero-scene{left:22px;right:22px;top:158px;bottom:55px;width:auto!important}[data-concept=salon] .room-motion>img{object-position:76% center}[data-concept=salon] .hero-copy{width:100%;padding:24px 25px 0;justify-content:flex-start;pointer-events:none}[data-concept=salon] .hero .eyebrow.light{font-size:6px;max-width:none}[data-concept=salon] .hero h1{font-size:clamp(49px,12.6vw,72px);line-height:.9;margin:14px 0 0}[data-concept=salon] .hero h1 br{display:none}[data-concept=salon] .hero h1 em{display:block;margin-left:40px}[data-concept=salon] .hero-description{display:none}[data-concept=salon] .hero .button-light{position:absolute;top:calc(100svh - var(--header) - var(--review-height) - 110px);left:42px;min-width:192px;color:#f4ead9;background:#283323ca;padding:9px 15px;border:0;pointer-events:auto;font-size:10px}[data-concept=salon] .hero-bottom{left:24px;right:24px;bottom:14px}[data-concept=salon] .hero-bottom>a{font-size:7px}[data-concept=salon] .hero-caption{font-size:7px}[data-concept=salon] .hero-caption .scene-label{font-size:7px}[data-concept=salon] .hero-watermark{display:none}[data-concept=salon] .hero-after{left:25px;top:30px;bottom:auto;max-width:none}[data-concept=salon] .hero-after p{font-size:44px;line-height:.94}[data-concept=salon] .hero-after .eyebrow{font-size:6px;max-width:100%;margin-bottom:15px}
 [data-concept=salon] .collections{padding:65px 25px 50px}[data-concept=salon] .section-heading{display:block;margin-bottom:30px}[data-concept=salon] .section-heading h2{font-size:47px;max-width:100%}[data-concept=salon] .collection-grid{display:grid;grid-template-columns:1fr;gap:30px}[data-concept=salon] .collection-card{margin:0!important;padding-bottom:74px}[data-concept=salon] .collection-card:nth-child(2){margin-left:25px!important}[data-concept=salon] .collection-card:nth-child(3){margin-right:25px!important}[data-concept=salon] .collection-image{height:auto;aspect-ratio:3/4}[data-concept=salon] .card-caption h3{font-size:43px}[data-concept=salon] .card-caption p{font-size:9px}[data-concept=salon] .card-action{bottom:94px}.card-number{font-size:8px;left:20px;top:20px}.gallery-heading{margin-bottom:30px}}
@media(max-width:360px){.concept-bar>div{gap:18px}.header{padding:0 17px}.hero h1{font-size:47px}.hero-after p{font-size:40px}[data-concept=salon] .hero h1{font-size:44px}[data-concept=salon] .hero-after p{font-size:38px}[data-concept=salon] .hero-scene{top:145px}.aging-sticky{min-height:590px}}
@media(prefers-reduced-motion:reduce){.hero{height:calc(100svh - var(--header) - var(--review-height))!important;min-height:600px}.hero-pin{position:relative;top:0;height:100%;min-height:600px}.room-motion{transform:none!important}.room-evening,.window-shadow,.hero-after{display:none}.hero-copy{opacity:1!important;transform:none!important}.aging-sticky{top:0;height:760px}}
