.landing-briefing[hidden]{display:none}
.landing-briefing{
  max-width:1500px;
  margin:0 auto;
  padding:0 5vw;
}
.landing-project{
  min-height:calc(100svh - 154px);
  display:grid;
  grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
  align-items:center;
  gap:clamp(32px,5vw,88px);
  padding:clamp(42px,5vw,76px) 0;
}
.landing-project + .landing-project{border-top:1px solid rgba(180,170,154,.3)}
.landing-project--reverse{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
.landing-project--reverse .landing-briefing-copy{grid-column:2;grid-row:1}
.landing-project--reverse .landing-art{grid-column:1;grid-row:1}
.landing-briefing-copy{max-width:555px}
.landing-kicker,.landing-label,.landing-tags,.landing-art figcaption{font-size:10px;font-weight:700;letter-spacing:.18em}
.landing-kicker{display:block;color:var(--brand-muted);margin-bottom:clamp(34px,5vw,75px)}
.landing-label{color:var(--brand-copper-light);margin:0 0 15px}
.landing-briefing h1,.landing-briefing h2{margin:0 0 27px;color:var(--brand-ivory);font:500 clamp(64px,7.5vw,112px)/.95 'Space Grotesk',sans-serif;letter-spacing:-.085em}
.landing-briefing h1 span,.landing-briefing h2 span{color:var(--brand-copper-light)}
.landing-lead{max-width:520px;margin:0 0 17px;color:var(--brand-ivory);font-size:clamp(17px,1.6vw,21px);line-height:1.45}
.landing-detail{max-width:500px;margin:0;color:var(--brand-muted);font-size:14px;line-height:1.6}
.landing-tags{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 35px;color:var(--brand-muted);font-size:9px;letter-spacing:.12em}
.landing-tags span{padding:9px 11px;border:1px solid rgba(180,170,154,.32)}
.landing-link{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;min-width:240px;padding:15px 17px;background:var(--brand-copper);color:var(--brand-bg);text-decoration:none;font-size:13px;font-weight:700;transition:background .2s ease,transform .2s ease}
.landing-link:hover,.landing-link:focus-visible{background:var(--brand-copper-light);transform:translateY(-2px)}
.landing-link span{font-size:20px;line-height:1}
.landing-art{position:relative;width:100%;margin:0;aspect-ratio:1.12;min-height:430px;overflow:hidden;border:1px solid rgba(180,170,154,.3);background:#f5f2ec;box-shadow:0 30px 90px rgba(0,0,0,.28)}
.landing-art::after{content:"";position:absolute;inset:75% 0 0;pointer-events:none;background:linear-gradient(transparent,rgba(20,17,15,.75))}
.landing-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:top left}
.landing-art figcaption{position:absolute;z-index:1;left:23px;right:20px;bottom:20px;color:#fff;font-size:9px;line-height:1.5}
@media(max-width:900px){
  .landing-briefing{padding:0 7vw}
  .landing-project,.landing-project--reverse{min-height:0;grid-template-columns:1fr;gap:31px;padding:42px 0 60px}
  .landing-project--reverse .landing-briefing-copy,.landing-project--reverse .landing-art{grid-column:1;grid-row:auto}
  .landing-briefing-copy{max-width:680px}
  .landing-kicker{margin-bottom:35px}
  .landing-art{min-height:330px;aspect-ratio:1.4}
}
@media(max-width:600px){
  .landing-briefing{padding:0 7vw}
  .landing-project,.landing-project--reverse{padding:34px 0 48px;gap:27px}
  .landing-briefing h1,.landing-briefing h2{font-size:clamp(60px,15vw,80px)}
  .landing-lead{font-size:17px}
  .landing-detail{font-size:13px}
  .landing-tags{margin:24px 0 27px}
  .landing-link{width:100%}
  .landing-art{min-height:290px;aspect-ratio:1.1}
  .landing-art figcaption{left:16px;right:14px;bottom:14px;font-size:8px}
}