/* ============================================================
   龙8电子主站 · 共享样式 /assets/site.css
   深墨黑基底 + 矿物色体系 + 侧边导览式栅格
   ============================================================ */

/* ---------- tokens ---------- */
:root{
  --l8-ink:#0A0C0E;
  --l8-graphite:#171C21;
  --l8-graphite-2:#1E242B;
  --l8-silver:#C6CDD3;
  --l8-cinnabar:#C8402F;
  --l8-cyan:#35D6D0;
  --l8-amber:#E5A93C;
  --l8-rock:#6E767C;
  --l8-moss:#7C8B5A;
  --l8-clay:#B06A4C;
  --l8-paper:#F3EFE7;
  --l8-line:rgba(198,205,211,.14);
  --l8-line-strong:rgba(198,205,211,.3);
  --l8-max:1440px;
  --l8-gap:24px;
  --l8-cut:8px;
  --l8-cut-lg:14px;
  --l8-font-sans:"Noto Sans SC","Source Han Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,-apple-system,"Segoe UI",sans-serif;
  --l8-font-mono:"JetBrains Mono","IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,"Courier New",monospace;
  --l8-ease:cubic-bezier(.22,.61,.36,1);
}

/* ---------- reset ---------- */
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body,h1,h2,h3,h4,h5,p,ul,ol,li,figure,blockquote,dl,dt,dd{margin:0;}
ul,ol{padding:0;list-style:none;}
img,svg,video{display:block;max-width:100%;height:auto;}
button{background:none;border:0;cursor:pointer;color:inherit;}
a{color:var(--l8-cyan);text-decoration:none;}
a:hover{text-decoration:underline;}
[hidden]{display:none !important;}
:focus-visible{outline:2px solid var(--l8-cyan);outline-offset:3px;}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  *,*::before,*::after{animation-duration:.001ms !important;transition-duration:.001ms !important;}
}

/* ---------- base ---------- */
body{
  min-height:100vh;
  background-color:var(--l8-ink);
  background-image:
    linear-gradient(rgba(198,205,211,.032) 1px,transparent 1px),
    linear-gradient(90deg,rgba(198,205,211,.032) 1px,transparent 1px);
  background-size:72px 72px,72px 72px;
  color:var(--l8-silver);
  font-family:var(--l8-font-sans);
  font-size:16.5px;
  line-height:1.85;
  letter-spacing:.01em;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{color:var(--l8-paper);font-weight:700;line-height:1.25;letter-spacing:-.01em;}
h1{font-size:clamp(30px,4.2vw,40px);}
h2{font-size:clamp(21px,2.4vw,26px);}
h3{font-size:18px;}
strong,b{color:var(--l8-paper);font-weight:700;}
html[data-nav-open],html[data-nav-open] body{overflow:hidden;}

/* ---------- layout ---------- */
.l8-container{width:min(100% - 40px,var(--l8-max));margin-inline:auto;}
.l8-shell{
  display:grid;
  grid-template-columns:minmax(0,3fr) minmax(0,9fr);
  gap:var(--l8-gap);
  align-items:start;
}
.l8-grid{display:grid;gap:var(--l8-gap);}
.l8-grid--2{grid-template-columns:repeat(2,minmax(0,1fr));}
.l8-grid--3{grid-template-columns:repeat(3,minmax(0,1fr));}
.l8-grid--auto{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));}

/* ---------- skip link ---------- */
.l8-skip{
  position:fixed;top:8px;left:8px;z-index:200;
  transform:translateY(-180%);
  padding:10px 18px;
  background:var(--l8-cinnabar);color:var(--l8-paper);
  font-size:14px;font-weight:700;letter-spacing:.06em;
  text-decoration:none;
  clip-path:polygon(var(--l8-cut) 0,100% 0,100% calc(100% - var(--l8-cut)),calc(100% - var(--l8-cut)) 100%,0 100%,0 var(--l8-cut));
  transition:transform .18s var(--l8-ease);
}
.l8-skip:focus{transform:translateY(0);text-decoration:none;}

