@import"https://fontsapi.zeoseven.com/547/main/result.css";@import"https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600&display=swap";@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-vietnamese-wght-normal-XAtsl5Q_.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-latin-ext-wght-normal-C4zznr8T.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-latin-wght-normal-E0tuGl4L.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-xuaO2J-f.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-DMdlQ8Kv.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-400-normal-BSMlKf0J.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-400-normal-CEL4l2ZJ.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-vietnamese-400-normal-BulugwFq.woff2) format("woff2"),url(/assets/ibm-plex-mono-vietnamese-400-normal-DDuiU_S-.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-ext-400-normal-BmRBH3aV.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-ext-400-normal-D3D2R8hC.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--surface: #f2f2ef;--surface-elevated: #e7e7e3;--ink: #121212;--muted: #6f6f6b;--hairline: rgba(18, 18, 18, .16);--signal: #676765;--mineral: #222220;--mineral-halo: #83837e;--font-sans: "Archivo Variable", "PingFang SC", "Noto Sans SC", sans-serif;--font-mono: "IBM Plex Mono", "SFMono-Regular", monospace;--page-pad: clamp(18px, 2.35vw, 38px);color-scheme:light}:root[data-theme=dark]{--surface: #101010;--surface-elevated: #191919;--ink: #efefeb;--muted: #999995;--hairline: rgba(239, 239, 235, .16);--signal: #b7b7b2;--mineral: #d4d4cf;--mineral-halo: #858580;color-scheme:dark}*{box-sizing:border-box}html{background:var(--surface);color:var(--ink);font-family:var(--font-sans);scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--surface);color:var(--ink);transition:background-color .32s ease,color .32s ease}body,button{font-family:var(--font-sans)}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible{outline:1px solid var(--signal);outline-offset:5px}::selection{background:var(--signal);color:var(--surface)}.platform-nav{position:fixed;z-index:20;top:0;left:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;width:100%;padding:24px var(--page-pad);font-family:var(--font-mono);font-size:10px;line-height:1.2;letter-spacing:.08em;text-transform:uppercase;mix-blend-mode:normal;opacity:1;pointer-events:auto;transition:opacity .22s ease}.platform-nav[data-surface=dark]{color:#eef1eb;opacity:0;pointer-events:none}.platform-nav[data-surface=dark] .platform-nav__author{color:#93a098}.platform-nav__brand{display:flex;gap:13px;justify-self:start}.platform-nav__author{color:var(--muted)}.platform-nav__links{display:flex;gap:clamp(18px,2.4vw,40px)}.platform-nav__links a,.theme-control{transition:color .18s ease}.platform-nav__links a:hover,.theme-control:hover{color:var(--signal)}.theme-control{display:flex;gap:9px;justify-self:end;padding:0;border:0;background:transparent;font-family:var(--font-mono);font-size:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer}.theme-control span:last-child{color:var(--signal)}.platform-index{position:relative;z-index:5;background:var(--surface)}.practice-section{display:grid;grid-template-columns:minmax(120px,.45fr) minmax(0,1.55fr) minmax(240px,.72fr);min-height:84vh;padding:18vh var(--page-pad) 12vh;border-top:1px solid var(--hairline);align-items:start}.section-label,.section-heading,.platform-footer{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em}.section-label{margin:9px 0 0;color:var(--signal);font-size:10px}.practice-section h2{max-width:13ch;margin:0;font-family:Oswald,sans-serif;font-size:clamp(44px,6.6vw,108px);font-weight:500;line-height:.92;letter-spacing:-.04em}.practice-section h2 span{display:block}.practice-section__body{max-width:28ch;margin:9px 0 0;color:var(--muted);font-size:clamp(15px,1.25vw,20px);line-height:1.55}.work-skill-section,.index-section{padding:0 var(--page-pad) 14vh}.section-heading{display:flex;justify-content:space-between;padding:14px 0;border-top:1px solid var(--hairline);font-size:10px;font-weight:400}.section-heading h2{margin:0;font:inherit}.section-heading span{color:var(--muted)}.work-skill-anchor,.section-anchor{display:block;height:0;scroll-margin-top:92px}.work-skill-list{display:grid}.work-skill-pair{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.8fr);gap:clamp(24px,4vw,72px);padding:0 0 clamp(56px,10vh,128px);border-top:1px solid var(--hairline)}.work-skill-pair__media{position:relative;display:block;min-height:min(68vh,760px);overflow:hidden;background:var(--surface-elevated)}.work-skill-pair__media img{width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.04);transition:transform .7s cubic-bezier(.22,1,.36,1),filter .4s ease}.work-skill-pair__media:hover img{transform:scale(1.02);filter:saturate(1) contrast(1.02)}.work-skill-pair__media>span{position:absolute;right:14px;bottom:13px;left:14px;color:#eef1eb;font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase}.work-skill-pair__body{display:flex;flex-direction:column;padding-top:clamp(28px,6vh,72px)}.work-skill-pair__body h3{max-width:13ch;margin:12px 0 16px;font-family:Oswald,sans-serif;font-size:clamp(36px,5vw,76px);font-weight:500;line-height:.92;letter-spacing:-.04em}.work-skill-pair__summary{max-width:38ch;margin:0;color:var(--muted);line-height:1.55}.work-skill-pair__skills{margin-top:auto;padding-top:48px}.paired-skill{display:block;padding:14px 0;border-top:1px solid var(--hairline)}.paired-skill>span{display:flex;justify-content:space-between;gap:18px}.paired-skill strong{font-size:clamp(18px,2vw,28px);font-weight:460;letter-spacing:-.03em}.paired-skill small,.paired-skill p{font-family:var(--font-mono);font-size:9px}.paired-skill small{color:var(--signal)}.paired-skill p{max-width:46ch;margin:7px 0 0;color:var(--muted);line-height:1.5}.index-toolbar{display:grid;grid-template-columns:1fr 2fr;align-items:end;gap:20px;padding:clamp(52px,9vh,120px) 0 28px}.index-toolbar label{color:var(--muted);font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase}.index-toolbar input{width:100%;padding:0 0 10px;border:0;border-bottom:1px solid var(--ink);border-radius:0;outline:0;background:transparent;color:var(--ink);font-size:clamp(24px,4vw,52px);font-weight:430;letter-spacing:-.045em}.index-toolbar input::placeholder{color:color-mix(in srgb,var(--muted) 58%,transparent)}.index-records{border-bottom:1px solid var(--hairline)}.index-record{display:grid;grid-template-columns:.55fr 2fr 1fr 1fr;gap:20px;align-items:baseline;padding:15px 0;border-top:1px solid var(--hairline);scroll-margin-top:80px}.index-record>span,.index-record p{margin:0;color:var(--muted);font-family:var(--font-mono);font-size:9px;letter-spacing:.04em;text-transform:uppercase}.index-record>span{color:var(--signal)}.index-record h3{margin:0;font-family:Oswald,sans-serif;font-size:clamp(18px,2vw,30px);font-weight:500;letter-spacing:-.03em}.index-empty{margin:0;padding:40px 0;color:var(--muted)}.platform-footer{display:flex;justify-content:space-between;margin:0 var(--page-pad);padding:18px 0 30px;border-top:1px solid var(--hairline);font-size:9px}.platform-footer>div{display:flex;gap:24px}.platform-footer>div span:last-child{color:var(--muted)}@media(max-width:760px){.platform-nav{grid-template-columns:1fr auto;padding-top:18px}.platform-nav__author,.theme-control span:first-child{display:none}.platform-nav__links{position:absolute;top:50px;right:var(--page-pad);left:var(--page-pad);justify-content:space-between;gap:12px}.practice-section{grid-template-columns:1fr;gap:36px;min-height:auto;padding-top:120px}.practice-section h2{font-size:clamp(40px,11.2vw,46px);letter-spacing:-.052em}.practice-section h2 span{white-space:nowrap}.work-skill-pair{grid-template-columns:1fr;gap:0}.work-skill-pair__media{min-height:0;aspect-ratio:4 / 5}.work-skill-pair__body{min-height:520px;padding-top:32px}.index-toolbar{grid-template-columns:1fr}.index-record{grid-template-columns:.5fr 1.5fr}.index-record p{display:none}.platform-footer>div span:last-child{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.relic-entrance{--surface: #101010;--surface-elevated: #191919;--ink: #efefeb;--muted: #999995;--hairline: rgba(239, 239, 235, .18);--signal: #c8c8c4;--mineral: #deded9;--mineral-halo: #898985;--entrance-progress: 0;--interface-reveal: 0;position:relative;z-index:1;height:100vh;background:#101010;color:var(--ink)}.relic-entrance__stage{position:sticky;top:0;width:100%;height:100vh;overflow:hidden}.relic-entrance__stage:before,.relic-entrance__stage:after{position:absolute;inset:0;opacity:0;content:"";pointer-events:none}.relic-entrance__stage:before{background:repeating-linear-gradient(104deg,transparent 0 42px,color-mix(in srgb,var(--signal) 18%,transparent) 43px,transparent 44px 86px),radial-gradient(ellipse at 51% 42%,color-mix(in srgb,var(--mineral) 24%,transparent),transparent 39%)}.relic-entrance__stage:after{inset:14vh 16vw 17vh;border:1px solid color-mix(in srgb,var(--mineral) 28%,transparent);border-radius:50%;filter:blur(24px)}.relic-entrance[data-state=fallback] .relic-entrance__stage:before,.relic-entrance[data-state=fallback] .relic-entrance__stage:after{opacity:1}.relic-entrance[data-state=fallback] .relic-entrance__canvas{opacity:0}.relic-entrance__canvas{position:absolute;inset:0;display:block;width:100%;height:100%;cursor:grab;touch-action:pan-y}.relic-entrance__canvas:active{cursor:grabbing}.relic-entrance__axis{position:absolute;top:17vh;bottom:15vh;left:50%;width:1px;background:linear-gradient(to bottom,transparent,color-mix(in srgb,var(--signal) 42%,transparent) 20%,color-mix(in srgb,var(--signal) 42%,transparent) 80%,transparent);opacity:calc(.12 + var(--entrance-progress) * .16);transform:translate(-.5px);pointer-events:none}.relic-entrance__wordmark{position:absolute;z-index:2;right:1.2vw;bottom:-.045em;left:1.2vw;margin:0;color:#efefeb;font-size:14.6vw;font-weight:660;line-height:.72;letter-spacing:-.078em;text-align:center;white-space:nowrap;pointer-events:none}@media(max-width:720px){.relic-entrance__axis{top:19vh;bottom:22vh}}.relic-entrance__wordmark[data-wordmark-mode=custom]{right:auto;bottom:clamp(28px,4.4svh,64px);left:clamp(18px,3.1vw,52px);width:auto;margin:0;font-size:initial;line-height:1;letter-spacing:normal}.relic-entrance[data-wordmark-mode=custom] .relic-entrance__axis{bottom:max(38vh,292px)}.home-wordmark{--home-wordmark-brightness: 1;--home-wordmark-offset-y: 0px;--home-wordmark-scale: 1;display:block;width:max-content;color:#efefeb;filter:brightness(var(--home-wordmark-brightness));transform:translateY(var(--home-wordmark-offset-y)) scale(var(--home-wordmark-scale));transform-origin:left bottom;will-change:filter,transform}.home-wordmark__text{display:block;font-family:Oswald,Arial Narrow,sans-serif;font-size:clamp(112px,15vw,244px);font-weight:500;line-height:.76;letter-spacing:-.04em;white-space:nowrap}@media(max-width:719px){.relic-entrance__wordmark[data-wordmark-mode=custom]{bottom:clamp(22px,3.6svh,36px);left:18px}.relic-entrance[data-wordmark-mode=custom] .relic-entrance__axis{bottom:max(35svh,250px)}.home-wordmark__text{font-size:min(26vw,122px);letter-spacing:-.04em}}@media(prefers-reduced-motion:reduce){.home-wordmark{will-change:auto}}.yude-preview-route{background:#101010;color:#efefeb}.yude-preview-route body{background:#101010}[data-page=yude-preview]{--preview-surface: #101010;--preview-ink: #efefeb;--preview-muted: #969692;--preview-hairline: rgba(239, 239, 235, .16);--preview-signal: #b7b7b2;width:100%;min-width:0;overflow:clip;background:var(--preview-surface);color:var(--preview-ink)}.yude-preview-hero{position:relative;height:100vh;min-height:720px}.yude-preview-hero .relic-entrance{height:100%}.yude-preview-hero .relic-entrance__stage{height:100svh}.yude-preview-section-heading{display:grid;grid-template-columns:minmax(150px,1.2fr) minmax(0,4.8fr) minmax(220px,2fr);gap:clamp(24px,4vw,72px);align-items:start;padding:0 0 clamp(56px,8vw,112px);border-top:1px solid var(--preview-hairline)}.yude-preview-section-heading>span,.yude-preview-section-heading>p{font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase}.yude-preview-section-heading>span{color:var(--preview-muted)}.yude-preview-section-heading h2{max-width:7ch;margin:0;font-family:Oswald,sans-serif;font-size:clamp(72px,7.6vw,116px);font-weight:500;line-height:.86;letter-spacing:-.04em}.yude-preview-section-heading>p{max-width:34ch;margin:0;color:var(--preview-muted);line-height:1.55}.yude-preview-works{padding:0 clamp(18px,3vw,48px);background:var(--preview-surface)}.relic-tuning-toggle{position:fixed;top:14px;right:14px;z-index:61;display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(239,239,235,.2);border-radius:0;background:#101010e0;color:#efefeb;font:10px/1 var(--font-mono);letter-spacing:.06em;cursor:pointer;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.relic-tuning-panel{position:fixed;inset:0 0 0 auto;z-index:60;width:380px;overflow-y:auto;border-left:1px solid rgba(239,239,235,.16);background:#141414f0;color:#efefeb;box-shadow:-20px 0 70px #00000047;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);scrollbar-color:#676765 transparent;scrollbar-width:thin}.relic-tuning-panel[hidden]{display:none}.relic-tuning-panel__header{display:flex;justify-content:space-between;align-items:flex-start;padding:18px 58px 22px 18px;border-bottom:1px solid rgba(239,239,235,.14)}.relic-tuning-panel__header span,.relic-tuning-panel__header kbd,.relic-tuning-panel summary small,.relic-tuning-panel__footer,.relic-tuning-control{font-family:var(--font-mono)}.relic-tuning-panel__header span{color:#8d8d88;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.relic-tuning-panel__header h2{margin:7px 0 0;font-size:24px;font-weight:500;letter-spacing:-.04em}.relic-tuning-panel__header kbd{margin-top:2px;padding:5px 7px;border:1px solid #4d4d49;color:#aaa9a4;font-size:9px;font-weight:400}.relic-tuning-panel details{border-bottom:1px solid rgba(239,239,235,.12)}.relic-tuning-panel summary{display:flex;justify-content:space-between;align-items:center;padding:17px 18px;list-style:none;cursor:pointer;-webkit-user-select:none;user-select:none}.relic-tuning-panel summary::-webkit-details-marker{display:none}.relic-tuning-panel summary:before{width:5px;height:5px;margin-right:10px;background:#c6c6c0;content:"";transform:rotate(45deg)}.relic-tuning-panel summary>span{margin-right:auto;font-size:13px}.relic-tuning-panel summary small{color:#777773;font-size:9px;letter-spacing:.08em}.relic-tuning-panel__controls{padding:2px 18px 22px}.relic-tuning-control{display:block;padding:10px 0;color:#b4b4ae;font-size:10px}.relic-tuning-control__head,.relic-tuning-control--color,.relic-tuning-control--switch,.relic-tuning-control--select{display:flex;justify-content:space-between;align-items:center;gap:12px}.relic-tuning-control__number{width:88px;height:28px;padding:0 8px;border:1px solid #4d4d49;border-radius:0;background:#171717;color:#efefeb;font:11px/1 var(--font-mono);text-align:right}.relic-tuning-control--select select{width:188px;height:30px;padding:0 28px 0 9px;border:1px solid #4d4d49;border-radius:0;background:#171717;color:#efefeb;font:10px/1 var(--font-mono)}.relic-tuning-control input[type=range]{width:100%;height:18px;margin:8px 0 0;accent-color:#c6c6c0;cursor:ew-resize}.relic-tuning-control input[type=color]{width:56px;height:28px;padding:2px;border:1px solid #4d4d49;border-radius:0;background:#171717;cursor:pointer}.relic-tuning-control input[type=checkbox]{width:30px;height:16px;accent-color:#c6c6c0}.relic-tuning-panel__footer{position:sticky;bottom:0;padding:14px 18px 18px;border-top:1px solid rgba(239,239,235,.14);background:#141414f7}.relic-tuning-panel__section-reset{width:100%;min-height:32px;margin-top:10px;border:1px solid #4d4d49;border-radius:0;background:transparent;color:#a3a39e;font:9px/1 var(--font-mono);cursor:pointer}.relic-tuning-panel__footer p{min-height:1em;margin:0 0 10px;color:#777773;font-size:9px}.relic-tuning-panel__footer>div{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.relic-tuning-panel__footer button{min-height:32px;border:1px solid #4d4d49;border-radius:0;background:#171717;color:#d2d2cc;font:9px/1 var(--font-mono);cursor:pointer}.relic-tuning-panel button:hover,.relic-tuning-panel button:focus-visible,.relic-tuning-toggle:hover,.relic-tuning-toggle:focus-visible{border-color:#c6c6c0;outline:none}@media(max-width:719px){.yude-preview-hero{height:100svh;min-height:620px}.yude-preview-works{padding:72px 18px 0}.yude-preview-section-heading{grid-template-columns:1fr;gap:18px;padding:0 0 42px}.yude-preview-section-heading h2{max-width:8ch;font-size:clamp(52px,17vw,74px);line-height:.86}.yude-preview-section-heading>p{max-width:38ch}.relic-tuning-toggle{top:10px;right:10px}.relic-tuning-panel{width:min(380px,100vw)}}.yude-work-showcase{position:relative;margin-top:0;cursor:default}.yude-work-card{position:relative;display:block;min-height:0;padding:0 0 clamp(88px,12vh,160px);color:var(--preview-ink)}.yude-work-card+.yude-work-card{border-top:1px solid var(--preview-hairline)}.yude-work-card__meta{display:grid;grid-template-columns:minmax(76px,.46fr) minmax(0,3.54fr);gap:clamp(18px,3vw,48px);align-items:start;min-height:0;padding:clamp(26px,4vh,52px) 0 24px;color:var(--preview-ink)}.yude-work-card__meta div[data-work-caption]{display:flex;align-items:baseline;padding-top:10px}.yude-work-card__meta span,.yude-work-card__meta strong,.yude-work-card__loading{font-family:var(--font-mono);font-size:10px;font-weight:400;letter-spacing:.06em;line-height:1.45;text-transform:uppercase}.yude-work-card__meta span{color:var(--preview-muted)}.yude-work-card__meta div[data-work-copy]{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(18px,2.2vw,34px)}.yude-work-card__meta h3{margin:0;font-family:Chiron Hei HK VF,PingFang SC,Noto Sans SC,sans-serif;font-size:clamp(44px,4.4vw,70px);font-weight:400;line-height:.88;letter-spacing:-.06em}.yude-work-card__meta p{max-width:36ch;margin:0;color:var(--preview-muted);font-size:clamp(13px,1vw,16px);line-height:1.5;text-transform:none}.yude-work-card__meta strong{color:var(--preview-ink);font-family:Oswald,Arial Narrow,sans-serif;font-size:clamp(28px,3vw,46px);font-weight:500;line-height:.9;letter-spacing:-.04em}.yude-work-card__media{position:relative;width:100%;height:min(74svh,840px);min-height:540px;overflow:hidden;border:1px solid var(--preview-hairline);background:#191919}.yude-work-card[data-work-slug=word-sculpture] .yude-work-card__media,.yude-work-card[data-work-slug=ink-rain] .yude-work-card__media{background:#e4e4e0}.yude-work-card__media iframe{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none}.yude-work-card__loading{position:absolute;left:18px;bottom:16px;color:var(--preview-muted);transition:opacity .3s ease}.yude-work-card[data-work-loaded=true] .yude-work-card__loading{opacity:0}.yude-work-view-cursor{--view-x: -160px;--view-y: -160px;position:fixed;top:0;left:0;z-index:58;display:grid;width:88px;height:42px;place-items:center;border:1px solid rgba(239,239,235,.42);background:#101010e6;color:var(--preview-ink);font:11px/1 var(--font-mono);letter-spacing:.08em;pointer-events:none;opacity:0;transform:translate3d(var(--view-x),var(--view-y),0);transition:transform .21s cubic-bezier(.16,1,.3,1),opacity .12s ease;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.yude-work-view-cursor[data-visible=true]{opacity:1}.yude-work-card:focus-visible{outline:2px solid var(--preview-signal);outline-offset:6px}@media(prefers-reduced-motion:reduce){.yude-work-card__media{transform:none;transition:none}.yude-work-view-cursor{transition:opacity .12s ease}}@media(hover:none),(pointer:coarse){.yude-work-view-cursor{display:none}}@media(max-width:719px){.yude-work-showcase{margin-top:0}.yude-work-card{min-height:0;padding-bottom:72px}.yude-work-card__meta{grid-template-columns:minmax(0,1fr);gap:14px;min-height:0;padding:24px 0 22px}.yude-work-card__meta div[data-work-caption]{padding-top:0}.yude-work-card__meta h3{font-size:clamp(40px,11vw,54px)}.yude-work-card__meta p{max-width:42ch;font-size:13px}.yude-work-card__media{height:min(68svh,620px);min-height:440px}.yude-work-view-cursor{display:none}}.yude-studio-route,.yude-studio-route body{background:#101010;color:#efefeb}.studio-gate{display:grid;min-height:100svh;place-items:center;padding:32px;background:#101010;color:#efefeb}.studio-gate>div{width:min(560px,100%);border-top:1px solid #3b3b39;padding-top:22px}.studio-gate span,.studio-gate p,.studio-gate button,.studio-toolbar,.studio-status{font-family:var(--font-mono)}.studio-gate span{color:#8c8c88;font-size:10px;letter-spacing:.08em}.studio-gate h1{margin:26px 0 18px;font-family:Oswald,sans-serif;font-size:clamp(56px,8vw,104px);font-weight:500;line-height:.9}.studio-gate p{max-width:52ch;color:#aaa9a4;font-size:12px;line-height:1.7}.studio-gate button,.studio-toolbar button,.studio-toolbar a{border:1px solid #4a4a47;border-radius:0;background:#171717;color:#efefeb;cursor:pointer}.studio-gate button{margin-top:24px;padding:12px 16px}.studio-login{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:30px}.studio-login label{grid-column:1 / -1;color:#8c8c88;font:10px/1 var(--font-mono);letter-spacing:.08em}.studio-login input{min-width:0;height:42px;padding:0 12px;border:1px solid #4a4a47;border-radius:0;outline:0;background:#171717;color:#efefeb;font:14px/1 var(--font-mono)}.studio-login input:focus{border-color:#efefeb}.studio-login button{margin:0}.studio-login p[role=alert]{grid-column:1 / -1;margin:4px 0 0;color:#d48b85}.studio-shell{min-height:100svh;padding-top:58px;background:#101010}.studio-toolbar{position:fixed;inset:0 0 auto;z-index:80;display:grid;grid-template-columns:auto 1fr auto;min-height:58px;align-items:center;gap:20px;padding:8px 14px;border-bottom:1px solid #353532;background:#101010f5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);font-size:10px}.studio-toolbar__brand{border:0!important;background:transparent!important;text-decoration:none;letter-spacing:.08em}.studio-toolbar nav,.studio-toolbar__actions{display:flex;align-items:center;gap:6px}.studio-toolbar nav button,.studio-toolbar__actions a,.studio-toolbar__actions button{padding:9px 12px;text-decoration:none;font:inherit}.studio-toolbar nav button[aria-current=page]{background:#efefeb;color:#101010}.studio-toolbar__actions{justify-content:flex-end}.studio-toolbar__actions span{color:#81817d}.studio-toolbar__actions button{background:#efefeb;color:#101010}.studio-toolbar__actions .studio-toolbar__logout{border-color:transparent;background:transparent;color:#858581}.studio-toolbar button:disabled,.studio-history button:disabled,.studio-login button:disabled{cursor:wait;opacity:.45}.studio-status{position:fixed;right:14px;bottom:14px;z-index:82;padding:8px 10px;background:#101010e0;color:#aaa9a4;font-size:9px;pointer-events:none}.studio-canvas{min-height:calc(100svh - 58px)}.studio-history{position:fixed;inset:58px 0 0 auto;z-index:76;width:min(390px,100vw);overflow-y:auto;border-left:1px solid #353532;background:#121212f7;box-shadow:-30px 0 80px #00000057;color:#efefeb;font-family:var(--font-mono);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.studio-history>header{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:18px;border-bottom:1px solid #353532;background:#121212;font-size:10px;letter-spacing:.08em}.studio-history>header button{border:0;background:transparent;color:#efefeb;font-size:20px;cursor:pointer}.studio-history article{display:grid;gap:9px;padding:18px;border-bottom:1px solid #2e2e2c}.studio-history article strong,.studio-history article time{color:#8c8c88;font-size:9px;font-weight:400;letter-spacing:.08em}.studio-history article code{overflow-wrap:anywhere;color:#d3d3ce;font:10px/1.5 var(--font-mono)}.studio-history article button{justify-self:start;padding:8px 10px;border:1px solid #484844;border-radius:0;background:transparent;color:#efefeb;font:9px/1 var(--font-mono);cursor:pointer}.studio-history>p{padding:22px 18px;color:#858581;font-size:10px}.studio-work-frame{display:block;width:100%;height:calc(100svh - 58px);border:0;background:#e8e4da}.studio-shell .relic-tuning-toggle{top:72px}.studio-shell .relic-tuning-panel{top:58px}@media(max-width:820px){.studio-shell{padding-top:102px}.studio-toolbar{grid-template-columns:1fr auto;align-content:center}.studio-toolbar nav{grid-column:1 / -1;grid-row:2;overflow-x:auto}.studio-toolbar__actions span,.studio-toolbar__actions a{display:none}.studio-work-frame{height:calc(100svh - 102px)}.studio-history{top:102px}}