@charset "UTF-8";
:root{--paper:#f2f3ef;--ink:#171a18;--accent:#d8fa48;--soft:#e5e8df;--white:#fff;--gutter:clamp(20px,3vw,54px);--gap:clamp(72px,10vw,160px);--body:17px;--small:14px;--display:clamp(62px,9.3vw,150px);--title:clamp(40px,5vw,80px);--sub:clamp(26px,3vw,46px);--ease:cubic-bezier(.22,.7,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;font-size:var(--body);line-height:1.65}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #647d00;outline-offset:5px}img{display:block;max-width:100%;height:auto}button{border:0}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:600;letter-spacing:-.055em;line-height:1.12;text-wrap:balance}p{text-wrap:pretty}h1{font-size:var(--display)}h2{font-size:var(--title)}h3{font-size:var(--sub)}::selection{background:var(--accent);color:var(--ink)}[hidden]{display:none!important}.wrap{padding-inline:var(--gutter)}.skip{position:fixed;top:8px;left:16px;z-index:100;background:var(--accent);padding:12px;transform:translateY(-160%)}.skip:focus{transform:none}.topbar{display:flex;align-items:center;justify-content:space-between;gap:22px;padding-block:23px;position:relative;z-index:3;background:var(--paper)}.brand{font-size:26px;font-weight:700;letter-spacing:-.06em;white-space:nowrap}.brand span{font-size:17px;margin-left:9px;letter-spacing:0}.nav{display:flex;gap:32px;align-items:center}.motion-button{background:transparent;padding:8px 0;min-height:44px;font-size:14px}.motion-button::before{content:"";display:inline-block;width:9px;height:9px;margin-right:8px;background:var(--ink)}.motion-button[aria-pressed=false]::before{background:#8a8e84}.hero-intro{display:grid;grid-template-columns:1.4fr 1fr;align-items:end;gap:48px;padding-block:42px 48px}.hero-copy{max-width:430px;justify-self:end}.hero-copy p{font-size:19px;line-height:1.7}.hero-copy .intro-role{margin-top:18px;font-size:var(--small)}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;background:var(--accent);color:var(--ink);padding:14px 22px;min-height:52px;font-weight:600;text-decoration:none!important}.primary:hover{background:#e2ff72}.hero-copy .primary{margin-top:25px}.stage{position:relative;background:#101518;color:#f5f6ee;overflow:hidden;min-height:490px;height:39vw;max-height:650px}.stage-art{position:absolute;inset:0 0 0 30%;width:70%;height:100%;object-fit:cover;object-position:center}.stage[data-project=aurel-h1] .stage-art{object-position:70% 55%}.stage[data-project=sora-form]{background:#dfddda;color:#232020}.stage[data-project=batch04-fielday]{background:#101a18}.stage-copy{position:relative;z-index:1;width:36%;padding:clamp(26px,3.5vw,56px);height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:inherit}.stage h2{font-size:clamp(40px,4.5vw,72px);line-height:1.04;letter-spacing:-.045em;margin-bottom:28px}.stage-description{font-size:20px;max-width:270px;margin-bottom:22px}.stage-kind{font-size:14px;margin-bottom:32px}.stage-link{font-size:17px;padding:10px 0;border-bottom:2px solid currentColor}.stage-tabs{display:flex;justify-content:space-between;gap:16px;padding-block:20px 0}.stage-tabs p{font-size:var(--small);align-self:center}.stage-options{display:flex;gap:8px;flex-wrap:wrap}.stage-options button{background:transparent;padding:11px 16px;min-height:46px;font-size:var(--small)}.stage-options button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.stage-options button:hover{background:var(--soft);color:var(--ink)}.section-head{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:40px;margin-bottom:42px}.section-head p{max-width:510px;justify-self:end}.selected{padding-top:var(--gap)}.feature-wide{margin-top:40px}.project-media{display:block;overflow:hidden;background:var(--soft);position:relative}.project-media img{width:100%;height:100%;object-fit:cover}.feature-wide .project-media{aspect-ratio:2.15}.media-open{position:absolute;bottom:24px;right:24px;background:var(--paper);color:var(--ink);padding:10px 18px;font-size:14px}.feature-caption{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:24px;align-items:start}.feature-caption p{max-width:510px;justify-self:end}.feature-caption h3 a{display:inline-block}.project-type{font-size:14px;display:block;margin-top:14px}.feature-split{display:grid;grid-template-columns:.75fr 1.25fr;gap:7vw;align-items:center;padding-top:var(--gap)}.feature-split .project-media{aspect-ratio:1.18}.feature-text p{margin-block:26px;max-width:380px}.text-link{display:inline-block;text-decoration:underline;text-underline-offset:6px;padding:10px 0;min-height:44px}.dark-feature{background:#0c161c;color:#f6f7ee;margin-top:var(--gap);display:grid;grid-template-columns:1.2fr .8fr;gap:6vw;align-items:center;padding-block:74px}.dark-feature .project-media{background:transparent;aspect-ratio:1}.dark-feature .feature-text{padding-right:var(--gutter)}.workflow{padding-top:var(--gap);display:grid;grid-template-columns:.8fr 1.2fr;gap:6vw;align-items:start}.workflow h2{max-width:400px}.workflow .project-media{aspect-ratio:1.48}.workflow .feature-text p{max-width:430px}.archive{padding-block:var(--gap)}.archive-tools{display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center;justify-content:space-between;margin-block:40px 24px}.filters{display:flex;gap:5px;flex-wrap:wrap}.filters button{background:transparent;padding:12px 18px;min-height:48px}.filters button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.filters button:hover{background:var(--soft);color:var(--ink)}.search{display:flex;align-items:center;gap:12px;font-size:14px}.search input{width:210px;min-height:46px;background:var(--white);border:0;border-bottom:2px solid var(--ink);padding:8px 12px;color:var(--ink)}.archive-status{font-size:14px;margin-bottom:18px}.archive-body{display:grid;grid-template-columns:1.25fr .75fr;gap:5vw;align-items:start}.project-row{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;padding:22px 20px;min-height:92px;background:#e5e8df}.project-row:nth-child(even){background:#ebece6}.project-row:hover,.project-row:focus-within{background:var(--accent)}.row-title{font-size:25px;font-weight:500;letter-spacing:-.03em;display:block}.row-category{font-size:14px;display:block;margin-top:3px}.row-preview{background:transparent;padding:12px 0 12px 16px;font-size:14px;min-height:44px}.archive-preview{position:sticky;top:30px}.archive-preview img{width:100%;height:310px;object-fit:cover;background:var(--soft)}.archive-preview figcaption{margin-top:20px;font-size:24px;line-height:1.4}.archive-preview p{font-size:16px;margin-top:12px;max-width:430px}.archive-preview .text-link{font-size:16px;margin-top:8px}.empty{padding:48px 24px;background:var(--soft)}.empty p{margin-bottom:20px}.about{background:var(--accent);padding-block:80px}.about-top{display:grid;grid-template-columns:1fr 1fr;gap:50px}.about-copy{max-width:560px;font-size:24px;line-height:1.65}.about-detail{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:60px}.about-detail p{max-width:550px}.about-detail h3{font-size:22px;letter-spacing:-.02em;margin-bottom:16px}.footer{padding-block:55px 24px;overflow:hidden}.footer-word{font-size:clamp(100px,21.6vw,360px);font-weight:700;letter-spacing:-.075em;line-height:1;display:block;text-align:center;white-space:nowrap}.footer-bottom{display:flex;justify-content:space-between;gap:24px;margin-top:34px;font-size:14px}.footer-bottom p{max-width:560px}.back-top{white-space:nowrap;padding-block:8px}body.modal-open{overflow:hidden}.case-dialog{border:0;padding:0;margin:0;width:100%;max-width:none;height:100%;max-height:none;background:var(--paper);color:var(--ink);overscroll-behavior:contain}.case-dialog::backdrop,.image-dialog::backdrop{background:rgba(0,0,0,.8)}.dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;position:sticky;top:0;background:var(--paper);z-index:4;padding:12px var(--gutter)}.dialog-bar button{background:var(--ink);color:var(--paper);padding:10px 20px;min-height:46px}.dialog-bar a{font-size:14px}.case-content{padding-bottom:70px}.case-heading{padding:48px var(--gutter) 44px;display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:end}.case-heading h1,.case-heading h2{font-size:clamp(46px,6.5vw,104px);overflow-wrap:anywhere}.case-heading p{max-width:580px}.case-meta{font-size:14px;margin-top:22px}.case-hero{width:100%;max-height:780px;object-fit:cover;aspect-ratio:1.9}.case-reason{padding:70px var(--gutter);display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw}.case-reason h2,.case-reason h3{font-size:clamp(30px,3.4vw,54px)}.case-reason p{max-width:780px}.case-gallery{padding-inline:var(--gutter);display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.case-figure .image-link{display:block;background:var(--soft);cursor:zoom-in}.case-figure img{width:100%;max-height:680px;object-fit:contain}.case-figure figcaption{font-size:14px;margin-top:14px}.case-validation{background:var(--soft);padding:54px var(--gutter);display:grid;grid-template-columns:1fr 1fr;gap:6vw}.case-validation h3{font-size:26px;letter-spacing:-.02em;margin-bottom:22px}.case-validation p{max-width:650px}.case-footer{display:flex;gap:28px;justify-content:space-between;flex-wrap:wrap;padding:40px var(--gutter) 0;font-size:14px}.case-tools{margin-top:24px;font-size:14px}.case-note{padding:38px var(--gutter) 0;font-size:14px;max-width:1000px}.image-dialog{border:0;padding:20px;margin:auto;background:#0b1110;color:var(--white);width:min(96vw,1600px);max-width:96vw;max-height:96vh}.image-bar{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:18px}.image-bar p{font-size:14px}.image-bar button{background:var(--paper);color:var(--ink);padding:10px 20px;min-height:44px;flex-shrink:0}.image-dialog img{max-height:80vh;width:100%;object-fit:contain}.noscript-note{background:var(--soft);padding:18px var(--gutter)}.js-only{display:none}.js .js-only{display:flex}.no-results-button{background:var(--ink);color:var(--paper);padding:12px 20px}.standalone .case-heading{padding-top:35px}.standalone .topbar{padding-block:15px}.standalone .case-heading h1{font-size:clamp(46px,6.5vw,104px)}
@media(min-width:1600px){.wrap{padding-inline:max(var(--gutter),calc((100vw - 1560px)/2))}.stage{max-height:700px}.stage-copy{padding-left:56px}}
@media(max-width:1000px){:root{--body:16px;--gap:90px}.topbar{gap:16px}.nav{gap:20px;font-size:15px}.hero-intro{grid-template-columns:1.1fr 1fr;gap:30px}.hero-copy p{font-size:17px}.stage{height:500px}.stage-copy{width:40%;padding:28px}.stage-art{inset:0 0 0 32%;width:68%}.stage-description{font-size:17px}.stage h2{font-size:46px}.stage-options button{padding-inline:12px}.archive-body{grid-template-columns:1fr .75fr;gap:24px}.row-title{font-size:22px}.archive-preview img{height:240px}.case-heading{gap:30px}.case-gallery{gap:16px}.about-copy{font-size:22px}}
@media(max-width:700px){:root{--display:clamp(54px,14.9vw,96px);--title:42px;--sub:30px;--gap:76px;--gutter:20px}.topbar{padding-block:15px;flex-wrap:wrap;gap:9px 16px}.brand{font-size:24px}.brand span{font-size:15px}.nav{order:3;width:100%;justify-content:space-between;gap:12px;padding-top:5px;font-size:15px}.nav a{padding-block:8px}.motion-button{font-size:13px}.hero-intro{display:block;padding-block:27px 30px}.hero-intro h1{letter-spacing:-.07em}.hero-copy{margin-top:27px;max-width:none}.hero-copy p{font-size:17px;max-width:360px}.hero-copy .intro-role{margin-top:12px;font-size:13px}.hero-copy .primary{margin-top:20px;padding:12px 20px;min-height:48px}.stage{height:auto;min-height:0;display:flex;flex-direction:column}.stage-art{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1.35;object-fit:cover;order:0}.stage[data-project=aurel-h1] .stage-art{object-position:65% 50%}.stage-copy{order:1;width:100%;padding:25px 24px 30px;display:grid;grid-template-columns:1fr auto;gap:12px 15px}.stage h2{font-size:34px;margin:0;grid-column:1/-1}.stage-description{font-size:16px;margin:0;max-width:260px;grid-column:1/-1}.stage-kind{font-size:12px;margin:0;align-self:center}.stage-link{font-size:14px;white-space:nowrap;padding-block:8px}.stage-tabs{display:block;padding-top:13px}.stage-tabs p{display:none}.stage-options{display:grid;grid-template-columns:repeat(4,1fr);gap:3px}.stage-options button{font-size:12px;padding:11px 2px;min-height:44px}.section-head{display:block;margin-bottom:30px}.section-head p{margin-top:24px;max-width:370px}.feature-wide{margin-top:20px}.feature-wide .project-media{aspect-ratio:1.4}.feature-caption{display:block;margin-top:22px}.feature-caption p{margin-top:20px;max-width:400px}.project-type{font-size:13px;margin-top:12px}.media-open{font-size:12px;bottom:12px;right:12px;padding:8px 12px}.feature-split{display:flex;flex-direction:column-reverse;gap:25px}.feature-split .project-media{width:100%;aspect-ratio:1.18}.feature-text{width:100%}.feature-text p{margin-block:22px;max-width:420px}.dark-feature{display:block;padding-block:35px 42px}.dark-feature .project-media{aspect-ratio:1.22;margin-bottom:25px}.dark-feature .feature-text{padding-right:0}.workflow{display:flex;flex-direction:column;gap:28px}.workflow .project-media{width:100%;aspect-ratio:1.35}.workflow h2{font-size:38px}.archive-tools{display:block;margin-top:26px}.filters{gap:4px}.filters button{font-size:14px;padding:10px 12px;min-height:44px}.search{margin-top:22px}.search input{width:100%;flex:1}.archive-status{margin-top:22px}.archive-body{display:flex;flex-direction:column;gap:26px}.project-list{width:100%}.project-row{padding:17px 14px;min-height:84px;gap:8px}.row-title{font-size:22px}.row-category{font-size:12px}.row-preview{font-size:13px;padding-left:8px}.archive-preview{position:relative;top:auto;width:100%;background:var(--soft);padding:16px}.archive-preview img{height:auto;aspect-ratio:1.5}.archive-preview figcaption{font-size:24px}.about{padding-block:48px}.about-top,.about-detail{display:block}.about-copy{margin-top:30px;font-size:22px}.about-detail{margin-top:40px}.about-detail>div+div{margin-top:32px}.about-detail h3{font-size:22px}.footer{padding-top:38px}.footer-word{font-size:22vw}.footer-bottom{display:block;font-size:12px;margin-top:24px}.back-top{display:inline-block;margin-top:12px}.dialog-bar{padding:10px 16px}.dialog-bar button{font-size:14px;padding:9px 16px}.dialog-bar a{font-size:12px}.case-heading{display:block;padding:30px 20px}.case-heading h1,.case-heading h2,.standalone .case-heading h1{font-size:48px}.case-heading p{margin-top:25px;font-size:16px}.case-heading .case-meta{font-size:13px;margin-top:18px}.case-hero{aspect-ratio:1.3;max-height:430px}.case-reason{display:block;padding:44px 20px}.case-reason h2,.case-reason h3{font-size:30px;margin-bottom:24px}.case-gallery{display:block;padding-inline:20px}.case-figure+.case-figure{margin-top:32px}.case-figure img{max-height:600px}.case-validation{display:block;padding:38px 20px}.case-validation>div+div{margin-top:38px}.case-validation h3{font-size:26px}.case-footer{padding:30px 20px 0;gap:16px}.case-note{padding:30px 20px 0}.image-dialog{padding:12px}.image-bar{gap:15px}.image-dialog img{max-height:74vh}.image-bar p{font-size:12px}.image-bar button{font-size:14px;padding:8px 14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media(max-width:700px){.hero-copy{justify-self:stretch;width:100%}}
html.motion-off{scroll-behavior:auto}

/* --- Intro film + HUD (reference-inspired, Jie branding) --- */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.intro-film{height:100svh;min-height:520px;background:#07090c;color:#fff;position:relative;--intro-progress:0}
.intro-film.scrub-ready{height:300svh}
.intro-stage{position:sticky;top:0;height:100svh;min-height:520px;overflow:hidden;background:#07090c}
.intro-media{position:absolute;inset:0;z-index:0}
.intro-media video,.intro-media>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#07090c}
.intro-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 80% at 50% 40%,transparent 35%,rgba(0,0,0,.35) 78%,rgba(0,0,0,.72) 100%);opacity:calc(0.55 + var(--intro-progress) * 0.25)}
.intro-glass-top{position:absolute;top:0;left:0;right:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px var(--gutter);background:rgba(10,12,16,.42);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08);opacity:0;pointer-events:none;transition:opacity .25s ease}
.intro-glass-top .brand{color:#fff;text-decoration:none}
.intro-glass-top .brand:hover{text-decoration:none;opacity:.9}
.intro-glass-nav{display:flex;gap:28px;align-items:center;font-size:15px}
.intro-glass-nav a{color:rgba(255,255,255,.88);text-decoration:none;padding:8px 0}
.intro-glass-nav a:hover{color:#fff;text-decoration:underline;text-underline-offset:5px}
.intro-glass-top .motion-button{color:#fff}.intro-glass-top .motion-button::before{background:var(--accent)}
.intro-landing{position:absolute;left:0;right:0;bottom:110px;z-index:4;display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:end;padding:0 var(--gutter);opacity:0;pointer-events:none;transition:opacity .2s ease}
.intro-landing-kicker{font-size:13px;letter-spacing:.08em;text-transform:none;color:rgba(255,255,255,.7);margin-bottom:14px}
.intro-landing-title{font-size:clamp(34px,4.6vw,64px);line-height:1.12;letter-spacing:-.045em;font-weight:650;max-width:16ch;margin-bottom:16px;text-shadow:0 8px 40px rgba(0,0,0,.35)}
.intro-landing-copy,.intro-landing-right p{font-size:16px;line-height:1.7;color:rgba(255,255,255,.86);max-width:42ch}
.intro-landing-right{justify-self:end;display:flex;flex-direction:column;align-items:flex-end;gap:18px;text-align:right}
.intro-cta{display:inline-flex;align-items:center;gap:10px;background:rgba(232,140,48,.92);color:#fff;padding:12px 22px;border-radius:999px;font-weight:600;text-decoration:none!important;min-height:46px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.intro-cta:hover{background:rgba(245,160,70,.98)}
.intro-scroll-hint{position:absolute;left:clamp(18px,3vw,36px);bottom:36px;z-index:6;opacity:1;transition:opacity .2s ease}
.scroll-pill{display:block;width:22px;height:36px;border:1.5px solid rgba(255,255,255,.55);border-radius:999px;position:relative;background:rgba(0,0,0,.18)}
.scroll-dot{position:absolute;left:50%;top:8px;width:3px;height:7px;margin-left:-1.5px;border-radius:999px;background:rgba(255,255,255,.9);animation:scroll-nudge 1.6s ease-in-out infinite}
@keyframes scroll-nudge{0%,100%{transform:translateY(0);opacity:1}55%{transform:translateY(10px);opacity:.35}}
.intro-hud{position:absolute;right:clamp(14px,2.5vw,32px);bottom:28px;z-index:6;display:flex;align-items:center;gap:14px;padding:10px 12px 10px 14px;border-radius:999px;background:rgba(12,14,18,.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);color:#fff;font-size:13px;max-width:min(520px,92vw);box-shadow:0 10px 40px rgba(0,0,0,.35)}
.intro-hud-status{display:flex;align-items:center;gap:8px;white-space:nowrap;flex-shrink:0}
.intro-hud-dot{width:8px;height:8px;border-radius:50%;background:#f0a14a;box-shadow:0 0 0 3px rgba(240,161,74,.18)}
.intro-hud-pct{color:#f0a14a;font-variant-numeric:tabular-nums;font-weight:600}
.intro-hud-scale{position:relative;width:min(180px,28vw);flex:1;min-width:110px;padding-top:2px}
.intro-hud-track{display:block;height:2px;background:rgba(255,255,255,.22);border-radius:999px;overflow:hidden;margin-bottom:6px}
.intro-hud-fill{display:block;height:100%;width:0%;background:rgba(255,255,255,.92);border-radius:inherit}
.intro-hud-marks{display:flex;justify-content:space-between;font-size:10px;color:rgba(255,255,255,.55);letter-spacing:.02em}
.intro-hud-reset{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);color:#fff;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:0}
.intro-hud-reset:hover{background:rgba(255,255,255,.14)}
.intro-caption-lite{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);z-index:5;display:flex;align-items:center;gap:18px;pointer-events:none}
.intro-caption-lite #intro-status{font-size:12px;color:rgba(255,255,255,.55);max-width:220px;text-align:center}
.intro-skip{pointer-events:auto;color:rgba(255,255,255,.85);font-size:13px;padding:8px 12px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(0,0,0,.25);text-decoration:none!important;backdrop-filter:blur(8px)}
.intro-skip:hover{background:rgba(0,0,0,.4);color:#fff}
.intro-stage :focus-visible{outline-color:var(--accent)}
@media(max-width:900px){
.intro-landing{grid-template-columns:1fr;gap:22px;bottom:120px}
.intro-landing-right{justify-self:start;align-items:flex-start;text-align:left}
.intro-glass-nav{gap:16px;font-size:14px}
.intro-hud{gap:10px;padding:9px 10px 9px 12px;font-size:12px}
.intro-hud-scale{width:120px}
}
@media(max-width:700px){
.intro-glass-top{flex-wrap:wrap;gap:10px 16px;padding:12px 16px}
.intro-glass-nav{order:3;width:100%;justify-content:space-between;gap:8px;font-size:13px}
.intro-landing{bottom:128px;padding:0 20px}
.intro-landing-title{font-size:30px}
.intro-landing-copy,.intro-landing-right p{font-size:14px}
.intro-caption-lite{bottom:auto;top:auto;left:16px;right:16px;transform:none;justify-content:flex-start;bottom:78px}
.intro-caption-lite #intro-status{display:none}
.intro-scroll-hint{bottom:88px;left:16px}
.intro-hud{left:16px;right:16px;bottom:16px;max-width:none;width:auto}
.intro-film.scrub-ready{height:300svh}
}
html.motion-off .scroll-dot,html.motion-off .scroll-pill .scroll-dot{animation:none}
@media(prefers-reduced-motion:reduce){.scroll-dot{animation:none!important}}

/* --- Arc card carousel --- */
.hero .arc-shell{margin:0 calc(var(--gutter) * -1);width:auto;padding:28px var(--gutter) 40px;background:#050505;color:#f5f5f2;border-radius:0;position:relative;outline:none}
.arc-shell:focus-visible{outline:3px solid #647d00;outline-offset:4px}
.arc-chrome{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.arc-tag{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-size:12px;letter-spacing:.08em}
.arc-catalog{font-size:13px;color:rgba(255,255,255,.7);text-decoration:none;padding:8px 4px}
.arc-catalog:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.arc-stage{position:relative;height:clamp(340px,48vw,520px);perspective:1200px;touch-action:pan-y}
.arc-track{position:absolute;inset:0;transform-style:preserve-3d}
.arc-card{position:absolute;left:50%;top:42%;width:clamp(110px,16vw,168px);aspect-ratio:.68;padding:0;border:0;border-radius:22px;overflow:hidden;background:linear-gradient(160deg,#3a342c,#1c1914);box-shadow:0 18px 50px rgba(0,0,0,.55);cursor:pointer;transform:translate(-50%,-50%);transform-origin:center center;will-change:transform,opacity;color:#fff}
.arc-card img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.arc-card-fallback{position:absolute;inset:auto 10px 12px;font-size:12px;opacity:.85;text-shadow:0 2px 8px #000;pointer-events:none}
.arc-card[aria-pressed=true]{box-shadow:0 22px 60px rgba(0,0,0,.65),0 0 0 1px rgba(255,255,255,.18)}
.arc-card:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.arc-meta{display:grid;grid-template-columns:44px 1fr 44px;gap:12px;align-items:center;max-width:560px;margin:8px auto 0;text-align:center}
.arc-meta-copy{min-width:0}
.arc-title{font-size:clamp(28px,3.4vw,44px);letter-spacing:-.04em;margin:0 0 6px}
.arc-kind{font-size:12px;color:rgba(255,255,255,.55);margin:0 0 10px}
.arc-summary{font-size:14px;line-height:1.55;color:rgba(255,255,255,.72);margin:0 auto 16px;max-width:42ch}
.arc-details{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 18px;border-radius:999px;background:rgba(255,255,255,.14);color:#fff;font-size:14px;text-decoration:none!important}
.arc-details:hover{background:rgba(255,255,255,.22)}
.arc-nav{width:40px;height:40px;border-radius:50%;background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:26px;line-height:1;display:inline-flex;align-items:center;justify-content:center;padding:0}
.arc-nav:hover{background:rgba(255,255,255,.08)}
.arc-noscript{list-style:none;padding:20px 0 0;margin:0;display:grid;gap:8px;font-size:14px}
.arc-noscript a{color:#fff;text-decoration:underline;text-underline-offset:4px}
.js .arc-noscript{display:none}
@media(max-width:700px){
.hero .arc-shell{padding:20px 16px 28px}
.arc-stage{height:360px}
.arc-card{width:108px;border-radius:18px;top:40%}
.arc-meta{grid-template-columns:36px 1fr 36px;gap:6px}
.arc-title{font-size:26px}
.arc-summary{font-size:13px;margin-bottom:12px}
.arc-nav{width:36px;height:36px;font-size:22px}
}

.intro-caption-lite{pointer-events:none;gap:12px;flex-wrap:wrap;justify-content:center}
.intro-motion-lite{pointer-events:auto;color:#fff;font-size:13px;min-height:40px}
.intro-motion-lite::before{background:var(--accent)}
.intro-glass-top{justify-content:flex-start}
.intro-glass-top .brand{margin-right:auto}
.intro-glass-nav{margin-left:auto}

.arc-card-missing{display:flex;align-items:flex-end;justify-content:center;background:linear-gradient(165deg,#4a4338,#2a2620)}
.arc-card-missing .arc-card-fallback{position:static;padding:16px;font-size:14px}

/* intro-autoplay-20261106 */
.intro-play{pointer-events:auto;appearance:none;border:1px solid rgba(255,255,255,.28);background:rgba(240,161,74,.92);color:#111;font:inherit;font-size:13px;font-weight:650;padding:9px 16px;border-radius:999px;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.28);letter-spacing:.02em}
.intro-play:hover{background:rgba(245,175,95,.98)}
.intro-play:disabled{opacity:.78;cursor:default;background:rgba(255,255,255,.16);color:#fff;border-color:rgba(255,255,255,.2)}
.intro-play:focus-visible{outline:2px solid #fff;outline-offset:3px}
.intro-film.is-autoplaying .intro-scroll-hint{opacity:0!important}
.intro-media{cursor:pointer}
.intro-film.is-autoplaying .intro-media{cursor:default}
@media (max-width:720px){
  .intro-caption-lite{gap:10px}
  .intro-play{font-size:12px;padding:8px 14px}
}

/* intro-type-blend-20261106 */
@font-face{font-family:"Smiley Sans";src:url("assets/fonts/smiley-sans.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Space Grotesk";src:url("assets/fonts/space-grotesk.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Unbounded";src:url("assets/fonts/unbounded.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
.intro-type-blend{position:absolute;inset:0;z-index:3;pointer-events:none;--type-in:0;--type-mid:0;--type-late:0;color:#fff}
/* Soft scene wash only — no hard card / border / backdrop-filter panel */
.intro-type-vignette{position:absolute;inset:0;background:
  radial-gradient(42% 36% at 79% 47%, rgba(16,10,32,.5) 0%, rgba(16,10,32,.22) 45%, transparent 78%),
  radial-gradient(70% 55% at 76% 44%, rgba(94,240,230,.06) 0%, transparent 60%),
  linear-gradient(180deg, rgba(8,10,18,.12) 0%, transparent 28%, transparent 66%, rgba(8,10,18,.35) 100%);
  opacity:calc(var(--type-mid) * .95)}
.intro-type-burn-mask{position:absolute;right:2%;top:28%;width:min(48vw,520px);height:min(52vh,420px);
  opacity:calc(var(--type-late) * .9); pointer-events:none;
  backdrop-filter:blur(10px) saturate(1.05); -webkit-backdrop-filter:blur(10px) saturate(1.05);
  background:radial-gradient(ellipse at 70% 45%, rgba(20,12,40,.35) 0%, rgba(20,12,40,.12) 40%, transparent 72%);
  -webkit-mask-image:radial-gradient(ellipse at 65% 45%, #000 0%, #000 28%, transparent 72%);
  mask-image:radial-gradient(ellipse at 65% 45%, #000 0%, #000 28%, transparent 72%)}
.intro-type-lockup{position:absolute;right:clamp(3vw,6.5vw,108px);top:47%;
  transform:translate3d(calc((1 - var(--type-late)) * 36px), -50%, 0) rotate(-1.2deg) scale(calc(.92 + var(--type-late) * .08));
  text-align:right; max-width:min(46vw, 460px); opacity:calc(var(--type-late) * 1);
  filter:blur(calc((1 - var(--type-late)) * 7px));
  padding:0; /* no card chrome */}
.intro-type-cn{font-family:"Smiley Sans","Microsoft YaHei",sans-serif;font-size:clamp(68px,9.8vw,140px);line-height:.9;letter-spacing:.04em;
  background:linear-gradient(120deg,#ffffff 0%, #9af7ff 34%, #cbb6ff 70%, #ffffff 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 0 22px rgba(94,240,230,.38)) drop-shadow(0 10px 22px rgba(0,0,0,.5))}
.intro-type-en{font-family:"Unbounded","Space Grotesk",Arial,sans-serif;font-weight:700;font-size:clamp(16px,1.85vw,26px);letter-spacing:.32em;margin-top:12px;
  color:#d8fbff; text-shadow:0 0 18px rgba(94,240,230,.5), 0 0 28px rgba(18,12,36,.8), 0 2px 8px rgba(0,0,0,.45)}
.intro-type-role{font-family:"Smiley Sans","Microsoft YaHei",sans-serif;font-size:clamp(15px,1.45vw,22px);margin-top:14px;color:rgba(236,230,255,.95);
  letter-spacing:.1em; text-shadow:0 0 14px rgba(139,108,255,.4), 0 2px 10px rgba(0,0,0,.45)}
.intro-type-role-en{font-family:"Space Grotesk","Unbounded",Arial,sans-serif;font-weight:700;letter-spacing:.2em;color:#9af7ff}
/* Fade slogan out fully before landing title takes over — avoids ghost「做成」from two overlapping copies */
.intro-type-blend[data-type-phase="late"] .intro-type-slogan{opacity:0!important;visibility:hidden}
.intro-type-slogan{position:absolute;left:clamp(18px,4.5vw,72px);bottom:clamp(118px,19vh,190px);max-width:min(15ch, 56vw);
  font-family:"Smiley Sans","Microsoft YaHei",sans-serif;
  font-size:clamp(28px,3.8vw,52px);line-height:1.16;letter-spacing:.02em;
  opacity:calc(var(--type-mid) * max(0, 1 - var(--type-late) / 0.55));
  transform:translate3d(calc((1 - var(--type-mid)) * -12px), calc((1 - var(--type-mid)) * 16px), 0) rotate(-1deg);
  background:linear-gradient(105deg, #ffffff 0%, #b9fff8 42%, #d8ccff 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.42));
  mix-blend-mode:screen; will-change:opacity,transform}
.intro-landing-title{font-family:"Smiley Sans","Microsoft YaHei",sans-serif;
  color:#f3fbff; background:none; -webkit-background-clip:border-box; background-clip:border-box;
  text-shadow:0 0 22px rgba(94,240,230,.28), 0 8px 22px rgba(0,0,0,.4)}
.intro-landing-kicker{font-family:"Space Grotesk",Arial,sans-serif;letter-spacing:.16em;color:rgba(186,245,255,.86)}
html.motion-off .intro-type-lockup,html.motion-off .intro-type-slogan,
.intro-film:not(.scrub-ready) .intro-type-lockup{filter:none;transform:translate3d(0,-50%,0) rotate(-1.2deg)}
.intro-film:not(.scrub-ready) .intro-type-blend{--type-in:1;--type-mid:1;--type-late:1}
@media (max-width:720px){
  .intro-type-lockup{right:16px;max-width:62vw;top:44%}
  .intro-type-cn{font-size:clamp(52px,17vw,84px)}
  .intro-type-en{letter-spacing:.18em;font-size:13px}
  .intro-type-slogan{left:16px;bottom:152px;font-size:clamp(24px,7.2vw,34px);max-width:13ch;mix-blend-mode:normal;
    filter:drop-shadow(0 8px 18px rgba(0,0,0,.55))}
}
@media (prefers-reduced-motion: reduce){
  .intro-type-lockup,.intro-type-slogan{filter:drop-shadow(0 8px 18px rgba(0,0,0,.35))!important}
}