.chapter{display:grid;gap:var(--s16)}
.chapter__t .caption{margin-bottom:var(--s12)}
@media (min-width:900px){
  .chapter{grid-template-columns:repeat(12,1fr);column-gap:var(--gutter);align-items:start}
  .chapter__t{grid-column:1 / span 6}
  .chapter__b{grid-column:8 / span 5;padding-top:var(--s8)}
}

.hero{position:relative;isolation:isolate;display:flex;align-items:center;
  min-height:100svh;padding-block:clamp(120px,15vh,180px) clamp(56px,9vh,110px);
  overflow:hidden}
.hero__bg{position:absolute;inset:0;z-index:-2;background:var(--ink)}
.hero__video{width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(90deg,rgba(12,15,17,.92) 0%,rgba(12,15,17,.86) 38%,rgba(12,15,17,.62) 66%,rgba(12,15,17,.55) 100%)}
.hero__in{width:100%}
.hero__eyebrow{margin-bottom:var(--s24);color:var(--steel-200)}
.hero__h{max-width:14ch}
.hero__lede{margin-top:var(--s24);color:var(--steel-200);max-width:48ch}
.hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s16) var(--s32);
  margin-top:var(--s32)}
@media (max-width:519px){.hero__actions{display:grid;justify-items:start}}

