:root{
  --bg:#f5f5f7;
  --surface:#ffffff;
  --ink:#111111;
  --muted:#6e6e73;
  --line:rgba(17,17,17,.10);
  --accent:#0b4f80;
  --dark:#0a0a0a;
  --radius:28px;
  --max:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","PingFang SC","Noto Sans SC","Microsoft YaHei",Arial,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button{font:inherit}
.container{width:min(var(--max),calc(100% - 48px));margin:auto}
.nav{position:fixed;z-index:20;top:0;left:0;right:0;height:68px;background:rgba(245,245,247,.76);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(0,0,0,.06)}
.nav-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:10px;font-weight:600;letter-spacing:.02em}
.brand img{width:42px;height:42px;object-fit:contain}
.brand span{font-size:15px;line-height:1;letter-spacing:.01em}
.nav-links{display:flex;gap:28px;align-items:center;color:#333;font-size:13px;letter-spacing:.01em}
.nav-links a{opacity:.78;transition:.25s}
.nav-links a:hover,.nav-links a.active{opacity:1}
.nav-actions{display:flex;align-items:center;gap:10px}
.lang{border:0;background:transparent;font-size:12px;cursor:pointer;color:#444}
.menu-btn{display:none;border:0;background:transparent;font-size:24px;cursor:pointer}
.hero{min-height:100svh;display:grid;place-items:center;padding:130px 0 70px;background:#050505;color:#fff;overflow:hidden;position:relative}
.hero:before{content:"";position:absolute;inset:-15%;background:
 radial-gradient(circle at 75% 35%,rgba(11,79,128,.32),transparent 30%),
 radial-gradient(circle at 25% 70%,rgba(255,255,255,.07),transparent 24%),
 linear-gradient(115deg,#050505 0%,#101418 52%,#050505 100%);transform:scale(1.05)}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:80px}
.eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.58);margin-bottom:22px}
.zeva-hero .eyebrow{color:rgba(29,29,31,.48);}
h1{font-size:clamp(54px,6.6vw,98px);line-height:1.03;letter-spacing:-.045em;margin:0 0 30px;font-weight:700;text-wrap:balance}
.hero p{font-size:clamp(17px,1.55vw,21px);line-height:1.75;color:rgba(255,255,255,.72);max-width:620px;margin:0 0 36px;letter-spacing:-.01em}
.cta{display:inline-flex;align-items:center;gap:9px;border-radius:999px;padding:13px 19px;background:#fff;color:#111;font-size:14px;font-weight:600;transition:transform .25s,box-shadow .25s}
.cta:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,0,0,.25)}
.cta.dark{background:#111;color:#fff}
.hero-visual{min-height:520px;border-radius:36px;position:relative;overflow:hidden;background:
linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.01)),
linear-gradient(90deg,transparent 48%,rgba(255,255,255,.10) 49%,transparent 50%),
linear-gradient(180deg,#b9a99a 0 28%,#6b6158 28% 30%,#d8d2ca 30% 72%,#3e3a36 72% 100%);
box-shadow:0 40px 100px rgba(0,0,0,.45)}
.hero-visual:before{content:"";position:absolute;inset:13% 10% 18% 10%;background:
linear-gradient(90deg,rgba(0,0,0,.28),transparent 4% 68%,rgba(0,0,0,.18)),
linear-gradient(180deg,rgba(255,255,255,.3),transparent 45%),
linear-gradient(135deg,#cfc5ba,#82786e);clip-path:polygon(0 0,100% 0,100% 100%,8% 100%);border:1px solid rgba(255,255,255,.2)}
.hero-visual:after{content:"住巢氏";position:absolute;left:34px;bottom:28px;font-size:13px;letter-spacing:.25em;color:rgba(255,255,255,.68)}
.section{padding:120px 0}
.section.dark{background:#0a0a0a;color:#fff}
.kicker{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:18px}
.dark .kicker{color:rgba(255,255,255,.48)}
.section-title{font-size:clamp(42px,5.4vw,72px);line-height:1.08;letter-spacing:-.045em;margin:0 0 24px;font-weight:700;text-wrap:balance}
.section-lead{font-size:19px;line-height:1.75;color:var(--muted);max-width:760px;margin:0;letter-spacing:-.005em}
.dark .section-lead{color:rgba(255,255,255,.62)}
.intro{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}
.intro .big-copy{font-size:clamp(25px,2.7vw,39px);line-height:1.34;letter-spacing:-.025em;margin:0;max-width:680px}
.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:58px}
.card{background:var(--surface);border-radius:var(--radius);overflow:hidden;transition:transform .35s,box-shadow .35s}
.card:hover{transform:translateY(-6px);box-shadow:0 22px 55px rgba(0,0,0,.10)}
.visual{height:430px;position:relative;overflow:hidden}
.visual.one{background:linear-gradient(145deg,#d7d1ca,#6b635b)}
.visual.two{background:linear-gradient(145deg,#ddd9d0,#8c8174)}
.visual.three{background:linear-gradient(145deg,#c9c2b8,#3d3a37)}
.visual.four{background:linear-gradient(145deg,#d9d1c5,#847567)}
.visual:before{content:"";position:absolute;inset:13% 11% 12%;background:linear-gradient(90deg,rgba(255,255,255,.25),transparent 30%),linear-gradient(135deg,#e8e3dc,#81766c);clip-path:polygon(0 0,100% 0,100% 80%,0 100%)}
.visual:after{content:"";position:absolute;left:12%;right:12%;bottom:13%;height:2px;background:rgba(0,0,0,.18);box-shadow:0 -90px 0 rgba(0,0,0,.10)}
.card-body{padding:25px 26px 28px}
.meta{font-size:12px;color:var(--muted);margin-bottom:8px}
.card h3{margin:0;font-size:24px;line-height:1.25;letter-spacing:-.025em}
.card p{color:var(--muted);margin:10px 0 0;line-height:1.7}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:58px}
.feature{padding:34px;background:#fff;border-radius:26px;min-height:250px}
.feature-num{font-size:12px;color:var(--muted);margin-bottom:48px}
.feature h3{font-size:25px;line-height:1.25;margin:0 0 12px;letter-spacing:-.025em}
.feature p{margin:0;color:var(--muted);line-height:1.75}
.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;white-space:nowrap;padding:22px 0;margin-top:70px}
.marquee span{display:inline-block;margin-right:70px;font-size:15px;color:#555;letter-spacing:.06em}
.styles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:58px}
.style{min-height:440px;border-radius:28px;padding:26px;display:flex;align-items:flex-end;position:relative;overflow:hidden;color:#fff;background:#777}
.style:nth-child(1){background:linear-gradient(150deg,#e4dfd7,#5d554c)}
.style:nth-child(2){background:linear-gradient(150deg,#eee6dc,#c0a88f)}
.style:nth-child(3){background:linear-gradient(150deg,#cbc2b6,#4a4743)}
.style:nth-child(4){background:linear-gradient(150deg,#dad5cd,#827d77)}
.style:nth-child(5){background:linear-gradient(150deg,#b9a993,#4f4339)}
.style:nth-child(6){background:linear-gradient(150deg,#d9d6cf,#77716a)}
.style:before{content:"";position:absolute;inset:12% 10% 10%;background:linear-gradient(135deg,rgba(255,255,255,.42),rgba(0,0,0,.18));clip-path:polygon(0 0,100% 0,100% 82%,0 100%);opacity:.7}
.style-content{position:relative;z-index:1}
.style h3{font-size:29px;line-height:1.2;margin:0 0 5px;letter-spacing:-.035em}
.style p{margin:0;color:rgba(255,255,255,.75);line-height:1.45}
.media-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;margin-top:58px}
.media-main,.media-side{border-radius:28px;overflow:hidden;position:relative;min-height:520px;background:#111;color:#fff}
.media-side{min-height:250px}
.media-main{background:linear-gradient(140deg,#121212,#344a59)}
.media-side:nth-child(2){background:linear-gradient(140deg,#eee7de,#81776c);color:#111}
.media-side:nth-child(3){background:linear-gradient(140deg,#d6d0c6,#373532)}
.media-label{position:absolute;left:28px;right:28px;bottom:26px}
.media-label small{opacity:.6}
.media-label h3{font-size:32px;line-height:1.12;margin:8px 0 0;letter-spacing:-.035em}
.bath-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:58px}
.brand-card{background:#fff;border-radius:28px;padding:34px;min-height:240px;display:flex;flex-direction:column;justify-content:space-between}
.brand-mark{font-size:22px;letter-spacing:.04em;font-weight:600}
.brand-card p{color:var(--muted);margin:0;max-width:400px}
.contact{background:#111;color:#fff;border-radius:38px;padding:70px}
.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:60px}
.contact h2{font-size:clamp(46px,5.5vw,76px);line-height:1.05;letter-spacing:-.045em;margin:0 0 24px;text-wrap:balance}
.contact p{color:rgba(255,255,255,.62);font-size:18px;line-height:1.75;max-width:600px}
.contact-info{display:grid;gap:20px;align-content:end}
.contact-item{border-top:1px solid rgba(255,255,255,.16);padding-top:16px}
.contact-item small{display:block;color:rgba(255,255,255,.45);font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:5px}
.contact-item strong{font-size:18px;font-weight:500}
.footer{padding:42px 0 60px;color:#777;font-size:12px}
.footer-row{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:22px}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s ease}
.reveal.show{opacity:1;transform:none}
.page-hero{padding:160px 0 80px;background:#0a0a0a;color:#fff}
.page-hero h1{font-size:clamp(52px,6.7vw,94px);line-height:1.06;max-width:980px}
.page-hero p{max-width:720px;color:rgba(255,255,255,.62);font-size:19px;line-height:1.75}
.project-list{display:grid;gap:20px}
.project-row{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;align-items:stretch}
.project-image{min-height:520px;border-radius:30px;overflow:hidden;background:linear-gradient(145deg,#ddd5ca,#605a53);position:relative}
.project-image:nth-child(1){}
.project-image:before{content:"";position:absolute;inset:12%;background:linear-gradient(135deg,rgba(255,255,255,.35),rgba(0,0,0,.18));clip-path:polygon(0 0,100% 0,100% 86%,0 100%)}
.project-copy{padding:35px 10px;display:flex;flex-direction:column;justify-content:flex-end}
.project-copy h2{font-size:44px;line-height:1.08;letter-spacing:-.04em;margin:0 0 14px;text-wrap:balance}
.project-copy p{color:var(--muted);max-width:500px}
.pill{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-size:11px;color:#666;margin:4px 4px 0 0}
.bilingual-en{display:none}
html.en .bilingual-zh{display:none}
html.en .bilingual-en{display:inline}
html.en .block-zh{display:none}
html.en .block-en{display:block}
.block-en{display:none}
@media(max-width:900px){
 .container{width:min(var(--max),calc(100% - 32px))}
 .nav-links{position:fixed;top:68px;left:0;right:0;background:rgba(245,245,247,.96);backdrop-filter:blur(20px);display:none;flex-direction:column;align-items:flex-start;padding:22px 20px;border-bottom:1px solid var(--line)}
 .nav-links.open{display:flex}
 .menu-btn{display:block}.hero-grid,.intro,.contact-grid,.project-row{grid-template-columns:1fr}
 .hero{padding-top:120px}.hero-visual{min-height:390px}
 .cards,.feature-grid,.styles-grid,.media-grid,.bath-grid{grid-template-columns:1fr}
 .visual{height:360px}.section{padding:82px 0}
 .contact{padding:44px 28px}
 .project-image{min-height:380px}
 .project-copy{padding:15px 4px 30px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}
}


.kicker,.eyebrow,.meta,.feature-num,.brand-mark,.media-label small{font-variant-numeric:tabular-nums;line-height:1.4}
.kicker,.eyebrow{font-weight:600}
.kicker{letter-spacing:.14em}
.eyebrow{letter-spacing:.15em}
.hero .cta,.contact .cta{line-height:1}
@media(max-width:900px){
 h1{font-size:clamp(48px,13vw,72px);line-height:1.06}
 .hero p,.page-hero p{font-size:17px;line-height:1.7}
 .section-title{line-height:1.1}
 .intro .big-copy{line-height:1.42}
 .page-hero h1{line-height:1.08}
}


html.en .hero-visual:after{content:"ZHU CHAOSHI"}



.real-hero{background:#111}
.real-hero:before,.real-hero:after,.visual.real:before,.visual.real:after{display:none}
.real-hero img,.visual.real img{width:100%;height:100%;object-fit:cover}
.real-hero img{position:absolute;inset:0;filter:saturate(.88) contrast(.98);transform:scale(1.015)}
.real-hero:after{display:block;content:"住巢氏";position:absolute;left:34px;bottom:28px;font-size:13px;letter-spacing:.25em;color:rgba(255,255,255,.76);text-shadow:0 2px 16px rgba(0,0,0,.45)}
html.en .real-hero:after{content:"ZHU CHAOSHI"}
.home-project-more{display:flex;justify-content:flex-end;margin-top:28px}
.text-link{font-size:14px;font-weight:600;display:inline-flex;gap:8px;align-items:center;opacity:.88}
.dark .text-link{color:#fff}

.projects-hero{padding-bottom:104px;background:linear-gradient(150deg,#070707 0%,#161616 60%,#0a0a0a 100%)}
.projects-showcase{padding-top:90px}
.project-count{display:flex;align-items:flex-end;gap:18px;padding-bottom:38px;border-bottom:1px solid var(--line);margin-bottom:34px}
.project-count>span{font-size:clamp(64px,9vw,124px);line-height:.78;font-weight:700;letter-spacing:-.06em}
.project-count p{margin:0 0 2px;color:var(--muted);font-size:13px;line-height:1.55;text-transform:uppercase;letter-spacing:.08em}
.case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.case-card{background:#fff;border-radius:30px;overflow:hidden;transition:transform .35s ease,box-shadow .35s ease;min-width:0}
.case-card:hover{transform:translateY(-5px);box-shadow:0 22px 60px rgba(0,0,0,.10)}
.case-card-media{height:390px;overflow:hidden;background:#ddd}
.case-card-wide{grid-column:span 2}
.case-card-wide .case-card-media{height:min(62vw,650px)}
.case-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.case-card:hover .case-card-media img{transform:scale(1.025)}
.case-card-body{padding:28px 30px 32px}
.case-card-top{display:flex;align-items:center;justify-content:space-between;gap:20px}
.case-card .meta{font-size:11px;letter-spacing:.08em;line-height:1.5}
.case-arrow{font-size:20px;line-height:1}
.case-card h2{font-size:clamp(30px,3.2vw,48px);line-height:1.08;letter-spacing:-.04em;margin:30px 0 14px}
.case-card p{color:var(--muted);max-width:700px;line-height:1.75;margin:0}
.case-chips,.case-hero-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:23px}
.case-chip{display:inline-flex;align-items:center;border:1px solid rgba(17,17,17,.12);border-radius:999px;padding:7px 11px;font-size:11px;line-height:1.2;color:#666;background:rgba(255,255,255,.52)}
.project-closing{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}
.project-closing .section-lead{margin-bottom:4px}

.case-hero{height:min(92svh,900px);min-height:650px;position:relative;overflow:hidden;background:#111;color:#fff;display:flex;align-items:flex-end}
.case-hero-media,.case-hero-shade{position:absolute;inset:0}
.case-hero-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.9);transform:scale(1.002)}
.case-hero-shade{background:linear-gradient(180deg,rgba(0,0,0,.10) 15%,rgba(0,0,0,.12) 50%,rgba(0,0,0,.72) 100%)}
.case-hero-content{position:relative;z-index:2;padding-bottom:64px}
.case-hero-content h1{font-size:clamp(52px,7vw,100px);line-height:.98;max-width:1050px;margin-bottom:28px;text-shadow:0 2px 35px rgba(0,0,0,.22)}
.case-hero .eyebrow{color:rgba(255,255,255,.72)}
.case-hero .case-chip{border-color:rgba(255,255,255,.25);color:#fff;background:rgba(0,0,0,.18);backdrop-filter:blur(8px)}
.case-section{padding:116px 0}
.case-intro-section{background:#f5f5f7}
.case-intro-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:start}
.case-intro-grid h2,.case-section-head h2{font-size:clamp(42px,5vw,70px);line-height:1.05;letter-spacing:-.045em;margin:0;text-wrap:balance}
.case-intro-copy{padding-top:38px}
.case-intro-copy p{color:var(--muted);font-size:17px;line-height:1.85;margin:0 0 22px;max-width:720px}
.case-intro-copy .case-lead{color:#222;font-size:clamp(22px,2.25vw,32px);line-height:1.5;letter-spacing:-.02em}
.case-plan-section{background:#fff}
.case-section-head{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:end;margin-bottom:56px}
.case-section-head p{color:var(--muted);font-size:17px;line-height:1.85;margin:0;max-width:720px}
.plan-grid{display:grid;grid-template-columns:1fr;gap:18px}
.plan-grid-double{grid-template-columns:repeat(2,minmax(0,1fr))}
.plan-frame{margin:0;background:#f7f7f7;border:1px solid rgba(0,0,0,.06);border-radius:28px;overflow:hidden;min-height:420px;display:grid;place-items:center;padding:18px}
.plan-frame img{width:100%;height:100%;max-height:720px;object-fit:contain;background:#fff;border-radius:16px}
.case-gallery-section{background:#0a0a0a;color:#fff}
.case-gallery-section .kicker{color:rgba(255,255,255,.48)}
.case-gallery-section .case-section-head p{color:rgba(255,255,255,.62)}
.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.gallery-item{margin:0;border-radius:26px;overflow:hidden;background:#161616;min-height:470px}
.gallery-item.gallery-wide{grid-column:span 2;min-height:620px}
.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}
.gallery-item:hover img{transform:scale(1.015)}
.case-next{padding:72px 0 80px;background:#fff}
.case-nav-row{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);padding-top:28px;gap:30px}
.case-nav-row a{display:flex;flex-direction:column;gap:8px;min-width:0}
.case-nav-row a.next-link{text-align:right;align-items:flex-end}
.case-nav-row small{font-size:11px;text-transform:uppercase;letter-spacing:.10em;color:var(--muted)}
.case-nav-row strong{font-size:clamp(22px,2.2vw,32px);line-height:1.2;letter-spacing:-.025em;font-weight:600}

@media(max-width:900px){
 .case-grid{grid-template-columns:1fr}.case-card-wide{grid-column:auto}.case-card-wide .case-card-media,.case-card-media{height:68vw;min-height:280px;max-height:440px}
 .project-closing,.case-intro-grid,.case-section-head{grid-template-columns:1fr;gap:30px}
 .case-hero{height:78svh;min-height:600px}.case-hero-content{padding-bottom:38px}
 .case-section{padding:82px 0}.case-intro-copy{padding-top:0}
 .plan-grid-double,.gallery-grid{grid-template-columns:1fr}.gallery-item.gallery-wide{grid-column:auto}.gallery-item,.gallery-item.gallery-wide{min-height:62vw;max-height:560px}
 .plan-frame{min-height:320px}.case-nav-row{gap:20px}
}
@media(max-width:560px){
 .case-card-body{padding:22px}.case-card h2{margin-top:22px}
 .project-count{align-items:center}.project-count>span{font-size:64px}
 .case-hero{min-height:560px}.case-hero-content h1{font-size:clamp(46px,14vw,70px)}
 .gallery-item,.gallery-item.gallery-wide{min-height:76vw}.case-nav-row{grid-template-columns:1fr}.case-nav-row a.next-link{text-align:left;align-items:flex-start;border-top:1px solid var(--line);padding-top:22px}
}


.feature-link{display:flex;flex-direction:column;color:inherit;transition:transform .3s ease,box-shadow .3s ease}
.feature-link:hover{transform:translateY(-5px);box-shadow:0 18px 50px rgba(0,0,0,.08)}
.feature-case{display:inline-flex;align-items:center;gap:5px;margin-top:auto;padding-top:30px;font-size:12px;font-weight:600;color:#333}
.tech-case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:58px}
.tech-case-card{background:#161616;border:1px solid rgba(255,255,255,.08);border-radius:28px;overflow:hidden;color:#fff;transition:transform .35s ease,border-color .35s ease}
.tech-case-card:hover{transform:translateY(-5px);border-color:rgba(255,255,255,.2)}
.tech-case-media{height:340px;overflow:hidden;background:#222}
.tech-case-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.tech-case-card:hover .tech-case-media img{transform:scale(1.025)}
.tech-case-copy{padding:28px}
.tech-case-copy .meta{color:rgba(255,255,255,.45);letter-spacing:.08em}
.tech-case-copy h3{font-size:28px;line-height:1.18;letter-spacing:-.035em;margin:22px 0 12px}
.tech-case-copy p{color:rgba(255,255,255,.62);line-height:1.75;margin:0 0 24px}

.style-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:58px}
.style-project{position:relative;min-height:560px;border-radius:30px;overflow:hidden;color:#fff;background:#222}
.style-project-wide{grid-column:span 2;min-height:min(68vw,720px)}
.style-project>img,.style-project-shade{position:absolute;inset:0;width:100%;height:100%}
.style-project>img{object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.style-project:hover>img{transform:scale(1.025)}
.style-project-shade{background:linear-gradient(180deg,rgba(0,0,0,.04) 25%,rgba(0,0,0,.72) 100%)}
.style-project-copy{position:absolute;left:34px;right:34px;bottom:32px;z-index:2;max-width:760px}
.style-project-copy .meta{color:rgba(255,255,255,.62);letter-spacing:.08em}
.style-project-copy h2{font-size:clamp(38px,4.7vw,70px);line-height:1.02;letter-spacing:-.045em;margin:18px 0 14px}
.style-project:not(.style-project-wide) .style-project-copy h2{font-size:clamp(34px,3.4vw,50px)}
.style-project-copy p{color:rgba(255,255,255,.76);line-height:1.7;max-width:650px;margin:0;padding-right:48px}
.style-arrow{position:absolute;right:0;bottom:0;font-size:26px}
.style-principle{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}
.home-real-styles .style{background-image:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.6)),var(--style-image);background-size:cover;background-position:center}
.home-real-styles .style:before{display:none}
.home-real-styles .style-content{filter:drop-shadow(0 2px 14px rgba(0,0,0,.28))}

.bath-hero{background:radial-gradient(circle at 78% 20%,rgba(108,132,150,.22),transparent 35%),linear-gradient(145deg,#08090a,#16191b 58%,#0a0a0a)}
.bath-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:58px}
.bath-card{background:#fff;border-radius:30px;overflow:hidden;min-height:500px;display:grid;grid-template-rows:270px 1fr;transition:transform .35s ease,box-shadow .35s ease}
.bath-card:hover{transform:translateY(-5px);box-shadow:0 22px 60px rgba(0,0,0,.09)}
.bath-visual{display:grid;place-items:center;background:linear-gradient(145deg,#f2f2f0,#dedfdf);border-bottom:1px solid rgba(0,0,0,.05)}
.bath-visual svg{width:min(70%,280px);height:190px;fill:none;stroke:#1f2427;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;opacity:.86}
.bath-card-copy{padding:28px 30px 30px;display:flex;flex-direction:column}
.bath-card-copy .meta{letter-spacing:.08em}
.bath-card-copy h3{font-size:clamp(34px,3.2vw,50px);line-height:1.05;letter-spacing:-.04em;margin:18px 0 12px}
.bath-card-copy p{margin:0;color:var(--muted);line-height:1.75;max-width:560px}
.bath-scene-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}
.bath-scene-media{position:relative;min-height:670px;border-radius:32px;overflow:hidden;background:#1d1d1d}
.bath-scene-media img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .6s ease}
.bath-scene-media:hover img{transform:scale(1.02)}
.bath-scene-tag{position:absolute;left:24px;bottom:22px;border-radius:999px;padding:10px 14px;background:rgba(0,0,0,.48);backdrop-filter:blur(12px);font-size:12px;color:#fff;border:1px solid rgba(255,255,255,.14)}
.bath-scene-copy .section-title{font-size:clamp(40px,4.6vw,66px)}

@media(max-width:900px){
 .tech-case-grid{grid-template-columns:1fr}.tech-case-media{height:58vw;min-height:300px;max-height:500px}
 .style-project-grid{grid-template-columns:1fr}.style-project-wide{grid-column:auto}.style-project,.style-project-wide{min-height:70vw;max-height:620px}
 .style-principle,.bath-scene-grid{grid-template-columns:1fr;gap:34px}
 .bath-grid{grid-template-columns:1fr}.bath-card{min-height:470px}.bath-scene-media{min-height:70vw;max-height:680px}
}
@media(max-width:560px){
 .style-project,.style-project-wide{min-height:118vw;max-height:580px}.style-project-copy{left:24px;right:24px;bottom:24px}.style-project-copy p{padding-right:30px}
 .bath-card{grid-template-rows:230px 1fr}.bath-card-copy{padding:24px}.bath-scene-media{min-height:110vw}.tech-case-copy{padding:24px}
}

.feature-case-muted{color:#999}


.partner-brand{display:grid;grid-template-columns:.72fr 1.05fr 1.15fr;gap:42px;align-items:center;padding:46px;border-radius:34px;background:#f4f5f7;border:1px solid rgba(0,0,0,.05)}
.partner-brand-logo{min-height:230px;display:grid;place-items:center;background:#fff;border-radius:26px;padding:38px}
.partner-brand-logo img{width:min(100%,280px);height:auto}
.partner-brand-copy h2{font-size:clamp(46px,5.2vw,72px);line-height:1;margin:18px 0 18px;letter-spacing:-.05em}
.partner-lead{font-size:18px;line-height:1.75;color:var(--muted);margin:0 0 26px}
.brand-facts{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 30px}.brand-facts>span{display:flex;flex-direction:column;gap:2px;padding:10px 13px;border:1px solid rgba(0,0,0,.09);border-radius:14px;background:rgba(255,255,255,.65)}.brand-facts b{font-size:10px;letter-spacing:.09em}.brand-facts small{font-size:11px;color:#666}
.partner-brand-media{height:520px;border-radius:28px;overflow:hidden;background:#ddd}.partner-brand-media img{width:100%;height:100%;object-fit:cover}
.product-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:58px}.product-category{display:grid;grid-template-columns:1.05fr .95fr;min-height:430px;border-radius:30px;overflow:hidden;background:#fff;border:1px solid rgba(0,0,0,.06);transition:transform .3s ease,box-shadow .3s ease}.product-category:hover{transform:translateY(-4px);box-shadow:0 18px 50px rgba(0,0,0,.07)}.product-category-media{background:#f2f2f0;display:grid;place-items:center;overflow:hidden}.product-category-media img{width:100%;height:100%;object-fit:contain;padding:28px;transition:transform .5s ease}.product-category:hover img{transform:scale(1.025)}.product-category-media.dark-product{background:#25221f}.product-category-copy{padding:30px;display:flex;flex-direction:column}.product-category-copy h3{font-size:clamp(34px,3.4vw,50px);letter-spacing:-.04em;margin:18px 0 12px;line-height:1}.product-category-copy p{color:var(--muted);line-height:1.75;margin:0 0 20px}.product-category-copy .text-link{margin-top:auto}
.zeva-hero{padding:170px 0 120px;background:linear-gradient(145deg,#fafbfc,#f1f3f6)}.zeva-hero-grid{display:grid;grid-template-columns:.95fr .8fr;gap:100px;align-items:center}.zeva-hero-logo{width:132px;height:auto;margin-bottom:42px}.zeva-hero-copy h1{font-size:clamp(54px,6.2vw,92px);line-height:1.08;letter-spacing:-.045em;margin:18px 0 30px;max-width:760px}.zeva-hero-copy>p{font-size:18px;line-height:1.8;color:var(--muted);max-width:600px}.zeva-hero-media{height:min(62vw,650px);max-height:650px;border-radius:40px;overflow:hidden;background:#f5f5f3;border:1px solid rgba(0,0,0,.06);box-shadow:0 25px 70px rgba(0,0,0,.06)}.zeva-hero-media img{width:100%;height:100%;object-fit:contain;padding:38px;background:transparent;}
.zeva-overview{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:end}.zeva-overview-copy p{font-size:20px;line-height:1.8;color:var(--muted);margin:0 0 28px}.zeva-tech-chips{display:flex;flex-wrap:wrap;gap:10px}.zeva-tech-chips span{padding:10px 14px;border:1px solid var(--line);border-radius:999px;font-size:11px;letter-spacing:.08em}.soft-section{background:#f5f5f7}.zeva-product-row{display:grid;grid-template-columns:1.05fr .95fr;gap:82px;align-items:center}.zeva-product-row.reverse{grid-template-columns:.95fr 1.05fr}.zeva-product-row.reverse .zeva-product-media{order:2}.zeva-product-row.reverse .zeva-product-copy{order:1}.zeva-product-media{height:620px;border-radius:34px;overflow:hidden;background:#fff;display:grid;place-items:center;border:1px solid rgba(0,0,0,.05)}.zeva-product-media img{width:100%;height:100%;object-fit:contain;padding:55px}.zeva-product-media.shower-product{background:#f0efec}.zeva-product-copy h2{font-size:clamp(42px,5vw,70px);line-height:1.02;letter-spacing:-.045em;margin:20px 0}.zeva-product-copy>p{font-size:18px;line-height:1.8;color:var(--muted);margin:0 0 32px}.spec-list{margin:0;border-top:1px solid var(--line)}.spec-list>div{display:grid;grid-template-columns:100px 1fr;gap:20px;padding:14px 0;border-bottom:1px solid var(--line)}.spec-list dt{font-size:12px;color:var(--muted)}.spec-list dd{margin:0;font-size:14px}.zeva-technology{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:start}.zeva-tech-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.zeva-tech-grid article{padding:26px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:rgba(255,255,255,.035)}.zeva-tech-grid b{font-size:11px;color:rgba(255,255,255,.4)}.zeva-tech-grid h3{font-size:24px;margin:15px 0 10px}.zeva-tech-grid p{margin:0;color:rgba(255,255,255,.62);line-height:1.7}
.contact-form-fields{display:grid;gap:12px;margin:24px 0}.contact-form-fields input,.contact-form-fields textarea{padding:15px 16px;border-radius:14px;border:0;font:inherit;resize:vertical}.enquiry-result{margin-top:20px;padding:18px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(255,255,255,.06)}.enquiry-result pre{white-space:pre-wrap;margin:0 0 14px;font:inherit;color:rgba(255,255,255,.78);line-height:1.7}.copy-enquiry{border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;border-radius:999px;padding:9px 14px;cursor:pointer}
@media(max-width:1000px){.partner-brand{grid-template-columns:1fr 1.2fr}.partner-brand-media{grid-column:1/-1;height:58vw;max-height:600px}.product-category{grid-template-columns:1fr}.product-category-media{height:340px}.zeva-hero-grid,.zeva-overview,.zeva-product-row,.zeva-product-row.reverse,.zeva-technology{grid-template-columns:1fr;gap:38px}.zeva-product-row.reverse .zeva-product-media,.zeva-product-row.reverse .zeva-product-copy{order:initial}.zeva-product-media{height:65vw;max-height:620px}.zeva-tech-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.partner-brand{grid-template-columns:1fr;padding:24px}.partner-brand-media{grid-column:auto;height:90vw}.product-category-grid{grid-template-columns:1fr}.product-category-media{height:300px}.zeva-hero{padding:120px 0 70px}.zeva-hero-logo{width:120px;margin-bottom:34px}.zeva-hero-media{height:95vw}.zeva-product-media{height:86vw}.zeva-tech-grid{grid-template-columns:1fr}}



.media-image-card{background-image:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.58)),var(--media-image)!important;background-size:cover!important;background-position:center!important;text-decoration:none}
.media-image-card .media-label{z-index:2}
.media-hero-v2{padding:150px 0 70px;overflow:hidden}
.media-hero-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:70px;align-items:center}
.media-hero-copy h1{font-size:clamp(58px,7vw,112px);line-height:.94;letter-spacing:-.065em;margin:18px 0 30px}
.media-hero-copy p{max-width:620px;font-size:18px;line-height:1.75;color:#696969}
.media-hero-collage{height:650px;position:relative}
.media-hero-collage>div{position:absolute;background-size:cover;background-position:center;border-radius:28px;box-shadow:0 24px 70px rgba(0,0,0,.10)}
.media-collage-a{inset:0 17% 14% 4%}
.media-collage-b{width:38%;height:42%;right:0;bottom:0;border:10px solid #fff}
.media-collage-c{width:34%;height:38%;right:2%;top:3%;background-color:#f4f4f4;background-size:contain!important;background-repeat:no-repeat;border:10px solid #fff}
.media-section-head{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:end;margin-bottom:56px}
.media-section-head .kicker{grid-column:1/-1;margin-bottom:-18px}
.media-section-head .section-title{margin:0}
.media-section-head .section-lead{margin:0 0 7px}
.media-platform-section{background:#0b0b0b;color:#fff}
.media-platform-section .section-lead{color:#aaa}
.platform-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #333}
.platform-card{padding:36px 30px 46px 0;border-right:1px solid #333;display:grid;grid-template-columns:48px 1fr;gap:18px;min-height:310px}
.platform-card+ .platform-card{padding-left:30px}
.platform-card:last-child{border-right:0}
.platform-index{font-size:12px;color:#777;padding-top:4px}
.platform-card small{font-size:11px;letter-spacing:.13em;color:#777}
.platform-card h3{font-size:30px;line-height:1.12;letter-spacing:-.04em;margin:34px 0 18px}
.platform-card p{color:#aaa;line-height:1.75;margin:0;max-width:320px}
.editorial-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.editorial-card{display:grid;grid-template-columns:1.25fr .75fr;background:#f4f4f2;border-radius:28px;overflow:hidden;min-height:420px;text-decoration:none;color:inherit;transition:transform .35s ease,box-shadow .35s ease}
.editorial-card:hover{transform:translateY(-4px);box-shadow:0 24px 60px rgba(0,0,0,.09)}
.editorial-wide{grid-column:1/-1;grid-template-columns:1.55fr .65fr;min-height:540px}
.editorial-image{background-size:cover;background-position:center;min-height:100%}
.editorial-product{background-size:72%;background-repeat:no-repeat;background-color:#fff}
.editorial-copy{padding:34px;display:flex;flex-direction:column;justify-content:flex-end}
.editorial-copy span{font-size:11px;letter-spacing:.13em;color:#7b7b7b}
.editorial-copy h3{font-size:34px;line-height:1.08;letter-spacing:-.045em;margin:14px 0 12px}
.editorial-copy p{font-size:15px;line-height:1.7;color:#666;margin:0}
.media-voice-section{padding-top:20px}
.media-voice{background:#f2f1ed;border-radius:34px;padding:70px;display:grid;grid-template-columns:1.25fr .75fr;gap:55px;align-items:end}
.media-voice h2{font-size:clamp(42px,5vw,76px);line-height:1.02;letter-spacing:-.055em;margin:18px 0 0}
.media-voice p{font-size:17px;line-height:1.8;color:#666;margin:0 0 28px}
.media-voice .cta{justify-self:start}
@media(max-width:900px){
  .media-hero-v2{padding-top:120px}
  .media-hero-grid,.media-section-head,.media-voice{grid-template-columns:1fr}
  .media-hero-collage{height:500px;margin-top:10px}
  .platform-grid{grid-template-columns:1fr}
  .platform-card,.platform-card+ .platform-card{padding:28px 0;border-right:0;border-bottom:1px solid #333;min-height:auto}
  .platform-card:last-child{border-bottom:0}
  .editorial-grid{grid-template-columns:1fr}
  .editorial-wide{grid-column:auto}
  .editorial-card,.editorial-wide{grid-template-columns:1fr;min-height:0}
  .editorial-image{min-height:320px}
  .editorial-copy{padding:28px}
  .media-voice{padding:42px 28px}
}
@media(max-width:560px){
  .media-hero-copy h1{font-size:52px}
  .media-hero-collage{height:390px}
  .media-collage-a{inset:0 10% 12% 0}
  .media-collage-b{width:42%;height:38%}
  .media-collage-c{width:38%;height:34%}
  .editorial-image{min-height:250px}
}


.nav{
  height:72px;
  background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.045));
  -webkit-backdrop-filter:blur(28px) saturate(190%);
  backdrop-filter:blur(28px) saturate(190%);
  border-bottom:1px solid rgba(255,255,255,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 12px 38px rgba(0,0,0,.06);
  transition:background .38s ease,border-color .38s ease,box-shadow .38s ease;
}
.nav:after{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);
  opacity:.55;
  pointer-events:none;
}
.nav .brand,.nav .nav-links,.nav .lang,.nav .menu-btn{
  color:#fff;
  text-shadow:0 1px 12px rgba(0,0,0,.28);
  transition:color .35s ease,text-shadow .35s ease;
}
.nav .brand img{
  filter:drop-shadow(0 2px 10px rgba(0,0,0,.18));
  transition:filter .35s ease;
}
.nav-links a{
  position:relative;
  opacity:.82;
}
.nav-links a:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-7px;
  height:1px;
  background:currentColor;
  transform:scaleX(0);
  transform-origin:center;
  opacity:.65;
  transition:transform .28s ease;
}
.nav-links a:hover:after,.nav-links a.active:after{transform:scaleX(1)}
.nav.is-scrolled{
  background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(245,245,247,.58));
  border-bottom-color:rgba(255,255,255,.58);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 12px 38px rgba(0,0,0,.075);
}
.nav.is-scrolled .brand,.nav.is-scrolled .nav-links,.nav.is-scrolled .lang,.nav.is-scrolled .menu-btn{
  color:#1d1d1f;
  text-shadow:none;
}
.nav.is-scrolled .brand img{filter:none}
.lang{
  min-width:42px;
  height:30px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.08);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  transition:background .25s ease,border-color .25s ease,color .35s ease,transform .25s ease;
}
.lang:hover{transform:translateY(-1px);background:rgba(255,255,255,.16)}
.nav.is-scrolled .lang{background:rgba(255,255,255,.38);border-color:rgba(0,0,0,.07)}

.page-transition{
  position:fixed;
  z-index:1000;
  inset:0;
  display:grid;
  place-items:center;
  pointer-events:none;
  background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(235,238,241,.68));
  -webkit-backdrop-filter:blur(30px) saturate(155%);
  backdrop-filter:blur(30px) saturate(155%);
  transform:translateY(102%);
  transition:transform .52s cubic-bezier(.76,0,.24,1);
}
.page-transition:before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 70% 28%,rgba(11,79,128,.10),transparent 34%);
}
.page-transition span{
  position:relative;
  font-size:12px;
  font-weight:650;
  letter-spacing:.22em;
  color:#1d1d1f;
  opacity:0;
  transform:translateY(10px);
  transition:opacity .28s ease .13s,transform .38s ease .10s;
}
.page-transition.is-active{transform:translateY(0)}
.page-transition.is-active span{opacity:.72;transform:none}
body.page-entering{animation:pageEnter .56s cubic-bezier(.22,.7,.2,1) both}
@keyframes pageEnter{
  from{opacity:.12;filter:blur(4px)}
  to{opacity:1;filter:none}
}

@media(max-width:900px){
  .nav{height:64px}
  .nav-links{top:64px;background:rgba(248,248,250,.74);-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.62);box-shadow:0 18px 40px rgba(0,0,0,.08)}
  .nav-links.open{display:flex;color:#1d1d1f;text-shadow:none}
  .nav-links.open a{color:#1d1d1f;text-shadow:none}
  .nav-links a:after{bottom:-4px}
}
@media(prefers-reduced-motion:reduce){
  body.page-entering{animation:none}
  .page-transition{transition:none}
  .page-transition span{transition:none}
  .nav,.nav *{transition:none!important}
}


.contact-main-section{padding-top:92px}
.contact-panel{background:linear-gradient(145deg,#0d0d0e,#17191b);box-shadow:0 32px 90px rgba(0,0,0,.13)}
.contact-form-column{min-width:0}
.contact-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.contact-form-grid textarea{grid-column:1/-1;min-height:155px}
.contact-form-fields input,.contact-form-fields textarea,.contact-form-fields select{
  width:100%;padding:15px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.075);color:#fff;font:inherit;outline:none;resize:vertical;
  transition:border-color .22s ease,background .22s ease,box-shadow .22s ease
}
.contact-form-fields input::placeholder,.contact-form-fields textarea::placeholder{color:rgba(255,255,255,.48)}
.contact-form-fields select{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,rgba(255,255,255,.62) 50%),linear-gradient(135deg,rgba(255,255,255,.62) 50%,transparent 50%);background-position:calc(100% - 19px) 50%,calc(100% - 14px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:38px}
.contact-form-fields select option{background:#17191b;color:#fff}
.contact-form-fields input:focus,.contact-form-fields textarea:focus,.contact-form-fields select:focus{border-color:rgba(255,255,255,.34);background:rgba(255,255,255,.10);box-shadow:0 0 0 4px rgba(255,255,255,.035)}
.privacy-line{display:flex;gap:10px;align-items:flex-start;color:rgba(255,255,255,.5);font-size:12px;line-height:1.6;margin:4px 0 22px;cursor:pointer;max-width:580px}
.privacy-line input{margin-top:3px;accent-color:#fff}
.contact-profile{align-content:start;padding-top:8px}
.contact-profile-head{padding-bottom:26px;border-bottom:1px solid rgba(255,255,255,.16)}
.contact-profile-head small{display:block;color:rgba(255,255,255,.4);font-size:11px;letter-spacing:.14em;margin-bottom:10px}
.contact-profile-head strong{font-size:30px;line-height:1.2;letter-spacing:-.025em;font-weight:600}
.contact-profile .contact-item strong{line-height:1.55}
.contact-social-section{padding-top:52px}
.social-account-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.social-account-card{min-height:410px;border-radius:30px;background:#fff;border:1px solid rgba(17,17,17,.06);padding:28px;display:grid;grid-template-rows:auto 1fr;gap:24px;overflow:hidden;transition:transform .32s ease,box-shadow .32s ease}
.social-account-card:hover{transform:translateY(-4px);box-shadow:0 22px 55px rgba(0,0,0,.08)}
.social-account-copy span{font-size:10px;letter-spacing:.13em;color:#8a8a8e}
.social-account-copy h3{font-size:32px;line-height:1.1;letter-spacing:-.035em;margin:12px 0 10px}
.social-account-copy p{margin:0 0 8px;color:var(--muted);line-height:1.65}
.social-account-copy b{font-size:14px;font-weight:600;letter-spacing:.01em}
.social-qr-wrap{align-self:end;background:#f7f7f5;border-radius:22px;display:grid;place-items:center;min-height:245px;overflow:hidden;padding:18px}
.social-qr-wrap img{width:min(100%,280px);height:245px;object-fit:contain}
.media-accounts-section{padding-top:86px;padding-bottom:100px}
.media-accounts-section .social-account-card{background:#f3f3f1}
.media-accounts-section .social-qr-wrap{background:#fff}

@media(max-width:1000px){
  .social-account-grid{grid-template-columns:1fr 1fr}.social-account-card:last-child{grid-column:1/-1}
}
@media(max-width:700px){
  .contact-form-grid{grid-template-columns:1fr}.contact-form-grid textarea{grid-column:auto}.social-account-grid{grid-template-columns:1fr}.social-account-card:last-child{grid-column:auto}.social-account-card{min-height:auto}.social-qr-wrap{min-height:220px}.contact-profile-head strong{font-size:26px}
}



.home-glass-hero{
  background:#0c0e11;
  isolation:isolate;
}
.home-glass-hero:before{
  inset:-3%;
  background:
    linear-gradient(90deg,rgba(5,7,9,.91) 0%,rgba(8,10,12,.74) 43%,rgba(8,10,12,.30) 74%,rgba(5,7,9,.56) 100%),
    linear-gradient(180deg,rgba(0,0,0,.20),rgba(0,0,0,.58)),
    url('assets/projects/crland-1/p06-1.webp') center 46%/cover no-repeat;
  filter:saturate(.62) contrast(1.05);
  transform:scale(1.04);
  opacity:.98;
}
.home-glass-hero:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:
    radial-gradient(circle at 76% 30%,rgba(144,184,214,.15),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,0) 30%,rgba(0,0,0,.18));
  pointer-events:none;
}
.home-glass-hero .hero-grid{z-index:1}
.home-glass-hero .hero-grid>.reveal:first-child{
  padding:44px 46px 46px;
  border-radius:34px;
  background:linear-gradient(145deg,rgba(17,20,24,.60),rgba(12,14,17,.38));
  border:1px solid rgba(255,255,255,.14);
  -webkit-backdrop-filter:blur(30px) saturate(135%);
  backdrop-filter:blur(30px) saturate(135%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 30px 90px rgba(0,0,0,.28);
}
.home-glass-hero .hero-visual{
  border:1px solid rgba(255,255,255,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 34px 100px rgba(0,0,0,.34);
}

.page-hero{
  min-height:min(76svh,760px);
  display:flex;
  align-items:flex-end;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:150px 0 68px;
  background:#101216;
}
.page-hero:before{
  content:"";
  position:absolute;
  inset:-3%;
  z-index:-2;
  background-image:var(--hero-image);
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  filter:saturate(.58) contrast(1.08) brightness(.64);
  transform:scale(1.045);
}
.page-hero:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    radial-gradient(circle at 76% 24%,rgba(122,164,195,.18),transparent 34%),
    linear-gradient(180deg,rgba(6,8,10,.18) 0%,rgba(7,9,12,.42) 48%,rgba(5,7,9,.76) 100%);
}
.page-hero>.container{
  width:min(1080px,calc(100% - 48px));
  margin-left:auto;
  margin-right:auto;
  padding:38px 42px 40px;
  border-radius:32px;
  background:linear-gradient(145deg,rgba(18,21,25,.58),rgba(10,12,15,.42));
  border:1px solid rgba(255,255,255,.14);
  -webkit-backdrop-filter:blur(28px) saturate(138%);
  backdrop-filter:blur(28px) saturate(138%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 30px 90px rgba(0,0,0,.28);
}
.page-hero h1{
  max-width:920px;
  margin-bottom:24px;
  line-height:.99;
  letter-spacing:-.055em;
}
.page-hero p{margin:0;max-width:690px;color:rgba(255,255,255,.72)}
.page-hero .eyebrow{margin-bottom:18px;color:rgba(255,255,255,.62)}
.projects-hero,.bath-hero{background:#101216}

.case-hero-shade{
  background:
    radial-gradient(circle at 76% 18%,rgba(122,164,195,.12),transparent 35%),
    linear-gradient(180deg,rgba(0,0,0,.10) 14%,rgba(0,0,0,.20) 48%,rgba(4,6,8,.68) 100%);
}
.case-hero-content{
  width:min(1100px,calc(100% - 48px));
  margin:0 auto 52px;
  padding:34px 40px 38px;
  border-radius:30px;
  background:linear-gradient(145deg,rgba(17,20,24,.54),rgba(9,11,13,.34));
  border:1px solid rgba(255,255,255,.14);
  -webkit-backdrop-filter:blur(24px) saturate(135%);
  backdrop-filter:blur(24px) saturate(135%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 28px 80px rgba(0,0,0,.25);
}
.case-hero-content h1{margin-bottom:24px;line-height:.94;letter-spacing:-.055em}
.case-hero-content .eyebrow{margin-bottom:16px}


.media-page .nav:not(.is-scrolled),.zeva-page .nav:not(.is-scrolled){
  background:linear-gradient(180deg,rgba(255,255,255,.66),rgba(245,245,247,.42));
  border-bottom-color:rgba(255,255,255,.72);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.78),0 12px 38px rgba(0,0,0,.055);
}
.media-page .nav:not(.is-scrolled) .brand,
.media-page .nav:not(.is-scrolled) .nav-links,
.media-page .nav:not(.is-scrolled) .lang,
.media-page .nav:not(.is-scrolled) .menu-btn,
.zeva-page .nav:not(.is-scrolled) .brand,
.zeva-page .nav:not(.is-scrolled) .nav-links,
.zeva-page .nav:not(.is-scrolled) .lang,
.zeva-page .nav:not(.is-scrolled) .menu-btn{color:#1d1d1f;text-shadow:none}
.media-page .nav:not(.is-scrolled) .brand img,.zeva-page .nav:not(.is-scrolled) .brand img{filter:none}
.media-page .nav:not(.is-scrolled) .lang,.zeva-page .nav:not(.is-scrolled) .lang{background:rgba(255,255,255,.42);border-color:rgba(0,0,0,.07)}

@media(max-width:900px){
  .home-glass-hero .hero-grid>.reveal:first-child{padding:34px 30px 36px;border-radius:28px}
  .page-hero{min-height:68svh;padding:118px 0 34px}
  .page-hero>.container{width:min(100% - 32px,1080px);padding:30px 28px 32px;border-radius:28px}
  .case-hero-content{width:min(100% - 32px,1100px);margin-bottom:24px;padding:28px 26px 30px;border-radius:26px}
}
@media(max-width:600px){
  .home-glass-hero .hero-grid>.reveal:first-child{padding:28px 24px 30px;border-radius:24px}
  .page-hero{min-height:64svh;padding-top:104px}
  .page-hero>.container{padding:26px 22px 28px;border-radius:24px}
  .page-hero h1{font-size:clamp(46px,13.5vw,66px);line-height:.98}
  .case-hero-content{padding:24px 22px 26px;border-radius:24px}
  .case-hero-content h1{font-size:clamp(44px,13vw,66px)}
}


.hero-line{display:block;white-space:nowrap}


.home-glass-hero{
  min-height:100svh;
  background:#0b0c0e;
}
.home-glass-hero:before{
  inset:-2%;
  background:
    linear-gradient(90deg,rgba(5,7,9,.84) 0%,rgba(5,7,9,.67) 35%,rgba(6,8,10,.23) 67%,rgba(5,7,9,.30) 100%),
    linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.48)),
    url('assets/projects/crland-1/p06-1.webp') center 47%/cover no-repeat;
  filter:saturate(.72) contrast(1.02);
  opacity:1;
}
.home-glass-hero .hero-grid{
  grid-template-columns:minmax(0,1.02fr) minmax(410px,.78fr);
  gap:64px;
}
.home-glass-hero .hero-grid>.reveal:first-child{
  max-width:680px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  box-shadow:none;
  text-shadow:0 2px 30px rgba(0,0,0,.22);
}
.home-glass-hero h1{
  font-size:clamp(64px,6.25vw,104px);
  line-height:.94;
  letter-spacing:-.057em;
  margin-bottom:30px;
}
.home-glass-hero .eyebrow{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  margin-bottom:24px;
  padding:7px 11px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  background:rgba(16,18,21,.20);
  -webkit-backdrop-filter:blur(18px) saturate(130%);
  backdrop-filter:blur(18px) saturate(130%);
}
.home-glass-hero .hero-visual{
  min-height:500px;
  max-height:610px;
  border-radius:34px;
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 34px 100px rgba(0,0,0,.30);
  transform:translateY(22px);
}
.home-glass-hero .hero-visual img{filter:saturate(.88) contrast(1.02)}


.page-hero{
  min-height:min(72svh,720px);
  align-items:flex-end;
  padding:142px 0 76px;
  background:#111315;
}
.page-hero:before{
  inset:-2%;
  background-position:center 48%;
  filter:saturate(.72) contrast(1.03) brightness(.80);
  transform:scale(1.025);
}
.page-hero:after{
  background:
    linear-gradient(90deg,rgba(4,6,8,.72) 0%,rgba(4,6,8,.54) 32%,rgba(4,6,8,.14) 67%,rgba(4,6,8,.20) 100%),
    linear-gradient(180deg,rgba(5,7,9,.10) 0%,rgba(5,7,9,.18) 58%,rgba(5,7,9,.55) 100%);
}
.page-hero>.container{
  width:min(var(--max),calc(100% - 48px));
  margin-left:auto;
  margin-right:auto;
  padding:0;
  border-radius:0;
  background:transparent;
  border:0;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  box-shadow:none;
}
.page-hero .eyebrow{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  margin-bottom:20px;
  padding:7px 11px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  background:rgba(12,14,17,.22);
  -webkit-backdrop-filter:blur(18px) saturate(130%);
  backdrop-filter:blur(18px) saturate(130%);
  color:rgba(255,255,255,.72);
}
.page-hero h1{
  max-width:900px;
  font-size:clamp(58px,6vw,94px);
  line-height:.95;
  letter-spacing:-.055em;
  margin-bottom:24px;
  text-shadow:0 3px 34px rgba(0,0,0,.30);
}
.page-hero p{
  max-width:700px;
  font-size:17px;
  line-height:1.75;
  color:rgba(255,255,255,.78);
  text-shadow:0 2px 22px rgba(0,0,0,.28);
}


.case-hero-shade{
  background:
    linear-gradient(90deg,rgba(3,5,7,.60) 0%,rgba(3,5,7,.32) 42%,rgba(3,5,7,.08) 74%),
    linear-gradient(180deg,rgba(0,0,0,.04) 12%,rgba(0,0,0,.12) 52%,rgba(3,5,7,.62) 100%);
}
.case-hero-content{
  width:min(var(--max),calc(100% - 48px));
  margin:0 auto 60px;
  padding:0;
  border-radius:0;
  background:transparent;
  border:0;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  box-shadow:none;
  text-shadow:0 3px 30px rgba(0,0,0,.26);
}
.case-hero-content h1{
  max-width:980px;
  font-size:clamp(58px,6vw,96px);
  line-height:.95;
  letter-spacing:-.052em;
  margin-bottom:26px;
}
.case-hero-content .eyebrow{
  display:inline-flex;
  padding:7px 11px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  background:rgba(12,14,17,.20);
  -webkit-backdrop-filter:blur(16px) saturate(125%);
  backdrop-filter:blur(16px) saturate(125%);
}
.case-hero .case-chip{
  background:rgba(12,14,17,.24);
  border-color:rgba(255,255,255,.18);
  -webkit-backdrop-filter:blur(16px) saturate(125%);
  backdrop-filter:blur(16px) saturate(125%);
}


.media-hero-v2{padding:150px 0 92px}
.media-hero-grid{
  grid-template-columns:minmax(540px,.92fr) minmax(0,1.08fr);
  gap:72px;
  align-items:center;
}
.media-hero-copy{max-width:650px}
.media-hero-copy h1{
  max-width:650px;
  font-size:clamp(56px,5.25vw,88px);
  line-height:.98;
  letter-spacing:-.052em;
  margin:20px 0 28px;
}
.media-hero-copy .hero-line{white-space:nowrap}
.media-hero-copy p{max-width:590px;font-size:17px;line-height:1.78}
.media-hero-collage{height:590px}
.media-collage-a{inset:4% 12% 8% 0}
.media-collage-b{width:38%;height:36%;right:0;bottom:0}
.media-collage-c{width:34%;height:32%;right:2%;top:7%}


.page-hero h1,.case-hero-content h1,.media-hero-copy h1,.home-glass-hero h1{word-break:keep-all;overflow-wrap:normal}

@media(max-width:1080px){
  .home-glass-hero .hero-grid{grid-template-columns:1fr 1fr;gap:38px}
  .media-hero-grid{grid-template-columns:1fr 1fr;gap:44px}
  .media-hero-copy h1{font-size:clamp(52px,6.4vw,72px)}
}
@media(max-width:900px){
  .home-glass-hero .hero-grid{grid-template-columns:1fr;gap:42px}
  .home-glass-hero .hero-grid>.reveal:first-child{padding:0;border-radius:0}
  .home-glass-hero .hero-visual{width:min(100%,620px);min-height:460px;transform:none}
  .page-hero{min-height:66svh;padding:120px 0 52px}
  .page-hero>.container{width:min(100% - 32px,var(--max));padding:0;border-radius:0}
  .case-hero-content{width:min(100% - 32px,var(--max));margin-bottom:36px;padding:0;border-radius:0}
  .media-hero-grid{grid-template-columns:1fr;gap:42px}
  .media-hero-copy{max-width:720px}
  .media-hero-copy h1{max-width:720px}
  .media-hero-collage{height:520px;margin-top:0}
}
@media(max-width:600px){
  .hero-line{white-space:normal}
  .home-glass-hero .hero-grid>.reveal:first-child{padding:0;border-radius:0}
  .home-glass-hero h1{font-size:clamp(52px,14vw,68px);line-height:.96}
  .page-hero{min-height:62svh;padding-top:108px}
  .page-hero>.container{padding:0;border-radius:0}
  .page-hero h1{font-size:clamp(48px,13vw,64px);line-height:.96}
  .case-hero-content{padding:0;border-radius:0}
  .case-hero-content h1{font-size:clamp(48px,13vw,64px);line-height:.96}
  .media-hero-v2{padding-top:118px}
  .media-hero-copy h1{font-size:clamp(48px,13vw,62px);line-height:.98}
  .media-hero-copy .hero-line{white-space:normal}
  .media-hero-collage{height:390px}
}


html:not(.en) .home-glass-hero h1,
html:not(.en) .page-hero h1,
html:not(.en) .case-hero-content h1,
html:not(.en) .media-hero-copy h1{
  font-weight:600;
  letter-spacing:-.018em;
  line-height:1.04;
}
html:not(.en) .hero-line + .hero-line{margin-top:.08em}
html.en .hero-line + .hero-line{margin-top:.035em}
.home-glass-hero .hero-visual{justify-self:end;width:min(100%,460px)}
.media-hero-copy h1{font-weight:650}

@media(max-width:900px){
  .home-glass-hero .hero-visual{justify-self:start;width:min(100%,560px)}
}



.brand-logo-wrap{position:relative;width:42px;height:42px;display:block;flex:0 0 42px}
.brand-logo{position:absolute;inset:0;width:42px!important;height:42px!important;object-fit:contain;transition:opacity .3s ease,filter .3s ease}
.brand-logo-blue{opacity:0}
.brand-logo-white{opacity:1;filter:drop-shadow(0 2px 10px rgba(0,0,0,.18))}
.nav.is-scrolled .brand-logo-blue,.media-page .nav:not(.is-scrolled) .brand-logo-blue,.zeva-page .nav:not(.is-scrolled) .brand-logo-blue{opacity:1}
.nav.is-scrolled .brand-logo-white,.media-page .nav:not(.is-scrolled) .brand-logo-white,.zeva-page .nav:not(.is-scrolled) .brand-logo-white{opacity:0}
.nav .brand-logo-wrap img{filter:none}

.home-glass-hero .hero-grid{grid-template-columns:minmax(0,1.04fr) minmax(430px,.76fr);gap:58px}

.practice-network-section{padding-top:34px}
.practice-network{display:grid;grid-template-columns:.85fr 1.15fr;gap:72px;padding:54px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.practice-network h2{font-size:clamp(44px,5vw,76px);line-height:1.02;letter-spacing:-.045em;margin:14px 0 0}
.practice-network-copy p{font-size:18px;line-height:1.8;color:var(--muted);margin:0 0 28px;max-width:720px}
.network-cities{display:flex;flex-wrap:wrap;gap:9px}
.network-cities span{padding:9px 13px;border:1px solid var(--line);border-radius:999px;font-size:11px;letter-spacing:.08em;color:#555;background:rgba(255,255,255,.7)}

.media-links-section{padding-top:40px}
.social-link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.social-link-card{min-height:330px;border-radius:30px;padding:30px;display:flex;flex-direction:column;text-decoration:none;color:#fff;position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}
.social-link-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 15%,rgba(255,255,255,.18),transparent 34%);pointer-events:none}
.social-link-card.douyin{background:linear-gradient(145deg,#131416,#282b2f)}
.social-link-card.rednote{background:linear-gradient(145deg,#7f1723,#d63b4f)}
.social-link-card:hover{transform:translateY(-5px);box-shadow:0 24px 65px rgba(0,0,0,.14)}
.social-link-platform{font-size:10px;letter-spacing:.16em;opacity:.58}
.social-link-card h3{font-size:30px;line-height:1.18;letter-spacing:-.035em;margin:24px 0 14px;position:relative}
.social-link-card p{margin:0;color:rgba(255,255,255,.67);line-height:1.7;position:relative}
.social-link-card b{margin-top:auto;padding-top:34px;font-size:13px;position:relative}

.zeva-catalog-section{background:#f4f4f2}
.zeva-catalog-head{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:end;margin-bottom:34px}
.catalog-tools{display:flex;gap:16px;align-items:center;justify-content:flex-end}
.catalog-search{width:min(100%,340px);padding:14px 16px;border:1px solid rgba(0,0,0,.10);border-radius:999px;background:rgba(255,255,255,.82);font:inherit;outline:none}
.catalog-search:focus{border-color:rgba(0,0,0,.28);box-shadow:0 0 0 4px rgba(0,0,0,.03)}
.catalog-count{display:flex;align-items:baseline;gap:8px;white-space:nowrap}.catalog-count b{font-size:34px}.catalog-count span{font-size:11px;color:var(--muted)}
.catalog-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px}
.catalog-filter{border:1px solid rgba(0,0,0,.09);background:rgba(255,255,255,.72);padding:9px 14px;border-radius:999px;font:inherit;font-size:12px;cursor:pointer;color:#444}
.catalog-filter.active{background:#111;color:#fff;border-color:#111}
.catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.catalog-card{background:#fff;border:1px solid rgba(0,0,0,.055);border-radius:22px;padding:20px;min-height:320px;display:flex;flex-direction:column}
.catalog-card[hidden]{display:none}
.catalog-card-head{display:flex;justify-content:space-between;gap:12px;color:#8a8a8e;font-size:9px;letter-spacing:.11em;text-transform:uppercase}
.catalog-card h3{font-size:23px;line-height:1.15;letter-spacing:-.025em;margin:20px 0 9px}
.catalog-model{font-size:12px;font-weight:650;letter-spacing:.04em;color:#333;margin-bottom:18px}
.catalog-card dl{margin:0;border-top:1px solid var(--line)}
.catalog-card dl>div{display:grid;grid-template-columns:60px 1fr;gap:12px;padding:9px 0;border-bottom:1px solid var(--line)}
.catalog-card dt{font-size:10px;color:#8a8a8e}.catalog-card dd{font-size:11px;line-height:1.5;margin:0;color:#555;word-break:break-word}
.catalog-card details{margin-top:auto;padding-top:16px}.catalog-card summary{cursor:pointer;font-size:11px;color:#333;list-style:none}.catalog-card summary::-webkit-details-marker{display:none}.catalog-card details p{font-size:11px;line-height:1.65;color:#666;margin:12px 0 0}

@media(max-width:1100px){.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.brand-logo-wrap{width:38px;height:38px;flex-basis:38px}.brand-logo{width:38px!important;height:38px!important}.practice-network,.zeva-catalog-head{grid-template-columns:1fr;gap:30px}.catalog-tools{justify-content:flex-start}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.social-link-grid{grid-template-columns:1fr}}
@media(max-width:600px){.practice-network{padding:42px 0}.catalog-tools{display:grid;grid-template-columns:1fr auto;width:100%}.catalog-search{width:100%}.catalog-grid{grid-template-columns:1fr}.catalog-card{min-height:auto}}



.catalog-card-image{width:100%;height:132px;object-fit:contain;display:block;margin:16px 0 4px;border-radius:16px;background:#fff}
.catalog-card h3{margin-top:14px}
@media(max-width:600px){.catalog-card-image{height:160px}}



.case-grid{grid-auto-flow:row;align-items:stretch}
.case-card-wide{grid-column:auto}
.case-card-wide .case-card-media{height:390px}
.home-glass-hero .hero-grid{grid-template-columns:1fr;max-width:1240px}
.home-glass-hero .hero-grid>.reveal:first-child{max-width:760px}
@media(max-width:900px){.case-card-wide .case-card-media{height:68vw;min-height:280px;max-height:440px}.home-glass-hero .hero-grid{grid-template-columns:1fr}}
.social-link-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.social-post-card{display:flex;flex-direction:column;overflow:hidden;border-radius:30px;background:#fff;border:1px solid rgba(0,0,0,.06);transition:transform .32s ease,box-shadow .32s ease;min-width:0}
.social-post-card:hover{transform:translateY(-5px);box-shadow:0 22px 60px rgba(0,0,0,.10)}
.social-post-cover{aspect-ratio:4/3;background:#e9e9e7;overflow:hidden}
.social-post-cover img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.social-post-card:hover .social-post-cover img{transform:scale(1.018)}
.social-post-copy{padding:24px 26px 27px;display:flex;flex-direction:column;min-height:190px}
.social-post-copy>span{font-size:10px;letter-spacing:.15em;color:#8a8a8e}
.social-post-copy h3{font-size:25px;line-height:1.18;letter-spacing:-.035em;margin:17px 0 22px}
.social-post-copy b{margin-top:auto;font-size:12px;font-weight:600}
@media(max-width:900px){.social-link-grid{grid-template-columns:1fr}.social-post-card{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr)}.social-post-cover{aspect-ratio:16/10}.social-post-copy{min-height:0}}
@media(max-width:620px){.social-post-card{display:block}.social-post-cover{aspect-ratio:4/3}}


html,body{max-width:100%;overflow-x:hidden}
body{-webkit-text-size-adjust:100%;text-size-adjust:100%}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
img{height:auto}
@media(max-width:900px){
  .container{width:calc(100% - 28px)}
  .nav{height:64px;padding-top:env(safe-area-inset-top)}
  .nav-inner{gap:8px}
  .brand{gap:8px;min-width:0}.brand span{font-size:14px;white-space:nowrap}
  .nav-actions{gap:2px;margin-left:auto}
  .lang,.menu-btn{width:44px;height:44px;min-width:44px;display:grid;place-items:center;padding:0;border-radius:999px}
  .lang{font-size:12px}.menu-btn{font-size:21px}
  .nav-links{top:68px;left:10px;right:10px;width:auto;border-radius:0 0 22px 22px;padding:16px 18px 18px;gap:2px;max-height:calc(100dvh - 82px);overflow:auto}
  .nav-links a{width:100%;padding:11px 4px;font-size:15px;line-height:1.25}
  .hero{min-height:auto;padding:118px 0 76px}
  .home-glass-hero .hero-grid{grid-template-columns:1fr;gap:0}
  .home-glass-hero .hero-grid>.reveal:first-child{max-width:720px}
  .section{padding:76px 0}
  .section-title{font-size:clamp(38px,10vw,58px)}
  .section-lead{font-size:17px}
  .intro{gap:30px}.intro .big-copy{font-size:clamp(23px,6vw,34px)}
  .feature-grid,.styles-grid,.cards,.media-grid,.bath-grid{gap:14px}
  .footer{padding:32px 0 42px}.footer-row{flex-direction:column;align-items:flex-start;gap:8px}
  .page-hero{min-height:60svh;padding:112px 0 52px}
  .page-hero>.container,.case-hero-content{width:calc(100% - 28px)}
  .case-hero{min-height:520px;height:72svh}
  .case-hero-content{margin-bottom:34px}
  .case-section{padding:72px 0}
  .case-card-media,.case-card-wide .case-card-media{height:auto;min-height:0;max-height:none;aspect-ratio:4/3}
  .gallery-item,.gallery-item.gallery-wide{min-height:0;max-height:none;aspect-ratio:4/3}
  .gallery-item.gallery-wide{aspect-ratio:16/10}
  .plan-frame{min-height:0;padding:12px}
  .plan-frame img{height:auto;max-height:none}
  .practice-network{gap:28px;padding:40px 0}
  .practice-network h2{font-size:clamp(38px,10vw,56px)}
  .media-section-head{gap:18px;margin-bottom:36px}.media-section-head .kicker{margin-bottom:0}
  .media-hero-collage{height:440px}
  .contact{padding:38px 26px;border-radius:30px}.contact-grid{gap:38px}
  .zeva-hero{padding:112px 0 64px}.zeva-hero-copy h1{font-size:clamp(48px,12vw,72px)}
  .zeva-product-row,.zeva-product-row.reverse,.zeva-overview,.zeva-technology{gap:32px}
  .catalog-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px;scrollbar-width:none}.catalog-filters::-webkit-scrollbar{display:none}.catalog-filter{flex:0 0 auto}
}
@media(max-width:600px){
  .container{width:calc(100% - 24px)}
  .brand-logo-wrap{width:36px;height:36px;flex-basis:36px}.brand-logo{width:36px!important;height:36px!important}
  .brand span{font-size:13px}.lang,.menu-btn{width:42px;height:42px;min-width:42px}
  .home-glass-hero h1{font-size:clamp(46px,13.6vw,62px);line-height:1}
  .hero p,.page-hero p{font-size:16px;line-height:1.7}
  .section{padding:62px 0}
  .section-title{font-size:clamp(36px,10.5vw,50px);line-height:1.08}
  .cards,.feature-grid,.styles-grid,.media-grid,.bath-grid{margin-top:38px}
  .feature{padding:26px;min-height:auto}.feature-num{margin-bottom:30px}
  .visual{height:auto;aspect-ratio:4/3}
  .style{min-height:118vw;max-height:560px}
  .media-main,.media-side{min-height:82vw}.media-side{min-height:62vw}
  .contact{padding:30px 20px;border-radius:26px}.contact h2{font-size:clamp(40px,11vw,54px)}
  .page-hero{min-height:56svh;padding-top:104px;padding-bottom:42px}
  .page-hero>.container,.case-hero-content{width:calc(100% - 24px)}
  .page-hero h1,.case-hero-content h1{font-size:clamp(44px,12.5vw,58px);line-height:1}
  .case-hero{min-height:500px;height:68svh}.case-hero-content{margin-bottom:28px}
  .case-card-body{padding:20px}.case-card h2{font-size:clamp(28px,8vw,38px)}
  .case-chip{font-size:10px;padding:6px 9px}
  .case-section-head,.case-intro-grid{gap:22px;margin-bottom:36px}.case-intro-grid h2,.case-section-head h2{font-size:clamp(36px,10vw,50px)}
  .case-intro-copy p,.case-section-head p{font-size:16px}
  .gallery-grid,.plan-grid,.plan-grid-double{gap:10px}
  .media-hero-v2{padding:104px 0 54px}.media-hero-copy h1{font-size:clamp(44px,12vw,56px)}.media-hero-collage{height:340px}
  .social-account-card{padding:20px;border-radius:24px}.social-qr-wrap{min-height:190px;padding:12px}.social-qr-wrap img{height:auto;max-height:230px}
  .social-post-copy{padding:20px 20px 22px}.social-post-copy h3{font-size:23px}
  .platform-card{grid-template-columns:34px 1fr}.platform-card h3{font-size:27px;margin-top:22px}
  .editorial-copy{padding:22px}.editorial-copy h3{font-size:30px}.editorial-image{min-height:230px}
  .media-voice{padding:32px 22px;border-radius:26px}
  .contact-form-fields input,.contact-form-fields textarea,.contact-form-fields select,.catalog-search{font-size:16px}
  .contact-form-grid{gap:10px}.contact-profile-head strong{font-size:24px}
  .zeva-hero-logo{width:105px}.zeva-hero-media{height:86vw;border-radius:26px}.zeva-hero-media img{padding:28px}
  .zeva-product-media{height:82vw;border-radius:26px}.zeva-product-media img{padding:28px}.zeva-product-copy h2{font-size:clamp(38px,10vw,52px)}
  .product-category-grid{gap:12px}.product-category{border-radius:24px}.product-category-media{height:260px}.product-category-copy{padding:24px}
  .catalog-tools{grid-template-columns:1fr}.catalog-count{justify-content:flex-start}.catalog-card{padding:17px;border-radius:20px}.catalog-card-image{height:148px}.catalog-card dl>div{grid-template-columns:72px 1fr}
}
@media(max-width:390px){
  .brand span{display:none}
  .home-glass-hero h1{font-size:clamp(44px,14vw,56px)}
  .media-hero-collage{height:310px}
  .project-count{gap:12px}.project-count>span{font-size:58px}
}

.footer-icp{color:inherit;text-decoration:none;white-space:nowrap;transition:color .2s ease}.footer-icp:hover{color:#111;text-decoration:underline}
@media(max-width:640px){.footer-row{flex-wrap:wrap;justify-content:flex-start;gap:12px 20px}.footer-icp{white-space:normal}}


/* ZHU CHAOSHI V2 · Architectural editorial refinement */
:root{--motion-fast:220ms;--motion-mid:520ms;--motion-slow:900ms;--ease-editorial:cubic-bezier(.22,.68,0,1);--paper:#f3f1ec;--stone:#c9c3b8;--ink-soft:#55534f}
html{scroll-padding-top:84px;scroll-behavior:smooth}
body{background:var(--paper);text-rendering:optimizeLegibility}
::selection{background:#b8aa94;color:#171614}
:focus-visible{outline:2px solid #9b7e55;outline-offset:4px;border-radius:3px}
.nav{transition:background var(--motion-mid) ease,border-color var(--motion-mid) ease,box-shadow var(--motion-mid) ease}
.nav.is-scrolled{box-shadow:0 8px 32px rgba(0,0,0,.055)}
.nav-links a{position:relative}
.nav-links a::after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:currentColor;transition:right var(--motion-mid) var(--ease-editorial)}
.nav-links a:hover::after,.nav-links a.active::after{right:0}
.brand-logo{transition:transform var(--motion-mid) var(--ease-editorial)}
.brand:hover .brand-logo{transform:translateY(-1px)}
.hero:before,.page-hero:before{will-change:transform;animation:hero-breathe 22s ease-in-out infinite alternate}
.home-glass-hero{isolation:isolate}
.home-glass-hero:after{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(4,5,5,.38),transparent 72%),linear-gradient(0deg,rgba(0,0,0,.22),transparent 48%)}
.home-glass-hero .hero-grid{z-index:1}
.home-glass-hero h1,.page-hero h1,.case-hero-content h1{ text-wrap:balance }
.hero-line{display:block;overflow:hidden}
.hero-line + .hero-line{transition-delay:100ms}
.cta,.text-link,.catalog-filter,.lang,.menu-btn{transition:color var(--motion-fast) ease,background var(--motion-fast) ease,border-color var(--motion-fast) ease,transform var(--motion-fast) ease}
.cta:hover,.text-link:hover{transform:translateY(-2px)}
.card,.feature,.style,.media-image-card,.gallery-item,.catalog-card{transform:translateZ(0)}
.card .visual img,.gallery-item img,.real-hero img,.case-hero-media img,.media-image-card:before{transition:transform 1.15s var(--ease-editorial),filter 800ms ease}
.card:hover .visual img,.gallery-item:hover img{transform:scale(1.035)}
.style:after,.media-image-card:after{transition:opacity 700ms ease}
.card-body h3,.style-content h3{transition:transform var(--motion-mid) var(--ease-editorial)}
.card:hover .card-body h3,.style:hover .style-content h3{transform:translateX(3px)}
.section-title{ text-wrap:balance }
.footer-row{align-items:center;flex-wrap:wrap}
.footer-icp{display:inline-flex;align-items:center;gap:7px;min-height:32px;color:inherit;text-decoration:none;border-bottom:1px solid transparent;transition:color var(--motion-fast) ease,border-color var(--motion-fast) ease}
.footer-icp:hover{color:var(--ink);border-color:currentColor}
/* Progress line is inserted by main.js; fixed to the viewport and independent of layout. */
.site-progress{position:fixed;z-index:100;top:0;left:0;width:100%;height:2px;pointer-events:none;background:transparent}
.site-progress span{display:block;width:100%;height:100%;background:#b4a48d;transform:scaleX(0);transform-origin:left center;will-change:transform}
/* Keep content visible if JavaScript or IntersectionObserver is unavailable. */
.reveal{opacity:1;transform:none}
html.motion-ready .reveal{opacity:0;transform:translate3d(0,24px,0);transition:opacity 850ms var(--ease-editorial),transform 850ms var(--ease-editorial)}
html.motion-ready .reveal.show{opacity:1;transform:translate3d(0,0,0)}
html.motion-ready .reveal[data-reveal-delay="1"]{transition-delay:90ms}
html.motion-ready .reveal[data-reveal-delay="2"]{transition-delay:170ms}
html.motion-ready .reveal[data-reveal-delay="3"]{transition-delay:250ms}
.page-transition{pointer-events:none}
.page-transition.is-active{pointer-events:all}
.footer{padding-bottom:max(48px,env(safe-area-inset-bottom))}
img{height:auto}
@keyframes hero-breathe{from{transform:scale(1.015) translate3d(0,0,0)}to{transform:scale(1.065) translate3d(-.5%,.4%,0)}}
@media(max-width:900px){
 .nav-links{box-shadow:0 20px 36px rgba(0,0,0,.08)}
 .nav-links a{padding:7px 0}
 .nav-links a::after{bottom:2px}
 .home-glass-hero:after{background:linear-gradient(90deg,rgba(4,5,5,.38),rgba(0,0,0,.10)),linear-gradient(0deg,rgba(0,0,0,.22),transparent 48%)}
 .footer-row{gap:12px 20px}
}
@media(max-width:600px){
 .container{width:min(var(--max),calc(100% - 32px))}
 .footer-row{display:grid;grid-template-columns:1fr;gap:10px}
 .footer-icp{width:max-content;max-width:100%;overflow-wrap:anywhere}
 .section{scroll-margin-top:78px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
 html.motion-ready .reveal{opacity:1;transform:none;transition:none}
 .site-progress{display:none}
}

.home-glass-hero:before{translate:0 var(--hero-scroll-offset,0);}
@media(prefers-reduced-motion:reduce){.home-glass-hero:before{translate:none}}


/* 首页「把设计，带进日常」中的「图文灵感」卡片：中英文统一使用白色 */
.media-grid > .media-side:nth-child(2),
.media-grid > .media-side:nth-child(2) .media-label,
.media-grid > .media-side:nth-child(2) .media-label small,
.media-grid > .media-side:nth-child(2) .media-label h3 {
  color: #fff !important;
}


/* Homepage EN heading safety: no cropped characters or forced single-line headings.
   Scoped to English homepage so Chinese headings and the rest of the site stay as designed. */
html.en .home-page .home-glass-hero .hero-line {
  white-space: normal;
  overflow: visible;
  overflow-wrap: break-word;
}
html.en .home-page .hero-grid > .reveal:first-child,
html.en .home-page .intro > *,
html.en .home-page .practice-network > *,
html.en .home-page .contact-grid > * {
  min-width: 0;
}
html.en .home-page .home-glass-hero h1,
html.en .home-page .section-title,
html.en .home-page .practice-network h2,
html.en .home-page .contact h2,
html.en .home-page .media-label h3 {
  max-width: 100%;
  overflow-wrap: break-word;
  word-break: normal;
  text-wrap: balance;
  line-height: 1.12;
}
/* Avoid overly wide capitalized English in the half-width About and Contact grids. */
html.en .home-page .intro .section-title {
  font-size: clamp(38px, 4.65vw, 65px);
}
html.en .home-page .contact h2 {
  font-size: clamp(38px, 4.8vw, 67px);
}
@media (max-width: 900px) {
  html.en .home-page .intro .section-title {font-size: clamp(38px, 8.8vw, 60px);}
  html.en .home-page .contact h2 {font-size: clamp(36px, 8.5vw, 58px);}
}
@media (max-width: 600px) {
  html.en .home-page .home-glass-hero h1 {
    font-size: clamp(38px, 12vw, 57px);
    line-height: 1.08;
  }
  html.en .home-page .section-title {font-size: clamp(33px, 9.1vw, 47px);}
  html.en .home-page .practice-network h2 {font-size: clamp(33px, 9.1vw, 47px);}
  html.en .home-page .contact h2 {font-size: clamp(34px, 9vw, 46px);}
  html.en .home-page .media-label h3 {font-size: clamp(25px, 7.5vw, 32px);}
}