/* fanhalo — performers site. Type & palette adapted from manplayground.com / fanhalo.net */
:root{
  --ink:#0C242C; --lav:#7988A5; --lav-light:#99A4B8; --lav-lighter:#D1D6E0;
  --lav-lightest:#F2F3F6; --screen-bg:#A7AFBE; --white:#FFFFFF; --line:#E2E5EB;
  --body:#46535c; --green:#195651; --greensoft:#B3C8B9; --maxw:1100px;
}
*{margin:0;padding:0;box-sizing:border-box;}
/* Always reserve the scrollbar gutter. Short pages (e.g. /investors) would
   otherwise lose the scrollbar and shift centred content sideways when you
   navigate to them from a long page. */
html{scroll-behavior:smooth;scrollbar-gutter:stable;}
body{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text','Helvetica Neue',Arial,sans-serif;color:var(--ink);background:var(--white);line-height:1.55;-webkit-font-smoothing:antialiased;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;}

/* nav */
.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,0.9);backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid var(--line);}
.nav .row{display:flex;align-items:center;justify-content:space-between;height:62px;gap:20px;}
.brand{display:inline-flex;align-items:center;}
.brand-logo{height:26px;width:auto;}
.navlinks{display:flex;align-items:center;gap:26px;}
.navlinks a{font-size:14px;font-weight:600;color:var(--lav);transition:color .15s;}
.navlinks a:hover,.navlinks a.active{color:var(--ink);}
.navlink.stacked{display:inline-flex;flex-direction:column;align-items:flex-start;line-height:1.15;}
.navlink .navsub{font-size:10.5px;font-weight:600;letter-spacing:.3px;color:var(--lav-light);margin-top:2px;}
.navlink.stacked:hover .navsub{color:var(--lav);}
.btn{display:inline-block;background:var(--ink);color:var(--white);font-size:14px;font-weight:700;padding:10px 18px;border-radius:999px;transition:opacity .15s;}
.btn:hover{opacity:.88;}
.btn.lav{background:var(--lav);}
.btn.ghost{background:transparent;color:var(--ink);border:1.5px solid var(--lav-lighter);}
.navlinks a.btn{color:var(--white);}
.navlinks a.btn.ghost{color:var(--ink);}

/* hero */
.hero{background:linear-gradient(180deg,var(--lav-lightest),var(--white));padding:72px 0 56px;}
.hero .row{display:grid;grid-template-columns:1.15fr 0.85fr;gap:48px;align-items:center;}
/* pages that pair copy with a screenshot: top-align the text so its first
   line sits where a text-only hero starts, e.g. /industry and /investors */
.hero .row.top{align-items:start;}
.eyebrow{font-size:12px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:var(--lav);margin-bottom:18px;}
h1{font-size:60px;font-weight:300;letter-spacing:-2px;line-height:1.02;margin-bottom:20px;}
h1 b{font-weight:900;}
/* sits under the h1 and carries the line the h1 used to say */
.hero .subhead{font-size:30px;font-weight:300;letter-spacing:-1px;line-height:1.12;margin:-6px 0 18px;}
.hero .subhead b{font-weight:900;}
.lead{font-size:19px;color:var(--body);max-width:620px;margin-bottom:26px;}
.roles{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;}
.role{font-size:13px;font-weight:700;letter-spacing:.3px;color:var(--ink);background:var(--white);border:1px solid var(--lav-lighter);border-radius:999px;padding:7px 15px;}
.hero-shot img{border-radius:18px;box-shadow:0 22px 50px rgba(12,36,44,0.18);}

/* generic section */
.section{padding:64px 0;}
.section.tint{background:var(--lav-lightest);}
.section-head{max-width:760px;margin:0 0 40px;}
.section-head.center{text-align:center;margin-left:auto;margin-right:auto;}
h2{font-size:40px;font-weight:300;letter-spacing:-1.2px;line-height:1.08;margin-bottom:14px;}
h2 b{font-weight:900;}
.section-head p{font-size:17px;color:var(--body);}
.kicker{font-size:12px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--lav);margin-bottom:14px;}

