/* Midnight Airfield — native Express layout, selected aviation materials. */
:root{--p:#e9e4d6;--p2:#fff1ce;--ps:#243447;--tx:#e9e4d6;--mu:#bac5ca;--li:#4a5b6a;--bor:#4a5b6a;--bg:#182535;--bg2:#213247;--hbadge-muted:#bac5ca;--theme-accent:#d7bd86;--theme-paper:#182535;--theme-nav:#101a28;--theme-on-nav:#ede5d3;--footer-copy-color:var(--theme-on-nav);--sh:0 7px 25px #0003;--ss:0 5px 12px #0002;}
body{padding:12px;background:radial-gradient(ellipse at 80% 0,#31465b55,transparent 55%),#08111b;color:var(--tx)}
.shell{background:var(--theme-paper);color:var(--tx);min-width:0}
.bar{background:var(--theme-nav);border:0;border-bottom:1px solid #a99260;box-shadow:inset 0 1px #7b919a55;backdrop-filter:none}
@media(min-width:701px){.bar-in{height:auto;min-height:80px;padding-block:10px}}
.brand{color:var(--theme-on-nav)}
.brand-logo{width:48px;height:54px;border:2px solid var(--theme-accent);border-radius:4px;background:var(--theme-nav);box-shadow:inset 0 1px #fff3;flex-shrink:0}
#bname{font-family:Georgia,serif;font-weight:400;color:var(--theme-on-nav)}
#bname span{color:var(--theme-on-nav)}
.ctabtn{background:var(--theme-accent);color:var(--theme-nav);border-radius:2px;font-size:.76rem;padding:13px 16px;white-space:normal}
.ctabtn:hover{background:var(--theme-on-nav);color:var(--theme-nav)}
.nbtn,.nbtn:visited{font-size:1.05rem;background:transparent;color:var(--theme-on-nav);border-radius:2px;transition:color .18s,background .18s}
.nbtn:hover,.nbtn.on{color:var(--theme-nav);background:var(--theme-accent)}
.nbtn-logout,.nbtn-logout:visited{color:var(--theme-on-nav);background:transparent}
.nbtn-logout:hover{color:var(--theme-nav);background:var(--theme-accent)}
.burger{border-radius:3px;border:1px solid var(--theme-accent);background:var(--theme-nav)}
.burger span{background:var(--theme-on-nav)}
.mob-drawer{background:var(--theme-nav);color:var(--theme-on-nav);border-left:1px solid var(--theme-accent)}
.mob-brand,.mob-nav li a,.mob-nav li a:visited,.mob-nav li button{color:var(--theme-on-nav)}
.mob-nav li a,.mob-nav li button{font-size:1.125rem}
.mob-nav li a:hover,.mob-nav li a.on,.mob-nav li button:hover,.mob-nav li button.on{background:var(--theme-accent);color:var(--theme-nav)}
.mob-close{border-radius:0}
.c{min-width:0}
.btn{border-radius:0;box-shadow:none;font-size:.85rem;transition:background-color .15s,color .15s,box-shadow .15s,transform .15s}
.btn-p{background:var(--theme-accent);color:var(--theme-paper)}
.btn-p:hover{background:var(--theme-nav);color:var(--theme-on-nav);outline:1px solid var(--theme-accent)}
.btn-s{background:var(--theme-paper);color:var(--p);border:1px solid var(--p)}
.btn-s:hover{background:var(--ps);color:var(--tx)}
.hero{padding:0;border:0;border-radius:0;overflow:hidden;background:var(--theme-paper);box-shadow:none}
.hero:before,.hero:after{display:none}
.hgrid{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:'letter' 'stats';gap:0;isolation:isolate}
.hgrid>.hero-copy:first-child{display:contents}
.hero-letter{grid-area:letter;display:flex;flex-direction:column;position:relative;z-index:1;align-self:start;width:47%;max-width:560px;min-height:500px;margin:31px;padding:30px;background:linear-gradient(120deg,rgba(36,53,75,.6),rgba(16,27,43,.6));border:1px solid #bfa66e;border-radius:0 35px 0 0;box-shadow:0 10px 28px #0009,inset 0 1px #fff2;transform:none;color:var(--tx)}
.hero-letter:before{content:'';position:absolute;inset:9px;border:1px solid #a98e563f;border-radius:0 23px 0 0;pointer-events:none}
.hero .eyebrow{padding:0;background:transparent;border:0;border-radius:0;color:var(--theme-accent);font-size:.64rem;letter-spacing:.12em;margin-bottom:20px}
.hero h1{color:var(--tx);font:400 clamp(2.3rem,3.8vw,3.5rem)/1.05 Georgia,serif;letter-spacing:-.035em;margin-bottom:20px;overflow-wrap:anywhere}
.hero-p{font-size:.86rem;line-height:1.85;color:var(--mu)}
.hacts{margin:24px 0 0;gap:10px;position:relative}
.hgrid>.hero-image-column{grid-area:letter;position:relative;min-width:0;z-index:0}
.hcard{position:absolute;inset:0;height:100%;min-height:0;border-radius:0;box-shadow:none;background:#b6c2c7;overflow:hidden}
.hcard img{object-position:62% center}
.hov{background:none}
.hbadge{right:28px;bottom:28px;border-radius:2px;background:#142132;border:1px solid #ae9567;padding:12px 16px;box-shadow:0 0 20px #c4b88a19;color:var(--tx);backdrop-filter:none;transform:none}
.hbadge strong{font:400 1.35rem/1.2 Georgia,serif}.hbico{border-radius:0;background:transparent;color:var(--p);width:30px}
.stats{grid-area:stats;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:0;margin:0;background:#0d1724;color:var(--theme-on-nav);padding:25px 20px;z-index:1}
.stats:empty{display:none}
.stat{border:0;border-radius:0;background:transparent;box-shadow:none;padding:3px 25px;backdrop-filter:none;min-width:0}
.stat+.stat{border-left:1px solid #ffffff40}
.stat strong{font:400 1.8rem/1.2 Georgia,serif;color:var(--theme-on-nav);margin-bottom:8px;letter-spacing:-.025em}
.stat span{font-size:.76rem;line-height:1.7;color:var(--theme-on-nav)}
/* Use the shared module layout; retain the airmail materials and colours. */
.promo-frame{border-radius:0;background:var(--bg2);border:1px solid var(--li);box-shadow:var(--ss)}
.promo-frame:before,.promo-frame:after{display:none}
#weatherCard{border-radius:3px;border:1px solid var(--li);border-left:4px solid var(--theme-accent);box-shadow:none;background:var(--bg);color:var(--tx);--wx-muted:var(--mu)}
.promo-wrap .card{border-radius:3px;background:var(--bg);border:1px solid var(--li);box-shadow:var(--ss)}
.promo-wrap .card:hover{transform:none;box-shadow:var(--ss)}
#promoImgCard{padding:8px;border:1px solid var(--li);overflow:hidden}
#promoImgCard:hover{transform:none}
#promoSlideWrap{border-radius:0}
.promo-wrap .airmail-promo-card{display:flex;flex-direction:column;height:auto;min-height:0;border-color:var(--li)}
.airmail-card-title{display:flex;align-items:center;position:relative;flex:0 0 auto;min-height:64px;padding:13px 18px;background:var(--theme-nav);color:var(--theme-on-nav);font:400 clamp(1.25rem,2vw,1.75rem)/1.15 Georgia,serif;letter-spacing:-.035em;margin:0;border-bottom:1px solid var(--theme-accent)}
.airmail-card-title:after{content:none}
.airmail-promo-card>.promo-fit{height:auto;flex:1 1 auto;min-height:0;overflow:hidden}
#promoEventCard>.promo-fit{overflow:hidden}
#promoEventCard .promo-fit-inner{height:100%}
.promo-event-body{height:100%;padding:12px 18px;gap:8px}
.promo-event-list{flex:1;min-height:0;grid-auto-rows:minmax(0,1fr);row-gap:4px}
.promo-event-list>.promo-event-item{min-height:0;align-items:center;margin:0;padding:0;border:0;border-radius:0;background:none;transition:background-color .18s,color .18s,box-shadow .18s,transform .18s}
.promo-event-date{padding:6px;border-radius:50%;background:linear-gradient(#263f57,#0f2031);color:var(--theme-on-nav);border:1px solid #b8a06e;box-shadow:0 0 8px #cfbe801c,inset 0 1px #fff2;margin:3px}
.promo-event-date .promo-event-day,.promo-event-date .promo-event-month,.promo-event-date .promo-event-year{color:var(--theme-on-nav)}
.promo-event-count{border-radius:3px;background:var(--ps);color:var(--tx);border-color:var(--li)}
.promo-event-calendar-button{border-radius:2px;background:var(--theme-accent);color:var(--theme-nav);border:0}
.promo-event-title{color:var(--p)}
.promo-event-item:hover .promo-event-title{color:var(--theme-accent)}
.promo-fit-inner .dealer-item,.link-btn{border-radius:2px;background:var(--bg2);box-shadow:none;border-color:var(--li);transition:background-color .18s,color .18s,border-color .18s,box-shadow .18s,transform .18s}
.dealer-go,.mdk-item a{border-radius:2px;transition:background-color .18s,color .18s,border-color .18s,box-shadow .18s,transform .18s}
.shead{border-top:3px solid var(--theme-accent);border-bottom:1px solid var(--li);padding:15px 0;margin-bottom:18px}
.shead h2{font:400 clamp(1.8rem,3vw,2.8rem)/1.08 Georgia,serif;letter-spacing:-.035em;color:var(--p)}
.g4>.card{border:1px solid var(--li);border-radius:3px;box-shadow:var(--ss);background:var(--bg)}
.g4>.card:hover{transform:none;box-shadow:var(--ss)}
.g4 .cthumb{border-radius:0;background:var(--bg2)}
.g4 .cbody{min-width:0}
.g4 .ibox{border-radius:0;background:none;color:var(--theme-accent);box-shadow:none;padding:0;width:auto;height:auto;justify-content:flex-start;font-size:1.3rem;margin-bottom:9px}
.g4 h3{font:400 1.5rem/1.15 Georgia,serif;color:var(--p);letter-spacing:-.025em;margin-bottom:10px;overflow-wrap:anywhere}
.g4 p{font-size:.78rem;line-height:1.8;color:var(--mu)}
.panel,.mcard{border-radius:3px;background:var(--bg);border:1px solid var(--li)}
.footer{position:relative;border-radius:0;background:var(--theme-nav);border-top:1px solid var(--theme-accent);color:var(--theme-on-nav)}
.footer h4{font:400 1.5rem/1.2 Georgia,serif;color:var(--theme-on-nav)}
.footer p,.footer li,.footer a,.footer a:visited{color:var(--theme-on-nav)}
.footer a:hover{color:#fff;text-decoration:underline}
.nt-bar{border-radius:0}.nt-label{background:var(--theme-accent)}
.breaking-news-card{border-radius:3px;background:var(--bg);border:1px solid var(--li);border-left:5px solid var(--theme-accent);box-shadow:var(--ss)}
.demo-theme-option{border-radius:3px;background:var(--bg);color:var(--tx)}
#adml{border-radius:3px;background:var(--theme-accent);color:var(--theme-nav)}
@media(max-width:1000px){
  .hero-letter{width:51%;padding:27px 23px;margin:25px;min-height:490px}.hero h1{font-size:clamp(2.3rem,4.8vw,3.3rem)}
  .stat{padding:3px 18px}.stat strong{font-size:1.5rem}
}
@media(max-width:700px){
  body{padding:66px 8px 8px}.bar{border-bottom-width:4px}

  .airmail-promo-card>.promo-fit{height:auto;flex-basis:auto}

  .hgrid{grid-template-areas:'photo' 'letter' 'stats'}.hgrid>.hero-image-column{grid-area:photo;min-height:300px}
  .hcard{border-radius:0}.hbadge{display:none}
  .hero-letter{width:auto;max-width:none;margin:-35px 18px 23px;padding:28px 24px;min-height:0;z-index:1}
  .hero h1{font-size:clamp(2.25rem,9vw,3.4rem)}.hero .eyebrow{font-size:.61rem;line-height:1.6}.hero-p{font-size:.86rem}
  .hacts{margin-top:22px;margin-bottom:0}.hacts .btn{font-size:.8rem;padding:12px 14px}
  .stats{grid-template-columns:minmax(0,1fr);padding:12px 23px;gap:0;margin:0}
  .stat{padding:19px 0}.stat+.stat{border-left:0;border-top:1px dashed rgba(255,250,240,.5)}.stat strong{font-size:1.8rem}.stat span{font-size:.8rem}
  .footer h4{font-size:1.5rem}
}
@media(max-width:360px){
  .hero-letter{margin-left:14px;margin-right:14px;padding:25px 20px}.hero h1{font-size:2.2rem}
}

/* The hero is deliberately free of moon ornaments. */
.hov:after{content:"";position:absolute;left:47%;right:25px;bottom:17px;height:3px;background:repeating-linear-gradient(90deg,#e0ba61 0 5px,transparent 5px 34px);filter:drop-shadow(0 0 5px #f3bd6c)}
.promo-wrap .airmail-promo-card{background:linear-gradient(145deg,#213247,#132033)}
.event-detail-description p{color:var(--mu)}
.aviation-story-mark{filter:drop-shadow(0 12px 10px #0007)}
.midnight-compass{display:block;width:100%;height:auto}
.atelier-story-emblem{display:none}

/* Selected preview: closing club story, after existing tenant content. */
.aviation-theme-story{display:grid;grid-template-columns:240px minmax(0,1fr);align-items:center;gap:42px;padding:35px 45px;margin:25px 0 0;border-top:1px solid var(--li);color:var(--tx);background:radial-gradient(ellipse at 20% 50%,#324b6266,transparent 65%)}
.aviation-story-mark{width:100%;max-width:240px;min-width:0;align-self:center}
.aviation-theme-story .eyebrow{background:none;border:0;border-radius:0;padding:0;color:var(--theme-accent);letter-spacing:.12em;font-size:.65rem}
.aviation-theme-story h2{font:400 clamp(1.8rem,2.8vw,2.6rem)/1.15 Georgia,serif;color:var(--tx);margin:8px 0 15px;overflow-wrap:anywhere}
.aviation-theme-story p{font-size:.88rem;line-height:1.8;color:var(--mu);margin-bottom:20px}
@media(max-width:850px){.aviation-theme-story{grid-template-columns:180px minmax(0,1fr);gap:25px;padding:28px}.aviation-story-mark{max-width:180px}}
@media(max-width:700px){.hero-letter{transform:none}.aviation-theme-story{grid-template-columns:minmax(0,1fr);padding:27px 21px;gap:24px}.aviation-story-mark{width:180px;max-width:100%;justify-self:center}.aviation-theme-story h2{font-size:1.9rem}}

/* Preserve contrast in the native weather card and auxiliary controls. */
.eyebrow{background:var(--ps);color:var(--tx)}
#weatherCard :is(.weather-club strong,.weather-pin,.weather-current-temp strong,.weather-current-temp span,.weather-current-facts strong,.weather-forecast-facts strong,.weather-forecast-head strong){color:var(--tx)}
#weatherCard :is(.weather-club small,.weather-current-facts small,.weather-forecast-facts small,.weather-forecast-head small,.weather-forecast-main p){color:var(--mu)}
#weatherCard .weather-range strong{color:var(--theme-accent)}
#weatherCard .weather-range span{color:var(--mu)}
#weatherCard .weather-forecast-day{border-color:var(--li)}
.promo-mdk-card .mdk-list{grid-template-columns:minmax(0,1fr)}
.promo-mdk-card .mdk-item{min-width:0}
.dealer-logo{background:var(--bg2);border-color:var(--li)}
.nt-label{color:var(--theme-nav)}
