/* Ironkeep
   Vernacular: yard signage, container doors, site plans. Big Shoulders Display (industrial signage, Chicago wayfinding) for headings,
   Atkinson Hyperlegible for text and data. Container green with signal yellow used only for action and "featured". Galvanised greys.
   Each type of space has its own colour, used as a small swatch, never a fill. Photography in full colour, edge to edge. */
:root{
  --paper:#fff; --steel:#EEF1ED; --steel2:#E1E6E0; --rule:#D3D9D2; --ink:#161B18; --muted:#58625C;
  --green:#1F3A2B; --green2:#2B5240; --yellow:#F2B300; --yellow2:#FFC72C; --cream:#FFF8E1;
  --t-container:#2E6B4A; --t-yard:#8A7A5C; --t-lockup:#3D5A73; --t-workshop:#C27C12; --t-selfstore:#A3452A;
  --head:"Big Shoulders Display","Arial Narrow",Impact,sans-serif;
  --body:"Atkinson Hyperlegible",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --gut:clamp(16px,3.4vw,48px); --max:1360px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.55 var(--body);-webkit-font-smoothing:antialiased}
a{color:inherit}
img{display:block;max-width:100%}
h1,h2,h3{font-family:var(--head);font-weight:800;letter-spacing:.005em;line-height:.95;margin:0;text-wrap:balance}
.gut{padding-left:max(var(--gut),calc((100% - var(--max))/2));padding-right:max(var(--gut),calc((100% - var(--max))/2))}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:100;background:var(--paper);padding:8px 12px}
:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}
.muted{color:var(--muted)}.small{font-size:14px}
.ico{width:20px;height:20px;flex:none}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* header */
.top{position:sticky;top:0;z-index:50;background:var(--paper);border-bottom:1px solid var(--rule)}
.top .in{display:flex;align-items:center;height:66px;gap:22px}
.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;white-space:nowrap}
.lw{font:900 30px/1 var(--head);letter-spacing:.01em}
.lw em{font-style:normal;color:var(--yellow);margin:0 1px;-webkit-text-stroke:.5px var(--ink)}
.mk{display:grid;gap:3px;width:24px}
.mk i{display:block;height:5px;background:var(--green)}
.mk i:nth-child(2){width:70%;background:var(--yellow)}.mk i:nth-child(3){width:85%}
.nav{display:flex;gap:2px;margin:0 auto 0 8px}
.nav a{display:inline-flex;align-items:center;gap:7px;text-decoration:none;font-weight:700;font-size:15px;padding:8px 10px;border-radius:3px;white-space:nowrap}
.nav a:hover{background:var(--steel)}
.nav a[aria-current]{box-shadow:inset 0 -3px 0 var(--ink)}
.sw{display:inline-block;width:9px;height:9px}
.t-container .sw{background:var(--t-container)}.t-yard .sw{background:var(--t-yard)}.t-lockup .sw{background:var(--t-lockup)}.t-workshop .sw{background:var(--t-workshop)}.t-selfstore .sw{background:var(--t-selfstore)}
.tools{display:flex;align-items:center;gap:10px;margin-left:auto}
.sbox{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--muted);padding:9px 14px;border-radius:3px;background:var(--steel);min-width:200px}
.sbox em{font-style:normal}.sbox:hover{background:var(--steel2);color:var(--ink)}
.burger{display:none;border:0;background:none;padding:8px;cursor:pointer;color:var(--ink)}
.mnav{border-top:1px solid var(--rule);padding-top:8px;padding-bottom:20px;background:var(--paper)}
.mnav a{display:flex;align-items:center;gap:10px;font:800 26px/1.2 var(--head);padding:10px 0;text-decoration:none;border-bottom:1px solid var(--steel2)}
.mnav .sw{width:12px;height:12px}
@media (max-width:1180px){.nav{display:none}.burger{display:block}}
@media (max-width:700px){.top .hide-s{display:none}.sbox{min-width:0;padding:10px}.sbox em{display:none}.lw{font-size:26px}.top .in{gap:10px}}
@media (min-width:1181px){.mnav{display:none!important}}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:700 16px/1 var(--body);text-decoration:none;border:0;border-radius:3px;padding:14px 22px;cursor:pointer;background:var(--green);color:#fff;white-space:nowrap}
.btn:hover{background:var(--green2)}
.btn.sm{padding:10px 14px;font-size:15px}
.btn.ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--rule)}.btn.ghost:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}
.btn.line{background:var(--paper);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}.btn.line:hover{background:var(--steel)}
.btn.yel{background:var(--yellow);color:var(--ink)}.btn.yel:hover{background:var(--yellow2)}
.btn.line-l{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.7)}.btn.line-l:hover{box-shadow:inset 0 0 0 1.5px #fff}
.btn.full{width:100%;padding:16px 20px}

/* search form */
.find{display:flex;align-items:stretch;background:var(--paper);border:2px solid var(--ink);border-radius:4px;max-width:720px;overflow:hidden}
.find select{border:0;background:var(--paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23161B18' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 12px center;
  appearance:none;font:700 16px var(--body);color:var(--ink);padding:0 34px 0 16px;min-width:0;max-width:44%}
.find .div{width:1px;background:var(--rule);margin:10px 0}
.find input{flex:1;min-width:0;border:0;font:400 17px var(--body);padding:14px 14px;color:var(--ink);background:transparent}
.find input:focus,.find select:focus{outline:none}
.find:focus-within{box-shadow:0 0 0 3px var(--yellow)}
.find button{display:flex;align-items:center;gap:8px;border:0;background:var(--yellow);color:var(--ink);font:700 16px var(--body);padding:0 20px;cursor:pointer}
.find button:hover{background:var(--yellow2)}
.find.big input{padding:18px 16px;font-size:18px}.find.big button{padding:0 26px;font-size:17px}
@media (max-width:600px){.find{flex-wrap:wrap}.find select{max-width:none;flex:1 1 100%;padding:12px 34px 12px 14px;border-bottom:1px solid var(--rule)}.find .div{display:none}.find button span{display:none}.find button{padding:0 16px}}
.nearlink{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-weight:700;color:#fff;text-underline-offset:4px}
.nearlink.dark{color:var(--ink)}

/* home hero */
.hero{position:relative;min-height:min(84vh,760px);display:flex;align-items:flex-end;color:#fff;background:var(--green);overflow:hidden}
.hero>img,.phero>img,.band>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,22,17,.86) 0%,rgba(14,22,17,.55) 48%,rgba(14,22,17,.05) 80%),linear-gradient(0deg,rgba(14,22,17,.5),transparent 40%)}
.hero .copy{position:relative;z-index:2;width:100%;padding-top:80px;padding-bottom:clamp(40px,7vw,88px)}
.hero h1{font-size:clamp(56px,9.5vw,138px);font-weight:900;max-width:9.5em;line-height:.88}
.kick{display:inline-block;font-weight:700;font-size:15px;background:var(--yellow);color:var(--ink);padding:4px 10px;margin:0 0 18px;border-radius:2px}
.lede{font-size:clamp(17px,1.5vw,20px);max-width:36em;margin:20px 0 26px;color:#E7ECE8}
@media (max-width:700px){.hero{min-height:0}.hero .copy{padding-top:120px}}

/* page heads */
.phero{position:relative;color:#fff;background:var(--green);overflow:hidden}
.phero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,22,17,.85),rgba(14,22,17,.5) 55%,rgba(14,22,17,.15))}
.phero .copy{position:relative;z-index:2;padding-top:26px;padding-bottom:clamp(34px,5vw,60px)}
.phero h1{font-size:clamp(50px,7.5vw,104px);font-weight:900;margin-top:clamp(28px,6vw,72px);max-width:12em}
.phero p{max-width:40em;margin:14px 0 22px;font-size:18px;color:#E7ECE8}
.phero .crumbs,.phero .crumbs a{color:#D6DED8}
.phead{padding-top:20px;padding-bottom:8px}
.phead h1{font-size:clamp(44px,6vw,84px);font-weight:900;margin-top:18px;max-width:14em}
.phead p{color:var(--muted);font-size:19px;margin:12px 0 0;max-width:44em}
.crumbs{font-size:14px;color:var(--muted);padding-top:16px}
.crumbs a{text-underline-offset:3px}
.crumbs i{font-style:normal;margin:0 7px;opacity:.6}

/* sections */
.sec{margin-top:clamp(52px,6.5vw,92px)}
.sh{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:8px 20px;margin-bottom:18px;padding-bottom:10px;border-bottom:3px solid var(--ink)}
.sh h2{font-size:clamp(34px,3.6vw,52px)}
.shr{display:flex;align-items:center;gap:18px}
.more{font-weight:700;text-underline-offset:4px;white-space:nowrap}
.h2s{font-size:30px;margin:38px 0 12px}
.arrows{display:flex;gap:8px}
.arrows button{width:42px;height:42px;border-radius:3px;border:1.5px solid var(--rule);background:var(--paper);cursor:pointer;display:grid;place-items:center;color:var(--ink)}
.arrows button:hover{border-color:var(--ink)}
@media (max-width:760px){.arrows{display:none}}

/* type tiles */
.tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
@media (max-width:1000px){.tiles{grid-template-columns:repeat(3,1fr)}}
@media (max-width:600px){.tiles{grid-template-columns:repeat(2,1fr)}}
.tile{position:relative;display:block;text-decoration:none;color:#fff;overflow:hidden;background:var(--green)}
.tile img{width:100%;height:auto;aspect-ratio:4/4.6;object-fit:cover;transition:transform .4s}
.tile:hover img{transform:scale(1.04)}
.tile::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(14,22,17,.85),rgba(14,22,17,0) 55%)}
.tile .tt{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:16px 16px 14px;border-top:6px solid var(--c,var(--yellow))}
.tile b{display:block;font:900 clamp(26px,2.4vw,34px)/.95 var(--head)}
.tile small{display:block;font-weight:700;margin-top:6px;color:#E7ECE8}
.tile.t-container{--c:var(--t-container)}.tile.t-yard{--c:var(--t-yard)}.tile.t-lockup{--c:var(--t-lockup)}.tile.t-workshop{--c:var(--t-workshop)}.tile.t-selfstore{--c:var(--t-selfstore)}
.tile .tt{border-top-color:var(--c)}

/* cards */
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 14px}
@media (max-width:1100px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 10px}}
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:min(78vw,320px);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}
.rail::-webkit-scrollbar{display:none}.rail>*{scroll-snap-align:start}
.card{display:block;text-decoration:none;min-width:0}
.card .im{position:relative;background:var(--steel);overflow:hidden}
.card img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.card .im::after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:var(--c,var(--rule))}
.card.t-container{--c:var(--t-container)}.card.t-yard{--c:var(--t-yard)}.card.t-lockup{--c:var(--t-lockup)}.card.t-workshop{--c:var(--t-workshop)}.card.t-selfstore{--c:var(--t-selfstore)}
.card .tx{padding:12px 2px 0}
.card .dt{font-size:14px;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums}
.card h3{font:800 24px/1.02 var(--head);margin:4px 0 0}
.card:hover h3{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
.card .loc{margin:3px 0 8px;color:var(--muted);font-size:15px}
.card .pr{margin:8px 0 0;font-weight:700;font-size:15px}
.card .pr small{font-weight:400;color:var(--muted)}
.flag{position:absolute;left:10px;top:10px;background:var(--yellow);color:var(--ink);font-weight:700;font-size:13px;padding:4px 9px;border-radius:2px;z-index:2}
.card.is-feat .im{box-shadow:inset 0 0 0 4px var(--yellow)}
.tags{display:flex;flex-wrap:wrap;gap:5px;list-style:none;margin:0;padding:0}
.tags li{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;padding:3px 8px 3px 6px;background:var(--steel);border-radius:2px;white-space:nowrap}
.tags li::before{content:"";width:8px;height:8px;background:var(--rule)}
.tags .t-container::before{background:var(--t-container)}.tags .t-yard::before{background:var(--t-yard)}.tags .t-lockup::before{background:var(--t-lockup)}.tags .t-workshop::before{background:var(--t-workshop)}.tags .t-selfstore::before{background:var(--t-selfstore)}
.empty{padding:36px 0;color:var(--muted)}

/* filter pills */
.frow{display:flex;gap:8px;margin:20px 0 22px;overflow-x:auto;scrollbar-width:none}
.frow::-webkit-scrollbar{display:none}
.frow.wrap{flex-wrap:wrap;overflow:visible;margin:8px 0 18px}
.pill{flex:none;display:inline-flex;align-items:center;gap:6px;font:700 15px var(--body);color:var(--ink);background:var(--paper);border:1.5px solid var(--rule);border-radius:3px;padding:9px 14px;cursor:pointer;text-decoration:none}
.pill:hover{border-color:var(--ink)}
.pill.on,.pill[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.pill .ico{width:16px;height:16px}

/* index of towns / links */
.towns{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:0 28px}
.towns a{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:11px 0;border-bottom:1px solid var(--rule);text-decoration:none;font-weight:700}
.towns a small{color:var(--muted);font-weight:400;font-variant-numeric:tabular-nums}
.towns a:hover span{text-decoration:underline;text-underline-offset:4px}
.towns.tight{margin:22px 0 26px}
.az{margin-top:34px}.az h2{font-size:40px;border-bottom:3px solid var(--ink);padding-bottom:6px;margin-bottom:4px}

/* facts strip */
.facts3{display:grid;grid-template-columns:repeat(3,1fr);border-top:3px solid var(--ink);border-bottom:1px solid var(--rule)}
.facts3 div{padding:22px 20px 22px 0}
.facts3 div+div{padding-left:20px;border-left:1px solid var(--rule)}
.facts3 b{display:block;font:900 clamp(46px,5vw,72px)/.9 var(--head);font-variant-numeric:tabular-nums}
.facts3 span{display:block;color:var(--muted);margin-top:8px;max-width:22em}
@media (max-width:760px){.facts3{grid-template-columns:1fr}.facts3 div+div{padding-left:0;border-left:0;border-top:1px solid var(--rule)}}

/* operator band */
.band{position:relative;color:#fff;background:var(--green);margin-top:clamp(64px,8vw,110px);overflow:hidden}
.band::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,38,28,.94),rgba(20,38,28,.78) 60%,rgba(20,38,28,.5))}
.band .in{position:relative;z-index:2;display:grid;gap:24px;padding-top:clamp(48px,6vw,80px);padding-bottom:clamp(48px,6vw,80px);align-items:center}
@media (min-width:960px){.band .in{grid-template-columns:1.3fr auto}}
.band h2{font-size:clamp(40px,5vw,72px);font-weight:900;max-width:11em}
.band p{color:#DCE5DF;max-width:38em;margin:14px 0 0}
.acts{display:flex;gap:10px;flex-wrap:wrap}
.band+footer,.band+section+footer{margin-top:0}

/* guides */
.gd{display:grid;grid-template-columns:repeat(2,1fr);gap:36px 22px}
@media (max-width:760px){.gd{grid-template-columns:1fr}}
.gcard{display:block;text-decoration:none}
.gcard img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:var(--steel)}
.gcard b{display:block;font:800 30px/1 var(--head);margin-top:14px}
.gcard p{margin:8px 0 0;color:var(--muted)}
.gcard:hover b{text-decoration:underline;text-underline-offset:4px}
.artwrap{display:grid;gap:32px;padding-top:28px}
@media (min-width:1000px){.artwrap{grid-template-columns:minmax(0,1fr) 340px;gap:64px}.aside{position:sticky;top:86px;align-self:start}}

