:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#232923;background:#f3f3ed;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}header,main,footer{max-width:1440px;margin:auto}header{height:92px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d8dbd2}.brand{font-weight:700;letter-spacing:-.04em}.brand span{color:#a3aa9c;padding:0 5px}nav{display:flex;gap:38px;font-size:14px}nav a:hover,.back:hover{text-decoration:underline}main{padding:0 6%}.hero{padding:120px 0 126px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-weight:700;font-size:11px;color:#647365}.hero h1,.page h1{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;letter-spacing:-.045em;font-size:clamp(58px,8vw,110px);line-height:1;margin:27px 0}.hero h1 span{color:#829579}.lead{font-size:clamp(18px,2vw,23px);color:#687168;line-height:1.5}.sectionhead{border-bottom:1px solid #aeb7aa;display:flex;justify-content:space-between;align-items:baseline;padding-bottom:19px}.sectionhead h2,.about-grid h2,.case-sections h2{font-size:13px;text-transform:uppercase;letter-spacing:.1em;margin:0}.sectionhead span,.number{font-size:14px;color:#7b887a}.project{display:grid;grid-template-columns:80px 1fr auto;align-items:center;padding:30px 0;border-bottom:1px solid #d1d7cd}.project h3{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:36px;font-weight:400;margin:0 0 7px}.project p{margin:0;color:#788177;font-size:13px}.arrow{font-size:24px;transition:transform .2s}.project:hover .arrow{transform:translate(4px,-4px)}footer{padding:75px 6% 35px;display:flex;justify-content:space-between;color:#7b887a;font-size:14px}.page{min-height:65vh;padding:80px 0}.about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:110px}.about-grid>div,.case-sections section{border-top:1px solid #bbc4b8;padding-top:22px}.about-grid p,.case-sections p,.gate>p{color:#687168;line-height:1.7}.back{display:inline-block;font-size:13px;margin-bottom:85px}.case-top{display:flex;align-items:center;justify-content:space-between}.case-sections{display:grid;gap:50px;max-width:760px;margin:100px 0}.case-sections section{display:grid;grid-template-columns:1fr 2fr;gap:30px}.case-sections p{margin:0}.gate{max-width:620px}.gate h1{font-size:clamp(48px,6vw,76px)}form{margin-top:45px}label{font-size:13px;font-weight:600;display:block;margin-bottom:10px}.form-row{display:flex;gap:10px}input{font:inherit;min-width:0;flex:1;border:1px solid #aeb9aa;background:#fafbf7;padding:15px}button{font:inherit;cursor:pointer;border:0;background:#283d2e;color:#fff;padding:15px 22px}button span{padding-left:20px}button:disabled{opacity:.6}.text-button{background:none;color:#526353;padding:8px}.error{color:#a33b30;font-size:14px}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #a2bda0;outline-offset:4px}@media(max-width:600px){header{height:75px}.hero{padding:85px 0}.project{grid-template-columns:45px 1fr auto}.project h3{font-size:29px}.about-grid{grid-template-columns:1fr;margin-top:70px}.case-sections section{grid-template-columns:1fr}.form-row{flex-direction:column}footer{gap:20px;flex-direction:column}.back{margin-bottom:60px}}html{scroll-behavior:smooth;scroll-padding-top:28px}.hero{padding:95px 0 85px}.hero .lead{max-width:850px}.contact-links{display:flex;flex-wrap:wrap;gap:25px;margin-top:28px;font-size:14px}.contact-links a,.inline-link{border-bottom:1px solid #aeb7aa;padding-bottom:5px}.contact-links a:hover,.inline-link:hover{color:#385442;border-color:currentColor}.current{display:grid;grid-template-columns:1fr 3fr;gap:40px;border-top:1px solid #aeb7aa;padding:45px 0 65px}.current h2,.personal h2,.contact h2{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;font-size:clamp(30px,4vw,48px);letter-spacing:-.025em;margin:0 0 20px}.current p:not(.eyebrow){max-width:670px;font-size:18px;line-height:1.65;color:#536053}.current .quiet{font-size:14px!important;color:#687168}.inline-link{display:inline-block;font-size:14px;margin-top:10px}.making{padding-top:40px}.section-intro{max-width:650px;font-size:19px;line-height:1.65;color:#687168;margin:25px 0 38px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:58px 32px}.project-image{aspect-ratio:4/3;background:#e6e8de;overflow:hidden;border-radius:8px;display:flex;align-items:center;justify-content:center}.project-image img{width:100%;height:100%;object-fit:cover}.hobby-1 .project-image{background:#182215}.hobby-1 img{object-fit:contain;width:85%;height:auto;image-rendering:pixelated}.hobby-2 img,.hobby-3 img{object-fit:contain}.hobby-4 .project-image{background:#e7e3dc}.hobby-4 img{height:58%;width:auto;object-fit:contain;border-radius:22%}.project-caption{padding-top:19px}.project-caption .eyebrow{margin:0 0 9px}.project-caption h3{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:32px;font-weight:400;margin:0 0 9px}.project-caption h3 span{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:20px}.project-caption h3 a:hover{text-decoration:underline;text-underline-offset:5px}.project-caption>p:not(.eyebrow){line-height:1.6;color:#596459;margin:0;max-width:440px}.project-caption .project-note{font-size:14px;margin-top:14px!important;color:#687168!important}.personal{margin-top:85px;padding:45px 0;border-top:1px solid #aeb7aa}.personal>p:not(.eyebrow){max-width:580px;line-height:1.7;color:#687168}.contact{padding:45px 0 25px;border-top:1px solid #aeb7aa}.contact .eyebrow,.personal .eyebrow{margin-bottom:24px}.skip{position:absolute;top:-80px;left:20px;padding:14px;background:#fff;z-index:10}.skip:focus{top:14px}.page>.lead{max-width:850px}.about-grid{margin-top:65px}.about-grid .contact-links{gap:16px}footer a:hover{text-decoration:underline}@media(max-width:700px){header{height:auto;min-height:85px;gap:20px;flex-wrap:wrap;padding-top:20px;padding-bottom:20px}nav{gap:22px;font-size:14px}.brand{font-size:14px}.hero{padding:65px 0}.current{grid-template-columns:1fr;gap:8px;padding:30px 0 45px}.project-grid{grid-template-columns:1fr;gap:38px}.sectionhead{gap:14px}.sectionhead span{font-size:11px}.sectionhead h2{font-size:14px}.personal{margin-top:55px}.about-grid{grid-template-columns:1fr}.project-caption h3{font-size:29px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(min-width:701px)and (max-width:1000px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.hobby,.project-image{min-width:0}.project-image img{min-width:0;max-width:100%}.hobby-1 img{max-height:100%}@media(max-width:700px){.project-grid{grid-template-columns:minmax(0,1fr)}}.personal .sectionhead h2{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;font-weight:600;letter-spacing:.1em;margin:0}.film-grid{margin-top:32px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.film-frame{margin:0}.film-placeholder{aspect-ratio:3/2;background:#e3e2d9;border:1px solid #d3d5ca;display:flex;flex-direction:column;justify-content:space-between;padding:22px;color:#626d60;font-size:14px}.film-frame:nth-child(2) .film-placeholder{background:#dce1d8}.film-frame:nth-child(3) .film-placeholder{background:#e8e1d7}.film-number{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:38px;color:#7b887a}.film-frame figcaption{font-size:14px;color:#687168;margin-top:14px}@media(max-width:700px){.film-grid{grid-template-columns:minmax(0,1fr);gap:28px}}.about-home{margin-top:85px;padding-top:40px;border-top:1px solid #aeb7aa}.about-home h2{font-size:clamp(30px,4vw,48px);font-weight:400;letter-spacing:-.025em;margin:20px 0}.about-home>p:not(.eyebrow){max-width:720px;line-height:1.7;color:#687168}.personal+.about-home{margin-top:45px}@media(max-width:700px){.about-home{margin-top:55px}}.case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-top:30px;margin-bottom:45px}.case-card{display:block;min-width:0}.case-placeholder{aspect-ratio:4/3;background:#dce2d7;border:1px solid #cbd4c6;border-radius:8px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;color:#556450;font-size:13px;transition:background .2s}.case-card:nth-child(2) .case-placeholder{background:#e4dfd5;border-color:#d6cfc2}.case-number{font-size:clamp(52px,6vw,80px);letter-spacing:-.06em;font-weight:300;line-height:1}.case-caption{padding:23px 0}.case-caption .eyebrow{margin:0 0 10px}.case-caption h3{font-size:32px;font-weight:400;letter-spacing:-.025em;margin:0 0 14px}.case-description{color:#687168;line-height:1.6;margin:0 0 20px}.case-action{display:inline-flex;gap:24px;font-size:14px;border-bottom:1px solid #aeb7aa;padding-bottom:5px}.case-card:hover .case-action{border-color:currentColor}.case-card:hover .case-placeholder{background:#d1dacb}.case-card:nth-child(2):hover .case-placeholder{background:#dcd5c8}@media(max-width:700px){.case-grid{grid-template-columns:minmax(0,1fr);gap:24px}.case-placeholder{padding:22px}.case-caption h3{font-size:29px}}:root{font-family:Georgia,Times New Roman,serif;color:#171717;background:#fff;font-synthesis:none}header,main,footer{max-width:1320px}header{height:100px;border-color:#d3d3d3}.brand{font-family:Arial,Helvetica,sans-serif;font-size:18px;font-weight:800;letter-spacing:-.025em}nav,.contact-links,.inline-link,.back,.case-action,footer,label,button{font-family:Arial,Helvetica,sans-serif}nav{font-size:14px;font-weight:600;gap:34px}.hero{padding:100px 0 105px}.eyebrow,.sectionhead h2,.about-grid h2,.case-sections h2,.personal .sectionhead h2{font-family:Courier New,monospace;font-size:14px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#171717}.hero h1,.page h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(56px,7.6vw,104px);font-weight:800;letter-spacing:-.055em;line-height:.98;margin:24px 0 30px}.hero h1 span{color:inherit}.lead,.section-intro{font-family:Georgia,Times New Roman,serif;color:#252525;line-height:1.55}.hero .lead{max-width:780px;font-size:clamp(20px,2.2vw,27px)}.contact-links{font-size:16px;font-weight:600;gap:25px;margin-top:30px}.contact-links a,.inline-link,.case-action{border-color:#888}.contact-links a:hover,.inline-link:hover{color:#000;border-color:#000}.current,.personal,.contact,.about-home,.sectionhead,.about-grid>div,.case-sections section{border-color:#bdbdbd}.current{padding:46px 0 75px;grid-template-columns:repeat(2,minmax(0,1fr))}.current h2,.personal h2,.contact h2,.about-home h2{font-family:Arial,Helvetica,sans-serif;font-weight:750;letter-spacing:-.035em;font-size:clamp(30px,3.6vw,46px)}.current p:not(.eyebrow),.current .quiet,.personal>p:not(.eyebrow),.about-home>p:not(.eyebrow),.about-grid p,.case-sections p,.gate>p{color:#333}.current p:not(.eyebrow){font-size:19px;line-height:1.6}.sectionhead{padding-bottom:16px}.sectionhead span,.number,.project-note,.film-frame figcaption{font-family:Arial,Helvetica,sans-serif;color:#666;font-size:14px}.case-grid{gap:34px}.case-placeholder,.case-card:nth-child(2) .case-placeholder,.film-placeholder,.film-frame:nth-child(2) .film-placeholder,.film-frame:nth-child(3) .film-placeholder{background:#f1f1ef;border:1px solid #ddd;border-radius:0;color:#555}.case-card:hover .case-placeholder,.case-card:nth-child(2):hover .case-placeholder{background:#e8e8e6}.case-number,.film-number{font-family:Arial,Helvetica,sans-serif;color:#242424;font-weight:700;letter-spacing:-.05em}.case-caption h3,.project-caption h3,.project h3{font-family:Arial,Helvetica,sans-serif;font-size:clamp(25px,2.6vw,32px);font-weight:700;letter-spacing:-.035em}.case-description,.project-caption>p:not(.eyebrow),.project-caption .project-note{color:#444!important}.section-intro{max-width:680px;font-size:19px}.project-image{border-radius:0;background:#f1f1ef}.hobby-4 .project-image{background:#f1f1ef}.hobby-4 img{border-radius:0}.project-caption .eyebrow{font-size:14px}.inline-link,.case-action{font-size:14px;font-weight:700}footer{color:#555;border-top:1px solid #d3d3d3;margin-top:45px;padding-top:30px}input{background:#fff;border-color:#888}button{background:#171717;color:#fff}.text-button{background:none;color:#171717}.error{color:#a22}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #333;outline-offset:4px}@media(max-width:700px){header{min-height:80px}.hero{padding:70px 0 75px}.hero h1{font-size:clamp(48px,12vw,72px)}.current{grid-template-columns:1fr;gap:8px;padding:32px 0 55px}.project-grid{gap:42px}.case-caption h3,.project-caption h3{font-size:27px}footer{margin-top:35px}}@font-face{font-family:Junicode;src:url(/fonts/Junicode-Regular.otf) format("opentype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Geist;src:url(/fonts/Geist-Bold.ttf) format("truetype");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Geist Mono;src:url(/fonts/GeistMono-ExtraBold.ttf) format("truetype");font-style:normal;font-weight:800;font-display:swap}:root,.lead,.section-intro{font-family:Junicode,Georgia,serif}.hero h1,.page h1,.eyebrow,.sectionhead h2,.about-grid h2,.case-sections h2,.personal .sectionhead h2{font-family:Geist Mono,monospace;font-weight:800}.hero h1,.page h1{letter-spacing:-.055em}.hero h1{line-height:.9}.brand,.current h2,.personal h2,.contact h2,.about-home h2,.case-caption h3,.project-caption h3,.project h3,.case-number,.film-number,nav,.contact-links,.inline-link,.back,.case-action,footer,label,button,.sectionhead span,.number,.project-note,.film-frame figcaption{font-family:Geist,Arial,sans-serif;font-weight:700}.brand{font-family:Geist Mono,monospace;font-weight:800}.home-header{border-bottom:0;justify-content:flex-end}.home-header .brand{display:none}.home-header{position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;z-index:2}@media(max-width:700px){.home-header{min-height:0;height:auto}.home-header nav{margin-left:auto}}.project-image.has-gallery{cursor:ew-resize}.film-section{margin-top:85px}@media(max-width:700px){.film-section{margin-top:55px}}.colophon{font-family:Junicode,Georgia,serif;font-size:16px;font-weight:400;line-height:1.5}.colophon-title{font-family:Geist Mono,monospace;font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;margin:0 0 10px}.colophon dl{margin:0}.colophon dl div{display:grid;grid-template-columns:80px 1fr;gap:14px}.colophon dt{color:#666}.colophon dd{margin:0}.footer-contact{display:flex;flex-direction:column;gap:10px}.case-lock{display:inline-flex;align-items:center;margin-bottom:10px;color:#171717}@media(min-width:701px){.two-column .hero{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px;align-items:start;padding:120px 0 100px}.two-column .hero .eyebrow{grid-column:1;grid-row:1;margin:0 0 22px}.two-column .hero h1{grid-column:1;grid-row:2 / span 2;margin:0;font-size:clamp(48px,5.8vw,80px)}.two-column .hero .lead{grid-column:2;grid-row:2;margin:0;max-width:580px}.two-column .hero .contact-links{grid-column:2;grid-row:3}.two-column .current{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}.two-column .case-grid,.two-column .project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 48px}.two-column .section-intro{max-width:calc(50% - 24px)}.two-column .film-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}.two-column .about-home{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px}.two-column .about-home .eyebrow,.two-column .about-home h2{grid-column:1}.two-column .about-home h2{grid-row:2 / span 3;margin:0}.two-column .about-home>p:not(.eyebrow),.two-column .about-home .inline-link{grid-column:2}.two-column .about-home>p:nth-of-type(2){grid-row:2;margin-top:0}.two-column .about-home .inline-link{justify-self:start}}@media(min-width:1100px){.two-column .project-grid,.two-column .film-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 24px}}.hobby:has(.project-link){cursor:pointer}.project-link:focus-visible{outline:3px solid #333;outline-offset:4px}@media(min-width:701px){.two-column-footer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}}footer{position:relative;border-top:0}footer:before{content:"";position:absolute;top:0;left:6%;right:6%;border-top:1px solid #d3d3d3}footer:before{left:6vw;right:6vw}:root[data-theme=dark]{color-scheme:dark;color:#f3f3f1;background:#171717}:root[data-theme=dark] header,:root[data-theme=dark] .current,:root[data-theme=dark] .personal,:root[data-theme=dark] .contact,:root[data-theme=dark] .about-home,:root[data-theme=dark] .sectionhead,:root[data-theme=dark] .about-grid>div,:root[data-theme=dark] .case-sections section{border-color:#666}:root[data-theme=dark] .eyebrow,:root[data-theme=dark] .sectionhead h2,:root[data-theme=dark] .about-grid h2,:root[data-theme=dark] .case-sections h2,:root[data-theme=dark] .personal .sectionhead h2,:root[data-theme=dark] .case-lock{color:#f3f3f1}:root[data-theme=dark] .lead,:root[data-theme=dark] .section-intro,:root[data-theme=dark] .current p:not(.eyebrow),:root[data-theme=dark] .current .quiet,:root[data-theme=dark] .personal>p:not(.eyebrow),:root[data-theme=dark] .about-home>p:not(.eyebrow),:root[data-theme=dark] .about-grid p,:root[data-theme=dark] .case-sections p,:root[data-theme=dark] .gate>p{color:#ededeb}:root[data-theme=dark] .case-description,:root[data-theme=dark] .project-caption>p:not(.eyebrow),:root[data-theme=dark] .project-caption .project-note{color:#dededb!important}:root[data-theme=dark] .sectionhead span,:root[data-theme=dark] .number,:root[data-theme=dark] .project-note,:root[data-theme=dark] .film-frame figcaption,:root[data-theme=dark] footer,:root[data-theme=dark] .colophon dt{color:#c2c2bf}:root[data-theme=dark] .case-placeholder,:root[data-theme=dark] .case-card:nth-child(2) .case-placeholder,:root[data-theme=dark] .film-placeholder,:root[data-theme=dark] .film-frame:nth-child(2) .film-placeholder,:root[data-theme=dark] .film-frame:nth-child(3) .film-placeholder{background:#292929;border-color:#555;color:#dededb}:root[data-theme=dark] .case-card:hover .case-placeholder,:root[data-theme=dark] .case-card:nth-child(2):hover .case-placeholder{background:#383838}:root[data-theme=dark] .case-number,:root[data-theme=dark] .film-number{color:#f3f3f1}:root[data-theme=dark] .project-image,:root[data-theme=dark] .hobby-4 .project-image{background:#292929}:root[data-theme=dark] .contact-links a,:root[data-theme=dark] .inline-link,:root[data-theme=dark] .case-action{border-color:#aaa}:root[data-theme=dark] .contact-links a:hover,:root[data-theme=dark] .inline-link:hover{color:#fff;border-color:#fff}:root[data-theme=dark] footer:before{border-color:#666}:root[data-theme=dark] input{background:#252525;color:#fff;border-color:#aaa}:root[data-theme=dark] button{background:#f3f3f1;color:#171717}:root[data-theme=dark] .text-button{background:none;color:#f3f3f1}:root[data-theme=dark] .error{color:#ffaaa1}:root[data-theme=dark] .skip{background:#fff;color:#171717}:root[data-theme=dark] a:focus-visible,:root[data-theme=dark] button:focus-visible,:root[data-theme=dark] input:focus-visible,:root[data-theme=dark] .project-link:focus-visible{outline-color:#fff}.theme-toggle{align-self:flex-start;padding:0 0 4px;margin-top:4px;border:0;border-bottom:1px solid currentColor;background:transparent;color:inherit;font-size:14px;font-weight:700}.theme-toggle:hover{text-decoration:underline}:root[data-theme=dark] .theme-toggle{background:transparent;color:inherit}@media(prefers-reduced-motion:no-preference){:root,body,header,main,footer,section,article,.case-placeholder,.film-placeholder,.project-image,input,button,a,footer:before{transition:background-color .25s ease,color .25s ease,border-color .25s ease,outline-color .25s ease}}.layout-toggle{align-self:flex-start;padding-bottom:4px;border-bottom:1px solid currentColor;font-size:14px;font-weight:700}.layout-toggle:hover{text-decoration:underline}@media(min-width:701px){.two-column .hero .eyebrow{margin-bottom:14px}}.making .project-grid{margin-top:30px}.making-heading span{font-family:Geist Mono,monospace;font-size:14px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:inherit;text-align:right;flex-shrink:0}.making-heading{flex-wrap:wrap;gap:8px 20px}.making-heading h2{min-width:0}.making-heading span{margin-left:auto}.making-heading h2{width:100%}.making-heading h2 span{float:right}.making-heading h2:after{content:"";display:block;clear:both}@media(max-width:850px){.making-heading h2 span{float:none;margin:0;text-align:inherit}}:root[data-theme=dark] .making-heading h2 span{color:inherit}.making-heading h2 .for-fun-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.making-heading h2 .for-fun-letters,.making-heading h2 .for-fun-letters span{float:none;margin:0;color:inherit;text-align:inherit}.making-heading h2 .for-fun-letters span{display:inline-block}@media(prefers-reduced-motion:no-preference){.for-fun:hover .for-fun-letters span{animation:for-fun-wave .85s ease-in-out infinite;animation-delay:calc(var(--wave-index) * 75ms)}}@keyframes for-fun-wave{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-5px)}}.making-heading .for-fun{cursor:crosshair}header,main,footer{max-width:none}@media(min-width:1200px){.hero .lead{font-size:36px}}.name-cycle{display:inline-block}@font-face{font-family:Bagnard;src:url(/fonts/Bagnard.otf) format("opentype");font-weight:400;font-display:swap}@font-face{font-family:Departure Mono;src:url(/fonts/DepartureMono-Regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Grape Soda;src:url(/fonts/GrapeSoda.ttf) format("truetype");font-weight:400;font-display:swap}.name-font-0{font-family:Geist Mono,monospace;font-weight:800}.name-font-1{font-family:Bagnard,serif;font-weight:400}.name-font-2{font-family:Departure Mono,monospace;font-weight:400}.name-font-3{font-family:Grape Soda,sans-serif;font-weight:400}.name-font-4{font-family:Darumadrop One,sans-serif;font-weight:400}.name-font-5{font-family:"Instrument Serif",serif;font-weight:400}.name-font-6{font-family:Inter,sans-serif;font-weight:200}.name-font-7{font-family:Redacted Script,cursive;font-weight:400}.name-font-8{font-family:Ultra,serif;font-weight:400}@font-face{font-family:"Geist Serif";src:url(/fonts/GeistSerifVF.woff2) format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Golden Girdle;src:url(/fonts/Golden%20Girdle.otf) format("opentype");font-weight:400;font-display:swap}.name-font-9{font-family:"Geist Serif",serif;font-weight:400}.name-font-10{font-family:Golden Girdle,serif;font-weight:400}.name-cycle{cursor:crosshair}.hero h1{--name-size:clamp(56px,7.6vw,104px);font-size:var(--name-size);line-height:calc(var(--name-size) * .938)}@media(min-width:701px){.two-column .hero h1{--name-size:clamp(48px,5.8vw,80px)}}@media(max-width:700px){.hero h1{--name-size:clamp(48px,12vw,72px)}}.name-cycle{line-height:calc(var(--name-size) * .938);letter-spacing:normal}.name-font-0,.name-font-2,.name-font-3,.name-font-4{letter-spacing:-.04em}.name-font-3{font-size:calc(var(--name-size) * 1.245)}.name-font-4{font-size:calc(var(--name-size) * 1.206)}.name-font-5,.name-font-6,.name-font-7,.name-font-8,.name-font-10{font-size:calc(var(--name-size) * .99)}.hero h1{height:calc(var(--name-size) * 1.876)}.hero .name-cycle{vertical-align:top}.hero .name-font-1{transform:translateY(calc(var(--name-size) * .1))}.hero .name-font-4{transform:translateY(calc(var(--name-size) * -.16))}html,body{cursor:url(/cursors/pointer-2x.svg) 0 0,auto}a,button,.hobby:has(.project-link){cursor:url(/cursors/hand-2x.svg) 12 0,pointer}.hero .name-hover-area{width:min(100%,calc(var(--name-size) * 8.6));cursor:crosshair}.name-font-7{font-size:calc(var(--name-size) * 1.8)}.hero .name-font-7{transform:translateY(calc(var(--name-size) * -.1))}.hero .name-hover-area,.hero .name-cycle{cursor:url(/cursors/pointer-2x.svg) 0 0,auto}.film-frame img{display:block;width:100%;height:auto}.film-grid,.two-column .film-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.film-frame{aspect-ratio:1;display:flex;align-items:flex-start;justify-content:flex-start;min-width:0}.film-frame img{width:100%;height:100%;object-fit:contain;object-position:left top}@media(max-width:1100px){.film-grid,.two-column .film-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.film-grid,.two-column .film-grid{grid-template-columns:minmax(0,1fr);gap:28px}}.film-grid,.two-column .film-grid{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:24px;container-type:inline-size}.film-frame{aspect-ratio:auto;display:block;flex:0 0 auto}.film-frame img{width:auto;height:auto;max-width:calc((100cqw - 72px)/4);max-height:calc((100cqw - 72px)/4);object-fit:contain}@media(max-width:1100px){.film-frame img{max-width:calc((100cqw - 24px)/2);max-height:calc((100cqw - 24px)/2)}}@media(max-width:700px){.film-frame img{max-width:100cqw;max-height:100cqw}}.film-frame{position:relative}.film-frame:hover{z-index:1}.film-frame img{transform-origin:center;transition:transform .25s ease}@media(hover:hover)and (prefers-reduced-motion:no-preference){.film-frame:hover img{transform:scale(1.2) rotate(var(--photo-rotation, 2deg))}}.film-grid,.two-column .film-grid{width:100vw;margin-left:-6vw;padding:40px 6vw;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.film-grid,.two-column .film-grid{padding-top:6vw;padding-bottom:6vw;scrollbar-width:none;-ms-overflow-style:none}.film-grid::-webkit-scrollbar{display:none}@media(max-width:1100px){.film-grid,.two-column .film-grid{padding-top:10vw;padding-bottom:10vw}}@media(max-width:700px){.film-grid,.two-column .film-grid{padding-top:17vw;padding-bottom:17vw}}.film-frame img{transition:transform .25s ease,box-shadow .25s ease}@media(hover:hover)and (prefers-reduced-motion:no-preference){.film-frame:hover img{box-shadow:0 18px 50px #00000047}}.film-grid,.two-column .film-grid{align-items:center}.film-grid,.two-column .film-grid{--film-shadow-space:clamp(120px,15vw,280px);padding-block:var(--film-shadow-space);padding-inline:max(6vw,120px);margin-top:calc(32px - var(--film-shadow-space));margin-bottom:calc(-1 * var(--film-shadow-space))}.film-frame.is-settling{z-index:1}.film-frame:hover{z-index:2}.film-frame img{pointer-events:none}@media(hover:hover)and (prefers-reduced-motion:no-preference){.film-frame:has(~.film-frame:hover) img{transform:translate(calc(-1*clamp(32px,5vw,100px)))}.film-frame:hover~.film-frame img{transform:translate(clamp(32px,5vw,100px))}}.film-frame:not(:last-child){margin-right:-40px}@media(hover:hover)and (prefers-reduced-motion:no-preference){.film-frame:has(~.film-frame:hover) img{transform:translate(calc(-1*clamp(60px,7vw,140px)))}.film-frame:hover~.film-frame img{transform:translate(clamp(60px,7vw,140px))}}.film-frame:not(:last-child){margin-right:-96px}.film-frame img{transform:rotate(var(--photo-rotation,0deg))}@media(hover:hover)and (prefers-reduced-motion:no-preference){.film-frame:hover img{transform:scale(1.2) rotate(0)}.film-frame:has(~.film-frame:hover) img{transform:translate(calc(-1*clamp(80px,9vw,180px))) rotate(var(--photo-rotation,0deg))}.film-frame:hover~.film-frame img{transform:translate(clamp(80px,9vw,180px)) rotate(var(--photo-rotation,0deg))}}