:root{--text:#657b83;--text-h:#393939;--bg:#fdf6e3;--card-bg:#f0eada;--card-bg-hover:#e6dece;--border:#657b83;--display:"Gasoek One", sans-serif;--sans:"Geist", sans-serif;--heading:"Geist", sans-serif;--serif:"EB Garamond", serif;--mono:ui-monospace, Consolas, monospace;font:16px/155% var(--sans);letter-spacing:.01em;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-scheme=wine]{--text:#f2d645;--text-h:#ffe87a;--bg:#6b0e0e;--card-bg:#7d1010;--card-bg-hover:#8f1515;--border:#a01a1a}[data-scheme=midnight]{--text:#c9a84c;--text-h:#f0d080;--bg:#0d1b2a;--card-bg:#162232;--card-bg-hover:#1e2e3e;--border:#1e2e3e}[data-scheme=chalk]{--text:#b0b0b0;--text-h:#f0f0f0;--bg:#161616;--card-bg:#222;--card-bg-hover:#2c2c2c;--border:#2c2c2c}[data-scheme=forest]{--text:#8aab80;--text-h:#cce8c0;--bg:#1a2e1a;--card-bg:#213221;--card-bg-hover:#293e29;--border:#293e29}body{margin:0;transition:background .25s,color .25s}a{color:var(--text)}.theme-toggle{border:1px solid var(--border);width:32px;height:32px;color:var(--text);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .18s,border-color .18s;display:flex}.theme-toggle:hover{color:var(--text-h);border-color:var(--text-h)}@keyframes scheme-hint{0%{border-color:var(--border);transform:rotate(0)scale(1);box-shadow:0 0 #0000}7%{box-shadow:0 0 5px 1px var(--text);border-color:var(--text);transform:rotate(-18deg)scale(1.15)}16%{box-shadow:0 0 4px 1px var(--text);border-color:var(--text);transform:rotate(14deg)scale(1.1)}24%{box-shadow:0 0 2px 0px var(--text);border-color:var(--text);transform:rotate(-9deg)scale(1.05)}30%{border-color:var(--border);transform:rotate(5deg)scale(1.02);box-shadow:0 0 #0000}36%{border-color:var(--border);transform:rotate(-2deg)scale(1);box-shadow:0 0 #0000}42%,to{border-color:var(--border);transform:rotate(0)scale(1);box-shadow:0 0 #0000}}.scheme-toggle--hint{animation:4s ease-in-out 2s infinite scheme-hint}.lang-toggle{border:1px solid var(--border);width:32px;height:32px;color:var(--text);cursor:pointer;font-size:.65rem;font-family:var(--mono,monospace);letter-spacing:.03em;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .18s,border-color .18s;display:flex}.lang-toggle:hover{color:var(--text-h);border-color:var(--text-h)}.page{box-sizing:border-box;flex-direction:column;align-items:center;width:100%;max-width:1800px;min-height:100dvh;margin:0 auto;padding:0 24px;display:flex;position:relative}@media (width<=600px){.page{padding:0 12px}}.page:after{content:"";pointer-events:none;z-index:900;opacity:.22;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");transition:opacity .25s;position:fixed;inset:0}[data-scheme=midnight] .page:after,[data-scheme=chalk] .page:after,[data-scheme=forest] .page:after{opacity:.06}.site-footer{align-items:center;width:100%;margin-top:auto;padding:20px 0 24px;display:flex}.site-footer-text{font-family:var(--sans);color:var(--text);white-space:nowrap;letter-spacing:.04em;text-transform:lowercase;align-items:center;gap:14px;width:100%;font-size:clamp(.7rem,1.2vw,.9rem);font-weight:300;display:flex}.site-footer-rule{background:var(--text);opacity:.35;flex:1;height:1px;display:block}.site-footer-toggles{flex-shrink:0;align-items:center;gap:8px;margin-left:14px;display:flex}.home{flex-direction:column;flex:1;align-items:center;width:100%;animation:.85s cubic-bezier(.25,1,.4,1) both rise;display:flex;container-type:inline-size}.page-header{z-index:100;background:var(--bg);width:100%;margin-bottom:8px;padding-bottom:2px;animation:.8s cubic-bezier(.25,1,.4,1) both header-drop;position:sticky;top:0;container-type:inline-size}.page-header .page-title{animation:.85s cubic-bezier(.25,1,.4,1) both title-slam}.page-header .site-nav{animation:.7s cubic-bezier(.25,1,.4,1) .25s both nav-rise}@keyframes header-drop{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0 0 0%)}}@keyframes title-slam{0%{opacity:0;transform:translateY(-12px)scaleY(.92)}to{opacity:1;transform:translateY(0)scaleY(1)}}@keyframes nav-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-content{flex-direction:column;flex:1;align-items:center;width:100%;display:flex}.page-title{width:100%;color:var(--text-h);margin:0;display:block}.page-title svg{display:block;overflow:visible}.home-tagline{font-family:var(--sans);color:var(--text);text-align:center;letter-spacing:.01em;margin:0 0 1rem;font-size:clamp(.8rem,1.8cqw,1.2rem);font-weight:300}.home-grid{grid-template-rows:220px 220px 160px;grid-template-columns:2fr 1fr;gap:10px;width:100%;max-width:1200px;display:grid}.home-card{background:var(--card-bg);cursor:pointer;align-items:center;transition:background .2s,transform .18s;display:flex;position:relative;overflow:hidden}.home-card:hover{background:var(--card-bg-hover);transform:scale(1.012)}.home-card--portfolio{grid-column:1/-1;justify-content:center}.home-card--about,.home-card--contact{justify-content:center}.home-card--pong{grid-column:1/-1;justify-content:center}.home-card--pong-active{cursor:grab}.home-card--pong-active:hover{transform:none}.home-card--pong-label{font-size:clamp(28px,5vw,64px)}.home-card-label{font-family:var(--display);color:var(--text-h);-webkit-user-select:none;user-select:none;text-align:center;font-weight:400;line-height:1}.home-card--portfolio .home-card-label,.home-card--about .home-card-label{font-size:clamp(28px,5vw,64px)}.home-card--contact .home-card-label{font-size:clamp(28px,4vw,56px)}@keyframes rise{0%{opacity:0;clip-path:inset(100% 0 0);transform:translateY(24px)}to{opacity:1;clip-path:inset(0% 0 0);transform:translateY(0)}}@media (width<=600px){.home-grid{grid-template-rows:auto;grid-template-columns:1fr;gap:8px}.home-card{min-height:120px}.home-card--portfolio{grid-column:1;justify-content:center}.home-card--about,.home-card--contact{justify-content:center}.home-card--pong{grid-column:1;min-height:140px}}@media (prefers-reduced-motion:reduce){.home{animation:none}.home-card{transition:background .2s}}.site-nav{justify-content:space-between;align-items:baseline;width:100%;margin:4px 0 0;display:flex}.nav-item{font-family:var(--display);text-align:center;color:var(--text);cursor:pointer;background:0 0;border:none;padding:12px;font-size:clamp(14px,2.5cqw,32px);font-weight:400;line-height:1;text-decoration:none;transition:color .15s}.nav-item:hover{background:var(--text);color:var(--bg);cursor:crosshair}.nav-item--active{background:var(--text);color:var(--bg)}.nav-item--active:hover{color:var(--bg);opacity:.9}.portfolio{flex-direction:column;align-items:flex-start;width:100%;animation:.85s cubic-bezier(.25,1,.4,1) both rise;display:flex;container-type:inline-size}.project-list{flex-direction:column;gap:10px;width:100%;margin:0;padding:0;list-style:none;display:flex}.project-card{background:var(--card-bg);justify-content:space-between;align-items:stretch;min-height:180px;padding:12px 16px 16px 12px;transition:background .2s;display:flex}.project-card-link{color:inherit;flex:1;justify-content:space-between;align-items:stretch;min-width:0;text-decoration:none;display:flex}.project-card:hover{background:var(--card-bg-hover)}.project-info{flex-direction:column;flex:1;min-width:0;display:flex}.project-name{font-family:var(--display);color:var(--text-h);margin:0;font-size:clamp(26px,5.5cqw,64px);font-weight:400;line-height:1}.project-name-link{color:inherit;text-decoration:none}.project-name-link:hover{text-underline-offset:3px;text-decoration:underline}.project-subtitle{font-family:var(--sans);color:var(--text);margin:auto 0 0;font-size:clamp(12px,1.7cqw,20px);font-weight:400;line-height:1.3}.project-folder{width:clamp(70px,18cqw,220px);color:var(--text);flex-shrink:0;justify-content:flex-end;align-items:center;padding-left:16px;display:flex}.project-folder-icon{width:100%;height:auto}@media (width<=480px){.project-card{min-height:140px;position:relative}.project-card-link{position:static}.project-folder{opacity:.12;pointer-events:none;width:120px;padding:0;position:absolute;bottom:16px;right:16px}}@media (prefers-reduced-motion:reduce){.portfolio{animation:none}}.project-page{grid-template-columns:minmax(0,5fr) minmax(0,4fr);gap:40px;width:100%;padding-top:32px;display:grid;container-type:inline-size}.project-page-left{background:var(--card-bg);box-sizing:border-box;flex-direction:column;align-self:start;gap:12px;padding:12px 16px 16px 12px;display:flex;position:sticky;top:32px}.project-page-back{font-family:var(--sans);color:var(--text);font-size:clamp(.85rem,1.2cqw,1rem);text-decoration:none;transition:color .15s;display:inline-block}.project-page-back:hover{color:var(--text-h)}.project-page-title{font-family:var(--display);color:var(--text-h);margin:0;font-size:clamp(24px,5.5cqw,48px);font-weight:400;line-height:1}.project-page-description{flex-direction:column;display:flex}.project-page-description p{font-family:var(--sans);color:var(--text-h);text-align:justify;margin:0 0 1em;font-size:clamp(.85rem,1.3cqw,1.05rem);font-weight:400;line-height:1.55}.project-page-description p:last-child{margin-bottom:0}.project-page-description strong{font-weight:700}.project-page-link{color:var(--text);text-underline-offset:3px;text-decoration:underline;transition:color .15s}.project-page-link:hover{color:var(--text-h)}.project-page-right{justify-content:center;align-items:center;animation:.85s cubic-bezier(.25,1,.4,1) both rise;display:flex}.project-page-right--gallery{flex-direction:column;gap:3rem;animation:none}.project-page-gallery-img{border-radius:2px;width:100%;height:auto;display:block}.project-page-mockup{width:100%;max-width:560px;position:relative}.project-page-accent{background:var(--text);z-index:0;width:92%;position:absolute;top:16%;bottom:18%;left:50%;transform:translate(-50%)}.project-page-mockup-img{z-index:1;width:100%;display:block;position:relative}@media (width<=720px){.project-page{grid-template-columns:1fr;gap:24px}.project-page-right{padding-top:0}.project-page-left{padding:12px;position:static}}@media (prefers-reduced-motion:reduce){.project-page-right{animation:none}::view-transition-group(*){animation-duration:.01ms!important}}::view-transition-old(root){animation-duration:.7s;animation-timing-function:cubic-bezier(.4,0,.2,1)}::view-transition-new(root){animation-duration:.7s;animation-timing-function:cubic-bezier(.4,0,.2,1)}::view-transition-old(root){animation-name:vt-fade-out}::view-transition-new(root){animation-name:vt-fade-in}@keyframes vt-fade-out{0%{opacity:1}to{opacity:0}}@keyframes vt-fade-in{0%{opacity:0}to{opacity:1}}.about{flex-direction:column;align-items:flex-start;width:100%;animation:.85s cubic-bezier(.25,1,.4,1) both rise;display:flex;container-type:inline-size}.about-bio{font-family:var(--sans);color:var(--text-h);background:var(--card-bg);box-sizing:border-box;width:100%;margin:0;padding:12px;font-size:clamp(1.1rem,2.4cqw,1.5rem);font-style:italic;line-height:1.1;animation:.85s cubic-bezier(.25,1,.4,1) .15s both rise}.about-bio:nth-child(2){font-weight:600}.about-columns{grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-top:10px;animation:.85s cubic-bezier(.25,1,.4,1) .28s both rise;display:grid}.about-col{background:var(--card-bg);flex-direction:column;gap:6px;padding:12px;display:flex}.about-col-label{font-family:var(--display);color:var(--text);text-transform:uppercase;letter-spacing:.12em;opacity:.7;margin-bottom:8px;font-size:clamp(14px,1.4cqw,20px);line-height:1;display:block}.about-col-main{font-family:var(--sans);color:var(--text-h);margin:0 0 4px;font-size:clamp(14px,1.4cqw,20px);font-weight:400;line-height:1.45}.about-col-list{flex-direction:column;gap:4px;margin:6px 0 0;padding:0;list-style:none;display:flex}.about-col-list span{font-family:var(--sans);color:var(--text);padding-left:10px;font-size:clamp(14px,1.4cqw,20px);font-weight:300;line-height:1.45;position:relative}.about-whatsup{background:var(--card-bg);box-sizing:border-box;width:100%;margin-top:10px;padding:12px;animation:.85s cubic-bezier(.25,1,.4,1) .42s both rise}.about-whatsup-list{flex-direction:column;gap:0;margin:14px 0 0;padding:0;list-style:none;display:flex}.about-whatsup-item{border-bottom:1px solid var(--border);align-items:baseline;gap:16px;padding:10px 0;display:flex}.about-whatsup-item:last-child{border-bottom:none}.about-whatsup-num{font-family:var(--display);color:var(--text);opacity:.25;text-align:right;flex-shrink:0;width:clamp(44px,6cqw,72px);font-size:clamp(24px,4cqw,48px);line-height:1}.about-whatsup-text{font-family:var(--sans);color:var(--text-h);font-size:clamp(14px,1.4cqw,20px);font-weight:300;line-height:1.4}.about-quote{background:var(--text);flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:160px;margin:10px 0 0;padding:0;animation:.85s cubic-bezier(.25,1,.4,1) .55s both rise;display:flex;position:relative;overflow:hidden}.about-quote-text{font-family:var(--serif);color:var(--bg);text-align:center;z-index:1;margin:0;padding:32px 48px 12px;font-size:clamp(.95rem,2cqw,1.35rem);font-style:italic;line-height:1.5;position:relative}.about-quote-cite{font-family:var(--display);color:var(--bg);opacity:.6;letter-spacing:.05em;z-index:1;padding-bottom:32px;font-size:clamp(12px,1.6cqw,18px);font-style:normal;position:relative}.about-links{gap:0;width:100%;margin-top:10px;animation:.85s cubic-bezier(.25,1,.4,1) .68s both rise;display:flex}.about-links a{font-family:var(--display);color:var(--text);background:var(--card-bg);border-right:1px solid var(--border);flex:1;justify-content:center;align-items:center;padding:22px 0;font-size:clamp(14px,2cqw,24px);line-height:1;text-decoration:none;transition:background .18s,color .18s;display:flex}.about-links a:last-child{border-right:none}.about-links a:hover{background:var(--text-h);color:var(--bg)}@media (width<=560px){.about-columns{grid-template-columns:1fr}.about-quote-text{padding:28px 24px 12px}.about-links{flex-wrap:wrap}.about-links a{border-right:none;border-bottom:1px solid var(--border);flex:50%}.about-links a:nth-child(odd){border-right:1px solid var(--border)}.about-links a:last-child,.about-links a:nth-last-child(2):nth-child(odd){border-bottom:none}}@media (prefers-reduced-motion:reduce){.about,.about-bio,.about-columns,.about-whatsup,.about-quote,.about-links{animation:none}}.contact{flex-direction:column;align-items:flex-start;width:100%;padding-bottom:60px;animation:.85s cubic-bezier(.25,1,.4,1) both rise;display:flex;container-type:inline-size}.contact-grid{flex-direction:column;gap:10px;width:100%;margin-top:0;display:flex}.contact-row{gap:10px;width:100%;display:flex}.contact-card{background:var(--card-bg);cursor:pointer;border:none;justify-content:center;align-items:center;min-height:200px;padding:0;text-decoration:none;transition:background .2s,transform .18s;display:flex;overflow:hidden}.contact-card:hover{background:var(--card-bg-hover);transform:scale(1.012)}.contact-card-label{font-family:var(--display);color:var(--text-h);text-align:center;-webkit-user-select:none;user-select:none;font-size:clamp(22px,5.5cqw,64px);font-weight:400;line-height:1}.contact-card--email .contact-card-label{font-size:clamp(20px,4.5cqw,48px)}.contact-tagline{font-family:var(--sans);color:var(--text);text-align:center;letter-spacing:.01em;width:100%;margin:28px 0 0;font-size:clamp(.8rem,1.8cqw,1.2rem);font-weight:300}@media (width<=520px){.contact-row{flex-direction:column}.contact-card{width:100%;min-height:120px;flex:none!important}}@media (prefers-reduced-motion:reduce){.contact{animation:none}.contact-card{transition:background .2s}}