/* ── OLD WAY vs NEW WAY (from the whiteboard) ───────────────── */
.versus{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch;}
.way{border:1px solid var(--line);border-radius:20px;background:var(--white);padding:32px 30px 34px;display:flex;flex-direction:column;}
.way.new{background:var(--ink);border-color:var(--ink);color:var(--white);}
.way-head{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:24px;}
.way.new .way-head{border-bottom-color:rgba(255,255,255,0.16);}
.way-label{font-size:12px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:var(--lav);}
.way.new .way-label{color:var(--greensoft);}
.way-time{font-size:30px;font-weight:900;letter-spacing:-1px;line-height:1;white-space:nowrap;}
.way.old .way-time{color:var(--ink);}
.way.new .way-time{color:var(--white);}
.way-step{font-size:12px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--lav);margin-bottom:14px;}
.way.new .way-step{color:var(--greensoft);}

/* the numbered channel stack (old way) */
.chan{display:flex;align-items:center;gap:12px;margin-bottom:9px;}
.chan .n{flex:0 0 auto;width:26px;height:26px;border-radius:999px;border:1.5px solid var(--lav-lighter);color:var(--lav);font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;}
.chan .box{flex:1 1 auto;border:1.5px solid var(--lav-lighter);border-radius:10px;background:var(--lav-lightest);padding:9px 14px;font-size:14.5px;font-weight:700;letter-spacing:.2px;color:var(--ink);}
.chan.more{color:var(--lav);font-size:22px;font-weight:900;letter-spacing:2px;justify-content:center;padding:4px 0 2px;}
.way-note{margin-top:auto;padding-top:22px;font-size:15px;color:var(--body);}
.way.new .way-note{color:var(--lav-light);}

/* the single post (new way) */
.oneline{display:flex;align-items:center;gap:12px;margin-bottom:18px;}
.oneline .n{flex:0 0 auto;width:26px;height:26px;border-radius:999px;border:1.5px solid var(--greensoft);color:var(--greensoft);font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;}
.oneline .arrow{color:var(--greensoft);font-size:16px;font-weight:800;}
.statusbox{border:1.5px solid rgba(255,255,255,0.28);border-radius:14px;padding:6px 0;}
.statusbox .s{display:flex;align-items:center;gap:12px;padding:13px 18px;font-size:15.5px;font-weight:700;letter-spacing:.2px;color:var(--white);border-bottom:1px solid rgba(255,255,255,0.12);}
.statusbox .s:last-child{border-bottom:none;}
.statusbox .dot{width:9px;height:9px;border-radius:999px;background:var(--greensoft);flex:0 0 auto;}
.statusbox .s.off .dot{background:var(--lav);}

/* cards */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.card{border:1px solid var(--line);border-radius:18px;background:var(--white);padding:28px 26px;}
.section.tint .card{background:var(--white);}
.card .ico{font-size:24px;margin-bottom:14px;}
.card h4{font-size:18px;font-weight:800;letter-spacing:-0.3px;margin-bottom:8px;}
.card p{font-size:15px;color:var(--body);}

