@import "https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,500;1,9..144,300;1,9..144,400&family=Inter:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--bg:#1b231a;--panel:#242d22;--surface:#f1efe60d;--cream:#f1efe6;--dim:#f1efe6bd;--dim2:#f1efe685;--faint:#f1efe624;--hydrangea:#98a9d6;--mono:"IBM Plex Mono", monospace;--body:"Inter", sans-serif;--display:"Fraunces", serif}*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}html,body{overflow-x:hidden}body{background:var(--bg);color:var(--cream);font-family:var(--body)}h1,h2,h3,h4,p,li{overflow-wrap:break-word}h1,h2,h3{font-family:var(--display);color:var(--cream);font-weight:400}button{font:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:none;padding:0}a:focus-visible,button:focus-visible{outline:2px solid var(--hydrangea);outline-offset:3px}.wrap{max-width:1000px;margin:0 auto;padding-inline:24px}main,.detail{z-index:1;position:relative}.glow{z-index:0;pointer-events:none;background:radial-gradient(50% 34% at 84% 6%,#98a9d612,#0000 70%),radial-gradient(44% 30% at 10% 58%,#98a9d60d,#0000 70%),radial-gradient(42% 30% at 72% 96%,#a9ae860f,#0000 70%);position:fixed;inset:0}.grain{z-index:80;pointer-events:none;opacity:.4;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");position:fixed;inset:0}.subnav{z-index:1;padding-block:30px 0;position:relative}.brand{font-family:var(--mono);letter-spacing:-.02em;color:var(--cream);font-size:14px;font-weight:500;text-decoration:none}.brand .tld{color:var(--hydrangea)}.hero{background:#141b13;flex-direction:column;min-height:100dvh;display:flex;position:relative;overflow:hidden}.hero-video{object-fit:cover;z-index:1;filter:brightness(.82)saturate(.9);width:100%;height:100%;position:absolute;inset:0}.hero-shade{z-index:2;background:linear-gradient(102deg,#11150f99 0%,#11150f4d 42%,#11150f0a 68%),linear-gradient(#11150f66 0%,#0000 20%);position:absolute;inset:0}.hero-fade{z-index:3;background:linear-gradient(180deg, transparent 62%, #1b231a8c 84%, var(--bg) 100%);position:absolute;inset:0}.hero-mid,.hero-row{z-index:4;position:relative}.hero-mid{flex-direction:column;flex:1;justify-content:center;padding:48px 46px 110px;display:flex}.hero-mid h1{font-optical-sizing:auto;letter-spacing:-.02em;max-width:13em;font-size:clamp(44px,7.2vw,96px);font-weight:300;line-height:1.06}.hero-mid h1 .line{display:block}.hero-mid h1 .amp{font-style:italic;font-weight:300}.hero-detail{margin-top:40px}.hero-detail .from{font-size:17px;font-weight:500}.hero-detail .cc{letter-spacing:.08em;vertical-align:2px;opacity:.8;margin-left:2px;font-size:11px;font-weight:600}.hero-detail .lede{max-width:480px;color:var(--dim);margin-top:14px;font-size:15.5px;line-height:1.7}.bottomnav{z-index:60;pointer-events:none;background:linear-gradient(#0000 0%,#10150f6b 45%,#10150fe0 100%);justify-content:space-between;align-items:flex-end;gap:20px;padding:44px 46px 28px;display:flex;position:fixed;bottom:0;left:0;right:0}.bottomnav a{pointer-events:auto}.hero-links{gap:30px;display:flex}.hero-links a,.hero-link{letter-spacing:.01em;color:var(--cream);border-bottom:1px solid #0000;padding-bottom:2px;font-size:14.5px;font-weight:500;text-decoration:none;transition:border-color .2s}.hero-links a:hover,.hero-link:hover{border-bottom-color:#f1efe6bf}.rise{opacity:0;animation:.9s cubic-bezier(.22,1,.36,1) forwards heroRise;transform:translateY(22px)}.d1{animation-delay:50ms}.d2{animation-delay:.16s}.d3{animation-delay:.32s}.d4{animation-delay:.48s}@keyframes heroRise{to{opacity:1;transform:none}}.reveal{opacity:0;transition:opacity .8s,transform .8s cubic-bezier(.22,1,.36,1);transform:translateY(26px)}.reveal.in{opacity:1;transform:none}.r2{transition-delay:.1s}.r3{transition-delay:.2s}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.rise{opacity:1;animation:none;transform:none}.reveal{opacity:1;transition:none;transform:none}.packet{opacity:0;animation:none!important}}.section{border-top:1px solid var(--faint);padding-block:104px 84px;scroll-margin-top:20px}main>.hero+.section{border-top:none}.eyebrow{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--hydrangea);margin-bottom:18px;font-size:12px}.section-title{letter-spacing:-.02em;margin-bottom:28px;font-size:clamp(30px,4.4vw,44px);line-height:1.12}.about{text-align:center;justify-content:center;align-items:center;min-height:82vh;display:flex}.big-intro{font-family:var(--display);font-optical-sizing:auto;letter-spacing:-.015em;color:var(--cream);max-width:10.5em;margin-inline:auto;font-size:clamp(30px,4.6vw,62px);font-weight:300;line-height:1.34}.big-intro .amp{font-style:italic;font-weight:300}.txt-chip{aspect-ratio:15/8;object-fit:cover;vertical-align:-.05em;border-radius:.14em;width:auto;height:.78em;display:inline-block}.proj-list{border-top:1px solid var(--faint);margin-top:8px}.proj-row{border-bottom:1px solid var(--faint);width:100%;color:inherit;grid-template-columns:168px 1fr 40px;align-items:start;gap:28px;padding:34px 10px;text-decoration:none;display:grid}.proj-row .tag{font-family:var(--mono);color:var(--dim2);letter-spacing:.08em;text-transform:uppercase;padding-top:9px;font-size:11.5px}.proj-main{flex-direction:column;gap:12px;display:flex}.proj-row h3{letter-spacing:-.015em;font-size:27px;transition:color .15s}.proj-row p{color:var(--dim);max-width:60ch;font-size:15px;line-height:1.65}.tech{flex-wrap:wrap;gap:6px;display:flex}.tech span{font-family:var(--mono);background:var(--surface);border:1px solid var(--faint);color:var(--dim2);border-radius:99px;padding:4px 9px;font-size:11px}.row-note{font-family:var(--mono);color:var(--hydrangea);margin-top:2px;font-size:12.5px}.proj-row .go{font-family:var(--display);color:var(--hydrangea);padding-top:4px;font-size:24px;transition:transform .25s cubic-bezier(.22,1,.36,1);transform:translate(0)}.proj-row:not(.still):hover h3{color:var(--hydrangea)}.proj-row:not(.still):hover .go{transform:translate(4px,-4px)}.proj-row:not(.still):active .go{transform:translate(6px,-6px)}@media (width<=700px){.proj-row{grid-template-columns:1fr 32px;gap:12px}.proj-row .tag{grid-column:1/-1;padding-top:0}}.detail{min-height:100vh;padding-top:64px;padding-bottom:110px}.back{font-family:var(--mono);color:var(--dim2);margin-bottom:30px;font-size:13px;text-decoration:none;transition:color .15s;display:inline-block}.back:hover{color:var(--cream)}.intro{max-width:620px;color:var(--dim);margin-bottom:36px;font-size:16px;line-height:1.7}.arch{background:var(--surface);border:1px solid var(--faint);border-radius:12px;padding:28px 28px 20px}.arch-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.arch-head h3{font-size:18px}.arch-head .note{font-family:var(--mono);color:var(--dim2);font-size:12px}.arch svg{width:100%;height:auto;display:block}.visits{font-family:var(--mono);color:var(--dim2);margin-top:30px;font-size:13px}.visits b{color:var(--hydrangea);font-weight:500}.res-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.res-head .section-title{margin-bottom:0}.btn{font-family:var(--mono);border:1px solid var(--cream);background:var(--cream);color:var(--bg);border-radius:7px;padding:11px 18px;font-size:13px;text-decoration:none;transition:opacity .15s}.btn:hover{opacity:.85}.btn:active{opacity:.7}.res-section{margin-top:48px}.res-section h4{font-family:var(--mono);text-transform:uppercase;letter-spacing:.14em;color:var(--dim2);border-bottom:1px solid var(--faint);margin-bottom:26px;padding-bottom:10px;font-size:13px;font-weight:500}.role{grid-template-columns:170px 1fr;gap:24px;margin-bottom:32px;display:grid}@media (width<=640px){.role{grid-template-columns:1fr;gap:6px}}.role .when{font-family:var(--mono);color:var(--dim2);padding-top:4px;font-size:13px}.role h3{font-size:19px}.role .org{color:var(--hydrangea);font-size:13.5px;font-family:var(--mono);margin-top:3px}.role .techline{font-family:var(--mono);color:var(--dim2);margin-top:6px;font-size:12px}.role ul{margin:12px 0 0 18px;padding:0}.role li{color:var(--dim);margin-bottom:6px;font-size:14.5px;line-height:1.7}.skill-row{color:var(--dim);grid-template-columns:170px 1fr;gap:24px;margin-bottom:14px;font-size:14.5px;display:grid}@media (width<=640px){.skill-row{grid-template-columns:1fr;gap:2px}}.skill-row .k{font-family:var(--mono);color:var(--dim2);font-size:13px}.site-footer{z-index:1;border-top:1px solid var(--faint);position:relative}.foot-inner{font-family:var(--mono);color:var(--dim2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-block:26px 130px;font-size:12px;display:flex}.foot-links{gap:20px;display:flex}.foot-links a{color:var(--dim2);border-bottom:1px solid #0000;padding-bottom:1px;text-decoration:none;transition:color .2s,border-color .2s}.foot-links a:hover{color:var(--cream);border-bottom-color:var(--faint)}@media (width<=600px){.hero-mid{padding:40px 22px 90px}.hero-mid h1{font-size:clamp(30px,9.6vw,44px)}.bottomnav{padding:36px 22px 22px}.hero-links{gap:20px}.hero-detail{margin-top:28px}.section{padding-block:68px 56px}.detail{padding-top:44px}}