@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--paper: #f1efe9;--ink: #171714;--line: rgba(23, 23, 20, .25);--muted: #716f67;--dark-panel: #242422;--page-padding: clamp(20px, 4vw, 58px);--content-max-width: 1245px;--reading-width: 930px;--page-background: var(--paper)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background:var(--page-background);color:var(--ink);font-family:Space Grotesk,sans-serif;transition:background-color .15s linear}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.site-header{position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:22px var(--page-padding);mix-blend-mode:multiply}.wordmark{font-weight:700;font-size:19px;letter-spacing:-.08em;transition:opacity .25s ease}.wordmark:hover,.wordmark:focus-visible{opacity:.58}.wordmark span{font-size:12px;margin-left:2px}.nav-links{display:flex;gap:10px;font-family:DM Mono,monospace;font-size:11px;text-transform:uppercase}.nav-links a{min-width:118px;padding:12px 18px;border:1px solid var(--line);border-radius:999px;background:#f1efe9e0;text-align:center;transition:background .25s ease,color .25s ease,border-color .25s ease,transform .25s ease}.nav-links a:hover,.nav-links a:focus-visible{background:var(--ink);color:var(--paper);transform:translateY(-2px)}.nav-links small{color:var(--muted);margin-left:4px}.menu-button{display:none;border:0;background:none;text-transform:uppercase;font:11px DM Mono,monospace}.hero{min-height:max(680px,100svh);display:flex;align-items:center;position:relative;padding:120px var(--page-padding) 76px;overflow:hidden}.hero-grid{width:min(100%,var(--content-max-width));margin:0 auto;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.72fr);gap:clamp(42px,7vw,112px);align-items:center}.hero-copy{min-width:0}.eyebrow,.section-label,.footer-top,.footer-bottom{font:11px DM Mono,monospace;text-transform:uppercase;letter-spacing:.03em}.eyebrow{margin:0 0 clamp(32px,5vw,62px)}.eyebrow span{color:var(--muted);margin:0 7px}.hero h1{margin:0;font-size:clamp(80px,12.8vw,190px);line-height:.76;letter-spacing:-.105em;font-weight:700;animation:hero-in .9s cubic-bezier(.2,.8,.2,1) both}.hero h1 span{display:block}.hero h1,.outline{letter-spacing:.01em}.hero h1 .outline,.work-heading em,.focus-intro em,.footer h2 em{color:transparent;-webkit-text-stroke:1.5px var(--ink);font-style:normal}.hero-subtitle{max-width:31ch;margin:clamp(34px,4vw,52px) 0 0;font-size:clamp(16px,1.6vw,21px);line-height:1.2;animation:hero-copy-in .8s .25s ease both}.hero-note{max-width:28ch;margin:24px 0 0;color:var(--muted);font:12px/1.45 DM Mono,monospace;text-transform:uppercase}.hero-showcase{width:100%;aspect-ratio:4 / 5;min-height:300px;max-height:590px;border:1px solid var(--line);background:transparent}.hero-showcase-media{display:block;width:100%;height:100%;object-fit:cover}.hero-showcase-placeholder{height:100%}.scroll-cue{position:absolute;right:var(--page-padding);bottom:40px;display:flex;gap:18px;align-items:center;font:10px DM Mono,monospace;text-transform:uppercase}.scroll-cue b{font-size:24px;font-weight:400}.marquee,.work-marquee{overflow:hidden;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);white-space:nowrap;line-height:1;letter-spacing:-.08em}.marquee{font-size:clamp(35px,5.2vw,76px);padding:12px 0 16px}.marquee-track{display:flex;width:max-content}.marquee-track>div{flex:0 0 max-content;padding-right:30px}.marquee-track>div[aria-hidden=true]{padding-right:0}.marquee-track{animation:marquee-move 22s linear infinite;will-change:transform}.marquee i,.work-marquee i{font-style:normal;font-size:.55em;vertical-align:middle;margin:0 .2em}.work-marquee{margin:0 auto 58px;font-size:clamp(34px,5vw,72px);padding:12px 0 15px}.work-marquee .marquee-track{animation-duration:19s;animation-direction:reverse}.section,.work-section,.focus-section{padding:clamp(88px,9vw,130px) var(--page-padding)}.section-label{width:min(100%,var(--content-max-width));margin-inline:auto;display:flex;justify-content:space-between;padding-bottom:17px;border-bottom:1px solid var(--line)}.about-content{width:min(1100px,calc(100% - clamp(0px,12vw,220px)));margin:78px 0 0 clamp(0px,12vw,220px)}.about h2{font-size:clamp(19px,2.5vw,30px);line-height:1.18;letter-spacing:.005em;font-weight:400;margin:0 0 0 clamp(12px,10vw,100px)}.work-section{background:#d7d4cb}.work-heading{width:min(100%,var(--content-max-width));display:flex;justify-content:space-between;align-items:end;margin:75px auto 60px}.work-heading h2{margin:0;font-size:clamp(60px,10vw,150px);line-height:.78;letter-spacing:-.09em;font-weight:600}.plus{font-size:75px;font-weight:300}.projects{width:min(100%,var(--content-max-width));display:grid;grid-template-columns:1fr;gap:clamp(76px,9vw,130px);margin-inline:auto}.project{display:block;border-top:1px solid var(--ink);padding-top:14px;transition:filter .6s ease-in-out}.projects:hover .project:not(:hover),.projects:focus-within .project:not(.is-active){filter:brightness(.76)}.project-top,.project-info,.tags{display:flex;justify-content:space-between;align-items:flex-start;font:11px DM Mono,monospace;text-transform:uppercase}.project-top{margin-bottom:14px}.visual{height:clamp(360px,48vw,680px);position:relative;overflow:hidden;background:var(--paper)}.visual img{display:block;width:100%;height:100%;object-fit:cover}.image-grid{display:grid;gap:2px;background:var(--ink)}.image-grid-3{grid-template-columns:1.45fr 1fr;grid-template-rows:1fr 1fr}.image-grid-3 img:first-child{grid-row:span 2}.visual-fallback{border:1px solid var(--line);background:#f1efe98c}.generated-visual{padding:clamp(22px,5vw,70px);font-family:DM Mono,monospace}.django-visual{display:grid;place-items:center;background:#d7e4dc;color:#17352b}.django-window{display:flex;width:min(100%,760px);min-height:72%;overflow:hidden;border:1px solid #17352b;border-radius:8px;background:#eef4ed;box-shadow:14px 14px #17352b24}.django-sidebar{display:flex;width:64px;flex-direction:column;align-items:center;gap:28px;padding:22px 0;border-right:1px solid #9db5a8;font-size:15px}.django-sidebar b{display:grid;width:30px;height:30px;place-items:center;border-radius:5px;background:#17352b;color:#eef4ed;font-size:12px}.django-main{flex:1;padding:clamp(18px,3vw,34px)}.django-toolbar{display:flex;justify-content:space-between;gap:16px;padding-bottom:20px;border-bottom:1px solid #b5c9be;font-size:clamp(9px,1.2vw,13px)}.django-toolbar span{color:#4c8569}.django-board{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-top:28px}.django-board>div{display:flex;min-width:0;flex-direction:column;gap:9px}.django-board>div>b{padding-bottom:7px;border-bottom:2px solid #6b9b7d;font-size:clamp(8px,1vw,11px)}.django-board span{padding:11px 9px;border:1px solid #9db5a8;border-radius:4px;background:#fff;font:clamp(8px,1vw,11px) "Space Grotesk",sans-serif}.django-board>div:nth-child(2)>b{border-color:#c58f4a}.django-board>div:nth-child(3)>b{border-color:#4c8569}.generated-visual>small{position:absolute;right:24px;bottom:20px;font-size:9px}.tic-tac-toe-visual{display:flex;flex-direction:column;justify-content:space-between;background:#e7d8c8;color:#30261f}.game-header,.game-footer{display:flex;justify-content:space-between;gap:12px;font-size:clamp(8px,1.1vw,12px)}.game-header b{font-family:Space Grotesk,sans-serif;font-size:clamp(18px,3vw,40px);letter-spacing:-.08em}.game-board{display:grid;width:min(58%,430px);aspect-ratio:1;align-self:center;grid-template-columns:repeat(3,1fr);border:2px solid #30261f}.game-board span{display:grid;place-items:center;border:1px solid #30261f;font:clamp(32px,8vw,92px)/1 "Space Grotesk",sans-serif}.game-board span:nth-child(odd){color:#a74d38}.project-info{margin-top:20px;text-transform:none;font-family:Space Grotesk,sans-serif}.project-info h3{margin:0;font-size:clamp(20px,2.2vw,30px);letter-spacing:-.05em;font-weight:500;text-transform:none}.project-info p{max-width:42ch;margin:10px 0 0;color:var(--muted);font:13px/1.4 Space Grotesk,sans-serif;text-transform:none}.arrow{flex:0 0 auto;margin-left:20px;font-size:28px;font-family:Space Grotesk,sans-serif;transition:transform .3s ease}.project:hover .arrow,.project:focus-visible .arrow{transform:translate(4px,-4px)}.tags{gap:7px;justify-content:flex-start;margin-top:24px}.tags span{border:1px solid var(--line);border-radius:20px;padding:7px 10px}.focus-section{padding:105px var(--page-padding);background:var(--dark-panel);color:var(--ink)}.focus-card{width:100%;max-width:var(--content-max-width);margin-inline:auto;display:grid;grid-template-columns:58px 1fr;min-height:380px;overflow:hidden;border-radius:9px;background:var(--paper)}.panel-rail{border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:18px 0}.panel-rail span,.panel-rail small{writing-mode:vertical-rl;transform:rotate(180deg)}.panel-rail span{font:12px DM Mono,monospace}.panel-rail small{color:var(--muted);font:11px DM Mono,monospace}.focus-card-content{padding:20px 30px 38px}.panel-heading{display:none}.focus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;height:100%;align-items:start}.focus-grid article{padding-top:20px}.focus-icon{display:grid;place-items:center;width:17px;height:17px;border:1px solid var(--ink);font-size:14px;line-height:1}.focus-grid h3{font-size:clamp(23px,2.4vw,36px);letter-spacing:-.07em;line-height:.9;margin:15px 0 20px}.focus-grid p{max-width:220px;margin:0;line-height:1.55;font-size:14px}.footer{padding:100px var(--page-padding) 26px;background:var(--dark-panel)}.social-card{width:100%;max-width:var(--content-max-width);margin-inline:auto;display:grid;grid-template-columns:minmax(0,1fr) 27.5%;overflow:hidden;border-radius:9px;background:var(--paper)}.social-main{min-width:0}.social-heading{padding:42px 30px 28px;border-bottom:1px solid var(--line);font-size:clamp(72px,10vw,150px);line-height:.78;letter-spacing:-.1em}.social-body{min-height:420px}.social-copy{padding:58px 30px 30px}.social-copy p{margin:0;color:var(--muted);font-size:20px;line-height:1.15}.social-links{display:flex;flex-wrap:wrap;gap:12px;max-width:430px;margin-top:62px}.social-links a{display:flex;justify-content:space-between;align-items:center;min-width:160px;padding:14px 18px;border-radius:30px;background:var(--ink);color:var(--paper);font:13px DM Mono,monospace;text-transform:uppercase;transition:background .25s ease,color .25s ease,transform .25s ease}.social-links a:hover,.social-links a:focus-visible{background:#315a46;color:var(--paper);transform:translateY(-2px)}.social-links .arrow{font-size:16px}.portrait-column{border-left:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;padding:30px}.portrait-column img{width:100%;aspect-ratio:1/1.2;object-fit:cover;border-radius:8px}.portrait-column small{font-size:16px;line-height:1.3;color:var(--ink)}.footer-meta{max-width:1100px;margin:20px auto 0;display:flex;justify-content:space-between;color:#aaa79f;font:10px DM Mono,monospace;text-transform:uppercase}.footer-meta a{color:var(--paper);transition:color .25s ease}.footer-meta a:hover,.footer-meta a:focus-visible{color:#bccfb8}.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s ease,transform .8s ease}.reveal.is-visible{opacity:1;transform:none}:focus-visible{outline:2px solid currentColor;outline-offset:5px}@keyframes marquee-move{to{transform:translate(-50%)}}@keyframes move{to{transform:translate(-100%)}}@keyframes hero-in{0%{opacity:0;transform:translateY(35px)}to{opacity:1;transform:none}}@keyframes hero-copy-in{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@media (max-width: 1100px){.hero-grid{grid-template-columns:minmax(0,1fr) minmax(250px,.7fr);gap:42px}.hero h1{font-size:clamp(72px,12vw,140px)}.work-heading{margin-top:58px}.focus-card{grid-template-columns:48px 1fr}.social-card{grid-template-columns:minmax(0,1fr) 24%}}@media (max-width: 900px) and (min-width: 701px){.hero{min-height:0;padding-top:140px}.hero-grid{grid-template-columns:1fr;gap:48px}.hero-showcase{width:min(100%,560px);aspect-ratio:16 / 9}.projects{gap:82px}.visual{height:min(62vw,560px)}.focus-grid{gap:18px}.social-card{grid-template-columns:minmax(0,1fr) 190px}}@media (max-width: 700px){:root{--page-padding: 5vw}.site-header{padding:18px var(--page-padding)}.menu-button{display:block}.nav-links{position:absolute;top:55px;right:var(--page-padding);display:none;flex-direction:column;gap:8px;background:var(--paper);padding:10px;border:1px solid var(--line);border-radius:12px}.nav-links a{min-width:120px}.nav-links.is-open{display:flex}.hero{min-height:0;padding:108px var(--page-padding) 78px}.hero-grid{grid-template-columns:1fr;gap:52px;align-items:start}.eyebrow{margin-bottom:34px}.hero h1{font-size:clamp(70px,23vw,150px)}.hero-subtitle{margin-top:38px;font-size:16px}.hero-note{margin-top:20px}.hero-showcase{width:min(100%,430px);aspect-ratio:4 / 3;min-height:0}.scroll-cue{right:var(--page-padding);bottom:25px}.section,.work-section{padding:80px var(--page-padding)}.about h2{font-size:clamp(19px,5.5vw,28px);letter-spacing:.005em;font-weight:400}.muted-copy{margin-top:40px}.work-heading{margin:58px 0 45px}.work-heading h2{font-size:clamp(64px,18vw,90px)}.plus{font-size:50px}.projects{grid-template-columns:1fr;gap:52px}.visual{height:min(82vw,460px)}.focus-section{padding:50px var(--page-padding)}.focus-card{grid-template-columns:42px 1fr;min-height:0}.panel-rail{padding:15px 0}.focus-card-content{padding:18px 16px 30px}.focus-grid{grid-template-columns:1fr;gap:28px}.focus-grid article{padding-top:8px;border-top:1px solid var(--line)}.focus-grid h3{margin:12px 0 10px}.focus-grid p{line-height:1.45}.django-window{min-height:78%}.django-sidebar{width:42px;gap:20px}.django-main{padding:14px}.django-board{gap:6px;padding-top:18px}.django-board span{padding:8px 5px}.footer{padding:55px var(--page-padding) 20px}.social-card{grid-template-columns:minmax(0,1fr) 100px}.social-heading{padding:24px 12px 16px;font-size:22vw}.social-body{min-height:260px}.social-copy{padding:24px 12px}.social-copy p{font-size:13px}.social-links{gap:8px;margin-top:28px}.social-links a{min-width:110px;padding:10px 11px;font-size:9px}.portrait-column{padding:12px 10px}.portrait-column img{width:100%;aspect-ratio:1 / 1}.portrait-column small{font-size:9px}.footer-meta{gap:12px;flex-wrap:wrap;font-size:8px}.about-content{width:100%;margin:55px 0 0}.about h2{margin:0;font-size:clamp(20px,6vw,40px)}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}body{transition:none}.marquee-track,.hero h1,.hero-subtitle{animation:none}.reveal,.project,.arrow{transition:none}.project:hover .visual,.project:focus-visible .visual{transform:none}}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-property:overflow;transition-duration:1ms;transition-behavior:allow-discrete}