/* two side-by-side panels */
.panels{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.panel{position:relative;border-radius:20px;padding:40px 36px;min-height:280px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;background:var(--lav);color:var(--white);}
.panel.dark{background:var(--ink);}
.panel .kicker{color:var(--white);opacity:.85;}
.panel h2{color:var(--white);font-size:34px;font-weight:300;letter-spacing:-1px;line-height:1.05;margin-bottom:12px;}
.panel h2 b{font-weight:900;}
.panel p{color:rgba(255,255,255,0.9);font-size:15.5px;max-width:420px;margin-bottom:22px;}
.panel .go{font-size:14px;font-weight:800;letter-spacing:.3px;color:var(--white);}
.panel .go:hover{opacity:.85;}

.panels.p3{grid-template-columns:repeat(3,1fr);}
.panel .go{margin-top:auto;}

/* light panel: grey ground, heavy black type */
.panel.light,.section.tint .panel.light{background:var(--lav-lightest);border:1px solid var(--lav-lighter);color:var(--ink);}
.panel.light .kicker{color:var(--lav);opacity:1;}
.panel.light h2{color:var(--ink);font-weight:900;}
.panel.light h2 b{font-weight:900;}
.panel.light p{color:var(--body);}
.panel.light .go{color:var(--ink);}

/* panel with a screenshot held to the right */
.panel.withshot{display:grid;grid-template-columns:1fr auto auto;gap:36px;align-items:center;}
.panel.withshot .ptext{display:flex;flex-direction:column;align-items:flex-start;}
.panel.withshot .pshot{justify-self:end;}
.panel.withshot .parrow{font-size:24px;font-weight:900;color:var(--ink);align-self:center;line-height:1;}
/* constrain by HEIGHT — these are tall phone mockups, so a width limit
   lets them overflow the card */
.panel.withshot .pshot img{max-height:240px;width:auto;border-radius:12px;box-shadow:0 14px 34px rgba(12,36,44,0.16);}

/* compact call-out, e.g. under the store badges on the home page */
a.minicard{display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:520px;margin-top:22px;background:var(--lav-lightest);border:1px solid var(--lav-lighter);border-radius:14px;padding:16px 20px;text-decoration:none;color:inherit;transition:box-shadow .15s ease,transform .15s ease;}
a.minicard:hover{box-shadow:0 8px 22px rgba(12,36,44,0.10);transform:translateY(-1px);}
a.minicard .mtitle{display:block;font-size:19px;font-weight:900;letter-spacing:-0.4px;color:var(--ink);}
a.minicard .msub{display:block;font-size:13.5px;color:var(--body);margin-top:2px;}
a.minicard .mshot{height:77px;width:auto;border-radius:7px;box-shadow:0 4px 14px rgba(12,36,44,0.16);margin-left:auto;}
a.minicard .marrow{font-size:15px;font-weight:900;color:var(--ink);white-space:nowrap;}

/* stat row */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:8px;}
.stat .n{font-size:42px;font-weight:900;letter-spacing:-1.5px;line-height:1;}
.stat .l{font-size:13px;color:var(--body);margin-top:8px;}

/* alternating feature rows */
.feature{display:grid;grid-template-columns:1fr 0.72fr;gap:52px;align-items:center;padding:40px 0;}
.feature.flip .ftext{order:2;}
.feature h3{font-size:30px;font-weight:800;letter-spacing:-0.6px;line-height:1.1;margin-bottom:12px;}
.feature p{font-size:16.5px;color:var(--body);max-width:480px;}
.fshot img{border-radius:16px;box-shadow:0 18px 40px rgba(12,36,44,0.16);}

/* ── numbered flow: one big step per row, connected down the left ── */
.flow{list-style:none;counter-reset:flow;margin:0;}
.flow > li{counter-increment:flow;position:relative;padding:0 0 38px 64px;border-left:2px solid var(--line);margin-left:19px;}
.flow > li:last-child{border-left-color:transparent;padding-bottom:0;}
.flow > li::before{content:counter(flow);position:absolute;left:-20px;top:-4px;width:38px;height:38px;border-radius:999px;background:var(--ink);color:var(--white);font-size:16px;font-weight:900;display:flex;align-items:center;justify-content:center;}
.flow h3{font-size:26px;font-weight:800;letter-spacing:-0.6px;line-height:1.15;margin-bottom:8px;}
.flow p{font-size:17px;color:var(--body);max-width:640px;}
.flow ul{list-style:none;margin-top:14px;}
.flow ul li{font-size:16px;color:var(--body);padding:8px 0 8px 22px;position:relative;}
.flow ul li::before{content:"";position:absolute;left:2px;top:17px;width:7px;height:7px;border-radius:2px;background:var(--lav);}
.flow .done{display:inline-block;margin-top:14px;font-size:13px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--green);background:rgba(179,200,185,0.25);border-radius:999px;padding:7px 16px;}