/* ---------- header ---------- */
.l8-header{
  position:sticky;top:0;z-index:60;
  background:rgba(10,12,14,.94);
  border-bottom:1px solid var(--l8-line);
  backdrop-filter:blur(12px);
}
.l8-header__top{border-bottom:1px solid var(--l8-line);}
.l8-header__top-inner{
  display:flex;align-items:center;gap:20px;
  min-height:74px;padding:12px 0;
}
.l8-brand{display:inline-flex;align-items:center;gap:14px;flex:0 0 auto;text-decoration:none;}
.l8-brand:hover{text-decoration:none;}
.l8-brand__mark{
  display:grid;place-items:center;
  width:42px;height:42px;flex:0 0 auto;
  font-family:var(--l8-font-mono);font-size:15px;font-weight:700;letter-spacing:.06em;
  color:var(--l8-paper);
  background:linear-gradient(140deg,var(--l8-cinnabar),#8d2a1d);
  clip-path:polygon(var(--l8-cut) 0,100% 0,100% calc(100% - var(--l8-cut)),calc(100% - var(--l8-cut)) 100%,0 100%,0 var(--l8-cut));
}
.l8-brand__text{display:flex;flex-direction:column;gap:2px;}
.l8-brand__name{color:var(--l8-paper);font-size:16px;font-weight:700;letter-spacing:.04em;line-height:1.3;}
.l8-brand__tagline{color:var(--l8-rock);font-size:11.5px;letter-spacing:.1em;line-height:1.3;}
.l8-header__actions{display:flex;align-items:center;gap:10px;margin-left:auto;}
.l8-utility{display:flex;align-items:center;gap:4px;margin-right:6px;}
.l8-utility__link{
  display:inline-block;padding:8px 10px;
  color:var(--l8-rock);font-size:13px;letter-spacing:.04em;text-decoration:none;
  border-bottom:1px solid transparent;
}
.l8-utility__link:hover{color:var(--l8-cyan);border-bottom-color:var(--l8-cyan);text-decoration:none;}

.l8-header__navrow{position:relative;}
.l8-nav{background:transparent;}
.l8-nav__inner{display:flex;align-items:center;justify-content:space-between;gap:20px;}
.l8-nav__list{display:flex;flex-wrap:wrap;align-items:center;gap:2px;}
.l8-nav__link{
  display:inline-flex;align-items:baseline;gap:8px;
  padding:13px 14px;
  color:var(--l8-silver);font-size:15px;font-weight:500;letter-spacing:.02em;
  border-bottom:2px solid transparent;
  text-decoration:none;
  transition:color .18s var(--l8-ease),border-color .18s var(--l8-ease);
}
.l8-nav__link:hover{color:var(--l8-paper);border-bottom-color:var(--l8-cyan);text-decoration:none;}
.l8-nav__idx{font-family:var(--l8-font-mono);font-size:11px;letter-spacing:.1em;color:var(--l8-rock);}
.l8-nav__link[aria-current="page"]{color:var(--l8-paper);border-bottom-color:var(--l8-cinnabar);}
.l8-nav__link[aria-current="page"] .l8-nav__idx{color:var(--l8-cinnabar);}
.l8-nav__meta{
  flex:0 0 auto;
  font-family:var(--l8-font-mono);font-size:11.5px;letter-spacing:.12em;
  color:var(--l8-rock);text-transform:uppercase;
}

/* 移动导航按钮 */
.l8-nav-toggle{
  display:none;align-items:center;gap:8px;
  margin-left:auto;padding:10px 14px;
  border:1px solid var(--l8-line-strong);
  color:var(--l8-silver);
  font-size:13px;letter-spacing:.12em;
  clip-path:polygon(var(--l8-cut) 0,100% 0,100% calc(100% - var(--l8-cut)),calc(100% - var(--l8-cut)) 100%,0 100%,0 var(--l8-cut));
}
.l8-nav-toggle__bar{display:block;width:16px;height:1.5px;background:var(--l8-silver);}
.l8-nav-toggle__label{font-weight:600;}
.l8-nav-toggle:hover{border-color:var(--l8-cyan);color:var(--l8-paper);}

/* 滚动进度光轨 */
.l8-progress{
  position:absolute;left:0;bottom:-1px;height:2px;width:0;
  background:linear-gradient(90deg,var(--l8-cyan),var(--l8-cinnabar) 55%,var(--l8-amber));
}
/* 遮罩 */
.l8-scrim{
  position:fixed;inset:0;z-index:55;
  background:rgba(6,8,10,.76);
  opacity:0;pointer-events:none;
  transition:opacity .22s var(--l8-ease);
}
html[data-nav-open] .l8-scrim{opacity:1;pointer-events:auto;display:block !important;}

/* ---------- buttons ---------- */
.l8-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:11px 20px;
  font-size:14px;font-weight:700;letter-spacing:.06em;line-height:1.4;
  text-decoration:none;white-space:nowrap;
  clip-path:polygon(var(--l8-cut) 0,100% 0,100% calc(100% - var(--l8-cut)),calc(100% - var(--l8-cut)) 100%,0 100%,0 var(--l8-cut));
  transition:background-color .18s var(--l8-ease),color .18s var(--l8-ease),box-shadow .18s var(--l8-ease);
}
.l8-btn:hover{text-decoration:none;}
.l8-btn--primary{background:var(--l8-cinnabar);color:var(--l8-paper);}
.l8-btn--primary:hover{background:#d9503c;}
.l8-btn--ghost{background:transparent;color:var(--l8-silver);box-shadow:inset 0 0 0 1px var(--l8-line-strong);}
.l8-btn--ghost:hover{color:var(--l8-paper);box-shadow:inset 0 0 0 1px var(--l8-cyan);}
.l8-btn--sm{padding:8px 14px;font-size:13px;}

/* ---------- breadcrumbs ---------- */
.l8-crumbs{padding:18px 0 6px;font-size:13px;color:var(--l8-rock);}
.l8-crumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:8px;}
.l8-crumbs li{display:flex;align-items:center;gap:8px;}
.l8-crumbs li+li::before{content:"／";color:var(--l8-rock);opacity:.6;}
.l8-crumbs a{color:var(--l8-rock);}
.l8-crumbs a:hover{color:var(--l8-cyan);}
.l8-crumbs [aria-current="page"]{color:var(--l8-silver);}

