/* ==== /go-bag/ page (site v9.2; owner feedback on 62b30dc, Oct 25, 2026) ====
   The hero carries the sling mark (mark.css); what's included runs in the home page's split panel (split-areas.css, loaded as is,
   driven by gobag-split.js) with three hairline drawings; then the sign-up call to action and The Full Protocol Series.
   Classes only, no inline styles. */
/* tokens the split panel uses that the subpage sheet does not define (same values as home style.css) */
:root{--panel:rgba(13,24,41,.62);--panel-solid:rgba(13,24,41,.86);--shadow-panel:0 40px 90px -40px rgba(2,5,10,.75),0 1px 0 rgba(243,238,228,.04) inset;
  --t-reveal:1.1s;--stagger:.11s}
/* hero: copy | mark (the service pages' two-column header, with the sling in place of the accent drawing) */
.gb-head .sp-head-grid{grid-template-columns:minmax(0,1fr) clamp(260px,28vw,400px);align-items:center}
.gb-hero-mark{width:100%}
/* the split frame's gold corners (home style.css "shared patterns") */
.gb-split .corner{position:absolute;width:14px;height:14px;border-color:var(--gold);border-style:solid;border-width:0;pointer-events:none}
.gb-split .corner.tl{top:-1px;left:-1px;border-top-width:1px;border-left-width:1px}
.gb-split .corner.tr{top:-1px;right:-1px;border-top-width:1px;border-right-width:1px}
.gb-split .corner.bl{bottom:-1px;left:-1px;border-bottom-width:1px;border-left-width:1px}
.gb-split .corner.br{bottom:-1px;right:-1px;border-bottom-width:1px;border-right-width:1px}
.gb-inside{padding-top:clamp(24px,4vh,48px)}
.gb-inside>.sp-wrap .sp-label{margin:0}
/* areas: copy | drawing, alternating (the home areas' label / headline / caps line, sized for the longer names) */
.gba{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(32px,4vw,72px);align-items:center}
.gba.d1{--d:1}.gba.d2{--d:2}
.gba-copy{position:relative;z-index:1;min-width:0}
.gba-label{display:flex;align-items:center;gap:16px;margin:0 0 var(--s5);font-size:var(--fs-caps);font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-2)}
.gba-label::after{content:"";width:48px;height:1px;background:var(--gold)}
/* v9.2: 2.5vw so 'Emergency Contact List' fits the copy column (28.5vw) and the Field Sheets heading holds two lines on desktop */
.gba-h{font-family:var(--disp);font-weight:400;font-size:clamp(29px,2.5vw,40px);line-height:1.1;letter-spacing:-.01em;margin:0 0 var(--s5);color:var(--ink);text-wrap:balance}
.gba-line{margin:0 0 var(--s5);font-size:12px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
.gba-w{white-space:nowrap}
.gba-line .dot{display:inline-block;margin:0 .7em;color:var(--gold)}
.gba-d{margin:0;max-width:34em;font-size:15.5px;line-height:1.65;color:var(--ink-2)}
.gba-d+.gba-d{margin-top:var(--s4)}
.gba-d strong{font-weight:600;color:var(--ink)}
.gba-vis{margin:0;min-width:0}
.gba-vis .mk{width:100%;max-width:600px;margin:0 auto}
@media (min-width:1024px){
  .areas-stack>.gba-l{grid-template-columns:var(--sa-copy) minmax(0,1fr)}
  .areas-stack>.gba-r{grid-template-columns:minmax(0,1fr) var(--sa-copy)}
  .sa-pin .areas-stack>.gba-r{padding-right:clamp(72px,5.6vw,88px)}
}
@media (max-width:1023px){
  .areas-stack .gba-vis{order:-1}
}
/* sign-up call to action: the button loads the newsletter platform's form in place (gobag.js) */
.gb-load{min-width:min(100%,300px)}
/* The Full Protocol Series (03-05) */
.gb-series .sp-label{margin-bottom:var(--s4)}
.gb-series-p{margin:0 0 var(--s6);max-width:40em;font-size:15.5px;line-height:1.65;color:var(--ink-2)}
@media (max-width:900px){
  .gb-head .sp-head-grid{grid-template-columns:1fr}
  .gb-hero-mark{order:-1;width:clamp(180px,52vw,260px);margin:0 0 var(--s6)}
}
/* panel headline glow word (owner, on e53920b): the same pw-bulb turn-on as the home headlines and the home Go-Bag lockup
   (fx-filament keyframes in sub.css, 1.6 s, .15 s delay). Scoped to the panel (.gba), not html.fx-in (the hero's): mark-trace.js
   arms each panel (.fx-armed: JS on, motion allowed) and adds .fx-in at 60% of that panel's drawing trace, so the word turns on as
   the line finishes; reactivating a pinned panel dims and replays it. No JS / reduced motion: the settled glow. */
.gba-lit.pw-bulb{color:#fff6e3;text-shadow:0 0 1px #fff0cc,0 0 2px #e6cf9c,0 0 4px #c6a568,0 0 9px rgba(222,168,80,.45),0 0 16px rgba(222,168,80,.14)}
.gba.fx-armed:not(.fx-in) .gba-lit.pw-bulb{color:#c6a568;text-shadow:0 0 1px rgba(198,165,104,.4)}
.gba.fx-in .gba-lit.pw-bulb{animation:fx-filament 1.6s cubic-bezier(.3,0,.2,1) .15s both}
@media (prefers-reduced-motion:reduce){.gba.fx-in .gba-lit.pw-bulb{animation:none}}