
.application-detail .detail-hero{background:var(--ink);color:var(--paper)}
.application-detail .detail-hero-grid{display:grid;grid-template-columns:1fr 1fr;min-height:72vh;align-items:stretch}
.application-detail .detail-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:84px 72px 84px 0}
.application-detail .breadcrumb{font-size:10px;letter-spacing:.12em;text-transform:uppercase;opacity:.5;margin-bottom:28px}
.application-detail .breadcrumb a{opacity:1}
.application-detail .detail-hero h1{font:400 clamp(56px,6.8vw,105px)/.92 var(--serif);letter-spacing:-.04em;margin:0;max-width:800px}
.application-detail .detail-hero h1 em{font-style:italic}
.application-detail .detail-hero-lede{font-size:19px;line-height:1.65;color:var(--muted);max-width:650px;margin:30px 0 0}
.application-detail .detail-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:34px}
.application-detail .detail-hero-media{position:relative;overflow:hidden;border-left:1px solid rgba(245,241,234,.12);min-height:72vh}
.application-detail .detail-hero-media img{width:100%;height:100%;object-fit:cover;display:block}
.application-detail .detail-hero-media.placeholder{background:linear-gradient(145deg,#171715,#262521)}
.application-detail .placeholder-copy{position:absolute;inset:0;display:flex;align-items:flex-end;padding:46px;color:rgba(245,241,234,.62);font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.application-detail .detail-intro{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;align-items:end}
.application-detail .detail-intro h2,.application-detail .gallery-head h2,.application-detail .next-grid h2{font:400 clamp(44px,5.2vw,78px)/.98 var(--serif);letter-spacing:-.03em;margin:0}
.application-detail .detail-intro-copy{max-width:680px;font-size:18px;color:rgba(17,17,15,.7)}
.application-detail .detail-intro-copy p{margin:0 0 20px}
.application-detail .detail-band{background:var(--warm)}
.application-detail .application-facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.application-detail .application-fact{padding:28px 24px;border-right:1px solid var(--line)}
.application-detail .application-fact:last-child{border-right:0}
.application-detail .application-fact strong{display:block;font:400 31px/1.05 var(--serif)}
.application-detail .application-fact span{display:block;margin-top:10px;color:rgba(17,17,15,.62);font-size:13px}
.application-detail .gallery-head{max-width:820px;margin-bottom:38px}
.application-detail .gallery-head p:not(.eyebrow){max-width:700px;font-size:17px;color:rgba(17,17,15,.68)}
.application-detail .detail-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.application-detail .detail-gallery figure{margin:0;background:#e8e1d7;border:1px solid #d7cfc3;overflow:hidden;position:relative}
.application-detail .detail-gallery img{display:block;width:100%;height:100%;min-height:300px;object-fit:cover}
.application-detail .detail-gallery figcaption{position:absolute;left:10px;bottom:10px;background:rgba(17,17,17,.84);color:#fff;padding:7px 9px;font-size:9px;letter-spacing:.11em;text-transform:uppercase}
.application-detail .no-gallery{padding:34px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:17px;color:rgba(17,17,15,.66);max-width:820px}
.application-detail .detail-note{max-width:800px;margin-top:34px;color:rgba(17,17,15,.62);font-size:13px;line-height:1.6}
.application-detail .next-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.application-detail .next-grid p{font-size:18px;color:rgba(243,239,231,.68);max-width:650px}
.application-detail .next-links{display:flex;gap:13px;flex-wrap:wrap;margin-top:24px}
@media(max-width:980px){
  .application-detail .detail-hero-grid{grid-template-columns:1fr}
  .application-detail .detail-hero-copy{padding:72px 0 58px}
  .application-detail .detail-hero-media{border-left:0;border-top:1px solid rgba(245,241,234,.12);min-height:54vh}
  .application-detail .detail-intro,.application-detail .next-grid{grid-template-columns:1fr;gap:36px}
  .application-detail .detail-gallery{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
  .application-detail .application-facts{grid-template-columns:1fr}
  .application-detail .application-fact{border-right:0;border-bottom:1px solid var(--line)}
  .application-detail .application-fact:last-child{border-bottom:0}
  .application-detail .detail-gallery{grid-template-columns:1fr}
  .application-detail .detail-gallery img{min-height:0}
}