/* ---------- sections ---------- */
.l8-section{padding:52px 0;}
.l8-section__head{
  display:flex;align-items:flex-end;gap:18px;flex-wrap:wrap;
  padding-bottom:14px;margin-bottom:26px;
  border-bottom:1px solid var(--l8-line);
}
.l8-section__num{
  font-family:var(--l8-font-mono);font-weight:700;
  font-size:clamp(34px,5vw,56px);line-height:.9;letter-spacing:-.02em;
  color:transparent;
  -webkit-text-stroke:1px var(--l8-rock);
}
.l8-section__title{font-size:clamp(21px,2.4vw,26px);}
.l8-section__desc{color:var(--l8-rock);font-size:14.5px;max-width:62ch;line-height:1.7;}
.l8-lead{font-size:17.5px;line-height:1.9;color:var(--l8-silver);max-width:64ch;}
.l8-muted{color:var(--l8-rock);font-size:14px;}
.l8-label{
  display:inline-block;
  font-family:var(--l8-font-mono);
  font-size:12px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--l8-rock);
}
.l8-num{
  font-family:var(--l8-font-mono);font-weight:700;
  font-size:clamp(28px,3.4vw,42px);line-height:1.05;letter-spacing:-.02em;
  color:var(--l8-amber);
}
.l8-num--xl{font-size:clamp(52px,7vw,72px);}
.l8-rule{
  height:1px;border:0;margin:34px 0;
  background:linear-gradient(90deg,var(--l8-cinnabar) 0 12%,var(--l8-cyan) 12% 22%,var(--l8-line) 22% 100%);
  transform:skewY(-.6deg);
}

