@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(../media/033400d475fad6b1-s.11x_mcju407z-.woff2)format("woff2");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:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(../media/26daee0352f50a5f-s.456c9vb2_utt8.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(../media/017d9bea37084d9b-s.p.2fl0vhx7oyatw.woff2)format("woff2");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:Bricolage Grotesque Fallback;src:local(Arial);ascent-override:88.21%;descent-override:25.61%;line-gap-override:0.0%;size-adjust:105.43%}._7R7SRW_className{font-family:Bricolage Grotesque,Bricolage Grotesque Fallback;font-style:normal}._7R7SRW_variable{--font-sans:"Bricolage Grotesque", "Bricolage Grotesque Fallback"}
@font-face{font-family:Instrument Serif;font-style:italic;font-weight:400;font-display:swap;src:url(../media/fc0a7394b875fa43-s.3zvkfbs08rnj_.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Serif;font-style:italic;font-weight:400;font-display:swap;src:url(../media/7ebf22b5a21034f8-s.p.3strvg7o-g5v2.woff2)format("woff2");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:Instrument Serif;font-style:normal;font-weight:400;font-display:swap;src:url(../media/ccf27e5a7366fb23-s.1wwzpfhzaj2r0.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Serif;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e41d5df559864f9e-s.p.2rlzm4mj5kw8e.woff2)format("woff2");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:Instrument Serif Fallback;src:local(Times New Roman);ascent-override:117.94%;descent-override:36.93%;line-gap-override:0.0%;size-adjust:83.94%}.esu_Tq_className{font-family:Instrument Serif,Instrument Serif Fallback;font-weight:400}.esu_Tq_variable{--font-serif:"Instrument Serif", "Instrument Serif Fallback"}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/13bf9871fe164e7f-s.3bz3aq452sydg.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/cc545e633e20c56d-s.2sb9jzhmrh7ny.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/71b036adf157cdcf-s.343obqi851wr5.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/89b21bb081cb7469-s.40kcwrf1wub16.woff2)format("woff2");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:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/3fe682a82f50d426-s.200l3jur7oygh.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/70bc3e132a0a741e-s.p.269kn9uafm0ti.woff2)format("woff2");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:JetBrains Mono Fallback;src:local(Arial);ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.0%;size-adjust:134.59%}.P1H3iW_className{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.P1H3iW_variable{--font-mono:"JetBrains Mono", "JetBrains Mono Fallback"}
:root,[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#060b14;--ink-2:#0a111d;--ink-3:#101a2a;--ink-rgb:6, 11, 20;--bone:#ede8dd;--bone-rgb:237, 232, 221;--line:#ede8dd1a;--line-2:#ede8dd33;--mute:#8a8b88;--text-2:#b9b5aa;--text-3:#cfcabd;--accent:#2073b6;--accent-text:#6ab3f2;--accent-rgb:32, 115, 182;--on-accent:#fff;--mint:#6ef0b5;--mint-rgb:110, 240, 181;--tile:#ede8dd;--sh-tile:0 14px 30px -14px #000c;--sh-card:0 40px 80px -40px #000000e6;--sh-browser:0 30px 60px -30px #000000e6, 0 0 0 1px #0006;--sh-pop:0 30px 60px -20px #000000e6;--grain:.055}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#eeebe3;--ink-2:#f5f3ed;--ink-3:#fbfaf6;--ink-rgb:238, 235, 227;--bone:#0d0f14;--bone-rgb:13, 15, 20;--line:#0d0f141c;--line-2:#0d0f1438;--mute:#6b6c69;--text-2:#484946;--text-3:#2e2f2d;--accent:#013a63;--accent-text:#013a63;--accent-rgb:1, 58, 99;--on-accent:#fff;--mint:#12a368;--mint-rgb:18, 163, 104;--tile:#fff;--sh-tile:0 14px 30px -16px #1e285059;--sh-card:0 40px 80px -44px #1e285066;--sh-browser:0 30px 60px -34px #1e285073, 0 0 0 1px #0d0f140f;--sh-pop:0 30px 60px -24px #1e285073;--grain:.035}:root{--font-body:var(--font-sans), system-ui, sans-serif;--font-display:var(--font-sans), system-ui, sans-serif;--font-accent:var(--font-serif), Georgia, serif;--font-code:var(--font-mono), ui-monospace, monospace;--gutter:clamp(20px, 5vw, 80px);--pad-l:var(--gutter);--max:1520px;--ease:cubic-bezier(.22, 1, .36, 1)}@media (min-width:1100px){:root{--pad-l:max(var(--gutter), 140px)}}*,:before,:after{box-sizing:border-box}html{background:var(--ink);color:var(--bone);-webkit-text-size-adjust:100%;scroll-behavior:auto}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped,html.is-loading,html.menu-open{overflow:hidden}body{background:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:1rem;line-height:1.6;overflow-x:clip}img,svg,canvas{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}ul,ol{margin:0;padding:0;list-style:none}h1,h2,h3,h4,p,dl,dd,figure{margin:0}::selection{background:var(--accent);color:var(--on-accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}em{font-family:var(--font-accent);font-style:italic;font-weight:400}.muted{color:var(--mute)}html.js [data-reveal],html.js [data-intro],html.js [data-scrub-words]{opacity:0}.w{vertical-align:top;margin-bottom:-.14em;padding-bottom:.14em;display:inline-block;overflow:hidden}.wi{display:inline-block}[data-scrub-words] .w{overflow:visible}.grain{z-index:90;pointer-events:none;opacity:var(--grain);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");animation:1.2s steps(6,end) infinite grain;position:fixed;inset:-50%}@keyframes grain{0%{transform:translate(0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-1%)}80%{transform:translate(3%,3%)}to{transform:translate(0)}}.preloader{z-index:200;background:var(--ink);font-family:var(--font-code);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);flex-direction:column;justify-content:space-between;padding:clamp(20px,4vw,48px);font-size:.72rem;display:flex;position:fixed;inset:0}.pl-meta{justify-content:space-between;align-items:center;gap:24px;display:flex}.pl-meta b{color:var(--accent-text);min-width:3ch;font-weight:500;display:inline-block}.pl-stage{pointer-events:none;grid-template-columns:minmax(0,1fr);place-items:center;padding:0 clamp(20px,4vw,48px);display:grid;position:absolute;inset:0}.pl-stage>*{grid-area:1/1}.pl-name{font-family:var(--font-display);letter-spacing:-.05em;text-transform:none;color:var(--bone);text-align:center;flex-wrap:wrap;justify-content:center;gap:0 .22em;max-width:100%;font-size:clamp(3rem,12vw,11rem);font-weight:700;line-height:.95;display:flex}.pl-name .serif{font-family:var(--font-accent);color:var(--accent-text);letter-spacing:-.03em;font-style:italic;font-weight:400}.pl-bar{background:var(--line-2);flex:1;height:1px;position:relative;overflow:hidden}.pl-bar i{background:var(--accent);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.cursor{z-index:150;pointer-events:none;width:0;height:0;display:none;position:fixed;top:0;left:0}html.has-cursor .cursor{display:block}.cursor span{border:1px solid var(--bone);width:34px;height:34px;font-family:var(--font-code);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);opacity:0;mix-blend-mode:normal;transition:width .4s var(--ease), height .4s var(--ease), margin .4s var(--ease), background .3s, border-color .3s, opacity .3s;border-radius:50%;place-items:center;margin:-17px 0 0 -17px;font-size:.68rem;display:grid;position:absolute;top:0;left:0}.cursor.is-on span{opacity:1}.cursor.is-link span{border-color:var(--accent);width:54px;height:54px;margin:-27px 0 0 -27px}.cursor.is-label span{color:var(--on-accent);background:var(--accent);border-color:var(--accent);width:88px;height:88px;margin:-44px 0 0 -44px}.btn{letter-spacing:-.01em;isolation:isolate;transition:color .4s var(--ease), border-color .4s var(--ease), transform .4s var(--ease);border-radius:999px;align-items:center;gap:12px;padding:16px 26px;font-size:.95rem;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";z-index:-1;transition:transform .55s var(--ease);border-radius:inherit;position:absolute;inset:0;transform:translateY(101%)}.btn:hover:before{transform:translateY(0)}.btn-solid{background:var(--bone);color:var(--ink)}.btn-solid:before{background:var(--accent)}.btn-solid:hover{color:var(--on-accent)}.btn-ghost{border:1px solid var(--line-2);color:var(--bone)}.btn-ghost:before{background:var(--bone)}.btn-ghost:hover{color:var(--ink);border-color:var(--bone)}.btn:disabled{opacity:.6;pointer-events:none}.link-arrow{background:linear-gradient(var(--accent), var(--accent)) 0 100% / 0 1px no-repeat;transition:background-size .5s var(--ease), color .3s;align-items:baseline;gap:8px;padding-bottom:4px;font-weight:500;display:inline-flex}.link-arrow:hover{color:var(--accent-text);background-size:100% 1px}.link-arrow span{transition:transform .4s var(--ease)}.link-arrow:hover span{transform:translate(2px,-2px)}.dot{background:var(--mint);width:7px;height:7px;box-shadow:0 0 0 0 rgba(var(--mint-rgb), .6);border-radius:50%;animation:2.2s infinite ping;display:inline-block}@keyframes ping{70%{box-shadow:0 0 0 9px rgba(var(--mint-rgb), 0)}to{box-shadow:0 0 0 0 rgba(var(--mint-rgb), 0)}}.nav{z-index:80;padding:18px var(--gutter);transition:transform .6s var(--ease), background .4s, backdrop-filter .4s, border-color .4s;border-bottom:1px solid #0000;align-items:center;gap:28px;display:flex;position:fixed;inset:0 0 auto}.nav.is-solid{background:rgba(var(--ink-rgb), .72);-webkit-backdrop-filter:blur(16px)saturate(140%);border-color:var(--line)}.nav.is-hidden{transform:translateY(-110%)}.nav-logo{letter-spacing:-.02em;align-items:center;gap:12px;margin-right:auto;font-weight:600;display:inline-flex}.logo-mark{border:1px solid var(--line-2);width:40px;height:40px;transition:background .4s var(--ease), border-color .4s;border-radius:11px;place-items:center;display:grid;position:relative}.logo-mark i{background:var(--bone);width:24px;height:24px;transition:background .4s var(--ease);-webkit-mask:url(/brand/mark-w.png) 50%/contain no-repeat;mask:url(/brand/mark-w.png) 50%/contain no-repeat}.nav-logo:hover .logo-mark i{background:var(--on-accent)}.nav-logo:hover .logo-mark{background:var(--accent);border-color:var(--accent)}.nav-clock{font-family:var(--font-code);letter-spacing:.06em;text-transform:uppercase;color:var(--mute);align-items:center;gap:10px;font-size:.72rem;display:none}.nav-clock b{color:var(--bone);font-variant-numeric:tabular-nums;font-weight:400}.nav-links{gap:4px;display:none}.nav-links a{color:var(--mute);border-radius:999px;padding:8px 14px;font-size:.9rem;transition:color .3s;position:relative}.nav-links a:hover,.nav-links a.is-active{color:var(--bone)}.nav-links a.is-active:after{content:"";background:var(--accent);border-radius:50%;width:4px;height:4px;margin-left:-2px;position:absolute;bottom:2px;left:50%}.nav-cv{border:1px solid var(--line-2);border-radius:999px;align-items:center;gap:8px;padding:9px 16px;font-size:.85rem;font-weight:500;transition:background .3s,color .3s,border-color .3s;display:none}.nav-cv:hover{background:var(--bone);color:var(--ink);border-color:var(--bone)}.nav-burger{border:1px solid var(--line-2);border-radius:50%;place-content:center;gap:6px;width:44px;height:44px;display:grid}.nav-burger i{background:var(--bone);width:18px;height:1.5px;transition:transform .5s var(--ease);display:block}.menu-open .nav-burger i:first-child{transform:translateY(3.75px)rotate(45deg)}.menu-open .nav-burger i:last-child{transform:translateY(-3.75px)rotate(-45deg)}.nav-logo .logo-text{display:none}@media (min-width:640px){.nav-logo .logo-text{display:inline}}@media (min-width:960px){.nav-clock,.nav-links,.nav-cv{display:flex}.nav-burger,.menu{display:none}}.menu{z-index:70;background:var(--ink);padding:110px var(--gutter) 32px;clip-path:inset(0 0 100%);visibility:hidden;transition:clip-path .8s var(--ease), visibility 0s .8s;flex-direction:column;justify-content:space-between;display:flex;position:fixed;inset:0}.menu-open .menu{clip-path:inset(0);visibility:visible;transition:clip-path .8s var(--ease), visibility 0s}.menu-nav{gap:4px;display:grid}.menu-link{letter-spacing:-.04em;border-bottom:1px solid var(--line);align-items:baseline;gap:16px;padding:8px 0;font-size:clamp(2.6rem,13vw,5rem);font-weight:600;line-height:1.1;display:flex}.menu-link small{font-family:var(--font-code);color:var(--accent-text);letter-spacing:.08em;font-size:.72rem;font-weight:400}.menu-foot{font-family:var(--font-code);color:var(--mute);gap:10px;font-size:.78rem;display:grid}.menu-foot a{color:var(--bone)}.rail{z-index:60;height:min(46vh,380px);display:none;position:fixed;top:50%;left:28px;transform:translateY(-50%)}@media (min-width:1100px){.rail{display:block}}.rail-track{background:var(--line-2);width:1px;position:absolute;top:0;bottom:0;left:3px}.rail-fill{background:var(--accent);transform-origin:top;position:absolute;inset:0;transform:scaleY(0)}.rail ul{flex-direction:column;justify-content:space-between;height:100%;display:flex;position:relative}.rail li button{height:18px;font-family:var(--font-code);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);align-items:center;gap:12px;padding-left:0;font-size:.66rem;display:flex;position:relative}.rail li button:before{content:"";background:var(--ink);border:1px solid var(--mute);width:7px;height:7px;transition:all .4s var(--ease);border-radius:50%;flex:none}.rail li button b{opacity:0;transition:all .4s var(--ease);font-weight:400;transform:translate(-6px)}.rail li button span{opacity:0;transition:all .4s var(--ease) 40ms;white-space:nowrap;transform:translate(-6px)}.rail li.is-active button{color:var(--bone)}.rail li.is-active button:before{background:var(--accent);border-color:var(--accent);transform:scale(1.3)}.rail li.is-active button b,.rail li.is-active button span{opacity:1;transform:none}.rail li.is-active button b{color:var(--accent-text)}.section{padding:clamp(88px, 11vw, 168px) var(--gutter) clamp(64px, 9vw, 130px) var(--pad-l);max-width:calc(var(--max) + var(--pad-l) + var(--gutter));margin-inline:auto;position:relative}.label{font-family:var(--font-code);letter-spacing:.1em;text-transform:uppercase;color:var(--mute);align-items:center;gap:14px;margin-bottom:clamp(32px,5vw,64px);font-size:.74rem;display:flex}.label b{color:var(--accent-text);font-weight:400}.label i{background:var(--line-2);width:48px;height:1px}.h2{letter-spacing:-.035em;max-width:17ch;font-size:clamp(2rem,4.4vw,4.2rem);font-weight:500;line-height:1.04}.h2-xl{max-width:14ch;font-size:clamp(2.4rem,6.4vw,6.4rem)}.h3{letter-spacing:-.02em;font-size:clamp(1.4rem,2.2vw,2rem);font-weight:500}.hero{min-height:100svh;padding:104px var(--gutter) 0 var(--pad-l);--mx:50%;--my:40%;flex-direction:column;justify-content:flex-end;display:flex;position:relative;overflow:hidden}.hero-grid{background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);-webkit-mask-image:radial-gradient(420px circle at var(--mx) var(--my), #000 0%, transparent 100%);mask-image:radial-gradient(420px circle at var(--mx) var(--my), #000 0%, transparent 100%);-webkit-mask-image:radial-gradient(420px circle at var(--mx) var(--my), #000 0%, transparent 100%);opacity:.9;pointer-events:none;background-position:-1px -1px;background-size:72px 72px;position:absolute;inset:0}.hero:before{content:"";background:radial-gradient(900px 600px at 78% 38%, rgba(var(--accent-rgb), .16), transparent 70%), radial-gradient(700px 500px at 10% 100%, rgba(var(--bone-rgb), .05), transparent 70%);pointer-events:none;position:absolute;inset:0}.hero-scene{pointer-events:none;position:absolute;inset:0}.scene-wrap{pointer-events:auto;position:absolute;inset:9% 0 0 38%}.scene-wrap canvas{opacity:0;transition:opacity .9s;width:100%!important;height:100%!important}.scene-wrap.is-loaded canvas{opacity:1}.hero-ticks i{border:0 solid var(--mute);opacity:.6;width:14px;height:14px;position:absolute}.hero-ticks i:first-child{top:96px;left:var(--pad-l);border-width:1px 0 0 1px}.hero-ticks i:nth-child(2){top:96px;right:var(--gutter);border-width:1px 1px 0 0}.hero-ticks i:nth-child(3){bottom:96px;left:var(--pad-l);border-width:0 0 1px 1px}.hero-ticks i:nth-child(4){bottom:96px;right:var(--gutter);border-width:0 1px 1px 0}.hero-inner{z-index:2;pointer-events:none;padding-bottom:clamp(36px,5vh,64px);position:relative}.hero-inner a,.hero-inner button{pointer-events:auto}.hero-meta{font-family:var(--font-code);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);flex-wrap:wrap;gap:12px 28px;margin-bottom:clamp(16px,3vh,32px);font-size:.74rem;display:flex}.status{color:var(--bone);align-items:center;gap:10px;display:inline-flex}.hero-role em{font-family:var(--font-code);color:var(--accent-text);font-style:normal}.hero-title{letter-spacing:-.058em;margin-left:-.04em;font-size:clamp(4rem,min(12.2vw,21vh),15rem);font-weight:700;line-height:.84}.hero-title .line{margin-bottom:-.04em;padding:.04em .06em .12em 0;display:block;overflow:hidden}.hero-title .line-i{will-change:transform;display:inline-block}.hero-title .line:last-child{text-align:left}.outline{color:#0000;-webkit-text-stroke:clamp(1px, .18vw, 2.5px) var(--bone);transition:color .6s var(--ease), -webkit-text-stroke-color .6s;pointer-events:auto}.outline:hover{color:var(--accent-text);-webkit-text-stroke-color:var(--accent-text)}.hero-lede{max-width:44ch;color:var(--text-2);letter-spacing:-.01em;margin-top:clamp(16px,2.6vh,32px);font-size:clamp(1.05rem,1.5vw,1.35rem);line-height:1.5}.hero-lede em{color:var(--bone);font-size:1.12em}.hero-cta{flex-wrap:wrap;gap:12px;margin-top:clamp(22px,3.6vh,40px);display:flex}.hero-hud{z-index:2;border-top:1px solid var(--line);font-family:var(--font-code);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);justify-content:space-between;align-items:center;gap:16px;padding:14px 0;font-size:.68rem;display:flex;position:relative}.hud-scroll{align-items:center;gap:10px;display:inline-flex}.hud-scroll i{background:linear-gradient(var(--accent), transparent);width:1px;height:22px;animation:drip 2s var(--ease) infinite;transform-origin:top}@keyframes drip{0%{transform:scaleY(0)}50%{transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}.marquee{z-index:2;margin:0 calc(var(--gutter) * -1) 0 calc(var(--pad-l) * -1);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(var(--ink-rgb), .6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;position:relative;overflow:hidden}.marquee-track{will-change:transform;width:max-content;display:flex}.marquee-set{display:flex}.marquee-set span{letter-spacing:-.03em;color:var(--bone);align-items:center;gap:28px;padding:16px 0 16px 28px;font-size:clamp(1.1rem,2vw,1.6rem);font-weight:500;display:inline-flex}.marquee-set span i{background:var(--accent);border-radius:50%;width:6px;height:6px}@media (max-width:899px){.hero{justify-content:flex-start;padding-top:92px}.hero-inner{display:contents}.hero-meta{order:1}.hero-title{order:2;font-size:clamp(3.6rem,19vw,7rem)}.hero-scene{height:clamp(250px,38svh,400px);margin:0 calc(var(--gutter) * -1);order:3;position:relative;inset:auto;-webkit-mask-image:linear-gradient(#0000 0,#000 14% 86%,#0000 100%);mask-image:linear-gradient(#0000 0,#000 14% 86%,#0000 100%)}.scene-wrap{inset:0}.hero-lede{order:4;margin-top:0;font-size:1rem}.hero-cta{order:5;padding-bottom:32px}.hero-cta .btn{padding:14px 20px;font-size:.9rem}.hero-hud{order:6;margin-top:auto}.hero-hud span:last-child{display:none}.marquee{order:7}.hero-ticks{display:none}}.about-statement{letter-spacing:-.035em;max-width:24ch;margin-bottom:clamp(56px,9vw,130px);font-size:clamp(1.7rem,4.1vw,3.9rem);font-weight:500;line-height:1.12}@media (min-width:900px){.about-statement{max-width:28ch}}.about-grid{grid-template-columns:minmax(0,1fr);gap:48px;display:grid}@media (min-width:900px){.about-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;gap:clamp(48px,8vw,140px)}.about-photo{position:sticky;top:110px}}.photo-frame{aspect-ratio:4/5;background:var(--ink-3);border-radius:6px;position:relative;overflow:hidden}.photo-frame img{object-fit:cover;object-position:50% 18%;filter:grayscale(.25)contrast(1.05)}.photo-now{clip-path:inset(100% 0 0)}.corner{border:0 solid var(--bone);z-index:2;width:18px;height:18px;position:absolute}.corner.tl{border-width:1px 0 0 1px;top:14px;left:14px}.corner.tr{border-width:1px 1px 0 0;top:14px;right:14px}.corner.bl{border-width:0 0 1px 1px;bottom:14px;left:14px}.corner.br{border-width:0 1px 1px 0;bottom:14px;right:14px}.about-photo figcaption{height:1.2em;font-family:var(--font-code);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin-top:14px;font-size:.7rem;position:relative}.about-photo figcaption span{position:absolute;left:0}.cap-now{opacity:0;color:var(--bone)}.about-copy{grid-template-columns:minmax(0,1fr);align-content:start;gap:22px;display:grid}.about-copy>p{color:var(--text-2);max-width:56ch;font-size:clamp(1.05rem,1.35vw,1.25rem);line-height:1.6}.stats{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px;display:grid}.stats>div{border-bottom:1px solid var(--line);padding:26px 0}.stats>div:nth-child(odd){border-right:1px solid var(--line);padding-right:20px}.stats>div:nth-child(2n){padding-left:24px}.stats dt{letter-spacing:-.05em;font-variant-numeric:tabular-nums;font-size:clamp(2.6rem,5vw,4.4rem);font-weight:600;line-height:1}.stats dt:first-line{color:var(--bone)}.stats dd{font-family:var(--font-code);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin-top:10px;font-size:.7rem}.about-links{flex-wrap:wrap;gap:12px 32px;margin-top:14px;display:flex}.stack-grid{grid-template-columns:minmax(0,1fr);gap:56px;display:grid}@media (min-width:960px){.stack-grid{grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(48px,7vw,120px)}}.stack-sticky{grid-template-columns:minmax(0,1fr);align-content:start;gap:22px;display:grid}@media (min-width:960px){.stack-sticky{position:sticky;top:110px}}.stack-sticky .muted{max-width:36ch}.tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:340px;margin-top:18px;display:grid;position:relative}.tile{aspect-ratio:1;background:var(--tile);border:1px solid var(--line);box-shadow:var(--sh-tile);will-change:transform;border-radius:16px;place-items:center;padding:14px;display:grid}.tile:nth-child(3n+2){background:var(--ink-3);border:1px solid var(--line-2)}.tile:nth-child(5n){background:var(--accent)}.tile img{object-fit:contain;width:100%;height:100%}.layers{grid-template-columns:minmax(0,1fr);display:grid}.layer{grid-template-columns:minmax(0,1fr);gap:22px;padding:36px 0 40px;display:grid;position:relative}.layer:first-child{padding-top:0}.layer header{grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:4px 18px;display:grid}.layer-n{font-family:var(--font-code);color:var(--accent-text);letter-spacing:.08em;grid-row:1/3;font-size:.74rem}.layer h3{letter-spacing:-.04em;font-size:clamp(1.9rem,3.6vw,3.2rem);font-weight:500;line-height:1}.layer header p{color:var(--mute);font-size:.95rem}.layer ul{flex-wrap:wrap;gap:8px;padding-left:0;display:flex}@media (min-width:640px){.layer ul{padding-left:48px}}.layer li{border:1px solid var(--line-2);color:var(--text-3);transition:background .35s var(--ease), color .35s, border-color .35s, transform .35s var(--ease);border-radius:999px;padding:8px 16px;font-size:.92rem}.layer li:hover{background:var(--bone);color:var(--ink);border-color:var(--bone);transform:translateY(-3px)}.layer-line{background:var(--line);height:1px;position:absolute;bottom:0;left:0;right:0}.layer:last-child .layer-line{display:none}.work-head{grid-template-columns:minmax(0,1fr);gap:24px;margin-bottom:clamp(48px,8vw,110px);display:grid}.deck{grid-template-columns:minmax(0,1fr);gap:24px;display:grid}.card{position:relative}@media (min-width:901px){.card{top:calc(90px + var(--i) * 26px);padding-bottom:22vh;position:sticky}}.card-inner{border:1px solid var(--line-2);background:linear-gradient(180deg, var(--ink-3), var(--ink-2));box-shadow:var(--sh-card);transform-origin:50% 0;will-change:transform;border-radius:24px;grid-template-columns:minmax(0,1fr);gap:32px;padding:clamp(18px,2.4vw,32px);display:grid}@media (min-width:901px){.card-inner{grid-template-columns:minmax(0,4.4fr) minmax(0,6fr);align-items:stretch;gap:clamp(28px,4vw,64px);min-height:min(66vh,620px)}}.card-meta{flex-direction:column;align-items:flex-start;gap:18px;padding:clamp(0px,1vw,12px);display:flex}.card-n{font-family:var(--font-code);letter-spacing:.1em;color:var(--accent-text);font-size:.74rem}.card-title{letter-spacing:-.045em;font-size:clamp(2.1rem,4vw,3.8rem);font-weight:500;line-height:1}.card-kind{font-family:var(--font-code);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);align-items:center;gap:12px;font-size:.72rem;display:flex}.card-kind i{background:var(--mute);border-radius:50%;width:4px;height:4px}.card-blurb{color:var(--text-2);max-width:46ch}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips li{background:rgba(var(--bone-rgb), .07);color:var(--bone);border-radius:999px;padding:5px 12px;font-size:.78rem}.card-role{color:var(--mute);margin-top:auto;font-size:.82rem}.card-shot{align-self:center;display:block}.browser{border:1px solid var(--line-2);background:var(--ink);box-shadow:var(--sh-browser);transition:transform .8s var(--ease), box-shadow .8s var(--ease);border-radius:14px;overflow:hidden}.card-shot:hover .browser{box-shadow:0 50px 90px -40px rgba(var(--accent-rgb), .4), 0 0 0 1px rgba(var(--accent-rgb), .5);transform:translateY(-6px)rotate(-.4deg)}.browser-bar{border-bottom:1px solid var(--line);background:var(--ink-3);font-family:var(--font-code);color:var(--mute);align-items:center;gap:6px;padding:10px 14px;font-size:.68rem;display:flex}.browser-bar i{background:rgba(var(--bone-rgb), .18);border-radius:50%;width:8px;height:8px}.browser-bar span{background:var(--ink);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;margin-left:12px;padding:3px 12px;overflow:hidden}.browser-view{aspect-ratio:16/10;position:relative;overflow:hidden}.browser-view img{object-fit:cover;object-position:top;height:112%!important;top:-6%!important}.archive{margin-top:clamp(24px,4vw,60px);position:relative}.archive-head .muted{white-space:nowrap}.archive-head{border-bottom:1px solid var(--line-2);justify-content:space-between;align-items:baseline;gap:16px;padding-bottom:20px;display:flex}.row{border-bottom:1px solid var(--line);transition:padding .5s var(--ease), color .3s;grid-template-columns:32px minmax(0,1fr) auto;align-items:baseline;gap:4px 16px;padding:22px 0;display:grid;position:relative}.row-n,.row-kind,.row-tech,.row-year{font-family:var(--font-code);letter-spacing:.06em;color:var(--mute);font-size:.72rem}.row-title{letter-spacing:-.03em;font-size:clamp(1.3rem,2.6vw,2.2rem);font-weight:500;line-height:1.15}.row-kind,.row-tech{grid-column:2}.row-year{grid-area:1/3}.row-go{display:none}@media (min-width:900px){.row{grid-template-columns:48px minmax(0,1.6fr) minmax(0,1.3fr) minmax(0,1.5fr) 56px 24px;align-items:center;padding:26px 0}.row-kind,.row-tech,.row-year{grid-area:auto}.row-go{color:var(--accent-text);opacity:0;transition:all .4s var(--ease);display:block;transform:translate(-6px,6px)}.rows:hover .row{color:var(--mute)}.rows .row:hover{color:var(--bone);padding-left:18px}.row:hover .row-go{opacity:1;transform:none}.row:hover .row-n{color:var(--accent-text)}}.preview{z-index:40;aspect-ratio:16/10;border:1px solid var(--line-2);background:var(--ink-3);pointer-events:none;opacity:0;width:300px;box-shadow:var(--sh-pop);border-radius:10px;margin:-85px 0 0 28px;display:none;position:fixed;top:0;left:0;overflow:hidden}@media (hover:hover) and (pointer:fine) and (min-width:900px){.preview{display:block}}.pv-img{object-fit:cover;object-position:top;opacity:0}.journey-grid{grid-template-columns:minmax(0,1fr);gap:56px;display:grid}@media (min-width:960px){.journey-grid{grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(48px,7vw,120px)}}.side-block{grid-template-columns:minmax(0,1fr);gap:14px;margin-top:14px;display:grid}.side-block h4{font-family:var(--font-code);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-text);font-size:.72rem;font-weight:400}.side-block ul{gap:14px;display:grid}.side-block li{border-bottom:1px solid var(--line);gap:2px;padding-bottom:14px;display:grid}.side-block li b{letter-spacing:-.01em;font-weight:500}.side-block li span{color:var(--mute);font-size:.86rem}.log{gap:clamp(36px,5vw,64px);padding-left:34px;display:grid;position:relative}.log-line{background:var(--line-2);width:1px;position:absolute;top:8px;bottom:8px;left:5px}.log-fill{background:var(--accent);transform-origin:top;position:absolute;inset:0}.commit{position:relative}.node{--lit:0;background:color-mix(in srgb, var(--accent) calc(var(--lit) * 100%), var(--ink));border:1px solid color-mix(in srgb, var(--accent) calc(var(--lit) * 100%), var(--mute));width:11px;height:11px;box-shadow:0 0 0 calc(var(--lit) * 6px) rgba(var(--accent-rgb), .16);border-radius:50%;position:absolute;top:8px;left:-34px}.commit-top{font-family:var(--font-code);letter-spacing:.06em;color:var(--mute);flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:.72rem;display:flex}.commit-top code{color:var(--accent-text);font-family:inherit}.commit-top time{text-transform:uppercase;margin-left:auto}.head{font-family:var(--font-code);background:rgba(var(--mint-rgb), .12);color:var(--mint);text-transform:uppercase;border-radius:999px;padding:2px 10px;font-size:.68rem;font-style:normal}.commit h3{letter-spacing:-.035em;margin-top:12px;font-size:clamp(1.5rem,2.8vw,2.4rem);font-weight:500;line-height:1.1}.commit h3 span{color:var(--mute)}.place{color:var(--mute);margin-top:4px;font-size:.86rem}.commit-body>ul{gap:10px;max-width:62ch;margin-top:18px;display:grid}.commit-body>ul li{color:var(--text-2);padding-left:22px;position:relative}.commit-body>ul li:before{content:"";background:var(--accent);width:10px;height:1px;position:absolute;top:.72em;left:0}.contact{padding-bottom:clamp(48px,8vw,100px)}.contact-top{grid-template-columns:minmax(0,1fr);gap:24px;margin-bottom:clamp(40px,7vw,100px);display:grid;position:relative}@media (min-width:900px){.contact-top{grid-template-columns:minmax(0,1fr) minmax(0,340px);align-items:end}}.contact-title{letter-spacing:-.058em;max-width:11ch;font-size:clamp(3rem,9.4vw,9.6rem);font-weight:600;line-height:.9}.globe-col{position:relative}.globe{aspect-ratio:1;width:min(100%,340px);margin-inline:auto;position:relative}.globe canvas{width:100%!important;height:100%!important}.globe-cap{font-family:var(--font-code);letter-spacing:.1em;text-transform:uppercase;color:var(--mute);justify-content:center;align-items:center;gap:12px;margin-top:6px;font-size:.7rem;display:flex}.globe-cap i{background:var(--accent);width:40px;height:1px}.contact-grid{border-top:1px solid var(--line-2);grid-template-columns:minmax(0,1fr);gap:48px;padding-top:clamp(32px,4vw,56px);display:grid}@media (min-width:900px){.contact-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(48px,8vw,140px)}}.contact-left{grid-template-columns:minmax(0,1fr);align-content:start;gap:28px;display:grid}.contact-left .muted{max-width:40ch}.email-btn{text-align:left;border:1px solid var(--line-2);border-radius:16px;gap:6px;max-width:460px;padding:22px 24px;transition:border-color .4s,background .4s;display:grid}.email-btn span{letter-spacing:-.03em;word-break:break-all;font-size:clamp(1.15rem,2vw,1.6rem);font-weight:500}.email-btn small{font-family:var(--font-code);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);font-size:.68rem}.email-btn:hover{border-color:var(--accent);background:rgba(var(--accent-rgb), .08)}.socials{flex-wrap:wrap;gap:10px 28px;display:flex}.socials a{border-bottom:1px solid var(--line-2);gap:8px;padding-bottom:3px;transition:color .3s,border-color .3s;display:inline-flex}.socials a:hover{color:var(--accent-text);border-color:var(--accent)}.form{grid-template-columns:minmax(0,1fr);gap:8px;display:grid}.form label{border-bottom:1px solid var(--line-2);padding-top:22px;transition:border-color .3s;display:block;position:relative}.form label:focus-within{border-color:var(--accent)}.form label span{color:var(--mute);pointer-events:none;transform-origin:0 0;transition:transform .4s var(--ease), color .3s;font-size:1.05rem;position:absolute;top:32px;left:0}.form input,.form textarea{width:100%;color:var(--bone);font:inherit;resize:vertical;background:0 0;border:0;outline:0;min-height:52px;padding:10px 0 14px;font-size:1.15rem}.form label:focus-within span{color:var(--accent-text);transform:translateY(-26px)scale(.72)}.form label:has(input:not(:placeholder-shown)) span{color:var(--accent-text);transform:translateY(-26px)scale(.72)}.form label:has(textarea:not(:placeholder-shown)) span{color:var(--accent-text);transform:translateY(-26px)scale(.72)}.hp{opacity:0;clip-path:inset(50%);pointer-events:none;width:1px;height:1px;position:absolute!important}.form .btn{justify-self:start;margin-top:22px}.form-status{min-height:1.6em;margin-top:6px;font-size:.92rem}.form-status.is-sent{color:var(--mint)}.form-status.is-error{color:var(--accent-text)}.footer{padding:clamp(32px, 5vw, 72px) var(--gutter) 28px var(--pad-l);border-top:1px solid var(--line);overflow:hidden}.footer-big{letter-spacing:-.06em;white-space:nowrap;color:#0000;-webkit-text-stroke:1px var(--line-2);-webkit-user-select:none;user-select:none;margin-left:-.04em;font-size:clamp(3rem,12.4vw,15rem);font-weight:700;line-height:.86}.footer-row{font-family:var(--font-code);letter-spacing:.04em;color:var(--mute);flex-wrap:wrap;justify-content:space-between;gap:12px 28px;margin-top:28px;font-size:.7rem;display:flex}.footer-credit{flex:360px;max-width:62ch;line-height:1.7}.footer-row a{color:var(--bone);border-bottom:1px solid var(--line-2)}.footer-row button:hover{color:var(--accent-text)}.nf{min-height:100svh;padding:var(--gutter);align-content:center;justify-items:start;gap:24px;display:grid}.nf h1{letter-spacing:-.05em;font-size:clamp(2.6rem,8vw,7rem);font-weight:600;line-height:.95}.nf .mono{font-family:var(--font-code);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-text);font-size:.78rem}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.grain{display:none}.photo-now{clip-path:none}.photo-then,.cap-then{display:none}.cap-now{opacity:1}}.pl-mark{aspect-ratio:1;background:var(--bone);width:clamp(72px,9vw,120px);-webkit-mask:url(/brand/mark.png) 50%/contain no-repeat;mask:url(/brand/mark.png) 50%/contain no-repeat}.theme-toggle{border:1px solid var(--line-2);width:40px;height:40px;color:var(--bone);border-radius:50%;flex:none;place-items:center;transition:border-color .3s,background .3s,color .3s;display:grid;position:relative;overflow:hidden}.theme-toggle:hover{background:var(--bone);color:var(--ink);border-color:var(--bone)}.theme-toggle svg{transition:transform .7s var(--ease), opacity .4s;position:absolute}[data-theme=dark] .theme-toggle .i-sun{opacity:0;transform:translateY(160%)rotate(-60deg)}[data-theme=light] .theme-toggle .i-moon{opacity:0;transform:translateY(-160%)rotate(60deg)}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:2}.pl-skip{font:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--mute);border-radius:999px;margin:-8px -14px;padding:8px 14px;transition:color .3s}.pl-skip:hover{color:var(--accent-text)}.pl-window{pointer-events:auto;border:1px solid var(--line-2);background:var(--ink-2);width:100%;max-width:560px;box-shadow:var(--sh-card);text-transform:none;letter-spacing:0;font-family:var(--font-code);color:var(--text-2);text-align:left;border-radius:14px;justify-self:center;font-size:clamp(11px,2.9vw,14px);line-height:1.75;overflow:hidden}.pl-titlebar{border-bottom:1px solid var(--line);background:var(--ink-3);color:var(--mute);align-items:center;gap:7px;padding:11px 16px;font-size:.82em;display:flex}.pl-titlebar i{background:rgba(var(--bone-rgb), .2);border-radius:50%;width:9px;height:9px}.pl-titlebar i:first-child{background:var(--accent)}.pl-titlebar span{margin-left:10px}.pl-code{box-sizing:content-box;height:14em;padding:16px 0 12px}.ln{gap:18px;min-height:1.75em;padding:0 18px;display:none}.ln.on{display:flex}.ln .no{text-align:right;width:1.4em;color:var(--mute);opacity:.55;-webkit-user-select:none;user-select:none;flex:none}.src{white-space:pre;min-width:0}.ch{display:none}.ch.on{display:inline}.ch.cur:after{content:"";vertical-align:-.2em;background:var(--accent-text);width:.55em;height:1.15em;margin-left:1px;animation:.9s step-end infinite caret;display:inline-block}@keyframes caret{50%{opacity:0}}.tk.com{color:var(--mute);font-style:italic}.tk.str{color:var(--mint)}.tk.kw{color:var(--accent-text)}.tk.fn{color:var(--bone)}.tk.pun{color:var(--mute)}.tk.txt{color:var(--text-2)}.pl-term{border-top:1px dashed var(--line-2);gap:2px;padding:12px 18px 16px;font-size:.92em;display:grid}.pl-term b{color:var(--accent-text);margin-right:6px;font-weight:500}.pl-term i{color:var(--mint);margin-right:8px;font-style:normal}@media (hover:none),(max-width:900px){.grain,.hero-grid{display:none}.nav.is-solid{background:rgba(var(--ink-rgb), .94);-webkit-backdrop-filter:none}.marquee{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--ink)}}@media (max-width:900px){.deck{gap:0}.card{top:calc(76px + var(--i) * 14px);padding-bottom:10svh;position:sticky}.card:last-child{padding-bottom:0}.card-inner{border-radius:20px;gap:14px;padding:14px}.card-shot{order:-1;align-self:stretch}.card-meta{gap:10px;padding:0}.card-n,.card-role{display:none}.card-title{font-size:clamp(1.55rem,7.2vw,2.1rem)}.card-blurb{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.92rem;line-height:1.5;display:-webkit-box;overflow:hidden}.chips li{padding:4px 10px;font-size:.74rem}.card-meta .btn{margin-top:2px;padding:12px 18px;font-size:.88rem}.browser-bar span{min-width:0}.browser-view img{height:100%!important;top:0!important}}.preloader:not(.is-running) .pl-window,.preloader:not(.is-running) .pl-name,.preloader:not(.is-running) .pl-meta>*{visibility:hidden}.pl-top{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;display:grid}.pl-top>:first-child{text-align:left}.pl-top>:last-child{text-align:right}.pl-bottom>:first-child{min-width:11ch}.pl-bottom>:last-child{text-align:right;min-width:5ch}@media (max-width:520px){.pl-meta{letter-spacing:.06em;font-size:.64rem}}.row-thumb{display:none}@media (max-width:899px){.row{grid-template-columns:112px minmax(0,1fr) auto;grid-template-areas:"thumb title year""thumb kind kind""thumb tech tech";align-items:start;gap:3px 14px;padding:16px 0}.row-n{display:none}.row-thumb{aspect-ratio:16/10;border:1px solid var(--line-2);background:var(--ink-3);box-shadow:var(--sh-tile);transition:transform .4s var(--ease);border-radius:9px;grid-area:thumb;align-self:center;display:block;position:relative;overflow:hidden}.row-thumb img{object-fit:cover;object-position:top}.row:active .row-thumb{transform:scale(.96)}.row-title{grid-area:title;padding-top:2px;font-size:1.1rem;line-height:1.2}.row-kind{grid-area:kind}.row-tech{white-space:nowrap;text-overflow:ellipsis;grid-area:tech;overflow:hidden}.row-year{grid-area:year;padding-top:4px}.row-kind,.row-tech{font-size:.66rem;line-height:1.5}}