.nav-bar{width:min(calc(100% - 40px), var(--content-width));z-index:100;border-radius:999px;position:fixed;top:20px;left:50%;transform:translate(-50%)}.nav-inner{justify-content:space-between;align-items:center;padding:10px 12px 10px 14px;display:flex}.nav-logo{align-items:center;gap:10px;display:flex}.nav-logo-mark{background:var(--red);width:34px;height:34px;color:var(--white);font-family:var(--font-mono);border-radius:8px;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex}.nav-logo-text{display:none}@media (width>=640px){.nav-logo-text{display:inline-block}}.nav-links{gap:28px;display:none}@media (width>=900px){.nav-links{display:flex}}.nav-link{color:var(--text-dim);transition:color .2s}.nav-link:hover{color:var(--text)}.nav-contact{padding:10px 20px}.nav-actions{align-items:center;gap:10px;display:flex}@media (width<=420px){.nav-actions .sound-toggle{display:none}}@media (hover:hover) and (pointer:fine){.nav-reveal-zone{z-index:100;height:24px;position:fixed;inset:0 0 auto}.nav-reveal-zone .nav-bar{opacity:0;pointer-events:none;transition:transform .24s .12s,opacity .18s .12s;transform:translate(-50%,calc(-100% - 24px))}.nav-reveal-zone:hover .nav-bar,.nav-reveal-zone:focus-within .nav-bar{opacity:1;pointer-events:auto;transition-delay:0s;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.nav-reveal-zone .nav-bar{transition:none}}.sound-toggle{border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-dim);border-radius:999px;align-items:center;gap:8px;padding:8px 14px;transition:border-color .2s,color .2s,background .2s;display:inline-flex}.sound-toggle:hover{border-color:var(--red);color:var(--text)}.sound-toggle-bars{align-items:flex-end;gap:2px;height:12px;display:inline-flex}.sound-toggle-bars i{background:var(--red);transform-origin:bottom;border-radius:1px;width:2px;animation:.9s ease-in-out infinite sound-bar-bounce;display:block}.sound-toggle-bars i:first-child{height:40%;animation-delay:0s}.sound-toggle-bars i:nth-child(2){height:100%;animation-delay:.15s}.sound-toggle-bars i:nth-child(3){height:65%;animation-delay:.3s}@keyframes sound-bar-bounce{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.sound-toggle.is-muted .sound-toggle-bars i{background:var(--text-faint);animation-play-state:paused;transform:scaleY(.3)}@media (width<=480px){.sound-toggle-label{display:none}.sound-toggle{padding:8px 10px}}.hero-region{min-height:100svh;position:relative}.hero-sticky{background:var(--bg);min-height:100svh;position:relative;overflow:hidden}.hero-poster,.hero-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hero-poster{z-index:0;background-position:50%;background-size:cover}.hero-video{z-index:1}.hero-vignette{z-index:2;background:linear-gradient(#0a0a0b26 0%,#0a0a0b59 55%,#0a0a0beb 100%),linear-gradient(90deg,#0a0a0bd9 0%,#0a0a0b26 45%,#0a0a0b00 65%);position:absolute;inset:0}.hero-content{z-index:3;flex-direction:column;justify-content:flex-end;min-height:100svh;padding-top:clamp(64px,10vh,140px);padding-bottom:48px;display:flex;position:relative}.hero-title-block{--portfolio-size:clamp(64px, 16vw, 280px);max-width:100%;padding-top:calc(var(--portfolio-size) * .4)}.hero-title-row{white-space:nowrap;overflow:visible}.hero-title-word{font-family:var(--font-hero);letter-spacing:0;text-transform:none;font-size:clamp(28px,10vw,200px);font-weight:400;line-height:.86;display:inline-block}.hero-title-portfolio{font-size:var(--portfolio-size);letter-spacing:-.05em;transform-origin:0 100%;transform:scaleY(1.333)}.hero-type-cursor{background:var(--red);vertical-align:-.05em;width:3px;height:.85em;margin-left:3px;animation:.85s step-end infinite hero-cursor-blink;display:inline-block}@keyframes hero-cursor-blink{0%,45%{opacity:1}50%,to{opacity:0}}.hero-title-word.accent{color:var(--red)}.hero-title-word.plain{color:var(--white)}.hero-cjk-tag{font-family:var(--font-mono);letter-spacing:.22em;color:var(--text-dim);text-transform:uppercase;margin:10px 0 22px 4px;font-size:13px}.hero-roles{border-left:1px solid var(--glass-border);font-family:var(--font-mono);color:var(--text-dim);flex-direction:column;gap:6px;margin:18px 0 26px;padding:0 0 0 20px;font-size:14px;font-style:italic;list-style:none;display:flex}.hero-designby{flex-direction:column;gap:4px;width:fit-content;padding:12px 20px;display:inline-flex}.hero-designby strong{font-family:var(--font-cjk);color:var(--text);font-size:16px;font-weight:700}.hero-bottom-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-top:60px;display:flex}.hero-contacts{flex-direction:column;gap:6px;display:flex}.hero-scroll-indicator{text-align:right;flex-direction:column;align-items:flex-end;gap:10px;display:flex}.hero-scroll-arrow{width:36px;height:36px;color:var(--white);border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;animation:1.6s ease-in-out infinite hero-bounce;display:flex}@keyframes hero-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@media (width<=700px){.hero-bottom-row{flex-direction:column;align-items:flex-start}.hero-scroll-indicator{text-align:left;align-items:flex-start}}.hero-character{z-index:2;object-fit:contain;object-position:right bottom;pointer-events:none;width:min(76vw,1100px);height:96%;position:absolute;bottom:-3vh;right:-5vw}@media (width<=700px){.hero-character{width:115vw;height:80%;bottom:12%;right:-24vw}}.directory-section{background:radial-gradient(ellipse at 20% 0%, #438cff1f, transparent 55%), radial-gradient(ellipse at 100% 100%, #ffffff0d, transparent 50%), linear-gradient(180deg, #060607f0, #060607f7 55%, #060607 85%), var(--directory-image);background-position:50%,50%,50%,50% 30%;background-repeat:no-repeat;background-size:cover,cover,cover,cover;position:relative;overflow:hidden}.directory-top-fade{z-index:0;background:linear-gradient(180deg, var(--bg) 0%, #0a0a0b99 40%, #0a0a0b00 100%);pointer-events:none;height:260px;position:absolute;top:0;left:0;right:0}.directory-noise{opacity:.5;pointer-events:none;background-image:repeating-linear-gradient(0deg,#ffffff04 0 1px,#0000 1px 3px);position:absolute;inset:0}.directory-container{z-index:1;position:relative}.directory-topbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:40px;display:flex}.directory-title-row{flex-wrap:wrap;align-items:flex-start;gap:22px;display:flex}.directory-mega-title{font-family:var(--font-hero);color:var(--text);opacity:.92;font-size:clamp(56px,8vw,128px);line-height:.82}.directory-subtitle{color:var(--text-dim);letter-spacing:.08em;flex-direction:column;gap:4px;padding-bottom:10px;display:flex}.directory-subtitle-sub{color:var(--text-faint)}.directory-subtitle-cn{font-family:var(--font-cjk);letter-spacing:.1em;color:var(--text);margin-bottom:2px;padding-bottom:10px;font-size:clamp(24px,2.8vw,38px);font-weight:900;line-height:1;position:relative}.directory-subtitle-cn:after{content:"";background:var(--red);width:42px;height:4px;position:absolute;bottom:0;left:0}.directory-tabs{color:var(--text-dim);letter-spacing:.16em;align-items:center;gap:8px;margin-top:18px;display:flex}.directory-dot{background:var(--text-faint);border-radius:50%;width:6px;height:6px}.directory-dot.is-on{background:var(--red)}.directory-info-block{text-align:right;flex-direction:column;align-items:flex-end;gap:14px;max-width:220px;display:flex}.directory-scribble{color:var(--text);font-family:Caveat,Zen Old Mincho,cursive;font-size:26px;font-weight:700;line-height:1.15;transform:rotate(-3deg)}.directory-info-mono{color:var(--text-dim);letter-spacing:.05em;line-height:1.6}.directory-info-divider{background:var(--glass-border);width:100%;height:1px}.directory-info-brand{color:var(--text-dim);letter-spacing:.05em;align-items:center;gap:10px;line-height:1.5;display:flex}.directory-globe{width:26px;height:26px;color:var(--red);flex-shrink:0}.directory-info-list{color:var(--text-faint);letter-spacing:.1em;line-height:1.6}.directory-fan{cursor:grab;touch-action:pan-y;height:520px;margin-top:56px;padding-bottom:8px;position:relative}.directory-fan:active{cursor:grabbing}.ticket-card-slot{position:absolute;bottom:12%;left:50%;transform:translate(-50%)}.ticket-card{transform-origin:bottom;aspect-ratio:618/1200;width:272px;box-shadow:0 10px 18px -6px #0000008c, 0 34px 58px -18px #000000bf, 0 0 34px -6px var(--ticket-glow,#ffffff4d);border:1px solid #ffffff29;border-radius:24px;transition:box-shadow .4s,border-color .4s;display:block;position:relative;overflow:hidden}.ticket-card:before,.ticket-card:after{content:"";aspect-ratio:1;pointer-events:none;z-index:5;background:radial-gradient(circle at 35% 32%,#140e0a8c,#040303eb 75%);border-radius:50%;width:8.4%;position:absolute;top:35.5%;transform:translate(-50%,-50%);box-shadow:inset 0 2px 3px #000000a6,inset 0 -1px 1px #ffffff0f}.ticket-card:before{left:0}.ticket-card:after{left:100%}.ticket-card.tone-light{--ticket-glow:#fff6}.ticket-card.tone-dark{--ticket-glow:#438cff99}.ticket-card-image{object-fit:cover;width:100%;height:100%;display:block}.ticket-card:hover,.ticket-card:focus-visible{box-shadow:0 12px 20px -6px #0009, 0 44px 70px -18px #000c, 0 0 0 1px var(--ticket-glow,#ffffff80), 0 0 56px 6px var(--ticket-glow,#ffffff80);border-color:#ffffff4d}.directory-fan-nav{justify-content:center;align-items:center;gap:16px;margin-top:20px;display:flex}.directory-fan-dot{border:1px solid var(--glass-border);width:44px;height:44px;color:var(--text-dim);font-family:var(--font-mono);letter-spacing:.02em;background:#ffffff08;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;transition:transform .3s,background .3s,color .3s,border-color .3s,box-shadow .3s;display:flex}.directory-fan-dot:hover,.directory-fan-dot:focus-visible,.directory-fan-dot.is-active{border-color:var(--red);background:var(--red);color:var(--white);transform:translateY(-3px);box-shadow:0 8px 22px -6px #438cffa6}.directory-fan-hint{color:var(--text-faint);text-align:center;letter-spacing:.1em;margin-top:20px}.directory-bottombar{border-top:1px solid var(--glass-border);color:var(--text-faint);letter-spacing:.08em;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;margin-top:36px;padding-top:24px;font-size:11px;display:flex}.directory-bottom-left,.directory-bottom-right{flex-direction:column;gap:10px;display:flex}.directory-bottom-right{text-align:right;align-items:flex-end}.directory-barcode-small{background-image:repeating-linear-gradient(90deg, var(--text-faint) 0px, var(--text-faint) 1px, transparent 1px, transparent 2.5px, var(--text-faint) 2.5px, var(--text-faint) 3px, transparent 3px, transparent 5px);opacity:.5;width:120px;height:16px}.directory-bottom-center{color:var(--text-dim);flex:1;justify-content:center;align-items:center;gap:16px;min-width:220px;display:flex}.directory-hr{background:repeating-linear-gradient(90deg, var(--glass-border) 0 4px, transparent 4px 8px);flex:1;max-width:120px;height:1px}@media (width<=1400px){.directory-fan{height:440px}.ticket-card{width:240px}}@media (width<=960px){.directory-info-block{text-align:left;align-items:flex-start;max-width:100%}.directory-fan{cursor:default;touch-action:auto;flex-direction:column;align-items:center;gap:40px;height:auto;display:flex;position:static}.ticket-card-slot{position:static;transform:none}.ticket-card{width:100%;max-width:320px;transform:none!important}.directory-fan-nav{margin-top:12px}.directory-bottombar{flex-direction:column}.directory-bottom-right{text-align:left;align-items:flex-start}}.ticket-card{position:relative}.hanna-ticket-label{z-index:1;color:#fff;pointer-events:none;background:linear-gradient(#0000,#0a0a0bf0 35%);flex-direction:column;gap:10px;padding:30px 22px;display:flex;position:absolute;inset:auto 0 0}.hanna-ticket-label strong{font-size:26px}.hanna-ticket-label span{letter-spacing:.08em;font-size:11px}.ticket-card{background:var(--red)}.ticket-card .hanna-ticket-label{background:0 0;justify-content:center;padding:14% 24px 0;inset:0}.ticket-card .hanna-ticket-label>span:first-child{position:absolute;top:32px;left:24px}.ticket-card .hanna-ticket-label strong{font-size:32px;line-height:1.15}.floating-dock{align-items:flex-end;gap:22px;width:fit-content;max-width:100%;padding:20px 4px;display:flex;overflow:auto visible}.dock-icon{background:linear-gradient(160deg, var(--bg-elevated), var(--bg-soft));border:1px solid var(--glass-border);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 24px -14px #000000b3}.dock-icon-img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border-radius:12px;width:94%;height:94%}.dock-icon:before{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 20%,#ffffff38 45%,#0000 65%);transition:transform .6s;position:absolute;inset:0;transform:translate(-120%)}.dock-icon:hover:before{transform:translate(120%)}.dock-icon:hover{border-color:#ffffff59}.dock-tooltip{background:var(--bg-elevated);border:1px solid var(--glass-border);color:var(--text);white-space:nowrap;z-index:5;border-radius:999px;margin-bottom:10px;padding:5px 10px;font-size:11px;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}@media (width<=960px){.floating-dock{width:100%}}.tilt-card-wrap{perspective:1400px;cursor:pointer;width:100%;max-width:440px}.tilt-card-inner{transform-style:preserve-3d;filter:drop-shadow(0 30px 50px #0000008c);will-change:transform;position:relative}.tilt-card-inner .profile-id-card-img{filter:none;width:100%;max-width:none;height:auto;display:block}.tilt-card-glare{pointer-events:none;mix-blend-mode:overlay;position:absolute;inset:0;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.tilt-card-comet{pointer-events:none;mix-blend-mode:screen;background:linear-gradient(115deg,#0000 35%,#fff9 48%,#ff826459 53%,#0000 66%) -70% -70%/260% 260%;transition:background-position 1.15s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.tilt-card-wrap:hover .tilt-card-comet{background-position:170% 170%}@media (prefers-reduced-motion:reduce){.tilt-card-inner,.tilt-card-comet{transition:none}}.profile-grid{grid-template-columns:460px 1fr;align-items:start;gap:64px;display:grid}@media (width<=960px){.profile-grid{grid-template-columns:1fr;gap:40px}}.profile-card-col{flex-direction:column;align-items:center;display:flex;position:sticky;top:120px}.profile-id-card-img{filter:drop-shadow(0 30px 50px #0000008c);width:100%;max-width:440px;height:auto}.profile-card-caption{opacity:.6;align-self:flex-start;margin-top:18px;margin-left:8px;line-height:1.7}.profile-card-col .profile-quote-row{align-self:stretch;margin:28px 0 0}.profile-card-col .profile-quote-en,.profile-card-col .profile-quote-cn{max-width:none}@media (width<=960px){.profile-card-col{align-items:flex-start;position:static}}.profile-header-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.profile-title{font-family:var(--font-display);letter-spacing:-.01em;text-transform:uppercase;color:var(--text);margin-top:6px;font-size:clamp(40px,5vw,72px);font-weight:800;line-height:1.02}.profile-title .accent{color:var(--red)}.profile-title-cn{font-family:var(--font-cjk);color:var(--text-dim);letter-spacing:.04em;margin-top:8px;font-size:15px}.profile-corner-note{text-align:right;opacity:.55;white-space:nowrap;padding-top:10px;line-height:1.7}.profile-quote-row{border-left:1px solid var(--glass-border);gap:18px;margin:36px 0 40px;padding-left:4px;display:flex}.profile-quote-bracket{font-family:var(--font-display);color:var(--red);opacity:.7;font-size:48px;line-height:1}.profile-quote-text{min-width:0}.profile-quote-en{font-family:var(--font-mono);color:var(--text-dim);max-width:640px;margin:0 0 14px;font-size:16px;font-style:italic;line-height:1.7}.profile-quote-cn{font-family:var(--font-cjk);color:var(--text);max-width:640px;font-size:16px;line-height:1.9}.file-cabinet-hint{margin-bottom:16px}.exp-list{flex-direction:column;gap:10px;display:flex}@property --exp-glow-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.exp-item{border:1px solid var(--glass-border);border-radius:var(--radius-s);background:var(--bg-elevated);transition:border-color .2s,transform .25s,box-shadow .25s;position:relative;overflow:visible}.exp-item>.exp-row,.exp-item>.exp-detail{z-index:1;border-radius:inherit;position:relative;overflow:hidden}.exp-item:before{content:"";z-index:0;border-radius:inherit;background:conic-gradient(from var(--exp-glow-angle,0deg), transparent 0%, var(--red) 12%, #dfebff 22%, var(--red) 32%, transparent 46%, transparent 100%);-webkit-mask-composite:xor;opacity:0;pointer-events:none;padding:1.5px;transition:opacity .35s;position:absolute;inset:-1.5px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.exp-item:hover{transform:translateY(-2px);box-shadow:0 16px 32px -18px #438cff73}.exp-item:hover:before{opacity:1;animation:2.4s linear infinite exp-glow-spin}@keyframes exp-glow-spin{to{--exp-glow-angle:360deg}}.exp-item.is-open{border-color:var(--red)}@media (prefers-reduced-motion:reduce){.exp-item,.exp-item:before{transition:none;animation:none}}.exp-row{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;padding:16px 20px;display:flex}.exp-row-top{align-items:center;gap:16px;width:100%;display:flex}.exp-title-block{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.exp-company-name{font-family:var(--font-display);color:var(--text);white-space:normal;overflow-wrap:break-word;font-size:17px;font-weight:800;line-height:1.3}.exp-role-inline{letter-spacing:.02em;color:var(--text-faint);font-size:11px}.exp-year{white-space:nowrap;color:var(--text-faint)}.exp-plus{border:1px solid var(--glass-border);width:26px;height:26px;color:var(--text-dim);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;display:flex}.exp-detail{overflow:hidden}.exp-detail-inner{border-top:1px dashed var(--glass-border);grid-template-columns:2fr 1fr auto;gap:24px;margin-top:2px;padding:18px 20px 22px;display:grid}.exp-detail-col{flex-direction:column;gap:6px;min-width:0;display:flex}.exp-detail-heading{color:var(--red);margin-bottom:2px}.exp-detail-line{color:var(--text-dim);font-size:13px;line-height:1.5}.exp-detail-projects-col{min-height:0}.exp-detail-scroll{flex-direction:column;gap:10px;max-height:190px;padding-right:10px;display:flex;overflow-y:auto}.exp-detail-company{color:var(--text-faint)}.exp-detail-role-keywords-col{gap:18px}.exp-detail-role-block,.exp-detail-keywords-block{flex-direction:column;gap:6px;display:flex}.exp-keywords{flex-wrap:wrap;gap:6px;display:flex}.exp-keyword-tag{border:1px solid var(--glass-border);border-radius:999px;padding:3px 9px;font-size:10px}.exp-detail-thumb{border-radius:var(--radius-s);background:var(--text);border:1px solid var(--glass-border);flex-shrink:0;justify-content:center;align-items:center;width:128px;height:84px;padding:12px;display:flex}.exp-detail-thumb img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%}@media (width<=700px){.exp-row-top{flex-wrap:wrap;row-gap:6px}.exp-title-block{flex-basis:100%;order:1}.exp-year{order:2;margin-left:0}.exp-plus{order:3;margin-left:auto}.exp-company-name{font-size:15px}.exp-detail-inner{grid-template-columns:1fr}.exp-detail-thumb{width:128px}}.profile-tools-row{border-top:1px solid var(--glass-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-top:72px;padding-top:32px;display:flex}.profile-tools-label,.profile-tools-note{opacity:.6;white-space:nowrap;line-height:1.6}.profile-tools-note{text-align:right}@media (width<=700px){.profile-tools-row{justify-content:flex-start}.profile-tools-note{display:none}}.outro-region{height:300vh;position:relative}.outro-sticky{background:var(--bg);height:100vh;position:sticky;top:0;overflow:hidden}.outro-poster,.outro-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.outro-poster{z-index:0;background-position:50%;background-size:cover}.outro-video{z-index:1}.outro-device-ui{z-index:4;background:0 0;border-radius:clamp(6px,.8vw,14px);flex-direction:column;justify-content:center;gap:clamp(8px,1.4vw,16px);padding:clamp(6px,1.2vw,16px);display:flex;position:absolute}.outro-device-ui-eyebrow{color:var(--red);letter-spacing:.18em;text-shadow:0 1px 6px #000000d9;font-size:clamp(7px,.85vw,12px)}.outro-device-ui-headline{font-family:var(--font-cjk);color:var(--text);letter-spacing:-.01em;text-shadow:0 1px 8px #000000e6,0 0 20px #0009;max-width:96%;margin-bottom:clamp(3px,.5vw,8px);font-size:clamp(11px,1.6vw,24px);font-weight:900;line-height:1.3}.outro-device-ui-accent{color:var(--red);letter-spacing:-.02em;text-shadow:0 1px 10px #000000e6,0 0 26px #438cff99;font-size:clamp(22px,3.4vw,50px);line-height:1;display:inline-block}.outro-device-ui-sub{color:#e6e4e2b8;text-shadow:0 1px 6px #000000d9;max-width:90%;margin:0 0 clamp(4px,.6vw,10px);font-size:clamp(7.5px,.85vw,13px);line-height:1.5}.outro-device-ui-rows{grid-template-columns:1fr 1fr;gap:clamp(6px,1vw,14px);display:grid}.outro-device-ui-row{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:var(--text);background:0 0;border:1px solid #9dc6ffa6;border-radius:clamp(4px,.6vw,10px);flex-direction:column;gap:clamp(2px,.4vw,5px);padding:clamp(6px,1.1vw,14px) clamp(8px,1.3vw,16px);font-size:clamp(7px,.8vw,12px);transition:border-color .2s,box-shadow .2s,transform .2s,background .2s;display:flex;box-shadow:0 0 0 1px #438cff1f,0 0 18px -6px #438cffa6}.outro-device-ui-row:hover{border-color:var(--red);box-shadow:0 0 0 1px var(--red), 0 0 24px -4px #438cffe6;background:#05070a59;transform:translateY(-1px)}.outro-device-ui-row .mono-label{color:#dfebfff2;text-shadow:0 1px 6px #000000d9;font-size:clamp(6px,.62vw,10px)}.outro-device-ui-value{font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 6px #000000d9;font-weight:700;overflow:hidden}.outro-device-ui-cta{border:1.5px solid var(--red);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:var(--white);font-family:var(--font-display);letter-spacing:.04em;text-shadow:0 1px 6px #000000d9;background:#05070a40;border-radius:999px;justify-content:center;align-items:center;gap:6px;margin-top:clamp(2px,.4vw,6px);padding:clamp(6px,1vw,16px) 0;font-size:clamp(7px,.85vw,13px);font-weight:700;transition:transform .2s,box-shadow .2s,background .2s;display:flex;box-shadow:0 0 24px -6px #438cffd9}.outro-device-ui-cta:hover{background:#438cff2e;transform:translateY(-1px);box-shadow:0 8px 28px -6px #438cfff2}@media (width<=700px){.outro-device-ui{display:none}}.outro-vignette{z-index:2;pointer-events:none;background:linear-gradient(#0a0a0b1a 0%,#0a0a0b4d 50%,#0a0a0bf0 100%);position:absolute;inset:0}.outro-content{z-index:3;pointer-events:none;flex-direction:column;justify-content:flex-end;height:100%;padding-bottom:48px;display:flex;position:relative}.outro-eyebrow{color:var(--text-dim);align-items:center;gap:12px;display:inline-flex}.outro-eyebrow .dot{background:var(--red);width:7px;height:7px;box-shadow:0 0 12px 2px var(--red);border-radius:50%}.outro-headline{font-family:var(--font-display);letter-spacing:-.01em;text-transform:uppercase;color:var(--white);text-wrap:balance;margin:14px 0 0;font-size:clamp(32px,5.5vw,76px);font-weight:800;line-height:1.02}.outro-headline-cn{font-family:var(--font-cjk);color:var(--text-dim);letter-spacing:.02em;margin:28px 0 0;font-size:14px}.outro-ending{background:var(--bg);min-height:100svh;display:flex}.outro-ending .outro-content{height:auto;min-height:100svh;padding-top:64px;padding-bottom:48px}.glow-cursor-overlay{z-index:9999;pointer-events:none;position:fixed;inset:0;overflow:hidden}.glow-cursor__canvas{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.brand-archive{aspect-ratio:auto;border-radius:var(--radius-m);align-items:stretch;margin-top:48px;display:flex;overflow:hidden}.brand-archive-list{border-right:1px solid var(--glass-border);flex-direction:column;flex:0 0 320px;min-height:0;display:flex}.brand-archive-list-head{border-bottom:1px solid var(--glass-border);flex:none;justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.brand-archive-rows{flex:auto;overflow-y:auto}.brand-archive-row{all:unset;box-sizing:border-box;cursor:pointer;border-bottom:1px solid var(--glass-border);border-left:3px solid #0000;grid-template-columns:20px 52px minmax(0,1fr);align-items:center;gap:0 12px;width:100%;padding:12px 18px;transition:background .2s,border-color .2s;display:grid}.brand-archive-row:hover{background:#ffffff0a}.brand-archive-row.is-active{border-left-color:var(--red);background:#438cff1a}.brand-archive-row-index{width:20px;color:var(--text-dim);flex:none}.brand-archive-row.is-active .brand-archive-row-index{color:var(--red)}.brand-archive-row-thumb{border-radius:var(--radius-s);background:var(--bg-elevated);flex:none;width:52px;height:52px;overflow:hidden}.brand-archive-row-thumb img{object-fit:cover;width:100%;height:100%;display:block}.brand-archive-row-info{flex-direction:column;gap:3px;min-width:0;display:flex}.brand-archive-row-title{font-family:var(--font-display);letter-spacing:.01em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:800;overflow:hidden}.brand-archive-row.is-active .brand-archive-row-title{color:var(--red)}.brand-archive-row-sub{white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.brand-archive-main{flex-direction:column;flex:auto;min-width:0;min-height:0;display:flex}.brand-archive-main-head{border-bottom:1px solid var(--glass-border);flex:none;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.brand-archive-live{color:var(--red);align-items:center;gap:8px;display:inline-flex}.brand-archive-live .dot{background:var(--red);border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px 2px #438cffcc}.brand-archive-nav{gap:8px;display:flex}.brand-archive-nav button{all:unset;cursor:pointer;border:1px solid var(--glass-border);color:var(--text-dim);border-radius:999px;padding:6px 12px;transition:border-color .2s,color .2s}.brand-archive-nav button:hover,.brand-archive-nav button:focus-visible{border-color:var(--red);color:var(--white)}.brand-archive-main-body{aspect-ratio:16/9;background:#0a0a0b;flex:none;width:100%;min-height:0;overflow-y:auto}.brand-archive-main-body img{width:100%;height:auto;display:block}.brand-archive-main-foot{border-top:1px solid var(--glass-border);flex:none;align-items:center;gap:14px;padding:14px 20px;display:flex}.brand-archive-main-foot h3{font-family:var(--font-display);text-transform:uppercase;font-size:16px;font-weight:800}@media (width<=900px){.brand-archive{aspect-ratio:auto;flex-direction:column;height:auto}.brand-archive-list{border-right:none;border-bottom:1px solid var(--glass-border);flex:none;max-height:280px}.brand-archive-main-body{height:auto}.brand-archive-main-foot{flex-wrap:wrap}}@media (width<=560px){.brand-archive-main-head{padding:12px 14px}.brand-archive-row{padding:10px 14px}.brand-archive-main-foot{padding:12px 14px}}.brand-archive-row-description{color:var(--text-dim);white-space:normal;overflow-wrap:anywhere;grid-column:2/-1;margin-top:12px;font-size:13px;line-height:1.75;display:block}.brand-archive-rows{flex-direction:column;gap:10px;display:flex;overflow:visible}.brand-vertical-card{all:unset;box-sizing:border-box;border:1px solid var(--glass-border);background:var(--bg-soft);cursor:pointer;border-radius:14px;width:100%;padding:16px;display:block}.brand-vertical-card.is-active{border-color:var(--red);background:#438cff14}.brand-vertical-card:focus-visible{outline:2px solid var(--red);outline-offset:2px}.brand-vertical-header{grid-template-columns:52px minmax(0,1fr);align-items:center;gap:12px;display:grid}.brand-vertical-thumb{object-fit:cover;border-radius:var(--radius-s);width:52px;height:52px;display:block}.brand-vertical-text{flex-direction:column;gap:6px;min-width:0;display:flex}.brand-vertical-text strong{font-family:var(--font-display);text-transform:uppercase;font-size:14px;font-weight:800}.brand-vertical-text>span{color:var(--text-dim);font-size:10px;line-height:1.6}.brand-vertical-card.is-active strong{color:var(--red)}.brand-vertical-description{color:var(--text-dim);margin:14px 0 0;font-size:13px;line-height:1.75;display:block}.brand-archive-project-title{font-family:var(--font-display);font-size:20px;font-weight:800}.brand-archive-main-head{flex-wrap:wrap;gap:12px}.brand-archive-main-foot{text-align:right;flex-wrap:wrap;justify-content:flex-end}.brand-archive-keywords{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.brand-archive{border-radius:0;gap:20px;overflow:visible}.brand-archive-list{background:0 0;border:none}.brand-archive-rows{padding:3px}.brand-archive-main{border:1px solid var(--glass-border);border-radius:var(--radius-m);background:var(--bg-soft);overflow:hidden}@media (width<=900px){.brand-archive-list{border:none;max-height:none}}.site-footer{background:var(--bg);border-top:1px solid var(--glass-border);opacity:.6;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:22px 40px;display:flex}@media (width<=700px){.site-footer{text-align:center;justify-content:center;padding:18px 20px}}:root{--bg:#0a0a0b;--bg-soft:#131315;--bg-elevated:#1a1a1d;--text:#f4f3ef;--text-dim:#9a9a9f;--text-faint:#5c5c60;--red:#438cff;--red-pure:#2e70f2;--red-dim:#438cff26;--white:#fff;--black:#000;--glass-bg:#ffffff0b;--glass-bg-strong:#ffffff14;--glass-border:#ffffff1a;--glass-blur:blur(20px) saturate(150%);--content-width:1700px;--gutter:48px;--radius-s:8px;--radius-m:16px;--radius-l:28px;--font-hero:"Anton", "Unbounded", "Zen Kaku Gothic New", sans-serif;--font-display:"Unbounded", "Zen Kaku Gothic New", sans-serif;--font-mono:"Space Mono", "Zen Kaku Gothic New", monospace;--font-cjk:"Zen Kaku Gothic New", "Noto Sans SC", sans-serif;--font-serif-jp:"Zen Old Mincho", "Noto Serif SC", serif;--bounce-ease:cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-cjk);-webkit-font-smoothing:antialiased;margin:0;position:relative;overflow-x:hidden}body:before{content:"";z-index:9999;pointer-events:none;opacity:.035;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}h1,h2,h3,h4,p{margin:0}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}img{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--red-pure);border-radius:8px}::selection{background:var(--red);color:var(--white)}.container{width:100%;max-width:var(--content-width);padding:0 var(--gutter);margin:0 auto}.section{padding:64px 0;position:relative}.section-full{flex-direction:column;justify-content:center;min-height:100vh;display:flex;position:relative}.section-eyebrow{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);align-items:center;gap:12px;margin-bottom:24px;font-size:13px;display:inline-flex}.section-eyebrow .dot{background:var(--red);width:7px;height:7px;box-shadow:0 0 12px 2px var(--red);border-radius:50%}.section-title{font-family:var(--font-display);letter-spacing:-.01em;text-transform:uppercase;font-size:clamp(40px,5vw,76px);font-weight:800;line-height:1.02}.section-title .cjk{font-family:var(--font-cjk);letter-spacing:.08em;color:var(--text-dim);text-transform:none;margin-top:14px;font-size:16px;font-weight:500;display:block}.glass{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-m)}.glass-strong{background:var(--glass-bg-strong);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-m)}.btn{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text);border:1px solid var(--glass-border);background:var(--glass-bg-strong);-webkit-backdrop-filter:var(--glass-blur);border-radius:999px;align-items:center;gap:10px;padding:14px 26px;font-size:13px;display:inline-flex;position:relative}.btn-solid{background:var(--red);border-color:var(--red);color:var(--white)}.mono-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);font-size:12px}.chip{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--glass-border);color:var(--text-dim);border-radius:999px;align-items:center;padding:6px 14px;font-size:11px;display:inline-flex}.chip.is-active{color:var(--white);border-color:var(--red);background:var(--red-dim)}@media (width<=900px){:root{--gutter:22px}.section{padding:48px 0}}