.page-head{border-bottom:1px solid var(--rule);padding:clamp(56px,10vw,120px) 0 clamp(48px,7vw,80px)}.crumb{font-family:var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--fg-mute);align-items:center;gap:10px;margin-bottom:clamp(28px,4vw,44px);font-size:11px;display:flex}.crumb a{color:var(--fg-dim);transition:color .2s}.crumb a:hover{color:var(--fg)}.crumb .sep{opacity:.5}.page-head h1{font-family:var(--f-display);letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(48px,9vw,128px);font-weight:300;line-height:.96}.page-head h1 em{color:var(--accent);font-style:italic;font-weight:300}.head-meta{grid-template-columns:1fr auto;align-items:end;gap:32px;margin-top:clamp(32px,5vw,56px);display:grid}.head-meta p{max-width:52ch;color:var(--fg-dim);text-wrap:pretty;margin:0;font-size:clamp(15px,1.2vw,17px);line-height:1.6}.head-meta p b{color:var(--fg);font-weight:500}@media (max-width:600px){.head-meta{grid-template-columns:1fr}.head-meta .counter{text-align:left}}.counter{font-family:var(--f-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--fg-mute);text-align:right;white-space:nowrap;font-size:11px}.counter b{color:var(--fg);font-size:48px;font-weight:400;line-height:1;font-family:var(--f-display);letter-spacing:-.02em;margin-bottom:6px;display:block}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:clamp(48px,5vw,72px) clamp(24px,3vw,40px);padding:clamp(40px,6vw,72px) 0 clamp(48px,5vw,72px);display:grid}.card{cursor:pointer;color:inherit;transition:transform .5s cubic-bezier(.2,.7,.1,1);display:block}.card:hover{transform:translateY(-4px)}.card-img{aspect-ratio:4/3;object-fit:cover;border:1px solid var(--rule);border-radius:2px;width:100%;transition:border-color .3s;display:block}.card:hover .card-img{border-color:var(--fg-mute)}.card-thumb{aspect-ratio:4/3;background:repeating-linear-gradient(135deg, color-mix(in oklab, var(--fg) 5%, transparent) 0 1px, transparent 1px 12px),var(--bg-2);border:1px solid var(--rule);border-radius:2px;justify-content:center;align-items:center;transition:border-color .3s;display:flex;position:relative;overflow:hidden}.card:hover .card-thumb{border-color:var(--fg-mute)}.card-thumb:before{content:attr(data-slug);font-family:var(--f-mono);letter-spacing:.2em;color:var(--fg-mute);font-size:10px;position:absolute;top:14px;left:14px}.card-thumb:after{content:"IMAGE · 4:3";font-family:var(--f-mono);letter-spacing:.1em;color:var(--fg-mute);font-size:11px}.card-meta{font-family:var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-mute);justify-content:space-between;align-items:baseline;gap:12px;margin-top:16px;font-size:11px;display:flex}.card-title{font-family:var(--f-display);letter-spacing:-.02em;margin-top:10px;font-size:clamp(22px,2.2vw,28px);font-weight:300;line-height:1.15}.card-title em{color:var(--fg-dim);font-style:italic;font-weight:300}.card-summary{color:var(--fg-dim);margin-top:10px;font-size:14px;line-height:1.55}.end-cta{text-align:center;border-top:1px solid var(--rule);margin-top:clamp(80px,12vw,160px);padding:clamp(80px,12vw,160px) 0}.end-cta h2{font-family:var(--f-display);letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:clamp(36px,6vw,80px);font-weight:300;line-height:1.02}.end-cta h2 em{color:var(--accent);font-style:italic;font-weight:300}.end-cta p{max-width:44ch;color:var(--fg-dim);margin:24px auto 36px}.btn{border:1px solid var(--fg);font-family:var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fg);border-radius:999px;align-items:center;gap:12px;padding:16px 24px;font-size:12px;transition:background .3s,color .3s;display:inline-flex}.btn:hover{background:var(--fg);color:var(--bg)}