@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(../media/archivo-vietnamese-wdth-normal.38-z0iikg-fbe.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(../media/archivo-latin-ext-wdth-normal.27soo5q86xy9f.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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;font-stretch:62% 125%;src:url(../media/archivo-latin-wdth-normal.1h4hl0m83hjjz.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,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(../media/ibm-plex-mono-cyrillic-ext-400-normal.09jq5v9-1wf71.woff2)format("woff2"),url(../media/ibm-plex-mono-cyrillic-ext-400-normal.2iaubq2jy0rx3.woff)format("woff");unicode-range:U+460-52F,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(../media/ibm-plex-mono-cyrillic-400-normal.0m1ahpdxrpokj.woff2)format("woff2"),url(../media/ibm-plex-mono-cyrillic-400-normal.2-z93d2j9-3s0.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(../media/ibm-plex-mono-vietnamese-400-normal.3a7fs2yw914a9.woff2)format("woff2"),url(../media/ibm-plex-mono-vietnamese-400-normal.2kzc8ichkozg5.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(../media/ibm-plex-mono-latin-ext-400-normal.1hjaitcyq2e2r.woff2)format("woff2"),url(../media/ibm-plex-mono-latin-ext-400-normal.0nrwft7nlo5oa.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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(../media/ibm-plex-mono-latin-400-normal.3xdfs0-p_zi4c.woff2)format("woff2"),url(../media/ibm-plex-mono-latin-400-normal.2lhng2ntocry9.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,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:500;src:url(../media/ibm-plex-mono-cyrillic-ext-500-normal.28wp48yubenc3.woff2)format("woff2"),url(../media/ibm-plex-mono-cyrillic-ext-500-normal.41yczc5zdkwdh.woff)format("woff");unicode-range:U+460-52F,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:500;src:url(../media/ibm-plex-mono-cyrillic-500-normal.26ox_itp_alxp.woff2)format("woff2"),url(../media/ibm-plex-mono-cyrillic-500-normal.1eaan1mch682e.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(../media/ibm-plex-mono-vietnamese-500-normal.0s1z3n-ysad7w.woff2)format("woff2"),url(../media/ibm-plex-mono-vietnamese-500-normal.2g79xp9gzp1kn.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(../media/ibm-plex-mono-latin-ext-500-normal.1cuq9_67cn48n.woff2)format("woff2"),url(../media/ibm-plex-mono-latin-ext-500-normal.1tdw_l2v4yhc_.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:500;src:url(../media/ibm-plex-mono-latin-500-normal.11q3guvgd1r20.woff2)format("woff2"),url(../media/ibm-plex-mono-latin-500-normal.1fgk-kmy-32_a.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
.site{container-type:inline-size}:root{--bg:#05070c;--surface:#0e131c;--panel:#080b12d1;--line:#8ea9f22b;--text:#e7e9ec;--muted:#9aa3af;--accent:#8ea9f2;--accent-fill:#2f4fa8;--on-accent:#fff;--live:#6fcf97;--sans:"IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;--mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--bg);color:var(--text);font-family:var(--sans);margin:0;font-size:16px;line-height:1.6}a{color:var(--accent);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px;transition:text-decoration-thickness .15s,color .15s}a:hover{text-decoration-thickness:2px}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}button,a,summary{cursor:pointer}.site{background:var(--bg);position:relative}.scene{z-index:0;pointer-events:none;background:radial-gradient(circle at 58% 46%,#8ea9f252 0,#2f4fa82e 14%,#05070c00 46%),#05070c;height:100svh;margin-bottom:-100svh;position:sticky;top:0;overflow:hidden}.scene.gl-on{background:#05070c}.scene canvas{width:100%;height:100%;display:block}.scene .vignette{background:radial-gradient(at 50% 42%,#05070c00 50%,#05070c80 100%);position:absolute;inset:0}.head{z-index:4;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);background:#05070c99;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex;position:sticky;top:0}.mark{color:var(--text);letter-spacing:-.01em;font-weight:600;text-decoration:none}.nav{align-items:center;gap:16px;font-size:15px;display:flex}.nav a{color:var(--muted);text-decoration:none}.nav a:hover,.nav a[aria-current=page]{color:var(--text)}.navlinks{gap:20px;display:none}.tools{gap:6px;display:flex}.pill{border:1px solid var(--line);border-radius:4px;grid-auto-columns:1fr;grid-auto-flow:column;padding:2px;display:inline-grid;position:relative}.pill .ind{background:var(--surface);border:1px solid var(--line);width:calc(50% - 2px);transform:translateX(calc(var(--at,0) * 100%));border-radius:3px;transition:transform .32s cubic-bezier(.3,1.35,.5,1);position:absolute;top:2px;bottom:2px;left:2px}.pill button{font:500 13px/1 var(--mono);color:var(--muted);background:0 0;border:0;min-height:34px;padding:0 9px;transition:color .2s;position:relative}.pill button[aria-pressed=true]{color:var(--text)}.chip{font:500 13px/1 var(--mono);color:var(--muted);border:1px solid var(--line);background:0 0;border-radius:4px;min-width:44px;min-height:36px;padding:0 10px;position:relative}.chip:hover{color:var(--text)}@container (min-width:720px){.navlinks{display:flex}}main{z-index:1;gap:clamp(140px,34svh,340px);padding:0 14px 56px;display:grid;position:relative}main>section,.detail-head{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(14px);border-radius:8px;padding:26px 20px}#detail{gap:18px;padding-top:30svh}@container (min-width:720px){main{padding:0 32px 72px}main>section,.detail-head{padding:36px 40px}}h1,h2,h3{text-wrap:balance;margin:0}h2{margin-bottom:20px;font-size:20px;font-weight:600}.mono{font-family:var(--mono);font-size:13px}.muted{color:var(--muted)}.intro{gap:20px;padding-block:48px 40px;display:grid}.intro h1{letter-spacing:-.015em;font-size:clamp(2rem,9cqw,3.25rem);font-weight:600;line-height:1.1}.role{margin:6px 0 0;font-size:18px;font-weight:500}.place{margin:2px 0 0}.summary{max-width:62ch;margin:0;font-size:17px}.actions{flex-wrap:wrap;gap:10px;display:flex}.btn{min-height:44px;font:500 15px/1 var(--sans);border:1px solid var(--line);color:var(--text);background:0 0;border-radius:4px;align-items:center;gap:8px;padding:0 18px;text-decoration:none;display:inline-flex}.btn.primary{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent)}.btn:hover{border-color:var(--muted);text-decoration:none}.btn.primary:hover{filter:brightness(1.12);border-color:var(--accent-fill)}.facts{flex-wrap:wrap;gap:6px 18px;margin:4px 0 0;padding:0;list-style:none;display:flex}.facts li{color:var(--muted)}.projects{gap:36px;display:grid}@container (min-width:720px){.projects{grid-template-columns:1fr 1fr;gap:40px 32px}}.proj{gap:14px;min-width:0;display:grid}.frame{border:1px solid var(--line);background:var(--surface);border-radius:6px;overflow:hidden}.frame .url{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:8px;padding:6px 10px;display:flex}.vp{aspect-ratio:16/10;max-width:100%;position:relative;overflow:hidden}.vp img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .5s cubic-bezier(.2,.75,.2,1);display:block;position:absolute;inset:0}.proj:hover .vp img{transform:scale(1.025)}.frame{transition:border-color .2s}.arr{transition:transform .15s;display:inline-block}a:hover .arr,a:focus-visible .arr{transform:translate(2px,-2px)}.frame .empty{aspect-ratio:16/10;color:var(--muted);text-align:center;place-items:center;padding:16px;font-size:14px;display:grid}.proj h3{justify-content:space-between;align-items:baseline;gap:12px;font-size:19px;font-weight:600;display:flex}.proj h3 a{color:var(--text);text-decoration:none}.proj h3 a:hover{color:var(--accent)}.proj p{margin:0}.spec{grid-template-columns:max-content 1fr;gap:4px 16px;margin:0;font-size:15px;display:grid}.spec dt{font-family:var(--mono);color:var(--muted);padding-top:2px;font-size:13px}.spec dd{min-width:0;margin:0}.live{align-items:center;gap:6px;display:inline-flex;position:relative}.live:before{content:"";background:var(--live);border-radius:50%;width:7px;height:7px}.live:after{content:"";border:1px solid var(--live);opacity:0;border-radius:50%;width:7px;height:7px;margin-top:-3.5px;position:absolute;top:50%;left:0}.timeline{margin:0;padding:0 0 0 22px;list-style:none;display:grid;position:relative}.timeline:before,.timeline:after{content:"";background:var(--line);width:1px;position:absolute;top:6px;bottom:6px;left:3px}.timeline:after{background:var(--accent);transform-origin:top;transform:scaleY(1)}.timeline li{position:relative}.timeline li:before{content:"";background:var(--bg);border:1px solid var(--accent);border-radius:50%;width:7px;height:7px;position:absolute;top:22px;left:-22px}.timeline li:first-child:before{top:8px}.timeline li{border-top:1px solid var(--line);grid-template-columns:1fr;gap:2px;padding-block:14px;display:grid}.timeline li:first-child{border-top:0;padding-top:0}.timeline .when{font-family:var(--mono);color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.timeline .what{font-weight:500}@container (min-width:720px){.timeline li{grid-template-columns:200px 1fr;gap:24px}}.skills{gap:14px;margin:0;display:grid}.skills div{gap:2px;display:grid}.skills dt{font-family:var(--mono);color:var(--muted);font-size:13px}.skills dd{margin:0}@container (min-width:720px){.skills{grid-template-columns:repeat(3,1fr);gap:24px}}.contact{gap:14px;display:grid}.copyrow{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.addr{font-family:var(--mono);-webkit-user-select:all;user-select:all;overflow-wrap:anywhere;font-size:15px}.foot{z-index:1;border-top:1px solid var(--line);color:var(--muted);background:#05070cd9;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:24px 20px 32px;font-size:14px;display:flex;position:relative}.site{position:relative}.hero{z-index:1;isolation:isolate;color:#eef1f5;align-items:flex-end;min-height:clamp(560px,86svh,860px);display:flex;position:relative}.hero[hidden]{display:none}.hero-scrim{z-index:-1;pointer-events:none;background:linear-gradient(#05070c00 30%,#05070c8c 62%,#05070ceb 100%),linear-gradient(90deg,#05070cb3 0%,#05070c00 55%);position:absolute;inset:0}.hero-inner{gap:18px;width:100%;max-width:1080px;padding:120px 20px 44px;display:grid;position:relative}.big{letter-spacing:-.035em;max-width:11ch;font-size:clamp(2.75rem,12.5cqw,6.25rem);font-weight:700;line-height:.98}.who{gap:2px;margin:2px 0 0;font-size:17px;display:grid}.who strong{font-size:18px;font-weight:600}.who span{color:#b4bcc8}.hero-name{letter-spacing:-.02em;max-width:14ch;margin:0;font-size:clamp(2rem,8cqw,3.5rem);font-weight:600;line-height:1.05}.about{max-width:64ch;margin:0;font-size:17px}.hero-act{flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:6px;display:flex}.hero-btn{color:#eef1f5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#dce6ff14;border-color:#dce6ff4d}.hero-btn:hover{border-color:#8ea9f2}.hero-links{color:#8c95a3;gap:10px;display:inline-flex}.hero :focus-visible{outline-color:#8ea9f2}@container (min-width:720px){.hero-inner{padding:160px 48px 72px}}.progress{z-index:5;top:env(safe-area-inset-top,0px);background:var(--accent);transform-origin:0;pointer-events:none;height:2px;position:fixed;left:0;right:0;transform:scaleX(0)}.progress[hidden]{display:none}@keyframes rise{0%{transform:translateY(105%)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}}@keyframes cardIn{0%{opacity:0;transform:translateY(16px)}}@keyframes pan{0%{transform:translateY(0)}to{transform:translateY(var(--pan,0px))}}@keyframes ping{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}@keyframes draw{0%{transform:scaleY(0)}}@keyframes lit{0%{opacity:.4}}@keyframes grow{to{transform:scaleX(1)}}@keyframes fadeIn{0%{opacity:0}}.words .w{vertical-align:bottom;margin-bottom:-.06em;padding-bottom:.06em;display:inline-block;overflow:hidden}.words .w>span{display:inline-block}.big .w{margin-bottom:-.1em;padding-bottom:.1em}@media (prefers-reduced-motion:no-preference){.words .w>span{animation:.75s cubic-bezier(.2,.75,.2,1) both rise;animation-delay:calc(var(--i) * 70ms)}.seq{animation:.7s cubic-bezier(.2,.75,.2,1) both fadeUp;animation-delay:calc(.25s + var(--d) * .11s)}.words .w>span{animation-duration:.9s;animation-delay:calc(var(--i) * 90ms)}.scene.gl-on canvas{animation:1.6s both fadeIn}.seen .live:after{animation:1s ease-out 2 ping}::view-transition-old(root){animation-duration:.28s}::view-transition-new(root){animation-duration:.28s}::view-transition-group(*){animation-duration:.45s;animation-timing-function:cubic-bezier(.2,.75,.2,1)}@supports (animation-timeline:view()){.frame{view-timeline:--shot block}.proj{animation:linear both cardIn;animation-timeline:view();animation-range:entry entry 55%}.timeline{view-timeline:--tl block}.timeline:after{animation:linear both draw;animation-timeline:--tl;animation-range:entry 60% cover 70%}.progress{animation:linear both grow;animation-timeline:scroll(root)}}}.back{margin-top:24px;font-size:15px;display:inline-block}.detail-head{gap:16px;padding-block:24px 28px;display:grid}.detail-head h1{font-size:clamp(1.75rem,7cqw,2.5rem);font-weight:600;line-height:1.15}.lede{max-width:62ch;margin:0;font-size:18px}.prose{max-width:66ch}.prose h2{margin:0 0 10px}.prose p{margin:0 0 14px}.prose ul{gap:10px;margin:0;padding-left:20px;display:grid}.prose li strong{font-weight:600}.note{border-left:2px solid var(--accent);color:var(--muted);margin:0;padding:2px 0 2px 14px;font-size:15px}.pager{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}:root{--bg:#050505;--surface:#0c0d0f;--panel:#060607db;--line:#dde6f024;--text:#dde6f0;--muted:#8b929b;--accent:#dde6f0;--accent-fill:#dde6f0;--on-accent:#050505;--live:#ff4d3d;--red:#ff4d3d;--sans:"Archivo Variable", "Archivo", "Helvetica Neue", Arial, sans-serif}.scene,.scene.gl-on{background:#050505}.scene .vignette{background:radial-gradient(at 60% 45%,#05050500 50%,#05050599 100%)}.hud{right:max(20px, env(safe-area-inset-right,0px));font:500 13px/1 var(--mono);color:var(--muted);align-items:baseline;gap:10px;display:flex;position:absolute;bottom:18px}.hud .i{color:var(--red)}.head{background:#0505059e}.mark span{color:var(--red)}.pill,.chip,.btn,.frame,main>section,.detail-head{border-radius:2px}.pill .ind{border-radius:1px}h2{font-family:var(--sans);font-variation-settings:"wdth" 125;text-transform:uppercase;letter-spacing:-.01em;margin-bottom:26px;font-size:clamp(2rem,7.2cqw,3.6rem);font-weight:800;font-stretch:125%;line-height:.9}h2:before{content:attr(data-n);font:500 13px/1 var(--mono);color:var(--red);letter-spacing:0;font-variation-settings:normal;margin-bottom:12px;display:block}main>section{background:var(--panel)}@container (min-width:900px){main>section:not(#proyek){max-width:600px}}.giant{font-variation-settings:"wdth" 125;text-transform:uppercase;letter-spacing:-.02em;margin:0;font-size:clamp(2.3rem,10.4cqw,7.4rem);font-weight:800;font-stretch:125%;line-height:.86}.giant .w{width:fit-content;display:block}.hero .who{color:var(--muted);max-width:46ch;margin:4px 0 0;font-size:16px;display:block}.hero .who b{color:var(--text);font-weight:600}.hero-scrim{background:linear-gradient(#05050500 38%,#05050573 66%,#050505e6 100%)}.hero-btn{background:var(--text);color:var(--bg);border-color:var(--text);font-family:var(--mono);-webkit-backdrop-filter:none;backdrop-filter:none}.hero-btn:hover{border-color:var(--text);filter:brightness(.92)}.hero a:not(.btn){color:var(--text)}.btn{font-family:var(--mono);font-size:14px}.proj h3{font-variation-settings:"wdth" 112;font-weight:700;font-stretch:112%}.proj:hover .frame,.proj:focus-within .frame{border-color:var(--text)}.timeline:after{background:var(--red)}.timeline li:before{border-color:var(--red)}.progress{background:var(--red)}.detail-head h1{font-variation-settings:"wdth" 125;text-transform:uppercase;letter-spacing:-.01em;font-weight:800;font-stretch:125%}.note{border-left-color:var(--red)}a{text-decoration-color:#dde6f073}a:hover{text-decoration-color:currentColor}main{gap:40px}.beat{pointer-events:none;height:78svh}#home>.beat:first-child{height:46svh}@container (min-width:900px){main>section,main>section:not(#proyek){max-width:520px}.projects{grid-template-columns:1fr;gap:32px}.beat{height:64svh}}.giant{font-size:clamp(1.9rem,6.2cqw,4.4rem);line-height:.9}main{--padl:14px;padding-left:var(--padl);gap:0}main:before{content:"";top:0;bottom:56px;left:var(--padl);background:var(--line);width:1px;position:absolute}main>section{background:#060607f2;position:relative}main>section:after{content:"";background:var(--red);width:7px;height:7px;box-shadow:0 0 0 3px var(--bg);border-radius:50%;position:absolute;top:30px;left:-4px}.beat,#home>.beat:first-child{height:18svh;min-height:96px;position:relative}.beat:before{content:"";left:calc(var(--padl) - 1px);background:linear-gradient(to bottom, transparent 0 42%, var(--red) 42% 58%, transparent 58% 100%);background-position:0 100%;background-size:100% 200%;width:3px;position:absolute;top:0;bottom:0}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.beat:before{animation:linear both travel;animation-timeline:view();animation-range:cover}}}@keyframes travel{0%{background-position:0 100%}to{background-position:0 0}}@container (min-width:720px){main{--padl:32px}}@container (min-width:900px){.beat{height:16svh}}.eye{border:1px solid var(--line);width:44px;height:44px;color:var(--muted);background:0 0;border-radius:2px;place-items:center;transition:color .2s,border-color .2s,background .2s;display:inline-grid}.eye:hover{color:var(--text);border-color:var(--muted)}.eye .eye-shut{display:none}.peek .eye{color:var(--bg);background:var(--text);border-color:var(--text)}.peek .eye .eye-open{display:none}.peek .eye .eye-shut{display:block}.site main,.site .hero-inner,.site .hero-scrim,.site .foot,.site .navlinks,.site .pill{transition:opacity .45s}.peek main,.peek .hero-inner,.peek .hero-scrim,.peek .foot,.peek .navlinks,.peek #lang{opacity:0;pointer-events:none}.peek .head{-webkit-backdrop-filter:none;background:0 0;border-bottom-color:#0000}.peek-hint{text-align:center;white-space:normal;max-width:calc(100% - 32px);line-height:1.4;font:500 12px/1 var(--mono);color:var(--muted);opacity:0;transition:opacity .45s;position:absolute;bottom:46px;left:50%;transform:translate(-50%)}.peek .peek-hint{opacity:1}main>section,.detail-head{background:radial-gradient(420px circle at var(--mx,20%) var(--my,-10%), #ffffff17, #fff0 60%), linear-gradient(160deg, #ffffff12, #ffffff04 45%, #ffffff0a), #090a0d94;-webkit-backdrop-filter:blur(24px)saturate(170%);border:1px solid #ffffff21;border-radius:16px;overflow:clip;box-shadow:inset 0 1px #ffffff29,inset 0 -1px #ffffff0a,0 24px 60px #00000080;container-type:inline-size}main>section:after{top:18px;left:auto;right:18px}main>section:before,.detail-head:before{content:"";opacity:.85;background:linear-gradient(90deg,#ff3d3d,#ffb13d,#f5ff3d,#3dff8a,#3dd5ff,#6a3dff,#ff3dd2,#ff3d3d) 0 0/200% 100%;border-radius:2px;height:2px;position:absolute;top:0;left:16px;right:16px}@media (prefers-reduced-motion:no-preference){main>section:before,.detail-head:before{animation:6s linear infinite rgbflow}}@keyframes rgbflow{to{background-position:-200% 0}}.detail-head{position:relative}main h2{overflow-wrap:anywhere;font-size:clamp(1.6rem,9.2cqi,3.4rem)}.frame{border-radius:10px}.head{box-shadow:0 1px #ffffff0f}.mark{align-items:center;gap:8px;display:inline-flex}.mark .logo{flex:none;width:22px;height:22px}.mark .wm{color:var(--text)}.mark .wm span{color:var(--red)}.pill.langs a{font:500 13px/1 var(--mono);color:var(--muted);place-items:center;min-width:44px;min-height:34px;padding:0 9px;text-decoration:none;transition:color .2s;display:inline-grid;position:relative}.pill.langs a[aria-current=true]{color:var(--text)}.more{margin:28px 0 0}.subhead{font:500 13px/1 var(--mono);color:var(--red);text-transform:none;margin:30px 0 14px}.timeline .detail{font-size:15px;display:block}.certs{gap:8px;margin:0;padding:0;list-style:none;display:grid}.social a{margin-right:2px}.list-title{font-variation-settings:"wdth" 125;text-transform:uppercase;margin:0 0 18px;font-size:clamp(1.8rem,9cqi,3.4rem);font-weight:800;font-stretch:125%;line-height:.9}#list{padding-top:20svh}.filters{flex-wrap:wrap;gap:8px;margin:0 0 28px;display:flex}.filters a{font:500 13px/1 var(--mono);color:var(--muted);border:1px solid var(--line);border-radius:2px;align-items:center;min-height:36px;padding:9px 11px;text-decoration:none;display:inline-flex}.filters a[aria-current=true]{color:var(--bg);background:var(--text);border-color:var(--text)}.gallery{gap:14px;display:grid}.gallery figure{margin:0}.gallery img{width:100%;height:auto;display:block}.pager a{max-width:48%}main>section,#hero{scroll-margin-top:76px}@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}::view-transition-group(*){animation-duration:.45s;animation-timing-function:cubic-bezier(.2,.75,.2,1)}@supports (animation-timeline:view()){.timeline:after{display:none}.timeline li:after{content:"";background:var(--red);transform-origin:top;width:1px;height:100%;animation:linear both segdraw;animation-timeline:view(60% 40%);animation-range:cover;position:absolute;top:25.5px;left:-19px;transform:scaleY(0)}.timeline li:first-child:after{height:calc(100% + 14px);top:11.5px}.timeline li:last-child:after{display:none}.timeline li:before{animation:linear both dotfill;animation-timeline:view(60% 40%);animation-range:cover cover 2%}}}@keyframes segdraw{to{transform:scaleY(1)}}@keyframes dotfill{0%{background:var(--bg)}to{background:var(--red);box-shadow:0 0 10px #ff4d3d8c}}.pill.langs a:after,.chip:after{content:"";position:absolute;inset:-5px 0}