.intro{display:none}html[data-intro=on]{overflow:hidden}html[data-intro=on] .intro,.intro.is-morph{display:block}html[data-intro=on] .hero h1,html[data-intro=on] .header>*,html[data-intro=on] .hero-art>*,html[data-intro=on] .hero-copy>:not(h1),html.intro-keep .hero h1,html.intro-keep .hero-screen{opacity:0}.intro{--ease:cubic-bezier(.16,1,.3,1);--inout:cubic-bezier(.76,0,.24,1);--mono:ui-monospace,"SF Mono","JetBrains Mono",Menlo,monospace;--cardH:min(58vh,620px);--cardW:calc(var(--cardH)*720/1564);position:fixed;inset:0;z-index:100;color:var(--ink);-webkit-user-select:none;user-select:none}.i-bg{position:absolute;inset:0;background:var(--paper)}.intro.is-morph .i-bg{opacity:0;transition:opacity 1.4s var(--inout) .25s}.i-grain{position:absolute;inset:-50%;opacity:.07;mix-blend-mode:multiply;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:i-grain 1s steps(6) infinite}@keyframes i-grain{0%{transform:translate(0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-4%)}60%{transform:translate(-4%,-1%)}80%{transform:translate(3%,3%)}}.i-corners>span{position:absolute;font:500 10.5px/1 var(--mono);letter-spacing:.14em;color:var(--muted);opacity:0;transition:opacity 1s var(--ease)}.i-corners i{font-style:normal;opacity:.5;margin:0 .4em}.c-tl{top:24px;left:28px}.c-bl{bottom:24px;left:28px}.c-br{bottom:24px;right:28px}.intro.is-running .i-corners>span{opacity:1}.intro.is-morph .i-corners>span{opacity:0;transition-duration:.35s}.c-br b{font-weight:600;color:var(--ink)}.i-roll{display:inline-grid;overflow:hidden;vertical-align:bottom}.i-roll>span{grid-area:1/1;display:block;white-space:nowrap}.i-gate{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;text-align:center}.g-mark{margin:0;font-size:clamp(46px,9vw,132px);font-weight:820;letter-spacing:-.05em;line-height:1;display:flex}.g-mark span{display:inline-block;opacity:0;filter:blur(14px);translate:0 .25em;animation:g-in 1.3s var(--ease) forwards}.g-mark span:nth-child(n+7){font-weight:520;color:#824017}.g-mark .g-dot{color:var(--orange)!important;font-weight:820!important}@keyframes g-in{to{opacity:1;filter:blur(0);translate:0 0}}.g-load{margin:0;display:flex;align-items:center;gap:14px;font:500 11px/1 var(--mono);letter-spacing:.14em;color:var(--muted);transition:opacity .5s}.g-num{font-variant-numeric:tabular-nums;min-width:3ch}.g-bar{width:120px;height:1px;background:var(--line);overflow:hidden}.g-bar i{display:block;height:100%;background:var(--ink);transform-origin:left;transform:scaleX(var(--p,0));transition:transform .4s var(--ease)}.g-choices{display:flex;gap:44px;opacity:0;translate:0 14px;transition:opacity .9s var(--ease),translate .9s var(--ease);pointer-events:none}.intro.is-ready .g-choices{opacity:1;translate:0 0;pointer-events:auto}.intro.is-ready .g-load{opacity:0}.intro button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}.g-choices button{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:17px;font-weight:700;padding:6px 2px 10px}.g-choices button:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .6s var(--ease)}.g-choices button:hover:after,.g-choices button:focus-visible:after{transform:scaleX(1);transform-origin:left}.g-choices small{font:500 10px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.i-quiet{color:var(--muted)!important}.g-eq{position:absolute;left:-22px;top:9px;display:flex;align-items:flex-end;gap:2px;height:12px}.g-eq i{width:2px;height:100%;background:var(--orange);transform-origin:bottom;animation:g-eq 1.1s ease-in-out infinite alternate}.g-eq i:nth-child(2){animation-delay:-.4s}.g-eq i:nth-child(3){animation-delay:-.8s}@keyframes g-eq{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}.g-hint{margin:0;font:500 10px/1 var(--mono);letter-spacing:.14em;color:var(--muted);opacity:0;transition:opacity 1s var(--ease) .2s}.intro.is-ready .g-hint{opacity:.8}.intro.is-running .i-gate{pointer-events:none}.intro button:focus-visible{outline:2px solid #89400e;outline-offset:6px}.i-stage{position:absolute;inset:0;display:grid;grid-template-columns:1fr var(--cardW) 1fr;align-items:center;gap:clamp(28px,5vw,80px);padding:0 clamp(24px,5vw,80px);pointer-events:none}.i-cap{justify-self:end;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.i-cap p{margin:0}.cap-time{font:500 clamp(30px,3.6vw,52px)/1 var(--mono);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.cap-name{font-size:clamp(17px,1.6vw,22px);font-weight:750;line-height:1.3}.cap-line{font-size:13px;color:var(--muted);line-height:1.5}.i-cap,.i-words{opacity:0}.i-card{position:relative;width:var(--cardW);height:var(--cardH);border-radius:calc(var(--cardW)*.11);overflow:hidden;background:#ece6d8;clip-path:inset(50% 0 50% 0 round calc(var(--cardW)*.11));box-shadow:0 30px 60px -20px #44352040}.i-frame{position:absolute;inset:0;clip-path:inset(100% 0 0 0)}.i-frame img{width:100%;height:100%;object-fit:cover;display:block}.i-words{justify-self:start}.i-title{margin:0;font-size:clamp(44px,6.4vw,104px);font-weight:800;letter-spacing:-.05em;line-height:1.15}.i-line{display:block;overflow:hidden;padding-bottom:.06em;margin-bottom:-.06em}.i-lt{display:inline-block;translate:0 110%}.i-lt b{font-weight:inherit;color:#b65414}.i-lt em{font-family:var(--serif,"Noto Serif TC",serif);font-weight:600;font-style:normal;color:#824017;letter-spacing:-.04em}.i-sub{margin:18px 0 0;font:500 12px/1.4 var(--mono);letter-spacing:.12em;color:var(--muted);text-transform:uppercase}.i-sub span{opacity:0;filter:blur(6px);white-space:pre;transition:opacity .5s var(--ease),filter .5s var(--ease)}.i-sub span.on{opacity:1;filter:none}.i-progress{position:absolute;left:0;right:0;bottom:0;height:2px;opacity:0;transition:opacity .4s}.i-progress i{display:block;height:100%;background:var(--ink);transform-origin:left;transform:scaleX(0)}.intro.is-running .i-progress{opacity:1}.intro.is-morph .i-progress{opacity:0}.i-skip{position:absolute;top:18px;right:22px;font:500 10.5px/1 var(--mono)!important;letter-spacing:.14em;color:var(--muted)!important;padding:8px 4px!important;transition:opacity .6s}.intro.is-morph .i-skip{opacity:0;pointer-events:none}.i-skip kbd{font:inherit;opacity:.6;margin-left:6px}.intro.is-leaving{transition:opacity .5s;opacity:0}html.intro-land .header>*,html.intro-land .hero-copy>:not(h1),html.intro-land .hero-art>:not(.hero-screen){animation:i-land 1.4s cubic-bezier(.16,1,.3,1) both}html.intro-land .header>:nth-child(2){animation-delay:.08s}html.intro-land .hero-copy>:nth-child(1){animation-delay:.1s}html.intro-land .hero-copy>:nth-child(3){animation-delay:.2s}html.intro-land .hero-art>.hero-side-screen{animation-delay:.2s}html.intro-land .hero-art>.w-now{animation-delay:.36s}html.intro-land .hero-art>.w-dark{animation-delay:.46s}html.intro-land .hero-art>.w-route{animation-delay:.56s}html.intro-land .hero-art>.w-stats{animation-delay:.66s}@keyframes i-land{0%{opacity:0;translate:0 22px;filter:blur(6px)}}@media(max-width:899px){.intro{--cardH:min(46vh,480px)}.i-stage{grid-template-columns:1fr;grid-template-rows:auto auto;align-content:center;justify-items:center;gap:22px;padding:56px 20px 48px}.i-card{grid-row:1;grid-column:1}.i-cap{grid-row:2;grid-column:1;justify-self:center;align-items:center;text-align:center;gap:6px}.cap-time{font-size:22px}.cap-name{font-size:16px}.cap-line{font-size:12px}.i-words{grid-row:2;grid-column:1;justify-self:center;text-align:center}.i-title{font-size:clamp(40px,12vw,64px)}.i-sub{margin-top:10px;font-size:10px}.g-choices{gap:30px}.g-eq{left:-16px}.c-bl{display:none}.c-tl{top:20px;left:20px}.c-br{bottom:20px;right:20px}.i-skip{top:12px;right:14px}}@media(prefers-reduced-motion:reduce){html[data-intro=on] .intro{display:none}}