*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{min-height:100svh}img,video{max-width:100%;display:block}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:inherit;text-decoration:none}button{all:unset;cursor:pointer}:root{--color-bg:#f5f0e0;--color-text:#1a0e00;--color-text-muted:#5a4530;--color-toggle:#ffa4ed59;--color-toggle-hover:#ffb3e6e6;--color-link-hover:var(--color-text);--font-sans:"Inter", system-ui, -apple-system, sans-serif;--space-page:clamp(1.25rem, 3vw, 2rem);--transition:.25s ease;--transition-scale:.15s ease-in-out}[data-theme=dark]{--color-bg:#0f0e0d;--color-text:#ede9e5;--color-text-muted:#9a9290;--color-toggle:#ede9e54d;--color-toggle-hover:#ede9e599}:root{font-family:var(--font-sans);color:var(--color-text);font-size:100%;font-weight:500;line-height:1.5}.site-name,.site-meta,.site-bio,.footer-copy,.footer-links,.about-section{letter-spacing:0;font-size:.9rem;font-weight:500;line-height:1.55}.site-bio,.about-section p{color:var(--color-text-muted);text-wrap:pretty}.bio-link{color:inherit;text-underline-offset:.2em;transition:text-decoration-color var(--transition);font-weight:600;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:.06em}.bio-link:hover{text-decoration-color:currentColor}.bio-link:focus-visible{outline:2px solid var(--color-text);outline-offset:2px;border-radius:2px}.projects-list{letter-spacing:-.025em;color:var(--color-text);font-size:clamp(2.25rem,5.6vw,5.25rem);font-weight:600;line-height:.97}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body{background-color:var(--color-bg);flex-direction:column;height:100svh;transition:background-color .4s,color .4s;display:flex;overflow:hidden}.site-header{padding:var(--space-page);z-index:200;grid-template-columns:repeat(16,1fr);align-items:start;column-gap:clamp(.5rem,1vw,1rem);display:grid;position:relative}.site-name{white-space:nowrap;grid-column:1/span 2}.site-meta{grid-column:4/span 4}.site-bio{grid-column:9/span 6}.theme-toggle{grid-column:16;justify-self:end}.site-meta{color:var(--color-text-muted);white-space:nowrap;flex-wrap:nowrap;align-items:baseline;gap:.4em;display:flex}.site-clock{white-space:nowrap}.site-clock:empty{display:none}.site-meta:not(:has(.site-clock:not(:empty))) .site-meta-dot{display:none}.theme-toggle{border-radius:50%;flex-shrink:0;width:20px;height:20px;position:relative}.theme-dot{background-color:var(--color-toggle);width:20px;height:20px;transition:background-color var(--transition), scale .5s cubic-bezier(.34, 1.56, .64, 1);border-radius:50%;display:block}.theme-toggle:hover .theme-dot{background-color:var(--color-toggle-hover);scale:.85}.theme-toggle:focus-visible{outline:2px solid var(--color-text);outline-offset:3px;border-radius:50%}main{flex-grow:1;align-items:center;display:flex}.projects{width:100%;padding:clamp(2rem, 6vw, 5rem) var(--space-page) 0;position:relative}.projects-list{overflow-wrap:normal;z-index:10;color:#fff;mix-blend-mode:difference;max-width:75%;padding-bottom:.15em;list-style:none;position:relative}.project-item{white-space:nowrap;display:inline-block}.project-item:not(:last-child):after{content:" /";transition:opacity var(--transition)}.project-item--pair{white-space:nowrap;display:inline-block}.project-pair-sep{transition:opacity var(--transition)}.project-link{color:inherit;text-underline-offset:.08em;transition:opacity var(--transition), text-decoration-color var(--transition);-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:.06em;display:inline}.project-link:hover{text-decoration-color:currentColor}.projects-list:has(.project-link:hover) .project-link:not(:hover){opacity:.35}.projects-list:has(.project-link:hover) .project-item:after{opacity:.35}.projects-list:has(.project-link:hover) .project-item:not(:has(.project-link:hover)) .project-pair-sep{opacity:.35}.project-item--pair:has(.project-link:hover) .project-pair-sep{opacity:.35}.project-link:focus-visible{outline-offset:2px;border-radius:2px;outline:2px solid #fff}.project-preview{right:var(--space-page);pointer-events:none;z-index:1;width:clamp(180px,22vw,300px);position:fixed;bottom:0;transform:translateY(-50%)}.project-preview-inner{opacity:0;border-radius:4px;transition:opacity .4s,transform .4s cubic-bezier(.16,1,.3,1);overflow:hidden;transform:translateY(12px)scale(.95)}.project-preview.is-visible .project-preview-inner{opacity:1;transform:translateY(0)scale(1)}.project-preview-img{aspect-ratio:3/4;object-fit:cover;background-color:var(--color-text-muted);width:100%;height:auto}@media (width<=767px) and (hover:hover){.project-preview{left:50%;right:auto;transform:translate(-50%,-50%)}}@media (hover:none){.project-preview{display:none}}.grebban-reel{top:calc(var(--space-page) * 6);right:var(--space-page);pointer-events:none;z-index:5;width:clamp(300px,40vw,700px);position:fixed}.grebban-reel-inner{opacity:0;border-radius:4px;transition:opacity .4s,transform .4s cubic-bezier(.16,1,.3,1);overflow:hidden;transform:translateY(12px)scale(.95)}.grebban-reel.is-visible .grebban-reel-inner{opacity:1;transform:translateY(0)scale(1)}.grebban-reel-video{width:100%;display:block}@media (hover:none){.grebban-reel{display:none}}.about-section{display:none}.site-footer{justify-content:space-between;align-items:flex-end;gap:var(--space-page);padding:var(--space-page);color:var(--color-text-muted);display:flex}.footer-links{flex-wrap:wrap;gap:1.5em;display:flex}.footer-links a,.footer-copy{color:var(--color-text-muted);text-underline-offset:.2em;transition:color var(--transition), text-decoration-color var(--transition);-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:.06em}.footer-links a:hover{color:var(--color-link-hover);text-decoration-color:currentColor}.footer-links a:focus-visible{outline:2px solid var(--color-text);outline-offset:2px;border-radius:2px}@media (width>=768px) and (width<=1099px){.site-meta{display:none}.site-bio{grid-column:8/span 7}}@media (width<=767px){body{height:auto;overflow:visible}.site-header{column-gap:var(--space-page);grid-template-columns:1fr auto;position:absolute;top:0;left:0;right:0}.site-name{grid-column:1}.site-meta,.site-bio{display:none}.theme-toggle{grid-column:2;justify-self:end}main{flex-grow:0;align-items:center;height:100svh}.projects-list{max-width:100%}.project-item--pair{white-space:normal}.about-section{padding:calc(var(--space-page) * 2) var(--space-page) calc(var(--space-page) * 3);display:block}.about-section p{max-width:40em}.site-footer{flex-direction:column;align-items:flex-start;gap:.5rem;padding-top:0}.footer-copy{order:1}.footer-links{flex-direction:column;gap:.25rem}}@media (prefers-reduced-motion:reduce){body,.site-bio,.bio-link,.project-link,.project-item:after,.project-pair-sep,.project-preview-inner,.grebban-reel-inner,.theme-dot,.footer-links a,.footer-copy{transition:none}}