/* ---------- panel ---------- */
.l8-panel{
  padding:24px 26px;
  background:var(--l8-graphite);
  border:1px solid var(--l8-line);
  clip-path:polygon(var(--l8-cut-lg) 0,100% 0,100% calc(100% - var(--l8-cut-lg)),calc(100% - var(--l8-cut-lg)) 100%,0 100%,0 var(--l8-cut-lg));
}
.l8-panel__head{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding-bottom:12px;margin-bottom:16px;
  border-bottom:1px solid var(--l8-line);
}
.l8-panel__title{font-size:18px;color:var(--l8-paper);}

/* ---------- tags ---------- */
.l8-tag{
  display:inline-flex;align-items:center;gap:6px;
  padding:3px 10px;
  font-family:var(--l8-font-mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--l8-silver);background:rgba(198,205,211,.08);
  border-left:2px solid var(--l8-rock);
}
.l8-tag--live{color:var(--l8-cinnabar);background:rgba(200,64,47,.12);border-left-color:var(--l8-cinnabar);animation:l8-breathe 2s var(--l8-ease) infinite;}
.l8-tag--ok{color:var(--l8-moss);background:rgba(124,139,90,.14);border-left-color:var(--l8-moss);}
@keyframes l8-breathe{
  0%,100%{opacity:1;}
  50%{opacity:.94;}
}

/* ---------- tabs ---------- */
.l8-tabs{width:100%;}
.l8-tabs__list{
  display:flex;flex-wrap:wrap;gap:2px;
  border-bottom:1px solid var(--l8-line);margin-bottom:22px;
}
.l8-tabs__btn{
  padding:11px 18px;
  color:var(--l8-rock);font-size:14px;font-weight:600;letter-spacing:.04em;
  border-bottom:2px solid transparent;
  transition:color .18s var(--l8-ease),border-color .18s var(--l8-ease);
}
.l8-tabs__btn:hover{color:var(--l8-silver);}
.l8-tabs__btn[aria-selected="true"]{color:var(--l8-paper);border-bottom-color:var(--l8-cyan);}
.l8-tabs__panel{padding-top:4px;}
.l8-tabs__panel[hidden]{display:none;}

/* ---------- table ---------- */
.l8-table{width:100%;border-collapse:collapse;font-size:14.5px;}
.l8-table caption{text-align:left;padding-bottom:10px;color:var(--l8-rock);font-size:13px;letter-spacing:.08em;}
.l8-table th,.l8-table td{
  padding:11px 12px;text-align:left;
  border-bottom:1px solid var(--l8-line);
}
.l8-table th{color:var(--l8-rock);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;}
.l8-table td{color:var(--l8-silver);}
.l8-table td:first-child,.l8-table .is-num{font-family:var(--l8-font-mono);color:var(--l8-paper);}

/* ---------- side rail ---------- */
.l8-rail{position:sticky;top:132px;align-self:start;}
.l8-rail__list{
  display:flex;flex-direction:column;gap:2px;
  border-left:1px solid var(--l8-line);
}
.l8-rail__link{
  display:block;
  margin-left:-1px;padding:9px 12px 9px 16px;
  border-left:2px solid transparent;
  color:var(--l8-rock);font-size:14px;line-height:1.5;text-decoration:none;
  transition:color .18s var(--l8-ease),border-color .18s var(--l8-ease),background-color .18s var(--l8-ease);
}
.l8-rail__link:hover{color:var(--l8-silver);text-decoration:none;background:rgba(198,205,211,.04);}
.l8-rail__link.is-active,.l8-rail__link[aria-current="true"]{
  color:var(--l8-paper);border-left-color:var(--l8-cyan);background:rgba(53,214,208,.06);
}

/* ---------- media ---------- */
.l8-media{
  position:relative;overflow:hidden;display:block;
  aspect-ratio:16/9;
  background:var(--l8-graphite);
  border:1px solid var(--l8-line);
  clip-path:polygon(var(--l8-cut-lg) 0,100% 0,100% calc(100% - var(--l8-cut-lg)),calc(100% - var(--l8-cut-lg)) 100%,0 100%,0 var(--l8-cut-lg));
}
.l8-media::before{
  content:"";position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(198,205,211,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(198,205,211,.05) 1px,transparent 1px);
  background-size:26px 26px,26px 26px;
}
.l8-media>img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;}
.l8-media--wide{aspect-ratio:21/9;}
.l8-media--tall{aspect-ratio:4/5;}
.l8-media__cap{
  position:absolute;z-index:2;left:0;bottom:0;
  padding:7px 14px;
  background:rgba(10,12,14,.82);
  font-family:var(--l8-font-mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--l8-silver);
}

