:root{--paper:#f1efe8;--ink:#10100f;--muted:#67665f;--line:rgba(16,16,15,.17);--acid:#c8ff31;--display:"Hanken Grotesk","Inter",sans-serif;--body:"Inter",sans-serif;--pad:clamp(20px,4vw,64px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--body);-webkit-font-smoothing:antialiased}body::before{content:"";position:fixed;inset:0;z-index:30;pointer-events:none;opacity:.2;background-image:repeating-linear-gradient(90deg,transparent 0,transparent 3px,rgba(0,0,0,.018) 4px)}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:auto}.skip-link,.sr-only{position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(0 0 0 0)}.skip-link:focus{position:fixed;z-index:100;width:auto;height:auto;clip:auto;top:10px;left:10px;padding:10px;background:var(--acid)}
.projects-header{position:sticky;top:0;z-index:40;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;height:74px;padding:0 var(--pad);border-bottom:1px solid var(--line);background:rgba(241,239,232,.9);backdrop-filter:blur(16px)}.projects-brand{display:inline-flex;align-items:center;gap:10px;width:max-content;font:700 10px var(--display);letter-spacing:.05em;text-transform:uppercase}.projects-brand img{width:38px;height:44px;object-fit:contain}.projects-brand span{display:flex;gap:4px}.projects-header>nav{display:flex;gap:30px;font-size:12px;font-weight:600}.projects-header>nav a:hover{text-decoration:underline;text-underline-offset:5px}.projects-header-actions{justify-self:end;display:flex;align-items:center;gap:10px}.projects-talk{padding:10px 17px;border-radius:999px;color:var(--paper);background:var(--ink);font-size:11px;font-weight:700}.projects-menu{display:none;border:0;background:none;width:42px;height:42px}.projects-menu span{display:block;width:22px;height:1px;margin:6px auto;background:currentColor}.projects-header>nav.projects-mobile{display:none}
.projects-eyebrow{display:block;font:700 10px var(--body);letter-spacing:.15em;text-transform:uppercase}.projects-cta em{color:transparent;font-style:normal;-webkit-text-stroke:1.5px var(--ink)}
.projects-browser{padding:34px var(--pad) 100px}.projects-toolbar{position:sticky;top:74px;z-index:20;display:flex;align-items:end;justify-content:space-between;gap:25px;padding:18px 0;margin-bottom:38px;border-bottom:1px solid var(--line);background:rgba(241,239,232,.92);backdrop-filter:blur(12px)}.project-filters{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.project-filters button{border:1px solid var(--line);border-radius:999px;padding:8px 13px;background:transparent;font:600 10px var(--body);cursor:pointer}.project-filters button:hover,.project-filters button.is-active{border-color:var(--ink);color:var(--paper);background:var(--ink)}.project-search{position:relative;display:block;width:min(270px,32vw)}.project-search input{width:100%;height:42px;border:0;border-bottom:1px solid var(--ink);border-radius:0;padding:0 32px 0 0;background:transparent;color:var(--ink);font:500 12px var(--body);outline:none}.project-search i{position:absolute;right:4px;top:9px;font-size:20px;font-style:normal}
.projects-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:46px 22px}.project-card{grid-column:span 6;min-width:0}.project-card.project-featured{grid-column:span 8}.project-card.project-featured+.project-card{grid-column:span 4}.project-card.project-wide{grid-column:span 12}.project-card[hidden]{display:none}.project-card a{display:block}.project-card figure{position:relative;overflow:hidden;margin:0;aspect-ratio:1.55;background:#d8d5cb;border-radius:3px}.project-card.project-wide figure{aspect-ratio:2.6}.project-card figure::after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.2);pointer-events:none}.project-card img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .4s}.project-card:hover img{transform:scale(1.025);filter:saturate(1.08)}.project-card-meta{position:relative;padding:15px 82px 0 0;border-top:1px solid var(--ink)}.project-card-meta span{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.06em}.project-card-meta h2{margin:4px 0 6px;font:750 clamp(22px,2.4vw,35px)/1 var(--display);letter-spacing:-.04em}.project-card-meta p{max-width:530px;margin:0;color:var(--muted);font-size:12px;line-height:1.55}.project-card-meta b{position:absolute;right:0;top:18px;font-size:10px}.projects-empty{padding:80px 0;text-align:center;color:var(--muted)}
.projects-cta{margin:0 var(--pad) 70px;padding:clamp(45px,7vw,90px);border-radius:24px;color:#f1efe8;background:#10100f}.projects-cta h2{margin:22px 0;font:800 clamp(48px,7vw,96px)/.9 var(--display);letter-spacing:-.06em}.projects-cta em{border-color:#f1efe8;-webkit-text-stroke-color:#f1efe8}.projects-cta p{max-width:560px;color:#aaa;font-size:14px}.projects-cta>a{display:inline-flex;margin-top:24px;padding:13px 21px;border-radius:999px;color:#10100f;background:var(--acid);font-size:12px;font-weight:700}.projects-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;padding:34px var(--pad);border-top:1px solid var(--line);font-size:10px}.projects-footer nav{display:flex;gap:20px}.projects-footer>span{justify-self:end;color:var(--muted)}
.global-lang{display:inline-flex;align-items:center;gap:0;padding:3px;border:1px solid var(--line);border-radius:999px;background:transparent;font:800 9px var(--body);cursor:pointer}.global-lang span{padding:5px 7px;border-radius:999px;color:var(--muted)}.global-lang span.is-active{color:var(--paper);background:var(--ink)}
body{overflow-x:clip}
@media(max-width:800px){.projects-header{grid-template-columns:1fr auto}.projects-header>nav{display:none}.projects-menu{display:block}.projects-mobile:not([hidden]){position:absolute;display:grid;top:100%;left:0;right:0;padding:18px var(--pad);background:var(--paper);border-bottom:1px solid var(--line)}.projects-mobile a{padding:12px 0;border-bottom:1px solid var(--line)}.projects-grid{gap:34px 14px}.project-card,.project-card.project-featured,.project-card.project-featured+.project-card{grid-column:span 6}.projects-footer{grid-template-columns:1fr 1fr}.projects-footer nav{grid-row:2;grid-column:1/-1;flex-wrap:wrap}.projects-footer>span{justify-self:end}}
@media(max-width:560px){.projects-header{height:66px}.projects-talk{display:none}.projects-browser{padding-top:20px}.projects-toolbar{top:66px;display:block}.project-search{width:100%;margin-top:16px}.projects-grid{display:block}.project-card,.project-card.project-wide{margin-bottom:38px}.project-card figure,.project-card.project-wide figure{aspect-ratio:1.35}.project-card-meta{padding-right:60px}.project-card-meta h2{font-size:28px}.project-card-meta p{font-size:11px}.projects-cta{margin-inline:14px;padding:38px 22px}.projects-cta h2{font-size:48px}.projects-footer{padding-bottom:30px}}
@media(max-width:800px){.projects-header>nav.projects-mobile:not([hidden]){display:grid}}
@media(max-width:560px){.projects-header{gap:10px}.projects-header-actions{gap:3px}.projects-menu{width:34px}}

/* Equal project archive: three balanced cards per desktop row. */
.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 18px}
.project-card,.project-card.project-featured,.project-card.project-featured+.project-card,.project-card.project-wide{grid-column:auto;min-width:0}
.project-card>a{display:flex;height:100%;flex-direction:column}
.project-card figure,.project-card.project-wide figure{aspect-ratio:1.48;border-radius:10px;background:transparent}
.project-card figure,.project-card.project-wide figure{
  --project-edge:polygon(1.4% 2.2%,13% 1%,28% 1.5%,42% .8%,57% 1.7%,72% .9%,87% 1.4%,98.6% 2.3%,99.2% 15%,98.5% 31%,99.4% 49%,98.6% 68%,99.2% 85%,98.2% 97.4%,85% 98.7%,70% 98%,54% 99.1%,39% 98.2%,23% 98.9%,8% 97.8%,1.3% 96%,.7% 82%,1.5% 65%,.5% 48%,1.4% 30%,.7% 14%);
  border-radius:0;
  clip-path:var(--project-edge);
}
.project-card:nth-child(3n+2) figure{
  --project-edge:polygon(1% 1.5%,16% 2.1%,31% .7%,47% 1.6%,63% .8%,79% 1.8%,92% .9%,98.8% 2%,98.3% 17%,99.3% 35%,98.5% 53%,99.1% 72%,98.4% 89%,97.3% 98%,82% 98.5%,66% 97.8%,50% 99.2%,34% 98.1%,18% 98.8%,2% 97.2%,1.2% 86%,.5% 70%,1.4% 54%,.6% 37%,1.3% 19%);
}
.project-card:nth-child(3n+3) figure{
  --project-edge:polygon(1.8% 2%,14% .8%,29% 1.8%,45% 1%,61% 1.6%,76% .7%,90% 1.7%,98.2% 1.2%,99.4% 14%,98.6% 29%,99.2% 46%,98.4% 64%,99.3% 81%,97.8% 98.2%,84% 97.7%,68% 98.9%,52% 98%,36% 99%,20% 97.9%,1.1% 98.5%,.8% 83%,1.6% 67%,.6% 51%,1.5% 33%,.7% 16%);
}
.project-card-meta{display:flex;flex:1;flex-direction:column;padding:15px 66px 0 0}
.project-card-meta h2{font-size:clamp(22px,2vw,31px)}
.project-card-meta p{display:-webkit-box;min-height:3.1em;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.project-ripple{position:absolute;z-index:2;inset:0;width:100%;height:100%;border-radius:inherit;opacity:1;pointer-events:none}
.project-ripple.is-active{opacity:1}
.project-card figure>img{position:relative;z-index:1}
.project-card figure::after{z-index:3;border:0;box-shadow:none}
.project-card figure.is-rippling>img{opacity:0;transform:none;filter:none}
@media(max-width:760px){.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card,.project-card.project-featured,.project-card.project-featured+.project-card,.project-card.project-wide{grid-column:auto}}
@media(max-width:620px){.projects-grid{display:grid;grid-template-columns:1fr;gap:38px}.project-card,.project-card.project-wide{margin-bottom:0}.project-card figure,.project-card.project-wide figure{aspect-ratio:1.4}.project-card-meta p{min-height:0;-webkit-line-clamp:3}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project-card img{transition:none}}