/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.\[check\:all\]{check:all}}@font-face{font-family:HarmonyOS Sans SC;src:url(/assets/HarmonyOS_Sans_SC_Regular-COjjOqG8.woff2)format("woff2");font-style:normal;font-weight:300 449;font-display:swap}@font-face{font-family:HarmonyOS Sans SC;src:url(/assets/HarmonyOS_Sans_SC_Medium-B7o82hBH.woff2)format("woff2");font-style:normal;font-weight:450 699;font-display:swap}@font-face{font-family:HarmonyOS Sans SC;src:url(/assets/HarmonyOS_Sans_SC_Bold-bpNS1q-U.woff2)format("woff2");font-style:normal;font-weight:700 900;font-display:swap}:root{--bg:#000;--fg:#f5f5f0;--muted:#8e8e86;--subtle:#4a4a45;--line:#f5f5f029;--line-strong:#f5f5f057;--surface:#090909;--surface-2:#111;--accent:#f5f5f0;--danger:#d94a2b;--texture-line:#f5f5f00e;--texture-line-soft:#f5f5f007;--texture-grain:#f5f5f00d;--texture-grain-faint:#f5f5f007;--texture-fiber:#f5f5f006;--texture-fiber-soft:#f5f5f003;--texture-glass:#0a0a0ab8;--texture-sheen:#ffffff21;--edge-emboss-light:#ffffff1b;--edge-emboss-dark:#00000094;--shadow-material:0 34px 90px #00000094, inset 0 1px 0 #ffffff1a;--shadow-material-soft:0 22px 62px #0000006b, inset 0 1px 0 #ffffff13;--shadow-emboss-soft:inset 1px 1px 0 var(--edge-emboss-light), inset -1px -1px 0 var(--edge-emboss-dark);--content:min(1920px, calc(100vw - clamp(24px, 2.4vw, 64px)));--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--ease:cubic-bezier(.16, 1, .3, 1);--font-page:"Archivo", "HarmonyOS Sans SC", "HarmonyOS Sans", "Noto Sans SC", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif;--font-home:var(--font-page);--font-display:"Archivo Black", "Archivo", "HarmonyOS Sans SC", "HarmonyOS Sans", "Noto Sans SC", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif;--font-cjk:var(--font-page);--font-ui:var(--font-page);--fs-hero:clamp(58px, 12vw, 148px);--fs-h2:clamp(30px, 4.6vw, 64px);--fs-h3:clamp(20px, 2.4vw, 32px);--fs-body:clamp(15px, 1.2vw, 17px);--fs-small:12px;--track-tight:0;--track-wide:0;--topbar-space:76px;--page-stage-min:calc(100svh - var(--topbar-space))}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg);overflow-x:hidden}body{min-height:100dvh;color:var(--fg);background:radial-gradient(circle at 1px 1px, var(--texture-grain) 0 .82px, transparent 1px) 0 0 / 7px 7px, radial-gradient(circle at 2px 3px, var(--texture-grain-faint) 0 .72px, transparent 1px) 0 0 / 11px 11px, radial-gradient(ellipse at 50% 42%, #f5f5f005, transparent 56%), radial-gradient(ellipse at 50% -12%, #f5f5f008, transparent 38%), radial-gradient(ellipse at 82% 12%, #5bcfc609, transparent 34%), var(--bg);font-family:var(--font-ui);letter-spacing:0;margin:0;overflow-x:hidden}#homeView,.topbar,.page-hint{font-family:var(--font-home)}#blogView,#aboutView,#contactView,.video-player{font-family:var(--font-page)}.skip-link{z-index:120;clip-path:inset(50%);white-space:nowrap;color:#000;background:var(--fg);width:1px;height:1px;min-height:24px;padding:10px 14px;font-size:13px;font-weight:800;position:fixed;top:14px;left:18px;overflow:hidden}.skip-link:focus-visible{clip-path:none;outline:2px solid var(--fg);outline-offset:3px;width:auto;height:auto;overflow:visible}body:before{content:"";z-index:-2;background:radial-gradient(ellipse at 72% 18%, #5bcfc612, transparent 32%), radial-gradient(ellipse at 16% 76%, #d012120d, transparent 38%), linear-gradient(var(--texture-line-soft) 1px, transparent 1px), linear-gradient(90deg, var(--texture-line-soft) 1px, transparent 1px), radial-gradient(circle at 1px 1px, #f5f5f008 0 .7px, transparent .9px), radial-gradient(circle at 2px 3px, #f5f5f005 0 .6px, transparent .8px);pointer-events:none;background-position:50%,50%,0 0,0 0,3px 5px,11px 17px;background-size:auto,auto,64px 64px,64px 64px,23px 23px,31px 31px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000f5,#000000c7 64%,#0000 94%);mask-image:linear-gradient(#000000f5,#000000c7 64%,#0000 94%)}button{font:inherit;cursor:pointer;touch-action:manipulation;border:0}a{color:inherit;touch-action:manipulation;text-decoration:none}input,textarea,select{box-sizing:border-box;max-width:100%;min-height:44px}button{max-width:100%}.intro-loader{z-index:100;color:var(--fg);background:#000;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.intro-loader:before,.intro-loader:after,.intro-cinema-frame,.intro-exit-panel{pointer-events:none;position:absolute}.intro-loader:before{content:"";z-index:0;opacity:.72;background:repeating-linear-gradient(0deg,#ffffff09 0 1px,#0000 1px 6px),radial-gradient(circle at 50% 44%,#ffffff1a,#0000 38%);inset:0}.intro-loader:after{content:"";z-index:1;background:linear-gradient(104deg,#0000 0 34%,#ffffff29 49%,#0000 64%);inset:-12%;transform:translate(-16%)}.intro-cinema-frame{z-index:2;transform-origin:50%;border-top:0;border-bottom:0;inset:clamp(24px,4vw,58px)}.intro-exit-panel{z-index:5;will-change:transform;background:linear-gradient(#ffffffeb,#f5f5f0db),repeating-linear-gradient(90deg,#00000014 0 1px,#0000 1px 38px);height:50%;left:0;right:0;transform:scaleY(0)}.intro-exit-panel-top{transform-origin:50% 0;top:0}.intro-exit-panel-bottom{transform-origin:50% 100%;bottom:0}.intro-inner{z-index:3;place-items:center;width:min(760px,100vw - 44px);display:grid;position:relative}.intro-handwrite{opacity:0;isolation:isolate;place-items:center;width:min(640px,100vw - 54px);min-height:clamp(104px,24vw,178px);display:grid}.intro-status{color:#fffdf8;width:min(420px,100vw - 64px);font-family:var(--font-page);text-align:center;gap:12px;margin-top:clamp(18px,3vw,28px);font-size:12px;font-weight:800;line-height:1.4;display:grid}.intro-signature-wrap{color:#fffdf8;justify-items:center;width:100%;padding:6px 0;display:grid;position:relative}.intro-signature-word{color:#fffdf8;width:100%;font-family:var(--font-display);letter-spacing:0;text-transform:uppercase;white-space:nowrap;text-shadow:0 24px 72px #f5f5f029;transform-origin:50% 56%;justify-content:center;font-size:104px;font-weight:900;line-height:.86;display:flex}.intro-signature-letter{transform-origin:50% 70%;display:inline-block}.sr-status{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:fixed;overflow:hidden}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site{width:var(--content);padding:0 0 128px;padding-left:var(--safe-left);padding-right:var(--safe-right);opacity:0;margin:0 auto;position:relative}main{min-height:var(--page-stage-min);position:relative}main.is-transitioning{min-height:var(--page-transition-height,var(--page-stage-min))}main.is-transitioning .page-view{width:100%;position:absolute;top:0;left:0}.topbar{z-index:79;isolation:isolate;background:0 0;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"brand nav sound";align-items:center;gap:18px;min-height:76px;padding:16px 0 18px;display:grid;position:sticky;top:0}.topbar:after{content:none}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.topbar{-webkit-backdrop-filter:none;background:0 0}}.brand{min-height:40px;color:var(--fg);letter-spacing:0;text-transform:none;text-shadow:0 0 18px #d94a2b2e;background:0 0;grid-area:brand;align-items:center;gap:10px;padding:0;font-size:20px;font-weight:850;line-height:1.12;display:inline-flex;position:relative}.brand:before{content:none}.nav-toggle{width:44px;height:44px;color:var(--fg);cursor:pointer;background:0 0;border:1px solid #f5f5f02e;border-radius:12px;flex-direction:column;grid-area:menu;justify-content:center;align-items:center;gap:5px;padding:10px;display:none}.nav-toggle-bar{width:22px;height:2px;transition:transform .22s var(--ease), opacity .22s var(--ease);background:currentColor;border-radius:1px;display:block}.nav-toggle:focus-visible{outline:3px solid var(--fg);outline-offset:4px}.nav-links{min-height:44px;box-shadow:none;background:0 0;border:1px solid #f5f5f02e;border-radius:999px;grid-area:nav;justify-self:center;align-items:center;gap:18px;padding:4px;display:flex;position:relative}.nav-btn{color:#f5f5f09e;min-height:36px;font-size:var(--fs-small);font-family:var(--font-page);letter-spacing:0;text-transform:none;touch-action:manipulation;transition:color .18s var(--ease), border-color .18s var(--ease), background .18s var(--ease), box-shadow .18s var(--ease), transform .18s var(--ease);background:0 0;border:1px solid #0000;border-radius:999px;padding:0 15px;font-weight:800;line-height:1.12;position:relative}.project-index,.project-meta,.player-meta{font-variant-numeric:tabular-nums}.nav-btn:after{content:none}.nav-btn:hover,.nav-btn.active,.nav-btn[aria-current=page]{color:var(--fg);box-shadow:none;text-shadow:0 0 18px #d94a2b61;background:0 0;border-color:#f5f5f047}.nav-btn:active{transform:translateY(1px)scale(.99)}.detail-btn{border:1px solid var(--line);min-height:38px;color:var(--muted);box-shadow:var(--shadow-emboss-soft);font-size:var(--fs-small);letter-spacing:0;transition:color .18s var(--ease), border-color .18s var(--ease), background .18s var(--ease), box-shadow .18s var(--ease), transform .18s var(--ease);background:linear-gradient(#f5f5f008,#0000 54%),repeating-linear-gradient(112deg,#0000 0 9px,#f5f5f005 9px 10px,#0000 10px 18px),0 0;border-radius:999px;padding:0 13px;font-weight:700}.brand:focus-visible,.nav-btn:focus-visible,.detail-btn:focus-visible{outline:3px solid var(--fg);outline-offset:4px}.audio-controls{grid-area:sound;justify-self:end;align-items:center;gap:8px;min-width:40px;display:flex;overflow:visible}.sound-toggle{border:1px solid var(--line);width:40px;min-width:40px;min-height:40px;color:var(--fg);background:var(--surface);box-shadow:var(--shadow-emboss-soft);transition:transform .18s var(--ease), border-color .18s var(--ease), background .18s var(--ease), box-shadow .18s var(--ease);border-radius:999px;place-items:center;display:inline-grid;position:relative}.sound-toggle:after{content:"";background:var(--muted);border-radius:50%;width:6px;height:6px;position:absolute;bottom:9px;right:9px}.sound-icon{font-size:18px;line-height:1;transform:translateY(-1px)}.sound-toggle[aria-pressed=true]{border-color:var(--line-strong);color:#fff;box-shadow:0 0 0 1px var(--line), 0 10px 28px #00000029;background:#000}.sound-toggle[aria-pressed=true]:after{background:var(--accent)}.sound-toggle:focus-visible,.audio-volume-slider:focus-visible{outline:3px solid var(--fg);outline-offset:3px}.audio-volume{opacity:0;pointer-events:none;width:0;min-width:0;transition:width .18s var(--ease), opacity .16s var(--ease), transform .18s var(--ease);align-items:center;gap:6px;display:flex;overflow:hidden;transform:translate(-6px)}.audio-controls:hover .audio-volume,.audio-controls:focus-within .audio-volume{opacity:1;pointer-events:auto;width:112px;transform:translate(0)}.audio-volume-value{width:34px;color:var(--muted);font:800 11px/1 var(--font-page);text-align:right;flex:0 0 34px}.audio-volume-slider{width:72px;min-width:58px;height:24px;accent-color:var(--accent);cursor:pointer}body .bottom-nav-dock .sound-toggle{width:40px;min-width:40px;height:40px;min-height:40px}.detail-btn:hover{color:var(--fg);border-color:var(--line-strong);box-shadow:var(--shadow-emboss-soft), 0 0 18px #f5f5f00b;background:linear-gradient(#f5f5f00e,#0000 54%),repeating-linear-gradient(112deg,#0000 0 9px,#f5f5f006 9px 10px,#0000 10px 18px),#f5f5f00d}.project-card:active,.detail-btn:active{transform:scale(.985)}@media (width<=980px){.audio-controls:hover .audio-volume,.audio-controls:focus-within .audio-volume{width:96px}.audio-volume-slider{width:58px}}@media (width<=640px){body .bottom-nav-dock{left:calc(10px + var(--safe-left));right:calc(10px + var(--safe-right));transform:none}body .bottom-nav-dock:hover,body .bottom-nav-dock:focus-within,body .bottom-nav-dock.is-open{transform:none}.audio-controls{gap:6px}body .bottom-nav-dock .audio-controls{flex:none}.audio-controls:hover .audio-volume,.audio-controls:focus-within .audio-volume{width:58px}.audio-volume-value{display:none}body .bottom-nav-dock.is-open .audio-volume{opacity:1;pointer-events:auto;flex:0 0 58px;width:58px;min-width:58px;transform:translate(0)}.intro-handwrite{min-height:118px}.intro-signature-word{font-size:58px}main.is-transitioning{min-height:var(--page-stage-min);overflow:hidden}}.hero{min-height:var(--page-stage-min);border-bottom:1px solid var(--line);padding:clamp(18px,3vw,38px) 0 clamp(38px,6vw,78px);display:block;position:relative}.hero-main{z-index:2;position:relative}.hero-slice-stage{min-height:clamp(650px, calc(var(--page-stage-min) - 32px), 860px);--hero-perspective-x:50%;--hero-perspective-y:44%;isolation:isolate;perspective:clamp(820px,72vw,1320px);perspective-origin:var(--hero-perspective-x) var(--hero-perspective-y);background:0 0;position:relative;overflow:visible}.hero-slice-field{z-index:8;--hero-camera-x:0deg;--hero-camera-y:0deg;--hero-camera-z:0px;--hero-align-progress:0;--hero-view-glow:0;--hero-vanishing-x:50%;--hero-vanishing-y:42%;--restored-image-x:0px;--restored-image-y:0px;--restored-scroll-y:0px;--restored-image-scale:1.028;--restored-overlay-opacity:0;transform:translateX(-50%) rotateX(var(--hero-camera-x)) rotateY(var(--hero-camera-y)) translateZ(var(--hero-camera-z));transform-origin:50%;transform-style:preserve-3d;will-change:transform;aspect-ratio:1916/821;width:min(1120px,100vw - 214px);transition:transform .18s ease-out;position:absolute;top:148px;left:50%}.hero-slice-field:before{content:"";z-index:6;opacity:0;pointer-events:none;transform:translate3d(var(--restored-image-x), calc(var(--restored-image-y) + var(--restored-scroll-y)), -86px) scale(var(--restored-image-scale));transform-origin:50%;will-change:transform, opacity;background:url(/assets/misayos-BiM0GhkK.png) 50%/contain no-repeat;transition:transform .14s ease-out;position:absolute;inset:0}.hero-slice-field:after{content:"";z-index:5;background:radial-gradient(circle at var(--hero-vanishing-x) var(--hero-vanishing-y), #f5f5f02e, #6cddd614 22%, transparent 52%), radial-gradient(circle at calc(100% - var(--hero-vanishing-x)) calc(100% - var(--hero-vanishing-y)), #e646661a, transparent 48%);opacity:0;pointer-events:none;mix-blend-mode:screen;transition:opacity .18s ease-out;position:absolute;inset:-12%;transform:translateZ(-128px)}.hero-slice-stage.is-restored .hero-slice-field{--restored-overlay-opacity:0}.hero-slice-stage.is-restored.is-animating .hero-slice-field:before,.hero-slice-stage.is-restored-visual.is-animating .hero-slice-field:before{will-change:opacity, transform;transition-delay:0s}.hero-slice{z-index:calc(10 + var(--slice-layer,0));--slice-tilt-x:0deg;--slice-tilt-y:0deg;--slice-depth-x:0px;--slice-depth-y:0px;--slice-depth-z:0px;--slice-align-x:0px;--slice-align-y:0px;--slice-align-rotation:0deg;--slice-image-x:0px;--slice-image-y:0px;--slice-glare-x:52%;--slice-glare-y:38%;--slice-layer:0;min-width:0;min-height:0;color:inherit;background:radial-gradient(circle at var(--slice-glare-x) var(--slice-glare-y), #ffffff47, #ffffff12 18%, transparent 42%), linear-gradient(122deg, #ffffff3d, #ffffff0a 23%, #00000014 52%, #ffffff14 78%, #00000038), #08080842;box-shadow:0 32px 74px #0000009e, 0 10px 24px #ffffff06, 0 0 0 1px #00000061, inset 0 1px 0 #ffffff47, inset 1px 0 0 #ffffff1f, inset -1px 0 0 #00000070, inset 0 -36px 62px #00000057, inset 1px 1px 0 var(--edge-emboss-light), inset -1px -1px 0 var(--edge-emboss-dark);transform:translate3d(var(--slice-depth-x), var(--slice-depth-y), var(--slice-depth-z)) translate3d(var(--slice-align-x), var(--slice-align-y), 0) rotate(var(--slice-align-rotation)) var(--scatter-transform) rotateX(var(--slice-tilt-x)) rotateY(var(--slice-tilt-y));transform-origin:50%;transform-style:preserve-3d;transition:transform .26s ease-out, opacity .42s var(--ease), border-color .42s var(--ease), box-shadow .42s var(--ease), clip-path .9s var(--ease);border:1px solid #ffffff2e;padding:0;display:block;position:absolute;overflow:hidden}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.hero-slice{background:radial-gradient(circle at var(--slice-glare-x) var(--slice-glare-y), #ffffff57, #ffffff14 18%, transparent 42%), linear-gradient(122deg, #ffffff42, #ffffff0d 23%, #00000014 52%, #ffffff17 78%, #0003), #08080829;-webkit-backdrop-filter:blur(18px)saturate(1.36)brightness(1.06)}}.hero-slice:hover,.hero-slice:focus-visible{transform:translate3d(var(--slice-depth-x), var(--slice-depth-y), var(--slice-depth-z)) translate3d(var(--slice-align-x), var(--slice-align-y), 0) rotate(var(--slice-align-rotation)) var(--scatter-transform) rotateX(var(--slice-tilt-x)) rotateY(var(--slice-tilt-y));border-color:#f5f5f047;box-shadow:0 38px 92px #000000a8,0 0 0 1px #00000052,0 0 34px #f5f5f00e,inset 0 1px #ffffff52,inset 0 -34px 58px #00000042}.hero-slice:focus-visible{z-index:12;outline:3px solid var(--fg);outline-offset:5px}.hero-slice img{left:var(--img-left);top:var(--img-top);width:var(--img-w);height:var(--img-h);object-fit:contain;object-position:50% 50%;pointer-events:none;max-width:none;transform:translate3d(var(--slice-image-x), var(--slice-image-y), 0) scale(1.035);transform-origin:50%;will-change:transform;transition:transform .16s ease-out;display:block;position:absolute}.hero-slice:before{content:"";z-index:1;background:radial-gradient(circle at var(--slice-glare-x) var(--slice-glare-y), #ffffff61, #ffffff1a 16%, transparent 34%), linear-gradient(104deg, transparent 4%, #ffffff36 11%, transparent 20%, transparent 62%, #6cddd614 77%, transparent 91%), repeating-linear-gradient(112deg, transparent 0 8px, #f5f5f006 8px 9px, transparent 9px 18px), repeating-linear-gradient(24deg, transparent 0 14px, #f5f5f003 14px 15px, transparent 15px 27px), linear-gradient(90deg, #00000047, transparent 11%, transparent 87%, #0000007a);opacity:.82;mix-blend-mode:screen;pointer-events:none;transition:opacity .36s var(--ease);position:absolute;inset:0;box-shadow:inset 1px 0 #ffffff2e,inset -1px 0 #0000006b,inset 0 0 28px #ffffff06}.hero-slice:after{content:"";z-index:2;opacity:.92;pointer-events:none;transition:opacity .36s var(--ease);background:linear-gradient(135deg,#fff3,#ffffff0f 15%,#0000 33% 64%,#ffffff12 82%,#0000004d),linear-gradient(42deg,#51d1ca1c,#0000 20% 76%,#e646661a),linear-gradient(#ffffff14,#0000 42%,#00000038),repeating-linear-gradient(112deg,#f5f5f005 0 1px,#0000 1px 11px),repeating-linear-gradient(24deg,#f5f5f003 0 1px,#0000 1px 17px),repeating-linear-gradient(90deg,#f5f5f007 0 1px,#0000 1px 8px);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff0a,inset 0 1px #ffffff29,inset 22px 0 62px #ffffff0e,inset -30px -40px 72px #00000057}.hero-slice-stage.is-animating .hero-slice{z-index:10;will-change:transform, opacity;transition-property:opacity}.hero-slice.gsap-motion-lock{pointer-events:none}.hero-slice-stage.is-restoring .hero-slice{box-shadow:none;border-color:#0000}.hero-slice-stage.is-restoring .hero-slice img{transform:translate(0)scale(1.012)}.hero-slice-stage.is-restoring .hero-slice:before,.hero-slice-stage.is-restoring .hero-slice:after{opacity:0}.hero-slice-stage.is-view-seeking .hero-slice{border-color:#f5f5f03d}.hero-slice-stage.is-view-aligned .hero-slice{box-shadow:0 40px 96px #000000a3,0 0 40px #6cddd612,0 0 0 1px #f5f5f014,inset 0 1px #ffffff47,inset 0 -34px 58px #0000003d}.slice-a{clip-path:polygon(0 0,100% 0,92% 100%,0 86%);--img-w:172.42%;--img-h:208.34%;--img-left:0%;--img-top:0%;--scatter-transform:translate3d(-42px, 18px, 0) rotate(-5deg);--hover-transform:translate3d(-42px, 8px, 0) rotate(-4deg);--slice-depth-z:48px;--slice-layer:2;--slice-glare-x:42%;--slice-glare-y:24%;width:58%;height:48%;top:0;left:0}.slice-b{clip-path:polygon(8% 0,100% 10%,100% 100%,0 92%);--img-w:238.1%;--img-h:263.16%;--img-left:-138.1%;--img-top:0%;--scatter-transform:translate3d(34px, -28px, 0) rotate(4deg);--hover-transform:translate3d(34px, -36px, 0) rotate(3deg);--slice-depth-z:92px;--slice-layer:3;--slice-glare-x:58%;--slice-glare-y:22%;width:42%;height:38%;top:0;left:58%}.slice-c{clip-path:polygon(0 4%,95% 0,100% 100%,8% 92%);--img-w:263.16%;--img-h:192.31%;--img-left:0%;--img-top:-92.31%;--scatter-transform:translate3d(-34px, 42px, 0) rotate(5.5deg);--hover-transform:translate3d(-42px, 34px, 0) rotate(4deg);--slice-depth-z:-34px;--slice-layer:1;--slice-glare-x:36%;--slice-glare-y:48%;width:38%;height:52%;top:48%;left:0}.slice-d{clip-path:polygon(4% 0,100% 6%,94% 100%,0 100%);--img-w:270.27%;--img-h:161.29%;--img-left:-102.7%;--img-top:-61.29%;--scatter-transform:translate3d(8px, -10px, 0) rotate(-2.5deg);--hover-transform:translate3d(8px, -20px, 0) rotate(-1.4deg);--slice-depth-z:128px;--slice-layer:4;--slice-glare-x:50%;--slice-glare-y:40%;width:37%;height:62%;top:38%;left:38%}.slice-e{clip-path:polygon(0 0,100% 8%,92% 100%,8% 94%);--img-w:400%;--img-h:161.29%;--img-left:-300%;--img-top:-61.29%;--scatter-transform:translate3d(42px, 36px, 0) rotate(6deg);--hover-transform:translate3d(48px, 26px, 0) rotate(4.5deg);--slice-depth-z:30px;--slice-layer:2;--slice-glare-x:66%;--slice-glare-y:38%;width:25%;height:62%;top:38%;left:75%}.hero-slice-stage.is-restored .hero-slice{--scatter-transform:translate3d(0, 0, 0) rotate(0deg);--slice-depth-z:0px;--slice-depth-x:0px;--slice-depth-y:0px;--slice-align-x:0px;--slice-align-y:0px;--slice-align-rotation:0deg;--slice-tilt-x:0deg;--slice-tilt-y:0deg;z-index:10;box-shadow:none;clip-path:polygon(-1% -1%,101% -1%,101% 101%,-1% 101%);border-width:0;border-color:#0000;transition-property:opacity,border-color,box-shadow,clip-path;transform:translate(0)rotate(0)}.hero-slice-stage.is-restored .hero-slice:hover,.hero-slice-stage.is-restored .hero-slice:focus-visible{z-index:auto;box-shadow:none;border-color:#0000;transform:translate(0)rotate(0)}.hero-slice-stage.is-restored .hero-slice img{transition:none;transform:translate(0)scale(1)}.hero-slice-stage.is-restored .hero-slice:focus-visible{z-index:12}.hero-slice-stage.is-restored .hero-slice:before,.hero-slice-stage.is-restored .hero-slice:after{opacity:0}.hero-slice-index{z-index:30;color:#f5f5f08a;letter-spacing:0;text-transform:none;font-size:11px;font-weight:800;line-height:1.3;position:absolute}.hero-slice-index.top{top:92px;right:42px}.hero-slice-index.bottom{text-align:center;bottom:34px;left:42px;right:42px}.kicker{color:var(--muted);font-size:var(--fs-small);letter-spacing:0;text-transform:none;margin-bottom:22px;font-weight:750;line-height:1.5}.section-title,.about-title,.contact-title{text-transform:none;letter-spacing:0;margin:0;font-weight:900;line-height:1.04}.hero-copy{z-index:31;width:auto;max-width:none;color:var(--muted);font-family:var(--font-page);font-size:var(--fs-body);text-align:center;text-shadow:0 4px 18px #000000db;pointer-events:none;margin:0;font-weight:500;line-height:1.38;position:absolute;bottom:132px;left:42px;right:42px}.hero-copy strong{color:var(--fg);font-weight:700}.hero-actions{z-index:32;justify-content:center;gap:12px;width:min(480px,100%);padding:0 18px;display:flex;position:absolute;bottom:66px;left:50%;transform:translate(-50%)}.hero-cta{appearance:none;min-width:136px;min-height:44px;color:var(--fg);font-family:var(--font-page);letter-spacing:0;text-align:center;cursor:pointer;background:linear-gradient(135deg,#f5f5f033,#f5f5f00f 42%,#00000057),#0808088f;border:1px solid #f5f5f047;border-radius:999px;padding:0 20px;font-size:15px;font-weight:800;line-height:1;transition:border-color .18s,box-shadow .18s,color .18s,transform .18s;box-shadow:0 18px 42px #0000006b,inset 0 1px #ffffff2e,inset 0 -16px 30px #0000002e}.hero-cta:hover,.hero-cta:focus-visible{border-color:#f5f5f094;transform:translateY(-2px);box-shadow:0 22px 52px #00000080,0 0 34px #6cddd61a,inset 0 1px #ffffff42,inset 0 -16px 28px #0000002e}.hero-cta:focus-visible{outline:3px solid var(--fg);outline-offset:4px}.hero-cta-primary{color:#080808;background:linear-gradient(135deg, #fffffff5, #d8f5f0d6 58%, #f5f5f0b8), var(--fg)}.hero-cta-secondary{color:var(--fg);border-color:#6cddd64d}.section-head{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;padding:54px 0 24px;display:grid}#blogView .kicker,#blogView .section-title{font-family:var(--font-cjk)}#blogView .section-head{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:end;min-height:0;padding:clamp(72px,8vw,112px) 0 clamp(34px,4.2vw,54px);overflow:visible}#blogView .section-head>div:first-child{max-width:min(940px,66vw)}#blogView .kicker{color:var(--muted);font-size:14px;font-weight:800}.section-title,#blogView .section-title{max-width:980px;font-family:var(--font-display);letter-spacing:0;text-shadow:none;text-wrap:balance;margin-top:10px;font-size:clamp(60px,8vw,112px);line-height:.95}.section-desc{max-width:680px;color:var(--muted);font-size:var(--fs-body);margin:12px 0 0;font-weight:500;line-height:1.78}#blogView .section-desc{max-width:620px}#blogView .section-head:before,#blogView .section-head:after{content:none}.work-lanes{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.work-lane{border:1px solid var(--line);min-height:44px;color:var(--muted);box-shadow:none;background:#fff;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:12px;font-weight:800;line-height:1;display:inline-flex}.work-lane span{color:var(--accent);font-variant-numeric:tabular-nums}.work-lane.active,.work-lane[aria-pressed=true],.work-lane:hover,.work-lane:focus-visible{color:var(--fg);border-color:var(--line-strong);background:#fff}.projects,.projects.grid-mode,.projects.grid-mode.awards-directory-mode{min-height:auto;box-shadow:none;perspective:none;transform-style:flat;isolation:isolate;background:0 0;border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(26px,2.8vw,40px);padding:clamp(44px,5vw,66px) 0 clamp(92px,8vw,132px);display:grid;position:relative;overflow:visible}.project-card{--card-tilt-x:0deg;--card-tilt-y:0deg;--card-text-shift:0px;--card-text-shift-soft:0px;z-index:1;min-width:0;min-height:0;color:var(--fg);box-shadow:none;text-align:left;cursor:default;opacity:1;transition:transform .22s var(--ease);background:0 0;border:0;border-radius:0;grid-template-rows:auto 1fr;gap:14px;margin:0;padding:0;display:grid;position:relative;overflow:visible;transform:none}.project-card>*,.project-card .cover,.project-card .project-title,.project-card .project-meta{min-width:0;max-width:100%}.project-card:before,.project-card:after{content:none}.project-card:hover,.project-card:focus-within,.project-card.expanded{transform:translateY(-3px)}.cover{aspect-ratio:16/10;width:100%;color:inherit;background:var(--surface-2);cursor:pointer;transform:perspective(900px) rotateX(var(--card-tilt-y)) rotateY(var(--card-tilt-x));transform-origin:50%;transition:transform .26s var(--ease), box-shadow .26s var(--ease);will-change:transform;border:0;border-radius:16px;margin:0;padding:0;display:block;position:relative;overflow:hidden;box-shadow:0 18px 48px #0000001f}.cover:before,.cover:after{content:none}.cover img{--cover-parallax-y:0px;object-fit:cover;filter:saturate(1.02)contrast(1.04)brightness(1.02);width:100%;height:100%;transform:translate3d(0, var(--cover-parallax-y), 0) scale(1.02);transition:transform .42s var(--ease), filter .42s var(--ease);will-change:transform;display:block}.project-card:hover .cover img,.project-card:focus-within .cover img,.project-card.expanded .cover img{filter:saturate(1.08)contrast(1.06)brightness(1.04);transform:translate3d(0, var(--cover-parallax-y), 0) scale(1.055)}.cover-label{z-index:4;color:#fff;letter-spacing:0;text-shadow:0 1px 8px #00000070;text-transform:none;font-size:10px;font-weight:700;position:absolute;bottom:10px;left:12px}.play-badge{z-index:5;color:#000;opacity:0;width:64px;height:64px;transition:opacity .22s var(--ease), transform .22s var(--ease), background .22s var(--ease);pointer-events:none;background:#fff;border:0;border-radius:999px;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.92);box-shadow:0 12px 28px #0000002e}.play-badge:before{content:"";border-top:10px solid #0000;border-bottom:10px solid #0000;border-left:16px solid;width:0;height:0;margin-left:4px}.project-card:hover .play-badge,.project-card:focus-within .play-badge,.project-card.expanded .play-badge,.cover:focus-visible .play-badge{opacity:1;transform:translate(-50%,-50%)scale(1)}.project-card>div{gap:8px;display:grid}.project-top{justify-content:space-between;align-items:center;gap:14px;margin:0;display:flex}.project-index{color:var(--subtle);font-size:var(--fs-small);letter-spacing:0;font-weight:700}.tag{border:1px solid var(--line);min-height:24px;color:var(--fg);letter-spacing:0;text-transform:none;background:#fff;border-radius:999px;align-items:center;padding:0 9px;font-size:clamp(10px,3vw,11px);font-weight:750;display:inline-flex}.project-title{min-height:0;color:var(--fg);letter-spacing:0;overflow-wrap:anywhere;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;transform:translate3d(0, var(--card-text-shift), 0);transition:transform .26s var(--ease), color .26s var(--ease);will-change:transform;-webkit-box-orient:vertical;margin:0;font-size:clamp(26px,2.45vw,36px);font-weight:850;line-height:1.15;display:-webkit-box;overflow:hidden}.project-meta{color:var(--muted);font-size:var(--fs-small);letter-spacing:0;transform:translate3d(0, var(--card-text-shift-soft), 0);transition:transform .26s var(--ease);will-change:transform;margin:0;font-weight:600;line-height:1.55}@media (width<=1100px){.projects,.projects.grid-mode,.projects.grid-mode.awards-directory-mode{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=980px){#blogView .section-head{grid-template-columns:1fr;padding-top:46px}#blogView .section-head>div:first-child{max-width:none}#blogView .section-title{font-size:clamp(36px,10vw,58px);line-height:1}.work-lanes{justify-content:flex-start}.projects,.projects.grid-mode,.projects.grid-mode.awards-directory-mode{grid-template-columns:1fr;gap:24px;padding-top:30px}.project-card{grid-template-columns:1fr;gap:12px;display:grid;transform:none!important}.cover{aspect-ratio:16/10;width:100%;height:auto}}@media (width<=640px){.work-lanes{gap:8px}.work-lane{padding:0 11px;font-size:11px}}.player-actions .detail-btn{white-space:nowrap;vertical-align:middle;justify-content:center;align-items:center;min-width:118px;height:38px;margin:0;line-height:1;display:inline-flex}.about-grid,.contact-grid{min-height:var(--page-stage-min);border-bottom:1px solid var(--line);grid-template-columns:minmax(0,min(840px,100%));justify-content:center;align-items:center;padding:72px 0;display:grid}.about-grid>*,.contact-grid>*{min-width:0}.about-title,.contact-title{font-size:var(--fs-h2);line-height:1.04}.about-text,.contact-text{max-width:740px;color:var(--muted);font-size:var(--fs-body);margin:18px 0 0;font-weight:500;line-height:1.85}.channel-heading{gap:14px;display:grid}.channel-heading .about-text,.channel-heading .contact-text{margin:0}.channel-directions,.channel-actions{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.channel-direction{border:1px solid var(--line);color:var(--muted);font-size:var(--fs-small);padding:7px 10px}.about-current-work{border:1px solid var(--line);background:var(--surface-2);grid-template-columns:minmax(0,1.15fr) minmax(190px,.85fr);gap:0;margin-top:34px;display:grid}.about-current-work-cover{aspect-ratio:16/9;cursor:pointer;background:#000;border:0;min-width:0;padding:0;display:block;overflow:hidden}.about-current-work-cover img{object-fit:cover;width:100%;height:100%;transition:transform .22s var(--ease);display:block}.about-current-work-cover:hover img,.about-current-work-cover:focus-visible img{transform:scale(1.035)}.about-current-work-meta{border-left:1px solid var(--line);align-content:start;gap:12px;padding:clamp(18px,3vw,30px);display:grid}.about-current-work-meta h3{overflow-wrap:anywhere;margin:0;font-size:clamp(22px,3vw,38px);line-height:1.1}.about-current-work-meta p,.about-current-work-action{color:var(--muted);font-size:var(--fs-small);margin:0;line-height:1.6}.about-empty{margin-top:28px}.channel-route{border:1px solid var(--line-strong);min-height:44px;color:var(--fg);font:inherit;cursor:pointer;background:0 0;padding:10px 16px}.channel-route:hover,.channel-route:focus-visible{border-color:var(--fg);background:var(--surface-2)}.contact-platforms{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:34px;display:grid}.contact-platform{border:1px solid var(--line);min-width:0;min-height:96px;color:var(--fg);background:var(--surface-2);justify-content:space-between;align-items:center;gap:16px;padding:20px;text-decoration:none;display:flex}.contact-platform:hover,.contact-platform:focus-visible{border-color:var(--line-strong);transform:translateY(-2px)}.contact-platform-copy{gap:5px;min-width:0;display:grid}.contact-platform-copy strong{font-size:clamp(20px,2vw,28px)}.contact-platform-copy span{color:var(--muted);overflow-wrap:anywhere}.contact-platform-arrow{flex:none;font-size:24px}.info-card{border:1px solid var(--line);background:radial-gradient(circle at 20% 10%, #ffffff14, transparent 30%), repeating-linear-gradient(112deg, transparent 0 10px, #f5f5f002 10px 11px, transparent 11px 21px), linear-gradient(145deg, #ffffff0b, transparent 46%), linear-gradient(180deg, #f5f5f007, #f5f5f002), var(--surface);box-shadow:var(--shadow-material-soft), var(--shadow-emboss-soft);align-self:start;padding:22px;position:relative;overflow:hidden}.info-card:before{content:"";opacity:.56;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff0b,#0000),repeating-linear-gradient(112deg,#0000 0 9px,#f5f5f003 9px 10px,#0000 10px 18px),repeating-linear-gradient(90deg,#f5f5f005 0 1px,#0000 1px 8px);position:absolute;inset:0}.info-card>*{z-index:1;position:relative}.info-card .label{color:var(--muted);font-size:var(--fs-small);letter-spacing:0;text-transform:none;font-weight:700;line-height:1.5;display:block}.info-card strong{letter-spacing:0;word-break:break-word;margin-top:14px;font-size:clamp(26px,4vw,48px);font-weight:850;line-height:1.04;display:block}body.player-open{overflow:hidden}.video-player{z-index:80;overscroll-behavior:contain;background:#0000008f;place-items:center;padding:clamp(14px,3vw,34px);display:grid;position:fixed;inset:0}.video-player.is-closing{pointer-events:none}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.video-player{-webkit-backdrop-filter:blur(8px);background:#00000075}}.player-shell{border:1px solid var(--line-strong);width:min(1460px,100%);max-height:min(900px,100dvh - 28px);box-shadow:0 42px 120px #000000b8, 0 0 0 1px #f5f5f00e, inset 0 1px 0 #ffffff14, var(--shadow-emboss-soft);background:radial-gradient(circle at 74% 8%,#f5f5f00e,#0000 28%),repeating-linear-gradient(112deg,#0000 0 10px,#f5f5f002 10px 11px,#0000 11px 21px),linear-gradient(145deg,#ffffff0a,#0000 42%),#030303;grid-template-columns:minmax(0,1fr) minmax(360px,clamp(380px,32vw,460px));display:grid;position:relative;overflow:hidden}.player-frame-wrap{aspect-ratio:16/9;border-right:1px solid var(--line);background:#000;position:relative}.player-frame-wrap iframe{background:#000;border:0;width:100%;height:100%;position:absolute;inset:0}.player-info{background:linear-gradient(#f5f5f007,#0000 36%),repeating-linear-gradient(112deg,#f5f5f002 0 1px,#0000 1px 10px),repeating-linear-gradient(90deg,#f5f5f004 0 1px,#0000 1px 9px);align-content:start;gap:18px;min-width:0;padding:clamp(18px,3vw,30px);display:grid;overflow:hidden auto}.player-head{justify-content:space-between;align-items:center;gap:16px;min-width:0;display:flex}.player-close{border:1px solid var(--line);min-width:42px;min-height:42px;color:var(--fg);box-shadow:var(--shadow-emboss-soft);transition:background .18s var(--ease), box-shadow .18s var(--ease), transform .18s var(--ease);background:radial-gradient(circle at 34% 24%,#ffffff1f,#0000 38%),repeating-linear-gradient(112deg,#0000 0 9px,#f5f5f005 9px 10px,#0000 10px 18px),0 0;border-radius:999px;place-items:center;font-size:0;line-height:1;display:grid}.player-close:hover{box-shadow:var(--shadow-emboss-soft), 0 0 20px #f5f5f00b;background:radial-gradient(circle at 34% 24%,#ffffff29,#0000 38%),repeating-linear-gradient(112deg,#0000 0 9px,#f5f5f005 9px 10px,#0000 10px 18px),#f5f5f014}.player-title{letter-spacing:0;white-space:normal;overflow-wrap:anywhere;max-width:100%;margin:0;padding-bottom:0;font-size:clamp(15px,1.35vw,23px);font-weight:850;line-height:1.24}.player-desc{color:var(--muted);white-space:pre-wrap;margin:0;font-size:14px;font-weight:500;line-height:1.78}.player-meta{border-top:1px solid var(--line);color:var(--muted);font-size:var(--fs-small);letter-spacing:0;text-transform:none;gap:10px;padding-top:18px;font-weight:700;line-height:1.55;display:grid}.player-actions{flex-wrap:wrap;gap:10px;display:flex}.hidden{display:none!important}.page-view{width:100%;position:relative}.page-view.inactive{visibility:hidden;opacity:0;pointer-events:none;display:none}.reveal-block{opacity:1;transform:none}:focus-visible{outline:3px solid var(--fg);outline-offset:4px}@media (width<=980px){:root{--topbar-space:102px}.topbar{justify-content:space-between;align-items:center;gap:12px;padding-bottom:16px;display:flex;position:sticky;top:0}.brand{justify-self:start;min-height:44px}.nav-toggle{display:flex}.nav-links{width:min(280px, calc(100vw - 32px - var(--safe-left) - var(--safe-right)));-webkit-backdrop-filter:blur(12px);z-index:90;scrollbar-width:auto;background:#050505eb;border:1px solid #f5f5f02e;border-radius:16px;flex-direction:column;align-items:stretch;gap:4px;padding:10px;display:none;position:absolute;top:calc(100% + 8px);left:auto;right:0;overflow-x:visible;box-shadow:0 24px 60px #0000008c}.nav-links::-webkit-scrollbar{display:block}.nav-links.is-open{animation:navReveal .22s var(--ease) both;display:flex}@keyframes navReveal{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.nav-btn{text-align:left;border-radius:12px;justify-content:flex-start;width:100%;min-height:48px;padding:12px 16px;font-size:15px}.hero,.about-grid,.contact-grid{grid-template-columns:1fr}.about-text,.contact-text{line-height:1.72}.hero-slice-stage{min-height:720px}.hero-slice-field{width:min(88%,100vw - 178px);top:244px;left:50%}.hero-copy{width:auto;bottom:138px;left:28px;right:28px}.hero-actions{width:min(460px,100%);bottom:76px}.hero-slice-index.bottom{bottom:42px;left:28px;right:28px}.projects{grid-template-columns:repeat(2,minmax(0,1fr))}.projects.grid-mode{perspective:none;contain:none;background:0 0;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;min-height:auto;padding:1px 0 0 1px;display:grid}.projects.grid-mode:before,.projects.grid-mode:after{display:none}.projects.grid-mode .project-card{z-index:1;width:auto;min-height:360px;margin:-1px 0 0 -1px;position:relative;top:auto;left:auto;transform:none;box-shadow:0 16px 34px #00000070,0 6px #00000052,inset 0 -24px 38px #00000038;filter:none!important;opacity:1!important}.projects.grid-mode .project-card .cover,.projects.grid-mode .project-card .project-title,.projects.grid-mode .project-card .project-meta,.projects.grid-mode .project-card .project-top{transform:none}.projects.grid-mode.is-focus .project-card{pointer-events:auto}.projects.grid-mode .project-card.is-focused{z-index:8;border-color:#f5f5f094;box-shadow:0 22px 70px #00000080}.player-shell{grid-template-columns:1fr;overflow:auto}.player-frame-wrap{border-right:0;border-bottom:1px solid var(--line)}}@media (width<=640px){:root{--content:min(100vw - 16px - var(--safe-left) - var(--safe-right), 1360px);--fs-hero:clamp(52px, 18vw, 92px);--fs-body:clamp(15px, 4.2vw, 17px)}body:before{background-size:42px 42px}.site{padding-top:0}.hero{min-height:auto;padding-top:34px}.hero-slice-stage{min-height:560px}.hero-slice-field{width:min(94vw,360px);top:126px;left:50%}.hero-slice-index.top{top:152px;right:14px}.hero-slice-index.bottom{text-align:center;bottom:34px;left:14px;right:14px}.hero-copy{width:auto;max-width:none;font-family:var(--font-page);text-align:center;line-height:1.38;bottom:142px;left:14px;right:14px;transform:none}.hero-actions{gap:10px;width:min(100%,340px);padding:0 10px;bottom:82px}.hero-cta{min-width:118px;min-height:48px;font-family:var(--font-page);padding:0 16px;font-size:14px}.section-head{grid-template-columns:1fr;padding-top:46px}.projects,.projects.grid-mode{grid-template-columns:1fr;gap:24px;padding:30px 0 0}.projects.grid-mode .project-card,.project-card{min-height:0}.projects.grid-mode .project-card{grid-template-rows:auto;grid-template-columns:1fr;align-items:start;gap:12px;padding:0;display:grid}.projects.grid-mode .project-card .cover{aspect-ratio:16/10;grid-area:auto;width:100%;height:auto;margin:0}.projects.grid-mode .project-card>div{align-content:start;gap:8px;display:grid}.projects.grid-mode .project-card .project-top,.projects.grid-mode .project-card .project-meta{margin:0}.projects.grid-mode .project-card .project-title{-webkit-line-clamp:2;line-clamp:2;min-height:0;font-size:clamp(18px,5vw,22px)}.topbar{min-height:64px;padding:12px 0}.brand{font-size:18px}.nav-toggle{width:44px;height:44px}.nav-btn,.detail-btn{min-height:44px}.nav-btn{padding:0 13px}.nav-links{width:auto;left:16px;right:16px}.project-card:hover{background:var(--bg)}.video-player{align-items:center;padding:10px}.player-shell{max-height:calc(100dvh - 20px)}.player-info{padding:18px}.about-channel,.contact-channel{padding-block:48px}.about-current-work,.contact-platforms{grid-template-columns:1fr}.about-current-work-meta{border-top:1px solid var(--line);border-left:0}.about-current-work-cover{width:100%}}.about-tags{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.about-tag{border:1px solid var(--line);min-height:28px;color:var(--muted);letter-spacing:0;transition:color .18s var(--ease), border-color .18s var(--ease), background .18s var(--ease);border-radius:999px;align-items:center;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.about-tag:hover{color:var(--fg);border-color:var(--line-strong);background:#f5f5f00a}.about-links{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.about-link{border:1px solid var(--line);min-height:40px;color:var(--fg);transition:border-color .18s var(--ease), background .18s var(--ease), transform .18s var(--ease);border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:700;display:inline-flex}.about-link:hover{border-color:var(--line-strong);background:#f5f5f00f;transform:translateY(-1px)}.about-link:focus-visible{outline:3px solid var(--fg);outline-offset:3px}.about-link-icon{flex-shrink:0}.contact-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;max-width:480px;margin-top:22px;display:grid}.contact-card{border:1px solid var(--line);background:radial-gradient(circle at 18% 0%, #ffffff0b, transparent 48%), var(--surface);box-shadow:var(--shadow-material-soft), var(--shadow-emboss-soft);transition:border-color .18s var(--ease), box-shadow .18s var(--ease), transform .18s var(--ease);border-radius:8px;gap:4px;padding:18px;text-decoration:none;display:grid}.contact-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-material), var(--shadow-emboss-soft);transform:translateY(-2px)}.contact-card:focus-visible{outline:3px solid var(--fg);outline-offset:3px}.contact-card-label{color:var(--muted);font-size:var(--fs-small);letter-spacing:0;font-weight:700}.contact-card-handle{color:var(--fg);letter-spacing:0;font-size:16px;font-weight:800}.responsive-picture,.responsive-picture img{width:100%;height:100%;display:block}:root{--route-transition-layer-bg:linear-gradient(180deg, #000000eb, #080706db), repeating-linear-gradient(90deg, #ffffff0e 0 1px, transparent 1px 42px);--route-transition-layer-sheen:linear-gradient(100deg, transparent 0 18%, #ffffff1f 42%, transparent 66%), repeating-linear-gradient(0deg, #ffffff0b 0 1px, transparent 1px 9px);--route-transition-layer-frame:linear-gradient(180deg, #ffffff14, transparent 18%, transparent 82%, #ffffff14), repeating-linear-gradient(0deg, transparent 0 3px, #00000040 3px 4px);--route-transition-veil-bg:#020202;--route-transition-dream-bg:linear-gradient(108deg, transparent 0 24%, #ffffff29 44%, transparent 62%), repeating-linear-gradient(90deg, #ffffff09 0 1px, transparent 1px 30px), linear-gradient(180deg, #fffaf224, #0f0d0c14);--route-transition-shutter-bg:linear-gradient(104deg, transparent 0 19%, #000000b8 34%, #020202 48%, #000000b8 62%, transparent 79%), linear-gradient(90deg, transparent, #ffffff14, transparent);--route-transition-letterbox-height:clamp(68px, 14.6svh, 150px);--route-transition-letterbox-bg:linear-gradient(180deg, #000, #050505), repeating-linear-gradient(90deg, #ffffff12 0 1px, transparent 1px 58px);--route-transition-frame-line-bg:linear-gradient(90deg, transparent, #fff8e8b8, transparent);--route-transition-frame-inset-x:7vw;--route-transition-grain-bg:repeating-linear-gradient(0deg, #ffffff0a 0 1px, transparent 1px 3px), repeating-linear-gradient(90deg, #0000002e 0 1px, transparent 1px 5px);--route-transition-grain-blend:screen}.ripple-target{position:relative;overflow:hidden}.ripple-target:after{content:"";background:radial-gradient(circle at var(--rx,50%) var(--ry,50%), #f5f5f026 0%, transparent 60%);opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;position:absolute;inset:0;transform:scale(0)}.ripple-target:active:after{opacity:1;transform:scale(2.5)}.nav-indicator{background:var(--fg);pointer-events:none;border-radius:1px;height:2px;transition:left .35s cubic-bezier(.16,1,.3,1),width .35s cubic-bezier(.16,1,.3,1);position:absolute;bottom:6px}.page-hint,.page-hint.visible{display:none}.page-hint:before{content:none}@keyframes hintBounce{0%,to{transform:rotate(45deg)translateY(0)}50%{transform:rotate(45deg)translateY(5px)}}.gsap-motion-lock{transition-property:color,background,background-color,border-color,box-shadow!important}.route-transition-layer{z-index:88;visibility:hidden;pointer-events:none;background:var(--route-transition-layer-bg);opacity:0;contain:paint;will-change:opacity;position:fixed;inset:0;overflow:hidden}.route-transition-layer:before,.route-transition-layer:after{content:"";pointer-events:none;position:absolute;inset:0}.route-transition-layer:before{opacity:.24;background:var(--route-transition-layer-sheen);transform:translate(-8%)scaleX(1.18)}.route-transition-layer:after{opacity:.3;background:var(--route-transition-layer-frame)}.route-transition-veil,.route-transition-rgb,.route-transition-dream-field,.route-transition-shutter,.route-transition-letterbox,.route-transition-frame-line,.route-transition-grain{pointer-events:none;position:absolute}.route-transition-veil{background:var(--route-transition-veil-bg);opacity:0;z-index:1;will-change:opacity;inset:0}.route-transition-dream-field{opacity:0;background:var(--route-transition-dream-bg);transform-origin:50%;z-index:2;will-change:transform, opacity;inset:-16%}.route-transition-shutter{z-index:5;opacity:0;background:var(--route-transition-shutter-bg);transform-origin:50%;will-change:transform, opacity;inset:-12% -24%;transform:translate(-120%)skew(-8deg)}.route-transition-letterbox{z-index:6;height:var(--route-transition-letterbox-height);background:var(--route-transition-letterbox-bg);opacity:1;will-change:transform;left:0;right:0;transform:scaleY(0)}.route-transition-letterbox-top{transform-origin:50% 0;top:0}.route-transition-letterbox-bottom{transform-origin:50% 100%;bottom:0}.route-transition-frame-line{z-index:7;left:var(--route-transition-frame-inset-x);right:var(--route-transition-frame-inset-x);opacity:0;background:var(--route-transition-frame-line-bg);transform-origin:50%;will-change:transform, opacity;height:1px;transform:scaleX(0)}.route-transition-frame-line-left{top:var(--route-transition-letterbox-height)}.route-transition-frame-line-right{bottom:var(--route-transition-letterbox-height)}.route-transition-grain{z-index:8;opacity:0;background:var(--route-transition-grain-bg);mix-blend-mode:var(--route-transition-grain-blend);will-change:opacity;inset:0}.route-transition-rgb{opacity:0;transform-origin:50%;background:0 0;display:none;inset:-12%}.route-transition-rgb[data-channel=red],.route-transition-rgb[data-channel=green],.route-transition-rgb[data-channel=blue]{background:0 0}.is-rgb-dispersing{filter:none;text-shadow:none}.bottom-nav-dock{left:50%;bottom:calc(34px + env(safe-area-inset-bottom,0px));z-index:74;opacity:1;transition:opacity .22s var(--ease), transform .22s var(--ease);background:0 0;border:0;border-radius:0;align-items:center;gap:10px;padding:4px 8px;display:flex;position:fixed;transform:translate(-50%)scale(.98)}.bottom-nav-dock:hover,.bottom-nav-dock:focus-within,.bottom-nav-dock.is-open{opacity:1;transform:translate(-50%)scale(1)}.bottom-dock-trigger{z-index:2;width:54px;height:44px;color:var(--fg);opacity:.5;transition:opacity .22s var(--ease), transform .22s var(--ease);background:0 0;border:0;place-items:center;padding:0;display:inline-grid;position:absolute;top:-8px;left:50%;transform:translate(-50%,-100%)}.bottom-dock-trigger svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.35px;width:34px;height:24px}.bottom-nav-dock:hover .bottom-dock-trigger,.bottom-nav-dock.is-open .bottom-dock-trigger{opacity:0;transform:translate(-50%,-112%)scale(.92)}.bottom-nav-dock .nav-links,.bottom-nav-dock .audio-controls{opacity:0;pointer-events:none;transition:opacity .22s var(--ease), transform .22s var(--ease);transform:translateY(8px)}.bottom-nav-dock:hover .nav-links,.bottom-nav-dock:hover .audio-controls,.bottom-nav-dock:focus-within .nav-links,.bottom-nav-dock:focus-within .audio-controls,.bottom-nav-dock.is-open .nav-links,.bottom-nav-dock.is-open .audio-controls{opacity:1;pointer-events:auto;transform:translateY(0)}.bottom-nav-dock .nav-links{width:auto;box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:0;border-radius:0;flex-direction:row;align-items:center;gap:12px;padding:0;display:flex;position:static;overflow:visible;transform:none}.bottom-nav-dock .nav-btn,.bottom-nav-dock .sound-toggle{width:auto;box-shadow:none;text-shadow:none;background:0 0;border:0;justify-content:center}.bottom-nav-dock .nav-btn:hover,.bottom-nav-dock .nav-btn.active,.bottom-nav-dock .nav-btn[aria-current=page],.bottom-nav-dock .sound-toggle[aria-pressed=true]{box-shadow:none;background:0 0;border:0}@media (width<=640px){:root{--route-transition-letterbox-height:clamp(58px, 14svh, 124px);--route-transition-frame-inset-x:5.5vw}.route-transition-shutter{inset:-10% -34%}.bottom-nav-dock{right:calc(10px + var(--safe-right));left:calc(10px + var(--safe-left));bottom:calc(24px + env(safe-area-inset-bottom,0px));justify-content:center;gap:4px;transform:none}.bottom-nav-dock:hover,.bottom-nav-dock:focus-within,.bottom-nav-dock.is-open{transform:none}.bottom-nav-dock .nav-links{flex:auto;justify-content:center;gap:2px;min-height:44px;padding:0;display:flex}.bottom-nav-dock .nav-btn{text-align:center;flex:0 auto;width:auto;min-height:44px;padding:0 8px}}@media (hover:none){.bottom-nav-dock{opacity:1}}.intro-loader.is-rgb-dispersing .intro-signature-word,.intro-loader.is-rgb-dispersing .intro-signature-letter,.intro-handwrite.is-rgb-dispersing .intro-signature-word,.intro-handwrite.is-rgb-dispersing .intro-signature-letter,.page-view.is-rgb-dispersing .section-title,.page-view.is-rgb-dispersing .about-title,.page-view.is-rgb-dispersing .contact-title{text-shadow:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.hero-slice-stage,.hero-slice-field,.hero-slice-index,.hero-actions,.hero-main,.kicker,.hero-char{opacity:1!important;filter:none!important;transform:none!important}.hero-slice-field{transform:translate(-50%)!important}.hero-slice{--slice-tilt-x:0deg!important;--slice-tilt-y:0deg!important;--slice-depth-x:0px!important;--slice-depth-y:0px!important;--slice-depth-z:0px!important;--slice-align-x:0px!important;--slice-align-y:0px!important;--slice-align-rotation:0deg!important;--slice-image-x:0px!important;--slice-image-y:0px!important}.hero-slice-field{--hero-camera-x:0deg!important;--hero-camera-y:0deg!important;--hero-camera-z:0px!important;--hero-align-progress:0!important;--hero-view-glow:0!important;--restored-image-x:0px!important;--restored-image-y:0px!important;--restored-scroll-y:0px!important;--restored-overlay-opacity:0!important}.hero-slice img,.hero-slice:hover img{transition:none!important;transform:translate(0)scale(1.035)!important}.hero-slice-stage.is-restored .hero-slice img{transform:translate(0)scale(1)!important}.route-transition-layer{display:none!important}.bottom-nav-dock{transition:opacity .12s,border-color .12s,background .12s;transform:translate(-50%)}.is-rgb-dispersing{filter:none!important;text-shadow:none!important}.project-card,.projects.grid-mode .project-card{transition:none!important;animation:none!important;transform:none!important}.page-view.inactive{visibility:hidden!important;opacity:0!important}.page-view:not(.inactive){visibility:visible!important;opacity:1!important}.reveal-block{opacity:1!important;transform:none!important}.site{opacity:1!important}.intro-loader{display:none!important}.cover img{--cover-parallax-y:0px!important}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f4ec;--fg:#18120d;--muted:#696055;--subtle:#9b9388;--line:#18120d24;--line-strong:#18120d57;--surface:#fffdf8;--surface-2:#eee8dc;--accent:#0f766e;--danger:#b2342d;--texture-line-soft:#18120d07;--texture-grain:#18120d0b;--texture-grain-faint:#18120d06;--edge-emboss-light:#ffffffe6;--edge-emboss-dark:#18120d1f;--shadow-material-soft:0 20px 48px #2a21161f, inset 0 1px 0 #ffffffd1;--shadow-emboss-soft:inset 1px 1px 0 var(--edge-emboss-light), inset -1px -1px 0 var(--edge-emboss-dark);--route-transition-layer-bg:linear-gradient(180deg, #010101f0, #0a0908e6), repeating-linear-gradient(90deg, #fffdf80d 0 1px, transparent 1px 42px);--route-transition-layer-sheen:linear-gradient(100deg, transparent 0 18%, #fffdf821 42%, transparent 66%), repeating-linear-gradient(0deg, #fffdf80b 0 1px, transparent 1px 9px);--route-transition-layer-frame:linear-gradient(180deg, #fffdf816, transparent 18%, transparent 82%, #fffdf816), repeating-linear-gradient(0deg, transparent 0 3px, #00000042 3px 4px);--route-transition-veil-bg:#020202;--route-transition-dream-bg:linear-gradient(108deg, transparent 0 24%, #fffdf82b 44%, transparent 62%), repeating-linear-gradient(90deg, #fffdf809 0 1px, transparent 1px 30px), linear-gradient(180deg, #fffaf226, #0f0d0c14);--route-transition-shutter-bg:linear-gradient(104deg, transparent 0 19%, #000000bd 34%, #020202 48%, #000000bd 62%, transparent 79%), linear-gradient(90deg, transparent, #fffdf816, transparent);--route-transition-letterbox-height:clamp(68px, 14.6svh, 150px);--route-transition-letterbox-bg:linear-gradient(180deg, #000, #050505), repeating-linear-gradient(90deg, #fffdf811 0 1px, transparent 1px 58px);--route-transition-frame-line-bg:linear-gradient(90deg, transparent, #fff8e8bd, transparent);--route-transition-grain-bg:repeating-linear-gradient(0deg, #fffdf80b 0 1px, transparent 1px 3px), repeating-linear-gradient(90deg, #0000002e 0 1px, transparent 1px 5px);--route-transition-grain-blend:screen}html,body{background:var(--bg)}body{color:var(--fg);background:radial-gradient(circle at 1px 1px, var(--texture-grain) 0 .76px, transparent 1px) 0 0 / 7px 7px, radial-gradient(circle at 2px 3px, var(--texture-grain-faint) 0 .68px, transparent 1px) 0 0 / 11px 11px, radial-gradient(ellipse at 50% 42%, #ffffffd1, transparent 56%), radial-gradient(ellipse at 82% 12%, #0f766e14, transparent 34%), radial-gradient(ellipse at 16% 76%, #b2342d0f, transparent 38%), var(--bg)}body:before{background:radial-gradient(ellipse at 72% 18%, #0f766e1a, transparent 32%), radial-gradient(ellipse at 16% 76%, #b2342d14, transparent 38%), linear-gradient(var(--texture-line-soft) 1px, transparent 1px), linear-gradient(90deg, var(--texture-line-soft) 1px, transparent 1px), radial-gradient(circle at 1px 1px, #18120d08 0 .7px, transparent .9px);background-position:50%,50%,0 0,0 0,3px 5px;background-size:auto,auto,64px 64px,64px 64px,23px 23px;-webkit-mask-image:linear-gradient(#000000d6,#0000009e 64%,#0000 94%);mask-image:linear-gradient(#000000d6,#0000009e 64%,#0000 94%)}.intro-loader{background:var(--bg);color:var(--fg)}.skip-link{color:#fffdf8;background:var(--fg)}.skip-link:focus-visible,.brand:focus-visible,.nav-btn:focus-visible,.detail-btn:focus-visible,.hero-slice:focus-visible,.hero-cta:focus-visible,:focus-visible{outline-color:var(--fg)}.brand{color:var(--fg);text-shadow:0 0 18px #b2342d1f}.nav-toggle,.nav-links{color:var(--fg);border-color:#18120d2e}.nav-btn{color:#18120d9e}.nav-btn:hover,.nav-btn.active,.nav-btn[aria-current=page]{color:var(--fg);text-shadow:0 0 16px #b2342d29;background:0 0;border-color:#18120d47}.detail-btn,.player-close{color:var(--fg);border-color:var(--line);background:linear-gradient(180deg, #ffffffd6, transparent 56%), repeating-linear-gradient(112deg, transparent 0 9px, #18120d06 9px 10px, transparent 10px 18px), var(--surface);box-shadow:var(--shadow-emboss-soft)}.detail-btn:hover,.player-close:hover{color:var(--fg);border-color:var(--line-strong);background:linear-gradient(180deg, #fffffff5, transparent 58%), var(--surface);box-shadow:var(--shadow-material-soft)}.hero,.section-head,.about-grid,.contact-grid,.player-frame-wrap,.player-meta{border-color:var(--line)}.hero-slice-field:after{background:radial-gradient(circle at var(--hero-vanishing-x) var(--hero-vanishing-y), #ffffff85, #0f766e1f 22%, transparent 52%), radial-gradient(circle at calc(100% - var(--hero-vanishing-x)) calc(100% - var(--hero-vanishing-y)), #b2342d1a, transparent 48%)}.hero-slice{background:radial-gradient(circle at var(--slice-glare-x) var(--slice-glare-y), #ffffff80, #ffffff1f 18%, transparent 42%), linear-gradient(122deg, #ffffff61, #ffffff14 23%, #18120d0a 52%, #ffffff24 78%, #18120d14), #fffdf83d;border-color:#18120d2e;box-shadow:0 32px 74px #2a21162e,0 0 0 1px #fffc,inset 0 1px #ffffffb8,inset -1px 0 #18120d1a,inset 0 -36px 62px #18120d14}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.hero-slice{-webkit-backdrop-filter:blur(10px)saturate(1.08)brightness(1.02)}}.hero-slice:hover,.hero-slice:focus-visible,.hero-slice-stage.is-view-aligned .hero-slice{border-color:#18120d47;box-shadow:0 38px 92px #2a211633,0 0 0 1px #ffffffe0,0 0 30px #0f766e1a,inset 0 1px #ffffffc7,inset 0 -34px 58px #18120d12}.hero-slice-index,.kicker,.section-desc,.hero-copy,.about-text,.contact-text,.project-meta,.project-index,.tag,.player-desc,.player-meta{color:var(--muted)}.hero-copy{text-shadow:0 2px 12px #fffdf8d1}.hero-copy strong{color:var(--fg)}.hero-cta{color:#fffdf8;background:linear-gradient(135deg, #30261cf5, #18120deb), var(--fg);border-color:#18120dc7;box-shadow:0 18px 42px #2a21162e,inset 0 1px #ffffff2e}.hero-cta-primary{color:var(--fg);background:linear-gradient(135deg, #fffffffa, #ebf6f1e0), var(--surface);border-color:#18120d33}.project-card,.info-card,.player-shell{color:var(--fg);border-color:var(--line);box-shadow:none;background:0 0}.info-card,.player-shell{background:radial-gradient(ellipse at 18% 0%, #ffffffdb, transparent 48%), linear-gradient(145deg, #ffffffbd, transparent 44%), var(--surface);box-shadow:var(--shadow-material-soft), var(--shadow-emboss-soft)}.cover{background:var(--surface-2);box-shadow:0 18px 48px #2a21161f}.cover img{filter:saturate(1.02)contrast(1.08)brightness(1.02)}.project-card:hover .cover img,.project-card.expanded .cover img,.project-card:focus-within .cover img{filter:saturate(1.08)contrast(1.1)brightness(1.04)}.cover-label{color:#fffdf8db;text-shadow:0 1px 8px #0000006b}.play-badge,.project-card:hover .play-badge,.cover:focus-visible .play-badge,.project-card.expanded .play-badge{color:#fffdf8;background:radial-gradient(circle at 36% 24%,#ffffff2e,#0000 40%),#18120da8}.tag{border-color:var(--line)}.video-player{background:#f7f4ecb3}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.video-player{-webkit-backdrop-filter:blur(10px);background:#f7f4ec94}}.player-frame-wrap,.player-frame-wrap iframe{background:#050505}.player-info{background:linear-gradient(#ffffffb8,#0000 36%),repeating-linear-gradient(112deg,#18120d03 0 1px,#0000 1px 10px)}.route-transition-layer{background:var(--route-transition-layer-bg)}.route-transition-layer:before{background:var(--route-transition-layer-sheen)}.route-transition-layer:after{background:var(--route-transition-layer-frame)}.route-transition-veil{background:var(--route-transition-veil-bg)}.route-transition-dream-field{background:var(--route-transition-dream-bg)}.route-transition-shutter{background:var(--route-transition-shutter-bg)}.route-transition-letterbox{background:var(--route-transition-letterbox-bg)}.route-transition-frame-line{background:var(--route-transition-frame-line-bg)}.route-transition-grain{background:var(--route-transition-grain-bg);mix-blend-mode:var(--route-transition-grain-blend)}.ripple-target:after{background:radial-gradient(circle at var(--rx,50%) var(--ry,50%), #18120d24 0%, transparent 60%)}.page-hint:before{border-color:#18120d57}.floral-decor{display:none!important}@media (width<=980px){.nav-links{background:#fffdf8f5;border-color:#18120d2e;box-shadow:0 24px 60px #2a211629}.projects.grid-mode .project-card{box-shadow:none;animation:none!important;transform:none!important}}@media (width<=640px){:root{--route-transition-letterbox-height:clamp(58px, 14svh, 124px)}.project-card:hover{background:0 0}}:root{--bg:#f8f8f8;--fg:#000;--muted:#666;--subtle:#999;--line:#0000001f;--line-strong:#00000052;--surface:#fff;--surface-2:#e8e8e8;--accent:#e50000;--danger:#e50000;--texture-grain:#00000008;--texture-grain-faint:#00000005;--texture-line-soft:#00000007;--font-home:var(--font-page);--font-display:"Archivo Black", "Archivo", "HarmonyOS Sans SC", "HarmonyOS Sans", "Noto Sans SC", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif}body{background:radial-gradient(circle at 1px 1px, var(--texture-grain) 0 .78px, transparent 1px) 0 0 / 8px 8px, linear-gradient(180deg, #fff 0%, #f8f8f8 42%, #eee 100%)}body:before{background:linear-gradient(var(--texture-line-soft) 1px, transparent 1px), linear-gradient(90deg, var(--texture-line-soft) 1px, transparent 1px);opacity:.48;background-size:72px 72px;-webkit-mask-image:linear-gradient(#000 0%,#000000a3 72%,#0000 100%);mask-image:linear-gradient(#000 0%,#000000a3 72%,#0000 100%)}.awards-topbar{--topbar-edge:clamp(18px, 4vw, 72px);width:100%;max-width:100%;padding:22px calc(var(--topbar-edge) + var(--safe-right)) 20px calc(var(--topbar-edge) + var(--safe-left));font-family:var(--font-page);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand sound";gap:10px clamp(16px,1.8vw,28px);margin-left:0}.awards-topbar .brand{text-align:center;white-space:nowrap;max-width:min(72vw,320px);color:var(--fg);font-family:var(--font-page);text-shadow:none;grid-area:auto;justify-self:auto;font-size:18px;font-weight:900;position:absolute;top:clamp(104px,13svh,132px);left:50vw;transform:translate(-50%)}.awards-topbar .nav-links{border:1px solid var(--line);grid-area:auto;justify-self:auto;gap:4px;min-height:44px;padding:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.awards-topbar .audio-controls{top:50%;right:calc(var(--topbar-edge) + var(--safe-right));flex-direction:row-reverse;position:absolute;transform:translateY(-50%)}.awards-topbar .bottom-nav-dock .nav-links,.awards-topbar .bottom-nav-dock .audio-controls{position:static;inset:auto;transform:none}.awards-topbar .bottom-nav-dock .nav-links{background:0 0;border:0;width:auto}.awards-topbar .bottom-nav-dock .audio-controls{flex-direction:row-reverse}.awards-topbar .nav-btn{min-height:44px;color:var(--fg);border:1px solid #0000;padding:0 12px;font-size:14px;font-weight:700}.awards-topbar .nav-btn:hover,.awards-topbar .nav-btn.active,.awards-topbar .nav-btn[aria-current=page]{color:var(--fg);border-color:var(--line-strong);text-shadow:none;text-decoration:none}.new-badge,.studio-badge{color:#fff;background:#000;border-radius:999px;align-items:center;min-height:18px;padding:0 6px;font-size:10px;font-weight:900;line-height:1;display:inline-flex}.awards-user-actions{grid-area:actions;justify-self:end;align-items:center;gap:8px;display:flex}.awards-text-btn,.awards-fill-btn,.awards-outline-btn{min-height:40px;color:var(--fg);font:800 13px/1 var(--font-page);background:0 0;border-radius:999px;justify-content:center;align-items:center;padding:0 14px;display:inline-flex}.awards-fill-btn{color:#fff;background:#000}.awards-outline-btn{border:1px solid var(--line-strong);background:#fff}.awards-home{color:var(--fg);font-family:var(--font-page)}.awards-hero{min-height:calc(100svh - var(--topbar-space));border-bottom:1px solid var(--line);padding:clamp(38px,4.4vw,66px) 0 clamp(42px,5.4vw,76px)}.awards-hero-meta{z-index:20;color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;font-size:13px;font-weight:800;display:flex;position:relative}.awards-pill{border:1px solid var(--line);min-height:30px;color:var(--fg);background:#fff;border-radius:999px;padding:7px 12px}.awards-hero-title{z-index:20;max-width:1160px;font-family:var(--font-display);text-align:center;margin:clamp(24px,4vw,48px) auto 18px;font-size:clamp(58px,11vw,132px);font-weight:900;line-height:.88;position:relative}.awards-hero-preview{z-index:1;width:min(1840px,100% - 24px);margin:0 auto;position:relative}.awards-hero-preview .hero-feature-card{min-height:clamp(360px,31vw,500px);box-shadow:none;background:0 0;border-radius:0;overflow:visible}.awards-corner-link{z-index:35;min-height:44px;color:var(--accent);font-family:var(--font-display);background:0 0;padding:0 4px;font-size:clamp(22px,2.5vw,38px);font-weight:900;line-height:1;position:absolute;bottom:clamp(18px,2.4vw,34px)}.awards-section{border-bottom:1px solid var(--line);padding:clamp(86px,11vw,140px) 0}.awards-section-centered{text-align:left}.awards-eyebrow{color:var(--muted);margin:0 0 10px;font-size:14px;font-weight:800}.awards-section-title{max-width:920px;font-family:var(--font-display);margin:0;font-size:clamp(52px,7.8vw,102px);font-weight:900;line-height:.95}.awards-section-centered .awards-section-title,.awards-section-centered .awards-section-desc{margin-left:0;margin-right:0}.awards-section-desc{max-width:620px;color:var(--muted);margin:16px 0 0;font-size:16px;line-height:1.65}.awards-grid{gap:clamp(18px,2.4vw,32px);margin-top:clamp(42px,5vw,62px);display:grid}.awards-grid-three{grid-template-columns:repeat(2,minmax(0,1fr))}.awards-grid-four{grid-template-columns:repeat(3,minmax(0,1fr))}.awards-card{gap:14px;min-width:0;display:grid}.awards-card-cover{aspect-ratio:16/10;appearance:none;background:var(--surface-2);cursor:pointer;border:0;border-radius:16px;width:100%;padding:0;display:block;position:relative;overflow:hidden;box-shadow:0 18px 48px #0000001f}.awards-card-cover img{object-fit:cover;width:100%;height:100%;transition:transform .42s var(--ease), filter .42s var(--ease);display:block}.awards-vote{color:#000;opacity:0;min-height:42px;transition:opacity .24s var(--ease), transform .24s var(--ease);pointer-events:none;background:#fff;border-radius:999px;align-items:center;gap:8px;padding:0 18px;font-size:13px;font-weight:900;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)translateY(10px)}.awards-card:hover .awards-card-cover img,.awards-card:focus-within .awards-card-cover img{filter:saturate(1.08)contrast(1.04);transform:scale(1.055)}.awards-card:hover .awards-vote,.awards-card:focus-within .awards-vote{opacity:1;transform:translate(-50%,-50%)}.awards-card-meta{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;font-size:13px;font-weight:800;display:flex}.awards-card-meta img{object-fit:cover;border-radius:50%;width:26px;height:26px}.awards-card-meta .responsive-picture{flex:0 0 26px;width:26px;height:26px}.awards-card-title{color:var(--fg);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:clamp(24px,2.25vw,34px);font-weight:900;line-height:1.15;overflow:hidden}.awards-card-by,.awards-card-stats{color:var(--muted)}.awards-card-note{color:var(--muted);margin:0;font-size:13px;font-weight:700;line-height:1.55}.awards-more{color:var(--subtle);text-align:center;margin:clamp(34px,5vw,58px) 0 0;font-size:15px;font-weight:800}.awards-more button{color:var(--fg);text-underline-offset:5px;background:0 0;padding:0;font-weight:900;text-decoration:underline}.awards-collection-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:34px;display:grid}.awards-collection{border:1px solid var(--line);min-height:180px;color:var(--fg);text-align:left;background:linear-gradient(145deg,#ffffffc7,#0000 50%),#fff;border-radius:16px;padding:0;overflow:hidden;box-shadow:0 14px 36px #00000014}.awards-collection-link{width:100%;min-height:100%;color:inherit;text-align:left;background:0 0;align-content:end;gap:10px;padding:14px;display:grid}.awards-collection-cover{aspect-ratio:16/10;border-radius:12px;width:100%;display:block;overflow:hidden}.awards-collection-cover img{object-fit:cover;width:100%;height:100%;display:block}.awards-collection strong{font-family:var(--font-display);font-size:30px;line-height:1;display:block}.awards-collection span{color:var(--muted);font-size:13px;font-weight:800}.awards-collection em{color:var(--fg);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-style:normal;font-weight:900;overflow:hidden}.awards-footer{color:var(--muted);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;padding:48px 0 20px;display:grid}.awards-footer strong{color:var(--fg);font-size:44px;line-height:1}.awards-footer p{max-width:420px;margin:10px 0 0;line-height:1.6}.awards-footer nav{flex-wrap:wrap;gap:16px;display:flex}.awards-footer button{color:var(--fg);background:0 0;font-weight:800}@media (width<=1100px){.awards-topbar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand sound"}.awards-grid-four,.awards-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=980px){.awards-topbar{--topbar-edge:18px;padding:14px calc(var(--topbar-edge) + var(--safe-right)) 16px calc(var(--topbar-edge) + var(--safe-left));grid-template-columns:max-content minmax(0,1fr) max-content;grid-template-areas:"brand sound menu""nav nav nav";column-gap:16px;display:grid}.awards-topbar .nav-toggle{grid-area:menu;justify-self:end;display:flex}.awards-topbar .nav-links{top:calc(100% + 8px);right:calc(var(--topbar-edge) + var(--safe-right));width:min(280px, calc(100vw - 32px - var(--safe-left) - var(--safe-right)));border:1px solid var(--line);background:#fff;justify-self:stretch;position:absolute;left:auto;transform:none}.awards-topbar .bottom-nav-dock .nav-links{background:0 0;border:0;width:auto;position:static}.awards-topbar .audio-controls{grid-area:sound;justify-self:end;position:static;transform:none}.awards-topbar .bottom-nav-dock .audio-controls{position:static;transform:none}.awards-grid-three{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){:root{--content:min(100vw - 20px - var(--safe-left) - var(--safe-right), 1360px)}.awards-topbar{--topbar-edge:14px;column-gap:12px;min-height:auto}.awards-topbar .brand{font-size:16px;top:clamp(64px,10svh,88px)}.awards-hero{min-height:auto;padding-top:32px}.awards-hero-title{overflow-wrap:anywhere;font-size:clamp(38px,12vw,48px);line-height:.94}.awards-hero-preview{grid-template-columns:1fr 1fr;gap:10px 20px;display:grid}.awards-hero-preview .hero-feature-card{grid-column:1/-1;min-height:300px}.awards-corner-link{justify-self:start;font-size:22px;position:static;bottom:auto}.awards-corner-right{justify-self:end}.awards-grid-three,.awards-grid-four,.awards-collection-grid,.awards-footer{grid-template-columns:1fr}.awards-section{padding:72px 0}.awards-card-title{white-space:normal}}.awards-scoreboard,.awards-tech-strip,.awards-highlights,.awards-comments{--showcase-bg:#f3f3f3;--showcase-fg:#161616;--showcase-muted:#626262;--showcase-rule:#0000003d;--showcase-rule-soft:#0000001f;--showcase-cell:#e7e7e7;font-family:var(--font-page)}.score-heading{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:clamp(24px,4vw,58px);display:grid}.worklog-index-heading .showcase-label{grid-column:1/-1}.score-title{color:var(--showcase-fg);font-family:var(--font-display);margin:0;font-size:clamp(54px,8.6vw,118px);font-weight:900;line-height:.9}.score-readout{color:var(--showcase-fg);justify-items:end;gap:8px;font-weight:900;display:grid}.score-readout>span{color:var(--showcase-fg);font-size:clamp(38px,5.8vw,86px);line-height:.8}.score-value{letter-spacing:0;justify-items:end;font-size:clamp(56px,7.6vw,118px);line-height:.82;display:grid}.score-value small{color:var(--showcase-muted);font-family:var(--font-page);text-transform:uppercase;margin-top:8px;font-size:13px;font-weight:900;line-height:1}.score-system{max-width:480px;color:var(--showcase-muted);text-align:right;grid-column:1/-1;justify-self:end;margin:0;font-size:16px;font-weight:700;line-height:1.65}.score-metrics{border-top:1px dotted var(--showcase-rule);border-bottom:1px solid var(--showcase-rule-soft);grid-template-columns:repeat(4,minmax(0,1fr));margin-top:clamp(34px,5vw,70px);display:grid}.score-segment{border-left:1px dotted var(--showcase-rule-soft);background:0 0;grid-template-rows:auto auto 1fr auto;min-width:0;min-height:214px;padding:clamp(16px,2vw,24px);display:grid}.score-segment:first-child{border-left:0}.score-segment h3,.score-segment strong,.score-segment span{margin:0}.score-segment h3{color:var(--showcase-fg);font-size:17px;font-weight:900}.score-segment strong{color:var(--showcase-fg);letter-spacing:.04em;text-transform:uppercase;margin-top:6px;font-size:12px;font-weight:900}.score-segment span{color:var(--showcase-fg);font-size:14px;font-weight:800;line-height:1.45}.score-bar{background:linear-gradient(90deg, var(--showcase-cell) 0 var(--score-fill), transparent var(--score-fill) 100%), #f7f7f7;border-radius:0;align-self:end;height:54px;margin:34px 0 20px}.awards-tech-strip{padding-top:clamp(74px,7vw,112px)}.awards-scoreboard{border-bottom:0}.showcase-label{color:var(--showcase-fg);letter-spacing:.08em;margin:0;font-size:13px;font-weight:900;line-height:1.3}.tech-chip-list{border-top:1px dotted var(--showcase-rule);flex-wrap:wrap;gap:12px;margin-top:24px;padding-top:34px;display:flex}.tech-chip{min-height:44px;color:var(--showcase-fg);white-space:nowrap;background:0 0;border:1px solid #0000003d;border-radius:999px;justify-content:center;align-items:center;padding:0 18px;font-size:14px;font-weight:900;line-height:1;display:inline-flex}.showcase-description{gap:18px;margin-top:clamp(78px,10vw,136px);display:grid}.showcase-description-copy{max-width:760px;color:var(--showcase-fg);font-family:var(--font-page);margin:0;font-size:clamp(18px,1.55vw,24px);font-weight:700;line-height:1.62}.awards-highlights{margin-left:calc((100vw - var(--content)) / -2);margin-right:calc((100vw - var(--content)) / -2);padding-left:calc((100vw - var(--content)) / 2);padding-right:calc((100vw - var(--content)) / 2);color:var(--showcase-fg);background:var(--showcase-bg)}.awards-highlights .showcase-label,.awards-highlights .highlight-title{color:var(--showcase-fg)}.highlight-title{max-width:740px;color:var(--showcase-fg);font-family:var(--font-display);margin:0;font-size:clamp(46px,6.4vw,96px);font-weight:900;line-height:.92}.highlight-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2.4vw,32px);margin-top:clamp(54px,7vw,96px);display:grid}.highlight-card{gap:16px;min-width:0;display:grid}.highlight-media{aspect-ratio:16/10;cursor:pointer;background:#111;border:1px solid #ffffff1f;border-radius:8px;width:100%;display:block;position:relative;overflow:hidden}.highlight-media img{object-fit:cover;width:100%;height:100%;transition:transform .36s var(--ease), filter .36s var(--ease);display:block;transform:scale(1.001)}.highlight-media:hover img,.highlight-media:focus-visible img{filter:saturate(1.08)contrast(1.04);transform:scale(1.035)}.highlight-badges{gap:8px;display:inline-flex;position:absolute;top:16px;left:16px}.highlight-badges span{color:#fff;background:#0000005c;border:1px solid #ffffffa8;border-radius:999px;align-items:center;min-height:26px;padding:0 9px;font-size:11px;font-weight:900;display:inline-flex}.highlight-caption{color:var(--showcase-fg);flex-wrap:wrap;align-items:baseline;gap:10px;font-size:clamp(20px,2vw,28px);font-weight:900;line-height:1.2;display:flex}.highlight-caption small{color:var(--showcase-muted);font-size:13px;font-weight:700}.awards-comments{padding-top:clamp(72px,7vw,104px)}.comments-topline{border-bottom:1px dotted var(--showcase-rule);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;padding-bottom:26px;display:grid}.comment-tabs,.comments-score-header{align-items:center;display:flex}.comment-tabs{flex-wrap:wrap;gap:clamp(14px,2vw,28px)}.comment-tabs button{min-height:38px;color:var(--subtle);background:0 0;border-bottom:2px solid #0000;padding:0;font-size:13px;font-weight:900}.comment-tabs button.active,.comment-tabs button[aria-selected=true]{color:var(--showcase-fg);border-color:var(--showcase-fg)}.comment-tabs button:focus-visible{outline:2px solid var(--showcase-fg);outline-offset:4px}.comments-score-header{color:var(--showcase-fg);text-transform:uppercase;justify-content:end;gap:clamp(14px,1.8vw,30px);font-size:12px;font-weight:900}.comments-table{margin-top:14px;display:grid}.comment-row{border-bottom:1px dotted var(--showcase-rule-soft);grid-template-columns:72px minmax(0,1fr) auto minmax(86px,108px);align-items:center;gap:clamp(12px,1.8vw,24px);min-height:112px;padding:0;display:grid}.comment-avatar{aspect-ratio:1;object-fit:cover;object-position:center;background:#0b0b0b;border:1px solid #0000001f;border-radius:50%;width:56px;height:56px;display:block;overflow:hidden;box-shadow:0 10px 24px #0000001f}.comment-row>.responsive-picture{width:56px;height:56px}.comment-avatar-fallback{color:#fff;background:#0b0b0b;place-items:center;font-size:20px;font-weight:900;display:grid}.comment-body{min-width:0}.comment-author,.comment-video,.comment-message{display:block}.comment-author{color:var(--showcase-fg);font-size:16px;font-weight:900}.comment-video,.comment-message{color:var(--showcase-muted);margin-top:5px;font-size:14px;line-height:1.42}.comment-message{color:var(--showcase-fg)}.comment-source,.comment-overall{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:36px;padding:0 12px;font-size:12px;font-weight:900;display:inline-flex}.comment-source{color:var(--showcase-fg);border:1px solid var(--showcase-rule-soft)}.comment-overall{min-height:112px;color:var(--showcase-fg);background:var(--showcase-cell);border-radius:0;align-self:stretch}@media (width<=980px){.score-heading,.comments-topline{grid-template-columns:1fr}.score-readout,.score-system{text-align:left;justify-self:start}.score-metrics,.highlight-grid{grid-template-columns:1fr 1fr}.comments-score-header{justify-content:start}.comment-row{grid-template-columns:58px minmax(0,1fr) auto}.comment-source{display:none}}@media (width<=640px){.score-metrics,.highlight-grid{grid-template-columns:1fr}.score-title{font-size:clamp(44px,13vw,58px)}.score-value{font-size:56px}.score-segment{min-height:170px}.tech-chip-list{gap:10px;padding-top:26px}.tech-chip{min-height:40px;padding:0 14px;font-size:13px}.showcase-description{margin-top:64px}.showcase-description-copy{font-size:16px;line-height:1.7}.awards-highlights{margin-left:-10px;margin-right:-10px;padding-left:10px;padding-right:10px}.comment-tabs{gap:16px}.comments-score-header{display:none}.comment-row{grid-template-columns:48px minmax(0,1fr);gap:12px;min-height:130px;padding:16px 0}.comment-avatar{width:44px;height:44px;font-size:17px}.comment-overall{grid-column:1/-1;justify-self:start}}.intro-loader{color:#f5f5f0;background:linear-gradient(#020202,#0a0807 56%,#020202),repeating-linear-gradient(90deg,#ffffff09 0 1px,#0000 1px 44px)}.intro-loader:before{opacity:.88;background:linear-gradient(#000000a3 0 13%,#0000 13% 82%,#000000ad 82% 100%),repeating-linear-gradient(0deg,#ffffff0d 0 1px,#0000 1px 6px),radial-gradient(circle at 50% 44%,#ffffff24,#0000 38%)}.intro-loader:after{opacity:.9;animation:1.35s linear infinite introLoaderSweep}.intro-cinema-frame{box-shadow:none;border-color:#0000}.intro-exit-panel{background:linear-gradient(#fffdf4f5,#e2dacae0),repeating-linear-gradient(90deg,#0000001f 0 1px,#0000 1px 38px)}.intro-status{color:#fffdf8}.intro-signature-word{color:#fffdf8;text-shadow:0 26px 80px #f5f5f029}@keyframes introLoaderSweep{0%{transform:translate(-22%)}to{transform:translate(22%)}}:root{--cinema-pointer-x:50vw;--cinema-pointer-y:50vh;--cinema-scroll-y:0px;--cinema-bg-y:0px;--cinema-scan-y:0px;--cinema-sweep-x:0px;--cinema-wheel-pulse:0;--cinema-stage-opacity:0;--cinema-band-size:2px;--cinema-band-opacity:.08;--cinema-sweep-opacity:.06}.motion-cinema-stage{z-index:2;pointer-events:none;visibility:hidden;opacity:var(--cinema-stage-opacity);mix-blend-mode:multiply;contain:paint;position:fixed;inset:0;overflow:hidden}.motion-cinema-stage.is-visible{visibility:visible}.motion-cinema-stage:before,.motion-cinema-stage:after,.motion-cinema-sweep,.motion-cinema-band{pointer-events:none;position:absolute}.motion-cinema-stage:before,.motion-cinema-stage:after{content:none;display:none}.motion-cinema-sweep{display:none}.motion-cinema-band{z-index:2;height:var(--cinema-band-size);opacity:var(--cinema-band-opacity);background:linear-gradient(#0000,#18120dad,#0000),repeating-linear-gradient(90deg,#ffffff14 0 1px,#0000 1px 72px);left:0;right:0}.motion-cinema-band-top{top:0}.motion-cinema-band-bottom{bottom:0}.awards-home{--awards-hero-progress:0;--awards-scroll-progress:0;--awards-topbar-block:96px;--awards-hero-lift:0px;--awards-preview-lift:0px;--awards-back-lift:0px;--awards-word-drift:0px;--awards-title-drift:0px;--awards-pointer-x:0px;--awards-pointer-y:0px;--awards-pointer-soft-x:0px;--awards-pointer-soft-y:0px;--awards-preview-tilt-x:0deg;--awards-preview-tilt-y:0deg;--awards-stage-opacity:.22;--awards-wheel-opacity:.08;--awards-hero-scale:1;--awards-stage-glow:0;--awards-parallax-glow:.08;--awards-parallax-glow-y:0px;--awards-parallax-sheen:0;--awards-parallax-scan-y:0px;--awards-image-overscan-y:72px;isolation:isolate;touch-action:pan-y;overscroll-behavior-x:contain;position:relative}.awards-home:before,.awards-home:after{content:none;z-index:-1;pointer-events:none;will-change:transform, opacity;display:none;position:fixed;inset:0}.awards-home:before{background:radial-gradient(circle at calc(50% + var(--awards-pointer-x)) calc(42% + var(--awards-pointer-y)), #e5000029, transparent 30%), radial-gradient(circle at calc(34% - var(--awards-pointer-x)) calc(74% - var(--awards-pointer-y)), #0000001f, transparent 36%), linear-gradient(115deg, transparent 0 34%, #ffffff6b 48%, transparent 62%), repeating-linear-gradient(90deg, #00000009 0 1px, transparent 1px 54px);opacity:var(--awards-stage-opacity);transform:translate3d(0, var(--awards-back-lift), 0)}.awards-home:after{background:radial-gradient(circle at calc(50% + var(--awards-pointer-soft-x)) calc(50% + var(--awards-pointer-soft-y)), #d94a2b14, transparent 32%), repeating-linear-gradient(0deg, transparent 0 10px, #e500000b 10px 11px);opacity:var(--awards-wheel-opacity);transform:translate3d(var(--awards-pointer-soft-x), calc(var(--awards-back-lift) + var(--awards-pointer-soft-y)), 0)}.awards-hero{width:100vw;max-width:100vw;min-height:max(560px, calc(100svh - var(--awards-topbar-block)));isolation:isolate;place-items:center;margin-left:calc(50% - 50vw);padding:0;display:grid;position:relative;overflow:clip visible}.awards-hero:after{content:none;display:none}.awards-hero-title{z-index:4;width:min(640px,46vw);max-width:calc(100vw - 36px);color:var(--fg);text-align:left;-webkit-text-stroke:0;-webkit-text-fill-color:currentColor;transform:translate3d(var(--awards-title-drift), var(--awards-hero-lift), 0);text-shadow:none;pointer-events:none;-webkit-user-select:none;user-select:none;will-change:transform;margin:0;font-size:clamp(60px,7.6vw,132px);line-height:.9;position:absolute;top:clamp(78px,10svh,124px);left:clamp(18px,4vw,72px)}.awards-hero-meta{z-index:5;color:#fffdf8c2;text-shadow:0 10px 32px #00000075;justify-content:flex-start;width:auto;margin:0;position:absolute;top:clamp(18px,3svh,34px);left:clamp(18px,4vw,72px);right:clamp(18px,4vw,72px)}.awards-hero-preview{aspect-ratio:1916/821;width:min(100vw,1916px);max-width:1916px;height:auto;transform:translate3d(0, var(--awards-preview-lift), 0);transform-origin:50% 35%;touch-action:pan-y;will-change:transform;border-radius:0;margin:0 auto;overflow:visible}.awards-hero-preview:before{content:"";z-index:1;pointer-events:none;background:radial-gradient(ellipse at 61% calc(42% + var(--awards-parallax-glow-y)), #ffffff94, transparent 24%), linear-gradient(180deg, transparent 8%, #e2f4ff42 46%, transparent 74%), linear-gradient(104deg, transparent 0 36%, #ffffff57 48%, transparent 59% 100%);opacity:var(--awards-parallax-glow);mix-blend-mode:screen;transform:translate3d(0, calc(var(--awards-parallax-glow-y) * .28), 0);will-change:opacity, transform;inset:0;border-radius:0;position:absolute;inset:0}.awards-hero-preview:after{content:"";z-index:2;pointer-events:none;opacity:var(--awards-parallax-sheen);mix-blend-mode:screen;transform:translate3d(0, var(--awards-parallax-scan-y), 0);will-change:opacity, transform;background:linear-gradient(#0000 0 37%,#ffffff47 48%,#cde6f838 50%,#0000 63% 100%),repeating-linear-gradient(90deg,#0000 0 92px,#fff3 92px 93px);position:absolute;inset:0}.awards-hero-preview .hero-feature-card{--hero-frame-line:#00000042;--hero-frame-cross:clamp(24px, 2.6vw, 48px);aspect-ratio:1916/821;width:100%;height:100%;min-height:0;box-shadow:none;isolation:isolate;background:#fff;border:0;border-radius:0;position:relative;overflow:visible}.awards-hero-preview .hero-feature-card:before,.awards-hero-preview .hero-feature-card:after{content:"";pointer-events:none;position:absolute}.awards-hero-preview .hero-feature-card:before{inset:calc(var(--hero-frame-cross) * -1) 0;z-index:3;background:linear-gradient(90deg, var(--hero-frame-line), var(--hero-frame-line)) left top / 1px 100% no-repeat, linear-gradient(90deg, var(--hero-frame-line), var(--hero-frame-line)) right top / 1px 100% no-repeat}.awards-hero-preview .hero-feature-card:after{inset:0 calc(var(--hero-frame-cross) * -1);z-index:4;background:linear-gradient(var(--hero-frame-line), var(--hero-frame-line)) 0 0 / 100% 1px no-repeat, linear-gradient(var(--hero-frame-line), var(--hero-frame-line)) 0 100% / 100% 1px no-repeat;opacity:.34}.awards-hero-preview .hero-feature-card>.responsive-picture{z-index:0;position:absolute;inset:0}.awards-hero-preview .hero-feature-image{z-index:0;object-fit:contain;object-position:center center;filter:none;width:100%;height:100%;transform:translate3d(0, var(--awards-image-drift,0px), 0);transform-origin:50%;will-change:transform;display:block;position:absolute;top:0;left:0}.awards-hero-preview .hero-feature-mask{z-index:1;opacity:0;pointer-events:none;background:0 0;position:absolute;inset:0}.awards-hero-preview .hero-copy{color:#fff;text-align:left;text-wrap:balance;text-shadow:0 12px 32px #000000b8;z-index:2;width:min(460px,42vw);max-width:480px;font-size:clamp(14px,1.08vw,16px);font-weight:800;line-height:1.52;bottom:clamp(88px,10svh,132px);left:clamp(18px,4vw,72px);right:auto}.awards-hero-preview .hero-copy strong{color:#fff}.awards-corner-link{color:#fffdf8e6;min-height:44px;font-family:var(--font-page);text-transform:uppercase;background:#0000007a;border:1px solid #fffdf852;border-radius:999px;padding:0 14px;font-size:12px;font-weight:900;line-height:1;bottom:clamp(24px,4svh,42px)}.awards-corner-left{left:clamp(18px,4vw,72px)}.awards-corner-right{right:clamp(18px,4vw,72px)}.awards-section{opacity:var(--section-opacity,1);transform:translate3d(0, var(--section-shift,0px), 0);will-change:transform, opacity;transition:opacity .22s ease-out,transform .26s ease-out}.awards-card,.highlight-card,.awards-collection{--card-tilt-x:0deg;--card-tilt-y:0deg;--card-text-shift:0px}.awards-card-cover,.highlight-media,.awards-collection-cover{transform:perspective(900px) rotateX(var(--card-tilt-y)) rotateY(var(--card-tilt-x));transform-origin:50%;will-change:transform;transition:transform .26s var(--ease)}.awards-card-title,.awards-card-meta,.highlight-caption,.awards-collection strong,.awards-collection span,.awards-collection em{transform:translate3d(0, var(--card-text-shift), 0);transition:transform .26s var(--ease), opacity .26s var(--ease);will-change:transform, opacity}.is-pointer-active .awards-card-title,.is-pointer-active .project-title,.is-pointer-active .highlight-caption,.is-pointer-active .awards-collection strong{color:var(--fg)}@media (width<=980px){.awards-home{--awards-topbar-block:84px}.awards-hero-title{width:min(460px,100vw - 32px);font-size:clamp(46px,8.6vw,78px);top:clamp(72px,9svh,100px)}.awards-hero-meta{left:16px;right:16px}.awards-hero-preview{width:min(100vw,1916px)}}@media (width<=640px){.awards-hero{min-height:max(560px, calc(100svh - var(--awards-topbar-block)));padding:0}.awards-hero-meta{gap:8px;font-size:11px;top:12px;left:14px;right:14px}.awards-hero-meta .awards-pill{min-height:26px;padding:6px 10px}.awards-hero-title{text-align:left;width:min(220px,100vw - 28px);max-width:calc(100vw - 28px);font-size:clamp(32px,9.8vw,38px);line-height:.96;top:clamp(46px,7svh,58px);left:14px}.awards-hero-preview{aspect-ratio:1916/821;width:100vw;height:auto;display:block}.awards-hero-preview .hero-feature-card{--hero-frame-cross:16px;aspect-ratio:1916/821;height:100%}.awards-hero-preview .hero-feature-card:after{opacity:.22}.awards-hero-preview .hero-feature-image{object-position:center center}.awards-hero-preview .hero-copy{width:min(312px,100vw - 28px);font-size:13px;line-height:1.42;bottom:88px;left:14px;right:14px}.awards-corner-link{min-height:44px;font-size:11px;position:absolute;bottom:-118px}.awards-corner-left{left:14px}.awards-corner-right{right:14px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}