/* ---------- reveal ---------- */
.l8-reveal{opacity:0;transform:translateY(8px);transition:opacity .22s var(--l8-ease),transform .22s var(--l8-ease);}
.l8-reveal.is-in{opacity:1;transform:none;}
@media (prefers-reduced-motion:reduce){
  .l8-reveal{opacity:1;transform:none;}
}

/* ---------- footer ---------- */
.l8-footer{
  margin-top:72px;
  border-top:1px solid var(--l8-line-strong);
  background:linear-gradient(180deg,var(--l8-graphite) 0%,var(--l8-ink) 62%);
}
.l8-footer::before{
  content:"";display:block;height:2px;
  background:linear-gradient(90deg,var(--l8-cinnabar) 0 16%,var(--l8-cyan) 16% 30%,rgba(198,205,211,.14) 30% 100%);
}
.l8-footer__grid{
  display:grid;
  grid-template-columns:minmax(220px,1.3fr) repeat(3,minmax(130px,.7fr)) minmax(280px,1.6fr);
  gap:40px 32px;
  padding:56px 0 42px;
}
.l8-footer__brand{display:flex;flex-direction:column;gap:8px;align-items:flex-start;}
.l8-footer__mark{
  display:grid;place-items:center;width:38px;height:38px;margin-bottom:4px;
  font-family:var(--l8-font-mono);font-size:14px;font-weight:700;letter-spacing:.06em;
  color:var(--l8-paper);background:linear-gradient(140deg,var(--l8-cinnabar),#8d2a1d);
  clip-path:polygon(var(--l8-cut) 0,100% 0,100% calc(100% - var(--l8-cut)),calc(100% - var(--l8-cut)) 100%,0 100%,0 var(--l8-cut));
}
.l8-footer__name{color:var(--l8-paper);font-size:16px;font-weight:700;letter-spacing:.04em;}
.l8-footer__tagline{
  font-family:var(--l8-font-mono);font-size:11.5px;letter-spacing:.12em;
  color:var(--l8-cyan);text-transform:uppercase;
}
.l8-footer__blurb{color:var(--l8-rock);font-size:14px;line-height:1.8;max-width:30ch;}
.l8-footer__col{display:flex;flex-direction:column;gap:12px;}
.l8-footer__title{
  color:var(--l8-paper);font-size:13px;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;
  padding-bottom:10px;border-bottom:1px solid var(--l8-line);
}
.l8-footer__list{display:flex;flex-direction:column;gap:8px;}
.l8-footer__link{
  position:relative;display:inline-block;
  padding-left:12px;
  color:var(--l8-silver);font-size:14.5px;text-decoration:none;
  transition:color .18s var(--l8-ease),padding-left .18s var(--l8-ease);
}
.l8-footer__link::before{
  content:"";position:absolute;left:0;top:.72em;
  width:5px;height:1px;background:var(--l8-rock);
  transition:width .18s var(--l8-ease),background-color .18s var(--l8-ease);
}
.l8-footer__link:hover{color:var(--l8-cyan);text-decoration:none;padding-left:16px;}
.l8-footer__link:hover::before{width:9px;background:var(--l8-cyan);}
.l8-footer__contact{gap:14px;}
.l8-contact{display:flex;flex-direction:column;gap:12px;}
.l8-contact__row{
  display:grid;
  grid-template-columns:86px minmax(0,1fr) auto;
  align-items:baseline;gap:10px;
  padding-bottom:10px;
  border-bottom:1px dashed var(--l8-line);
}
.l8-contact__key{font-family:var(--l8-font-mono);font-size:11.5px;letter-spacing:.1em;color:var(--l8-rock);text-transform:uppercase;}
.l8-contact__val{color:var(--l8-silver);font-size:14px;line-height:1.7;word-break:break-word;}
.l8-copy{
  padding:4px 10px;
  border:1px solid var(--l8-line-strong);
  color:var(--l8-rock);font-size:12px;letter-spacing:.08em;
  clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px);
  transition:color .18s var(--l8-ease),border-color .18s var(--l8-ease);
}
.l8-copy:hover{color:var(--l8-cyan);border-color:var(--l8-cyan);}
.l8-copy.is-done{color:var(--l8-moss);border-color:var(--l8-moss);}
.l8-footer__note{color:var(--l8-rock);font-size:13.5px;line-height:1.8;max-width:38ch;}
.l8-footer__bottom{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;
  padding:18px 0 26px;
  border-top:1px solid var(--l8-line);
  font-size:13px;color:var(--l8-rock);
}
.l8-footer__legal{font-family:var(--l8-font-mono);letter-spacing:.08em;}
.l8-footer__copy{letter-spacing:.02em;}

