/* 静态设计方案：全幅作品背景、左侧文字、细线导航。 */
:root{--hero-shade:.60}
html{scroll-behavior:auto}
[hidden]{display:none!important}
.site-header{height:110px;padding:0 7.5%;border:0}
.wordmark{font-family:Georgia,'Times New Roman',serif;font-size:23px;font-weight:400;letter-spacing:.08em;display:flex;align-items:center;gap:20px}
.wordmark>span.brand-name{font-family:var(--sans);font-size:11px;letter-spacing:.18em;margin:0;color:#ddd6cc}
.site-header nav{gap:34px;font-size:12px;letter-spacing:.05em}
.site-header .nav-contact{border:0;padding:0;margin-left:12px;border-radius:0}
.site-header sup{color:#d6c2ab}
.hero{height:100svh;min-height:720px;max-height:1200px;background:#090807;isolation:isolate}
.hero-art{inset:0;display:block;z-index:-2;opacity:1}
.hero-art img,.hero-art video{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;mix-blend-mode:normal;animation:none;opacity:1}
.hero-art::after{inset:0;background:rgba(0,0,0,var(--hero-shade));z-index:1;pointer-events:none}
.hero-copy{padding:0;position:absolute;top:25%;left:7.5%;right:auto;max-width:660px;margin:0}
.hero-copy .eyebrow{font-size:11px;letter-spacing:.19em;color:#e0d5c6;display:block}
.hero h1{font-family:'Songti SC','SimSun',Georgia,serif;font-size:clamp(64px,6.2vw,94px);font-weight:400;line-height:1.13;letter-spacing:-.04em;margin:22px 0 24px;text-shadow:0 2px 24px #0004}
.hero h1>span{font-family:inherit}
.hero-subtitle{font-size:15px;letter-spacing:.07em;color:#e1d9ce;line-height:1.9}
.hero-actions{position:static;display:flex;align-items:center;gap:26px;margin-top:28px}
.hero-actions .button.primary{background:#efe8dc;color:#211b16;border:1px solid #efe8dc;font-size:13px;min-height:46px;padding:10px 27px;gap:0;border-radius:999px}
.hero-actions .button.primary:hover{background:#fff;color:#17120f;transform:none}
.hero-actions .text-link{font-size:12px;letter-spacing:.03em;border-bottom:1px solid #b3a391;min-height:38px}
.hero-draft{display:block;font-size:10px;color:#cabfb1;margin-top:16px;letter-spacing:.03em}
.hero-bottom{left:7.5%;right:7.5%;bottom:0;min-height:112px;padding:24px 0;border-top:1px solid #ffffff30;gap:30px}
.hero-index{display:flex;align-items:center;flex-wrap:wrap;gap:28px;align-self:auto;margin:0}
.hero-index a{display:flex;align-items:center;gap:9px;min-height:44px;font-size:12px;color:#e2d9cd;letter-spacing:.04em}
.hero-index a>span{font-family:Consolas,monospace;color:#c7b69c;font-size:10px}
.hero-index a:hover{color:#fff}
.hero-caption{font-size:9px!important;letter-spacing:.1em;color:#bcafa0;text-align:right;flex-shrink:0}
.hero-caption span{font-size:11px!important;color:#ede3d6!important}
#hero-playback{font-size:11px;min-height:44px;border:1px solid #c5b5a4;border-radius:99px;background:#0008;padding:8px 15px}
@media(min-width:1600px){.site-header{padding-left:7.5%;padding-right:7.5%}.hero-copy{margin:0}}
@media(max-width:1000px){.hero-index{gap:14px}.hero-caption{display:none}.hero-copy{top:24%}}
@media(max-width:760px){
 :root{--hero-shade:.65}
 .site-header{height:84px;padding:0 24px}.wordmark{font-size:21px;gap:14px}.wordmark .brand-name{font-size:10px}
 .site-header nav{top:84px;padding:20px 24px;background:#100c0bf5;gap:14px}.site-header .nav-contact{margin:0}
 .hero{height:100svh;min-height:720px;max-height:1000px}
 .hero-copy{left:28px;right:24px;top:24%;max-width:480px;padding:0}
 .hero-copy .eyebrow{font-size:9px;letter-spacing:.14em}
 .hero h1{font-size:clamp(56px,14vw,78px);line-height:1.16;margin:23px 0}
 .hero-subtitle{font-size:13px;letter-spacing:.02em;max-width:270px}
 .hero-actions{margin-top:26px;gap:25px}.hero-actions .button.primary{padding:10px 24px;min-height:46px}
 .hero-art{inset:0;opacity:1}.hero-art::after{background:rgba(0,0,0,var(--hero-shade))}
 .hero-bottom{left:28px;right:28px;min-height:108px;padding:18px 0;gap:10px}
 .hero-index{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.hero-index a{font-size:12px;min-height:44px}.hero-caption{display:none}
 #hero-playback{font-size:10px;max-width:104px;padding:8px}
}
@media(max-width:360px){.hero-copy{left:22px;right:20px}.hero h1{font-size:54px}.hero-bottom{left:22px;right:22px}.hero-index{gap:0 14px}}