/* Home polish pass (v4). Loaded last, on Home only, so it can be reviewed
   before it is applied to other pages. One type scale, one spacing scale,
   fewer rules, stronger body text. */
:root{--body:#57534c;--space-section:120px}
@media(max-width:1119px){:root{--space-section:88px}}
@media(max-width:767px){:root{--space-section:64px}}

/* Type: display · section · card · body · label */
.section-heading,.flow-heading .section-heading,.story-opening .section-heading{font:300 clamp(36px,4.2vw,56px)/1.06 var(--serif);letter-spacing:-.035em;max-width:18ch}
.text-column h3,.flow-card h3,.flow-destination h3,.evidence-receipt h3{font:300 clamp(24px,2.1vw,28px)/1.15 var(--serif);letter-spacing:-.025em}
.section-lede,.section-top>p,.story-opening .section-top>p,.text-column>p,.flow-intro .section-lede,.split-feature__copy>.section-lede{font:400 17px/1.6 var(--sans);color:var(--body)}
.flow-card p,.flow-destination p,.flow-stage-note,.flow-footnote>p,.media-caption{font-weight:400;color:var(--body)}
.eyebrow,.section-label,.text-column .eyebrow,.flow-micro,.flow-card-eyebrow,.art-caption,.paper-panel .eyebrow,.evidence-receipt .eyebrow{font-size:11px;letter-spacing:.06em}
.hero__description{font-weight:400}.hero__description span{color:var(--body)}

/* Spacing: 8 · 16 · 24 · 40 · 64 · 120 */
.section-pad,.story-opening{padding-block:var(--space-section)}
.section-top,.story-opening .section-top{margin-bottom:64px;gap:40px}
.story-opening .section-top>p{padding-top:8px}
.flow-heading{padding-top:var(--space-section);padding-bottom:64px}
.split-feature__copy{padding-block:var(--space-section) 64px}
.closing-cta{padding-block:var(--space-section)}
.text-columns{gap:40px}
.text-column,.text-column:first-child,.text-column:last-child{padding:0}
.text-column .eyebrow{margin-bottom:16px}.text-column h3{margin-bottom:16px}.text-column>p{margin-bottom:24px}

/* Fewer lines: keep them for data only */
.site-section,.closing-cta,.network-flow,.property-strip,.section-grid{border-inline:0}
.site-section,.closing-cta{border-bottom:0}
.text-columns{border-top:0}
.text-column+.text-column{border-left:0}
.split-feature__visual,.story-feature__visual{border-left:0}
.story-feature,.resource-layout,.form-section{border-inline:0;border-bottom:0}
.story-feature__visual{border-top:0}
#fair-figure>div:first-child{border-right:0!important}
.flow-canvas{border-block:0}

/* Remaining boxes: on-this-page bar, step rows, fact panels */
.chapter-nav{min-height:0;border:0;display:flex;flex-wrap:wrap;gap:8px 40px;align-items:center;padding:28px var(--inset) 0;max-width:1400px}
.chapter-nav__label,.chapter-nav a{padding:0;min-height:44px;border:0!important;font-size:12px;gap:12px}
.chapter-nav a{justify-content:flex-start}
.chapter-nav a:hover{background:none}
.chapter-nav a::after{margin-left:4px}
.capacity-path{border-block:0;gap:40px}
.capacity-path article,.capacity-path article:first-child{padding:24px 0 0;border:0!important}
.capacity-path article::before{height:1px}
.facts-grid{border:0;gap:40px}
.facts-grid>article{padding:0}
.facts-grid>article+article{border:0}
@media(max-width:767px){
 .chapter-nav{gap:0 24px;padding-top:20px}
 .chapter-nav__label{flex-basis:100%;min-height:32px}
 .chapter-nav a{display:flex}
 .chapter-nav a>span{grid-column:auto}
 .capacity-path article:nth-child(n+3){border-top:0}
}

/* Rhythm: alternate one tinted band */
#fair-play,.band{background:#f3f2ec;max-width:none;margin-inline:calc(var(--outer) * -1);padding-inline:max(calc(var(--inset) + var(--outer)),calc((100vw - 1400px) / 2 + var(--inset)))}

/* One primary button per section; the rest are links with a 44px tap area */
.text-link{min-height:44px;font-size:12px}
.text-column .text-link{font-size:12px;margin-top:auto}

/* Full-bleed film moment */
.film{margin:0 calc(var(--outer) * -1);position:relative;background:#e2dfd5}
.film video{display:block;width:100%;aspect-ratio:21/9;object-fit:cover}
.film figcaption{display:flex;justify-content:space-between;gap:24px;padding:16px var(--inset);font:400 11px/1.5 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--secondary);max-width:1400px;margin:auto}
@media(max-width:767px){.film video{aspect-ratio:4/3}.film figcaption{flex-direction:column;gap:4px}}
.film-section{display:block}
.film-section .split-feature__copy{max-width:1400px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 40px;align-items:start}
.film-section .split-feature__copy>.eyebrow{grid-column:1/-1;margin:0 0 8px}
.film-section .split-feature__copy>.section-heading{margin:0}
.film-section .split-feature__copy>div{display:grid;gap:24px;justify-items:start}
@media(max-width:767px){.film-section .split-feature__copy{grid-template-columns:1fr}}

/* Label floor: 11px for small mono text */
.evidence-source__label,.flow-step-number,.mono-note,.record-state,.review-game__score dt,.observation-detail,.record-stamp,.flow-bottom>.flow-micro{font-size:11px}
.evidence-receipt p[style*="9px"]{font-size:11px!important}

/* Header: full nav from tablet up; hamburger only on phones */
@media(min-width:768px){
 .desktop-nav{display:flex;position:absolute;left:50%;top:16px;transform:translateX(-50%)}
 .header-actions{display:flex}
 .menu-toggle,.mobile-menu{display:none!important}
}
@media(min-width:768px) and (max-width:1119px){
 .desktop-nav{position:static;transform:none;margin-left:24px;gap:2px}
 .desktop-nav a{padding:0 10px;font-size:11px}
 .header-actions .button--ghost{display:none}
}

/* Engine & verifiers: four columns in one row on desktop */
.precision-cols h3{font-size:clamp(21px,1.7vw,25px)}
.precision-cols>p,.precision-cols .text-column>p{font-size:15px}
@media(max-width:1023px){.precision-cols{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:599px){.precision-cols{grid-template-columns:1fr!important}}

/* Interludes: glyph bands between dense sections */
.interlude{position:relative;height:200px;margin-inline:calc(var(--outer) * -1);overflow:hidden}
.interlude>canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.interlude--field{height:260px}
.interlude__text{position:relative;z-index:1;height:100%;margin:0;display:grid;place-items:center;text-align:center;padding:0 var(--inset);font:300 clamp(28px,3.4vw,46px)/1.1 var(--serif);letter-spacing:-.03em;color:var(--foreground);text-wrap:balance}
@media(max-width:767px){.interlude{height:150px}.interlude--field{height:220px}}

/* Mobile */
@media(max-width:767px){
 .section-heading,.flow-heading .section-heading,.story-opening .section-heading{font-size:34px}
 .text-columns{gap:40px}
 .flow-card-eyebrow,.flow-micro{font-size:11px}
}

.form-done{display:grid;gap:12px;padding:8px 0}.form-done h3{margin:0;font:300 clamp(28px,3vw,40px)/1.1 var(--serif);letter-spacing:-.03em}.form-done .eyebrow{color:var(--accent);margin:0}.form-done .small-note{margin:0;max-width:52ch}
.field-row[hidden],.field[hidden],.form-actions[hidden]{display:none}

/* Section intros: paragraph starts level with the headline, sitewide */
@media(min-width:768px){
 .section-top,.story-opening .section-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(40px,5vw,96px);align-items:start}
 .section-top>div{display:contents}
 .section-top>div>.eyebrow,.section-top>div>.section-label{grid-column:1;grid-row:1}
 .section-top>div>.section-heading{grid-column:1;grid-row:2;margin:0}
 .section-top>p,.story-opening .section-top>p{grid-column:2;grid-row:2;align-self:start;margin:0;padding-top:.55em;max-width:60ch}
 .section-top>:not(div):not(p){grid-column:1/-1}
}

/* Table column headings in the accent colour, sitewide */
.data-table th{color:var(--accent)}

/* Property logos: no frames or dividers; logos and labels share one baseline */
.property-notes{border:0;gap:40px}
.property-notes>article,.property-notes>article:first-child,.property-notes>article:last-child{padding:0;border:0!important}
.property-notes img,.property-notes .property-tlc{height:56px;margin-bottom:24px}
.property-notes .property-tlc{display:flex;align-items:center}
.property-notes h3{margin:0 0 12px}
.property-notes p{font:400 15px/1.6 var(--sans);color:var(--body)}
@media(max-width:767px){.property-notes{gap:32px 24px}}

/* Verifier progression staircase */
.stair{display:grid;grid-template-columns:1fr;gap:24px}
.stair-step{display:flex;flex-direction:column;gap:10px;padding-top:20px;border-top:2px solid var(--accent)}
@media(min-width:768px){
 .stair{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;align-items:end;border-bottom:1px solid var(--line)}
 .stair-step{padding:20px 20px 0;border-left:1px solid var(--line)}
 .stair-step:nth-child(1){min-height:190px}.stair-step:nth-child(2){min-height:250px}
 .stair-step:nth-child(3){min-height:310px}.stair-step:nth-child(4){min-height:370px}
}

/* Closing CTA: let the actions size to their buttons on tablets */
@media(min-width:768px) and (max-width:1119px){.closing-cta .action-row{max-width:none}}

/* A film section right after a plain section shares its spacing instead of doubling it */
.section-pad:not(.band) + .film-section .split-feature__copy{padding-top:0}

@media(min-width:768px){.section-top>div>.core-def{grid-column:2;grid-row:1}}
@media(max-width:767px){.section-top .core-def{margin:16px 0 0!important}}

/* License stages: always full rows */
.stages{grid-template-columns:1fr}
@media(min-width:640px){.stages{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1100px){.stages{grid-template-columns:repeat(6,minmax(0,1fr))}}

/* Wider body text sitewide */
.section-lede,.page-lede,.text-column>p,.editorial__intro>p,.split-feature__copy .section-lede{max-width:60ch}

/* Home hero title on one line, desktop */
@media(min-width:960px){.hero:not(.hero--chapter) h1{max-width:none;white-space:nowrap}.hero:not(.hero--chapter) h1>span{display:inline}.hero:not(.hero--chapter) h1>span+span{margin-left:.25em}}

/* Slower, smoother hero entry + property strip */
@keyframes soft-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.hero-ready .hero h1>span{animation:headline-in 1.6s .15s cubic-bezier(.16,1,.3,1) both}
.hero-ready .hero h1>span:nth-child(2){animation-delay:.4s}
.hero-ready .hero__description{animation:soft-rise 1.4s .75s cubic-bezier(.16,1,.3,1) both}
.hero-ready .hero__actions{animation:soft-rise 1.4s 1s cubic-bezier(.16,1,.3,1) both}
.hero-ready .hero__announcement{animation:soft-rise 1.4s 1.2s cubic-bezier(.16,1,.3,1) both}
.hero-ready .property-strip>*{animation:soft-rise 1.4s cubic-bezier(.16,1,.3,1) both}
.hero-ready .property-strip>:nth-child(1){animation-delay:1.35s}
.hero-ready .property-strip>:nth-child(2){animation-delay:1.5s}
.hero-ready .property-strip>:nth-child(3){animation-delay:1.65s}
.hero-ready .property-strip>:nth-child(4){animation-delay:1.8s}
.hero-ready .property-strip>:nth-child(5){animation-delay:1.95s}
.property-strip__heading sup{font-size:.45em;vertical-align:super;margin-left:.05em}
@media(prefers-reduced-motion:reduce){.hero-ready .hero h1>span,.hero-ready .hero__description,.hero-ready .hero__actions,.hero-ready .hero__announcement,.hero-ready .property-strip>*{animation:none}}

.property-cell--wbl img{width:180px}@media(max-width:767px){.property-cell--wbl img{width:144px}}

/* Evidence video in full colour, no overlay */
.evidence-source img,.evidence-source video,.evidence-build[data-active] .evidence-source img,.evidence-build[data-active] .evidence-source video{filter:none}.evidence-source::after{display:none}

/* Evidence sequence: the record fills in as the play is checked */
.evidence-build .evidence-receipt dl>div{opacity:1!important;transform:none!important}
.ev-row dd{position:relative;min-height:3.2em}
.ev-pending{display:block;font:400 11px/1.5 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--secondary)}
.ev-pending::after{content:'';display:inline-block;width:.5em;height:1px;margin-left:6px;vertical-align:middle;background:currentColor;animation:ev-blink 1s steps(2) infinite}
.ev-value{display:block;opacity:0;transform:translateY(6px);transition:opacity .6s ease,transform .6s cubic-bezier(.16,1,.3,1)}
.ev-value,.ev-pending{grid-area:1/1}.ev-row dd{display:grid;justify-items:end}
.ev-row{transition:background-color 1.2s ease}
.evidence-build[data-active='1'] .ev-row:nth-child(1) .ev-pending,.evidence-build[data-active='2'] .ev-row .ev-pending{opacity:0}
.evidence-build[data-active='1'] .ev-row:nth-child(1) .ev-value,.evidence-build[data-active='2'] .ev-row .ev-value{opacity:1;transform:none}
.evidence-build[data-active='2'] .ev-row:nth-child(1) .ev-value{transition-delay:0s}
.evidence-build[data-active='2'] .ev-row:nth-child(2) .ev-value{transition-delay:.9s}
.evidence-build[data-active='2'] .ev-row:nth-child(2) .ev-pending{transition:opacity .3s .9s}
.evidence-build[data-active='2'] .ev-row:nth-child(3) .ev-value{transition-delay:2.1s}
.evidence-build[data-active='2'] .ev-row:nth-child(3) .ev-pending{transition:opacity .3s 2.1s}
.ev-pending{transition:opacity .3s}
.ev-checks{display:inline-flex;gap:3px;margin-right:8px;vertical-align:-1px}
.ev-checks i{width:9px;height:9px;background:var(--accent);opacity:0;transform:scale(.4);transition:opacity .3s,transform .3s}
.evidence-build[data-active='2'] .ev-checks i{opacity:1;transform:none}
.evidence-build[data-active='2'] .ev-checks i:nth-child(1){transition-delay:1.1s}
.evidence-build[data-active='2'] .ev-checks i:nth-child(2){transition-delay:1.35s}
.evidence-build[data-active='2'] .ev-checks i:nth-child(3){transition-delay:1.6s}
.ev-status{display:grid;white-space:nowrap;text-align:right}
.ev-status>span{grid-area:1/1;opacity:0;transition:opacity .4s}
.ev-status>[data-at='2']{color:var(--accent)}
.evidence-build[data-active='0'] .ev-status>[data-at='0'],.evidence-build[data-active='1'] .ev-status>[data-at='1'],.evidence-build[data-active='2'] .ev-status>[data-at='2']{opacity:1}
.evidence-build[data-active='2'] .ev-status>[data-at='2']{transition-delay:2.6s}
.evidence-receipt{transition:box-shadow .8s ease,border-color .8s ease}
.evidence-build[data-active='2'] .evidence-receipt{border-color:var(--accent);box-shadow:7px 7px 0 #0000ff1f;transition-delay:2.6s}
.ev-foot{opacity:0;transition:opacity .6s}.evidence-build[data-active='2'] .ev-foot{opacity:1;transition-delay:2.6s}
.ev-rec,.ev-readout{position:absolute;top:18px;left:18px;padding:6px 9px;font:400 11px/1.4 var(--mono);letter-spacing:.04em;text-transform:uppercase;pointer-events:none;transition:opacity .5s,transform .5s}
.ev-rec{background:#faf9f6ed;color:var(--foreground)}
.ev-rec::before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:#e5372b;margin-right:7px;vertical-align:0;animation:ev-blink 1.2s steps(2) infinite}
.ev-readout{background:var(--accent);color:#fff;opacity:0;transform:translateY(-6px)}
.evidence-build[data-active='1'] .ev-rec,.evidence-build[data-active='2'] .ev-rec{opacity:0}
.evidence-build[data-active='1'] .ev-readout,.evidence-build[data-active='2'] .ev-readout{opacity:1;transform:none;transition-delay:1.4s}
.evidence-build[data-active='2'] .ev-readout{transition-delay:0s}
.evidence-build[data-active='1'] .evidence-wire::after{transform:translateX(-40%)}
@keyframes ev-blink{50%{opacity:0}}
@media(max-width:767px){.evidence-build[data-active='1'] .evidence-wire::after{transform:translateY(-40%)}}
@media(prefers-reduced-motion:reduce){.ev-pending::after,.ev-rec::before{animation:none}}

/* Two-line headings on desktop */
@media(min-width:960px){.two-line-heading{max-width:none!important;font-size:clamp(30px,3vw,46px)}.two-line-heading>span{display:block;white-space:nowrap}}
@media(min-width:960px){[data-two-line]{max-width:none!important}[data-two-line]>span{display:block;white-space:nowrap}}

.footer-inner{border-inline:0!important}
@media(min-width:960px){.footer-bottom>p{text-wrap:balance;max-width:120ch}}

/* Heroes fill the screen on desktop */
@media(min-width:960px){.hero,.hero--chapter{min-height:calc(100dvh - var(--header))}}
.property-notes+.small-note{margin-top:32px}
@media(max-width:959px){.desktop-break{display:none}}
@media(min-width:768px){.next-chapter{align-items:center}}

/* Centred section intro */
.section-top.section-top--center{display:flex!important;flex-direction:column;align-items:center;text-align:center;gap:20px}
.section-top--center>div{display:block!important}
.section-top--center .section-heading{margin:0 auto!important;max-width:none}
.section-top--center>p{padding-top:0!important;max-width:60ch;margin:0 auto!important;align-self:center!important;text-align:center!important}

/* Side-by-side film: copy left, video fills the right half */
@media(min-width:960px){
 .film-section--side{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;max-width:none;padding:0;margin:0}
 .film-section--side .split-feature__copy{grid-column:1;grid-row:1;display:flex!important;flex-direction:column;gap:24px;max-width:620px;margin:0 0 0 auto;padding:var(--space-section) clamp(40px,5vw,96px) var(--space-section) var(--inset)}
 .film-section--side .split-feature__copy>.section-heading{max-width:16ch}
 .film-section--side .film{grid-column:2;grid-row:1;margin:0;width:100%;max-width:none;align-self:stretch;display:flex;flex-direction:column}
 .film-section--side .film video{width:100%;height:100%;min-height:min(80vh,720px);object-fit:cover;display:block;flex:1}
 .film-section--side .film figcaption{padding-inline:20px}
}
[data-one-line]{max-width:none!important}@media(min-width:960px){[data-one-line]{white-space:nowrap}}
@media(min-width:960px){[data-balance-3]{max-width:54ch!important;text-wrap:balance}}
@media(min-width:960px){.editorial[data-wide-intro]{grid-template-columns:1.25fr 1.75fr;gap:56px}}
@media(min-width:960px){.hero--chapter h1{max-width:none}.hero--chapter h1>span{white-space:nowrap}}
.process-record__photo img,.process-record__photo video{filter:none}
@media(min-width:768px){.section-top>.precision-copy{grid-column:2;grid-row:2;align-self:start;padding-top:.55em!important;max-width:60ch!important}}
@media(min-width:960px){.process-story__visual>[data-one-line]{font-size:min(46px,3.2vw)}}

/* The way back to futureofsports.io (build.py HOME_URL): the mark reads as a path, F / NETWORK. */
.brand--path{gap:10px}
.brand__home{position:relative;display:inline-flex}
.brand__slash{font:300 22px/1 var(--mono);color:var(--accent)}
.brand__section{font:var(--label-weight) 12px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;padding:10px 0;transition:color .2s}
.brand__section:hover{color:var(--accent)}
.brand__home::after{content:attr(data-tip);position:absolute;left:-6px;top:calc(100% + 12px);z-index:6;padding:7px 10px;border-radius:999px;background:var(--foreground);color:var(--background);font:400 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .18s,transform .18s}
.brand__home:hover::after,.brand__home:focus-visible::after{opacity:1;transform:none}
.mobile-menu a.mobile-menu__home{margin-top:14px;border-bottom:0;color:var(--secondary)}
.footer-brand .brand--path{margin-bottom:22px}
.footer-brand .brand--path .brand__mark{margin:0}
.footer-brand .brand__home::after{top:auto;bottom:calc(100% + 12px);transform:translateY(4px)}
@media(max-width:767px){.footer-brand .brand--path{margin:0;flex-shrink:0}}
/* 768-899px: the full nav shares the bar, so the path reads F / FSN and the nav sits closer. */
.brand__short{display:none}
@media(min-width:768px) and (max-width:899px){
 .site-header .brand--path{gap:6px}
 .site-header .brand__long{display:none}.site-header .brand__short{display:inline}
 .desktop-nav{margin-left:4px}.desktop-nav a{padding:0 7px}
}

/* The Home item in the menu (build.py nav_home) */
@media(min-width:768px) and (max-width:899px){.site-header .brand__slash,.site-header .brand__section{display:none}.desktop-nav a{padding:0 6px}}
@media(min-width:900px) and (max-width:959px){.site-header .brand__long{display:none}.site-header .brand__short{display:inline}}
@media(min-width:1120px) and (max-width:1439px){.desktop-nav{position:static;transform:none;margin-inline:auto}.header-actions{margin-left:0}}

/* FSN home (build.py home_sections): the family's marks are links, and the portrait basketball film
   shows the top of its frame, where the shot and the rim are. */
a.property-cell{transition:background .2s}
a.property-cell:hover{background:var(--paper)}
a.property-cell img,a.property-cell .property-tlc{transition:opacity .2s,color .2s}
a.property-cell:hover img{opacity:.8}
a.property-cell:hover .property-tlc{color:var(--foreground)}
a.property-cell:focus-visible{outline-offset:-6px}
#human-judgment .film video{object-position:50% 15%}
/* its caption is longer than the cricket film's: where the two parts do not fit on one line
   (960-1000 px), the second moves under the first instead of each breaking in two */
#human-judgment .film figcaption{flex-wrap:wrap;row-gap:4px}
#human-judgment .film figcaption>span{white-space:nowrap}
/* The bowling film under "The play ends" is a 4:5 portrait: its 16:10 box showed half of the frame and
   the 16:9 phone box less than half (Tabitha, 2026-09-30). From 768 px the box is 20% taller (4:3, the
   same width); on an upright phone it shows the whole frame, at most 80% of the screen tall. A phone
   held sideways keeps the 16:9 box. */
@media(min-width:768px){#why-fsn .evidence-source{aspect-ratio:4/3}}
@media(max-width:767px) and (orientation:portrait){#why-fsn .evidence-source{aspect-ratio:4/5;width:100%;max-height:80vh;max-height:80svh}}

/* The phone footer (build.py footer_accordion): the link groups are rows that open one at a time. */
.footer-toggle{display:none}
@media(max-width:767px){
 .site-footer[data-accordion] .footer-grid{grid-template-columns:minmax(0,1fr);gap:0}
 .site-footer[data-accordion] .footer-brand{margin-bottom:28px}
 .site-footer[data-accordion] .footer-grid nav{border-top:1px solid var(--line)}
 .site-footer[data-accordion] .footer-grid nav h2{margin:0}
 .site-footer[data-accordion] .footer-label{display:none}
 .site-footer[data-accordion] .footer-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:52px;padding:0;border:0;background:none;color:var(--foreground);font:var(--label-weight) 12px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;text-align:left;cursor:pointer}
 .footer-toggle__icon{position:relative;flex-shrink:0;width:15px;height:15px;color:var(--secondary);transition:transform .28s}
 .footer-toggle__icon::before,.footer-toggle__icon::after{content:"";position:absolute;left:0;top:7px;width:15px;height:1px;background:currentColor}
 .footer-toggle__icon::after{transform:rotate(90deg)}
 .footer-toggle[aria-expanded=true] .footer-toggle__icon{transform:rotate(45deg)}
 .site-footer[data-accordion] .footer-links{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .36s cubic-bezier(.2,.7,.3,1),visibility 0s .36s}
 .site-footer[data-accordion] .footer-links>div{min-height:0;overflow:hidden}
 .site-footer[data-accordion] nav[data-open] .footer-links{grid-template-rows:1fr;visibility:visible;transition:grid-template-rows .36s cubic-bezier(.2,.7,.3,1)}
 .site-footer[data-accordion] .footer-links a{display:flex;align-items:center;min-height:40px;padding:0}
 .site-footer[data-accordion] .footer-links a:last-child{margin-bottom:12px}
}
@media(max-width:767px) and (prefers-reduced-motion:reduce){.footer-toggle__icon,.site-footer[data-accordion] .footer-links{transition:none!important}}