@font-face { font-family: Poppins; src: url('/assets/fonts/poppins-400.woff2') format('woff2'); font-weight: 400; font-display: swap; }
@font-face { font-family: Poppins; src: url('/assets/fonts/poppins-600.woff2') format('woff2'); font-weight: 600; font-display: swap; }
@font-face { font-family: 'Bebas Neue'; src: url('/assets/fonts/bebas-neue-400.ttf') format('truetype'); font-weight: 400; font-display: swap; }
:root { --ink:#080808; --paper:#f3f2ed; --muted:#aaa; --line:rgba(8,8,8,.18); --pad:clamp(20px,3vw,52px); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Poppins,Arial,sans-serif; font-size:15px; line-height:1.55; }
a { color:inherit; text-decoration:none; }
img { display:block; width:100%; height:auto; }
.skip-link { position:fixed; z-index:100; left:12px; top:12px; padding:10px 14px; color:#fff; background:#000; transform:translateY(-160%); }
.skip-link:focus { transform:none; }
.site-nav { position:sticky; z-index:20; top:0; display:flex; align-items:center; justify-content:space-between; gap:28px; padding:20px var(--pad); border-bottom:1px solid var(--line); background:rgba(243,242,237,.92); backdrop-filter:blur(12px); }
.site-nav strong { font-size:13px; letter-spacing:.04em; }
.site-nav nav { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:clamp(14px,2vw,34px); font-size:12px; }
.site-nav a:hover,.site-nav a:focus-visible { text-decoration:underline; text-underline-offset:5px; }
.page-hero { min-height:66vh; display:grid; align-content:end; padding:120px var(--pad) 56px; border-bottom:1px solid var(--line); }
.eyebrow { margin:0 0 24px; font-size:11px; letter-spacing:.08em; text-transform:uppercase; }
h1,h2,h3 { margin:0; font-weight:400; }
h1 { max-width:1500px; font:400 clamp(68px,12vw,190px)/.84 'Bebas Neue',sans-serif; letter-spacing:.005em; text-transform:uppercase; }
.page-hero .lede { max-width:760px; margin:32px 0 0 auto; font-size:clamp(18px,2.2vw,32px); line-height:1.28; }
.content-section { padding:clamp(70px,10vw,150px) var(--pad); border-bottom:1px solid var(--line); }
.content-section.dark { color:#f7f6f0; background:var(--ink); }
.section-grid { display:grid; grid-template-columns:minmax(180px,.7fr) minmax(0,2fr); gap:clamp(40px,8vw,150px); }
.section-grid h2 { font:400 clamp(44px,7vw,108px)/.9 'Bebas Neue',sans-serif; text-transform:uppercase; }
.prose { max-width:850px; }
.prose p { margin:0 0 1.3em; font-size:clamp(16px,1.4vw,22px); }
.fact-list,.discipline-list { list-style:none; margin:36px 0 0; padding:0; border-top:1px solid currentColor; }
.fact-list li,.discipline-list li { display:flex; justify-content:space-between; gap:24px; padding:14px 0; border-bottom:1px solid currentColor; }
.card-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; background:var(--line); border:1px solid var(--line); }
.work-card { min-width:0; background:var(--paper); }
.work-card img { aspect-ratio:16/10; object-fit:cover; }
.work-card-copy { min-height:190px; display:flex; flex-direction:column; padding:24px; }
.work-card h2,.work-card h3 { font:400 clamp(36px,5vw,70px)/.9 'Bebas Neue',sans-serif; text-transform:uppercase; }
.work-card p { margin:14px 0 22px; }
.work-card span { margin-top:auto; font-size:11px; letter-spacing:.06em; text-transform:uppercase; }
.work-card:hover img { filter:brightness(.88); }
.service-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-top:1px solid currentColor; }
.service-links a { padding:22px 0; border-bottom:1px solid currentColor; font-size:clamp(18px,2vw,28px); }
.service-links a:nth-child(odd) { padding-right:24px; }
.service-links a:nth-child(even) { padding-left:24px; border-left:1px solid currentColor; }
.project-hero { min-height:80vh; display:grid; align-content:end; position:relative; overflow:hidden; color:#fff; background:#000; }
.project-hero video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.72; }
.project-hero::after { content:''; position:absolute; inset:0; background:linear-gradient(0deg,rgba(0,0,0,.75),transparent 65%); }
.project-hero-content { position:relative; z-index:1; padding:120px var(--pad) 48px; }
.project-hero h1 { max-width:none; }
.project-meta { display:flex; flex-wrap:wrap; gap:12px 30px; margin-top:22px; font-size:12px; text-transform:uppercase; }
.project-facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; background:var(--line); border:1px solid var(--line); }
.project-facts article { min-height:260px; padding:30px; background:var(--paper); }
.project-facts h2 { margin-bottom:18px; font:400 44px/.9 'Bebas Neue',sans-serif; text-transform:uppercase; }
.project-media { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; background:#000; }
.project-media img { height:100%; min-height:420px; object-fit:cover; }
.breadcrumb { padding:18px var(--pad); border-bottom:1px solid var(--line); font-size:11px; text-transform:uppercase; }
.cta { display:flex; align-items:flex-end; justify-content:space-between; gap:50px; padding:clamp(70px,10vw,140px) var(--pad); color:#fff; background:#000; }
.cta h2 { max-width:900px; font:400 clamp(52px,8vw,124px)/.88 'Bebas Neue',sans-serif; text-transform:uppercase; }
.cta a { white-space:nowrap; padding-bottom:5px; border-bottom:1px solid; }
.profile-grid { display:grid; grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr); gap:clamp(40px,7vw,120px); align-items:start; }
.profile-grid img { aspect-ratio:4/5; object-fit:cover; }
.contact-list { display:grid; gap:1px; margin-top:40px; background:var(--line); border:1px solid var(--line); }
.contact-list a { padding:24px; background:var(--paper); font-size:clamp(20px,3vw,38px); }
footer { display:flex; flex-wrap:wrap; justify-content:space-between; gap:20px; padding:24px var(--pad); color:#fff; background:#000; font-size:10px; letter-spacing:.05em; }
footer nav { display:flex; flex-wrap:wrap; gap:20px; }
.visually-hidden { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
@media (max-width:800px) {
  .site-nav { align-items:flex-start; }
  .site-nav nav { max-width:70%; gap:9px 16px; }
  .page-hero { min-height:58vh; padding-top:90px; }
  .section-grid,.profile-grid { grid-template-columns:1fr; }
  .card-grid,.project-facts,.project-media { grid-template-columns:1fr; }
  .service-links { grid-template-columns:1fr; }
  .service-links a:nth-child(even) { padding-left:0; border-left:0; }
  .project-media img { min-height:260px; }
  .cta { align-items:flex-start; flex-direction:column; }
}