/* prose */
.prose{max-width:720px;font-size:18px;line-height:1.7;padding-top:8px}
.prose h2{font-size:38px;margin:40px 0 10px}
.prose p,.prose ul{margin:0 0 18px}
.prose li{margin-bottom:6px}
.prose a:not(.btn){text-underline-offset:3px;font-weight:700}
.cols2{display:grid;gap:28px 64px}
@media (min-width:1000px){.cols2{grid-template-columns:1.1fr 1fr}}
.cols2 .prose h2:first-child{margin-top:0}
.cols2 .h2s{margin-top:0}
.faq details{border-bottom:1px solid var(--rule)}
.faq details:first-child{border-top:3px solid var(--ink)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;padding:16px 0;font-weight:700;font-size:18px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:400 26px/1 var(--body);color:var(--muted)}
.faq details[open] summary::after{content:"\2013"}
.faq .body p{margin:0 0 16px;color:var(--muted)}
.faq .body a{color:var(--ink)}
.tablewrap{overflow-x:auto;margin:6px 0 22px}
.tbl{width:100%;border-collapse:collapse;font-size:15px;min-width:560px}
.tbl th{text-align:left;font-size:13px;color:var(--muted);font-weight:700;padding:8px 10px 8px 0;border-bottom:2px solid var(--ink)}
.tbl td{padding:10px 10px 10px 0;border-bottom:1px solid var(--rule);font-variant-numeric:tabular-nums;vertical-align:top}

