*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,figure,figcaption,blockquote,dl,dt,dd{margin:0}
ul,ol{padding:0;list-style:none}
img,svg{max-width:100%}
button,input,select,textarea{font:inherit;color:inherit}
a{color:inherit}

:root{
  --maple:#C7392F;
  --maple-deep:#A62C24;
  --channel:#2E4A62;
  --ink:#1B2E3D;
  --amber:#D9A441;
  --paper:#F4F1EC;
  --ash:#E7E3DC;
  --gray:#8C99A3;
  --jet:#101B24;
  --verify:#3F7A5E;
  --line:rgba(27,46,61,.18);
  --line-strong:rgba(27,46,61,.34);
  --hdr-h:56px;
  --max:1240px;
  --gutter:clamp(18px,6vw,76px);
  --ff-sans:"Noto Sans SC","Source Han Sans SC","PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif;
  --ff-mono:"IBM Plex Mono","JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --ease:cubic-bezier(.2,.7,.3,1);
  --hdr-fg:var(--jet);
  --hdr-bg:rgba(244,241,236,.93);
  --hdr-line:rgba(27,46,61,.16);
}

body{
  font-family:var(--ff-sans);
  font-size:16.5px;
  line-height:1.9;
  color:var(--jet);
  background-color:var(--paper);
  background-image:
    repeating-linear-gradient(to right,rgba(46,74,98,.07) 0 1px,transparent 1px 88px),
    repeating-linear-gradient(to bottom,rgba(46,74,98,.07) 0 1px,transparent 1px 88px);
  background-attachment:fixed;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
body.is-nav-open{overflow:hidden}
::selection{background:var(--maple);color:#F7F3EE}
:where(a,button,[tabindex]):focus-visible{outline:2px solid var(--amber);outline-offset:3px}
h1,h2,h3,h4{font-weight:800;line-height:1.15;letter-spacing:-.02em}
strong{font-weight:700}

/* ---------- utilities ---------- */
.wrap{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:var(--gutter)}
.main-offset{padding-top:calc(var(--hdr-h) + clamp(20px,4vw,52px))}
.is-mono{font-family:var(--ff-mono);letter-spacing:.04em}
.rule{height:1px;background:var(--line);border:0;margin:0}
.skip-link{
  position:fixed;top:10px;left:10px;z-index:300;
  transform:translateY(-180%);
  background:var(--maple);color:#F7F3EE;
  padding:10px 16px;font-size:13px;letter-spacing:.04em;text-decoration:none;
  transition:transform .18s var(--ease);
}
.skip-link:focus{transform:translateY(0)}

/* ---------- sections & grid ---------- */
.section{padding-block:clamp(48px,7vw,104px)}
.section--tight{padding-block:clamp(26px,4vw,56px)}
.section--ash{background:var(--ash)}
.section--ink{background:var(--ink);color:var(--paper)}
.section__head{
  display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 20px;
  margin-bottom:clamp(20px,3vw,36px);
  padding-bottom:14px;
  border-bottom:1px solid var(--line);
}
.section--ink .section__head{border-bottom-color:rgba(244,241,236,.22)}
.section__title{font-size:clamp(24px,3vw,32px);letter-spacing:-.02em}
.eyebrow{
  font-family:var(--ff-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--maple);line-height:1.6;
}
.section--ink .eyebrow{color:var(--amber)}
.lede{font-size:clamp(15px,1.5vw,17px);line-height:1.9;max-width:34em;color:rgba(16,27,36,.86)}
.section--ink .lede{color:rgba(244,241,236,.84)}
.prose{max-width:38em}
.prose p + p{margin-top:1.05em}
.prose a{border-bottom:1px solid var(--maple);text-decoration:none}
.prose a:hover{color:var(--maple)}
.grid-12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(16px,2.4vw,32px)}
.col-4{grid-column:span 4}
.col-5{grid-column:span 5}
.col-6{grid-column:span 6}
.col-7{grid-column:span 7}
.col-8{grid-column:span 8}
.col-12{grid-column:span 12}

/* ---------- buttons ---------- */
.btn{
  display:inline-flex;align-items:center;gap:10px;
  padding:13px 20px;font-size:14px;letter-spacing:.04em;
  border:1px solid transparent;background:none;color:inherit;
  text-decoration:none;cursor:pointer;
  transition:background-color .18s var(--ease),color .18s var(--ease),border-color .18s var(--ease);
}
.btn--primary{background:var(--maple);border-color:var(--maple);color:#F7F3EE}
.btn--primary:hover{background:var(--maple-deep);border-color:var(--maple-deep)}
.btn--ghost{border-color:currentColor;color:var(--ink)}
.btn--ghost:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.btn--quiet{
  border-color:var(--line-strong);color:var(--ink);
  font-family:var(--ff-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;
  padding:10px 16px;
}
.btn--quiet:hover{border-color:var(--maple);color:var(--maple)}
.btn-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}

/* ---------- breadcrumbs ---------- */
.breadcrumbs{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px;
  font-family:var(--ff-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--gray);
}
.breadcrumbs a{color:inherit;text-decoration:none;border-bottom:1px solid transparent;padding-bottom:1px}
.breadcrumbs a:hover{color:var(--maple);border-bottom-color:var(--maple)}
.breadcrumbs__sep{color:var(--gray);opacity:.65}
.breadcrumbs [aria-current="page"]{color:var(--ink)}

/* ---------- tags & numbers ---------- */
.tag{
  display:inline-flex;align-items:center;gap:6px;
  padding:4px 9px;border:1px solid var(--line-strong);
  font-family:var(--ff-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;
  line-height:1.5;color:var(--ink);
}
.tag--version{border-left:4px solid var(--amber);padding-left:8px}
.tag--channel{border-left:4px solid var(--channel);color:var(--channel)}
.tag--state{border-color:rgba(63,122,94,.55);color:var(--verify)}
.tag--state::before{content:"";width:6px;height:6px;background:var(--verify);border-radius:50%;flex:0 0 auto}
.num-block{
  display:inline-grid;place-items:center;min-width:30px;height:30px;padding:0 7px;
  background:var(--channel);color:#F4F1EC;
  font-family:var(--ff-mono);font-size:12px;letter-spacing:.08em;line-height:1;
}
.num-block--maple{background:var(--maple)}
.num-block--amber{background:var(--amber);color:var(--ink)}

/* ---------- index card ---------- */
.index-card{
  position:relative;display:block;
  padding:20px 22px 20px 24px;
  border:1px solid var(--line);background:var(--paper);
  text-decoration:none;color:inherit;
  transition:background-color .18s var(--ease),border-color .18s var(--ease);
}
.index-card::before{
  content:"";position:absolute;left:-1px;top:-1px;bottom:-1px;width:4px;
  background:var(--maple);transform:scaleY(0);transform-origin:top;
  transition:transform .18s var(--ease);
}
.index-card:hover,.index-card:focus-visible{background:var(--ash);border-color:var(--line-strong)}
.index-card:hover::before,.index-card:focus-visible::before{transform:scaleY(1)}
.index-card__num{display:block;font-family:var(--ff-mono);font-size:11px;letter-spacing:.12em;color:var(--gray)}
.index-card__title{display:block;margin-top:8px;font-size:19px;font-weight:700;letter-spacing:-.01em;line-height:1.35}
.index-card__text{display:block;margin-top:8px;font-size:14px;line-height:1.8;color:rgba(16,27,36,.78)}
.index-card__meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}

/* ---------- accordion ---------- */
.acc{display:block;border-top:1px solid var(--line-strong)}
.acc__item{border-bottom:1px solid var(--line-strong);transition:background-color .18s var(--ease)}
.acc__item[data-open="true"]{background:var(--ash)}
.acc__head{margin:0;font-size:inherit;font-weight:inherit;letter-spacing:0;line-height:inherit}
.acc__trigger{
  display:flex;align-items:center;gap:14px;width:100%;
  padding:16px 16px 16px 4px;border:0;background:none;text-align:left;cursor:pointer;
  font-size:16.5px;font-weight:700;line-height:1.55;color:var(--jet);
  transition:color .18s var(--ease);
}
.acc__trigger:hover{color:var(--maple)}
.acc__trigger::after{
  content:"";margin-left:auto;flex:0 0 auto;
  width:11px;height:11px;
  border-right:1.5px solid var(--channel);border-bottom:1.5px solid var(--channel);
  transform:rotate(45deg);
  transition:transform .18s var(--ease);
}
.acc__item[data-open="true"] .acc__trigger::after{transform:rotate(-135deg)}
.acc__panel{
  display:grid;grid-template-rows:0fr;visibility:hidden;
  transition:grid-template-rows .18s var(--ease),visibility 0s linear .18s;
}
.acc__item[data-open="true"] .acc__panel{
  grid-template-rows:1fr;visibility:visible;
  transition:grid-template-rows .18s var(--ease),visibility 0s linear 0s;
}
.acc__inner{overflow:hidden;min-height:0}
.acc__body{padding:0 20px 20px 4px;font-size:15px;line-height:1.85;color:rgba(16,27,36,.82);max-width:36em}
.acc__body a{border-bottom:1px solid var(--maple);text-decoration:none}
.acc__body a:hover{color:var(--maple)}

/* ---------- media frame ---------- */
.media-frame{
  position:relative;display:block;margin:0;overflow:hidden;
  border:1px solid var(--line-strong);background:var(--ash);
}
.media-frame img{display:block;width:100%;height:100%;object-fit:cover}
.media-frame--16x9{aspect-ratio:16/9}
.media-frame--4x3{aspect-ratio:4/3}
.media-frame--wide{aspect-ratio:21/9}
.media-frame--table{aspect-ratio:3/2}
.media-frame--grid{
  background-image:
    repeating-linear-gradient(to right,rgba(46,74,98,.16) 0 1px,transparent 1px 24px),
    repeating-linear-gradient(to bottom,rgba(46,74,98,.16) 0 1px,transparent 1px 24px);
}
.media-frame__label{
  position:absolute;left:0;bottom:0;
  padding:5px 10px;background:var(--ink);color:var(--paper);
  font-family:var(--ff-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;
}
.media-caption{
  margin-top:10px;font-family:var(--ff-mono);font-size:11px;letter-spacing:.06em;
  color:var(--gray);line-height:1.75;
}

/* ---------- ledger table ---------- */
.ledger{width:100%;border-collapse:collapse;font-size:14px;line-height:1.7;background:var(--paper)}
.ledger caption{
  caption-side:top;text-align:left;padding-bottom:10px;
  font-family:var(--ff-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--gray);
}
.ledger th{
  background:var(--channel);color:#F4F1EC;
  font-family:var(--ff-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:500;
  text-align:left;padding:10px 12px;border:0;
}
.ledger td{padding:11px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.ledger tbody tr:nth-child(even){background:var(--ash)}

/* ---------- steps ---------- */
.steps{display:grid;gap:12px;counter-reset:step}
.step{
  display:grid;grid-template-columns:40px 1fr;gap:16px;align-items:start;
  padding:16px 18px;border:1px solid var(--line);background:var(--paper);
  transition:border-color .18s var(--ease),background-color .18s var(--ease);
}
.step:hover{border-color:var(--channel);background:var(--ash)}
.step__num{
  display:grid;place-items:center;width:40px;height:40px;
  background:var(--channel);color:#F4F1EC;
  font-family:var(--ff-mono);font-size:13px;letter-spacing:.06em;
}
.step__title{font-size:16px;font-weight:700;line-height:1.5}
.step__text{margin-top:6px;font-size:14px;line-height:1.8;color:rgba(16,27,36,.78)}

/* ---------- header ---------- */
.site-header{
  position:fixed;top:0;left:0;right:0;z-index:100;
  background:var(--hdr-bg);
  color:var(--hdr-fg);
  border-bottom:1px solid var(--hdr-line);
  backdrop-filter:blur(12px) saturate(115%);
  transition:background-color .22s var(--ease),color .22s var(--ease),border-color .22s var(--ease);
}
.site-header[data-scrolled="true"]{
  --hdr-fg:#F4F1EC;
  --hdr-bg:#1B2E3D;
  --hdr-line:rgba(244,241,236,.18);
}
.header-inner{display:flex;align-items:center;gap:clamp(10px,2vw,30px);min-height:var(--hdr-h)}

.brand{
  display:inline-flex;align-items:center;gap:10px;flex:0 0 auto;
  text-decoration:none;color:inherit;
  transform-origin:left center;
  transition:transform .22s var(--ease);
}
.site-header[data-scrolled="true"] .brand{transform:scale(.92)}
.brand__mark{
  width:18px;height:18px;flex:0 0 auto;background:var(--maple);
  clip-path:polygon(50% 0,62% 34%,100% 38%,72% 60%,84% 100%,50% 76%,16% 100%,28% 60%,0 38%,38% 34%);
}
.brand__text{display:flex;flex-direction:column;gap:2px;line-height:1.05}
.brand__name{font-family:var(--ff-mono);font-size:15px;font-weight:700;letter-spacing:.06em}
.brand__sub{font-size:10px;letter-spacing:.12em;opacity:.62}

.site-nav{margin-inline:auto}
.site-nav__list{display:flex;align-items:center;gap:clamp(10px,1.7vw,26px)}
.site-nav__item{display:block}
.site-nav__link{
  position:relative;display:inline-flex;align-items:center;gap:6px;
  height:var(--hdr-h);padding:0 2px;
  font-size:14px;letter-spacing:.02em;line-height:1;text-decoration:none;color:inherit;
  white-space:nowrap;
  transition:color .18s var(--ease);
}
.site-nav__link::after{
  content:"";position:absolute;left:0;right:0;bottom:11px;height:2px;background:var(--maple);
  transform:scaleX(0);transform-origin:left;
  transition:transform .18s var(--ease),background-color .22s var(--ease);
}
.site-nav__link:hover::after{transform:scaleX(1)}
.site-nav__link[aria-current="page"]::after{transform:scaleX(1)}
.site-nav__link[aria-current="page"]{color:var(--maple)}
.site-header[data-scrolled="true"] .site-nav__link[aria-current="page"]{color:#F4F1EC}
.site-header[data-scrolled="true"] .site-nav__link[aria-current="page"]::after{background:var(--amber)}
.site-nav__num{display:none}

.site-nav__foot{display:none}
.site-nav__note{font-size:14px;line-height:1.8;color:rgba(16,27,36,.76)}
.site-nav__cta{margin-top:14px}
.site-nav__contact{
  margin-top:18px;font-size:11px;letter-spacing:.08em;line-height:1.9;color:var(--gray);
  word-break:break-all;
}

.header-meta{display:flex;align-items:center;gap:clamp(8px,1.3vw,18px);flex:0 0 auto;margin-left:auto}
.channel-chip{
  display:inline-flex;align-items:center;gap:7px;
  padding:6px 9px;border:1px solid var(--hdr-line);
  font-family:var(--ff-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;line-height:1;
  white-space:nowrap;
}
.channel-chip__dot{width:7px;height:7px;flex:0 0 auto;background:var(--amber);border-radius:50%}
.channel-chip__label{display:inline-block}

.header-action{
  display:inline-grid;place-items:center;width:32px;height:32px;
  border:1px solid var(--hdr-line);color:inherit;text-decoration:none;
  transition:background-color .18s var(--ease),border-color .18s var(--ease),color .18s var(--ease);
}
.header-action:hover{background:var(--maple);border-color:var(--maple);color:#F7F3EE}
.icon-mail{position:relative;display:block;width:15px;height:11px;border:1.5px solid currentColor}
.icon-mail::before{
  content:"";position:absolute;left:50%;top:50%;
  width:9px;height:9px;
  border-left:1.5px solid currentColor;border-bottom:1.5px solid currentColor;
  transform:translate(-50%,-72%) rotate(-45deg);
}

.nav-toggle{
  display:none;align-items:center;gap:8px;
  padding:7px 10px;border:1px solid var(--hdr-line);background:none;color:inherit;
  font-family:var(--ff-mono);font-size:11px;letter-spacing:.12em;line-height:1;cursor:pointer;
}
.nav-toggle__bars{display:inline-flex;flex-direction:column;gap:3px;width:16px}
.nav-toggle__bars span{display:block;height:2px;width:100%;background:currentColor;transition:transform .18s var(--ease),opacity .18s var(--ease)}
.site-header[data-nav-open="true"] .nav-toggle__bars span:nth-child(1){transform:translateY(5px) rotate(45deg)}
.site-header[data-nav-open="true"] .nav-toggle__bars span:nth-child(2){opacity:0}
.site-header[data-nav-open="true"] .nav-toggle__bars span:nth-child(3){transform:translateY(-5px) rotate(-45deg)}
.nav-toggle__text{display:inline-block}

/* ---------- footer ---------- */
.site-footer{background:var(--ink);color:var(--paper)}
.footer-inner{padding-top:clamp(44px,6vw,76px);padding-bottom:0}
.footer-grid{
  display:grid;grid-template-columns:1.5fr 1fr 1.35fr 1fr;
  gap:clamp(22px,3.4vw,52px);
}
.footer-col{min-width:0}
.footer-col + .footer-col{
  border-left:1px solid rgba(244,241,236,.14);
  padding-left:clamp(16px,2.2vw,32px);
}
.footer-col--brand{padding-right:clamp(0px,1.6vw,20px)}
.footer-lockup{display:flex;align-items:center;gap:10px}
.footer-lockup .brand__name{font-size:16px;color:var(--paper)}
.footer-note{margin-top:14px;max-width:26ch;font-size:14px;line-height:1.8;color:rgba(244,241,236,.72)}
.footer-stamp{
  display:inline-grid;place-items:center;width:46px;height:46px;margin-top:20px;
  border:1px solid rgba(217,164,65,.65);border-radius:50%;
  font-family:var(--ff-mono);font-size:11px;letter-spacing:.08em;color:var(--amber);
}
.footer-col__title{
  margin-bottom:16px;
  font-family:var(--ff-mono);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;
  color:var(--amber);line-height:1.6;
}
.footer-list li + li{border-top:1px solid rgba(244,241,236,.1)}
.footer-list a{
  display:block;padding:7px 0;font-size:14px;line-height:1.7;
  color:rgba(244,241,236,.84);text-decoration:none;
  transition:color .16s var(--ease),padding-left .16s var(--ease);
}
.footer-list a:hover{color:var(--paper);padding-left:8px;box-shadow:inset 2px 0 0 var(--maple)}
.footer-meta{
  display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 12px;
  margin-top:20px;
  font-family:var(--ff-mono);font-size:12px;letter-spacing:.04em;line-height:1.7;
}
.footer-meta dt{color:var(--gray)}
.footer-meta dd{margin:0;color:rgba(244,241,236,.9);word-break:break-all}
.footer-address{margin-top:4px;font-size:14px;line-height:1.85;color:rgba(244,241,236,.84)}
.footer-hours{margin-top:12px;font-family:var(--ff-mono);font-size:11px;letter-spacing:.08em;line-height:1.8;color:var(--gray)}
.footer-bottom{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;
  margin-top:clamp(32px,4vw,56px);
  padding-block:18px 24px;
  border-top:1px solid var(--channel);
  font-family:var(--ff-mono);font-size:11px;letter-spacing:.08em;line-height:1.8;
  color:rgba(244,241,236,.66);
}
.footer-legal{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.footer-region{
  padding:3px 7px;border:1px solid rgba(244,241,236,.3);
  color:rgba(244,241,236,.86);
}
.footer-copy{margin:0;max-width:none}

/* ---------- responsive ---------- */
@media (max-width:1100px){
  .brand__sub{display:none}
  .site-nav__link{font-size:13px}
  .site-nav__list{gap:clamp(8px,1.4vw,16px)}
  .footer-grid{grid-template-columns:1fr 1fr}
  .footer-col + .footer-col{border-left:0;padding-left:0}
  .footer-col:nth-child(2){border-left:1px solid rgba(244,241,236,.14);padding-left:clamp(16px,2.2vw,32px)}
  .footer-col:nth-child(n+3){padding-top:clamp(20px,3vw,32px);border-top:1px solid rgba(244,241,236,.14)}
  .footer-col:nth-child(3){border-left:1px solid rgba(244,241,236,.14);padding-left:clamp(16px,2.2vw,32px)}
}
@media (max-width:900px){
  .site-header{background:var(--paper);backdrop-filter:none}
  .site-header[data-scrolled="true"] .brand{transform:none}
  .header-inner{min-height:var(--hdr-h)}
  .nav-toggle{display:inline-flex}
  .header-action{display:none}
  .site-nav{
    position:fixed;inset:0;z-index:-1;
    display:flex;flex-direction:column;
    padding:calc(var(--hdr-h) + 24px) var(--gutter) 32px;
    background:var(--paper);color:var(--jet);
    overflow-y:auto;
    opacity:0;visibility:hidden;transform:translateY(-6px);
    transition:opacity .18s var(--ease),transform .18s var(--ease),visibility 0s linear .18s;
  }
  .site-nav[data-open="true"]{
    opacity:1;visibility:visible;transform:none;
    transition:opacity .18s var(--ease),transform .18s var(--ease),visibility 0s linear 0s;
  }
  .site-nav__list{display:block;width:100%}
  .site-nav__item{border-top:1px solid var(--line-strong)}
  .site-nav__item:last-child{border-bottom:1px solid var(--line-strong)}
  .site-nav__link{
    display:flex;align-items:baseline;gap:14px;
    height:auto;width:100%;padding:15px 4px;
    font-size:22px;font-weight:800;letter-spacing:-.01em;line-height:1.3;
  }
  .site-nav__link::after{display:none}
  .site-nav__link:hover{padding-left:12px}
  .site-nav__link[aria-current="page"]{
    color:var(--maple);
    padding-left:12px;
    box-shadow:inset 4px 0 0 var(--maple);
  }
  .site-nav__num{
    display:inline-block;flex:0 0 auto;
    font-family:var(--ff-mono);font-size:11px;font-weight:400;letter-spacing:.12em;color:var(--gray);
  }
  .site-nav__foot{display:block;margin-top:auto;padding-top:32px}
  .site-nav__contact{max-width:30ch}
  .footer-grid{grid-template-columns:1fr}
  .footer-col:nth-child(n){border-left:0;padding-left:0}
  .footer-col + .footer-col{padding-top:clamp(20px,4vw,28px);border-top:1px solid rgba(244,241,236,.14)}
  .footer-col:nth-child(2){padding-left:0}
  .footer-note{max-width:34ch}
  .footer-bottom{flex-direction:column;align-items:flex-start;gap:10px}
  .grid-12{grid-template-columns:repeat(6,minmax(0,1fr))}
  .col-4,.col-5,.col-6{grid-column:span 6}
  .col-7,.col-8,.col-12{grid-column:span 6}
}
@media (max-width:520px){
  .channel-chip__label{font-size:10px;letter-spacing:.08em}
  .nav-toggle__text{display:none}
  .site-nav__link{font-size:19px}
  .step{grid-template-columns:32px 1fr;gap:12px}
  .step__num{width:32px;height:32px;font-size:12px}
}
@media (min-width:901px) and (max-width:1120px){
  .col-4,.col-5{grid-column:span 6}
  .col-7,.col-8{grid-column:span 12}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    transition-duration:.001ms!important;
  }
  .site-nav{transform:none!important}
  .site-header[data-scrolled="true"] .brand{transform:none}
}