@font-face{font-family:Apfel Grotezk;font-style:normal;font-display:swap;font-weight:400;src:url(../media/apfel-grotezk-latin-400-normal.c5a66000.woff2)format("woff2"),url(../media/apfel-grotezk-latin-400-normal.32563c4b.woff)format("woff")}
@font-face{font-family:Apfel Grotezk;font-style:normal;font-display:swap;font-weight:700;src:url(../media/apfel-grotezk-latin-700-normal.57eb7fb5.woff2)format("woff2"),url(../media/apfel-grotezk-latin-700-normal.acda5fd2.woff)format("woff")}
:root{--color-surface-primary:#fff;--color-surface-secondary:#f8fafc;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-accent-primary:#0f172a;--color-accent-secondary:#475569;--image-filter:sepia(.8)saturate(.3)hue-rotate(210deg)}html[data-theme=dark]{--color-surface-primary:#000;--color-surface-secondary:#111;--color-text-primary:#fff;--color-text-secondary:#888;--color-accent-primary:#fff;--color-accent-secondary:#888;--image-filter:sepia(.2)saturate(.1)brightness(.8)}html[data-theme=vintage]{--color-surface-primary:#1a2328;--color-surface-secondary:#253338;--color-text-primary:#f5f1e8;--color-text-secondary:#a0947d;--color-accent-primary:#5eaec5;--color-accent-secondary:#a0947d;--color-hover:#2a3a40;--color-border:rgba(94,174,197,.2);--image-filter:sepia(1)saturate(.4)hue-rotate(25deg)brightness(.9)}html[data-theme=warm]{--color-surface-primary:#2d1f1a;--color-surface-secondary:#3d2a24;--color-text-primary:#f5f1e8;--color-text-secondary:#d4a574;--color-accent-primary:#d17a6a;--color-accent-secondary:#d4a574;--color-hover:#4a332a;--color-border:rgba(209,122,106,.2);--image-filter:sepia(1)saturate(.5)hue-rotate(35deg)brightness(1)}:root{--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--font-family-primary:"Apfel Grotezk",sans-serif;--font-family-base:var(--font-family-primary);--font-size-base-mobile:.875rem;--font-size-base-desktop:1.5rem;--font-size-base:clamp(var(--font-size-base-mobile),2.5vw + .5rem,var(--font-size-base-desktop));--line-height-base-mobile:1.125rem;--line-height-base-desktop:1.75rem;--line-height-base:clamp(var(--line-height-base-mobile),2.5vw + .5rem,var(--line-height-base-desktop));--letter-spacing-tight:-.04em;--letter-spacing-base:var(--letter-spacing-tight);--grid-columns-nav:3;--grid-columns-projects:9;--grid-gap-standard:var(--space-4);--grid-columns:var(--grid-columns-nav);--grid-gap:var(--grid-gap-standard);--projects-columns:var(--grid-columns-projects);--border-width-thin:1px;--border-width-medium:2px;--border-width-thick:4px;--border-width:var(--border-width-thin);--transition-fast:.2s;--transition-medium:.3s;--transition-slow:.5s;--ease-out-smooth:ease-out;--ease-in-out-smooth:ease-in-out;--underline-offset:2px;--underline-thickness:1px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes streamIn{0%{opacity:0}to{opacity:1}}@keyframes dotFade{0%{opacity:0}50%{opacity:1}to{opacity:0}}@layer base{*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;font-family:var(--font-family-primary);font-size:var(--font-size-base);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base);margin:0;padding:0}body{background-color:var(--color-surface-primary);min-height:100vh;color:var(--color-text-primary);font-family:inherit;font-size:inherit;margin:0}h1,h2,h3{font-size:var(--font-size-base);line-height:var(--line-height-base);font-weight:inherit;margin:0}a{color:inherit;transition:color var(--transition-fast)ease;text-decoration:none}a:hover{color:var(--color-text-secondary)}hr{margin:0;margin-top:var(--space-4);height:var(--border-width-thin);background:var(--color-text-secondary);opacity:.3;border:none}button{padding:0}}@layer components{.page__shell{padding:var(--space-2);min-height:100vh}nav{padding:var(--space-2)}.nav__grid{gap:var(--grid-gap-standard);grid-template-columns:1fr;display:grid}.nav__title,.nav__work{grid-column:1}.nav__work h2{margin:0}.nav__current-page{color:var(--color-text-secondary);cursor:default}.nav__theme{grid-column:1}.nav__hr--hidden{visibility:hidden}.nav__title h1{min-height:3rem}.nav__title h1>a{width:-moz-fit-content;width:fit-content;display:block}.nav__title h1>a>span{white-space:nowrap;overflow:hidden;display:block!important}.nav__menu-button{top:var(--space-5);right:var(--space-2);font-family:var(--font-family-primary);font-size:var(--font-size-base);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base);color:var(--color-text-primary);cursor:pointer;transform-origin:50%;z-index:1001;transition:color var(--transition-fast)ease;background:0 0;border:none;padding:0;position:fixed;transform:rotate(90deg)}.nav__menu-button:hover{color:var(--color-text-secondary)}.nav__overlay{background:var(--color-surface-primary);opacity:0;visibility:hidden;width:100vw;height:100vh;transition:opacity var(--transition-medium)ease,visibility var(--transition-medium)ease;z-index:1000;position:fixed;top:0;left:0;overflow-y:auto}.nav__overlay-content{flex-direction:column;height:100%;display:flex}.nav__overlay--open{opacity:1;visibility:visible}.nav__menu{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.nav__menu li{font-size:var(--font-size-base);line-height:var(--line-height-base);margin:0}.nav__menu-item{font-size:var(--font-size-base);line-height:var(--line-height-base);opacity:0;text-decoration:none;transform:translate(-20px)}.nav__overlay--open .nav__menu-item{animation:slideInFromLeft var(--transition-medium)ease forwards}@keyframes slideInFromLeft{to{opacity:1;transform:translate(0)}}.nav__overlay--open .nav__menu-item:first-child{animation-delay:.1s}.nav__overlay--open .nav__menu-item:nth-child(2){animation-delay:.15s}.nav__overlay--open .nav__menu-item:nth-child(3){animation-delay:.2s}.nav__overlay--open .nav__menu-item:nth-child(4){animation-delay:.25s}@media (min-width:768px){.nav__grid{grid-template-columns:repeat(9,minmax(0,1fr))}.nav__title{grid-column:span 6}.nav__work{grid-column:7}.nav__theme{grid-column:8}.nav__menu-button{top:var(--space-2);transform-origin:50%;right:var(--space-2);transform:rotate(0)}}.home__hero{margin-top:var(--space-2)}.home__hero-grid{gap:var(--grid-gap-standard);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.home__hero-empty{display:none}.home__hero-content{grid-column:span 3}.home__blurb{width:100%;margin-bottom:var(--space-8)}.home__blurb p{font-size:var(--font-size-base);line-height:var(--line-height-base);margin:0}.home__highlight{color:var(--color-text-secondary)}.home__featured-grid{gap:var(--space-4);margin-bottom:var(--space-8);grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.home__grid-empty{aspect-ratio:1;pointer-events:none;background:rgba(71,85,105,.05);border:1px solid rgba(71,85,105,.1);border-radius:4px}.home__featured-item{cursor:pointer;position:relative}.home__featured-item img,.home__featured-item video{aspect-ratio:1;object-fit:cover;width:100%;filter:var(--image-filter);transition:all var(--transition-medium)ease;border-radius:4px;display:block}.home__overlay{background:var(--color-surface-secondary);color:var(--color-text-primary);padding:var(--space-2)var(--space-3);white-space:nowrap;pointer-events:none;z-index:1000;font-size:var(--font-size-base);line-height:var(--line-height-base);font-family:var(--font-family-primary);letter-spacing:var(--letter-spacing-base);border-radius:32px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.home__featured-item:hover img,.home__featured-item:hover video{opacity:.7;filter:none}.home__featured-item--1{grid-area:1/1}.home__featured-item--2{grid-area:2/1}.home__featured-item--3{grid-area:4/1}.home__featured-item--4{grid-area:5/1}.home__weekly-finds{margin-top:var(--space-8)}.home__weekly-finds-grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.home__weekly-find{cursor:pointer;position:relative}.home__weekly-find img,.home__weekly-find video{aspect-ratio:1;object-fit:cover;width:100%;filter:var(--image-filter);transition:all var(--transition-medium)ease;border-radius:4px;display:block}.home__weekly-find:hover img,.home__weekly-find:hover video{opacity:.7;filter:none}@media (min-width:768px) and (max-width:1023px){.home__hero-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.home__hero-empty{display:none}.home__hero-content{grid-column:span 6}.home__blurb{width:75%}.home__featured-grid{grid-template-rows:repeat(3,minmax(100px,1fr));grid-template-columns:repeat(6,minmax(0,1fr))}.home__weekly-finds-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (min-width:1024px){.home__hero-grid{grid-template-columns:repeat(9,minmax(0,1fr))}.home__hero-empty{grid-column:span 3;display:block}.home__hero-content{grid-column:span 6}.home__blurb{width:66.666%}.home__featured-grid{grid-template-rows:repeat(3,minmax(100px,1fr));grid-template-columns:repeat(6,minmax(0,1fr))}.home__weekly-finds-grid{grid-template-columns:repeat(9,minmax(0,1fr))}}.work{gap:var(--space-8);flex-direction:column;display:flex}.project-list__grid{gap:var(--grid-gap-standard);grid-template-columns:1fr;display:grid}.project-list__label h2{margin-bottom:0}.project-list__container{margin-top:var(--space-4);flex-direction:column;display:flex}@media (min-width:768px){.project-list__grid{grid-template-columns:repeat(var(--grid-columns-projects),1fr)}.project-list__label{grid-column:span 2}.project-list__container{grid-column:span 7;margin-top:0}}.project-item__container{align-items:center;gap:var(--space-4);grid-template-columns:1fr auto;display:grid}.project-item__title,.project-item__date{font-size:var(--font-size-base);line-height:var(--line-height-base)}.project-item__title-wrapper{align-items:center;gap:var(--space-2);white-space:nowrap;place-self:center start;display:flex;overflow:visible}.project-item__title{white-space:nowrap;overflow:visible}.project-item__title .streaming-text,.project-item__title .streaming-word{white-space:nowrap}.project-item__date{color:var(--color-text-secondary);text-align:right}.project-item__arrow{opacity:0;transition:opacity var(--transition-fast)ease;font-family:var(--font-family-primary);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text-secondary)}.project-item__container:hover .project-item__arrow{opacity:1}.project-item__image-container{display:none}.project-item__image{opacity:0;width:100%;height:auto;animation:fadeIn var(--transition-fast)ease forwards;z-index:1;border-radius:var(--space-1);display:block;position:absolute;top:0;left:0}@media (min-width:768px){.project-item__container{cursor:pointer;grid-template-columns:1fr 4fr 2fr;align-items:start;display:grid}.project-item__title-wrapper{width:-moz-fit-content;width:fit-content}.project-item__date{justify-self:end;width:-moz-fit-content;width:fit-content}.project-item__container>*{min-width:0}.project-item__image-container{display:block;position:relative}}.streaming-text{white-space:pre-wrap;display:inline}.streaming-word{opacity:0;animation:forwards streamIn;animation-timing-function:var(--ease-out-smooth);contain:layout style;display:inline}.thinking-dots{display:inline-block}.thinking-dots__dot{opacity:0;animation:1.4s infinite dotFade;display:inline-block}.thinking-dots__dot--1{animation-delay:0s}.thinking-dots__dot--2{animation-delay:.2s}.thinking-dots__dot--3{animation-delay:.4s}.glitch-text{font-family:var(--font-family-primary);transition:opacity var(--transition-fast)ease;display:inline-block}.glitch-text--active{animation:.1s infinite glitchFlicker}@keyframes glitchFlicker{0%,to{opacity:1}50%{opacity:.98}}.link-underline{color:inherit;text-decoration:none;position:relative}.link-underline:hover{color:var(--color-text-secondary)}.link-underline:after{content:"";bottom:calc(-1*var(--underline-offset));width:0;height:var(--underline-thickness);transition:width var(--transition-medium)var(--ease-out-smooth);z-index:2;background:currentColor;position:absolute;left:0}.link-underline:hover:after,.link-underline--visible:after,.link-underline--reverse:after{width:100%}.link-underline--reverse:hover:after{width:0}.theme-toggle{font-family:var(--font-family-primary);font-size:var(--font-size-base);line-height:var(--line-height-base);letter-spacing:var(--letter-spacing-base);color:var(--color-text-primary);cursor:pointer;transition:color var(--transition-fast)ease;background:0 0;border:none;padding:0}.theme-toggle:hover{color:var(--color-accent-primary)}.theme-toggle:focus{color:var(--color-accent-primary);outline:none}.grid-overlay{pointer-events:none;z-index:9999;width:100vw;height:100vh;position:fixed;top:0;left:0}.grid-overlay__margin{background:rgba(0,255,0,.2);border:1px solid rgba(0,255,0,.4);position:absolute}.grid-overlay__margin--top{top:0;left:0;right:0}.grid-overlay__margin--bottom{bottom:0;left:0;right:0}.grid-overlay__margin--left{top:0;bottom:0;left:0}.grid-overlay__margin--right{top:0;bottom:0;right:0}.grid-overlay__container{pointer-events:none;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.grid-overlay__cell,.grid-overlay__cell--with-gutter{background:0 0;border:none}.grid-overlay__lines{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.grid-overlay__line{pointer-events:none;position:absolute}.grid-overlay__line--vertical{width:1px;box-shadow:none;background:0 0;top:0;bottom:0}.grid-overlay__line--horizontal{background:rgba(0,150,255,.6);height:1px;left:0;right:0;box-shadow:0 0 1px rgba(0,150,255,.3)}.grid-overlay__controls{background:var(--color-surface-primary);border:1px solid var(--color-text-secondary);width:280px;padding:var(--space-4);z-index:10000;pointer-events:auto;color:var(--color-text-primary);border-radius:8px;font-size:14px;position:fixed;top:20px;right:20px;box-shadow:0 4px 20px rgba(0,0,0,.3)}.grid-overlay__controls-header{margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-text-secondary);justify-content:space-between;align-items:center;display:flex}.grid-overlay__controls-header h3{font-size:16px;font-weight:inherit;margin:0}.grid-overlay__close{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:20px;display:flex}.grid-overlay__close:hover{color:var(--color-text-primary)}.grid-overlay__control-group{margin-bottom:var(--space-3)}.grid-overlay__control-group label{margin-bottom:var(--space-1);text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);font-size:12px;display:block}.grid-overlay__control-group input[type=range]{background:var(--color-text-secondary);-webkit-appearance:none;border-radius:2px;outline:none;width:100%;height:4px}.grid-overlay__control-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-text-primary);cursor:pointer;border-radius:50%;width:16px;height:16px}.grid-overlay__control-group input[type=range]::-moz-range-thumb{background:var(--color-text-primary);cursor:pointer;border:none;border-radius:50%;width:16px;height:16px}.grid-overlay__control-group select{width:100%;padding:var(--space-1);background:var(--color-surface-secondary);color:var(--color-text-primary);border:1px solid var(--color-text-secondary);border-radius:4px;font-size:12px}.grid-overlay__toggles{gap:var(--space-2);margin-bottom:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.grid-overlay__toggles label{align-items:center;gap:var(--space-1);color:var(--color-text-primary);text-transform:none;letter-spacing:normal;margin-bottom:0;font-size:12px;display:flex}.grid-overlay__toggles input[type=checkbox]{width:14px;height:14px;accent-color:var(--color-text-primary)}.grid-overlay__shortcuts{padding-top:var(--space-2);border-top:1px solid var(--color-text-secondary)}.grid-overlay__shortcuts small{color:var(--color-text-secondary);font-size:11px;line-height:1.4}.grid-overlay__shortcuts strong{color:var(--color-text-primary);font-weight:inherit}.scroll-indicator{bottom:var(--space-2);left:var(--space-4);z-index:10;cursor:pointer;transition:opacity var(--transition-fast)ease;background:0 0;border:none;padding:0;position:fixed}.scroll-indicator:hover{opacity:.6}.scroll-indicator__arrow{color:var(--color-text-secondary);font-size:3rem;line-height:1;font-family:var(--font-family-primary);display:block}@media (max-width:767px){.scroll-indicator{bottom:var(--space-4);left:var(--space-4)}.scroll-indicator__arrow{font-size:2rem}}.project-detail{min-height:80vh}.project-detail__grid{gap:var(--space-6);grid-template-columns:1fr;align-items:end;min-height:70vh;display:grid}.project-detail__images{align-self:end}.project-detail__content{align-self:start}@media (min-width:768px){.project-detail__content--fixed{bottom:var(--space-2);left:calc(60% + var(--space-1));z-index:5;width:40%;position:fixed}.project-detail__content--static{align-self:end;width:100%;position:static}}.project-detail__title{margin-bottom:var(--space-4);font-size:var(--font-size-base);line-height:var(--line-height-base);font-weight:inherit}.project-detail__text{margin:0 0 var(--space-4)0;font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text-primary)}.project-detail__text:last-child{margin-bottom:0}.project-detail__date{margin:0 0 var(--space-4)0;font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text-secondary)}@media (min-width:768px){.project-detail__grid{gap:var(--space-4);grid-template-columns:3fr 2fr}}.image-gallery{width:100%;height:100%}.image-gallery__container{gap:var(--space-4);flex-direction:column;display:flex}.image-gallery__item{aspect-ratio:4/3;border-radius:var(--space-1);width:100%;overflow:hidden}.image-gallery__image{object-fit:cover;width:100%;height:100%;transition:opacity var(--transition-medium)ease;border-radius:var(--space-1)}.image-gallery__image:hover{opacity:.8}.about__shell{padding-top:var(--space-8);gap:var(--space-4);flex-direction:column;display:flex}.about__shell--no-hr{margin-top:calc(var(--space-8)*3)}.about__row{gap:var(--space-4);padding:var(--space-8)0;flex-direction:column;display:flex}.about__title h3{font-size:var(--font-size-base);line-height:var(--line-height-base);font-weight:inherit;color:var(--color-text-primary);margin:0}.about__content p{font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text-primary);margin:0}.about__highlight{color:var(--color-text-secondary)}.about__mathematical-separator{justify-content:center;align-items:center;gap:var(--space-3);margin:var(--space-8)0;display:flex}.about__separator-line{background:var(--color-text-secondary);flex:1;max-width:120px;height:2px}.about__equals-symbol{font-size:var(--font-size-base);color:var(--color-text-secondary);padding:0 var(--space-2);font-weight:300}.about__row--quality{background:var(--color-surface-secondary);padding:var(--space-6);margin:var(--space-4)0;border:1px solid rgba(71,85,105,.1);border-radius:8px}.about__pillars{gap:var(--space-4);max-width:400px;padding:var(--space-8)0;flex-direction:column;align-items:flex-start;margin:0 auto;display:flex}.about__pillar{font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text-primary);font-weight:400}.about__separator{background:var(--color-text-secondary);width:60%;height:2px;margin:var(--space-4)0 var(--space-2)0}.about__pillar--quality{background:var(--color-surface-secondary);border:2px solid var(--color-text-secondary);padding:var(--space-3)var(--space-6);margin-top:var(--space-2);text-align:center;border-radius:12px;align-self:stretch;font-weight:500}@media (min-width:768px){.about__row{gap:var(--grid-gap-standard);flex-direction:row;grid-template-columns:6fr 3fr;align-items:start;display:grid}.about__pillars{max-width:300px;margin-left:0}}.footer__shell{height:95vh;padding:var(--space-2);margin-top:var(--space-8);position:relative}.footer__shell hr{margin-bottom:var(--space-8)}.footer__grid{gap:var(--grid-gap-standard);grid-template-columns:1fr;display:grid}.footer__title{grid-column:1}.footer__title h1{min-height:3rem}.footer__title h1>span{white-space:nowrap;overflow:hidden;display:block!important}.footer__title p{font-size:var(--font-size-base);line-height:var(--line-height-base);margin:0}.footer__highlight{color:var(--color-text-secondary)}.footer__social{grid-column:1}.footer__social-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.footer__social-list li{font-size:var(--font-size-base);line-height:var(--line-height-base);margin:0}.footer__social-list a{font-size:var(--font-size-base);line-height:var(--line-height-base);width:-moz-fit-content;width:fit-content;display:inline-block}.footer__social-list a .scroll-triggered-glitch-text{display:inline!important}.footer__meta{margin-top:var(--space-8)}.footer__meta p{font-size:var(--font-size-base);line-height:var(--line-height-base);margin:0}.footer__meta a{color:var(--color-text-secondary)}.footer__updated{bottom:var(--space-2);right:var(--space-2);grid-column:1;position:absolute}.footer__updated p{font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text-secondary);margin:0}@media (min-width:768px){.footer__grid{grid-template-columns:repeat(9,minmax(0,1fr))}.footer__title{grid-column:span 4}.footer__social{grid-column:span 3}.footer__meta{margin-top:var(--space-8)}}}