/* site page */
.pdp{display:grid;gap:30px;padding-top:16px}
@media (min-width:1000px){.pdp{grid-template-columns:minmax(0,1fr) 360px;gap:60px}.side{position:sticky;top:86px;align-self:start}}
.pdp .pic{position:relative;margin-bottom:20px}
.pdp .pic img{width:100%;height:auto;aspect-ratio:5/3;object-fit:cover;background:var(--steel)}
.pdp h1{font-size:clamp(44px,5.4vw,76px);font-weight:900;margin:14px 0 8px}
.addr{display:flex;gap:8px;align-items:flex-start;color:var(--muted);margin:0;font-size:18px}
.addr .ico{margin-top:3px}
.lede{color:inherit}
.pdp .lede{font-size:19px;max-width:40em;margin:20px 0 0}
.avail{margin:24px 0 0;padding:16px 18px;background:var(--cream);border-left:6px solid var(--yellow)}
.avail p{margin:4px 0 0}
.photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin-top:24px}
.photos img{width:100%;aspect-ratio:4/3;object-fit:cover}
dl.facts{margin:0;border-top:3px solid var(--ink)}
dl.facts div{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:12px 0;border-bottom:1px solid var(--rule)}
dl.facts dt{color:var(--muted)}
dl.facts dd{margin:0;font-weight:700}
@media (max-width:560px){dl.facts div{grid-template-columns:1fr;gap:2px}}
.mapbox{margin:26px 0 0;border:1px solid var(--rule);background:var(--steel)}
#map{height:380px}
.pdp #map{height:300px}
.checked{font-size:14px;color:var(--muted);margin-top:22px;max-width:46em}
.checked a{color:var(--ink)}
.box{border:2px solid var(--ink);padding:22px;background:var(--paper)}
.box b{display:block;font:800 26px/1 var(--head);margin-bottom:12px}
.box .find{border-width:1.5px}
.pr.big{font:900 40px/1 var(--head);margin:0 0 4px}
.pr.big b{font:inherit}
.pr.big small{font:400 16px var(--body);color:var(--muted)}
.stack{display:grid;gap:10px;margin:18px 0 14px}