/* numbered steps */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.step{border-top:2px solid var(--ink);padding-top:18px;}
.step .sn{font-size:12px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--lav);margin-bottom:10px;}
.step h4{font-size:20px;font-weight:800;letter-spacing:-0.3px;margin-bottom:8px;}
.step p{font-size:15px;color:var(--body);}

/* definition list */
.deflist{border-top:1px solid var(--line);}
.deflist .row{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);}
.deflist .t{font-size:12px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--lav);padding-top:2px;}
.deflist .d{font-size:15.5px;color:var(--ink);font-weight:600;}
.deflist .d span{display:block;color:var(--body);font-weight:400;font-size:14.5px;margin-top:3px;}

/* galleries */
.gallery{display:grid;gap:14px;}
.gallery.g2{grid-template-columns:1fr 1fr;}
.gallery.g3{grid-template-columns:1fr 1fr 1fr;}
.gallery.g4{grid-template-columns:repeat(4,1fr);}
.gallery img{border-radius:14px;box-shadow:0 14px 34px rgba(12,36,44,0.13);width:100%;object-fit:cover;background:var(--screen-bg);}

/* store badges */
.badges{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:6px;}
/* Apple svg fills its box; Google png carries ~33% transparent clear-space,
   so it needs ~1.49x the height for the visible buttons to match. Same fix as fanhalo.com. */
.badges img{height:46px;width:auto;}
.badges img[alt^="Get it"]{height:68px;}
.cta-band .badges{justify-content:center;}
.badge-note{font-size:13px;color:var(--lav);margin-top:12px;}
.cta-band .badge-note{color:var(--lav-light);}

/* ── performer area (/performers) ─────────────────────────────
   Access panel is presentational only for now — the real gate will
   post to a Lambda Function URL that validates against DynamoDB. */
.gate{border:1px solid var(--line);border-radius:20px;background:var(--white);padding:34px 32px;max-width:520px;}
.gate .glabel{font-size:12px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--lav);margin-bottom:16px;}
.gate h3{font-size:24px;font-weight:800;letter-spacing:-0.5px;margin-bottom:10px;}
.gate p{font-size:15px;color:var(--body);margin-bottom:20px;}
.gate .field{width:100%;border:1.5px solid var(--lav-lighter);border-radius:10px;background:var(--lav-lightest);padding:13px 16px;font-size:15px;font-family:inherit;color:var(--ink);margin-bottom:12px;}
.gate .field::placeholder{color:var(--lav);}
.gate .field:focus{outline:none;border-color:var(--lav);background:var(--white);}
.gate .field:disabled{cursor:not-allowed;color:var(--lav);}
.gate .btn{width:100%;text-align:center;background:var(--ink);color:var(--white);border:none;font-family:inherit;font-size:14px;font-weight:700;padding:13px 18px;border-radius:999px;cursor:pointer;transition:opacity .15s;}
.gate .btn:hover{opacity:.88;}
.gate .btn:disabled{background:var(--lav-lighter);cursor:not-allowed;}
.gate .err{display:none;font-size:13.5px;font-weight:700;color:#9B2C2C;background:rgba(155,44,44,0.08);border-radius:8px;padding:10px 14px;margin-bottom:12px;}
.gate .demo{font-size:12px;color:var(--lav);margin-top:14px;padding-top:14px;border-top:1px solid var(--line);}

/* private (gated) pages */
.privatebar{background:var(--ink);color:var(--lav-light);font-size:12.5px;font-weight:600;letter-spacing:.3px;}
.privatebar .row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 0;flex-wrap:wrap;}
.privatebar .lock{color:var(--greensoft);font-weight:800;letter-spacing:1.2px;text-transform:uppercase;font-size:11px;}
.privatebar a{color:var(--white);border-bottom:1px solid rgba(255,255,255,0.3);}
.gate .soon{display:inline-block;font-size:11px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--lav);border:1px solid var(--lav-lighter);border-radius:999px;padding:5px 11px;margin-bottom:16px;}
.gate .hint{font-size:13.5px;color:var(--lav);margin:16px 0 0;}
.gate .hint a{font-weight:700;color:var(--ink);border-bottom:1px solid var(--lav-lighter);}
.routes{display:grid;grid-template-columns:1fr;gap:12px;margin-top:26px;}
.route{display:grid;grid-template-columns:34px 1fr;gap:14px;align-items:start;border-top:1px solid var(--line);padding-top:14px;}
.route .rn{width:26px;height:26px;border-radius:999px;border:1.5px solid var(--lav-lighter);color:var(--lav);font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;}
.route h4{font-size:16px;font-weight:800;letter-spacing:-0.2px;margin-bottom:4px;}
.route p{font-size:14.5px;color:var(--body);}
.access{display:grid;grid-template-columns:0.95fr 1.05fr;gap:52px;align-items:start;}

