/* Real game scenes and journal pages stay uncropped, with a full-size link. */
.camp-showcase{padding-top:88px;padding-bottom:64px}
.showcase-heading{display:grid;grid-template-columns:1.45fr 1fr;align-items:end;gap:80px;margin-bottom:48px}
.showcase-heading h2{font-size:clamp(2.2rem,3.3vw,3.55rem);margin:0}
.showcase-heading>p{font-size:16px;color:var(--muted);line-height:1.8;max-width:380px;margin:0 0 4px}
.showcase-chapter{padding:34px;margin:0 0 32px;border:1px solid #82996f50;border-radius:12px;background:linear-gradient(130deg,#1d3c32,#102c2c 70%);position:relative;overflow:hidden}
.showcase-cooking{border-color:#bba16475;background:linear-gradient(135deg,#313d29,#17342d 45%,#112c2c)}
.showcase-fishing{background:linear-gradient(135deg,#123b42,#173831 75%);border-color:#609ca070}
.chapter-heading{display:flex;gap:18px;align-items:flex-start;margin-bottom:26px}
.chapter-icon{display:grid;place-items:center;border:1px solid #b6c69560;color:var(--gold);background:#d8cc8320;border-radius:12px;width:49px;height:49px;flex-shrink:0}
.chapter-icon .icon{width:26px;height:26px}
.chapter-heading .eyebrow{font-size:9px;letter-spacing:1.7px;margin:0 0 10px}
.chapter-heading h3{font-size:clamp(1.6rem,2.5vw,2.25rem);margin:0 0 10px;line-height:1.15}
.chapter-heading p:last-child{color:#c0d0bd;font-size:14px;line-height:1.6;margin:0}
.showcase-pair{display:grid;grid-template-columns:1.32fr 1fr;gap:22px;align-items:center}
.showcase-shot{min-width:0;margin:0;border:1px solid #aab78d70;overflow:hidden;border-radius:7px;background:#0b2022;box-shadow:0 7px 24px #00131150}
.showcase-shot>a{display:block;line-height:0;background:#091e20}
.showcase-shot picture,.showcase-shot img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
.showcase-shot>a:focus-visible{outline-offset:-4px;position:relative;z-index:1}
.showcase-shot figcaption{padding:13px 15px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #8f9f7935;font-size:11px;color:#dbe4c9;line-height:1.5;background:#18342e}
.showcase-shot figcaption>span:first-child{display:flex;align-items:center;gap:8px}
.showcase-shot figcaption .icon{width:15px;height:15px;color:var(--gold)}
.shot-expand{color:#acc1b4;font-size:10px;white-space:nowrap}
.showcase-journal{border-color:#d2bc7a90;box-shadow:0 7px 24px #00131150,0 0 24px #cfa94b09}
.showcase-gathering{display:grid;grid-template-columns:.65fr 1.35fr;align-items:center;gap:36px;background:linear-gradient(125deg,#152e34,#122d31 65%);border-color:#87a29b60}
.gathering-story .chapter-icon{margin-bottom:24px}
.gathering-story .eyebrow{font-size:9px;letter-spacing:1.4px;line-height:1.8;margin-bottom:16px}
.gathering-story h3{font-size:clamp(1.7rem,2.4vw,2.3rem);margin-bottom:19px;line-height:1.13}
.gathering-story>p:not(.eyebrow){font-size:14px;line-height:1.85;color:#bbd0c5;margin-bottom:24px}
.gathering-tag{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #a8ba8570;border-radius:5px;color:#dce9bc;background:#56794520;font-size:11px}
.gathering-tag .icon{width:16px;height:16px;color:var(--gold)}
.showcase-note{font-size:11px;color:#9eb6aa;text-align:center;line-height:1.8;margin:8px 0 0}
@media(max-width:1100px){
  .showcase-heading{gap:42px}
  .showcase-chapter{padding:27px}
  .showcase-pair{gap:17px}
  .showcase-gathering{gap:25px;grid-template-columns:.75fr 1.25fr}
  .shot-expand{display:none}
}
@media(max-width:850px){
  .camp-showcase{padding-top:62px;padding-bottom:42px}
  .showcase-heading{grid-template-columns:1fr;gap:22px;margin-bottom:31px}
  .showcase-heading>p{max-width:590px;font-size:15px}
  .showcase-heading h2{font-size:38px}
  .showcase-chapter{padding:24px}
  .chapter-heading h3{font-size:27px}
  .showcase-pair{grid-template-columns:1fr;gap:19px}
  .showcase-shot figcaption{padding:13px 15px;font-size:12px}
  .showcase-shot .shot-expand{display:inline;font-size:10px}
  .showcase-gathering{grid-template-columns:1fr;gap:25px}
  .gathering-story .chapter-icon{float:left;margin:0 17px 10px 0}
  .gathering-story h3{font-size:29px}
  .gathering-story h3 br{display:none}
  .gathering-story .eyebrow{margin-bottom:10px}
  .gathering-story>p:not(.eyebrow){clear:both;margin-bottom:16px;max-width:600px}
}
@media(max-width:580px){
  .camp-showcase{padding-top:46px;padding-bottom:38px}
  .showcase-heading h2{font-size:33px}
  .showcase-heading .eyebrow{font-size:8px;letter-spacing:1.5px}
  .showcase-chapter{padding:18px;margin-bottom:24px;border-radius:8px}
  .chapter-heading{gap:12px;margin-bottom:20px}
  .chapter-icon{width:39px;height:39px;border-radius:9px}
  .chapter-icon .icon{width:22px;height:22px}
  .chapter-heading .eyebrow{font-size:8px;letter-spacing:1.2px;line-height:1.7}
  .chapter-heading h3{font-size:24px;line-height:1.18}
  .chapter-heading p:last-child{font-size:13px}
  .showcase-shot figcaption{font-size:10px;padding:11px 10px;gap:7px}
  .showcase-shot figcaption>span:first-child{gap:6px}
  .showcase-shot .shot-expand{font-size:8px}
  .showcase-shot figcaption .icon{width:13px;height:13px}
  .gathering-story h3{font-size:26px}
  .gathering-story>p:not(.eyebrow){font-size:13px}
  .showcase-note{text-align:left;font-size:10px}
}