/* tools */
.calc{display:grid;gap:14px;margin-top:22px}
@media (min-width:960px){.calc{grid-template-columns:1.25fr 1fr;align-items:start}}
.inputs{background:var(--steel);padding:22px}
.lbl{font-weight:700;margin:0 0 10px}
.items{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px 14px;margin-bottom:16px}
.it{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid var(--rule)}
.it input{width:64px;font:700 17px var(--body);padding:6px 8px;border:1.5px solid var(--rule);border-radius:3px;text-align:center;background:var(--paper)}
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.fld span{display:block;font-weight:700;font-size:14px;margin-bottom:6px}
.fld input{width:100%;font:700 20px var(--body);padding:10px 12px;border:1.5px solid var(--rule);border-radius:3px;background:var(--paper)}
.it input:focus,.fld input:focus{outline:none;border-color:var(--ink)}
.chk{display:flex;gap:10px;align-items:center;font-weight:700}
.chk input{width:20px;height:20px;accent-color:var(--green)}
.outputs{background:var(--green);color:#fff;padding:22px;display:grid;gap:18px;position:sticky;top:86px}
.o span{display:block;font-size:14px;color:#C9D6CE;font-weight:700}
.o b{display:block;font-size:20px;margin-top:4px;line-height:1.3}
.o.big b{font:900 clamp(56px,7vw,92px)/.9 var(--head)}
.o a{color:var(--yellow);text-underline-offset:3px}

/* map popups + pins */
.pin{width:14px;height:14px;border-radius:50%;background:var(--green);border:2.5px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.35)}
.pin.f{background:var(--yellow);border-color:var(--ink);width:18px;height:18px}
.leaflet-container{font-family:var(--body)!important}
.pop b{display:block;font:800 20px/1.05 var(--head)}
.pop small{display:block;color:var(--muted);margin:4px 0 8px}
.pop a{font-weight:700;color:var(--green)!important}

/* ads */
.ad{margin:40px 0 0;text-align:center}
.ad small{display:block;color:var(--muted);font-size:12px;margin-bottom:4px}
.ad-side{margin-top:20px}

/* footer */
footer{background:var(--ink);color:#B7C0BA;margin-top:clamp(72px,9vw,120px);font-size:15px}
footer .in{padding-top:52px;padding-bottom:30px}
.fcols{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
@media (min-width:1000px){.fcols{grid-template-columns:1.5fr repeat(4,1fr)}}
.fabout{grid-column:1/-1}
@media (min-width:1000px){.fabout{grid-column:auto}}
.fabout p{max-width:26em;margin:16px 0 0}
footer .lw{color:#fff}
footer h4{color:#fff;font:800 20px var(--head);margin:0 0 10px}
footer a{display:block;padding:4px 0;text-decoration:none}
footer a:hover{color:#fff;text-decoration:underline}
.legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;border-top:1px solid #333B36;margin-top:36px;padding-top:18px;font-size:13px}
.legal span:last-child{display:flex;flex-wrap:wrap;gap:6px 16px}
.legal a{display:inline;padding:0}
@media (max-width:1420px){.sbox{min-width:0;padding:10px}.sbox em{display:none}.nav a{padding:8px 8px}}
/* featured spotlight */
.spot{display:grid;gap:0;text-decoration:none;background:var(--steel);border-top:6px solid var(--yellow)}
@media (min-width:900px){.spot{grid-template-columns:1.25fr 1fr}}
.spot .im{position:relative;overflow:hidden;min-height:260px}
.spot img{width:100%;height:100%;object-fit:cover;aspect-ratio:auto}
.spot .tx{padding:clamp(22px,3vw,40px);display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.spot h3{font:900 clamp(40px,4.4vw,64px)/.92 var(--head)}
.spot .loc{margin:0;color:var(--muted);font-weight:700}
.spot p{margin:0;max-width:34em}
.spot .note{background:var(--cream);border-left:5px solid var(--yellow);padding:10px 14px;font-weight:700}
.spot:hover h3{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:5px}
.hero::after{background:linear-gradient(90deg,rgba(14,22,17,.82) 0%,rgba(14,22,17,.5) 45%,rgba(14,22,17,0) 78%),linear-gradient(0deg,rgba(14,22,17,.45),transparent 35%)}
/* Ironkeep mark: a castle keep in container green with yellow lit windows and door */
.logo .mk{display:block;width:22px;height:24px;color:var(--green)}
.lw{font-weight:900;letter-spacing:.015em}
footer .logo .mk{color:#fff}
footer .tag{color:#fff;font:800 22px/1.1 var(--head);margin:16px 0 0}