:root{--paper:#f4efe5;--ink:#17231e;--soft:#667069;--red:#b83b2c;--moss:#356a54;--line:rgba(23,35,30,.19)}html{background:var(--paper);scroll-padding-top:5rem}body{background:#e4ebe5;color:var(--ink);overflow-x:clip}a{color:inherit}.skip-link{position:fixed;z-index:100;top:1rem;left:1rem;padding:.7rem 1rem;background:var(--ink);color:var(--paper);transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.manifold-canvas{position:fixed;z-index:0;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:multiply;opacity:.72}#story,.site-header{z-index:1;position:relative}.site-header{position:fixed;z-index:20}.site-header{position:fixed;z-index:20;top:0;right:0;left:0;height:4.7rem;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1.25rem,4vw,4rem);border-bottom:1px solid var(--line);background:#f4efe5e8;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:.65rem;color:var(--ink);font:600 .72rem var(--font-body);text-transform:uppercase;letter-spacing:.13em}.brand span{display:grid;width:1.8rem;height:1.8rem;place-items:center;border:1px solid var(--ink);font:500 .64rem var(--font-mono);letter-spacing:-.08em}.wayfinder-trigger{padding:.5rem 0;border-bottom:1px solid var(--red);color:var(--ink);font:.63rem var(--font-mono);letter-spacing:.13em;text-transform:uppercase}.wayfinder-trigger span{color:var(--red)}#story{position:relative}.intro{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:max(8rem,16vh) clamp(1.25rem,12vw,14rem) 4rem;background:radial-gradient(circle at 77% 55%,rgba(244,239,229,.2),transparent 28%)}.intro p{color:var(--red);font:.62rem var(--font-mono);letter-spacing:.15em;text-transform:uppercase}.intro h1,.collection h2{color:var(--ink);font-family:Impact,"Arial Black",var(--font-body);font-weight:700;text-transform:uppercase;letter-spacing:-.12em}.intro h1{margin:1.4rem 0 2.3rem;font-size:clamp(5.6rem,15vw,15rem);line-height:.63}.intro h1:first-letter,.collection h2:first-letter{color:var(--red)}.intro a{width:max-content;padding:.8rem 1rem;border:1px solid var(--ink);font:.62rem var(--font-mono);letter-spacing:.13em;text-transform:uppercase;transition:.2s}.intro a span{color:var(--red);font-size:1rem}.intro a:hover,.intro a:focus-visible{background:var(--ink);color:var(--paper)}.collection{min-height:calc(var(--card-count) * 82svh + 50svh);display:grid;grid-template-columns:minmax(15rem,.68fr) minmax(0,1.32fr);gap:clamp(2rem,8vw,9rem);padding:8rem clamp(1.25rem,8vw,9rem);border-top:1px solid rgba(23,35,30,.3);background:#f4efe533}.collection__head{position:sticky;top:7.2rem;align-self:start;max-width:21rem}.collection__head>p{color:var(--red);font:.62rem var(--font-mono);letter-spacing:.14em}.collection h2{margin:.55rem 0 1.25rem;font-size:clamp(4rem,7vw,8rem);line-height:.66}.collection__head>span{color:var(--soft);font-size:.94rem;line-height:1.6}.collection__progress{display:flex;align-items:center;gap:.38rem;margin-top:2.2rem;color:var(--soft);font:.58rem var(--font-mono);letter-spacing:.1em}.collection__progress b{color:var(--red);font-weight:500}.collection__progress i{width:4.5rem;height:1px;margin-left:.45rem;background:var(--red);transform:scaleX(.25);transform-origin:left;transition:transform .2s linear}.collection__cards{position:sticky;top:7.2rem;align-self:start;height:min(71vh,42rem);overflow:hidden;border:1px solid var(--line);background:#ddd5c8;box-shadow:0 24px 60px #17231e1f}.work-card{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:#f4efe5f7;color:var(--ink);visibility:hidden;pointer-events:none;opacity:1}.work-card.is-current{visibility:visible;pointer-events:auto}.work-card__image{height:calc(100% - 10.3rem);min-height:0;overflow:hidden;background:#ddd5c8}.work-card__image img{width:100%;height:100%;object-fit:cover;object-position:top center;opacity:1;filter:saturate(.86);transition:transform .35s ease,filter .35s ease}.work-card__copy{display:flex;flex:1;flex-direction:column;padding:1rem 1rem 1.15rem}.work-card__copy p{color:var(--moss);font:.54rem var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.work-card h3{margin:.55rem 0 .7rem;color:var(--ink);font:600 1.1rem/1.1 var(--font-body);letter-spacing:-.035em}.work-card__copy>span{color:var(--soft);font-size:.78rem;line-height:1.5}.work-card b{margin-top:auto;padding-top:1.2rem;color:var(--ink);font:500 .57rem var(--font-mono);letter-spacing:.12em;text-transform:uppercase}.work-card b i{color:var(--red);font-size:.85rem;font-style:normal}.work-card:hover,.work-card:focus-visible{background:#fffdf8;color:var(--ink);outline:0}.work-card:hover img,.work-card:focus-visible img{transform:scale(1.04);filter:saturate(1)}.collection--fun{background:#17231ee6}.collection--fun .collection__head>p,.collection--fun .collection__progress b{color:#eeb765}.collection--fun h2{color:var(--paper)}.collection--fun h2:first-letter{color:#eeb765}.collection--fun .collection__head>span,.collection--fun .collection__progress{color:#c4c6bd}.collection--fun .collection__progress i{background:#eeb765}.collection--fun .collection__cards{border-color:#f4efe53d;background:#21332a}.collection--fun .work-card{background:#21332a;color:var(--paper)}.collection--fun .work-card h3,.collection--fun .work-card b{color:var(--paper)}.collection--fun .work-card__copy>span{color:#c4c6bd}.collection--fun .work-card:hover,.collection--fun .work-card:focus-visible{background:#2b4236}.colophon{min-height:50svh;display:flex;flex-direction:column;justify-content:center;padding:7rem clamp(1.25rem,12vw,14rem);background:var(--ink);color:var(--paper)}.colophon p,.colophon small{color:#d9ad60;font:.6rem var(--font-mono);letter-spacing:.14em;text-transform:uppercase}.colophon h2{margin:.7rem 0 1.6rem;color:var(--paper);font-size:clamp(3.5rem,7vw,7rem);letter-spacing:-.07em}.colophon div{display:flex;gap:.6rem}.colophon a{padding:.7rem .9rem;border:1px solid rgba(244,239,229,.4);font:.6rem var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.colophon a:hover,.colophon a:focus-visible{background:#d9ad60;border-color:#d9ad60;color:var(--ink)}.colophon small{margin-top:4rem;color:#aeb6aa}.wayfinder{width:min(56rem,calc(100vw - 2rem));padding:clamp(3rem,6vw,5rem);border:0;background:var(--ink);color:var(--paper);box-shadow:0 2rem 6rem #17231e59}.wayfinder::backdrop{background:#17231e85;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.wayfinder__close{position:absolute;top:1rem;right:1.2rem;color:var(--paper);font-size:2rem}.wayfinder>p{color:#d9ad60;font:.6rem var(--font-mono);letter-spacing:.14em;text-transform:uppercase}.wayfinder h2{margin:.65rem 0 2.5rem;color:var(--paper);font:500 clamp(3rem,7vw,7rem)/.83 var(--font-display);letter-spacing:-.07em}.wayfinder nav{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#f4efe540;border:1px solid rgba(244,239,229,.25)}.wayfinder nav a{display:grid;gap:.7rem;padding:1.2rem;background:var(--ink);color:var(--paper);font:500 1.6rem/1 var(--font-display)}.wayfinder nav a span{color:#d9ad60;font:.56rem var(--font-mono);letter-spacing:.11em}.wayfinder nav a i{color:#d9ad60;font-style:normal}.wayfinder nav a:hover,.wayfinder nav a:focus-visible{background:#2a4236}@media (max-width:760px){.site-header{height:4rem}.intro{padding-top:7rem}.intro h1{font-size:clamp(5rem,23vw,8rem)}.collection{display:block;padding:5rem 1.25rem}.collection__head{position:static;margin-bottom:2.7rem}.collection h2{font-size:clamp(4.5rem,18vw,6.5rem)}.work-card{min-height:22rem}.wayfinder nav{grid-template-columns:1fr}.wayfinder{width:calc(100vw - 2rem)}}@media (max-width:430px){.collection__cards{grid-template-columns:1fr}.work-card__image{height:13rem}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.collection{min-height:calc(var(--card-count) * 42svh + 40svh)}.collection h2{display:inline-block}.collection h2:first-letter{color:inherit}.title-fill{background:linear-gradient(90deg,var(--red) 0 var(--title-fill-progress,12.5%),var(--ink) var(--title-fill-progress,12.5%) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.collection--projects h2{width:clamp(20rem,32vw,38rem)}.title-project-letters>span{color:var(--ink);transition:color .08s linear}.title-project-letters>span.is-filled{color:var(--red)}.collection--fun .title-fill{background:linear-gradient(90deg,var(--red) 0 var(--title-fill-progress,33.333%),var(--paper) var(--title-fill-progress,33.333%) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.collection__cards{perspective:1400px;overflow:visible}.work-card{transform-style:preserve-3d;transform:rotateY(-3deg) rotateX(1deg);box-shadow:18px 24px 42px #17231e33,-1px 1px #ffffffbf inset;transition:transform .32s cubic-bezier(.2,.7,.2,1),box-shadow .32s ease,background .22s}.work-card:before{content:"";position:absolute;top:10px;right:-12px;bottom:-12px;left:12px;z-index:-1;background:#356a5457;transform:translateZ(-28px)}.work-card__image{transform:translateZ(18px)}.work-card__copy{position:relative;transform:translateZ(32px);background:inherit}.work-card:hover,.work-card:focus-visible{transform:rotateY(-7deg) rotateX(2deg) translate3d(0,-7px,20px);box-shadow:28px 35px 58px #17231e47,-1px 1px #fffc inset}.collection--fun .work-card:before{background:#eeb7654d}