/* 01 首屏大图与主标题
   给「首页」用的样式。改这一块只动这个文件。 */

/* hero */
.hero{position:relative;height:100svh;min-height:720px;background:var(--ink);color:var(--bone);overflow:hidden}
.hero-media{position:absolute;inset:0;clip-path:inset(50% 12% 50% 12%);transform:scale(1.16);transition:clip-path 1.25s var(--ease),transform 1.8s var(--ease);will-change:transform,clip-path}
body.is-ready .hero-media{clip-path:inset(0);transform:scale(1)}
.hero-motion{position:absolute;inset:0;transform:none}
.hero-breath{position:absolute;inset:0;overflow:hidden;transform:none}
.hero-media img{transform:none}
.hero-light{position:absolute;inset:-20%;pointer-events:none;background:radial-gradient(ellipse at 30% 28%,rgba(255,243,211,.3) 0%,rgba(255,243,211,.08) 27%,transparent 54%);mix-blend-mode:screen;animation:heroLight 13s ease-in-out infinite alternate}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,8,8,.12) 0%,transparent 58%,rgba(7,8,8,.04)),linear-gradient(0deg,rgba(7,8,8,.62) 0%,rgba(7,8,8,.25) 35%,transparent 70%)}
@keyframes heroLight{0%{transform:translate3d(-8%,-3%,0) scale(.92);opacity:.48}50%{opacity:.82}100%{transform:translate3d(10%,5%,0) scale(1.08);opacity:.58}}
.hero-brand-target{position:fixed;z-index:10030;left:var(--pad);top:clamp(135px,18vh,190px);width:max-content;color:var(--ink);opacity:0;transform:none;transform-origin:left top;will-change:transform,opacity;pointer-events:none}
.hero-brand-target:before{display:none}
.hero-brand-target.is-receiving,.hero-brand-target.is-landed{opacity:1;transform:none}
.hero-brand-letters span{opacity:0;transform-origin:50% 82%}
.hero-brand-letters span.is-landed{opacity:1;transform:none}
.hero-copy{position:absolute;z-index:2;left:calc(var(--pad) + clamp(5px,.5vw,10px));right:var(--pad);bottom:8vh}
.eyebrow{font:500 10px var(--mono);letter-spacing:.16em;margin:0 0 22px}
.hero-title{font:800 clamp(42px,4.7vw,88px)/1.04 var(--display);letter-spacing:-.06em;margin:0;text-transform:uppercase}
.hero-line:nth-child(2){font-size:1em;margin-top:12px}
.hero-line{display:block;overflow:hidden;padding:.08em .08em .1em 0}.hero-line i{display:block;font-style:normal;transform:translateY(110%) rotate(2deg);transition:transform 1.45s var(--ease)}
body.is-ready .hero-line i{transform:translateY(0) rotate(0)}body.is-ready .hero-line:nth-child(2) i{transition-delay:.18s}
.hero-foot{display:flex;justify-content:space-between;align-items:flex-end;margin-top:36px}.hero-foot>p{font-size:12px;line-height:1.7;margin:0;letter-spacing:.04em}
.circle-link{width:104px;height:104px;border:1px solid rgba(244,240,232,.7);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;font:500 11px var(--mono);transition:background .35s,color .35s}.circle-link b{font-size:20px}.circle-link:hover{background:var(--bone);color:var(--ink)}
.hero-index{position:absolute;z-index:2;right:var(--pad);top:calc(var(--header) + 25px);color:var(--ink);font:500 9px var(--mono);display:flex;gap:28px;writing-mode:vertical-rl}
.reveal{opacity:0;transform:translateY(34px);transition:opacity .85s var(--ease),transform .85s var(--ease)}.reveal.is-in{opacity:1;transform:none}