@layer source {


:root{
  --navy:#001523;
  --navy-2:#03202f;
  --navy-line:rgba(255,255,255,.14);
  --orange:#ff7d01;
  --cream:#eceeed;
  --ink-soft:rgba(0,21,35,.78);
  --maxw:1240px;
  --ease-uf:cubic-bezier(.33,1,.68,1);
  --ease-swap:cubic-bezier(.455,.03,.515,.955);
  --t-micro:200ms;--t-reveal:700ms;--stagger:110ms;--rise-y:28px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Segoe UI',system-ui,-apple-system,Arial,sans-serif;color:var(--navy);background:#fff;-webkit-font-smoothing:antialiased;line-height:1.55}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 30px}
a{color:inherit;text-decoration:none}
img{display:block}
.disp{font-family:UFDisplay,'Segoe UI',sans-serif;text-transform:uppercase;font-weight:700;letter-spacing:.045em;line-height:1.08}

/* ===== motion ===== */
.rv{opacity:0;transform:translateY(var(--rise-y));transition:opacity var(--t-reveal) var(--ease-uf),transform var(--t-reveal) var(--ease-uf)}
.rv-l{opacity:0;transform:translateX(-34px);transition:opacity var(--t-reveal) var(--ease-uf),transform var(--t-reveal) var(--ease-uf)}
.bl{opacity:0;transform:translateY(-24px) scale(.985);transition:opacity var(--t-reveal) var(--ease-uf),transform var(--t-reveal) var(--ease-uf)}
.in .rv,.in.rv,.in .rv-l,.in.rv-l{opacity:1;transform:none}
.in .bl,.in.bl{opacity:1;transform:none}
.d1{transition-delay:calc(var(--stagger)*1)}.d2{transition-delay:calc(var(--stagger)*2)}
.d3{transition-delay:calc(var(--stagger)*3)}.d4{transition-delay:calc(var(--stagger)*4)}
.sweep{transform:scaleX(0);transform-origin:left;transition:transform 900ms var(--ease-uf) 300ms}
.in .sweep,.in.sweep{transform:scaleX(1)}
@keyframes drift{from{transform:scale(1)}to{transform:scale(1.06)}}
.hero .bgimg{animation:drift 22s var(--ease-uf) alternate infinite}
.btn .arr,.golink .arr{display:inline-block;transition:transform var(--t-micro) var(--ease-uf);margin-left:9px}
.btn:hover .arr,.golink:hover .arr{transform:translateX(6px)}
.golink{position:relative;display:inline-flex;align-items:center}
.golink::after{content:"";position:absolute;left:0;bottom:-4px;height:2px;width:100%;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform var(--t-micro) var(--ease-uf)}
.golink:hover::after{transform:scaleX(1)}
/* letter cascade */
.lts .w{display:inline-block;white-space:nowrap}
.lts .lt{display:inline-block;font-style:normal;opacity:0;transform:translateY(.38em);transition:opacity 480ms var(--ease-uf),transform 480ms var(--ease-uf);transition-delay:calc(420ms + var(--i)*60ms)}
.in .lts .lt{opacity:1;transform:none}
/* count-up handled in JS */

@media (prefers-reduced-motion:reduce){
  .rv,.rv-l,.bl,.sweep{opacity:1!important;transform:none!important;transition:none!important}
  .lts .lt{opacity:1!important;transform:none!important;transition:none!important}
  .hero .bgimg{animation:none!important}
}

/* ===== nav ===== */
.nav{background:var(--navy);position:sticky;top:0;z-index:70}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:86px;gap:26px}
.nav .logo img{height:40px;width:auto}
.nav ul{display:flex;gap:30px;list-style:none;align-items:center}
.nav ul a{color:#fff;font-family:UFDisplay,sans-serif;text-transform:uppercase;font-size:13px;letter-spacing:.13em;white-space:nowrap;opacity:.92}
.nav ul a:hover{color:var(--orange);opacity:1}
.btn{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;font-family:UFDisplay,sans-serif;text-transform:uppercase;letter-spacing:.14em;font-weight:700;font-size:13px;background:var(--orange);color:var(--navy);padding:15px 28px;border:0;cursor:pointer;transition:.15s}
.btn:hover{background:#ffa036}
.btn-outline{background:transparent;color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.4)}
.btn-outline:hover{box-shadow:inset 0 0 0 2px var(--orange);color:var(--orange);background:transparent}
@media(max-width:1520px){.nav ul{gap:20px}.nav ul a{font-size:11.5px;letter-spacing:.1em}.nav .btn{padding:13px 20px;font-size:12px}}

/* ===== breadcrumb ===== */
.crumb{background:var(--navy);border-bottom:1px solid var(--navy-line)}
.crumb .wrap{padding:12px 30px;font-family:UFDisplay,sans-serif;text-transform:uppercase;font-size:10.5px;letter-spacing:.18em;color:rgba(255,255,255,.5)}
.crumb a:hover{color:var(--orange)}
.crumb b{color:var(--orange);font-weight:700}

/* ===== hero (comp 4/8: photo band + X + diagonals) ===== */
.hero{position:relative;background:var(--navy);color:#fff;overflow:hidden}
.hero .bgimg{position:absolute;inset:0;background:url(/assets/pages/melissa/aerial-corridor.jpg) center 55%/cover no-repeat}
.hero .scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,21,35,.94) 0%,rgba(0,21,35,.78) 42%,rgba(0,21,35,.42) 100%)}
.hero .xmk{position:absolute;right:-4%;top:-30%;width:52%;aspect-ratio:1;opacity:.4;pointer-events:none}
.hero .diag{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.hero .diag i{position:absolute;width:180%;height:1.5px;background:rgba(255,255,255,.22);transform:rotate(-32deg);transform-origin:left top}
.hero .diag i:nth-child(1){left:-10%;top:12%}
.hero .diag i:nth-child(2){left:30%;top:-6%}
.hero .diag i:nth-child(3){left:-24%;top:88%;background:rgba(255,132,5,.35)}
.hero .wrap{position:relative;z-index:2;padding-top:92px;padding-bottom:88px}
.kicker{font-family:UFDisplay,sans-serif;text-transform:uppercase;color:var(--orange);font-size:13px;letter-spacing:.28em;font-weight:700;margin-bottom:22px}
.hero h1{font-family:UFDisplay,sans-serif;text-transform:uppercase;font-weight:700;letter-spacing:.04em;line-height:1.12;font-size:clamp(32px,4vw,52px);max-width:18ch}
.hero h1 .l1{color:var(--orange);display:block}
.hero .sub{margin-top:22px;font-size:17.5px;max-width:54ch;color:rgba(255,255,255,.85);line-height:1.6}
.hero .btns{margin-top:30px;display:flex;gap:14px;flex-wrap:wrap}
.hero .baseline{position:relative;z-index:2;height:6px;background:var(--orange)}

/* ===== park cards (comp 4: corner tag, hover border) ===== */
.parks{background:var(--navy);padding:74px 0 84px;color:#fff}
.parks .head{display:flex;align-items:flex-end;justify-content:space-between;gap:26px;flex-wrap:wrap;margin-bottom:34px}
.parks h2{font-family:UFDisplay,sans-serif;text-transform:uppercase;font-weight:700;letter-spacing:.05em;font-size:clamp(24px,2.8vw,36px)}
.parks h2 .o{color:var(--orange)}
.parks .golink{color:rgba(255,255,255,.8);font-size:14.5px}
.parks .golink:hover{color:var(--orange)}
.pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.pcard{position:relative;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.16);background:var(--navy-2);transition:transform 300ms var(--ease-uf),border-color 300ms var(--ease-uf)}
.pcard .ph{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;flex:0 0 auto}
.pcard .ph img{width:100%;height:100%;object-fit:cover;transition:transform 900ms var(--ease-uf)}
.pcard:hover .ph img{transform:scale(1.06)}
.pcard .tagc{position:absolute;right:0;bottom:0;z-index:2;font-family:UFDisplay,sans-serif;text-transform:uppercase;font-weight:700;font-size:12px;letter-spacing:.14em;background:var(--orange);color:var(--navy);padding:8px 14px 8px 18px;clip-path:polygon(10px 0,100% 0,100% 100%,0 100%)}
.pcard .cap{display:block;flex:1;padding:13px 14px 15px;font-size:13.5px;line-height:1.5;color:rgba(255,255,255,.72);transition:color 300ms var(--ease-uf)}
.pcard:hover{transform:translateY(-4px);border-color:var(--orange)}
.pcard:hover .cap{color:#fff}
/* placeholder tile for parks without photography yet */
.pcard .ph.tbd{background:var(--navy-2);display:flex;align-items:center;justify-content:center}
.pcard .ph.tbd svg{width:46%;opacity:.35}
.pcard .ph .note{position:absolute;z-index:2;left:12px;top:12px;font-family:UFDisplay,sans-serif;text-transform:uppercase;font-size:12px;letter-spacing:.18em;color:rgba(255,255,255,.55);background:rgba(0,21,35,.6);padding:5px 9px}

/* ===== map band (comp 4/6: silhouette + pins + legend) ===== */
.mapband{background:var(--navy);color:#fff;padding:20px 0 96px;position:relative;overflow:hidden}
.mapband .diag{position:absolute;inset:0;pointer-events:none}
.mapband .diag i{position:absolute;width:170%;height:1.5px;background:rgba(255,255,255,.08);transform:rotate(-32deg);transform-origin:left top}
.mapband .diag i:nth-child(1){left:-20%;top:30%}
.mapband .diag i:nth-child(2){left:20%;top:6%}
.mapband .cols{position:relative;z-index:2;display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}
.ctmap{width:100%;height:auto}
.ctmap .shape{fill:#0b2f47;stroke:rgba(255,255,255,.25);stroke-width:1.5}
.pin{cursor:pointer}
.pin rect{fill:var(--orange);transition:transform 250ms var(--ease-uf)}
.pin text{font-family:UFDisplay,sans-serif;font-weight:700;font-size:13px;fill:var(--navy);text-transform:uppercase}
.pin .tip{fill:var(--orange)}
.pin{transition:transform 250ms var(--ease-uf),filter 250ms var(--ease-uf);transform-box:fill-box;transform-origin:center}
.pin.hot{transform:scale(1.22);filter:drop-shadow(0 0 10px rgba(255,132,5,.75))}
.mapband h2{font-family:UFDisplay,sans-serif;text-transform:uppercase;font-weight:700;letter-spacing:.05em;line-height:1.1;font-size:clamp(28px,3.2vw,42px)}
.mapband h2 .o{color:var(--orange);display:block}
.slash{width:92px;height:10px;background:var(--orange);clip-path:polygon(18% 0,100% 0,82% 100%,0 100%);margin:22px 0 26px}
.legend{list-style:none}
.legend li{display:flex;align-items:baseline;gap:14px;padding:12px 10px;border-bottom:1px solid var(--navy-line);cursor:pointer;transition:background 250ms var(--ease-uf),padding-left 250ms var(--ease-uf)}
.legend li:hover,.legend li.hot{background:rgba(255,132,5,.08);padding-left:18px}
.legend .n{font-family:UFDisplay,sans-serif;font-weight:700;color:var(--orange);font-size:15px;letter-spacing:.08em}
.legend .t{font-family:UFDisplay,sans-serif;text-transform:uppercase;font-size:13px;letter-spacing:.1em;color:#fff}
.legend .s{margin-left:auto;font-size:12.5px;color:rgba(255,255,255,.5)}
@media(max-width:960px){.mapband .cols{grid-template-columns:1fr;gap:40px}.pgrid{grid-template-columns:1fr 1fr}}

/* ===== orange stats band (comp 1) ===== */
.oband{background:var(--orange);color:var(--navy);padding:78px 0;position:relative;overflow:hidden}
.oband .xl{position:absolute;inset:0;pointer-events:none}
.oband .xl i{position:absolute;width:160%;height:2px;background:rgba(255,255,255,.35);transform-origin:left top}
.oband .xl i:nth-child(1){left:-10%;top:8%;transform:rotate(30deg)}
.oband .xl i:nth-child(2){left:-6%;bottom:4%;transform:rotate(-30deg)}
.oband .grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:40px;text-align:left}
.oband .stat .n{font-family:UFDisplay,sans-serif;font-weight:700;font-size:clamp(40px,4.6vw,62px);line-height:1;letter-spacing:.02em}
.oband .stat .l{margin-top:10px;font-family:UFDisplay,sans-serif;text-transform:uppercase;font-size:12px;letter-spacing:.16em;font-weight:700;color:rgba(0,21,35,.75)}
@media(max-width:960px){.oband .grid{grid-template-columns:1fr 1fr}}

/* ===== CTA strip ===== */
.cta{background:var(--navy);color:#fff;position:relative;overflow:hidden}
.cta .wrap{position:relative;z-index:2;padding:88px 30px}
.cta h2{font-family:UFDisplay,sans-serif;text-transform:uppercase;font-weight:700;letter-spacing:.05em;line-height:1.12;font-size:clamp(30px,3.8vw,48px)}
.cta h2 .o{color:var(--orange)}
.cta p{margin-top:16px;font-size:16.5px;max-width:56ch;color:rgba(255,255,255,.8)}
.cta .btns{margin-top:28px;display:flex;gap:14px;flex-wrap:wrap}
.cta .xmk{position:absolute;right:-4%;top:-16%;width:44%;aspect-ratio:1;opacity:.35;pointer-events:none}

/* ===== footer (comp: 3 cols + newsletter + investing) ===== */
footer{background:var(--navy);color:rgba(255,255,255,.62);padding:64px 0 40px;font-size:14px;position:relative;overflow:hidden;border-top:1px solid var(--navy-line)}
footer .fx{position:absolute;right:-8%;bottom:-24%;width:52%;aspect-ratio:1;opacity:.25;pointer-events:none}
footer .wrap{position:relative;z-index:2}
footer .logo img{height:44px;width:auto;margin-bottom:38px}
.fgrid{display:grid;grid-template-columns:1fr 1fr 1fr 1.5fr;gap:40px}
.fgrid h5{font-family:UFDisplay,sans-serif;text-transform:uppercase;letter-spacing:.16em;color:var(--orange);font-size:12.5px;font-weight:700;margin-bottom:15px}
.fgrid ul{list-style:none}
.fgrid li{margin-bottom:8px;font-size:13.5px}
.fgrid a{color:rgba(255,255,255,.66)}
.fgrid a:hover{color:var(--orange)}
.fgrid a.on{color:var(--orange);font-weight:600}
.nlh{font-family:UFDisplay,sans-serif;text-transform:uppercase;letter-spacing:.14em;color:#fff;font-size:13px;font-weight:700;line-height:1.5;margin-bottom:13px}
.nlform{display:flex;margin-bottom:30px}
.nlform input,.invform input{flex:1;min-width:0;border:1px solid rgba(255,255,255,.3);background:rgba(0,21,35,.55);color:#fff;padding:13px 15px;font-size:14px;font-family:inherit;outline:0}
.nlform input:focus,.invform input:focus{border-color:var(--orange)}
.invform{display:flex;gap:12px}
.invform .btn{padding:13px 22px}
.finelaw{margin-top:16px;font-size:11.5px;line-height:1.55;color:rgba(255,255,255,.4)}
.legal{border-top:1px solid var(--navy-line);margin-top:44px;padding-top:22px;font-size:12.5px;color:rgba(255,255,255,.38)}
.nlok2{display:none;font-family:UFDisplay,sans-serif;text-transform:uppercase;font-size:11.5px;letter-spacing:.14em;color:var(--orange);font-weight:700;margin-bottom:30px}
@media(max-width:960px){.fgrid{grid-template-columns:1fr 1fr}}


/* ===== v2: product chips + card CTAs ===== */
.pcard .chips{display:flex;flex-wrap:wrap;gap:6px;padding:0 14px 13px}
.chip2{font-family:UFDisplay,sans-serif;text-transform:uppercase;font-size:9.5px;letter-spacing:.1em;color:rgba(255,255,255,.75);border:1px solid rgba(255,255,255,.25);padding:5px 8px;white-space:nowrap}
.pcard .pact{display:flex;border-top:1px solid rgba(255,255,255,.14);margin-top:auto}
.pact a{flex:1;text-align:center;font-family:UFDisplay,sans-serif;text-transform:uppercase;font-size:12px;letter-spacing:.1em;font-weight:700;padding:13px 6px;color:var(--orange);transition:background var(--t-micro) var(--ease-uf),color var(--t-micro) var(--ease-uf)}
.pact a:hover{background:var(--orange);color:var(--navy)}
.pact a + a{border-left:1px solid rgba(255,255,255,.14)}

/* ===== v2: SEO media + accordion section ===== */
.seo{background:#fff;padding:92px 0}
.seo .kicker{color:#c96500}
.seo h2{font-family:UFDisplay,sans-serif;text-transform:uppercase;font-weight:700;letter-spacing:.05em;line-height:1.12;font-size:clamp(26px,3vw,40px);max-width:24ch}
.seo h2 .o{color:var(--orange)}
.seo .cols{display:grid;grid-template-columns:1fr 1.3fr;gap:56px;align-items:start;margin-top:40px}
.seo .media{position:sticky;top:110px}
.seo .vt{position:relative;overflow:hidden;aspect-ratio:4/3;background:var(--navy)}
.seo .vt video{width:100%;height:100%;object-fit:cover}
.seo .vt .cap{position:absolute;left:0;right:0;bottom:0;padding:12px 14px;background:linear-gradient(180deg,transparent,rgba(0,21,35,.9));font-family:UFDisplay,sans-serif;text-transform:uppercase;font-size:10px;letter-spacing:.14em;color:rgba(255,255,255,.85)}
.seo .vt::after{content:"";position:absolute;left:0;top:0;height:3px;width:100%;background:var(--orange)}
.seo .qlinks{margin-top:18px;display:flex;flex-wrap:wrap;gap:8px}
.seo .qlinks a{font-family:UFDisplay,sans-serif;text-transform:uppercase;font-size:10px;letter-spacing:.12em;font-weight:700;color:var(--navy);border:1px solid rgba(0,21,35,.25);padding:8px 11px;transition:border-color var(--t-micro),color var(--t-micro)}
.seo .qlinks a:hover{border-color:var(--orange);color:#c96500}
.seo .qnote{margin-top:10px;font-size:11.5px;color:rgba(0,21,35,.45)}
.acc{border-top:2px solid var(--navy)}
.acc .it{border-bottom:1px solid rgba(0,21,35,.15)}
.acc button.q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;background:none;border:0;cursor:pointer;padding:21px 4px;text-align:left}
.acc .q h3{font-family:UFDisplay,sans-serif;text-transform:uppercase;font-size:14.5px;letter-spacing:.08em;font-weight:700;color:var(--navy);transition:color var(--t-micro) var(--ease-uf)}
.acc .q:hover h3{color:#c96500}
.acc .pl{flex:0 0 27px;width:27px;height:27px;background:var(--navy);color:var(--orange);display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1;clip-path:polygon(0 0,100% 0,100% 74%,74% 100%,0 100%);transition:transform 320ms var(--ease-uf),background 320ms var(--ease-uf),color 320ms var(--ease-uf)}
.acc .it.open .pl{transform:rotate(45deg);background:var(--orange);color:var(--navy)}
.acc .bd{display:grid;grid-template-rows:0fr;transition:grid-template-rows 450ms var(--ease-uf)}
.acc .it.open .bd{grid-template-rows:1fr}
.acc .bd > div{overflow:hidden}
.acc .bd p{padding:0 4px 14px;font-size:15px;line-height:1.72;color:var(--ink-soft);max-width:72ch}
.acc .bd p:last-child{padding-bottom:22px}
.acc .bd a{color:#c96500;font-weight:600;border-bottom:1px solid rgba(255,132,5,.4)}
@media(max-width:960px){.seo .cols{grid-template-columns:1fr}.seo .media{position:static}}

.notebar{background:#111;color:#ddd;font:12.5px/1.5 ui-monospace,Menlo,monospace;padding:10px 30px}
.notebar b{color:var(--orange)}



/* ===== mobile pack (shared) ===== */
.mnavbtn{display:none;width:44px;height:44px;background:none;border:1px solid rgba(255,255,255,.3);color:#ff7d01;font-size:19px;align-items:center;justify-content:center;cursor:pointer;flex:0 0 auto}
.mdrawer{position:fixed;inset:0;z-index:150;background:rgba(0,8,14,.6);opacity:0;pointer-events:none;transition:opacity .3s}
.mdrawer.open{opacity:1;pointer-events:auto}
.mdrawer .panel{position:absolute;right:0;top:0;bottom:0;width:min(320px,85vw);background:#001523;border-left:3px solid #ff7d01;padding:56px 24px 26px;transform:translateX(30px);transition:transform .35s cubic-bezier(.33,1,.68,1);overflow-y:auto}
.mdrawer.open .panel{transform:none}
.mdrawer .panel a{display:block;padding:14px 4px;color:#fff;font:700 13px/1.3 UFDisplay,sans-serif;text-transform:uppercase;letter-spacing:.13em;border-bottom:1px solid rgba(255,255,255,.12)}
.mdrawer .panel a:active{color:#ff7d01}
.mdrawer .x{position:absolute;right:16px;top:14px;background:none;border:0;color:#fff;font-size:22px;cursor:pointer;padding:6px}
html{overflow-x:clip}
@media(max-width:1200px){
  .nav ul{display:none!important}
  .mnavbtn{display:flex}
}
@media(min-width:1201px) and (max-width:1560px){
  .nav ul{gap:14px}
  .nav ul a{font-size:11px;letter-spacing:.07em}
  .nav .btn,.nav > .wrap > a.btn{padding:12px 18px;font-size:11.5px}
}
@media(max-width:960px){
  .pgrid{grid-template-columns:1fr 1fr!important}
  table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
  table td,table th{white-space:nowrap}
}
@media(max-width:640px){
  .wrap{padding:0 20px}
  .nav .wrap{gap:12px;height:70px}
  .nav .logo img{height:28px}
  .nav > .wrap > a.btn{display:none}
  .track a{font-size:9.5px;letter-spacing:.05em}
  .track a[data-slot="tracking-email"]{word-break:break-all}
  .bays .head{flex-direction:column;align-items:flex-start}
  .tierkey .btn{width:100%}
  .plan .head{flex-direction:column;align-items:flex-start}
  .hero .wrap{padding-top:54px;padding-bottom:54px}
  .hero .cols{padding:44px 0 48px}
  .pgrid{grid-template-columns:1fr!important}
  .wgrid{grid-template-columns:1fr}
  .mgrid{grid-template-columns:1fr}
  .sgrid{grid-template-columns:1fr}
  .fgrid{grid-template-columns:1fr}
  .oband .grid{grid-template-columns:1fr 1fr;gap:26px}
  .iband .grid{grid-template-columns:1fr}
  .iband .it{border-right:0;border-bottom:1px solid rgba(0,21,35,.18)}
  .ggrid{display:flex;flex-direction:column}
  .gt{height:210px}
  .gal .grid{grid-template-columns:1fr;grid-template-rows:auto}
  .gal .tile{height:220px}
  .gal .tile:first-child{grid-row:auto;grid-column:auto}
  .lform .row{grid-template-columns:1fr}
  .invform{flex-direction:column}
  .mtabs{flex-direction:column}
  .mtabs button{border-right:0;border-bottom:1px solid rgba(255,255,255,.14)}
  .mtabs button:last-child{border-bottom:0}
  .bt-slide .tx{padding:24px 20px}
  .btnav{gap:18px}
  .plx{height:38vh;min-height:250px}
  .faq .figrow{height:220px}
  .applyband{padding:60px 0 64px}
  .track .wrap{gap:12px}
  .track .hrs{margin-left:0;width:100%}
  .stats{grid-template-columns:1fr 1fr}
  .pknav{gap:18px}
  .search{grid-template-columns:1fr}
  .xibox{grid-template-columns:1fr}
  .scard{width:230px}
  .cta .btns .btn,.hero .btns .btn{flex:1 1 auto}
  .seo .cols,.local .cols,.mapband .cols,.area .cols,.lead .cols,.mmain .cols{grid-template-columns:minmax(0,1fr)}
  .mmain .cols > *,.res,.rcard{min-width:0}
  .rcard .top{flex-wrap:wrap}
  .oband .stat .n{font-size:clamp(24px,7.5vw,40px)}
  .mapband h2{font-size:clamp(20px,5.6vw,42px)}
  .seo h2,.local h2{font-size:clamp(16px,5.4vw,40px)}
  .hero h1{font-size:clamp(18px,6vw,52px)}
  .mapbox{position:static}
  .nl{gap:18px}
  .nlform input{width:100%}
  .fbar .wrap{padding:14px 20px 18px}
  .f{min-width:130px}
}

}