:root{--ink:#171717;--paper:#f8f6f1;--accent:#ff5146;--line:#d9d4ca;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.55}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.25em}img{display:block;max-width:100%}.wrap{width:min(calc(100% - 3rem),var(--max));margin-inline:auto}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:20;background:#fff;padding:.7rem 1rem}.skip-link:focus{top:1rem}.site-header{min-height:96px;padding:1.5rem max(1.5rem,calc((100vw - var(--max))/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:10}.brand{width:min(360px,50vw)}.brand img{width:100%;height:auto}.site-nav{display:flex;gap:2rem}.site-nav a{text-decoration:none;font-weight:700}.site-nav a:hover,.site-nav a:focus-visible{color:var(--accent)}.nav-toggle{display:none;border:1px solid var(--ink);background:transparent;padding:.55rem .8rem;font:inherit}.intro{min-height:65vh;display:grid;align-content:center;max-width:920px;padding-block:6rem}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:700;color:var(--accent)}h1{font-size:clamp(2.2rem,5.5vw,5.8rem);line-height:.98;letter-spacing:-.055em;margin:.25em 0 .6em}h2{font-size:clamp(1.45rem,3vw,2.4rem);line-height:1.1;margin:2em 0 .5em}.down-link{width:max-content}.portfolio-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:2px;background:var(--paper)}.project-card{position:relative;overflow:hidden;min-height:340px;grid-column:span 6;background:#ddd;color:#fff;text-decoration:none}.project-card:nth-child(3n){grid-column:span 12;min-height:520px}.project-card img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .55s ease}.project-card::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 48%,rgba(0,0,0,.72));transition:opacity .3s}.project-card span{position:absolute;z-index:1;left:clamp(1.2rem,3vw,2.5rem);right:1rem;bottom:clamp(1.2rem,3vw,2.5rem);font-size:clamp(1.5rem,3vw,3.8rem);font-weight:700;line-height:1}.project-card:hover img,.project-card:focus-visible img{transform:scale(1.035)}.cta{text-align:center;padding-block:clamp(6rem,12vw,11rem)}.cta p{color:#666}.cta a{font-size:clamp(2rem,5vw,5rem);font-weight:700;line-height:1}.project-detail{padding-top:clamp(3rem,8vw,8rem)}.project-copy{padding-bottom:clamp(3rem,7vw,6rem)}.project-copy h1{max-width:1000px}.project-copy>p:last-of-type{font-size:1.15rem}.back-link{display:inline-block;margin-top:2rem}.project-detail figure{margin:0;background:#ddd}.project-detail figure img{width:100%;max-height:none}.content-page{max-width:860px;padding-block:clamp(4rem,8vw,8rem)}.content-page h1{font-size:clamp(3rem,8vw,6rem)}.content-page p,.content-page li{font-size:clamp(1rem,1.5vw,1.2rem)}.content-page li+li{margin-top:.5rem}.placeholder{border-left:5px solid var(--accent);background:#fff;padding:1.25rem 1.5rem;margin:2.5rem 0}.site-footer{padding:3rem max(1.5rem,calc((100vw - var(--max))/2));border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:1.5rem}.site-footer>div{display:flex;flex-wrap:wrap;gap:1rem 1.5rem}.site-footer p{grid-column:1/-1;color:#666;margin:0}.legal-links{justify-content:flex-end}@media(max-width:720px){.site-header{min-height:76px;padding-block:1rem}.brand{width:min(275px,64vw)}.nav-toggle{display:block}.site-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);padding:1.5rem;border-bottom:1px solid var(--line);flex-direction:column}.site-nav.is-open{display:flex}.wrap{width:min(calc(100% - 2rem),var(--max))}.intro{min-height:70vh;padding-block:4rem}.portfolio-grid{display:block}.project-card,.project-card:nth-child(3n){display:block;min-height:68vw;border-bottom:2px solid var(--paper)}.site-footer{grid-template-columns:1fr}.legal-links{justify-content:flex-start}.site-footer p{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project-card img{transition:none}}