/* Operations room: a photographic entrance with ordinary routes underneath. */
:root{--hq-night:#151713;--hq-concrete:#222720;--hq-paper:#eee7d4;--hq-tungsten:#e0bd79;--hq-line:#d6c6a74d}
.hq-welcome{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:14px 4%;background:#20271f;color:#f4eedf}.hq-welcome .hq-kicker{margin:0 0 8px;font-size:9px}.hq-welcome h1{font:600 clamp(28px,2.8vw,38px)/1 var(--display);text-transform:uppercase;margin:0}.hq-latest{display:grid;grid-template-columns:1fr auto;gap:3px 20px;text-decoration:none;border-left:1px solid #dbc38b55;padding-left:25px;max-width:380px}.hq-latest span{font:10px var(--mono);color:#d9bd80;text-transform:uppercase;grid-column:1}.hq-latest strong{font:600 23px/1.15 var(--display)}.hq-latest b{grid-column:2;grid-row:1/3;font-weight:400;align-self:center}.hq-latest:hover{text-decoration:underline}
.hq-hero{height:calc(100svh - var(--map-chrome,160px));min-height:450px;max-height:none;border:0;background:#171c16;color:var(--hq-paper)}
.hq-hero:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,#0f130f33 0%,transparent 23%,transparent 76%,#0f130f66 100%)}
.hq-hero .table-viewport{inset:0}.hq-hero .table-shade{background:none}
.hq-hero .table-photo{filter:brightness(.8) saturate(.72) contrast(1.08)}
.hq-kicker{font:500 10px/1.5 var(--mono);letter-spacing:.22em;color:var(--hq-tungsten);margin:0 0 21px}
.hq-hero .table-instructions{background:#161a16e9;border-color:var(--hq-line)}
.hq-hero .table-instructions p{color:#eee7d4}
.hq-hero .table-tools{background:#161a16eb;border-color:var(--hq-line)}
.hq-mobile-routes{display:none}
.film-card h3 a{text-decoration:none}.film-card h3 a:hover{text-decoration:underline}.film-dossier-link{display:inline-block;margin-top:14px;font-size:13px;font-weight:700;text-underline-offset:3px}
@media(max-width:900px){
  .hq-welcome{padding:24px 5%;display:block}.hq-latest{margin-top:18px;border-left:0;padding-left:0;max-width:none}.hq-welcome h1{font-size:40px}
  .hq-hero{height:auto;min-height:0;max-height:none;padding:0 0 30px;background:radial-gradient(circle at 75% 8%,#4e4b35 0%,#20251e 34%,#141713 75%)}
  .hq-hero:before{background:linear-gradient(180deg,#0000 0%,#0d110da6 100%)}
  .hq-hero .table-viewport,.hq-hero .table-shade,.hq-hero .table-footer,.hq-hero .table-loading{display:none!important}
  .hq-mobile-routes{position:relative;z-index:4;display:grid;gap:8px;padding:20px 5% 0}
  .hq-mobile-routes a{display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px 15px;min-height:77px;padding:12px 16px;background:#343a2b;border:1px solid #d6c6a755;color:#f5edda;text-decoration:none}
  .hq-mobile-routes a:nth-child(even){background:#272d25}
  .hq-mobile-routes a:hover,.hq-mobile-routes a:focus-visible{border-color:var(--hq-tungsten);background:#46503a}
  .hq-mobile-routes span{grid-column:1;font:500 10px/1.2 var(--mono);letter-spacing:.12em;color:var(--hq-tungsten)}
  .hq-mobile-routes strong{grid-column:1;font:600 27px/1 var(--display);text-transform:uppercase}
  .hq-mobile-routes b{grid-column:2;grid-row:1/3;font-size:20px;font-weight:400;color:var(--hq-tungsten)}
}
@media(min-width:601px) and (max-width:900px){.hq-mobile-routes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.hq-mobile-routes a{transition:none}}

/* Open labels keep the photographed objects visible. */
.hq-welcome{background:#211d16}
.hq-hero .field-marker{width:max-content;min-width:120px;height:auto;min-height:64px;border-radius:0;text-decoration:none}
.hq-hero .field-marker .marker-ring{display:none}
.hq-hero .field-marker .marker-caption{position:static;inset:auto;transform:none!important;width:auto;max-width:270px;min-height:64px;display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;pointer-events:auto;text-align:center;padding:9px 16px;background:none;border:0;box-shadow:none;color:#fff5d9;font:700 clamp(28px,2.3vw,42px)/1 var(--display);letter-spacing:.025em;text-transform:uppercase;text-shadow:0 2px 3px #000,0 4px 16px #000,1px 0 2px #000,-1px 0 2px #000;transition:color .18s}
.hq-hero .marker-symbol{width:29px;height:29px;color:#ffcc00;filter:drop-shadow(0 2px 3px #000);flex-shrink:0}
.hq-hero .marker-caption:after{content:"";width:35px;height:3px;background:#ffcc00;box-shadow:0 2px 5px #000;transition:width .18s}
.hq-hero .field-marker:hover .marker-caption,.hq-hero .field-marker:focus-visible .marker-caption{background:none;color:#ffdc4b;border:0}
.hq-hero .field-marker:hover .marker-caption:after,.hq-hero .field-marker:focus-visible .marker-caption:after{width:75px}
.hq-hero .field-marker:focus-visible{outline:2px solid #ffcc00;outline-offset:5px}
.hq-hero .table-instructions{background:none;border:0;box-shadow:none}
.hq-hero .table-instructions>a{font-weight:700;text-shadow:0 2px 4px #000}
@media(max-width:900px){.hq-mobile-routes a,.hq-mobile-routes a:nth-child(even){background:none;border:0;border-bottom:1px solid #d6c6a755;padding-left:0;padding-right:0}.hq-mobile-routes a:hover,.hq-mobile-routes a:focus-visible{background:none;color:#ffdc4b}.hq-mobile-routes strong{font-size:32px}.hq-mobile-routes span,.hq-mobile-routes b{color:#ffcc00}}
@media(prefers-reduced-motion:reduce){.hq-hero .marker-caption,.hq-hero .marker-caption:after{transition:none}}

.hq-hero .field-marker[data-location=supply] .marker-caption{font-size:clamp(38px,3.3vw,60px);color:#ffdc4b}
.hq-hero .field-marker[data-location=supply] .marker-symbol{display:none}
.hq-hero .field-marker[data-location=supply] .marker-caption:after{width:56px}
.hq-hero .field-marker[data-location=supply]:hover .marker-caption:after{width:90px}


/* The buried helmet and SHOP belong to one keyboard-accessible destination. */
.hq-hero .marker-shop-prop{position:absolute;left:50%;bottom:calc(100% - 42px);transform:translateX(-50%);width:var(--shop-prop-width,190px);mask-image:linear-gradient(to bottom,#000 0%,#000 80%,transparent 100%);height:auto;max-width:none;user-select:none;filter:brightness(.8) saturate(.72) contrast(1.08) drop-shadow(5px 8px 5px #18120b66);transition:filter .18s}
.hq-hero .field-marker[data-location=supply]:hover .marker-shop-prop,.hq-hero .field-marker[data-location=supply]:focus-visible .marker-shop-prop{filter:brightness(.92) saturate(.78) contrast(1.08) drop-shadow(5px 8px 5px #18120b66)}
.image-unavailable .marker-shop-prop{display:none}
@media(prefers-reduced-motion:reduce){.hq-hero .marker-shop-prop{transition:none}}