.hero__sound{position:absolute;right:var(--margin);bottom:var(--s24);z-index:2;
  width:var(--control);height:var(--control);display:grid;place-items:center;
  background:rgba(12,15,17,.6);border:1px solid var(--steel-700);border-radius:var(--radius);
  color:#fff;cursor:pointer;transition:background-color .12s linear,border-color .12s linear}
.hero__sound:hover{background:var(--ink);border-color:var(--steel-500)}
.hero__sound:focus-visible{outline:none;background:var(--focus-tertiary);border-color:var(--focus-tertiary)}
.hero__sound-i{display:flex;gap:3px}
.hero__sound-i span{display:block;width:3px;height:12px;background:currentColor}
.hero__sound[data-paused] .hero__sound-i{gap:0}
.hero__sound[data-paused] .hero__sound-i span:first-child{width:0;height:0;
  border-left:10px solid currentColor;border-top:6px solid transparent;border-bottom:6px solid transparent;background:none}
.hero__sound[data-paused] .hero__sound-i span:last-child{display:none}

.env-paper,.env-paper-cool{--tone-focus:var(--focus-secondary);--tone-focus-fg:var(--ink)}
.env-ink,.env-ink-surface{--tone-focus:var(--focus-tertiary);--tone-focus-fg:#fff}

.pills{display:flex;flex-wrap:wrap;gap:var(--s8)}
.pill{min-height:var(--control-compact);padding:0 14px;border-radius:var(--radius);
  background:transparent;border:1px solid var(--rule);color:var(--muted);
  font:500 14px/1 Geist;cursor:pointer;
  transition:background-color .12s linear,border-color .12s linear,color .12s linear}
.pill:hover{border-color:var(--steel-500);color:var(--fg)}
.pill:focus-visible{outline:none;background:var(--tone-focus);border-color:var(--tone-focus);color:var(--tone-focus-fg)}
.pill[aria-checked=true]{background:var(--fg);border-color:var(--fg);color:var(--bg)}

.field--dark{background:var(--ink-surface);color:#fff;border-color:var(--steel-700)}
.field--dark:focus{background:#202428;border-color:var(--steel-300)}

.site-header__acts{display:flex;align-items:center;gap:var(--s12)}
.hdr-ask{flex:none}

.site-header{position:fixed;transition:background-color .12s linear}
@media (prefers-reduced-motion:reduce){.site-header{transition:none}}
.site-header.is-solid{background:var(--ink);border-bottom:1px solid var(--steel-700)}

section[id]{scroll-margin-top:92px}
@media (max-width:519px){.hdr-ask{padding:0 14px;font-size:14px}}

.creds{padding-block:var(--s48)}
.creds__list{display:grid;gap:var(--s32)}
.creds__list>li{padding-top:var(--s24);border-top:1px solid var(--steel-700)}
.creds__h{max-width:22ch}
.creds__p{margin-top:var(--s12);color:var(--steel-300);max-width:38ch}
.creds .figure{color:#fff}
@media (min-width:768px){
  .creds__list{grid-template-columns:repeat(3,1fr);gap:var(--s32) var(--s48)}
}

.abt{display:grid;gap:var(--s32)}
.abt__h{margin-top:var(--s12)}
.abt__p{margin-top:var(--s24)}
.abt__shot{margin:0}
.abt__shot img{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:50% 52%}
.abt__cap{margin-top:var(--s12)}
@media (min-width:900px){
  .abt{grid-template-columns:repeat(12,1fr);column-gap:var(--gutter);align-items:start}
  .abt__say{grid-column:1 / span 6}
  .abt__shot{grid-column:8 / span 5;margin-top:var(--s48)}
  .marks{grid-column:1 / -1;margin-top:clamp(40px,5vw,72px)}
}

.marks{margin:clamp(32px,4vw,56px) 0 0}
.mark{display:grid;gap:var(--s4);padding-block:var(--s16);border-top:1px solid var(--rule)}
.mark:last-child{border-bottom:1px solid var(--rule)}
.mark__k{color:var(--muted)}
.mark__v{margin:0;font:400 16px/1.6 Geist;max-width:62ch}
@media (min-width:768px){
  .mark{grid-template-columns:minmax(0,10rem) minmax(0,1fr);gap:var(--s24);align-items:baseline}
}

.range{display:grid;gap:var(--s32) var(--gutter);margin-top:clamp(48px,6vw,96px);
  padding:0;list-style:none}
.rcard{margin:0}
.rcard__link{display:grid;text-decoration:none}
.rcard__i{display:block;overflow:hidden;background:var(--ink)}
.rcard__i img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.rcard__n{display:block;margin-top:var(--s24);padding-top:var(--s16);
  border-top:1px solid var(--steel-700);
  font:700 clamp(21px,1.1rem + 1vw,30px)/1.18 Geist;letter-spacing:-.012em}
.rcard__p{display:block;margin-top:var(--s8);color:var(--steel-300);
  font:400 15px/1.6 Geist;max-width:34ch}
.rcard__go{display:inline-flex;align-items:center;gap:var(--s8);margin-top:var(--s16);
  font:600 15px/1 Geist;color:#fff;border-bottom:1px solid var(--steel-700);
  padding-bottom:4px;justify-self:start;transition:border-color .12s linear}
.rcard__link:hover .rcard__go{border-bottom-color:#fff}
.rcard__link:focus-visible{outline:none}
.rcard__link:focus-visible .rcard__go{color:var(--steel-300);border-bottom-color:var(--steel-300)}
.range__note{margin-top:clamp(32px,4vw,56px);color:var(--steel-300);max-width:60ch}
@media (min-width:768px){.range{grid-template-columns:repeat(3,1fr)}}

.pedals{display:grid;gap:var(--s32)}
.pedals__shot{margin:0;background:var(--white);border-radius:var(--radius);padding:var(--s24)}
.pedals__shot img{width:100%;height:auto;display:block}
.pedals__h{margin-top:var(--s12)}
.pedals__p{margin-top:var(--s24);max-width:44ch}
.pedals__go{margin:var(--s32) 0 0}
@media (min-width:900px){
  .pedals{grid-template-columns:repeat(12,1fr);column-gap:var(--gutter);align-items:center}
  .pedals__say{grid-column:1 / span 5}
  .pedals__shot{grid-column:7 / span 6}
}

.ux{display:grid;gap:var(--s32);margin-top:clamp(48px,6vw,96px)}
.ux__l{margin:0;padding:0;list-style:none;border-top:1px solid var(--rule)}
.ux__b{display:grid;grid-template-columns:auto 1fr;align-items:baseline;
  gap:var(--s16);width:100%;text-align:left;
  padding:var(--s24) 0;background:none;border:0;border-bottom:1px solid var(--rule);
  cursor:pointer;color:var(--muted);transition:color .12s linear}
.ux__n{color:var(--muted)}
.ux__t{font:700 clamp(21px,1.05rem + 1.1vw,32px)/1.16 Geist;letter-spacing:-.014em;
  color:var(--fg);transition:color .12s linear}
.ux__b:hover .ux__t,.ux__b:focus-visible .ux__t{color:var(--focus-primary)}
.ux__b:focus-visible{outline:none}
.ux__b:focus-visible .ux__n{color:var(--focus-primary)}
.ux__b.is-on{color:var(--fg)}
.ux__b.is-on .ux__n{color:var(--fg)}
.ux__b.is-on .ux__t{color:var(--fg)}

.ux__b{position:relative}
.ux__b::before{content:"";position:absolute;left:-14px;top:0;bottom:0;width:2px;
  background:transparent}
.ux__b.is-on::before{background:var(--ink)}

.ux__fig{position:relative;margin:0;align-self:start}
.ux__img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}
.ux__img:not(.is-on){position:absolute;inset:0;opacity:0;pointer-events:none}
.ux__img.is-on{position:relative;opacity:1;transition:opacity .16s linear}
@media (prefers-reduced-motion:reduce){.ux__img.is-on{transition:none}}
@media (min-width:900px){
  .ux{grid-template-columns:repeat(12,1fr);column-gap:var(--gutter);align-items:start}
  .ux__l{grid-column:1 / span 7}
  .ux__fig{grid-column:9 / span 4;position:sticky;top:96px}
}

.cases{margin-top:clamp(48px,6vw,96px)}
.cases__bar{display:grid;gap:var(--s12)}
.chips{display:flex;flex-wrap:wrap;gap:var(--s8)}
.chip{min-height:var(--control-compact);padding:0 12px;border-radius:var(--radius);
  background:transparent;border:1px solid var(--rule);color:var(--muted);
  font:500 13px/1 Geist;cursor:pointer;
  transition:background-color .12s linear,border-color .12s linear,color .12s linear}
.chip:hover{border-color:var(--steel-500);color:var(--fg)}
.chip:focus-visible{outline:none;background:var(--tone-focus);border-color:var(--tone-focus);color:var(--tone-focus-fg)}
.chip.is-on{background:var(--fg);border-color:var(--fg);color:var(--bg)}

.cases__grid{display:grid;gap:var(--s24) var(--gutter);margin-top:var(--s32)}
@media (min-width:900px){.cases__grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.cases__grid{grid-template-columns:repeat(4,1fr)}}

@media (max-width:899px){
  
  .cases__grid{grid-auto-flow:column;grid-auto-columns:76%;
    overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;
    padding-bottom:var(--s16);gap:var(--s16)}
  .cases__grid>*{scroll-snap-align:start}
  .chips{overflow-x:auto;flex-wrap:nowrap;padding-bottom:var(--s12)}
  .chip{flex:none}
  .cases__grid,.chips{scrollbar-width:thin;scrollbar-color:var(--steel-700) transparent}
  .cases__grid::-webkit-scrollbar,.chips::-webkit-scrollbar{height:2px}
  .cases__grid::-webkit-scrollbar-thumb,.chips::-webkit-scrollbar-thumb{background:var(--steel-700)}
}

.ccard{display:grid;align-content:start;margin:0;padding:0;text-align:left;
  background:transparent;border:0;cursor:pointer;color:inherit;font:inherit}
.ccard--still{cursor:default}
.ccard[hidden]{display:none}
.ccard__i{position:relative;display:block;overflow:hidden;background:var(--ink-surface)}
.ccard__i img{width:100%;aspect-ratio:3/2;object-fit:cover}
.play{position:absolute;left:var(--s16);bottom:var(--s16);
  width:40px;height:40px;display:grid;place-items:center;border-radius:50%;
  background:rgba(12,15,17,.72);color:#fff;
  transition:background-color .12s linear}
.play svg{width:14px;height:16px;fill:currentColor;margin-left:2px}
.ccard:hover .play{background:#fff;color:var(--ink)}
.ccard__n{display:block;margin-top:var(--s12);font:600 16px/1.3 Geist;letter-spacing:-.006em}
.ccard__w{display:block;margin-top:var(--s4);color:var(--steel-300)}
.ccard__p{display:block;margin-top:var(--s8);font:400 14px/1.55 Geist;
  color:var(--steel-300);max-width:40ch}
button.ccard:focus-visible{outline:none}
button.ccard:focus-visible .ccard__n{color:var(--steel-300)}
button.ccard:focus-visible .ccard__i{box-shadow:inset 0 0 0 2px var(--steel-300)}
.cases__none{margin-top:var(--s32);color:var(--steel-300)}

.ask{display:grid;gap:var(--s48)}
.ask__p{margin-top:var(--s24)}
.ask__d{margin-top:clamp(32px,4vw,56px);display:grid;gap:var(--s24)}
.ask__d dt{margin-bottom:var(--s8)}
.ask__d dd{margin:0}
@media (min-width:520px){.ask__d{grid-template-columns:repeat(2,1fr);column-gap:var(--s32)}}
@media (min-width:900px){
  .ask{grid-template-columns:repeat(12,1fr);column-gap:var(--gutter);align-items:start}
  .ask__say{grid-column:1 / span 4}
  .ask__slot{grid-column:6 / span 7}
  .ask__d{grid-template-columns:1fr}
}

.sf{display:grid;gap:var(--s32)}
.sf__top{display:flex;align-items:center;gap:var(--s16);min-height:var(--control-compact)}
.sf__count{color:var(--muted);flex:none}
.sf__bar{flex:1 1 auto;height:1px;background:var(--rule);position:relative}
.sf__bar>span{position:absolute;inset:0 auto 0 0;background:var(--ink);width:25%;
  transition:width .18s linear}
@media (prefers-reduced-motion:reduce){.sf__bar>span{transition:none}}
.sf__nav{display:flex}
.sf__nav[hidden]{display:none}
.sf__back{display:inline-flex;align-items:center;gap:var(--s8);
  min-height:var(--control);padding:0 var(--s16);cursor:pointer;
  background:transparent;border:1px solid var(--steel-200);border-radius:var(--radius);
  color:var(--fg);font:600 14px/1 Geist;
  transition:border-color .12s linear,color .12s linear}
.sf__back:hover{border-color:var(--steel-500)}
.sf__back:focus-visible{outline:none;border-color:var(--focus-primary);
  box-shadow:inset 0 0 0 1px var(--focus-primary)}
.sf__back[hidden]{display:none}

.sf__step{border:0;padding:0;margin:0;display:grid;gap:var(--s24)}
.sf__step[hidden]{display:none}
.sf__q{padding:0;margin:0;font:700 clamp(22px,1.15rem + 1.1vw,32px)/1.2 Geist;
  letter-spacing:-.016em;max-width:20ch}

.sf__opts{display:grid;gap:var(--s8)}
@media (min-width:560px){
  .sf__opts--2{grid-template-columns:repeat(2,1fr);gap:var(--gutter)}
  .sf__opts--row{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--s8)}
}

.opt{display:grid;gap:var(--s4);text-align:left;width:100%;
  min-height:var(--control);padding:var(--s16);
  background:var(--white);border:1px solid var(--steel-200);border-radius:var(--radius);
  cursor:pointer;transition:border-color .12s linear,background-color .12s linear,color .12s linear}
.opt:hover{border-color:var(--steel-500)}
.opt:focus-visible{outline:none;border-color:var(--focus-primary);
  box-shadow:inset 0 0 0 1px var(--focus-primary)}
.opt[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}
.opt[aria-pressed=true] .opt__h{color:var(--steel-300)}
.opt__t{font:600 17px/1.4 Geist}
.opt__h{font:400 14px/1.5 Geist;color:var(--muted)}
.opt--slim{padding:var(--s12) var(--s16);justify-items:center;text-align:center}

.sf__recap{color:var(--muted);margin:0}
.sf__grid{display:grid;gap:var(--s24)}
@media (min-width:560px){
  .sf__grid{grid-template-columns:repeat(2,1fr)}
  .f--wide{grid-column:1 / -1}
}
.f{display:grid;gap:var(--s8);margin:0;position:relative}
.f__lab{color:var(--muted)}
.f[hidden]{display:none}
.sf__consent{display:flex;align-items:flex-start;gap:var(--s12);margin:0}
.sf__consent input{width:18px;height:18px;margin-top:3px;flex:none;accent-color:var(--ink)}
.sf__consent input:focus-visible{outline:2px solid var(--focus-primary);outline-offset:2px}
.sf__go{justify-self:start}
.sf__note{max-width:56ch}
.sf__done{display:grid;gap:var(--s12)}
.sf__done[hidden]{display:none}

.f--cbx{position:relative}
.cbx{position:absolute;left:0;right:0;top:100%;z-index:20;margin-top:2px;
  max-height:264px;overflow:auto;background:var(--white);
  border:1px solid var(--steel-200);border-radius:var(--radius);
  box-shadow:0 1px 0 0 var(--steel-200)}
.cbx[hidden]{display:none}
.cbx__l{list-style:none;margin:0;padding:4px}
.cbx__o{display:flex;align-items:center;gap:10px;min-height:44px;padding:6px 10px;
  cursor:pointer;border-radius:var(--radius)}
.cbx__o[aria-selected="true"],.cbx__o:hover{background:var(--ink);color:var(--white)}
.cbx__f{font-size:1.125rem;line-height:1;flex:none}
.cbx__c{font-family:"Geist Mono",ui-monospace,monospace;font-size:.8125rem;
  color:var(--steel-700);flex:none;width:2.4em}
.cbx__d{font-family:"Geist Mono",ui-monospace,monospace;font-size:.8125rem;
  color:var(--steel-700);flex:none;width:4.4em;text-align:right}
.cbx__o[aria-selected="true"] .cbx__c,.cbx__o:hover .cbx__c,
.cbx__o[aria-selected="true"] .cbx__d,.cbx__o:hover .cbx__d{color:var(--steel-300)}
.cbx__n{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
.cbx__none{padding:12px 10px;font-size:.875rem;color:var(--steel-700)}

.tel{display:flex;align-items:stretch;min-height:var(--control);
  background:var(--white);border:1px solid var(--steel-200);border-radius:var(--radius);
  transition:border-color .12s linear,background-color .12s linear}
.tel:hover{border-color:var(--steel-500)}
.tel:focus-within{border-color:var(--steel-500);background:var(--focus-field)}
.tel__pre{display:flex;align-items:center;gap:var(--s8);flex:none;
  padding:0 var(--s12);border-right:1px solid var(--steel-200);white-space:nowrap}
.tel__pre[hidden]{display:none}
.tel__flag{font-size:1.125rem;line-height:1}
.tel__iso{color:var(--muted)}
.tel__in.field{flex:1 1 auto;min-width:0;min-height:auto;
  background:transparent;border:0;border-radius:0}
.tel__in.field:hover,.tel__in.field:focus{background:transparent;border:0}
.env-ink .tel{background:var(--ink-surface);border-color:var(--steel-700)}
.env-ink .tel:focus-within{background:#20242899;border-color:var(--steel-300)}
.env-ink .tel__pre{border-right-color:var(--steel-700)}

.ask-dlg{position:fixed;inset:0;z-index:70;display:grid;place-items:center;
  padding:var(--s16)}
.ask-dlg[hidden]{display:none}
.ask-dlg__bg{position:absolute;inset:0;background:rgba(12,15,17,.88);border:0}
.ask-dlg__in{position:relative;width:min(100%,680px);max-height:92svh;overflow:auto;
  background:var(--paper);color:var(--ink);border-radius:var(--radius);
  padding:var(--s24) var(--s24) var(--s32)}
.ask-dlg__hd{display:flex;align-items:center;justify-content:space-between;
  gap:var(--s16);margin-bottom:var(--s24)}
.ask-dlg__hd .caption{color:var(--steel-700)}
.ask-dlg__x{width:var(--control);height:var(--control);display:grid;place-items:center;
  background:none;border:0;color:inherit;cursor:pointer;border-radius:var(--radius)}
.ask-dlg__x:hover{background:var(--paper-cool)}
.ask-dlg__x:focus-visible{outline:none;background:var(--focus-secondary)}
@media (min-width:560px){.ask-dlg__in{padding:var(--s32)}}

.foot{display:grid;gap:var(--s48);padding-bottom:var(--s48)}
.foot__tag{margin-top:var(--s12);max-width:40ch}
.foot__nav{display:grid;gap:var(--s32)}
.foot__l{margin-top:var(--s12);display:grid;gap:var(--s8)}
@media (min-width:520px){.foot__nav{grid-template-columns:repeat(3,1fr);gap:var(--s24)}}
@media (min-width:900px){
  .foot{grid-template-columns:repeat(12,1fr);column-gap:var(--gutter)}
  .foot__brand{grid-column:1 / span 4}
  .foot__nav{grid-column:6 / span 7}
}
.foot__news{display:grid;gap:var(--s24);padding-block:var(--s32)}
.news{display:flex;flex-wrap:wrap;gap:var(--s12)}
.news .field{flex:1 1 240px;min-width:0}
@media (min-width:900px){
  .foot__news{grid-template-columns:repeat(12,1fr);column-gap:var(--gutter);align-items:center}
  .foot__news>div{grid-column:1 / span 4}
  .news{grid-column:6 / span 7}
}
.site-footer__legal{border-top:1px solid var(--rule)}
.site-footer__legal p+p{margin-top:var(--s8)}

.lb{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:var(--s24)}
.lb[hidden]{display:none}
.lb__bg{position:absolute;inset:0;background:rgba(12,15,17,.88);border:0}
.lb__in{position:relative;width:min(100%,1100px)}
.lb__hd{display:flex;align-items:center;justify-content:space-between;gap:var(--s16);
  margin-bottom:var(--s12);color:#fff}
.lb__x{width:var(--control);height:var(--control);display:grid;place-items:center;
  background:transparent;border:0;border-radius:var(--radius);color:#fff;cursor:pointer;
  transition:background-color .12s linear}
.lb__x:hover{background:var(--ink-surface)}
.lb__x:focus-visible{outline:none;background:var(--focus-tertiary)}
.lb__v{aspect-ratio:16/9;background:#000;border-radius:var(--radius);overflow:hidden}
.lb__v iframe{width:100%;height:100%;border:0;display:block}
.lb__f{margin-top:var(--s12);color:var(--steel-300)}
.lb__f a{color:#fff;border-bottom-color:var(--steel-700)}

.menu-panel__nav a{display:flex;align-items:baseline;gap:var(--s16)}
.menu-panel__n{color:var(--steel-300);font-size:13px}

@media (max-width:767px){
  
  .hero{padding-top:clamp(104px,26vw,140px);padding-bottom:clamp(180px,46vw,260px)}
  .hero__grid{gap:var(--s32)}
  .creds__list{gap:var(--s24)}
  .facts,.figures{gap:var(--s24)}
  .cases__grid,.quotes,.uses{gap:var(--s32)}
  .range{gap:var(--s32)}
}