@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(../media/951a1661741fc9a6-s.0c05j22lu0e1h.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/840ca482ea7a70a1-s.14r01_8b-ryu9.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/edc92f5080bab07a-s.p.2lg3sxkcxwsl6.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%}.cxqtJa_className{font-family:Bricolage Grotesque,Bricolage Grotesque Fallback;font-style:normal}.cxqtJa_variable{--font-display:"Bricolage Grotesque", "Bricolage Grotesque Fallback"}
@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/59dbefd7fc1c7996-s.1zpt8rrvsu92z.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:Hanken Grotesk;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1aa0075df79066e6-s.0mxk1tgo-hrwu.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:Hanken Grotesk;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/a79089bce1b24273-s.1akpt5k8ff_pw.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:Hanken Grotesk;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/b8dfa3d21eb22018-s.p.2rlmbw0a3_pri.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:Hanken Grotesk Fallback;src:local(Arial);ascent-override:99.07%;descent-override:30.02%;line-gap-override:0.0%;size-adjust:100.94%}.MWI1_a_className{font-family:Hanken Grotesk,Hanken Grotesk Fallback;font-style:normal}.MWI1_a_variable{--font-body:"Hanken Grotesk", "Hanken Grotesk Fallback"}
@font-face{font-family:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/cb20b375a5739b57-s.2tuvx2ggl0uf7.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:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/0d3323de857e1fce-s.p.048ctm9k7u_u3.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:DM Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/b7a08e852a63f857-s.2t3qiyt2vl-ta.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:DM Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/86fd170c8543a779-s.p.2_s53-223o24o.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:DM Mono Fallback;src:local(Arial);ascent-override:73.71%;descent-override:23.03%;line-gap-override:0.0%;size-adjust:134.59%}.ZWtZlq_className{font-family:DM Mono,DM Mono Fallback;font-style:normal}.ZWtZlq_variable{--font-mono:"DM Mono", "DM Mono Fallback"}
:root{--bg:#0e1511;--ink:#ecf0ea;--muted:#93a097;--line:#25322a;--field:#151f19;--accent:#f0574d;--dodger:#3e8ede;--beak:#f2a244;--pbody:#233140;--pbelly:#f6f7f4;--pline:#6a8196;--duck:#f7cd4a;--duck-wing:#e8b530;--duck-eye:#1b1a16;--board:#171b19;--board-ink:#ecedee;--board-dim:#9a9ea3;--board-line:#28302c;--f-display:var(--font-display), "Helvetica Neue", Arial, sans-serif;--f-body:var(--font-body), "Helvetica Neue", Arial, sans-serif;--f-mono:var(--font-mono), ui-monospace, "SF Mono", Menlo, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#f2f4f0;--ink:#121a15;--muted:#5b675f;--line:#d3dad0;--field:#e3eadf;--accent:#d2382f;--dodger:#005a9c;--beak:#e98a2a;--pline:transparent;--board:#e6e8e5;--board-ink:#121a15;--board-dim:#5b675f;--board-line:#cbd0ca;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@property --reveal{syntax:"<length>";inherits:false;initial-value:0}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){--feather:220px;-webkit-mask-image:radial-gradient(circle at var(--tx,100%) var(--ty,0%), #000 calc(var(--reveal) - var(--feather)), transparent var(--reveal));-webkit-mask-image:radial-gradient(circle at var(--tx,100%) var(--ty,0%), #000 calc(var(--reveal) - var(--feather)), transparent var(--reveal));mask-image:radial-gradient(circle at var(--tx,100%) var(--ty,0%), #000 calc(var(--reveal) - var(--feather)), transparent var(--reveal));animation:.9s cubic-bezier(.45,0,.25,1) both theme-reveal}@keyframes theme-reveal{0%{--reveal:0px}to{--reveal:var(--reveal-to,2400px)}}html.theme-switching *,html.theme-switching :before,html.theme-switching :after{transition:none!important}html.theme-fade,html.theme-fade *{transition:background-color .7s,color .7s,border-color .7s,fill .7s,stroke .7s!important}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font:400 1.0625rem/1.6 var(--f-body);-webkit-font-smoothing:antialiased;min-height:100dvh;padding-inline:clamp(24px,4vw,56px)}button{font:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;padding:0}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}.site{max-width:1280px;margin:0 auto;transition:opacity .5s .25s}html[data-intro=playing] .site{opacity:0}.top{z-index:30;background:var(--bg);box-shadow:0 0 0 100vmax var(--bg);clip-path:inset(0 -100vmax);justify-content:space-between;align-items:baseline;gap:16px;padding-block:28px;display:flex;position:sticky;top:0}.top:after{content:"";background:var(--line);opacity:0;height:1px;animation:linear both header-line;animation-timeline:scroll(root);animation-range:0 48px;position:absolute;bottom:0;left:-100vmax;right:-100vmax}@keyframes header-line{to{opacity:1}}.mark{font:700 1.125rem/1 var(--f-display);letter-spacing:-.02em;text-decoration:none}.mono{font:400 .75rem/1.4 var(--f-mono);color:var(--muted);letter-spacing:.02em}.top-links{align-items:center;gap:20px;display:flex}.theme-toggle{width:30px;height:30px;color:var(--muted);border-radius:50%;place-items:center;margin-right:2px;transition:color .2s,background-color .2s;display:grid}.theme-toggle:hover{color:var(--ink);background:var(--line)}.theme-toggle svg{width:16px;height:16px}.theme-toggle .icon-moon,:root[data-theme=light] .theme-toggle .icon-sun{display:none}:root[data-theme=light] .theme-toggle .icon-moon{display:block}.top-links a{text-decoration:none}.top-links a:hover{color:var(--ink)}main{min-height:64vh;padding-bottom:80px;transition:opacity .25s,transform .25s}html[data-leaving] main{opacity:0;transform:translateY(10px)}.page{animation:.45s both page-in}@keyframes page-in{0%{opacity:0;transform:translateY(10px)}}.eyebrow{font:500 .75rem/1 var(--f-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:0 0 20px}h1,h2{font-family:var(--f-display);text-wrap:balance;letter-spacing:-.03em;margin:0;font-weight:700;line-height:1.02}h1{font-size:clamp(3rem,7vw,5.6rem)}h2{font-size:clamp(2.2rem,4.6vw,3.4rem)}.lede{max-width:34em;margin:18px 0 0;font-size:1.125rem;line-height:1.65}.looking{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:72px;margin-top:72px;display:grid}.looking>div:first-child{flex-direction:column;display:flex}.looking .lede{margin-top:0}.facts-title{margin:auto 0 10px;padding-top:24px}.facts{color:var(--ink);grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px;margin:0;padding:0;font-size:.875rem;line-height:1.4;list-style:none;display:grid}.photo-grid{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.photo-cell{background:var(--line);border-radius:6px;min-height:175px;transition:transform .3s;position:relative;overflow:hidden}.photo-cell img{object-fit:cover;object-position:50% 35%}.photo-cell:hover{transform:translateY(-3px)}.lede strong{font-weight:600}h1+.lede{margin-top:26px}p{max-width:36em}.home-top{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:end;gap:88px;padding-top:16px;display:grid}.portrait{object-fit:cover;border-radius:50%;width:136px;height:136px;margin-bottom:28px;display:block}.lineup{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.lineup li{border-bottom:1px solid var(--line)}.lineup .row{grid-template-columns:3.2rem minmax(0,1fr) auto;align-items:baseline;gap:6px 16px;width:100%;padding:18px 0;text-decoration:none;display:grid}.lineup .pos{font:500 .8rem/1 var(--f-mono);color:var(--muted)}.lineup .nm{font:600 1.25rem/1.2 var(--f-display);letter-spacing:-.01em}.lineup .ds{color:var(--muted);grid-column:2;font-size:.95rem;line-height:1.45}.lineup .ar{grid-area:1/3;transition:transform .2s}.lineup a.row:hover .ar{transform:translate(4px)}.lineup a.row:hover .nm{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px}.lineup .here .pos{color:var(--accent)}.board{background:var(--board);color:var(--board-ink);border-radius:8px;margin-top:96px;padding:24px 40px 30px}.board .bm{font:500 .75rem/1 var(--f-mono);letter-spacing:.14em;color:var(--board-dim)}.board-head{border-bottom:1px solid var(--board-line);justify-content:space-between;gap:16px;padding-bottom:18px;display:flex}.board-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;padding-top:28px;display:grid}.board-title{font:700 clamp(2rem, 4vw, 3rem)/1.05 var(--f-display);letter-spacing:-.03em;margin:0}.board-text{color:var(--board-dim);max-width:28em;margin:18px 0 0;font-size:1.05rem;line-height:1.6}.b-rows{margin-top:26px}.b-row{border-top:1px solid var(--board-line);grid-template-columns:12px 4.5rem minmax(0,1fr) auto;align-items:center;gap:14px;padding:13px 0;display:grid}.b-row:last-child{border-bottom:1px solid var(--board-line)}.b-lamp{background:var(--board-line);border-radius:50%;width:8px;height:8px;transition:background .2s}.b-row:hover .b-lamp,.b-row:focus-within .b-lamp{background:var(--accent)}.b-k{font:500 .75rem/1 var(--f-mono);letter-spacing:.14em;color:var(--board-dim)}.b-v{font:400 1.05rem/1.3 var(--f-mono);letter-spacing:.01em;overflow-wrap:anywhere;min-width:0}.b-v a{text-decoration:none}.b-v a:hover{text-underline-offset:4px;text-decoration:underline}.b-act{font:500 .75rem/1 var(--f-mono);letter-spacing:.08em;color:var(--board-dim);border:1px solid var(--board-line);white-space:nowrap;border-radius:4px;padding:8px 12px;text-decoration:none;transition:color .2s,border-color .2s}.b-act:hover{color:var(--board-ink);border-color:var(--board-dim)}.board :focus-visible{outline-color:var(--board-ink)}.board-form{align-content:start;gap:16px;display:grid}.form-title{font:600 1.375rem/1.2 var(--f-display);letter-spacing:-.015em;margin:0 0 4px}.field{gap:8px;display:grid}.field span{font:500 .75rem/1 var(--f-mono);letter-spacing:.14em;color:var(--board-dim)}.field em{letter-spacing:.04em;text-transform:lowercase;opacity:.7;margin-left:6px;font-style:normal}.field input,.field textarea{font:400 1rem/1.5 var(--f-body);color:var(--board-ink);border:0;border-bottom:1px solid var(--board-line);background:0 0;border-radius:0;padding:4px 0 8px;transition:border-color .2s}.field textarea{resize:vertical;min-height:64px}.field input::placeholder,.field textarea::placeholder{color:var(--board-dim);opacity:.55}.field input:focus,.field textarea:focus{border-bottom-color:var(--board-ink);outline:none}.honeypot{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.b-submit{text-align:center;font:500 .8rem/1 var(--f-mono);letter-spacing:.14em;background:var(--board-ink);color:var(--board);border-radius:6px;margin-top:6px;padding:15px;transition:opacity .2s}.b-submit:hover{opacity:.88}.b-submit:disabled{opacity:.6}.form-status{min-height:1.5em;color:var(--board-dim);margin:0;font-size:.95rem}html.has-cursor,html.has-cursor *{cursor:none!important}.cursor{z-index:100;pointer-events:none;mix-blend-mode:difference;opacity:0;background:#fff;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;transition:width .2s,height .2s,margin .2s,opacity .2s;position:fixed;top:0;left:0}.cursor.visible{opacity:1}.cursor.grow{width:40px;height:40px;margin:-20px 0 0 -20px}.cursor.press{width:10px;height:10px;margin:-5px 0 0 -5px}.roles{border-top:1px solid var(--line);margin:48px 0 0}.role{border-bottom:1px solid var(--line);grid-template-columns:11rem minmax(0,1fr) 17rem;gap:8px 40px;padding:30px 0;display:grid}.role:last-child{border-bottom:0}main:has(.experience-page){padding-bottom:24px}.role-side{align-content:start;justify-items:start;gap:16px;display:grid}.role-logo{align-items:center;margin-top:4px;display:flex}.role-logo img{object-fit:contain;width:auto;max-width:180px;height:100%;display:block}.role-logo .logo-on-light,:root[data-theme=light] .role-logo .logo-on-dark{display:none}:root[data-theme=light] .role-logo .logo-on-light{display:block}.role-photos{min-height:0;margin-left:-7rem;position:relative}.role-photos img{object-fit:cover;border-radius:6px;width:55%;height:86%;transition:transform .35s cubic-bezier(.3,0,.2,1),box-shadow .35s;position:absolute;box-shadow:0 6px 18px #00000038}.role-photos img:first-child{z-index:2;top:0;left:0;transform:rotate(-2deg)}.role-photos img:nth-child(2){z-index:1;bottom:0;right:0;transform:rotate(2.5deg)}.role-photos img:hover{z-index:3;transform:translateY(-6px)rotate(0)scale(1.05);box-shadow:0 12px 28px #0000004d}.role h3{font:600 1.5rem/1.2 var(--f-display);letter-spacing:-.015em;margin:0}.role .org{color:var(--muted);margin:4px 0 0}.role ul{max-width:30em;margin:14px 0 0;padding-left:1.1em}.role li{text-wrap:pretty;-webkit-hyphens:manual;hyphens:manual;margin-bottom:6px}.role li strong{color:var(--ink);font-weight:600}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:48px 0 0;display:grid}.card{border:1px solid var(--line);border-radius:8px;flex-direction:column;min-width:0;text-decoration:none;transition:border-color .25s,transform .35s cubic-bezier(.3,0,.2,1);display:flex;overflow:hidden}a.card:hover{border-color:var(--ink);transform:translateY(-3px)}.more-soon{text-align:center;max-width:none;color:var(--muted);margin:28px 0 0;font-size:.9rem;font-style:italic}.card h3{font:600 1.45rem/1.2 var(--f-display);letter-spacing:-.015em;margin:0}.card p{color:var(--muted);text-wrap:pretty;-webkit-hyphens:manual;hyphens:manual;margin:0;font-size:.98rem;line-height:1.5}.stack{flex-wrap:wrap;gap:6px 12px;margin-top:auto;padding-top:6px;display:flex}.card .more{font:500 .8rem/1 var(--f-mono);color:var(--muted);white-space:nowrap;transition:color .2s,transform .25s}a.card:hover .more{color:var(--ink);transform:translate(4px)}.proj-shot{aspect-ratio:16/9;background:var(--field);border-bottom:1px solid var(--line);place-items:center;display:grid;position:relative;overflow:hidden}.proj-cover{border-radius:6px;width:80%;height:auto;transition:transform .5s cubic-bezier(.3,0,.2,1);position:absolute;top:11%;left:7%;box-shadow:0 10px 30px #00000038}.proj-inset{border-radius:8px;width:24%;height:auto;transition:transform .5s cubic-bezier(.3,0,.2,1),box-shadow .5s;position:absolute;bottom:-14%;right:5%;transform:rotate(3deg);box-shadow:0 12px 30px #0000004d}a.card:hover .proj-cover{transform:translateY(-6px)scale(1.015)}a.card:hover .proj-inset{transform:translateY(-22px)rotate(0);box-shadow:0 18px 40px #00000059}.proj-body{flex-direction:column;flex:1;gap:10px;padding:22px 24px 24px;display:flex}.proj-head{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.back{margin:0 0 28px;text-decoration:none;transition:color .2s,transform .25s;display:inline-block}.back:hover{color:var(--ink);transform:translate(-4px)}.proj-page .lede{max-width:38em}.proj-links{flex-wrap:wrap;gap:12px;margin:28px 0 0;display:flex}.btn{font:500 .8rem/1 var(--f-mono);letter-spacing:.04em;background:var(--ink);color:var(--bg);border:1px solid var(--ink);border-radius:6px;padding:12px 16px;text-decoration:none;transition:transform .25s,background-color .2s,color .2s}.btn:hover{transform:translateY(-2px)}.btn.ghost{color:var(--ink);border-color:var(--line);background:0 0}.btn.ghost:hover{border-color:var(--ink)}.proj-meta{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:48px 0 0;padding:20px 0;display:grid}.proj-meta div,.built div{gap:6px;display:grid}.proj-meta dd,.built dd{margin:0}.shot{border:1px solid var(--line);background:var(--field);border-radius:8px;margin:0;overflow:hidden}.shot img{width:100%;height:auto;transition:transform .6s cubic-bezier(.3,0,.2,1);display:block}.shot:hover img{transform:scale(1.015)}.proj-hero{margin-top:40px}.proj-page>.back,.proj-page>h2,.proj-page>.lede,.proj-page>.proj-links,.proj-page>.proj-meta{animation:.7s cubic-bezier(.2,.7,.2,1) both rise}.proj-page>h2{animation-delay:60ms}.proj-page>.lede{animation-delay:.14s}.proj-page>.proj-links{animation-delay:.22s}.proj-page>.proj-meta{animation-delay:.3s}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}.reveal-on [data-reveal]{transition:opacity .8s,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal-on [data-reveal]:not(.in){opacity:0;transform:translateY(24px)}.reveal-on .proj-hero{transition-delay:.35s}.reveal-on .looking .photo-grid{transition-delay:.12s}.reveal-on .photo-grid:not(.in) .photo-cell{opacity:0;transform:translateY(14px)}.reveal-on .photo-grid .photo-cell{transition:opacity .7s,transform .5s cubic-bezier(.2,.7,.2,1)}.reveal-on .photo-grid.in .photo-cell:nth-child(2){transition-delay:60ms}.reveal-on .photo-grid.in .photo-cell:nth-child(3){transition-delay:.12s}.reveal-on .photo-grid.in .photo-cell:nth-child(4){transition-delay:.18s}.reveal-on .photo-grid.in .photo-cell:nth-child(5){transition-delay:.24s}.reveal-on .photo-grid.in .photo-cell:nth-child(6){transition-delay:.3s}.reveal-on .photo-grid.in .photo-cell:nth-child(7){transition-delay:.36s}.reveal-on .photo-grid.in .photo-cell:nth-child(8){transition-delay:.42s}.reveal-on .photo-grid.in .photo-cell:hover{transition-delay:0s;transform:translateY(-3px)}.reveal-on .role .role-photos{transition:opacity .9s .2s,transform .9s cubic-bezier(.2,.7,.2,1) .2s}.reveal-on .role:not(.in) .role-photos{opacity:0;transform:translate(18px)}.reveal-on .proj-sec .proj-text>*{transition:opacity .7s,transform .7s cubic-bezier(.2,.7,.2,1)}.reveal-on .proj-sec:not(.in) .proj-text>*{opacity:0;transform:translateY(16px)}.reveal-on .proj-sec.in .proj-text>:nth-child(2){transition-delay:.12s}.reveal-on .proj-sec.in .proj-text>:nth-child(3){transition-delay:.24s}.reveal-on .proj-sec.in .proj-text>:nth-child(n+4){transition-delay:.32s}.proj-sec{border-bottom:1px solid var(--line);grid-template-columns:11rem minmax(0,1fr);gap:8px 40px;padding:48px 0;display:grid}.proj-sec:last-child{border-bottom:0}.proj-sec h3{font:600 1.35rem/1.25 var(--f-display);letter-spacing:-.015em;align-content:start;gap:8px;margin:0;display:grid}.proj-text{gap:16px;min-width:0;display:grid}.proj-text p{text-wrap:pretty;-webkit-hyphens:manual;hyphens:manual;max-width:none;margin:0}.proj-text strong,.card p strong{color:var(--ink);font-weight:600}.proj-shots{gap:16px;margin-top:8px;display:grid}.proj-shots.two{grid-template-columns:minmax(0,2.1fr) minmax(0,1fr);align-items:start}.proj-shots.three{grid-template-columns:repeat(3,minmax(0,1fr))}.captioned{gap:10px;margin:0;display:grid}.captioned figcaption{text-align:center}.arc-wrap{min-width:0;position:relative}.proj-shots.two .arc-wrap{align-self:stretch}.proj-shots.two .arc-card{position:absolute;inset:0}.arc-card{color:#1f2a22;background:#fbfaf6;border:1px solid #d3dcd3;border-radius:16px;flex-direction:column;gap:8px;min-width:0;padding:16px 18px;display:flex;overflow:hidden}.arc-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.arc-cat{align-items:center;gap:10px;font-size:1.05rem;font-weight:600;display:flex}.arc-cat i{background:#5e6b3a;border-radius:50%;width:9px;height:9px}.arc-remove{font:inherit;color:#b23a34;cursor:pointer;background:0 0;border:0;padding:0;font-size:.9rem;transition:opacity .2s}.arc-remove:disabled{opacity:.4;cursor:default}.arc-svg{touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer;flex:1 1 0;width:100%;height:auto;min-height:0;display:block}.arc-svg path{transition:stroke .3s}.arc-amount{fill:#1f2a22;letter-spacing:-.02em;font-size:38px;font-weight:700}.arc-sub,.arc-end{fill:#5f7a66;font-size:13px}.arc-knob{cursor:grab;outline:none}.arc-knob circle{transition:r .2s,stroke-width .2s}.arc-knob:hover circle,.arc-svg:active .arc-knob circle{r:23}.arc-knob:focus-visible circle{stroke:#2e5a3b;stroke-width:7px}.arc-svg:active .arc-knob{cursor:grabbing}.arc-foot{color:#5f7a66;justify-content:space-between;gap:12px;margin-top:2px;font-size:.92rem;display:flex}.arc-status{font-weight:600}.arc-status.over{color:#b23a34}.arc-status.warn{color:#b7861a}.arc-status.ok{color:#3f7a4e}.arc-btn{font:inherit;text-align:center;cursor:pointer;border-radius:10px;padding:10px;font-size:.95rem;font-weight:600;transition:transform .2s,filter .2s}.arc-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.arc-btn:active{transform:translateY(0)}.arc-btn.confirm{color:#fff;background:#4a7a57;border:1px solid #4a7a57;margin-top:2px}.arc-btn.cancel{color:#9a2f2a;background:#f8e9e8;border:1px solid #e0a3a0}.styles{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:8px 0 0;padding:0;list-style:none;display:grid}.styles li{border:1px solid var(--line);border-radius:8px;align-content:start;gap:6px;padding:16px 18px;transition:border-color .2s,transform .25s;display:grid}.styles li:hover{border-color:var(--ink);transform:translateY(-2px)}.styles strong{font:600 1.05rem/1.25 var(--f-display);letter-spacing:-.01em}.styles span{color:var(--muted);text-wrap:pretty;font-size:.95rem;line-height:1.45}.built{margin:0;display:grid}.built div{border-top:1px solid var(--line);grid-template-columns:7rem minmax(0,1fr);align-items:baseline;gap:16px;padding:14px 0}.built div:last-child{border-bottom:1px solid var(--line)}.things{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 40px;margin:48px 0 0;padding:0;list-style:none;display:grid}.things li{border-top:1px solid var(--line);align-content:start;gap:8px;padding:24px 0 8px;display:grid}.things .big{font:700 clamp(1.7rem, 3.2vw, 2.4rem)/1.1 var(--f-display);letter-spacing:-.025em}.things p{color:var(--muted);margin:0}.things p strong{color:var(--ink);font-weight:600}.things p strong.dodger-blue,.dodger-blue{color:var(--dodger)}.things li{transition:border-color .3s}.things li.active{border-top-color:var(--ink)}.pillar-btn{font:500 .9rem/1 var(--f-body);color:var(--ink);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;justify-self:start;margin-top:8px;padding:10px 14px;transition:border-color .2s,transform .25s}.pillar-btn:hover{border-color:var(--ink);transform:translateY(-2px)}.panel{margin:64px 0 0;scroll-margin-top:24px;animation:.6s cubic-bezier(.2,.7,.2,1) both rise}.panel-head{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.panel-head .btn{cursor:pointer;font:500 .8rem/1 var(--f-mono)}.panel h3{font:700 clamp(1.8rem, 3.4vw, 2.6rem)/1.05 var(--f-display);letter-spacing:-.03em;margin:0}.song-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:32px 0 0;animation:.7s cubic-bezier(.2,.7,.2,1) .1s both rise;display:grid}.song{border:1px solid var(--line);border-radius:12px;align-content:start;gap:6px;min-width:0;padding:16px 16px 22px;transition:border-color .25s,transform .35s cubic-bezier(.3,0,.2,1);display:grid}.song:hover{border-color:var(--muted);transform:translateY(-3px)}.song .spotify{background:var(--field);border-radius:12px;height:152px;margin-bottom:14px;overflow:hidden}.song .spotify iframe{border:0;border-radius:12px;width:100%;height:152px;display:block}.song .song-artist{margin:0 4px}.song h4{font:600 1.5rem/1.2 var(--f-display);letter-spacing:-.015em;margin:0 4px 4px}.song p:not(.eyebrow){max-width:none;color:var(--muted);text-wrap:pretty;-webkit-hyphens:manual;hyphens:manual;margin:0 4px}.song p strong{color:var(--ink);font-weight:600}.reel{overscroll-behavior-x:contain;scrollbar-width:none;cursor:grab;margin:32px 0 0;animation:.7s cubic-bezier(.2,.7,.2,1) .1s both rise;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.reel::-webkit-scrollbar{display:none}.reel:active{cursor:grabbing}.reel-track{width:max-content;padding:6px 0 10px;display:flex}.reel-card{border:1px solid var(--line);border-radius:12px;flex:none;align-content:start;gap:6px;width:200px;margin-right:16px;padding:12px 12px 16px;text-decoration:none;transition:border-color .25s,transform .35s cubic-bezier(.3,0,.2,1);display:grid}.reel-card:hover{border-color:var(--muted);transform:translateY(-4px)}.reel-poster{aspect-ratio:2/3;background:var(--field);border-radius:6px;place-items:center;margin-bottom:8px;display:grid;position:relative;overflow:hidden}.reel-poster img{object-fit:cover}.reel-poster span{text-align:center;font:700 1.2rem/1.15 var(--f-display);letter-spacing:-.02em;color:var(--muted);padding:16px}.reel-card .eyebrow{margin:0;font-size:.7rem}.reel-card h4{font:600 1.05rem/1.25 var(--f-display);letter-spacing:-.01em;text-wrap:balance;margin:0}.reel-card h4 span{color:var(--muted);font-size:.85em}.game{max-width:580px;margin:28px auto 0;animation:.7s cubic-bezier(.2,.7,.2,1) .1s both rise}.game-board{border:1px solid var(--line);border-radius:10px;grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.game-board>div{justify-items:center;gap:6px;padding:12px 8px;display:grid}.game-board>div+div{border-left:1px solid var(--line)}.game-board strong{font:700 1.5rem/1 var(--f-display);align-items:center;min-height:1.5rem;display:flex}.game-board .dots{gap:6px}.game-board .dots i{border:1.5px solid var(--muted);border-radius:50%;width:11px;height:11px;transition:background-color .2s,border-color .2s}.game-board .dots i.on{background:var(--accent);border-color:var(--accent)}.game-board .dots i.hot{background:var(--beak);border-color:var(--beak)}.game-board .charged{animation:1s ease-in-out infinite alternate charged-pulse}.game-board .charged .mono{color:var(--beak)}@keyframes charged-pulse{to{background:color-mix(in srgb, var(--beak) 14%, transparent)}}.game-field{border:1px solid var(--line);background:var(--bg);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;border-radius:10px;width:100%;height:auto;margin:14px 0 0;display:block}.g-grass{fill:var(--field)}.g-dirt{fill:color-mix(in srgb, #b07a4a 20%, var(--bg))}.g-chalk{fill:none;stroke:var(--muted);stroke-width:1px;opacity:.6}.g-mound{fill:color-mix(in srgb, #b07a4a 32%, var(--bg))}.g-base,.g-plate{fill:var(--bg);stroke:var(--ink);stroke-width:1.2px;transition:fill .25s}.g-base.on{fill:var(--accent);stroke:var(--accent)}.g-bat{transform-box:fill-box;transform-origin:50% 100%;transform:rotate(145deg)}.g-bat rect{fill:#c9965f;stroke:#8a6038;stroke-width:.6px;transition:fill .3s}.g-bat.swing,.g-bat.power{animation:.42s cubic-bezier(.3,0,.3,1) bat-swing}@keyframes bat-swing{0%{transform:rotate(145deg)}18%{transform:rotate(170deg)}45%{transform:rotate(85deg)}65%{transform:rotate(-30deg)}to{transform:rotate(145deg)}}.g-bat.charged rect{fill:var(--beak);stroke:var(--beak);filter:drop-shadow(0 0 3px var(--beak))}.g-bat.charged{animation:1s ease-in-out infinite alternate bat-glow}.g-bat.charged.power{animation:.42s cubic-bezier(.3,0,.3,1) bat-swing}@keyframes bat-glow{0%{transform:rotate(145deg)}to{transform:rotate(152deg)}}.ch-pbody{fill:var(--pbody);stroke:var(--pline);stroke-width:.8px}.ch-pbelly{fill:var(--pbelly)}.batters{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 14px;display:flex}.batters .mono{margin-right:4px}.batter{font:500 .85rem/1 var(--f-body);color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:5px 12px 5px 6px;transition:border-color .2s,color .2s,transform .25s;display:flex}.batter svg{width:24px;height:26px;display:block}.batter:hover{color:var(--ink);transform:translateY(-2px)}.batter[aria-pressed=true]{color:var(--ink);border-color:var(--ink)}.g-party .spark{opacity:0;animation:1.1s cubic-bezier(.15,.7,.3,1) both spark}.g-party .spark.t0{fill:var(--beak)}.g-party .spark.t1{fill:var(--accent)}.g-party .spark.t2{fill:var(--dodger)}@keyframes spark{0%{opacity:1;transform:translate(0)scale(.4)}70%{opacity:1}to{opacity:0;transform:translate(var(--dx), var(--dy)) scale(1)}}.g-banner{font:800 22px var(--f-display);letter-spacing:-.02em;fill:var(--ink);paint-order:stroke;stroke:var(--bg);stroke-width:4px;transform-box:fill-box;transform-origin:50%;animation:1.5s cubic-bezier(.2,1.4,.4,1) both banner}@keyframes banner{0%{opacity:0;transform:scale(.5)}20%{opacity:1;transform:scale(1.08)}35%{transform:scale(1)}80%{opacity:1}to{opacity:0;transform:translateY(-8px)}}.g-cheer{animation:.8s ease-in-out 2 cheer}@keyframes cheer{0%,to{transform:translateY(0)}40%{transform:translateY(-9px)}}.g-ball.charged{fill:var(--beak);stroke:var(--beak);filter:drop-shadow(0 0 4px var(--beak))}.g-ball{fill:#fff;stroke:#1a1a1a;stroke-width:.6px}.g-shadow{fill:#000}.game-foot{justify-content:space-between;align-items:center;gap:16px;margin:14px 0 0;display:flex}.game-msg{font:600 1.05rem/1.3 var(--f-display);min-height:1.4em;margin:0}.game-foot .btn{cursor:pointer;flex:none}.game-hint{text-align:center;max-width:none;margin:10px 0 0}.stage{z-index:40;transform-origin:100% 0;width:min(440px,60vh);transition:transform .4s cubic-bezier(.3,0,.2,1),visibility;position:fixed;top:76px;right:calc(max(clamp(24px,4vw,56px),50vw - 640px) + 13px);transform:scale(.3)}.stage:before{content:"";z-index:-1;background:var(--bg);border:3px solid var(--line);border-radius:60px;position:absolute;inset:-26px -44px -60px}.stage:is(:hover,:has(:focus-visible),.peek){transform:scale(.75)}.dock-hint{text-align:center;font:400 15px/1 var(--f-mono);color:var(--muted);opacity:0;pointer-events:none;margin:0;transition:opacity .2s;position:absolute;bottom:-44px;left:0;right:0}.stage:is(:hover,:has(:focus-visible)) .dock-hint{opacity:1;transition-delay:.15s}.stage svg{width:100%;height:auto;display:block;overflow:visible}.dock-hide{transform-origin:100% 0;width:22px;height:22px;color:var(--muted);opacity:0;pointer-events:none;border-radius:50%;place-items:center;transition:opacity .2s,color .2s,background-color .2s;display:grid;position:absolute;top:-8px;right:-16px;transform:scale(1.333)}.dock-hide svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;width:10px;height:10px}.dock-hide:hover{color:var(--ink);background:var(--line)}.stage:is(:hover,:has(:focus-visible)) .dock-hide{opacity:1;pointer-events:auto;transition-delay:.15s,0s,0s}html[data-dock=hidden] .stage{visibility:hidden;transition:transform .4s cubic-bezier(.3,0,.2,1),visibility 0s .4s;transform:translate(150%)scale(.3)}.dock-tab{z-index:40;background:var(--bg);width:34px;height:44px;color:var(--muted);border:1px solid var(--line);visibility:hidden;border-right:0;border-radius:12px 0 0 12px;place-items:center;transition:transform .35s cubic-bezier(.3,0,.2,1),visibility 0s .35s,color .2s,width .2s;display:grid;position:fixed;top:84px;right:0;transform:translate(100%)}.dock-tab svg{width:16px;height:16px;fill:var(--field);stroke:currentColor;stroke-width:1.4px;stroke-linejoin:round}.dock-tab:hover{color:var(--ink);width:42px}html[data-dock=hidden] .dock-tab{visibility:visible;transition-delay:.2s,0s,0s,0s;transform:none}.infield{fill:var(--field)}.chalk{fill:none;stroke:var(--muted);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;transition:stroke-width .5s}.stage:is(:hover,:has(:focus-visible),.peek) .chalk{stroke-width:1.2px}.foul{opacity:.45}.draw{stroke-dasharray:1;stroke-dashoffset:1px}html:not([data-intro=playing]) .draw{animation:1.2s cubic-bezier(.6,0,.2,1) .35s forwards draw}@keyframes draw{to{stroke-dashoffset:0}}.mound{fill:none;stroke:var(--muted);stroke-width:1px;opacity:.6}.base{cursor:pointer}.base,.base:focus,.base:focus-visible{-webkit-tap-highlight-color:transparent;outline:none}.base .hit{fill:#0000}.base .bag{fill:var(--bg);stroke:var(--ink);stroke-width:3.6px;transition:fill .25s,stroke-width .5s}.stage:is(:hover,:has(:focus-visible),.peek) .base .bag{stroke-width:1.4px}.base:hover .bag{fill:var(--ink)}.base:focus-visible .bag{stroke:var(--accent);stroke-width:2.4px}.base .lbl{font:500 10px var(--f-mono);fill:var(--muted);opacity:0;pointer-events:none;transition:opacity .2s,fill .2s}.stage:is(:hover,:has(:focus-visible)) .base .lbl{opacity:1;transition-delay:.12s,0s}.base:hover .lbl,.base:focus-visible .lbl{fill:var(--ink)}.penguin,.penguin *{pointer-events:none}.penguin .p-hit{fill:#0000;pointer-events:all;cursor:default}.penguin .peng,.penguin .alt{transform-origin:0 -10px;transition:opacity .2s,transform .25s cubic-bezier(.3,1.6,.5,1)}.penguin .alt,.penguin:hover .peng{opacity:0;transform:scale(.6)}.penguin:hover .alt.on{opacity:1;transform:scale(1)}.penguin .p-body,.penguin .p-flip{fill:var(--pbody);stroke:var(--pline);stroke-width:.8px}.penguin .p-belly,.penguin .p-eye{fill:var(--pbelly)}.penguin .p-beak,.penguin .p-foot{fill:var(--beak)}.penguin .pwad,.penguin .pbob,.penguin .p-foot{transform-origin:0 0}.penguin.running .pwad{animation:.3s ease-in-out infinite alternate waddle}.penguin.running .pbob{animation:.3s ease-out infinite hop}.penguin.running .p-foot.fa{animation:.6s ease-in-out infinite step}.penguin.running .p-foot.fb{animation:.6s ease-in-out -.3s infinite step}@keyframes waddle{0%{transform:rotate(-9deg)}to{transform:rotate(9deg)}}@keyframes hop{0%,to{transform:translateY(0)}50%{transform:translateY(-1.6px)}}@keyframes step{0%,50%,to{transform:translateY(0)}25%{transform:translateY(-1.8px)}}.foot{border-top:1px solid var(--line);justify-content:space-between;align-items:start;gap:24px;padding-block:36px 40px;display:flex}.foot p{font:400 .875rem/1.4 var(--f-body);gap:2px;margin:0;display:grid}.foot .rights{text-align:right}.foot .dim{color:var(--muted)}#loader{z-index:50;background:var(--bg);color:var(--ink);flex-direction:column;justify-content:space-between;padding:24px;transition:transform .85s cubic-bezier(.7,0,.2,1),visibility 0s linear .85s;display:none;position:fixed;inset:0}html[data-intro=playing] #loader,html[data-intro=done] #loader{display:flex}html[data-intro=done] #loader{visibility:hidden;pointer-events:none;transform:translateY(-100%)}.ld-top,.ld-bot{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.ld-bot{margin-top:12px}.ld-num{font:700 clamp(6rem, 24vw, 17rem)/.85 var(--f-display);letter-spacing:-.05em;font-variant-numeric:tabular-nums;margin:0}.ld-bar{background:var(--line);height:2px;margin-top:20px}.ld-bar i{background:var(--ink);width:0;height:100%;display:block}@media (max-width:860px){body{padding-inline:16px}.stage{right:29px}.home-top{grid-template-columns:minmax(0,1fr);gap:40px}.looking{grid-template-columns:minmax(0,1fr);gap:32px}.role{grid-template-columns:minmax(0,1fr);gap:6px}.role-photos{height:14rem;margin:14px 0 0}.things,.song-grid,.grid,.proj-meta,.proj-sec,.proj-shots.two,.proj-shots.three,.styles{grid-template-columns:minmax(0,1fr)}.proj-shots.two .arc-card{position:static}.proj-sec{padding:36px 0}.board{padding:24px 20px 28px}.board-body{grid-template-columns:minmax(0,1fr);gap:48px}.b-row{grid-template-columns:12px minmax(0,1fr) auto}.b-k{grid-column:2}.b-v{grid-area:2/2}.b-act{grid-area:1/3/span 2}}@media (prefers-reduced-motion:reduce){.site,main,#loader,.stage{transition:none}.page{animation:none}.proj-page>*{animation:none!important}.g-bat,.g-cheer,.g-party *,.game-board .charged{animation-duration:1ms!important}.reveal-on [data-reveal],.reveal-on .proj-sec .proj-text>*,.reveal-on .photo-cell,.reveal-on .role-photos{opacity:1!important;transition:none!important;transform:none!important}.draw{stroke-dashoffset:0;animation:none!important}.penguin.running .pwad,.penguin.running .pbob,.penguin.running .p-foot{animation:none!important}}