/* ── document list (investor / gated areas) ────────────────── */
.doclist{display:grid;gap:12px;}
.doc{display:grid;grid-template-columns:44px 1fr auto;gap:18px;align-items:center;background:var(--white);border:1px solid var(--line);border-radius:14px;padding:20px 24px;text-decoration:none;color:inherit;}
a.doc{transition:box-shadow .15s ease,transform .15s ease,border-color .15s ease;}
a.doc:hover{box-shadow:0 8px 24px rgba(12,36,44,0.10);transform:translateY(-1px);border-color:var(--lav-lighter);}
.doc .num{width:36px;height:36px;border-radius:999px;background:var(--lav-lightest);border:1px solid var(--lav-lighter);color:var(--lav);font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;}
.doc.ready .num{background:var(--ink);border-color:var(--ink);color:var(--white);}
.doc h4{font-size:18px;font-weight:800;letter-spacing:-0.3px;margin-bottom:3px;}
.doc p{font-size:14.5px;color:var(--body);}
.doc .state{font-size:11px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--lav);border:1px solid var(--lav-lighter);border-radius:999px;padding:5px 12px;white-space:nowrap;}
.doc.ready .state{color:var(--green);border-color:var(--greensoft);background:rgba(179,200,185,0.22);}
.doc.soon{opacity:.72;}
.doc.soon h4{font-weight:700;}

/* ── shared utilities ─────────────────────────────────────── */
.note{font-size:15px;color:var(--body);background:var(--lav-lightest);border-left:3px solid var(--lav);border-radius:8px;padding:16px 20px;margin-top:20px;}
.note strong{color:var(--ink);}
.note.dark{background:var(--ink);color:var(--lav-light);border-left-color:var(--greensoft);}
.note.dark strong{color:var(--white);}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.steps.s4{grid-template-columns:repeat(4,1fr);}
/* .section.tint .card sets white later in the sheet, so the dark variant
   needs equal-or-greater specificity to survive inside a tinted section */
.card.dark,.section.tint .card.dark{background:var(--ink);border-color:var(--ink);}
.card.dark h4{color:var(--white);}
.card.dark p,.card.dark li{color:var(--lav-light);}
.card .list{list-style:none;margin-top:6px;}
.card .list li{font-size:15px;color:var(--body);padding:9px 0 9px 20px;position:relative;border-bottom:1px solid var(--line);}
.card .list li:last-child{border-bottom:none;}
.card .list li::before{content:"";position:absolute;left:2px;top:17px;width:7px;height:7px;border-radius:2px;background:var(--lav);}
.card.dark .list li{border-bottom-color:rgba(255,255,255,0.10);}
.card.dark .list li::before{background:var(--greensoft);}

