.home-hero{padding-top:76px;background:#000;position:relative}
.home-hero-image{display:block;width:100%;height:auto;aspect-ratio:1586/663;object-fit:contain}
.home-hero-caption{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center;padding:34px 3.8% 40px;max-width:1920px;margin:auto}
.home-hero-eyebrow{font-size:11px;letter-spacing:4px;color:#c89f3d;text-transform:uppercase;margin-bottom:14px}
.home-hero-title{font-family:Georgia,'Times New Roman','Songti SC',serif;font-size:clamp(36px,4.7vw,88px);font-weight:400;line-height:1.08;color:#f0e9d9;letter-spacing:-1px;margin:0}
.home-hero-title em{color:#c89f3d;font-weight:400}
.home-hero-subtitle{font-family:Georgia,'Songti SC',serif;color:#c8c1b3;font-size:clamp(17px,1.7vw,27px);letter-spacing:1px;margin:12px 0 0}
.home-hero-buttons{display:flex;gap:20px;flex-wrap:wrap}
.home-hero-buttons .btn{border-radius:0;padding:16px 25px;letter-spacing:2px;font-size:11px;white-space:nowrap}
.home-hero-buttons .btn-secondary{border:1px solid #c89f3d;color:#e9dfca}
#nav{background:#000}
#nav,#nav.scrolled{height:68px;padding:12px max(24px,env(safe-area-inset-right)) 12px max(24px,env(safe-area-inset-left));gap:24px}
#nav .nav-logo{flex:0 0 auto;width:220px;height:36px;max-width:42%;overflow:hidden}
#nav .nav-logo img,#nav.scrolled .nav-logo img{display:block;width:100%;height:100%;object-fit:contain;transform:none;max-width:100%}
#nav .nav-actions{min-width:0;flex:0 0 auto;gap:16px}
#nav .nav-links{display:flex;gap:2px;margin:0}
#nav .nav-links a{font-size:12px;letter-spacing:1px;padding:8px 10px}
#nav .menu-btn{display:none}
html{scroll-padding-top:80px}
.footer-brand .flogo img{width:200px!important;height:auto!important;max-width:100%;transform:none!important}
.home-stories-intro{max-width:760px;color:#a8a196;font-size:15px;line-height:1.8;margin:-8px 0 30px}
.home-stories-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.home-story{background:#111;border:1px solid #29261f;overflow:hidden;display:flex;flex-direction:column}
.home-story>img{width:100%;height:auto;aspect-ratio:16/10;object-fit:contain;background:#0c0c0c;display:block}
.home-story-copy{padding:26px;display:flex;flex-direction:column;flex:1}
.home-story-category{color:#c89f3d;font-size:11px;letter-spacing:2px;text-transform:uppercase;margin-bottom:14px}
.home-story h3{font-family:Georgia,'Songti SC',serif;font-size:clamp(23px,2vw,32px);line-height:1.35;color:#e8e1d1;font-weight:400;margin:0 0 14px}
.home-story-copy p{color:#a8a196;line-height:1.8;font-size:14px;margin:0 0 14px}
.home-story-note{font-size:11px!important;color:#858078!important}
.home-story-read{align-self:flex-start;margin-top:auto;padding:8px 0;border:0;border-bottom:1px solid #8f7434;background:none;color:#dfc580;font:inherit;font-size:12px;cursor:pointer;letter-spacing:1px}
.home-story-dialog{background:#10100f;color:#ded9ce;border:1px solid #443b29;width:min(880px,calc(100% - 28px));max-height:90dvh;padding:0;position:fixed;margin:auto}
.home-story-dialog::backdrop{background:#000c}
.home-story-dialog-header{position:sticky;top:0;background:#10100ff5;z-index:1;display:flex;justify-content:space-between;align-items:center;padding:14px 24px;border-bottom:1px solid #332d22}
.home-story-dialog-header button{background:transparent;color:#e9dfca;border:1px solid #75613b;padding:8px 14px;cursor:pointer;font:inherit;font-size:12px}
.home-story-dialog-content{padding:26px 32px 38px}
.home-story-dialog-content img{display:block;width:100%;height:auto;max-height:440px;object-fit:contain;margin:20px 0 8px}
.home-story-dialog-content h2{font-family:Georgia,'Songti SC',serif;font-weight:400;font-size:clamp(28px,4vw,40px);line-height:1.25;color:#f0e9d9;margin:0 0 20px}
.home-story-dialog-content h3{font-size:20px;color:#ddc692;margin:30px 0 12px}
.home-story-dialog-content p{font-size:15px;line-height:1.95;color:#bcb6aa;margin:0 0 16px}
.home-story-dialog-content .home-story-note{line-height:1.6}
@media(max-width:1100px){.home-hero-caption{grid-template-columns:1fr}.home-hero-buttons{gap:14px}.home-hero-title{font-size:clamp(36px,6vw,70px)}}
@media(max-width:600px){.home-hero{padding-top:66px}.home-hero-caption{padding:26px 22px 32px;gap:24px}.home-hero-eyebrow{font-size:8px;letter-spacing:2px}.home-hero-title{font-size:clamp(30px,8vw,45px);letter-spacing:-.5px}.home-hero-subtitle{font-size:16px}.home-hero-buttons{display:grid;grid-template-columns:1fr;gap:12px;width:100%}.home-hero-buttons .btn{justify-content:center;font-size:10px;padding:14px 18px}.home-stories-grid{grid-template-columns:1fr;gap:20px}.home-story-copy{padding:22px}.home-story-dialog-content{padding:22px}.home-story-dialog-header{padding:12px 18px}}
@media(max-width:1200px),(pointer:coarse){
 #nav .nav-links{display:none!important}
 #nav .menu-btn{display:flex!important;align-items:center;justify-content:center;width:40px;height:40px;font-size:24px}
 #nav .nav-logo{width:200px}
 .section{padding:52px 24px}
 .section-title{margin-bottom:24px}
 .home-hero-caption{padding:26px 24px 30px;gap:22px}
 .home-stories-grid{gap:20px;align-items:start}
 .home-story-copy{padding:20px}
 .home-stories-intro{margin-bottom:22px}
 .full-menu nav{gap:16px}
 .full-menu nav a{font-size:clamp(22px,4vw,38px)}
}
@media(max-width:600px){
 #nav,#nav.scrolled{height:60px;padding:10px max(14px,env(safe-area-inset-right)) 10px max(14px,env(safe-area-inset-left));gap:12px}
 #nav .nav-logo{width:174px;max-width:50%;height:28px}
 #nav .nav-actions{gap:8px}
 .section{padding:38px 18px}
 .home-hero-caption{padding:22px 18px 28px}
 .home-story h3{font-size:23px}
 .home-story-copy p{font-size:14px;margin-bottom:12px}
 .home-story-read{margin-top:8px}
}
@media(max-height:600px) and (orientation:landscape){
 #nav,#nav.scrolled{height:54px;padding-top:7px;padding-bottom:7px}
 #nav .nav-logo{width:174px;height:28px}
 .section{padding:34px max(22px,env(safe-area-inset-left))}
 .home-hero-caption{padding-top:22px;padding-bottom:24px;grid-template-columns:minmax(0,1fr) auto;gap:20px}
 .home-hero-title{font-size:36px}
 .home-hero-subtitle{font-size:17px;margin-top:8px}
 .home-hero-buttons{display:flex;flex-direction:column;gap:10px}
 .home-hero-buttons .btn{font-size:10px;padding:12px 16px}
 .full-menu nav{gap:10px}
 .full-menu nav a{font-size:24px}
 .full-menu .menu-close{top:12px;right:20px}
}
/* Keep every navigation destination visible on phones and tablets. */
@media(max-width:1200px),(pointer:coarse){
 #nav,#nav.scrolled{display:grid;grid-template-columns:minmax(0,1fr) auto;height:auto!important;gap:8px 16px;padding:10px max(18px,env(safe-area-inset-right)) 8px max(18px,env(safe-area-inset-left))}
 #nav .nav-logo{grid-column:1;grid-row:1;width:190px;max-width:100%;height:30px}
 #nav .nav-actions{display:contents}
 #nav .lang-toggle{grid-column:2;grid-row:1;justify-self:end}
 #nav .nav-links{display:grid!important;grid-column:1/-1;grid-row:2;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;width:100%;margin:0}
 #nav .nav-links a{text-align:center;min-width:0;padding:8px 2px;font-size:11px;letter-spacing:.3px;line-height:1.3;border:1px solid #30291d;border-radius:3px;color:#ddd4c2}
 #nav .menu-btn{display:none!important}
}
@media(max-width:600px){
 #nav,#nav.scrolled{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right));gap:8px 12px}
 #nav .nav-logo{width:174px;height:28px}
 #nav .nav-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
 #nav .nav-links a{font-size:11px;padding:8px 3px}
}
/* Compact single-row header requested for mobile and tablet. */
@media(max-width:1200px),(pointer:coarse){
 #nav,#nav.scrolled{grid-template-columns:130px minmax(0,1fr) 62px;gap:12px;height:auto!important;min-height:58px;padding-top:10px;padding-bottom:10px}
 #nav .nav-logo{grid-column:1;grid-row:1;width:130px;height:25px}
 #nav .nav-links{grid-column:2;grid-row:1;display:flex!important;justify-content:space-between;align-items:center;gap:3px;min-width:0}
 #nav .nav-links a{border:0;border-radius:0;font-size:10px;letter-spacing:.2px;padding:8px 2px;flex:0 1 auto;white-space:nowrap}
 #nav .lang-toggle{grid-column:3;grid-row:1;min-width:54px;padding:0 6px}
}
@media(max-width:600px){
 #nav,#nav.scrolled{grid-template-columns:72px minmax(0,1fr) 40px;gap:6px;min-height:50px;padding:8px max(8px,env(safe-area-inset-right)) 8px max(8px,env(safe-area-inset-left))}
 #nav .nav-logo{width:72px;height:20px}
 #nav .nav-links{gap:0}
 #nav .nav-links a{font-size:8.5px;letter-spacing:0;padding:8px 1px}
 #nav .lang-toggle,#nav.scrolled .lang-toggle{min-width:40px;height:28px;padding:0 3px;gap:2px;font-size:9px}
 #nav .lang-toggle-icon{font-size:10px}
 #nav .nav-links a[href="#philosophy"],#nav .nav-links a[href="#products"],#nav .nav-links a[href="#reviews"]{font-size:0}
 #nav .nav-links a[href="#philosophy"]::after{content:'About';font-size:8.5px}
 #nav .nav-links a[href="#products"]::after{content:'Mirrors';font-size:8.5px}
 #nav .nav-links a[href="#reviews"]::after{content:'Stories';font-size:8.5px}
 html[lang^="zh"] #nav .nav-links a[href="#philosophy"]::after{content:'理念'}
 html[lang^="zh"] #nav .nav-links a[href="#products"]::after{content:'系列'}
 html[lang^="zh"] #nav .nav-links a[href="#reviews"]::after{content:'空间故事'}
}