/* Portfolio V4: shared visual vocabulary for all selected XR project pages.
   Designed to complement selected-case-template.css, not replace the actual project media. */
body.ya-case-standard.v4-xr-case {--bg:#121416;--bg2:#1b1f20;--ink:#e9eae6;--stroke:#313737;--accent:#baccae;--serif:'Jost',sans-serif;--sans:'DM Sans',sans-serif;--mono:'JetBrains Mono',monospace; color:var(--ink)}
body.ya-case-standard.v4-xr-case .top{display:none}
body.ya-case-standard.v4-xr-case main>header.hero{min-height:min(88svh,900px);padding:0;border:0}
body.ya-case-standard.v4-xr-case .hero .hero-media img{object-position:center;filter:brightness(.8)}
body.ya-case-standard.v4-xr-case .hero:before{background:linear-gradient(0deg,#121416 0%,rgba(18,20,22,.82) 17%,rgba(18,20,22,.22) 59%,rgba(18,20,22,.37) 100%),linear-gradient(90deg,rgba(18,20,22,.48),transparent 80%);z-index:-1}
body.ya-case-standard.v4-xr-case .hero .hero-content{padding-top:200px;max-width:1520px}
body.ya-case-standard.v4-xr-case .hero h1{max-width:15ch;font-size:clamp(54px,8vw,128px);line-height:.95;text-shadow:0 4px 28px rgba(0,0,0,.32)}
body.ya-case-standard.v4-xr-case .hero .subtitle{max-width:54ch;text-shadow:0 2px 16px rgba(0,0,0,.32)}
body.ya-case-standard.v4-xr-case .hero .labels{max-width:900px}
body.ya-case-standard.v4-xr-case main>section,
body.ya-case-standard.v4-xr-case main>.wrap>section{padding-block:clamp(62px,7.6vw,115px)}
body.ya-case-standard.v4-xr-case .section-head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px 24px;margin-bottom:clamp(30px,4vw,55px)}
body.ya-case-standard.v4-xr-case .section-head .micro{grid-column:span 2;padding-top:10px;font:400 11px/1.5 var(--mono)}
body.ya-case-standard.v4-xr-case .section-head h2{grid-column:span 6;font:300 clamp(37px,5vw,75px)/1.05 var(--serif);margin:0}
body.ya-case-standard.v4-xr-case .section-head .section-copy{grid-column:span 4;align-self:end;color:var(--muted);font:14px/1.75 var(--sans)}
body.ya-case-standard.v4-xr-case .story{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:26px}
body.ya-case-standard.v4-xr-case .story .callout{grid-column:span 5;font:300 clamp(27px,3.3vw,49px)/1.22 var(--serif)}
body.ya-case-standard.v4-xr-case .story .story-copy{grid-column:span 7;color:var(--muted);font:15px/1.8 var(--sans)}
body.ya-case-standard.v4-xr-case .xr-chapter{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;border-top:1px solid var(--stroke);padding:clamp(58px,7vw,105px) 0}
body.ya-case-standard.v4-xr-case .xr-chapter .xr-index{grid-column:span 2;padding-top:10px}
body.ya-case-standard.v4-xr-case .xr-chapter .xr-main{grid-column:span 10;min-width:0}
body.ya-case-standard.v4-xr-case .xr-chapter h2{font:300 clamp(35px,4.8vw,73px)/1.08 var(--serif);max-width:22ch}
body.ya-case-standard.v4-xr-case .xr-sub{font:15px/1.75 var(--sans);color:var(--muted);max-width:73ch;margin:20px 0}
body.ya-case-standard.v4-xr-case .xr-copy{font:15px/1.85 var(--sans);color:var(--ink);max-width:76ch}
body.ya-case-standard.v4-xr-case .xr-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}
body.ya-case-standard.v4-xr-case .xr-grid-media{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
body.ya-case-standard.v4-xr-case .xr-grid-media img{height:auto;aspect-ratio:16/9;object-fit:contain;background:var(--bg2)}
body.ya-case-standard.v4-xr-case .xr-video-frame{position:relative;aspect-ratio:16/9;overflow:hidden;background:#1b1f20;width:100%}
body.ya-case-standard.v4-xr-case .xr-video-frame iframe{width:100%;height:100%;border:0}
body.ya-case-standard.v4-xr-case .xr-prop-archive,
body.ya-case-standard.v4-xr-case .xr-tram-archive{gap:12px 14px}
body.ya-case-standard.v4-xr-case .xr-prop-archive figcaption,
body.ya-case-standard.v4-xr-case .xr-tram-archive figcaption,
body.ya-case-standard.v4-xr-case .xr-grid-media figcaption{display:none}
body.ya-case-standard.v4-xr-case .xr-prop-archive img,
body.ya-case-standard.v4-xr-case .xr-tram-archive img{border:0;background:#1b1f20}
body.ya-case-standard.v4-xr-case .v3-med-frames,
body.ya-case-standard.v4-xr-case .v3-scene-grid{gap:16px}
body.ya-case-standard.v4-xr-case .v3-med-frames figure img,
body.ya-case-standard.v4-xr-case .v3-scene-grid figure img{border:0;object-fit:contain}
body.ya-case-standard.v4-xr-case .v3-med-frames figcaption{display:none}
body.ya-case-standard.v4-xr-case .end{padding:clamp(60px,7vw,120px) 0}
body.ya-case-standard.v4-xr-case .end h2{font:300 clamp(36px,5vw,72px)/1.05 var(--serif)}
body.ya-case-standard.v4-xr-case .xr-collage-hero img{height:100%;object-fit:cover}
body.ya-case-standard.v4-xr-case .xr-inline-link{text-decoration:none;border-bottom:1px solid var(--accent)}
@media(max-width:900px){
body.ya-case-standard.v4-xr-case .section-head .micro{grid-column:span 12}
body.ya-case-standard.v4-xr-case .section-head h2{grid-column:span 12}
body.ya-case-standard.v4-xr-case .section-head .section-copy{grid-column:span 12}
body.ya-case-standard.v4-xr-case .xr-chapter .xr-index{grid-column:span 12}
body.ya-case-standard.v4-xr-case .xr-chapter .xr-main{grid-column:span 12}
}
@media(max-width:700px){
body.ya-case-standard.v4-xr-case main>header.hero{min-height:650px}
body.ya-case-standard.v4-xr-case .hero h1{font-size:clamp(48px,12vw,78px)}
body.ya-case-standard.v4-xr-case .hero .hero-content{padding-top:190px}
body.ya-case-standard.v4-xr-case .story .callout,
body.ya-case-standard.v4-xr-case .story .story-copy{grid-column:span 12}
body.ya-case-standard.v4-xr-case .xr-two{grid-template-columns:1fr}
body.ya-case-standard.v4-xr-case .xr-prop-archive{grid-template-columns:repeat(2,minmax(0,1fr))}
}