:root{--paper:#f7f3ec;--paper2:#efe9df;--white:#fffdfa;--ink:#120f0f;--muted:#655c55;--red:#8d0e13;--line:#d8cfc4;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit}.site-header{height:76px;padding:0 clamp(24px,4vw,72px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(247,243,236,.95);backdrop-filter:blur(8px);z-index:5}.wordmark{font:600 12px var(--serif);letter-spacing:.28em;text-decoration:none}.site-header nav{display:flex;gap:34px}.site-header nav a{font:10px var(--serif);text-decoration:none;letter-spacing:.18em;text-transform:uppercase}.hero{min-height:760px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);align-items:center;gap:6vw;padding:84px clamp(32px,6vw,110px) 88px}.hero-brand{align-self:center}.hero-brand img{display:block;width:100%;max-width:930px}.hero-copy{max-width:570px;padding-top:20px}.eyebrow{font-size:10px;letter-spacing:.24em;text-transform:uppercase;margin:0 0 28px}.red{color:var(--red)}.hero h1,.project h2,.marks h2,.studio h2,.contact h2{font:400 clamp(48px,5.4vw,86px)/.98 var(--serif);letter-spacing:-.045em;margin:0}.hero h1 em{font-style:italic;font-weight:400}.hero-copy>p:not(.eyebrow){font:400 19px/1.65 var(--serif);max-width:500px;margin:34px 0 26px;color:#332d29}.ink-link{display:inline-flex;gap:14px;align-items:center;text-decoration:none;font:12px var(--serif);letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid var(--red);padding-bottom:7px}.project{display:grid;grid-template-columns:minmax(360px,.72fr) minmax(0,1.28fr);min-height:660px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--white)}.project-copy{padding:90px clamp(34px,6vw,100px);display:flex;flex-direction:column;justify-content:center}.project h2{font-size:clamp(58px,6vw,94px)}.project .lede{font:400 22px/1.5 var(--serif);margin:28px 0 18px;max-width:520px}.project .body{font:14px/1.75 var(--sans);color:var(--muted);max-width:500px}.project-meta{display:flex;gap:26px;margin-top:34px;font:10px var(--serif);letter-spacing:.16em}.project-meta span+span{border-left:1px solid var(--red);padding-left:26px}.cloud-frame{background:url('assets/clouds.jpg') center/cover no-repeat;min-height:660px}.marks{padding:105px clamp(28px,5vw,82px) 110px}.marks-head{text-align:center;max-width:760px;margin:0 auto 64px}.marks-head h2{font-size:clamp(54px,5vw,82px)}.marks-head>p:last-child{font:17px/1.6 var(--serif);color:var(--muted)}.glyph-grid{list-style:none;padding:0;margin:0 auto;max-width:1380px;display:grid;grid-template-columns:repeat(7,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.glyph-grid li{min-width:0;text-align:center;padding:38px 14px 31px;border-right:1px solid var(--line)}.glyph-grid li:last-child{border-right:0}.glyph-grid img{display:block;width:min(142px,100%);height:142px;object-fit:contain;margin:0 auto 20px}.glyph-grid span,.glyph-grid strong{display:block;font-family:var(--serif)}.glyph-grid span{font-size:12px;margin-bottom:5px}.glyph-grid strong{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:400}.studio{min-height:600px;display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);background:var(--white)}.studio-copy{padding:110px clamp(34px,7vw,120px);align-self:center}.studio-copy p:last-child{font:20px/1.7 var(--serif);max-width:620px;color:#403934}.studio-s{display:flex;align-items:center;justify-content:center;padding:54px 56px 64px 24px}.studio-s img{display:block;width:auto;height:470px;max-width:100%;object-fit:contain}.contact{background:var(--red);color:var(--white);padding:90px clamp(30px,6vw,100px);display:grid;grid-template-columns:1fr auto;align-items:end;gap:80px}.contact h2{font-size:clamp(52px,5vw,80px)}.contact a{display:inline-block;margin-top:26px;font:21px var(--serif);text-underline-offset:7px}.contact address{font:normal 12px/1.8 var(--sans);letter-spacing:.08em;text-align:right}footer{height:76px;padding:0 clamp(24px,4vw,72px);display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.18em}footer a{text-decoration:none}@media(max-width:900px){.site-header nav{gap:15px}.hero{grid-template-columns:1fr;padding-top:60px;gap:40px}.hero-brand img{max-width:820px;margin:auto}.hero-copy{max-width:700px}.project{grid-template-columns:1fr}.cloud-frame{order:-1;min-height:420px}.glyph-grid{grid-template-columns:repeat(4,1fr)}.glyph-grid li:nth-child(4){border-right:0}.glyph-grid li:nth-child(-n+4){border-bottom:1px solid var(--line)}.studio{grid-template-columns:1fr}.studio-s{min-height:430px;padding:40px 24px 54px}}@media(max-width:600px){.site-header{height:62px;padding:0 16px}.site-header nav{gap:10px}.site-header nav a{font-size:7px;letter-spacing:.11em}.wordmark{font-size:9px}.hero{min-height:auto;padding:58px 20px 72px}.hero-brand img{width:112%;margin-left:-6%}.hero-copy{padding-top:0}.eyebrow{font-size:8px;margin-bottom:20px}.hero h1{font-size:48px}.hero-copy>p:not(.eyebrow){font-size:17px;margin-top:24px}.project{min-height:0}.cloud-frame{min-height:330px}.project-copy{padding:70px 22px}.project h2,.marks h2,.studio h2,.contact h2{font-size:48px}.project .lede{font-size:19px}.project .body{font-size:13px}.marks{padding:75px 16px 80px}.marks-head{margin-bottom:40px}.glyph-grid{grid-template-columns:repeat(2,1fr)}.glyph-grid li{padding:28px 10px;border-bottom:1px solid var(--line)}.glyph-grid li:nth-child(odd){border-right:1px solid var(--line)}.glyph-grid li:nth-child(even){border-right:0}.glyph-grid li:last-child{border-bottom:0}.glyph-grid img{width:115px;height:115px}.studio-copy{padding:78px 22px}.studio-copy p:last-child{font-size:18px}.studio-s{min-height:390px;padding:28px 20px 44px}.studio-s img{height:330px;max-width:100%}.contact{grid-template-columns:1fr;padding:76px 22px;gap:56px}.contact address{text-align:left}.contact a{font-size:18px}footer{padding:0 16px;font-size:7px}}

/* V5.3 visual QA corrections */
.hero,.project,.marks,.studio,.contact{scroll-margin-top:84px}
.nav-toggle{display:none;border:0;background:transparent;color:var(--ink);font:10px var(--serif);letter-spacing:.18em;text-transform:uppercase;padding:10px 0;cursor:pointer}
.glyph-grid img{width:160px;height:160px;max-width:100%;overflow:visible}
.glyph-grid li{overflow:visible}
footer{font-size:10px}

@media(max-width:900px){
  .glyph-grid img{width:150px;height:150px}
}

@media(max-width:700px){
  .site-header{position:sticky}
  .nav-toggle{display:block}
  .site-header nav{position:absolute;top:100%;left:0;right:0;display:none;grid-template-columns:1fr 1fr;background:rgba(247,243,236,.985);border-bottom:1px solid var(--line);padding:10px 16px 16px;gap:0;box-shadow:0 10px 25px rgba(18,15,15,.06)}
  .site-header nav.is-open{display:grid}
  .site-header nav a{font-size:10px;letter-spacing:.14em;padding:14px 8px;border-top:1px solid var(--line)}
}

@media(max-width:600px){
  .glyph-grid img{width:150px;height:150px}
  .glyph-grid li:last-child{grid-column:1 / -1;width:50%;justify-self:center;border-left:1px solid var(--line);border-right:1px solid var(--line)}
  footer{font-size:9px}
}

/* Final responsive alignment pass */
@media(max-width:900px) and (min-width:601px){
  .glyph-grid{grid-template-columns:repeat(3,1fr)}
  .glyph-grid li{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
  .glyph-grid li:nth-child(3n){border-right:0}
  .glyph-grid li:nth-child(-n+4){border-bottom:1px solid var(--line)}
  .glyph-grid li:nth-child(n+5):nth-child(-n+6){border-bottom:1px solid var(--line)}
  .glyph-grid li:nth-child(7){grid-column:2;border-left:1px solid var(--line);border-right:1px solid var(--line);border-bottom:0}
  .studio-s{min-height:0;padding:12px 24px 64px}
  .studio-s img{height:390px}
}

@media(max-width:820px){
  .nav-toggle{display:block}
  .site-header nav{position:absolute;top:100%;left:0;right:0;display:none;grid-template-columns:1fr 1fr;background:rgba(247,243,236,.985);border-bottom:1px solid var(--line);padding:10px 16px 16px;gap:0;box-shadow:0 10px 25px rgba(18,15,15,.06)}
  .site-header nav.is-open{display:grid}
  .site-header nav a{font-size:10px;letter-spacing:.14em;padding:14px 8px;border-top:1px solid var(--line)}
}

@media(max-width:600px){
  .studio-copy{padding:74px 22px 22px}
  .studio-s{min-height:0;padding:8px 20px 56px}
  .studio-s img{height:305px}
  .glyph-grid li{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
  .glyph-grid li:nth-child(odd){border-right:1px solid var(--line)}
  .glyph-grid li:nth-child(even){border-right:0}
  .glyph-grid li:nth-child(7){grid-column:1 / -1;width:50%;justify-self:center;border-left:1px solid var(--line);border-right:1px solid var(--line);border-bottom:0}
}
@media(max-width:600px){
  .hero-brand img{width:100%;margin-left:0}
}