/* ==========================================================================
   HAILIDA - ALTO TOWER skeleton stylesheet.
   A high desert fire watchtower read from the ground up.
   Colors: SAGE NIGHT #232B25 | MOONBEAM #EEF2EA | SAGE SIGNAL #8FA86B |
   TOWER STONE #7E877E | CABIN PANEL #2B342D | LEDGER CREAM #F5F2E6 |
   WELL BLACK #141814.
   Surface imagery only: stone course lines, lamp dots, rail ticks, stair
   treads, shutter slats, hinges, louvres. Skeleton is the law.
   ========================================================================== */

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background: #232B25;
  color: #EEF2EA;
  font-family: Georgia, "Times New Roman", Cambria, serif;
  font-size: 16px;
  line-height: 1.72;
  overflow-x: hidden;
}

a {
  color: #8FA86B;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}
a:hover { color: #F5F2E6; }

/* --------------------------------------------------------------------------
   REVEAL SYSTEM. Default: every reveal element visible (no JS needed).
   main.js adds .js-ready to body; only then does .reveal-hidden apply.
   -------------------------------------------------------------------------- */
.reveal { opacity: 1; }
body.js-ready .reveal-hidden { opacity: 0; }
body.js-ready .reveal-visible { opacity: 1; }
body.js-ready .reveal-visible.reveal-hidden { opacity: 1; }

/* --------------------------------------------------------------------------
   SIGHTING RAIL HEADER (TOWER STONE). Not sticky: it scrolls away.
   Top edge carries a sighting rail: a thin double line with tick marks.
   -------------------------------------------------------------------------- */
.sightingRailHeader {
  background: #7E877E;
  box-shadow: inset 0 -1px 0 #141814;
}

.sightingRailTop {
  height: 7px;
  background: #141814;
  border-bottom: 1px solid #8FA86B;
  position: relative;
  overflow: hidden;
}
.sightingRailTop::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  right: 0;
  height: 1px;
  background: #8FA86B;
}
.sightingRailTick {
  position: absolute;
  top: 0;
  width: 2px;
  height: 7px;
  background: #8FA86B;
  z-index: 2;
}
.sightTk01 { left: 90px; }
.sightTk02 { left: 180px; }
.sightTk03 { left: 270px; }
.sightTk04 { left: 360px; }
.sightTk05 { left: 450px; }
.sightTk06 { left: 540px; }
.sightTk07 { left: 630px; }
.sightTk08 { left: 720px; }
.sightTk09 { left: 810px; }
.sightTk10 { left: 900px; }
.sightTk11 { left: 990px; }
.sightTk12 { left: 1080px; }
.sightTk13 { left: 1170px; }
.sightTk14 { left: 1260px; }

.headerRailInner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 13px 24px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}

.brandPlateCluster {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}

.watchlampGlyph {
  width: 22px;
  height: 22px;
  background: #8FA86B;
  border-radius: 50%;
  position: relative;
  flex: 0 0 auto;
}
.watchlampGlyph::after {
  content: "";
  position: absolute;
  top: -8px;
  left: 5px;
  width: 12px;
  height: 8px;
  background: #2B342D;
  border-radius: 6px 6px 0 0;
}

.brandPlate {
  background: #8FA86B;
  color: #141814;
  font-family: "Trebuchet MS", "Helvetica Neue", Arial, sans-serif;
  font-weight: bold;
  font-size: 20px;
  letter-spacing: 3px;
  padding: 6px 16px;
  border: 1px solid #F5F2E6;
  box-shadow: 2px 2px 0 #141814;
  text-decoration: none;
}

