.portfolio-intro{max-width:700px}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:45px}.portfolio-card{display:flex;flex-direction:column;min-height:460px;padding:18px;border:1px solid var(--line);background:var(--panel);color:var(--paper);transition:border-color .2s,transform .2s}.portfolio-card:hover{border-color:var(--strong);transform:translateY(-4px)}.portfolio-card figure{display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;margin:0;background:#050505;overflow:hidden}.portfolio-card img{width:100%;height:100%;object-fit:cover}.portfolio-card:nth-child(3) img,.portfolio-card--footfit img{object-fit:contain}.portfolio-card h2{margin:25px 0 8px;font-size:clamp(1.8rem,3vw,2.6rem)}.portfolio-card p{margin:0;color:var(--soft);line-height:1.55}.portfolio-card .mono{margin-top:22px;color:var(--bright)}
.case-hero{padding:78px 0 88px}.case-hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:60px;align-items:end}.case-kicker{margin-bottom:20px;color:var(--bright)}.case-hero h1{margin:0;font-size:clamp(3.5rem,7.2vw,7rem);line-height:.92}.case-hero p{max-width:570px;margin:28px 0 0;color:#bab7b0;font-size:17px;line-height:1.6}.case-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;border:1px solid var(--line);background:var(--line)}.case-meta div{padding:20px;background:var(--panel)}.case-meta span{display:block;margin-bottom:9px;color:var(--soft);font-size:11px}.case-meta strong{font:500 16px 'Space Grotesk',sans-serif}.case-divider{height:1px;margin:10px 0;background:var(--line)}.project-title{margin-bottom:30px}.project-title h2{margin:9px 0 0;font-size:clamp(2.3rem,5vw,4.8rem)}.feature-gallery{display:grid;grid-template-columns:1.35fr .65fr;gap:16px}.feature-gallery figure,.visual-grid figure{display:flex;align-items:center;justify-content:center;margin:0;background:#050505}.feature-gallery .hero-visual{min-height:570px}.feature-gallery .supporting-visuals{display:grid;grid-template-rows:1fr 1fr;gap:16px}.feature-gallery .supporting-visuals figure{min-height:277px}.feature-gallery img,.visual-grid img{display:block;width:100%;height:100%;object-fit:contain}.product-image{padding:20px}.case-story{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px}.case-story h2{margin-top:8px;font-size:clamp(2rem,4vw,4rem);line-height:1}.case-story p{max-width:760px;color:var(--soft);font-size:17px;line-height:1.7}.archive-note{margin-top:52px;padding-top:24px;border-top:1px solid var(--line);color:var(--soft);line-height:1.6}.visual-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.visual-grid figure{min-height:255px}.visual-grid--two{grid-template-columns:repeat(2,1fr)}.visual-grid--two figure{min-height:345px}.project-spacing{padding-top:105px}
@media(max-width:900px){.portfolio-grid{grid-template-columns:1fr}.portfolio-card{min-height:390px}.portfolio-card figure{min-height:0}.case-hero-grid,.case-story,.feature-gallery{grid-template-columns:1fr;gap:35px}.feature-gallery .hero-visual{min-height:auto;aspect-ratio:1.45}.feature-gallery .supporting-visuals{grid-template-columns:1fr 1fr;grid-template-rows:auto}.feature-gallery .supporting-visuals figure{min-height:auto;aspect-ratio:1.45}.visual-grid{grid-template-columns:repeat(2,1fr)}.visual-grid--two{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.case-hero{padding:54px 0 68px}.case-meta{grid-template-columns:1fr}.feature-gallery .supporting-visuals,.visual-grid,.visual-grid--two{grid-template-columns:1fr}.feature-gallery .hero-visual,.feature-gallery .supporting-visuals figure,.visual-grid figure,.visual-grid--two figure{min-height:auto;aspect-ratio:1.32}.product-image{padding:10px}.project-spacing{padding-top:72px}}