/* PROФФ-KZ / visual system 2026
   Loaded after the legacy stylesheet so application logic remains untouched. */
:root {
  --accent: #1458ff;
  --accent-deep: #0739b9;
  --accent-soft: #eaf0ff;
  --ink: #0a1020;
  --muted: #687083;
  --paper: #f4f6fa;
  --card: #ffffff;
  --line: #dfe4ee;
  --max: 1320px;
  --radius-xl: 34px;
  --radius-lg: 26px;
  --radius-md: 18px;
  --section-gap: 88px;
  --shadow: 0 24px 70px rgba(22, 38, 78, .09);
  --shadow-hover: 0 28px 70px rgba(20, 73, 199, .16);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  overflow-x: hidden;
  color: var(--ink);
  background:
    radial-gradient(circle at 92% 4%, rgba(20, 88, 255, .09), transparent 25rem),
    var(--paper);
}
body, button, input, select, textarea { font-family: Montserrat, Arial, sans-serif; }
::selection { color: #fff; background: var(--accent); }
:focus-visible { outline: 3px solid rgba(20, 88, 255, .32); outline-offset: 3px; }

.shell, .wrap, .header-inner, .footer-inner { width: min(var(--max), calc(100% - 48px)); }
.wrap { padding: 24px 0 88px; }
.eyebrow { color: var(--accent); font-size: 10px; letter-spacing: .19em; }

/* Utility motion */
.motion-ready .reveal-block {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity .7s cubic-bezier(.2,.7,.2,1), transform .7s cubic-bezier(.2,.7,.2,1);
}
.motion-ready .reveal-block.is-revealed { opacity: 1; transform: none; }

/* Header */
.topbar {
  height: 34px;
  background: var(--accent);
  letter-spacing: .045em;
}
.topbar .shell { gap: 24px; }
.topbar-note { opacity: .75; }
.site-header {
  height: 78px;
  background: rgba(255, 255, 255, .84);
  border-bottom: 1px solid rgba(210, 218, 234, .8);
  backdrop-filter: blur(20px) saturate(160%);
  transition: box-shadow .25s ease, background .25s ease;
}
.site-header.is-scrolled { background: rgba(255,255,255,.94); box-shadow: 0 10px 35px rgba(15,30,62,.08); }
.header-inner { grid-template-columns: 190px minmax(0, 1fr) auto; gap: 22px; }
.logo img { width: 158px; }
.nav { gap: clamp(16px, 2vw, 31px); font-size: 11px; font-weight: 600; }
.nav a { color: #30384a; }
.nav a::after { height: 2px; bottom: 1px; background: var(--accent); }
.nav a.active { color: var(--accent); }
.pill, .header-cart-button {
  border-color: var(--line);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.pill:hover, .header-cart-button:hover { transform: translateY(-2px); border-color: #b9c8e8; }
.pill.dark { border-color: var(--accent); background: var(--accent); box-shadow: 0 10px 24px rgba(20,88,255,.18); }
.pill.dark:hover { box-shadow: 0 14px 28px rgba(20,88,255,.28); }
.mobile-nav-toggle { display: none; }

/* Home / hero */
.home-page .hero-v5 {
  height: clamp(420px, calc(100svh - 260px), 560px);
  min-height: 420px;
  grid-template-columns: minmax(0, 1.12fr) minmax(390px, .88fr);
  gap: 14px;
}
.hero-copy, .hero-stage { border-radius: var(--radius-xl); }
.home-page .hero-copy {
  position: relative;
  overflow: hidden;
  min-height: 0;
  padding: clamp(30px, 3.3vw, 46px);
  justify-content: flex-start;
  border-color: rgba(213,220,234,.9);
  box-shadow: var(--shadow);
}
.hero-copy::before {
  content: "";
  position: absolute;
  width: 320px; height: 320px;
  right: -180px; top: -190px;
  border: 1px solid rgba(20,88,255,.14);
  border-radius: 50%;
  box-shadow: 0 0 0 55px rgba(20,88,255,.025), 0 0 0 110px rgba(20,88,255,.018);
}
.home-page .hero-copy .eyebrow { margin-bottom: clamp(26px, 4vh, 44px); }
.hero h1 { max-width: 720px; font-size: clamp(38px, 3.25vw, 50px); line-height: .98; letter-spacing: -.058em; }
.hero h1 em { color: var(--accent); font-style: normal; }
.hero-sub { max-width: 620px; font-size: 12px; line-height: 1.68; margin-top:18px; }
.hero-bottom { margin-top: auto; padding-top:20px; }
.audience-toggle { padding: 5px; border-color: var(--line); background: #f2f5fa; }
.audience-toggle button { min-height: 38px; padding: 9px 17px; }
.audience-toggle .active { background: var(--ink); box-shadow: 0 8px 18px rgba(10,16,32,.15); }
.hero-catalog-cta {
  width: 152px; height: 48px;
  border-radius: 999px;
  padding: 0 18px;
  display: flex; flex-direction: row; align-items:center; justify-content: space-between;
  color: #fff; background: var(--accent);
  font-size: 11px; font-weight: 700;
  box-shadow: 0 18px 38px rgba(20,88,255,.28);
  transition: transform .35s ease, box-shadow .35s ease;
}
.hero-catalog-cta b { align-self: auto; font-size: 18px; }
.hero-catalog-cta:hover { transform: translateY(-3px); box-shadow: 0 18px 38px rgba(20,88,255,.38); }
.home-page .hero-stage {
  min-height:0;
  background:
    radial-gradient(circle at 72% 22%, rgba(255,255,255,.65), transparent 28%),
    linear-gradient(145deg, #dce8ff 0%, #87aefb 45%, #1855d6 100%);
  color: #071334;
  box-shadow: var(--shadow);
}
.home-page .hero-stage::before {
  content:"PRO";
  position:absolute;
  left:50%; top:50%;
  transform:translate(-50%,-54%);
  z-index:0;
  color:rgba(255,255,255,.2);
  font-size:clamp(120px,14vw,215px);
  line-height:1;
  font-weight:800;
  letter-spacing:-.09em;
}
.stage-orbit { border-color: rgba(255,255,255,.44); animation: orbitFloat 9s ease-in-out infinite; }
.orbit-b { animation-delay: -3s; }
.home-page .product-stage { inset:54px 18px 48px; align-items: center; gap: 15px; }
.bottle { box-shadow: 0 30px 65px rgba(7,22,65,.24); transition: transform .55s cubic-bezier(.2,.7,.2,1); }
.hero-stage:hover .b1 { transform: rotate(-5deg) translate(-6px,-12px); }
.hero-stage:hover .b2 { transform: rotate(1deg) translateY(-7px); }
.hero-stage:hover .b3 { transform: rotate(6deg) translate(6px,-9px); }
.b1 { background: linear-gradient(100deg,#f8fbff,#dce5f5); }
.b2 { background: linear-gradient(100deg,#e8d8d2,#c7a89c); }
.b3 { background: linear-gradient(100deg,#10192f,#233865); color: #c9d9ff; }
@keyframes orbitFloat { 0%,100%{transform:translate(0,0) scale(1)} 50%{transform:translate(-12px,10px) scale(1.04)} }

.trust-strip { border-radius: var(--radius-lg); background: #091126; overflow: hidden; box-shadow: var(--shadow); }
.trust-strip > div { min-height: 94px; padding-top:18px; padding-bottom:18px; border-color: rgba(255,255,255,.1); transition: background .25s ease; }
.trust-strip > div:hover { background: rgba(20,88,255,.14); }
.trust-strip span { color: #719cff; }

/* Bento sections */
.section-intro { margin-top: 88px; }
.section-intro h2, .company-main h2, .page-head h1, .schedule-head h2 { letter-spacing: -.055em; }
.brands-panel { padding: 14px; border-radius: var(--radius-xl); border-color: var(--line); box-shadow: var(--shadow); }
.brand-tile { min-height: 142px; padding: 24px; border-radius: 22px; background: #f5f7fb; }
.brand-tile:nth-child(1), .brand-tile:nth-child(6) { background: var(--accent-soft); }
.brand-tile:hover { transform: translateY(-6px); border-color: #b9c9f0; background: #fff; box-shadow: var(--shadow-hover); }
.brand-tile b { font-size: 15px; }
.brand-tile-more { color: #fff; background: var(--accent) !important; }
.brand-tile-more b, .brand-tile-more span { color: #fff; }

.editorial-grid { margin-top: var(--section-gap); gap: 14px; }
.editorial-card { min-height: 470px; padding: 32px 36px 34px; border-radius: var(--radius-xl); overflow: hidden; position: relative; }
.editorial-card::after {
  content: ""; position: absolute; width: 260px; height: 260px; right: -100px; top: -100px;
  border-radius: 50%; border: 1px solid rgba(255,255,255,.38); box-shadow: 0 0 0 45px rgba(255,255,255,.07);
  transition: transform .6s ease;
}
.editorial-card:hover::after { transform: scale(1.16) translate(-8px,8px); }
.training-card { background: linear-gradient(145deg,#dce8ff,#8cb0fa); }
.knowledge-card { color: #fff; background: linear-gradient(145deg,#172448,#081127); }
.knowledge-card .eyebrow { color: #82a8ff; }
.knowledge-card p:not(.eyebrow), .knowledge-card .editorial-top { color: #b9c5df; }
.knowledge-card > a { border-color: rgba(255,255,255,.2); }

.company-section {
  margin-top:var(--section-gap); padding:27px 30px 26px;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  grid-template-areas:
    "kicker kicker"
    "main copy"
    "main ai"
    "scale scale"
    "features features";
  gap:17px 52px; border-radius:var(--radius-xl);
  background:
    radial-gradient(circle at 100% 0, rgba(20,88,255,.3), transparent 28rem),
    #071027;
  box-shadow: var(--shadow);
}
.company-kicker { grid-area:kicker; padding-bottom:13px; }
.company-main { grid-area:main; align-self:start; }
.company-main h2 { max-width:650px; font-size:clamp(32px,2.8vw,42px); line-height:1.03; }
.company-main .eyebrow { margin-bottom:14px; }
.company-copy { grid-area:copy; align-self:start; max-width:680px; font-size:11px; line-height:1.62; }
.company-copy p { margin:0 0 10px; }
.company-copy p:last-child { margin-bottom:0; }
.company-ai-cta { grid-area:ai; align-self:end; width:230px; height:48px; border:0; border-radius:999px; padding:0 17px; color:#fff; background:var(--accent); display:flex; flex-direction:row; align-items:center; justify-content:space-between; cursor:pointer; box-shadow:0 14px 30px rgba(20,88,255,.27); transition:transform .3s ease,box-shadow .3s ease; }
.company-ai-cta:hover { transform:translateY(-3px); box-shadow:0 18px 38px rgba(20,88,255,.38); }
.company-ai-cta span { text-align:left; font-weight:700; font-size:11px; }
.company-ai-cta span br { display:none; }
.company-ai-cta b { align-self:auto; font-size:18px; }
.company-scale-title { grid-area:scale; padding-top:13px; border-top:1px solid rgba(255,255,255,.12); color:#7181a4; font-size:8px; letter-spacing:.16em; }
.company-features { grid-area:features; display:grid; grid-template-columns:repeat(4,1fr); gap:9px; }
.company-feature { min-height:108px; padding:17px; display:grid; grid-template-columns:38px minmax(0,1fr); grid-template-rows:auto auto; column-gap:13px; align-content:center; border:1px solid rgba(255,255,255,.1); border-radius:18px; background:rgba(255,255,255,.035); transition:background .25s ease, transform .25s ease; }
.company-feature:hover { transform:translateY(-4px); background:rgba(20,88,255,.12); }
.company-feature-icon { grid-column:1; grid-row:1/3; align-self:center; width:36px; height:36px; color:#7ba1ff; margin:0; }
.company-feature-icon svg { width:100%; height:100%; fill:none; stroke:currentColor; stroke-width:1.5; }
.company-feature b { grid-column:2; display:block; align-self:end; font-size:11px; line-height:1.25; margin:0 0 5px; }
.company-feature span { grid-column:2; align-self:start; color:#8692ac; font-size:8px; line-height:1.42; }

.branches-section { margin-top:var(--section-gap); border-radius:var(--radius-xl); box-shadow:var(--shadow); }
.branches-section.branches-section-light {
  position:relative; overflow:hidden; isolation:isolate; margin-top:var(--section-gap);
  padding:36px; border:1px solid var(--line); border-radius:var(--radius-xl);
  background:#fff; color:var(--ink); box-shadow:var(--shadow);
}
.branches-section.branches-section-light::before { display:block!important; background: radial-gradient(circle,rgba(20,88,255,.14),transparent 70%); }
.branches-section.branches-section-light::after { display:none!important; }
.branches-section-light .branches-lead { color: var(--muted); }
.branches-section-light .branch-card { color: var(--ink); background:#f5f7fb; border-color:var(--line); }
.branches-section-light .branch-card:hover { background:#fff; border-color:#aebfe9; box-shadow:var(--shadow-hover); }
.branches-section-light .branch-card small, .branches-section-light .branch-num { color:#768095; }
.branches-section-light .branch-phone { color:#36415a; }
.branches-section-light .branches-bottom { background:#091126; border:0; }
.branches-map-card { border-radius:22px!important; overflow:hidden!important; background:#0a1531!important; padding:16px!important; }
.branches-map-caption { color:#fff; display:flex; justify-content:space-between; font-size:9px; letter-spacing:.12em; margin-bottom:8px; }

/* Shared sub-pages */
.page-head, .sub-hero, .checkout-head { margin-top: 12px; }
.page-head { min-height: 330px; padding: 48px; border-radius: var(--radius-xl); background: linear-gradient(145deg,#fff 50%,#edf2ff); box-shadow: var(--shadow); }
.page-head h1 { font-size: clamp(46px,5vw,72px); }
.catalog-controls, .knowledge-tools { position: sticky; top: 92px; z-index: 20; margin-top: 16px; padding: 14px; border-radius: 22px; box-shadow: 0 16px 42px rgba(20,35,70,.08); }
.filter-btn, .knowledge-filter, .city-tab { transition: background .2s ease, color .2s ease, transform .2s ease; }
.filter-btn:hover, .knowledge-filter:hover, .city-tab:hover { transform: translateY(-2px); }
.filter-btn.active, .knowledge-filter.active, .city-tab.active { border-color: var(--accent); background: var(--accent); color:#fff; }
.search-input, .knowledge-search input { background:#f5f7fb; }
.catalog-grid { grid-template-columns: repeat(4, minmax(0,1fr)); gap: 14px; }
.product-card { min-height: 430px; padding: 12px; border-radius: 24px; border-color:var(--line); }
.product-card:hover { transform:translateY(-7px); border-color:#b8c5e3; box-shadow:var(--shadow-hover); }
.product-visual { height: 225px; background:linear-gradient(145deg,var(--product,#d9e4f7),#f7f9fd); }
.product-visual::before { width:76px; height:150px; box-shadow:0 22px 40px rgba(12,34,83,.15); }
.product-card h3 { font-size:16px; line-height:1.3; }
.card-actions .primary { border-color:var(--accent); background:var(--accent); }
.catalog-note, .knowledge-request, .education-note { border-radius:var(--radius-lg); background:var(--accent-soft); }

.sub-hero { border-radius:var(--radius-xl); overflow:hidden; box-shadow:var(--shadow); }
.sub-hero-copy { background:linear-gradient(145deg,#fff,#eef3ff); }
.sub-hero-aside { background:linear-gradient(145deg,#185cff,#0639b9); color:#fff; }
.sub-hero-aside.warm { background:linear-gradient(145deg,#172448,#081127); }
.schedule-head { margin-top:86px; }
.city-tabs { display:flex; gap:8px; flex-wrap:wrap; }
.event-card, .material-card { border-color:var(--line); box-shadow:0 14px 45px rgba(18,34,72,.06); transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.event-card:hover, .material-card:hover { transform:translateY(-5px); border-color:#b6c5e6; box-shadow:var(--shadow-hover); }
.event-action { background:var(--accent); }
.material-visual { background:linear-gradient(145deg,#dfe9ff,#7ca5fa); }
.material-visual.dark, .material-visual.genevie { background:linear-gradient(145deg,#172448,#081127); }
.article-sheet { border-radius:var(--radius-xl); box-shadow:0 30px 90px rgba(3,10,28,.28); }

/* Account and checkout */
.account-v2-page, .checkout-page { width:min(var(--max),calc(100% - 48px)); }
.account-v2-auth, .account-v2-dashboard, .checkout-form-card, .checkout-summary-card { border-radius:var(--radius-xl); box-shadow:var(--shadow); }
.account-v2-auth-aside, .account-v2-sidebar { background:linear-gradient(160deg,#0b1736,#071027); }
.account-v2-submit, .account-v2-ai-button, .checkout-submit, .cart-checkout, .account-cart-checkout { background:var(--accent); }
.account-v2-card, .account-v2-panel { border-color:var(--line); border-radius:22px; }
.account-v2-field input, .account-v2-field select, .checkout-fields input, .checkout-address, .checkout-comment { background:#f7f9fc; }
.checkout-head { padding:44px 48px; border-radius:var(--radius-xl); background:linear-gradient(145deg,#fff,#eaf0ff); box-shadow:var(--shadow); }
.checkout-section-number { color:var(--accent); }
.checkout-option.selected { border-color:var(--accent); background:var(--accent-soft); }

/* Modal / cart */
.assistant-backdrop, .cart-drawer-backdrop, .article-modal { backdrop-filter:blur(12px); }
.assistant-panel, .cart-drawer { box-shadow:-24px 0 80px rgba(7,16,39,.25); }
.assistant-panel-head { background:#091126; color:#fff; }
.assistant-progress span { background:linear-gradient(90deg,#75a0ff,var(--accent)); }
.assistant-choice:hover { border-color:var(--accent); background:var(--accent-soft); }
.commerce-toast { background:#091126; color:#fff; }

/* Footer */
.footer { background:#071027; color:#fff; border:0; }
.footer-inner { min-height:108px; color:#8390aa; }
.footer-logo { padding:8px 12px; border-radius:12px; background:#fff; }
.footer-links a { color:#c7d0e2; }
.footer-links a:hover { color:#fff; }

/* Laptop */
@media (max-width: 1180px) {
  :root { --max: 1040px; }
  .header-inner { grid-template-columns:165px 1fr auto; }
  .nav { gap:14px; font-size:10px; }
  .home-page .hero-v5 { grid-template-columns:minmax(0,1fr) 390px; }
  .home-page .hero-copy { padding:34px; }
  .hero h1 { font-size:42px; }
  .company-section { column-gap:32px; }
  .catalog-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}

/* Tablet */
@media (max-width: 860px) {
  .shell, .wrap, .header-inner, .footer-inner, .account-v2-page, .checkout-page { width:min(100% - 28px,var(--max)); }
  .topbar-note { display:none; }
  .site-header { height:auto; min-height:70px; }
  .header-inner { min-height:70px; height:auto; grid-template-columns:1fr auto; padding:10px 0; }
  .actions { grid-column:2; grid-row:1; gap:9px; }
  .actions .header-search { display:none; }
  .nav {
    display:flex; grid-column:1/-1; grid-row:2; justify-content:flex-start;
    width:100%; padding:4px 0 2px; overflow-x:auto; scrollbar-width:none;
  }
  .nav::-webkit-scrollbar { display:none; }
  .nav a { flex:0 0 auto; padding:7px 0; }
  .home-page .hero-v5 { height:auto; grid-template-columns:1fr; min-height:0; }
  .home-page .hero-copy { min-height:460px; }
  .home-page .hero-stage { min-height:430px; }
  .trust-strip { grid-template-columns:1fr 1fr; }
  .section-intro, .page-head { grid-template-columns:1fr; gap:28px; }
  .brands-panel { grid-template-columns:repeat(2,1fr); }
  .editorial-grid { grid-template-columns:1fr; }
  .company-section {
    grid-template-columns:1fr;
    grid-template-areas:"kicker" "main" "copy" "ai" "scale" "features";
    gap:20px;
  }
  .company-main h2 { max-width:680px; }
  .company-ai-cta { width:230px; }
  .company-features { grid-template-columns:repeat(2,1fr); }
  .branches-head { grid-template-columns:1fr; }
  .branches-side { justify-self:start; max-width:none; }
  .catalog-controls, .knowledge-tools { position:relative; top:auto; }
  .catalog-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sub-hero, .checkout-layout, .account-v2-auth, .account-v2-layout { grid-template-columns:1fr; }
}

/* Mobile */
@media (max-width: 560px) {
  :root { --radius-xl:24px; --radius-lg:20px; --section-gap:58px; }
  .shell, .wrap, .header-inner, .footer-inner, .account-v2-page, .checkout-page { width:min(100% - 20px,var(--max)); }
  .topbar { height:30px; font-size:8px; }
  .topbar [data-city-selector] { margin-left:auto; }
  .logo img { width:130px; }
  .actions .pill { min-height:38px; padding:0 14px; font-size:9px; }
  .header-cart-button { min-width:auto; height:38px; padding:0 11px; }
  .nav { gap:18px; font-size:9px; }
  .wrap { padding-top:12px; padding-bottom:58px; }
  .hero-v5 { gap:10px; }
  .home-page .hero-copy { min-height:430px; padding:32px 24px 24px; }
  .home-page .hero-copy .eyebrow { margin-bottom:28px; }
  .hero h1 { font-size:clamp(39px,12vw,52px); }
  .hero-sub { font-size:12px; }
  .hero-bottom { align-items:stretch; flex-direction:column; }
  .audience-toggle { width:100%; display:grid; grid-template-columns:1fr 1fr; }
  .audience-toggle button { padding:7px; white-space:normal; }
  .hero-catalog-cta { width:100%; height:50px; border-radius:999px; flex-direction:row; align-items:center; padding:0 20px; }
  .hero-catalog-cta b { align-self:auto; }
  .home-page .hero-stage { min-height:360px; }
  .product-stage { inset:55px 10px 50px; gap:9px; }
  .b1 { width:78px; height:260px; }.b2{width:72px;height:205px}.b3{width:75px;height:175px}
  .trust-strip { grid-template-columns:1fr; }
  .trust-strip > div { min-height:90px; border-right:0; border-bottom:1px solid rgba(255,255,255,.1); }
  .section-intro { margin-top:58px; gap:20px; }
  .section-intro h2 { font-size:36px; }
  .brands-panel { grid-template-columns:1fr; padding:9px; }
  .brand-tile { min-height:105px; }
  .editorial-grid { margin-top:58px; }
  .editorial-card { min-height:390px; padding:25px; }
  .company-section { grid-template-columns:1fr; padding:24px; gap:20px; }
  .company-ai-cta { width:100%; height:58px; border-radius:999px; flex-direction:row; align-items:center; padding:0 20px; }
  .company-ai-cta span br { display:none; }
  .company-ai-cta b { align-self:auto; }
  .company-features { grid-template-columns:1fr; }
  .company-feature { min-height:98px; }
  .branches-section.branches-section-light { padding:24px 16px; }
  .branches-head h2 { font-size:39px; }
  .branches-grid { grid-template-columns:1fr; }
  .branch-card { grid-template-columns:27px 1fr 18px; gap:10px; }
  .branch-phone { grid-column:2; }
  .branches-bottom { grid-template-columns:1fr; }
  .branches-whatsapp { width:100%; }
  .page-head { min-height:0; padding:34px 24px; }
  .page-head h1 { font-size:40px; }
  .catalog-controls { border-radius:18px; }
  .catalog-grid { grid-template-columns:1fr; }
  .product-card { min-height:410px; }
  .product-visual { height:220px; }
  .catalog-note { flex-direction:column; align-items:flex-start; }
  .sub-hero-copy, .sub-hero-aside { padding:30px 24px; }
  .schedule-head { margin-top:58px; }
  .event-card { grid-template-columns:1fr; }
  .event-action { min-height:60px; width:100%; }
  .materials-grid { grid-template-columns:1fr; }
  .knowledge-request { flex-direction:column; align-items:flex-start; }
  .contact-cta.mini { width:100%; height:56px; border-radius:999px; flex-basis:auto; flex-direction:row; align-items:center; padding:0 20px; }
  .contact-cta.mini br { display:none; }
  .checkout-head { padding:32px 24px; }
  .checkout-head h1 { font-size:42px; }
  .checkout-section { grid-template-columns:1fr; }
  .checkout-fields { grid-template-columns:1fr; }
  .checkout-fields .full { grid-column:auto; }
  .footer-inner { padding:28px 0; display:flex; flex-direction:column; align-items:flex-start; }
  .footer-links { flex-wrap:wrap; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior:auto !important; animation:none !important; transition-duration:.01ms !important; }
  .motion-ready .reveal-block { opacity:1; transform:none; }
}