.trailChipDirectory {
  margin-left: auto;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.trailChipLink {
  display: inline-block;
  background: #F5F2E6;
  color: #141814;
  padding: 5px 13px;
  font-family: "Trebuchet MS", Arial, sans-serif;
  font-size: 13px;
  letter-spacing: 1px;
  text-decoration: none;
  border: 1px solid #141814;
}
.trailChipLink:hover { border-color: #141814; background: #EEF2EA; }
.trailChipLinkActive { background: #8FA86B; border-color: #141814; }
.trailChipCta {
  display: inline-block;
  background: #8FA86B;
  color: #141814;
  padding: 6px 15px;
  font-family: "Trebuchet MS", Arial, sans-serif;
  font-weight: bold;
  font-size: 13px;
  letter-spacing: 1px;
  text-decoration: none;
  border: 1px solid #F5F2E6;
  box-shadow: 2px 2px 0 #141814;
}
.trailChipCta:hover { background: #F5F2E6; color: #141814; }

/* --------------------------------------------------------------------------
   WINDING STAIR BAND. Each LEVEL begins with a stepped strip of five
   alternating stone/panel treads that descend rightwards like switchback
   stairs in silhouette, with a sage lamp dot and a riveted level plaque.
   -------------------------------------------------------------------------- */
.levelHeadWrap { position: relative; }
.windingStairBand {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  width: 100%;
}
.windingTread {
  height: 30px;
  position: relative;
}
.windingTreadAlt { height: 26px; }
.windingTreadA { background: #2B342D; }
.windingTreadB { background: #7E877E; }
.windingTreadC { background: #2B342D; }
.windingTreadD { background: #7E877E; }
.windingTreadE { background: #2B342D; }
.windingTreadGap { background: #232B25; }

.stairLampDot {
  position: absolute;
  top: 3px;
  right: 8px;
  width: 9px;
  height: 9px;
  background: #8FA86B;
  border-radius: 50%;
  box-shadow: 0 0 0 2px #141814;
}

.levelPlaque {
  position: absolute;
  left: 20px;
  top: -13px;
  background: #141814;
  border: 1px solid #8FA86B;
  color: #8FA86B;
  font-family: "Trebuchet MS", Arial, sans-serif;
  font-size: 11px;
  letter-spacing: 3px;
  padding: 3px 10px 3px 12px;
  z-index: 3;
  text-decoration: none;
  box-shadow: 0 0 0 1px #141814;
}

/* Level background pans (always class selectors) */
.towerLevelBaseShaft { background: #232B25; }
.towerLevelSashDeck  { background: #232B25; }
.towerLevelSashRun   { background: #222A24; }
.towerLevelSashCab   { background: #202724; }
.secondTowerFooterPrep { background: #202724; }

/* --------------------------------------------------------------------------
   L1 BASE CAMP - tower foot, no image.
   -------------------------------------------------------------------------- */
.baseCampWin {
  max-width: 1080px;
  margin: 0 auto;
  text-align: center;
  padding: 60px 24px 0 24px;
}
.baseCampKicker {
  font-family: "Trebuchet MS", Arial, sans-serif;
  letter-spacing: 5px;
  font-size: 12px;
  color: #8FA86B;
  text-transform: uppercase;
  margin: 0;
}
.baseCampTitle {
  font-size: 54px;
  line-height: 1.14;
  font-weight: normal;
  margin: 14px auto 0 auto;
  max-width: 24ch;
}
.baseCampStandfirst {
  max-width: 57ch;
  margin: 26px auto 0 auto;
  font-size: 18px;
  color: #E7EAE1;
}
.rainGaugeMast {
  margin: 30px auto 0 auto;
  position: relative;
  width: 3px;
  height: 52px;
  background: #8FA86B;
}
.rainGaugeMast::before {
  content: "";
  position: absolute;
  top: -7px;
  left: -10px;
  width: 23px;
  height: 14px;
  background: #8FA86B;
  border-radius: 50%;
}
.rainGaugeMast::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: -6px;
  width: 15px;
  height: 18px;
  background: #EEF2EA;
  border: 2px solid #8FA86B;
  border-radius: 3px;
}

/* SAGE HORIZON RULE: single line with a distant ridge notch */
.horizonSighting {
  margin: 36px auto 0 auto;
  max-width: 880px;
  border-top: 3px solid #7E877E;
  position: relative;
  height: 26px;
}
.horizonSighting::before {
  content: "";
  position: absolute;
  top: -6px;
  left: 15%;
  right: 15%;
  border-top: 4px solid #8FA86B;
}
.horizonRidgeNotch {
  position: absolute;
  top: -2px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 26px solid transparent;
  border-right: 26px solid transparent;
  border-bottom: 18px solid #8FA86B;
  z-index: 2;
}
.horizonRidgeNotch::after {
  content: "";
  position: absolute;
  top: 12px;
  left: -15px;
  right: -15px;
  height: 7px;
  background: #232B25;
}
.selectLeadArrow {
  margin-top: 8px;
  text-align: center;
}
.selectLeadArrow a {
  color: #EEF2EA;
  font-family: "Trebuchet MS", Arial, sans-serif;
  letter-spacing: 5px;
  font-size: 12px;
  text-decoration: none;
}
.selectLeadArrow a:hover { color: #8FA86B; }

/* --------------------------------------------------------------------------
   L2 LOOKOUT DECK - a 3x2 wall of CABIN SHUTTERS (LEDGER CREAM faces,
   sage louvre slats at top, drawn iron hinges).
   -------------------------------------------------------------------------- */
.lookoutDeckWin {
  max-width: 1200px;
  margin: 0 auto;
  padding: 48px 24px 62px 24px;
}
.deckTitle {
  text-align: center;
  font-size: 42px;
  font-weight: normal;
  margin: 0 0 12px 0;
}
.deckTitleRule {
  width: 130px;
  height: 3px;
  background: #8FA86B;
  margin: 0 auto 20px auto;
}
.deckIntro {
  max-width: 62ch;
  margin: 0 auto 44px auto;
  text-align: center;
  font-size: 17px;
  color: #E9ECE4;
}
.cabinShutterGrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.shutterStandalone {
  display: block;
  max-width: 800px;
}
.cabinShutterSeriesTitle { font-size: 24px; }
.cabinShutter {
  background: #F5F2E6;
  color: #141814;
  text-decoration: none;
  position: relative;
  display: block;
  border: 1px solid #141814;
  box-shadow: 9px 9px 0 #161A15;
}
.cabinShutterLouvre {
  height: 36px;
  background: #7E877E;
  border-bottom: 2px solid #141814;
  position: relative;
  overflow: hidden;
}
.cabinShutterLouvre::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 8px;
  height: 11px;
  background: #8FA86B;
}
.cabinShutterLouvre::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 22px;
  height: 9px;
  background: #4E554E;
  box-shadow: 0 6px 0 #5c635c;
}
.cabinShutterIronL {
  position: absolute;
  left: 4px;
  top: 4px;
  bottom: 4px;
  width: 6px;
  background: #141814;
  z-index: 3;
}
.cabinShutterIronR {
  position: absolute;
  right: 4px;
  top: 4px;
  bottom: 4px;
  width: 6px;
  background: #141814;
  z-index: 3;
}
.shutterBodywork {
  padding: 26px 24px 30px 24px;
}
.shutterServiceTitle {
  margin: 0 0 12px 0;
  font-family: "Trebuchet MS", Arial, sans-serif;
  font-weight: bold;
  font-size: 20px;
  line-height: 1.4;
}
.cabinShutter:hover .shutterServiceTitle { color: #5c7437; }
.shutterProse {
  margin: 0;
  font-size: 16px;
  line-height: 1.68;
  color: #28281f;
}
[data-shutter-link] .shutterProse { color: #3a3a2c; }
.shutterTallyLine {
  margin-top: 18px;
  padding-top: 11px;
  border-top: 2px solid #8FA86B;
  font-family: "Trebuchet MS", Arial, sans-serif;
  font-size: 11px;
  letter-spacing: 2px;
  color: #5a5a49;
  text-transform: uppercase;
}

/* --------------------------------------------------------------------------
   L3 THE STAIR RUN
   -------------------------------------------------------------------------- */
.stairRunWind {
  max-width: 1200px;
  margin: 0 auto;
  padding: 48px 24px 30px 24px;
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 52px;
  align-items: start;
}
.stairRunTitle {
  font-size: 38px;
  font-weight: normal;
  margin: 0 0 22px 0;
}
.sashBlockPara {
  max-width: 70ch;
  margin: 0 0 16px 0;
  font-size: 17px;
}
.sashBlockParaLast { margin-bottom: 0; }

.climbAltoSet {
  list-style: none;
  margin: 26px 0 0 0;
  padding: 0;
  border-top: 2px solid #7E877E;
}
.climbAltoStep {
  border-bottom: 2px solid #7E877E;
  padding: 15px 0;
  display: flex;
  gap: 16px;
  align-items: flex-start;
}
.climbAltoStepMark {
  flex: 0 0 auto;
  width: 28px;
  height: 28px;
  background: #141814;
  border: 2px solid #8FA86B;
  border-radius: 50%;
  color: #8FA86B;
  font-family: "Trebuchet MS", Arial, sans-serif;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  margin-top: 3px;
}
.climbAltoStepName {
  color: #8FA86B;
  font-weight: bold;
  font-family: "Trebuchet MS", Arial, sans-serif;
  letter-spacing: 1px;
  display: block;
}
.climbAltoStepDesc {
  margin: 4px 0 0 0;
  font-size: 16px;
}

/* Drawn stair elevation diagram, right hand of the stair run level */
.drawnStairFacing {
  position: relative;
  border: 2px solid #7E877E;
  background: #2B342D;
  min-height: 470px;
  box-shadow: 8px 9px 0 #161A15;
}
.drawnStairShaft {
  position: absolute;
  left: 50%;
  top: 26px;
  bottom: 96px;
  width: 60px;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
}
.drawnShaftRepeater {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.drawnTreadTrod {
  height: 16px;
  background: #141814;
  border-top: 4px solid #8FA86B;
}
.drawnTreadTrod:nth-child(odd) { border-top-color: #F5F2E6; margin-left: 0; }
.drawnTreadTrod:nth-child(even) { margin-left: 30px; }
.drawnLandingDot {
  width: 14px;
  height: 14px;
  background: #8FA86B;
  border-radius: 50%;
  margin: 6px auto;
  box-shadow: 0 0 0 3px #141814;
}
.drawnStairCaption {
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  text-align: center;
  color: #ADB8A8;
  font-family: "Trebuchet MS", Arial, sans-serif;
  letter-spacing: 4px;
  font-size: 12px;
  text-transform: uppercase;
}

/* --------------------------------------------------------------------------
   L4 THE CAB - logbook form + summit register + summit-notes FAQ
   -------------------------------------------------------------------------- */
.theCabWin {
  max-width: 1220px;
  margin: 0 auto;
  padding: 48px 24px 80px 24px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 56px;
  align-items: start;
}
.theCabTitle {
  font-size: 40px;
  font-weight: normal;
  margin: 0 0 16px 0;
}
.theCabLead {
  font-size: 17px;
  max-width: 56ch;
  margin: 0 0 26px 0;
  color: #E9ECE4;
}
.logbookStyleForm {
  background: #F5F2E6;
  color: #141814;
  border: 2px solid #8FA86B;
  padding: 32px 30px 36px 30px;
  box-shadow: 9px 9px 0 #161A15;
  position: relative;
}
.logbookSpineLine {
  border: 0;
  border-top: 1px solid #8FA86B;
  margin: 0 0 22px 0;
}
.logbookFormRow { margin-bottom: 18px; }
.logbookFormRowLabel {
  display: block;
  margin-bottom: 5px;
  font-family: "Trebuchet MS", Arial, sans-serif;
  font-weight: bold;
  font-size: 12px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #3A4233;
}
.logbookFormRowInput {
  width: 100%;
  box-sizing: border-box;
  padding: 9px 11px;
  border: 1px solid #59604d;
  background: #FFFFFF;
  color: #1b2017;
  font-family: Georgia, serif;
  font-size: 16px;
}
.logbookFormRowInput:focus {
  border-color: #141814;
  outline: 2px solid #8FA86B;
  outline-offset: 0;
}
.logbookAreaField { min-height: 132px; resize: vertical; }
.logbookActionRow {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-top: 8px;
  flex-wrap: wrap;
}
.logbookFireButton {
  background: #8FA86B;
  border: 2px solid #141814;
  color: #141814;
  padding: 13px 30px;
  font-family: "Trebuchet MS", Arial, sans-serif;
  font-weight: bold;
  letter-spacing: 1px;
  font-size: 15px;
  cursor: pointer;
  box-shadow: 3px 3px 0 #141814;
}
.logbookFireButton:hover { background: #EEF2EA; }
.logbookNoteSmall {
  font-size: 12px;
  color: #606751;
  font-family: "Trebuchet MS", Arial, sans-serif;
}
.logbookClipFitting {
  position: absolute;
  top: -21px;
  right: 44px;
  width: 18px;
  height: 30px;
  background: #8FA86B;
  border: 2px solid #141814;
  border-top: none;
}

/* Right: summit register plate */
.summitRegisterPlate {
  background: #2B342D;
  border: 2px solid #7E877E;
  color: #EEF2EA;
  padding: 26px 28px 8px 28px;
  box-shadow: 9px 9px 0 #161A15;
  position: relative;
  z-index: 1;
  text-align: left;
}
.summitPlateStamp {
  font-family: "Trebuchet MS", Arial, sans-serif;
  letter-spacing: 4px;
  font-size: 11px;
  color: #8FA86B;
  text-transform: uppercase;
  margin: 0 0 4px 0;
}
.summitRegBrand {
  margin: 0 0 16px 0;
  font-family: "Trebuchet MS", Arial, sans-serif;
  letter-spacing: 2px;
  font-size: 22px;
  color: #F5F2E6;
  border-bottom: 1px solid #7E877E;
  padding-bottom: 14px;
}
.summitRegField { margin-bottom: 18px; }
.summitRegFieldTag {
  font-family: "Trebuchet MS", Arial, sans-serif;
  font-size: 11px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #8FA86B;
  display: block;
  margin-bottom: 3px;
}
.summitRegFieldText {
  margin: 0;
  font-size: 16px;
  line-height: 1.6;
}
.summitRegFieldText a { color: #F5F2E6; text-decoration: none; }
.summitRegFieldText a:hover { color: #8FA86B; }

.summitNotesBlock {
  margin-top: 26px;
  border-top: 1px dashed #7E877E;
  padding-top: 18px;
}
.summitNotesHeading {
  color: #8FA86B;
  font-family: "Trebuchet MS", Arial, sans-serif;
  letter-spacing: 3px;
  font-size: 13px;
  text-transform: uppercase;
  margin: 0 0 16px 0;
}
.summitNoteItem { margin-bottom: 20px; }
.summitNoteItemQ {
  margin: 0 0 5px 0;
  font-weight: bold;
  color: #F5F2E6;
  font-size: 16px;
}
.summitNoteItemA {
  margin: 0;
  font-size: 15px;
  color: #C5D0C0;
  line-height: 1.75;
}

/* Summit notes can also sit at the base of the register */
.summitGlossaryRow { margin-top: 8px; }

/* Plain tower facts with labelled facets used near the summit on pages */
.towerFacetGrid { list-style: none; margin: 0; padding: 0; }
.towerFacetRow { border-bottom: 1px solid #384439; padding: 14px 0; }
.towerFacetRow b { color: #8FA86B; font-family: "Trebuchet MS", Arial, sans-serif; letter-spacing: 1px; }
.towerFacetRow strong span { color: #F5F2E6; }

.footerTextFooterLinksRow {
  max-width: 1200px;
  margin: 0 auto;
  padding: 6px 24px 78px 24px;
}
.footerTextFooterLinksRow a { color: #8FA86B; }

/* A banner of creed lines under hero on secondary pages */
.creedSash {
  max-width: 1100px;
  margin: 0 auto;
  text-align: center;
  padding: 44px 24px 14px 24px;
}
.creedSash h1 {
  font-size: 44px;
  font-weight: normal;
  margin: 10px 0 16px 0;
}
.creedKicker {
  margin: 0;
  color: #8FA86B;
  font-family: "Trebuchet MS", Arial, sans-serif;
  letter-spacing: 4px;
  font-size: 12px;
  text-transform: uppercase;
}
.creedStandfirst { max-width: 64ch; margin: 6px auto 0 auto; font-size: 17px; }
.creedSashRule { width: 170px; height: 3px; background: #8FA86B; margin: 18px auto 0 auto; }

/* extra reading rows that appear inside deck when page longer */
.smallBodyPara {
  max-width: 76ch;
  margin: 24px auto 0 auto;
  font-size: 17px;
  line-height: 1.8;
}
.servicesSmallWrap { padding: 0 24px 40px 24px; }

/* --------------------------------------------------------------------------
   FOOTER / WELL BASE
   -------------------------------------------------------------------------- */
.copingTop {
  height: 16px;
  background: #7E877E;
  border-bottom: 3px solid #8FA86B;
}
.copingTopTicksSep { display: none; }
.wellShaftFooter {
  background: #141814;
  color: #D6DCD0;
  padding-bottom: 44px;
  position: relative;
  z-index: 1;
}
.footerTopLinkCenter {
  padding: 30px 24px 8px 24px;
  text-align: center;
}
.footerCenterLinks {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px 36px;
  font-family: "Trebuchet MS", Arial, sans-serif;
  font-size: 14px;
  letter-spacing: 1px;
}
.footerCenterLinks a { color: #EEF2EA; text-decoration: none; }
.footerCenterLinks a:hover { color: #8FA86B; }
.footLinkCurrent { color: #8FA86B !important; }

.footerBlurb {
  max-width: 780px;
  margin: 14px auto 6px auto;
  text-align: center;
  padding: 0 22px;
  font-size: 15px;
  line-height: 1.9;
  color: #B9C2B6;
}
.footerOrg { color: #8FA86B; font-family: "Trebuchet MS", Arial, sans-serif; letter-spacing: 2px; font-weight: bold; }
.copyrightSmall {
  max-width: 900px;
  margin: 12px auto 0 auto;
  text-align: center;
  font-size: 13px;
  color: #87917F;
  padding: 0 22px;
  font-family: "Trebuchet MS", Arial, sans-serif;
  letter-spacing: 1px;
}

/* --------------------------------------------------------------------------
   SMALL UI
   -------------------------------------------------------------------------- */
.roundGoTop {
  position: fixed;
  right: 22px;
  bottom: 24px;
  width: 46px;
  height: 46px;
  background: #141814;
  border: 2px solid #8FA86B;
  color: #8FA86B;
  border-radius: 50%;
  font-size: 22px;
  line-height: 42px;
  text-align: center;
  text-decoration: none;
  z-index: 120;
  cursor: pointer;
  user-select: none;
}
.roundGoTop:hover { background: #8FA86B; color: #141814; }

/* Round go-to-top knob has two hard visibility states (0 or 1 only).
   The knob is allowed by the skeleton as the single fixed floating control.
   The .knob-lowered state is zero-opacity + hidden; .knob-arisen is full. */
.roundGoTop.knob-lowered { opacity: 0; visibility: hidden; display: none; }
.roundGoTop.knob-arisen { opacity: 1; visibility: visible; display: block; }

[id] { scroll-margin-top: 12px; }

@media screen and (max-width: 940px) {
  .cabinShutterGrid { grid-template-columns: 1fr; }
  .stairRunWind { grid-template-columns: 1fr; }
  .theCabWin { grid-template-columns: 1fr; }
  .baseCampTitle { font-size: 40px; }
  .trailChipDirectory { margin-left: 0; width: 100%; }
}

@media screen and (max-width: 620px) {
  .headerRailInner { flex-direction: column; align-items: stretch; gap: 10px; }
  .baseCampWin, .lookoutDeckWin, .stairRunWind, .theCabWin,
  .creedSash { padding-left: 18px; padding-right: 18px; }
  .brandPlate { font-size: 18px; }
  .cabinShutterGrid { gap: 22px; }
}