/* ---------- responsive ---------- */
@media (max-width:1180px){
  .l8-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 28px;}
  .l8-footer__contact{grid-column:1 / -1;}
}
@media (max-width:1024px){
  .l8-shell{grid-template-columns:minmax(0,1fr);}
  .l8-rail{position:static;top:auto;}
  .l8-rail__list{
    flex-direction:row;gap:6px;
    border-left:0;border-bottom:1px solid var(--l8-line);
    overflow-x:auto;padding-bottom:6px;scrollbar-width:thin;
  }
  .l8-rail__link{margin-left:0;border-left:0;border-bottom:2px solid transparent;white-space:nowrap;padding:8px 12px;}
  .l8-rail__link.is-active,.l8-rail__link[aria-current="true"]{border-bottom-color:var(--l8-cyan);background:rgba(53,214,208,.06);}
}
@media (max-width:980px){
  .l8-header__top{position:relative;z-index:80;background:rgba(10,12,14,.98);}
  .l8-header__top-inner{min-height:64px;flex-wrap:wrap;gap:12px;}
  .l8-brand__tagline{display:none;}
  .l8-utility{display:none;}
  .l8-header__actions .l8-btn--ghost{display:none;}
  .l8-header__actions .l8-btn--primary{padding:9px 14px;font-size:13px;}
  .l8-nav-toggle{display:inline-flex;margin-left:0;}
  .l8-nav{
    position:fixed;top:0;left:0;bottom:0;z-index:70;
    width:min(84vw,340px);
    padding:110px 22px 32px;
    overflow-y:auto;
    background:var(--l8-graphite);
    border-right:1px solid var(--l8-line-strong);
    transform:translateX(-102%);
    transition:transform .26s var(--l8-ease);
    display:block;
  }
  .l8-nav[data-open]{transform:translateX(0);}
  .l8-nav__inner{display:block;}
  .l8-nav__list{flex-direction:column;align-items:stretch;gap:0;}
  .l8-nav__link{
    display:flex;width:100%;padding:13px 12px;
    border-bottom:0;border-left:2px solid transparent;
    font-size:15.5px;
  }
  .l8-nav__link:hover{border-left-color:var(--l8-cyan);border-bottom-color:transparent;}
  .l8-nav__link[aria-current="page"]{border-left-color:var(--l8-cinnabar);border-bottom-color:transparent;background:rgba(200,64,47,.08);}
  .l8-nav__meta{margin-top:22px;padding-top:16px;border-top:1px solid var(--l8-line);}
}
@media (max-width:760px){
  body{font-size:16px;}
  .l8-container{width:min(100% - 32px,var(--l8-max));}
  .l8-grid--2,.l8-grid--3{grid-template-columns:minmax(0,1fr);}
  .l8-section{padding:40px 0;}
  .l8-panel{padding:20px;}
  .l8-footer__grid{grid-template-columns:minmax(0,1fr);padding:42px 0 30px;}
  .l8-contact__row{grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;}
  .l8-contact__key{grid-column:1 / -1;}
  .l8-footer__bottom{flex-direction:column;align-items:flex-start;}
  .l8-section__head{gap:12px;}
}