:root{--s:1.35;--paper:#f6f6f6;--espresso:#371c14;--oxblood:#420f08;--powder:#bbdaee;--butter:#f8f4c7;--olive:#a5a38d;--signal:#ef3301;--white:#fff;--placeholder:#dedcd6;--espresso-85:#371c14d9;--espresso-80:#371c14cc;--espresso-60:#371c1499;--espresso-30:#371c144d;--espresso-15:#371c1426;--espresso-12:#371c141f;--powder-50:#ddecf6;--butter-50:#fbf9e3;--olive-30:#e4e3da;--surface-page:var(--paper);--surface-card:var(--white);--surface-tint:var(--powder);--surface-tint-alt:var(--butter);--surface-ink:var(--espresso);--text-body:var(--espresso);--text-muted:var(--espresso-60);--text-inverse:var(--paper);--accent:var(--signal);--border-strong:var(--espresso);--border-soft:var(--espresso-12);--focus-ring:var(--signal);--hover:var(--powder);--font-sans:"Aptos", "Helvetica Neue", Arial, sans-serif;--font-display:"Aptos Display", "Aptos", "Helvetica Neue", Arial, sans-serif;--font-mono:"Fira Code", ui-monospace, "SF Mono", Menlo, monospace;--fs-mono-xs:calc(7px * var(--s));--fs-mono-sm:calc(7.5px * var(--s));--fs-mono:calc(8px * var(--s));--fs-mono-lg:calc(8.4px * var(--s));--fs-body-xs:calc(8.2px * var(--s));--fs-body-sm:calc(8.6px * var(--s));--fs-child:calc(9.1px * var(--s));--fs-nav:calc(9.5px * var(--s));--fs-body:calc(9.5px * var(--s));--fs-arrow:calc(9.8px * var(--s));--fs-display-xs:calc(12px * var(--s));--fs-display-lg:calc(16px * var(--s));--fs-display-md:calc(22px * var(--s));--leading-tight:1.02;--leading-heading:1.12;--leading-body:1.55;--tracking-tight:-.02em;--tracking-mono:.06em;--weight-regular:400;--weight-bold:700;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--radius-0:0px;--radius-1:2px;--radius-pill:999px;--border-w:1.5px;--shadow-dialog:0 24px 64px #371c1438;--container:1200px;--rail:clamp(190px, 17vw, 260px);--aside-w:clamp(130px, 11vw, 180px);--bar-h:46px;--caption-shadow:0 1px 2px #371c14e6, 0 0 14px #371c14d9}*,:before,:after{box-sizing:border-box}html{background:var(--surface-page);-webkit-text-size-adjust:100%;margin:0;padding:0}body{background:var(--surface-page);color:var(--text-body);font-family:var(--font-sans);font-size:var(--fs-body);font-weight:var(--weight-regular);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;margin:0;padding:0;overflow-x:hidden}a{color:inherit;text-decoration:none;transition:color .12s}a:hover{color:var(--hover)}p,figure,dl,dd,ul{margin:0}ul{padding:0;list-style:none}h1,h2,h3{font-weight:var(--weight-regular);margin:0}img{max-width:100%;display:block}button{font:inherit;color:inherit}button[disabled]{cursor:default;opacity:.5}::selection{background:var(--powder);color:var(--espresso)}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.on-image :focus-visible,.on-image:focus-visible{outline-color:var(--paper)}.skip{z-index:200;background:var(--espresso);color:var(--paper);font-family:var(--font-mono);font-size:var(--fs-mono);letter-spacing:var(--tracking-mono);padding:10px 14px;position:absolute;top:0;left:-9999px}.skip:focus{color:var(--paper);top:8px;left:8px}.vh{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.popup__close,.popup__submit,.cf__submit,.nav__lang a,.nav__meta a,.nav__child{position:relative}.popup__close:after,.popup__submit:after,.cf__submit:after,.nav__lang a:after,.nav__meta a:after,.nav__child:after{content:"";position:absolute;inset:-4px -6px}.popup__close:after,.popup__submit:after,.cf__submit:after{inset:-12px -10px}@keyframes fadein{0%{opacity:0}to{opacity:1}}.mono{font-family:var(--font-mono);font-size:var(--fs-mono);letter-spacing:var(--tracking-mono)}.on-image,a.on-image:hover{color:var(--paper);text-shadow:var(--caption-shadow)}.nav{z-index:70;width:var(--rail);background:var(--paper);color:var(--espresso);flex-direction:column;gap:4px;padding:22px 24px 22px 22px;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.nav__bar{display:none}.nav__panel{flex-direction:column;gap:4px;display:flex}.nav__link{font-size:var(--fs-nav);font-weight:var(--weight-bold);letter-spacing:-.01em;opacity:.75;justify-content:space-between;align-items:baseline;gap:10px;display:flex}.nav__link.is-on{opacity:1}.nav__sign{font-family:var(--font-mono);font-size:var(--fs-mono);font-weight:var(--weight-regular);letter-spacing:var(--tracking-mono);opacity:.5}.nav__group{flex-direction:column;gap:6px;display:flex}.nav__children{flex-direction:column;gap:4px;padding-left:14px;animation:.18s fadein;display:flex}.nav__child{font-size:var(--fs-child);opacity:.55;line-height:1.35}.nav__child.is-on{opacity:1}.nav__meta{border-top:.5px solid var(--espresso-12);flex-direction:column;gap:4px;margin-top:6px;padding-top:10px;display:flex}.nav__meta a{opacity:.75}.nav__meta a:hover{opacity:1}.nav__lang{gap:8px;padding-top:2px;display:flex}.nav__lang a{opacity:.5}.nav__lang span[aria-hidden]{opacity:.4}.frame{background:var(--placeholder);position:relative;overflow:hidden}.frame img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.frame--empty{background:var(--placeholder)}.frame--empty.on-image,.frame--empty.on-image:hover,.frame--empty.on-image *{color:var(--espresso-60);text-shadow:none}.home{height:100svh;min-height:100svh;padding:0 0 0 var(--rail);flex-direction:column;display:flex}.home__plates{flex:1;justify-content:center;align-items:stretch;gap:clamp(10px,1.4vw,22px);min-height:0;display:flex}.plate{background:var(--placeholder);flex:1 1 0;min-width:0;transition:opacity .12s;display:block;position:relative;overflow:hidden}.plate:hover{opacity:.94}.plate[data-pos=a]{order:0}.plate[data-pos=b]{order:1}.plate[hidden]{display:none}.plate__label{flex-direction:column;gap:2px;display:flex;position:absolute;bottom:22px;left:14px;right:14px}.plate__title{font-size:var(--fs-body);letter-spacing:.01em;line-height:1.2}.plate__date{font-family:var(--font-mono);font-size:var(--fs-mono);letter-spacing:var(--tracking-mono);opacity:.75;line-height:1.2}.home__index-link{display:none}.home__empty{flex:1;align-items:flex-end;padding:22px;display:flex}.home__empty-link{border-bottom:.5px solid var(--espresso);font-family:var(--font-mono);font-size:var(--fs-mono);letter-spacing:var(--tracking-mono);padding-bottom:2px}.home__empty-link:hover{border-bottom-color:var(--hover)}.popup{z-index:80;background:var(--butter);width:min(320px,34vw);color:var(--espresso);padding:11px 14px 12px;animation:.25s fadein;position:fixed;bottom:70px;left:22px}.popup[hidden]{display:none}.popup__head{font-family:var(--font-mono);font-size:var(--fs-mono);letter-spacing:.08em;color:var(--espresso-60);justify-content:space-between;align-items:baseline;gap:16px;display:flex}.popup__close{border:0;border-bottom:.5px solid var(--espresso);cursor:pointer;font:inherit;letter-spacing:inherit;color:inherit;background:0 0;padding:0 0 1px}.popup__close:hover{color:var(--hover);border-bottom-color:var(--hover)}.popup__title{max-width:20ch;font-family:var(--font-display);font-size:var(--fs-display-xs);letter-spacing:-.015em;line-height:1.08;font-weight:var(--weight-regular);margin-top:10px}.popup__body{font-size:var(--fs-body);margin:10px 0 16px;line-height:1.55}.popup__form{border-bottom:.5px solid var(--espresso);align-items:center;gap:12px;padding-bottom:6px;display:flex}.popup__input{min-width:0;font-family:var(--font-mono);font-size:var(--fs-mono-lg);letter-spacing:var(--tracking-mono);color:var(--espresso);background:0 0;border:0;border-radius:0;outline:none;flex:1}.popup__input::placeholder{color:var(--espresso-60)}.popup__form:focus-within{border-bottom:2px solid var(--signal);padding-bottom:4.5px}.popup__submit{cursor:pointer;font-family:var(--font-mono);font-size:var(--fs-arrow);letter-spacing:var(--tracking-mono);color:var(--espresso);background:0 0;border:0;padding:0}.popup__submit:hover{color:var(--hover)}.popup[data-state=sending] .popup__submit{opacity:.4}.popup__error{font-size:var(--fs-body-sm);color:var(--signal);margin:8px 0 0;line-height:1.5}.popup__error[hidden]{display:none}.popup__thanks{font-size:var(--fs-body);margin:10px 0 0;line-height:1.55}.work{padding-left:var(--rail);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.work__card{background:var(--placeholder);height:70vh;min-height:420px;transition:opacity .12s;display:block;position:relative;overflow:hidden}.work__card:hover{opacity:.9}.work__card[hidden]{display:none}.work__meta{font-size:var(--fs-body);letter-spacing:.01em;padding:14px;position:absolute;top:0;right:0}.work__code{font-family:var(--font-mono);font-size:var(--fs-mono);letter-spacing:var(--tracking-mono)}.work__caption{font-size:var(--fs-body);letter-spacing:.01em;flex-wrap:wrap;align-items:baseline;gap:6px;padding:12px 14px 14px;display:flex;position:absolute;bottom:0;left:0}.work__sub{opacity:.75}.work__empty{padding:var(--space-8) var(--space-5);font-family:var(--font-mono);font-size:var(--fs-mono);letter-spacing:var(--tracking-mono);color:var(--text-muted);grid-column:1/-1}.project{min-height:100svh;padding:0 0 40px var(--rail)}.project__aside{--aside-top:272px;left:0;top:var(--aside-top);z-index:71;width:var(--rail);color:var(--espresso);padding:0 24px 22px 22px;position:fixed;bottom:0;overflow-y:auto}.project__info{max-width:var(--aside-w);border-top:.5px solid var(--espresso-12);padding-top:14px}.project__code{font-family:var(--font-mono);font-size:var(--fs-mono-sm);letter-spacing:var(--tracking-mono);opacity:.6}.project__title{font-family:var(--font-display);font-size:var(--fs-display-xs);letter-spacing:-.01em;line-height:1.15;font-weight:var(--weight-regular);margin-top:6px}.project__intro{font-size:var(--fs-body-xs);color:var(--espresso-85);margin:10px 0 0;line-height:1.5}.project__intro+.project__intro{margin-top:6px}.project__spec{overflow-wrap:anywhere;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:3px 10px;margin-top:12px;display:grid}.project__spec dt{font-family:var(--font-mono);font-size:var(--fs-mono-xs);letter-spacing:var(--tracking-mono);opacity:.6}.project__spec dd{font-size:var(--fs-body-xs)}.project__next{border-bottom:.5px solid var(--espresso);font-family:var(--font-mono);font-size:var(--fs-mono-sm);letter-spacing:var(--tracking-mono);margin-top:14px;padding-bottom:2px;display:inline-block}.project__next:hover{color:var(--hover);border-bottom-color:var(--hover)}.project__photos{min-width:0;container-type:inline-size}.project__grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:calc(41.6667cqw - 6.66667px);grid-auto-flow:dense;gap:8px;display:grid}.project__tile{grid-column:span 1;min-height:0}.project__tile[data-span="2"]{grid-column:span 2}.project__tile-caption{color:var(--espresso-60);position:absolute;bottom:10px;left:10px;right:10px}.info{min-height:100svh;padding:22px clamp(28px, 4vw, 64px) 64px var(--rail);color:var(--espresso)}.info__inner{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;column-gap:clamp(32px,4vw,64px);max-width:980px;padding-left:clamp(28px,4vw,64px);display:grid}.info__about{grid-column:span 2;min-width:0}.info__heading{font-family:var(--font-display);font-size:var(--fs-display-md);letter-spacing:-.015em;line-height:1.05;font-weight:var(--weight-regular)}.info__p{max-width:58ch;font-size:var(--fs-body);color:var(--espresso-85);text-wrap:pretty;margin:20px 0 0;line-height:1.7}.info__p+.info__p{margin-top:12px}.info__form{min-width:0;padding-top:8px}.info__colhead{font-family:var(--font-mono);font-size:var(--fs-mono);letter-spacing:var(--tracking-mono);font-weight:var(--weight-regular);opacity:.6;margin:0 0 10px}.info__form .info__colhead{margin-bottom:0}.cf{flex-direction:column;gap:18px;margin-top:16px;display:flex}.cf[hidden]{display:none}.cf__field{flex-direction:column;gap:4px;display:flex}.cf__label{font-family:var(--font-mono);font-size:var(--fs-mono);letter-spacing:var(--tracking-mono);opacity:.6}.cf__input{border:0;border-bottom:.5px solid var(--espresso);width:100%;font-family:var(--font-sans);font-size:var(--fs-body);color:var(--espresso);background:0 0;border-radius:0;margin:0;padding:5px 0;line-height:1.5}.cf__input:focus-visible{border-bottom:2px solid var(--signal);outline:none;padding-bottom:3.5px}.cf__textarea{resize:vertical;min-height:5.5em}.cf__submit{border:0;border-bottom:.5px solid var(--espresso);cursor:pointer;font-family:var(--font-mono);font-size:var(--fs-mono);letter-spacing:var(--tracking-mono);color:var(--espresso);background:0 0;align-self:flex-start;margin-top:4px;padding:0 0 2px}.cf__submit:hover{color:var(--hover);border-bottom-color:var(--hover)}.cf__error{font-size:var(--fs-body-sm);color:var(--signal);margin:0;line-height:1.5}.cf__error[hidden]{display:none}.cf__thanks{font-size:var(--fs-body);margin:16px 0 0;line-height:1.55}.cf__thanks[hidden]{display:none}.cf__thanks:focus{outline:none}.info__rule{border:0;border-top:.5px solid var(--espresso-15);grid-column:1/-1;width:100%;height:0;margin:56px 0 24px}.info__col{min-width:0}.info__services{font-size:var(--fs-body);grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px;line-height:1.4;display:grid}.info__steps{font-size:var(--fs-body);flex-direction:column;gap:4px;line-height:1.4;display:flex}.info__contact{flex-direction:column;gap:4px;font-style:normal;line-height:1.5;display:flex}.oops{min-height:100svh;padding:26px clamp(20px, 2.4vw, 34px) 44px calc(var(--rail) + 22px);flex-direction:column;justify-content:center;display:flex}.oops__title{font-family:var(--font-display);font-size:var(--fs-display-lg);letter-spacing:-.012em;line-height:1.08}.oops__body{font-size:var(--fs-body);color:var(--espresso-80);margin-top:12px}.oops__back{border-bottom:.5px solid var(--espresso);font-family:var(--font-mono);font-size:var(--fs-mono);letter-spacing:var(--tracking-mono);align-self:flex-start;margin-top:22px;padding-bottom:2px;display:inline-block}.oops__back:hover{color:var(--hover);border-bottom-color:var(--hover)}@media (width<=900px){:root{--rail:0px}.nav{background:var(--paper);border-bottom:.5px solid var(--espresso-15);gap:0;width:auto;padding:0;inset:0 0 auto;overflow:visible}.nav__bar{height:var(--bar-h);justify-content:space-between;align-items:center;gap:16px;padding:0 16px;display:flex}.nav__wordmark{align-items:center;min-height:44px;display:inline-flex}.nav__logo{width:auto;height:11px}.nav__mark{width:auto;height:18px}.nav__toggle{cursor:pointer;min-width:44px;min-height:44px;font-family:var(--font-mono);font-size:var(--fs-mono);letter-spacing:var(--tracking-mono);background:0 0;border:0;align-items:center;gap:8px;padding:0;display:inline-flex}.nav__panel{max-height:calc(100svh - var(--bar-h));gap:10px;padding:4px 16px 16px;overflow-y:auto}.js .nav__panel{display:none}html:not(.js) .nav{position:sticky}.js .nav[data-open=true] .nav__panel{display:flex}.nav__link,.nav__child{opacity:1;padding:3px 0}.nav__link{justify-content:flex-start;gap:8px}.nav__link:not(.is-on),.nav__child:not(.is-on){opacity:.7}.home,.work,.project,.info,.oops{padding-top:var(--bar-h)}.plate[data-pos=b]{display:none}.home__index-link{min-height:48px;font-family:var(--font-mono);font-size:var(--fs-mono);letter-spacing:var(--tracking-mono);flex:none;align-items:center;padding:0 16px;display:inline-flex}.work__card{height:34svh;min-height:220px}.work__meta{padding:10px}.work__caption{gap:4px;padding:10px}.project{padding-bottom:32px;padding-left:clamp(16px,4vw,28px);padding-right:clamp(16px,4vw,28px)}.project__aside{z-index:auto;width:auto;padding:20px 0 18px;position:static;overflow:visible}.project__info{border-top:0;max-width:46ch;padding-top:0}.project__grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:calc(62.5cqw - 5px)}.info{min-height:0;padding-top:calc(var(--bar-h) + 22px);padding-bottom:48px;padding-left:clamp(16px,4vw,28px);padding-right:clamp(16px,4vw,28px)}.info__inner{grid-template-columns:minmax(0,1fr);padding-left:0}.info__about{grid-column:auto}.info__form{padding-top:36px}.info__rule{margin:40px 0 20px}.info__col+.info__col{margin-top:24px}.oops{padding-left:clamp(16px,4vw,28px)}html:not(.js) .home,html:not(.js) .work,html:not(.js) .project,html:not(.js) .oops{padding-top:0}html:not(.js) .info{padding-top:22px}.home__empty{padding:16px}.popup{width:min(320px,76vw);bottom:18%;left:16px;right:auto}}@media (width<=560px){.project__grid{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto;grid-auto-flow:row}.project__tile,.project__tile[data-span="2"]{aspect-ratio:4/5;grid-column:span 1}.project__tile[data-span="2"]{aspect-ratio:8/5}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media print{.nav,.popup,.cf{display:none!important}}@font-face{font-family:Aptos;src:url(/fonts/aptos-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Aptos;src:url(/fonts/aptos-700.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Aptos Display;src:url(/fonts/aptos-display-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Fira Code;src:url(/fonts/fira-code.woff2)format("woff2");font-weight:300 700;font-style:normal;font-display:swap}