:root{--ink:#191a19;--ink-2:#242522;--paper:#f5f2eb;--white:#fffdf8;--muted:#77756e;--line:#d8d2c6;--gold:#c39b61;--gold-2:#a77c42;--max:1180px;--serif:"Noto Serif SC","Songti SC",SimSun,serif;--sans:"Noto Sans SC","Microsoft YaHei",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.75;-webkit-font-smoothing:antialiased}a{color:inherit}img{display:block;width:100%;height:100%;object-fit:cover}.skip-link{position:fixed;top:-100px;left:20px;z-index:1000;background:var(--white);padding:10px 18px}.skip-link:focus{top:12px}.section-shell{width:min(calc(100% - 48px),var(--max));margin-inline:auto}.narrow-shell{max-width:940px}.site-header{position:fixed;inset:0 0 auto;z-index:100;background:linear-gradient(180deg,rgba(12,13,12,.82),transparent);transition:.3s}.site-header.scrolled{background:rgba(20,21,20,.96);box-shadow:0 1px 0 rgba(255,255,255,.08)}.header-inner{width:min(calc(100% - 48px),var(--max));height:88px;margin:auto;display:flex;align-items:center;gap:36px;color:#fff}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;margin-right:auto}.brand-mark{width:42px;height:42px;border:1px solid var(--gold);display:grid;place-items:center;color:var(--gold);font-family:var(--serif);font-size:22px}.brand strong,.brand small{display:block}.brand strong{font-family:var(--serif);letter-spacing:.12em}.brand small{font-size:10px;letter-spacing:.18em;color:#c9c8c2}.site-nav{display:flex;gap:26px}.site-nav a,.header-phone{font-size:13px;text-decoration:none;letter-spacing:.08em}.site-nav a{color:#e1dfd9}.site-nav a:hover{color:var(--gold)}.header-phone{border-left:1px solid rgba(255,255,255,.25);padding-left:30px;color:var(--gold)}.menu-toggle{display:none}.hero{min-height:770px;height:100svh;max-height:940px;position:relative;background:#171817;color:#fff;overflow:hidden}.hero-media,.hero-shade{position:absolute;inset:0}.hero-shade{background:linear-gradient(90deg,rgba(12,13,12,.9) 0%,rgba(12,13,12,.58) 48%,rgba(12,13,12,.24) 100%),linear-gradient(0deg,rgba(12,13,12,.44),transparent 45%)}.hero-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;padding-top:76px}.eyebrow{margin:0 0 20px;color:var(--gold);font-size:12px;letter-spacing:.28em;text-transform:uppercase}.eyebrow.dark{color:var(--gold-2)}.hero h1{font:500 clamp(42px,6.4vw,86px)/1.18 var(--serif);letter-spacing:.02em;margin:0;max-width:900px}.hero h1 span{color:var(--gold);font-size:.7em;margin:0 .12em}.hero-lead{font-size:clamp(18px,2vw,26px);letter-spacing:.17em;color:#dedbd2;margin:28px 0 34px}.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;padding:0 26px;border:1px solid transparent;text-decoration:none;font-size:14px;letter-spacing:.08em;transition:.25s}.button--gold{background:var(--gold);color:#171817}.button--gold:hover{background:#d5ad73}.button--glass{border-color:rgba(255,255,255,.5);color:#fff;background:rgba(255,255,255,.04)}.button--glass:hover{background:#fff;color:#171817}.button--text{color:#fff}.button--text span{color:var(--gold);margin-left:10px}.hero-note{font-size:12px;color:#aaa9a4;margin-top:20px}.scroll-cue{position:absolute;z-index:3;bottom:30px;right:max(24px,calc((100vw - var(--max))/2));color:#c9c6be;font-size:11px;letter-spacing:.16em;text-decoration:none;display:flex;align-items:center;gap:12px}.scroll-cue span{display:block;width:46px;height:1px;background:var(--gold)}.facts{background:#1f201e;color:#fff}.facts-grid{display:grid;grid-template-columns:repeat(4,1fr)}.facts article{min-height:132px;display:flex;align-items:center;gap:16px;border-right:1px solid rgba(255,255,255,.1);padding:25px}.facts article:first-child{border-left:1px solid rgba(255,255,255,.1)}.facts article>span{color:var(--gold);font:500 18px var(--serif);min-width:46px}.facts strong,.facts small{display:block}.facts strong{font-size:15px}.facts small{font-size:11px;color:#96968f;margin-top:4px}.section{padding:116px 0}.section-heading{margin-bottom:52px}.split-heading{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}.section-heading h2{font:500 clamp(34px,4.5vw,58px)/1.25 var(--serif);margin:0}.section-heading>p,.split-heading>p{margin:0;color:#6d6b65;max-width:560px}.section-heading.light h2,.section-heading.light>p{color:#fff}.section-heading.light>p{color:#b6b4ae}.centered{text-align:center}.centered>p{margin-inline:auto}.category-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.category-card{background:var(--white)}.category-card--wide{grid-column:1/-1;display:grid;grid-template-columns:1.3fr .7fr}.category-card .media-frame{height:360px}.category-card--wide .media-frame{height:480px}.category-copy{padding:34px 36px 40px}.category-copy>span{font-family:var(--serif);color:var(--gold-2);font-size:13px}.category-copy h3{font:500 30px var(--serif);margin:6px 0 12px}.category-copy p{margin:0;color:#68665f;font-size:14px}.showroom,.cases,.visit{background:var(--ink);color:#fff}.showroom-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:20px}.showroom-grid .media-frame{height:300px}.showroom-grid .showroom-main{height:620px;grid-row:span 2}.media-frame{position:relative;overflow:hidden;background:#ded8cb}.media-frame img{position:absolute;inset:0;z-index:2}.media-frame img.is-missing{display:none}.media-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;color:#6b675f;background:repeating-linear-gradient(135deg,#e9e4da 0,#e9e4da 12px,#e2dcd0 12px,#e2dcd0 13px)}.media-placeholder--dark,.showroom .media-placeholder,.cases .media-placeholder,.visit .media-placeholder{background:repeating-linear-gradient(135deg,#292a28 0,#292a28 12px,#30312e 12px,#30312e 13px);color:#aaa79f}.media-placeholder .slot-index{width:42px;height:42px;border:1px solid currentColor;display:grid;place-items:center;font-family:var(--serif);margin-bottom:14px}.media-placeholder strong{font:500 18px var(--serif)}.media-placeholder>span:not(.slot-index){font-size:11px;margin-top:8px;opacity:.8}.media-placeholder small{font-size:10px;margin-top:5px;opacity:.6}.media-frame figcaption{position:absolute;z-index:4;inset:auto 0 0;padding:40px 24px 20px;background:linear-gradient(transparent,rgba(0,0,0,.72));font-size:13px}.media-frame figcaption span{color:var(--gold);margin-right:12px}.answer-list{border-top:1px solid var(--line)}.answer-list article{display:grid;grid-template-columns:80px 1fr;gap:18px;padding:36px 0;border-bottom:1px solid var(--line)}.answer-number{font:500 22px var(--serif);color:var(--gold-2)}.answer-list h3{font:500 24px/1.5 var(--serif);margin:0 0 10px}.answer-list p{margin:0;color:#5f5d57}.answer-list a{color:var(--gold-2)}.solutions{background:#ece7dc}.solution-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#cbc4b6;border:1px solid #cbc4b6}.solution-grid article{background:#f7f4ed;padding:40px 30px;min-height:260px}.solution-grid span{font-size:11px;color:var(--gold-2);letter-spacing:.15em}.solution-grid h3{font:500 25px var(--serif);margin:50px 0 12px}.solution-grid p{font-size:13px;color:#68665f;margin:0}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.case-grid .media-frame{height:470px}.process-list{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:0;margin:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}.process-list li{padding:34px;min-height:230px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.process-list span{color:var(--gold-2);font:500 15px var(--serif)}.process-list h3{font:500 21px var(--serif);margin:32px 0 10px}.process-list p{font-size:13px;color:#68665f;margin:0}.cooperation{background:#252623;color:#fff}.cooperation-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}.cooperation-intro h2{font:500 clamp(36px,4vw,54px)/1.3 var(--serif);margin:0 0 24px}.cooperation-intro>p:not(.eyebrow){color:#b7b4ab;margin:0 0 30px}.cooperation-list{border-top:1px solid rgba(255,255,255,.16)}.cooperation-list article{display:grid;grid-template-columns:50px 150px 1fr;gap:18px;align-items:start;padding:27px 0;border-bottom:1px solid rgba(255,255,255,.16)}.cooperation-list span{color:var(--gold);font-family:var(--serif)}.cooperation-list h3{font:500 20px var(--serif);margin:0}.cooperation-list p{font-size:13px;color:#aaa79f;margin:0}.faq-list{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line)}.faq summary{list-style:none;cursor:pointer;font:500 19px/1.5 var(--serif);padding:26px 50px 26px 0;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary span,.faq summary span:after{position:absolute;width:16px;height:1px;background:#8d7048;right:8px;top:50%;content:"";transition:.25s}.faq summary span:after{right:0;top:0;transform:rotate(90deg)}.faq details[open] summary span:after{transform:rotate(0)}.faq details p{color:#65635d;margin:0;padding:0 40px 28px 0}.visit-grid{display:grid;grid-template-columns:1.2fr .8fr;min-height:580px}.route-photo{height:580px}.map-panel{background:#2a2b28;padding:56px;display:flex;flex-direction:column}.map-label{font-size:11px;letter-spacing:.2em;color:var(--gold);margin:0}.map-panel h3{font:500 32px/1.5 var(--serif);margin:18px 0 12px}.map-panel>p:not(.map-label,.map-note){color:#aaa89f;margin:0}.map-actions{margin-top:auto;display:grid;gap:10px}.map-actions>a,.map-disabled{display:flex;justify-content:space-between;align-items:center;text-decoration:none;border:1px solid rgba(255,255,255,.14);padding:15px 18px;font-size:12px}.map-actions>a:hover{border-color:var(--gold);color:var(--gold)}.map-actions strong{font-weight:500}.map-disabled{opacity:.48}.map-note{font-size:10px;color:#77766f;margin:14px 0 0}.channel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.channel-grid article{background:var(--white);padding:30px;display:grid;grid-template-columns:92px 1fr;grid-template-rows:auto auto;column-gap:22px}.qr-slot{grid-row:1/3;width:92px;height:92px;border:1px dashed #bcb5a9;display:grid;place-items:center;text-align:center;font-size:11px;color:#918d84}.channel-grid h3{font:500 21px var(--serif);margin:10px 0 0}.channel-grid p{font-size:11px;color:#817e76;margin:3px 0 0}.contact{background:var(--gold);padding:72px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.contact .eyebrow{color:#5d4526}.contact h2{font:500 clamp(34px,4vw,52px)/1.25 var(--serif);margin:0 0 14px}.contact p{margin:0;color:#57452e}.contact-calls{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-calls a{background:#181918;color:#fff;text-decoration:none;padding:24px}.contact-calls span,.contact-calls strong{display:block}.contact-calls span{font-size:11px;color:#a9a69d}.contact-calls strong{font:500 19px var(--serif);margin-top:6px}.site-footer{background:#171817;color:#fff;padding:72px 0 22px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:80px}.brand--footer{width:max-content}.footer-grid>div>p{font-size:12px;color:#8f8e88;margin:20px 0 0}.footer-grid h2{font:500 14px var(--serif);letter-spacing:.1em;margin:0 0 20px}.footer-grid a{color:inherit}.legal-row{border-top:1px solid rgba(255,255,255,.1);margin-top:54px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;color:#6f6f6a;font-size:10px}.legal-row p{margin:0}.mobile-bar{display:none}
@media (max-width:900px){.section-shell,.header-inner{width:min(calc(100% - 32px),var(--max))}.header-inner{height:70px}.site-nav{display:none;position:absolute;top:70px;left:0;right:0;background:#1b1c1a;padding:20px 24px;flex-direction:column}.site-nav.open{display:flex}.menu-toggle{display:block;order:3;border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;padding:8px 11px}.header-phone{display:none}.hero{min-height:720px}.hero h1{font-size:48px}.facts-grid{grid-template-columns:1fr 1fr}.facts article:nth-child(3){border-left:1px solid rgba(255,255,255,.1)}.split-heading{grid-template-columns:1fr;gap:24px}.category-card--wide{grid-template-columns:1fr}.category-card--wide .media-frame{height:380px}.showroom-grid{grid-template-columns:1fr 1fr}.showroom-grid .showroom-main{grid-column:1/-1;height:500px;grid-row:auto}.solution-grid{grid-template-columns:1fr 1fr}.case-grid{grid-template-columns:1fr 1fr}.case-grid figure:last-child{display:none}.process-list{grid-template-columns:1fr 1fr}.cooperation-grid{grid-template-columns:1fr;gap:60px}.visit-grid{grid-template-columns:1fr}.route-photo{height:480px}.channel-grid{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr;gap:36px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}
@media (max-width:620px){body{padding-bottom:64px}.section{padding:78px 0}.section-shell,.header-inner{width:min(calc(100% - 28px),var(--max))}.brand strong{font-size:14px}.brand-mark{width:36px;height:36px}.hero{min-height:710px;height:94svh}.hero-shade{background:linear-gradient(180deg,rgba(12,13,12,.5),rgba(12,13,12,.9))}.hero-content{justify-content:flex-end;padding-bottom:96px}.hero h1{font-size:39px}.hero-lead{font-size:16px;letter-spacing:.09em;margin:20px 0 26px}.hero-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.hero-actions .button{padding:0 16px}.hero-actions .button--text{grid-column:1/-1;justify-content:flex-start;padding-left:0}.scroll-cue{display:none}.facts-grid{grid-template-columns:1fr 1fr}.facts article{min-height:110px;padding:18px 12px;display:block}.facts article>span{font-size:13px}.facts strong{font-size:13px;margin-top:10px}.facts small{font-size:9px}.section-heading{margin-bottom:34px}.section-heading h2{font-size:34px}.category-grid{grid-template-columns:1fr}.category-card--wide{grid-column:auto}.category-card .media-frame,.category-card--wide .media-frame{height:300px}.category-copy{padding:28px}.showroom-grid{display:block}.showroom-grid .media-frame,.showroom-grid .showroom-main{height:360px;margin-bottom:14px}.answer-list article{grid-template-columns:42px 1fr}.answer-list h3{font-size:20px}.answer-list p{font-size:14px}.solution-grid{grid-template-columns:1fr}.solution-grid article{min-height:auto}.solution-grid h3{margin-top:24px}.case-grid{grid-template-columns:1fr}.case-grid figure{height:420px}.case-grid figure:nth-child(n+3){display:none}.process-list{grid-template-columns:1fr}.process-list li{min-height:auto}.cooperation-list article{grid-template-columns:34px 1fr}.cooperation-list p{grid-column:2}.faq summary{font-size:17px}.visit .split-heading h2{font-size:31px}.route-photo{height:360px}.map-panel{padding:34px 24px}.map-panel h3{font-size:26px}.map-actions{margin-top:34px}.channel-grid article{grid-template-columns:78px 1fr}.qr-slot{width:78px;height:78px}.contact-calls{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:40px}.footer-grid>div:first-child{grid-column:auto}.legal-row{display:block}.legal-row p+ p{margin-top:8px}.mobile-bar{position:fixed;z-index:99;left:0;right:0;bottom:0;height:64px;display:grid;grid-template-columns:1fr 1fr;background:#171817;box-shadow:0 -4px 24px rgba(0,0,0,.18)}.mobile-bar a{display:grid;place-items:center;color:#fff;text-decoration:none;font-size:14px;letter-spacing:.08em}.mobile-bar a:last-child{background:var(--gold);color:#171817}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Editorial category layout: make the real shower-room image the visual anchor. */
.category-grid{grid-template-columns:5fr 7fr;grid-template-rows:repeat(2,minmax(0,1fr))}
.category-card{position:relative;overflow:hidden;display:flex;flex-direction:column}
.category-card--door{grid-column:1;grid-row:1}
.category-card--bathroom{grid-column:1;grid-row:2}
.category-card--shower{grid-column:2;grid-row:1/3;background:var(--ink);color:#fff;display:grid;grid-template-rows:minmax(0,1fr) auto}
.category-card .media-frame{height:230px}
.category-card--shower .media-frame{height:650px;background:#d9d0c4}
.category-card--shower .media-frame:after{content:"";position:absolute;z-index:3;inset:auto 0 0;height:26%;background:linear-gradient(transparent,rgba(16,17,16,.44));pointer-events:none}
.category-card--shower img{object-position:center 46%}
.category-photo-label{position:absolute;z-index:5;top:24px;left:24px;padding:9px 13px;background:rgba(23,24,23,.78);border:1px solid rgba(255,255,255,.22);color:#fff;font-size:10px;letter-spacing:.16em;backdrop-filter:blur(8px)}
.category-copy{padding:30px 32px 34px}
.category-copy>span{font-size:12px;letter-spacing:.06em}
.category-copy h3{font-size:28px;margin:5px 0 10px}
.category-copy p{font-size:13px}
.category-card--shower .category-copy{padding:38px 42px 42px;border-top:1px solid rgba(255,255,255,.1)}
.category-card--shower .category-copy>span{color:var(--gold)}
.category-card--shower .category-copy h3{font-size:40px;color:#fff;margin:7px 0 12px}
.category-card--shower .category-copy p{color:#b8b5ae;max-width:560px}
.category-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.category-meta span{border:1px solid rgba(255,255,255,.16);padding:7px 11px;color:#d7d3ca;font-size:10px;letter-spacing:.08em}
@media (max-width:900px){.category-grid{grid-template-columns:1fr;grid-template-rows:auto}.category-card--door,.category-card--bathroom,.category-card--shower{grid-column:auto;grid-row:auto}.category-card--shower{grid-template-columns:1fr 1fr;grid-template-rows:auto}.category-card--shower .media-frame{height:520px}}
@media (max-width:620px){.category-card--shower{display:flex}.category-card .media-frame,.category-card--shower .media-frame{height:420px}.category-card--shower .category-copy{padding:30px 28px 34px}.category-card--shower .category-copy h3{font-size:34px}}

/* Balanced category gallery: sliding door and shower room are equal real-photo anchors. */
.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto}
.category-card--door{grid-column:1;grid-row:1;background:var(--ink);color:#fff;display:grid;grid-template-rows:minmax(0,1fr) auto}
.category-card--shower{grid-column:2;grid-row:1/2}
.category-card--bathroom{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:.82fr 1.18fr}
.category-card--door .media-frame,.category-card--shower .media-frame{height:610px;background:#d9d0c4}
.category-card--door .media-frame:after{content:"";position:absolute;z-index:3;inset:auto 0 0;height:26%;background:linear-gradient(transparent,rgba(16,17,16,.44));pointer-events:none}
.category-card--door img{object-position:center 50%}
.category-card--door .category-copy{padding:38px 42px 42px;border-top:1px solid rgba(255,255,255,.1)}
.category-card--door .category-copy>span{color:var(--gold)}
.category-card--door .category-copy h3{font-size:40px;color:#fff;margin:7px 0 12px}
.category-card--door .category-copy p{color:#b8b5ae;max-width:560px}
.category-card--bathroom .media-frame{height:270px}
.category-card--bathroom .category-copy{display:flex;flex-direction:column;justify-content:center}
@media (max-width:900px){.category-grid{grid-template-columns:1fr;grid-template-rows:auto}.category-card--door,.category-card--shower,.category-card--bathroom{grid-column:auto;grid-row:auto}.category-card--door{grid-template-columns:1fr 1fr;grid-template-rows:auto}.category-card--door .media-frame,.category-card--shower .media-frame{height:520px}.category-card--bathroom{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.category-card--door,.category-card--shower,.category-card--bathroom{display:flex}.category-card--door .media-frame,.category-card--shower .media-frame,.category-card--bathroom .media-frame{height:420px}.category-card--door .category-copy,.category-card--shower .category-copy{padding:30px 28px 34px}.category-card--door .category-copy h3,.category-card--shower .category-copy h3{font-size:34px}.category-card--bathroom .media-frame{height:300px}}

/* Three equal real-photo category anchors. */
.category-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto}
.category-card--door,.category-card--shower,.category-card--bathroom{grid-column:auto;grid-row:auto;background:var(--ink);color:#fff;display:grid;grid-template-columns:1fr;grid-template-rows:540px 1fr}
.category-card--door .media-frame,.category-card--shower .media-frame,.category-card--bathroom .media-frame{height:540px;background:#d9d0c4}
.category-card--bathroom .media-frame:after{content:"";position:absolute;z-index:3;inset:auto 0 0;height:26%;background:linear-gradient(transparent,rgba(16,17,16,.44));pointer-events:none}
.category-card--bathroom img{object-position:center 50%}
.category-card--door .category-copy,.category-card--shower .category-copy,.category-card--bathroom .category-copy{padding:30px 28px 34px;border-top:1px solid rgba(255,255,255,.1);display:block}
.category-card--door .category-copy>span,.category-card--shower .category-copy>span,.category-card--bathroom .category-copy>span{color:var(--gold)}
.category-card--door .category-copy h3,.category-card--shower .category-copy h3,.category-card--bathroom .category-copy h3{font-size:34px;color:#fff;margin:7px 0 12px}
.category-card--door .category-copy p,.category-card--shower .category-copy p,.category-card--bathroom .category-copy p{color:#b8b5ae;max-width:560px}
@media (max-width:900px){.category-grid{grid-template-columns:1fr}.category-card--door,.category-card--shower,.category-card--bathroom{grid-template-columns:1fr 1fr;grid-template-rows:auto}.category-card--door .media-frame,.category-card--shower .media-frame,.category-card--bathroom .media-frame{height:520px}}
@media (max-width:620px){.category-card--door,.category-card--shower,.category-card--bathroom{display:flex}.category-card--door .media-frame,.category-card--shower .media-frame,.category-card--bathroom .media-frame{height:420px}.category-card--door .category-copy,.category-card--shower .category-copy,.category-card--bathroom .category-copy{padding:30px 28px 34px}.category-card--door .category-copy h3,.category-card--shower .category-copy h3,.category-card--bathroom .category-copy h3{font-size:34px}}

/* Editorial case gallery: three real-photo stories with a measured visual rhythm. */
.case-grid{grid-template-columns:1.12fr .96fr .9fr;gap:20px;align-items:end}
.case-grid .case-card{display:block;height:auto;margin:0;border:1px solid rgba(255,255,255,.1);background:#242522;isolation:isolate}
.case-grid .case-card--glass{height:600px}
.case-grid .case-card--suite{height:540px}
.case-grid .case-card--vanity{height:485px}
.case-card img{transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .35s ease}
.case-card:hover img{transform:scale(1.025);filter:brightness(1.03)}
.case-card:after{content:"";position:absolute;z-index:3;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.03) 45%,rgba(0,0,0,.78) 100%);pointer-events:none}
.case-card figcaption{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:80px 28px 26px;background:none}
.case-card figcaption span{margin:0 0 4px;font-size:10px;letter-spacing:.18em}
.case-card figcaption strong{font:500 24px/1.35 var(--serif);letter-spacing:.03em}
.case-card figcaption small{color:#c7c3bb;font-size:11px;letter-spacing:.08em}
.case-card--glass img{object-position:center 48%}
.case-card--suite img{object-position:center 52%}
.case-card--vanity img{object-position:center 50%}
@media (max-width:900px){.case-grid{grid-template-columns:1fr 1fr;align-items:stretch}.case-grid .case-card{display:block!important;height:500px}.case-grid .case-card--vanity{grid-column:1/-1;height:460px}}
@media (max-width:620px){.case-grid{grid-template-columns:1fr}.case-grid .case-card,.case-grid .case-card--vanity{display:block!important;grid-column:auto;height:440px}.case-card figcaption{padding:74px 22px 22px}.case-card figcaption strong{font-size:22px}}