/* ── sitemap cards ────────────────────────────────────────── */
.sitemap{display:flex;flex-direction:column;gap:14px;}
.sitecard{display:block;text-decoration:none;color:inherit;background:var(--white);border:1px solid var(--line);border-radius:16px;padding:24px 28px;transition:box-shadow .15s ease,transform .15s ease,border-color .15s ease;}
a.sitecard:hover{box-shadow:0 10px 26px rgba(12,36,44,0.10);transform:translateY(-1px);border-color:var(--lav-lighter);}
.sitecard .url{font-size:22px;font-weight:900;letter-spacing:-0.6px;color:var(--ink);}
.sitecard .url .path{color:var(--lav);}
.sitecard p{font-size:15px;color:var(--body);margin-top:6px;max-width:640px;}
.sitecard .meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;}
.sitecard .tag{font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--lav);border:1px solid var(--lav-lighter);border-radius:999px;padding:4px 11px;}
.sitecard .tag.gated{color:var(--green);border-color:var(--greensoft);background:rgba(179,200,185,0.22);}
/* children sit indented under their parent, with a connector down the left */
.sitecard.child{margin-left:46px;position:relative;}
.sitecard.child::before{content:"";position:absolute;left:-26px;top:-15px;bottom:50%;width:1px;background:var(--lav-lighter);}
.sitecard.child::after{content:"";position:absolute;left:-26px;top:50%;width:20px;height:1px;background:var(--lav-lighter);}
.sitegroup{display:flex;flex-direction:column;gap:14px;}
.sitegroup + .sitegroup{margin-top:24px;}

/* dark CTA band */
.cta-band{background:var(--ink);color:var(--white);text-align:center;padding:66px 0;}
.cta-band h2{color:var(--white);}
.cta-band p{font-size:17px;color:var(--lav-light);max-width:580px;margin:0 auto 8px;}

/* footer */
.foot{background:var(--ink);color:var(--lav-light);padding:40px 0 48px;border-top:1px solid rgba(255,255,255,0.08);}
.foot .row{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;}
.foot .brand-logo{filter:brightness(0) invert(1);}  /* two-tone logo -> solid white on the dark footer */
.foot a{color:var(--lav-light);font-size:14px;font-weight:600;}
.foot a:hover{color:var(--white);}
.foot .links{display:flex;gap:22px;flex-wrap:wrap;}
.foot .copy{font-size:12px;color:var(--lav);width:100%;margin-top:8px;}

@media (max-width:860px){
  h1{font-size:42px;letter-spacing:-1.2px;}
  h2{font-size:30px;}
  .hero .row,.versus,.panels,.panels.p3,.feature,.cards,.steps,.steps.s4,.access,.grid2,.panel.withshot,.gallery.g3,.gallery.g4{grid-template-columns:1fr;gap:28px;}
  .panel.withshot .pshot{justify-self:start;}
  .panel.withshot .parrow{display:none;}
  a.minicard .mshot{display:none;}
  .doc{grid-template-columns:36px 1fr;gap:14px;}
  .flow > li{padding-left:46px;}
  .flow h3{font-size:21px;}
  .sitecard.child{margin-left:20px;}
  .sitecard.child::before,.sitecard.child::after{display:none;}
  .doc .state{grid-column:2;justify-self:start;}
  .feature.flip .ftext{order:0;}
  .stats{grid-template-columns:1fr 1fr;}
  .navlinks{gap:14px;}
  .navlinks .navlink{display:none;}
  .navlinks .navlink.stacked{display:inline-flex;}
  .deflist .row{grid-template-columns:1fr;gap:4px;}
  .way-head{flex-direction:column;align-items:flex-start;gap:4px;}
}