.hero{background:var(--canvas);padding-block:clamp(40px,6vw,88px) clamp(24px,4vw,48px)}.hero__top{color:var(--graphite);flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin-bottom:clamp(20px,3vw,36px);font-size:1rem;display:flex}.hero__top b{color:#1aae39;font-weight:600}.hero h1 em{background:var(--neon-green);letter-spacing:-.04em;border-radius:9999px;padding:.02em .28em .08em;font-style:normal;display:inline-block}.hero__row{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:clamp(28px,5vw,72px);margin-top:clamp(28px,4vw,56px);display:grid}.lede{max-width:45ch;font-family:var(--serif);color:var(--graphite);font-size:clamp(1.5rem,1.6vw,1.25rem);line-height:1.56}.actions{flex-wrap:wrap;gap:8px;margin-top:clamp(20px,2.4vw,28px);display:flex}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.stats div{background:var(--white);border:1px solid var(--hair);border-radius:12px;padding:20px 16px 16px}.stats div:first-child{background:var(--marigold);border-color:#0000}.stats b{letter-spacing:-.04em;font-size:clamp(1.9rem,3.4vw,2.75rem);font-weight:600;line-height:1;display:block}.stats span{color:#0009;margin-top:8px;font-size:.8125rem;line-height:1.35;display:block}.stats div:first-child span{color:#000000bf}.section{padding-block:clamp(48px,7vw,80px)}#info{background:var(--canvas)}.sec-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px 40px;margin-bottom:clamp(24px,3vw,40px);display:flex}.sec-head p{max-width:44ch;font-family:var(--serif);color:var(--graphite);font-size:1.125rem;line-height:1.56}.filters{margin-inline:0;border:0;flex-wrap:wrap;gap:8px;min-width:0;margin-bottom:clamp(24px,3vw,36px);padding:0;display:flex}.filters input{opacity:0;pointer-events:none;position:absolute}.filters label{cursor:pointer;background:var(--white);border:1px solid var(--hair);min-height:44px;transition:background .2s var(--ease), color .2s var(--ease);border-radius:9999px;align-items:center;padding:0 16px;font-size:.875rem;font-weight:500;display:inline-flex}.filters label:hover{background:var(--sky-tint)}.filters input:checked+label{background:var(--ink);color:#fff;border-color:var(--ink)}.filters input:focus-visible+label{outline:2px solid var(--blue);outline-offset:3px}.work:has(#f-ux:checked) .card:not(.c-ux),.work:has(#f-sys:checked) .card:not(.c-sys),.work:has(#f-web:checked) .card:not(.c-web),.work:has(#f-brand:checked) .card:not(.c-brand){display:none}.grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(16px,2vw,24px);display:grid}.card{background:var(--white);border:1px solid var(--hair);min-width:0;transition:border-color .2s var(--ease);border-radius:12px;grid-column:span 4;display:flex;overflow:hidden}.card:hover{border-color:#00000047}.card.lead{grid-column:span 7}.card.lead+.card{grid-column:span 5}.card>a{flex-direction:column;width:100%;display:flex}.thumb{aspect-ratio:4/3;text-align:center;place-items:center;padding:24px;display:grid;position:relative;overflow:hidden}.lead .thumb{aspect-ratio:auto;flex:1;min-height:320px}.thumb img{object-fit:cover;object-position:center top;width:100%;height:100%;position:absolute;inset:0}.th-a{background:var(--marigold)}.th-b{background:var(--sky-wash)}.th-c{background:var(--coral)}.th-d{background:var(--sky-tint)}.th-e{background:var(--peach)}.ph{background:var(--white);border:1px solid var(--hair);text-align:left;border-radius:8px;max-width:30ch;padding:12px 16px}.ph b{font-size:.9375rem;font-weight:600;line-height:1.25;display:block}.ph span{color:var(--graphite);margin-top:3px;font-size:.8125rem;line-height:1.35;display:block}.stamp{background:var(--white);color:var(--ink);letter-spacing:.01em;z-index:1;border-radius:9999px;padding:4px 10px;font-size:.75rem;font-weight:500;line-height:1.33;position:absolute;top:12px;right:12px}.meta{flex-direction:column;flex:none;padding:20px 24px 24px;display:flex}.tags{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.tags span{letter-spacing:.01em;background:var(--sky-tint);color:var(--blue);border-radius:9999px;padding:3px 10px;font-size:.75rem;line-height:1.33}.what{color:var(--graphite);max-width:48ch;margin-top:8px;font-size:1rem;line-height:1.5}.kpi{margin-top:12px;font-size:.9375rem;line-height:1.4}.kpi b{font-weight:700}.sub{border-top:1px solid var(--hair);letter-spacing:.01em;color:#0009;flex-wrap:wrap;justify-content:space-between;gap:4px 14px;margin-top:16px;padding-top:12px;font-size:.75rem;display:flex}.sub em{color:var(--ink);font-style:normal}.wip{color:#a85d00}.process{padding-block:clamp(24px,4vw,40px)}.process>.wrap{background:var(--midnight);color:#fff;border-radius:12px;padding:clamp(24px,5vw,64px)}.process h2{color:#fff}.process .sec-head p{color:#ffffffc7}.process .eyebrow{color:var(--sky-wash)}.process :focus-visible{outline-color:#fff}.steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.step{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;padding:20px}.step .n{color:var(--sky-wash);margin-bottom:10px;font-size:.8125rem;display:block}.step h3{color:#fff;margin-bottom:8px;font-size:1.375rem}.step p{color:#ffffffd1;font-size:.9375rem;line-height:1.5}.step .proof{color:#ffffffd1;border-top:1px solid #ffffff29;margin-top:14px;padding-top:12px;font-size:.8125rem;line-height:1.4;display:block}.step .proof b{color:#fff;font-weight:600}.anatomy{border-top:1px solid #ffffff29;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,5vw,72px);margin-top:clamp(40px,6vw,72px);padding-top:clamp(28px,4vw,48px);display:grid}.anatomy h3{color:#fff;letter-spacing:-.02em;font-size:1.75rem}.anatomy>div>p{color:#ffffffd1;max-width:44ch;margin-top:14px}.cs-list{border-bottom:1px solid #ffffff29}.cs-list li{border-top:1px solid #ffffff29;grid-template-columns:3rem 9rem minmax(0,1fr);gap:16px;padding:12px 0;font-size:1rem;line-height:1.45;display:grid}.cs-list .mono{color:var(--sky-wash);padding-top:3px;font-size:.8125rem}.cs-list strong{font-weight:600}.about__grid{grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:start;gap:clamp(32px,6vw,96px);display:grid}.portrait{aspect-ratio:4/5;background:var(--hair);border-radius:12px;position:relative;overflow:hidden}.portrait img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.about__copy h2{margin-bottom:clamp(18px,2.4vw,28px)}.about__copy p{max-width:58ch;color:var(--graphite)}.about__copy p+p{margin-top:1.1em}.cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(24px,4vw,56px);margin-top:clamp(28px,4vw,48px);display:grid}.rows{border-bottom:1px solid var(--hair)}.rows div{border-top:1px solid var(--hair);color:var(--graphite);grid-template-columns:7rem minmax(0,1fr);gap:16px;padding:12px 0;font-size:.9375rem;line-height:1.45;display:grid}.rows dt{letter-spacing:.01em;color:#0009;padding-top:2px;font-size:.8125rem;font-weight:500}.rows dd strong{color:var(--ink);font-weight:600}.cols h3{margin-bottom:12px;font-size:1.25rem}@media (width<=1060px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=960px){.hero__row,.anatomy,.about__grid{grid-template-columns:minmax(0,1fr)}.card,.card.lead,.card.lead+.card{grid-column:span 6}.card.lead{grid-column:1/-1}.lead .thumb{aspect-ratio:16/10;min-height:0}.portrait{max-width:360px}.cols{grid-template-columns:minmax(0,1fr);gap:28px}}@media (width<=640px){.navbar{position:static}.grid{grid-template-columns:minmax(0,1fr)}.card,.card.lead,.card.lead+.card{grid-column:auto}.steps{grid-template-columns:minmax(0,1fr)}.cs-list li{grid-template-columns:2.5rem minmax(0,1fr)}.cs-list li span:last-child{grid-column:2}.rows div{grid-template-columns:5.5rem minmax(0,1fr);gap:12px}.stats{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}