/* Hallmark · built: the project · redesign: polish · scope: requested spacing and boss showcase · theme: existing Before We Turn brand */
/* Hallmark · pre-emit critique: P4 H4 E4 S5 R4 V4 · weakest: restraint, capped the oversized boss artwork and removed redundant navigation. */
:root{--page-measure:1200px;--section-space:48px;--column-gap:40px}
h1,h2,h3{text-wrap:balance}
.expedition,.loot-section,.boss-section,.contracts-section,.camp-story,.faq-section,.join{padding-block:var(--section-space);padding-inline:max(24px,calc((100% - var(--page-measure))/2));gap:var(--column-gap)}
.topbar,footer{padding-inline:max(24px,calc((100% - var(--page-measure))/2))}
.section-top{margin-bottom:28px}.expedition-grid{gap:var(--column-gap)}
.loot-section{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}
#weapon-preview{max-width:480px;justify-self:end;padding:24px}
#specimen-image{height:170px;margin-block:0 12px}
#specimen-name{font-size:34px}#specimen-lore{min-height:0;margin-block:12px}
.weapon-stats{margin-top:16px}.weapon-stats>div{padding-block:8px}
.weapon-stats dd{font-size:25px}.sample-note{margin-top:12px}
.boss-intro{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px var(--column-gap)}
.boss-intro h2{font-size:clamp(34px,3.3vw,46px)}
.boss-intro .eyebrow{display:none}.boss-tabs{margin-top:24px}
.boss-tabs button{font-size:20px;min-height:44px;min-width:140px;padding:8px 20px}
.boss-card{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
.boss-art{align-content:center;min-width:0;overflow:clip}
.boss-art img,.boss-art video{width:100%;height:100%;max-height:380px;aspect-ratio:4/3;object-fit:cover;display:block;image-rendering:pixelated}
.boss-art video{position:absolute;inset:0;margin:auto;opacity:0;pointer-events:none}
.boss-art video.is-playing{opacity:1}
.boss-details{padding:24px 28px}.boss-details>.eyebrow{display:none}
.boss-details h3{font-size:32px;margin:0 0 12px}
.boss-details>p:not(.eyebrow){font-size:16px;line-height:1.5}
.boss-details ul{margin:14px 0}.boss-details li{padding:7px 0;font-size:16px}
.boss-location{font:14px/1.4 var(--font-body);letter-spacing:0;text-transform:none;left:16px;bottom:16px;background:var(--color-paper);padding:4px 8px}
.boss-motion{position:absolute;right:16px;bottom:16px;min-height:36px;padding:4px 10px;border:1px solid var(--color-rule);background:var(--color-paper);color:var(--color-ink);font:14px/1.4 var(--font-body)}
.boss-motion:hover{border-color:var(--color-accent);color:var(--color-accent)}
.boss-motion:active{transform:translateY(1px)}
.boss-motion:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}
.camp-story h2{font-size:clamp(34px,3.3vw,46px);margin-top:12px}
.camp-promises{margin-top:24px;gap:var(--column-gap)}
.camp-promises article{padding-top:16px}.camp-promises h3{font-size:27px}.camp-promises p{font-size:17px}
.contracts-section{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.contracts-section h2,.loot-copy h2,.faq-section h2,.join h2{font-size:clamp(34px,3.3vw,46px)}
.contract-list article{padding-block:16px}.steam-coming{margin-top:28px;padding-top:24px}.steam-price{font-variant-numeric:tabular-nums}
@media(max-width:700px){
 :root{--section-space:32px;--column-gap:24px}
 .boss-intro,.boss-card,.loot-section,.contracts-section{grid-template-columns:minmax(0,1fr)}
 #weapon-preview{max-width:none;justify-self:stretch}
 .boss-art img,.boss-art video{max-height:260px;object-fit:contain}
 .boss-art{min-height:230px}.boss-details{padding:20px}.boss-details h3{font-size:29px}
 .boss-tabs button{min-width:0;flex:1}.camp-promises{gap:20px}
 .boss-intro>p:last-child{margin:0}.topbar .header-logo{width:145px}
}
@media(prefers-reduced-motion:reduce){.boss-art video{display:none}}
.motion-static .boss-art video{display:none}

/* Footer594: predictable columns, then one centered mobile stack. */
footer{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px 24px}
footer>*{min-width:0;max-width:100%}
footer>p{text-align:center}
footer>small{text-align:right;overflow-wrap:anywhere;line-height:1.6}
@media(max-width:700px){
 footer{grid-template-columns:minmax(0,1fr);justify-items:center;gap:12px;padding-block:24px}
 footer .footer-logo{width:min(190px,100%);margin-bottom:4px}
 footer>p,footer>small{text-align:center}
}