@font-face{
  font-family: "Microgramma";
  src: url("../fonts/MicrogrammaDExtended-Bold.otf") format("opentype");
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face{
  font-family: "Microgramma";
  src: url("../fonts/MicrogrammaDExtended-Medium.otf") format("opentype");
  font-weight: 500; font-style: normal; font-display: swap;
}
:root{
  --purple: #7C0C6F;
  --purple-ink: #5B0852;
  --orange: #F36E07;
  --orange-ink: #C85600;
  --grey: #A2A2A2;
  --charcoal: #333333;
  --ink: #16121A;
  --ink-2: #221C27;
  --paper: #FFFFFF;
  --mist: #F4F3F1;
  --line: #E1DFDB;
  --line-dk: rgba(255, 255, 255, .16);
  --muted: #6A6670;
  --muted-dk: rgba(255, 255, 255, .66);

  --f-display: "Microgramma", "Michroma", "Eurostile Extended", "Arial Black", sans-serif;
  --f-body: "IBM Plex Sans", "Segoe UI", Helvetica, Arial, sans-serif;
  --f-mono: "IBM Plex Mono", ui-monospace, Consolas, monospace;

  --wrap: 1320px;
  --gut: clamp(20px, 4vw, 64px);
  --sec: clamp(72px, 9vw, 136px);
  --cham: 40px;                     
  --ease: cubic-bezier(.2, .7, .2, 1);
  --hdr-h: 84px;
}
.s2 *, .s2 *::before, .s2 *::after{ box-sizing: border-box; }
html{ -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: calc(var(--hdr-h) + 16px); }
body.s2{
  margin: 0; background: var(--paper); color: var(--charcoal);
  font: 400 17px/1.65 var(--f-body);
  -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;
}
.s2 img, .s2 svg, .s2 video{ display: block; max-width: 100%; }
.s2 img{ height: auto; }
.s2 a{ color: inherit; }
.s2 button{ font: inherit; color: inherit; background: none; border: 0; padding: 0; cursor: pointer; }
.s2 ul, .s2 ol{ margin: 0; padding: 0; list-style: none; }
.s2 h1, .s2 h2, .s2 h3, .s2 h4, .s2 p, .s2 figure, .s2 dl, .s2 dd, .s2 blockquote{ margin: 0; }
.s2 sup{ font-size: .5em; line-height: 0; vertical-align: super; letter-spacing: 0; }
.s2 :focus-visible{ outline: 2px solid var(--purple); outline-offset: 3px; }
.s2 .on-dark :focus-visible, .s2 .on-dark:focus-visible{ outline-color: var(--orange); }
.s2 ::selection{ background: var(--orange); color: var(--ink); }
.s2 .skip{ position: absolute; left: 12px; top: -60px; z-index: 300; background: var(--ink); color: #fff; padding: 12px 18px; font-weight: 600; }
.s2 .skip:focus{ top: 12px; }
.s2 .vh{ position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.s2 .wrap{ width: 100%; max-width: calc(var(--wrap) + var(--gut) * 2); margin-inline: auto; padding-inline: var(--gut); }
.s2 .sec{ padding-block: var(--sec); position: relative; }
.s2 .sec--tight{ padding-block: clamp(48px, 6vw, 88px); }
.s2 .sec--flush-top{ padding-top: 0; }
.s2 .sec--mist{ background: var(--mist); }
.s2 .sec--ink{ background: var(--ink); color: #fff; }
.s2 .sec--purple{ background: var(--purple); color: #fff; }
.s2 .sec--rule{ border-top: 1px solid var(--line); }
.s2 .on-dark{ color: #fff; }
.s2 .grid{ display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: clamp(20px, 2.4vw, 40px); }
.s2 .display-xl, .s2 .display-l, .s2 .display-m, .s2 .display-s{
  font-family: var(--f-display); text-transform: uppercase; color: var(--ink);
  font-feature-settings: "kern"; text-wrap: balance;
}
.s2 .on-dark .display-xl, .s2 .on-dark .display-l, .s2 .on-dark .display-m, .s2 .on-dark .display-s{ color: #fff; }
.s2 .display-xl{ font-weight: 700; font-size: clamp(32px, 4.9vw, 74px); line-height: 1.04; letter-spacing: -.012em; }
.s2 .display-l{ font-weight: 700; font-size: clamp(25px, 3.1vw, 46px); line-height: 1.1;  letter-spacing: -.008em; }
.s2 .display-m{ font-weight: 700; font-size: clamp(19px, 1.9vw, 27px); line-height: 1.18; }
.s2 .display-s{ font-weight: 500; font-size: clamp(15px, 1.2vw, 17px); line-height: 1.3; letter-spacing: .02em; }
.s2 .hl{ color: var(--orange); }
.s2 .headline{ font: 300 clamp(23px, 2.5vw, 37px)/1.3 var(--f-body); letter-spacing: -.012em; color: var(--ink); text-wrap: pretty; }
.s2 .on-dark .headline{ color: #fff; }
.s2 .headline strong{ font-weight: 500; }
.s2 .lede{ font-size: clamp(18px, 1.35vw, 21px); line-height: 1.6; color: var(--charcoal); max-width: 62ch; text-wrap: pretty; }
.s2 .on-dark .lede{ color: rgba(255, 255, 255, .82); }
.s2 .body p + p{ margin-top: 1em; }
.s2 .body{ max-width: 66ch; }
.s2 .small{ font-size: 15px; line-height: 1.6; }
.s2 .muted{ color: var(--muted); }
.s2 .on-dark .muted{ color: var(--muted-dk); }
.s2 .eyebrow{
  display: inline-block;
  font: 500 12px/1.4 var(--f-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--muted);
}
.s2 .eyebrow::before{ content: ""; display: inline-block; width: 8px; height: 8px; background: var(--orange); margin-right: 12px; vertical-align: 0; }
.s2 .on-dark .eyebrow{ color: var(--muted-dk); }
.s2 .mono{ font: 400 12px/1.5 var(--f-mono); letter-spacing: .08em; text-transform: uppercase; }
.s2 .idx{ font: 500 12px/1 var(--f-mono); letter-spacing: .14em; color: var(--purple); }
.s2 .on-dark .idx{ color: var(--orange); }
.s2 .cham{ clip-path: polygon(0 0, calc(100% - var(--cham)) 0, 100% calc(var(--cham) * .9), 100% 100%, 0 100%); }
.s2 .cham-bl{ clip-path: polygon(0 0, 100% 0, 100% 100%, var(--cham) 100%, 0 calc(100% - var(--cham) * .9)); }
.s2 .cham-sm{ --cham: 14px; }
.s2 .btn{
  display: inline-flex; align-items: center; gap: 14px; min-height: 54px; padding: 14px 26px;
  font: 600 15px/1.2 var(--f-body); letter-spacing: .01em; text-decoration: none; white-space: nowrap;
  transition: background-color .25s var(--ease), color .25s var(--ease), border-color .25s var(--ease);
}
.s2 .btn svg{ width: 18px; height: 18px; flex: none; transition: transform .3s var(--ease); }
.s2 .btn:hover svg{ transform: translateX(4px); }
.s2 .btn--primary{ background: var(--orange); color: var(--ink); --cham: 14px;
  clip-path: polygon(0 0, calc(100% - var(--cham)) 0, 100% calc(var(--cham) * .9), 100% 100%, 0 100%); }
.s2 .btn--primary:hover{ background: var(--ink); color: #fff; }
.s2 .on-dark .btn--primary:hover{ background: #fff; color: var(--ink); }
.s2 .btn--primary:focus-visible{ outline: 0; box-shadow: inset 0 0 0 3px var(--ink); }
.s2 .on-dark .btn--primary:focus-visible{ box-shadow: inset 0 0 0 3px #fff; }
.s2 .btn--ghost{ border: 1px solid currentColor; color: var(--ink); }
.s2 .btn--ghost:hover{ background: var(--ink); color: #fff; border-color: var(--ink); }
.s2 .on-dark .btn--ghost{ color: #fff; border-color: rgba(255, 255, 255, .5); }
.s2 .on-dark .btn--ghost:hover{ background: #fff; color: var(--ink); border-color: #fff; }
.s2 .btn--sm{ min-height: 44px; padding: 10px 18px; font-size: 14px; gap: 10px; }
.s2 .btn-row{ display: flex; flex-wrap: wrap; gap: 14px; }
.s2 .link{
  display: inline-flex; align-items: center; gap: 10px; font: 600 15px/1.3 var(--f-body); color: var(--purple);
  text-decoration: none; padding-bottom: 6px; border-bottom: 1px solid currentColor;
}
.s2 .link svg{ width: 16px; height: 16px; transition: transform .3s var(--ease); }
.s2 .link:hover svg{ transform: translateX(4px); }
.s2 .link:hover{ color: var(--ink); }
.s2 .on-dark .link{ color: #fff; }
.s2 .on-dark .link:hover{ color: var(--orange); }
.s2 .body a, .s2 .prose a{ color: var(--purple); text-underline-offset: 3px; }
.s2 .tag{
  display: inline-block; font: 500 10.5px/1 var(--f-mono); letter-spacing: .12em; text-transform: uppercase;
  padding: 6px 8px 5px; border: 1px solid currentColor; color: var(--muted);
}
.s2 .on-dark .tag{ color: var(--muted-dk); }
.s2 .tag--solid{ background: var(--purple); border-color: var(--purple); color: #fff; }
.s2 .hdr{ position: sticky; top: 0; z-index: 100; background: #fff; border-bottom: 1px solid var(--line); }
.s2 .hdr__in{ display: flex; align-items: center; justify-content: space-between; gap: 32px; height: var(--hdr-h); transition: height .3s var(--ease); }
.s2 .hdr.is-stuck .hdr__in{ height: 66px; }
.s2 .hdr__logo{ display: block; flex: none; }
.s2 .hdr__logo svg{ height: 25px; width: auto; }
.s2 .hdr__nav{ display: flex; align-items: center; gap: clamp(18px, 2.4vw, 40px); height: 100%; }
.s2 .hdr__list{ display: flex; align-items: stretch; gap: clamp(18px, 2.4vw, 40px); height: 100%; }
.s2 .hdr__item{ display: flex; align-items: center; position: relative; }
.s2 .hdr__item--mega{ position: static; }
.s2 .hdr__btn, .s2 .hdr__a{
  display: inline-flex; align-items: center; gap: 8px; height: 100%; font: 500 15px/1 var(--f-body); color: var(--ink);
  text-decoration: none; position: relative;
}
.s2 .hdr__btn::after, .s2 .hdr__a::after{ content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: var(--purple); transform: scaleX(0); transform-origin: left; transition: transform .3s var(--ease); }
.s2 .hdr__item:hover > .hdr__btn::after, .s2 .hdr__item.is-open > .hdr__btn::after, .s2 .hdr__btn[aria-current]::after, .s2 .hdr__item:focus-within > .hdr__btn::after{ transform: scaleX(1); }
.s2 .hdr__btn .chev{ width: 10px; height: 10px; transition: transform .25s var(--ease); }
.s2 .hdr__item.is-open .chev{ transform: rotate(180deg); }
.s2 .hdr__login{ --cham: 12px; }
.s2 .hdr__login svg{ width: 15px; height: 15px; }
.s2 .hdr__login:hover svg{ transform: none; }
.s2 .drop{
  position: absolute; top: 100%; right: -20px; min-width: 300px; background: #fff; border: 1px solid var(--line); border-top: 2px solid var(--purple);
  padding: 10px 0; opacity: 0; visibility: hidden; transform: translateY(6px); transition: opacity .2s, transform .25s var(--ease), visibility .2s;
  box-shadow: 0 28px 48px -28px rgba(22, 18, 26, .28);
}
.s2 .hdr__item.is-open > .drop{ opacity: 1; visibility: visible; transform: none; }
.s2 .drop a{ display: flex; justify-content: space-between; align-items: baseline; gap: 18px; padding: 12px 22px; text-decoration: none; font-weight: 500; font-size: 15px; color: var(--ink); }
.s2 .drop a span{ font: 400 11px/1 var(--f-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--muted); white-space: nowrap; }
.s2 .drop a:hover{ background: var(--mist); color: var(--purple); }
.s2 .drop__note{ padding: 12px 22px 6px; margin-top: 6px; border-top: 1px solid var(--line); font: 400 11px/1.5 var(--f-mono); letter-spacing: .06em; text-transform: uppercase; color: var(--muted); }
.s2 .mega{
  position: absolute; left: 0; right: 0; top: 100%; background: #fff; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line);
  opacity: 0; visibility: hidden; transform: translateY(8px); transition: opacity .22s, transform .3s var(--ease), visibility .22s;
  box-shadow: 0 40px 60px -40px rgba(22, 18, 26, .3);
}
.s2 .hdr__item.is-open > .mega{ opacity: 1; visibility: visible; transform: none; }
.s2 .mega__in{ display: grid; grid-template-columns: 1fr 1fr 1fr 1.15fr; }
.s2 .mega__col{ padding: 40px 36px 44px 0; }
.s2 .mega__col + .mega__col{ padding-left: 36px; border-left: 1px solid var(--line); }
.s2 .mega__h{ display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding-bottom: 14px; margin-bottom: 8px; border-bottom: 1px solid var(--ink); }
.s2 .mega__h b{ font: 700 13px/1.2 var(--f-display); text-transform: uppercase; letter-spacing: .04em; color: var(--ink); }
.s2 .mega__h span{ font: 400 11px/1 var(--f-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--muted); }
.s2 .mega__col li a{ display: flex; align-items: baseline; justify-content: space-between; gap: 14px; padding: 10px 0; text-decoration: none; font-weight: 500; font-size: 16px; color: var(--ink); border-bottom: 1px solid transparent; transition: color .2s, padding-left .25s var(--ease); }
.s2 .mega__col li a span{ font: 400 10.5px/1 var(--f-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--grey); white-space: nowrap; transition: color .2s; }
.s2 .mega__col li a:hover, .s2 .mega__col li a:focus-visible{ color: var(--purple); padding-left: 8px; }
.s2 .mega__col li a:hover span{ color: var(--purple); }
.s2 .mega__col li a[aria-current]{ color: var(--purple); }
.s2 .mega__feat{ background: var(--ink); color: #fff; padding: 40px 36px 44px; margin-right: calc(var(--gut) * -1); padding-right: var(--gut); display: flex; flex-direction: column; gap: 18px; }
.s2 .mega__feat .ministack{ margin-top: 4px; }
.s2 .mega__feat p{ font-size: 15px; line-height: 1.55; color: rgba(255, 255, 255, .78); }
.s2 .mega__feat .link{ margin-top: auto; align-self: flex-start; }
.s2 .ministack{ display: grid; gap: 4px; }
.s2 .ministack li{ display: grid; grid-template-columns: 46px 1fr; align-items: center; gap: 12px; padding: 9px 12px; border: 1px solid var(--line-dk); font: 400 11px/1.3 var(--f-mono); letter-spacing: .08em; text-transform: uppercase; color: rgba(255, 255, 255, .78); }
.s2 .ministack li b{ font-weight: 500; color: var(--orange); }
.s2 .ministack li a{ color: inherit; text-decoration: none; }
.s2 .ministack li a:hover{ color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.s2 .ministack li.is-here{ background: var(--purple); border-color: var(--purple); color: #fff; }
.s2 .ministack li.is-here b{ color: #fff; }
.s2 .ministack--light li{ border-color: var(--line); color: var(--charcoal); background: #fff; }
.s2 .ministack--light li b{ color: var(--purple); }
.s2 .ministack--light li a:hover{ color: var(--purple); }
.s2 .ministack--light li.is-here{ background: var(--purple); color: #fff; border-color: var(--purple); }
.s2 .ministack--light li.is-here b{ color: #fff; }
.s2 .here{ font: 500 10px/1 var(--f-mono); letter-spacing: .1em; margin-left: 8px; padding: 3px 5px; background: #fff; color: var(--purple); }
.s2 .burger{ display: none; width: 46px; height: 46px; align-items: center; justify-content: center; border: 1px solid var(--line); }
.s2 .burger span, .s2 .burger span::before, .s2 .burger span::after{ display: block; width: 20px; height: 2px; background: var(--ink); position: relative; transition: transform .3s var(--ease), background-color .2s; }
.s2 .burger span::before, .s2 .burger span::after{ content: ""; position: absolute; left: 0; }
.s2 .burger span::before{ top: -6px; }
.s2 .burger span::after{ top: 6px; }
.s2 .burger[aria-expanded="true"] span{ background: transparent; }
.s2 .burger[aria-expanded="true"] span::before{ transform: translateY(6px) rotate(45deg); }
.s2 .burger[aria-expanded="true"] span::after{ transform: translateY(-6px) rotate(-45deg); }
.s2 .mnav{ position: fixed; inset: var(--hdr-h) 0 0 0; z-index: 99; background: var(--ink); color: #fff; overflow-y: auto; padding: 8px var(--gut) 48px; transform: translateX(100%); visibility: hidden; transition: transform .4s var(--ease), visibility .4s; }
.s2 .mnav.is-open{ transform: none; visibility: visible; }
.s2 .mnav details{ border-bottom: 1px solid var(--line-dk); }
.s2 .mnav summary{ list-style: none; display: flex; justify-content: space-between; align-items: center; padding: 20px 0; font: 700 15px/1.2 var(--f-display); text-transform: uppercase; letter-spacing: .03em; cursor: pointer; }
.s2 .mnav summary::-webkit-details-marker{ display: none; }
.s2 .mnav summary::after{ content: "+"; font: 400 22px/1 var(--f-mono); color: var(--orange); }
.s2 .mnav details[open] summary::after{ content: "–"; }
.s2 .mnav__grp{ padding: 0 0 18px; }
.s2 .mnav__grp h3{ font: 500 11px/1 var(--f-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--muted-dk); margin: 14px 0 6px; }
.s2 .mnav__grp a{ display: flex; justify-content: space-between; gap: 12px; padding: 10px 0; text-decoration: none; font-size: 17px; font-weight: 500; }
.s2 .mnav__grp a span{ font: 400 10.5px/1.6 var(--f-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--muted-dk); }
.s2 .mnav .btn{ margin-top: 28px; width: 100%; justify-content: center; }
.s2 .hero{ background: var(--ink); color: #fff; position: relative; overflow: hidden; }
.s2 .sheet-grid::before{                                   
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background-image: linear-gradient(to right, rgba(255,255,255,.045) 1px, transparent 1px), linear-gradient(to bottom, rgba(255,255,255,.045) 1px, transparent 1px);
  background-size: 88px 88px; background-position: center top;
}
.s2 .sheet-grid--light::before{ background-image: linear-gradient(to right, rgba(22,18,26,.05) 1px, transparent 1px), linear-gradient(to bottom, rgba(22,18,26,.05) 1px, transparent 1px); }
.s2 .hero__in{ position: relative; display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(32px, 5vw, 88px); align-items: center; padding-block: clamp(56px, 7vw, 104px) clamp(48px, 6vw, 88px); min-height: min(86vh, 860px); }
.s2 .hero__copy > * + *{ margin-top: 28px; }
.s2 .hero__copy .display-xl{ margin-top: 26px; }
.s2 .hero__copy .lede{ max-width: 54ch; }
.s2 .hero__copy .btn-row{ margin-top: 40px; }
.s2 .hero__plate{ position: relative; justify-self: end; width: min(100%, 470px); }
.s2 .hero__strip{ position: relative; border-top: 1px solid var(--line-dk); }
.s2 .hero__strip ul{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.s2 .hero__strip li{ padding: 22px 24px 26px 0; }
.s2 .hero__strip li + li{ padding-left: 24px; border-left: 1px solid var(--line-dk); }
.s2 .hero__strip b{ display: block; font: 500 11px/1.4 var(--f-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--orange); margin-bottom: 6px; }
.s2 .hero__strip span{ font-size: 15px; line-height: 1.45; color: rgba(255, 255, 255, .86); display: block; }
.s2 .hero__strip a{ color: inherit; text-decoration: none; }
.s2 .hero__strip a:hover span{ color: #fff; text-decoration: underline; text-underline-offset: 4px; }
.s2 .plate{ position: relative; border: 1px solid var(--line-dk); background: rgba(255, 255, 255, .02); }
.s2 .plate svg{ width: 100%; height: auto; }
.s2 .plate__title{ display: grid; grid-template-columns: auto 1fr auto; border-top: 1px solid var(--line-dk); font: 400 10.5px/1.4 var(--f-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--muted-dk); }
.s2 .plate__title span{ padding: 10px 14px; }
.s2 .plate__title span + span{ border-left: 1px solid var(--line-dk); }
.s2 .plate__title b{ color: #fff; font-weight: 500; }
.s2 .plate--light{ border-color: var(--line); background: #fff; }
.s2 .plate--light .plate__title{ border-color: var(--line); color: var(--muted); }
.s2 .plate--light .plate__title span + span{ border-color: var(--line); }
.s2 .plate--light .plate__title b{ color: var(--ink); }
.s2 .phero{ position: relative; overflow: hidden; border-bottom: 1px solid var(--line); }
.s2 .phero__in{ position: relative; display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(32px, 5vw, 88px); align-items: end; padding-block: clamp(36px, 4vw, 56px) clamp(48px, 6vw, 88px); }
.s2 .phero__copy > * + *{ margin-top: 24px; }
.s2 .phero__copy .display-xl{ font-size: clamp(30px, 4.2vw, 64px); }
.s2 .phero__media{ position: relative; }
.s2 .phero__media img{ width: 100%; aspect-ratio: 4 / 5; object-fit: cover; }
.s2 .phero--ink{ background: var(--ink); color: #fff; border-bottom: 0; }
.s2 .phero--photo{ background: var(--ink); color: #fff; border-bottom: 0; }
.s2 .phero--photo .phero__bg{ position: absolute; inset: 0; }
.s2 .phero--photo .phero__bg img{ width: 100%; height: 100%; object-fit: cover; }
.s2 .phero--photo .phero__bg::after{ content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(22,18,26,.94) 0%, rgba(22,18,26,.82) 42%, rgba(22,18,26,.35) 100%); }
.s2 .phero--photo .phero__in{ grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); min-height: min(70vh, 640px); }
.s2 .crumbs{ display: flex; flex-wrap: wrap; gap: 8px; font: 400 11.5px/1.6 var(--f-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--muted); padding-bottom: clamp(28px, 4vw, 56px); }
.s2 .crumbs a{ text-decoration: none; color: inherit; }
.s2 .crumbs a:hover{ color: var(--purple); text-decoration: underline; text-underline-offset: 3px; }
.s2 .crumbs li + li::before{ content: "/"; margin-right: 8px; color: var(--grey); }
.s2 .crumbs [aria-current]{ color: var(--ink); }
.s2 .on-dark .crumbs{ color: var(--muted-dk); }
.s2 .on-dark .crumbs a:hover{ color: #fff; }
.s2 .on-dark .crumbs [aria-current]{ color: #fff; }
.s2 .shead{ display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 9fr); column-gap: clamp(20px, 2.4vw, 40px); row-gap: 20px; margin-bottom: clamp(40px, 5vw, 72px); }
.s2 .shead__rail{ display: flex; flex-direction: column; gap: 14px; padding-top: 8px; border-top: 1px solid var(--ink); }
.s2 .on-dark .shead__rail{ border-color: rgba(255, 255, 255, .6); }
.s2 .shead__main > * + *{ margin-top: 22px; }
.s2 .shead__main{ padding-top: 8px; }
.s2 .shead--center{ display: block; text-align: center; }
.s2 .rail{ display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 9fr); column-gap: clamp(20px, 2.4vw, 40px); row-gap: 28px; }
.s2 .rail__side{ display: flex; flex-direction: column; gap: 14px; padding-top: 8px; border-top: 1px solid var(--ink); align-self: start; }
.s2 .rail__side--sticky{ position: sticky; top: calc(var(--hdr-h) + 24px); }
.s2 .on-dark .rail__side{ border-color: rgba(255, 255, 255, .6); }
.s2 .tiers{ display: grid; grid-template-columns: 1fr 1.55fr 1fr 1fr; border: 1px solid var(--line); background: #fff; }
.s2 .tier{ position: relative; display: flex; flex-direction: column; min-height: 470px; padding: 30px 28px 32px; transition: background-color .35s var(--ease), color .35s var(--ease); }
.s2 .tier + .tier{ border-left: 1px solid var(--line); }
.s2 .tier__top{ display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding-bottom: 18px; border-bottom: 1px solid var(--line); transition: border-color .35s; }
.s2 .tier__no{ font: 500 12px/1 var(--f-mono); letter-spacing: .14em; color: var(--purple); transition: color .35s; }
.s2 .tier__role{ font: 600 13px/1.2 var(--f-body); letter-spacing: .02em; color: var(--ink); text-align: right; transition: color .35s; }
.s2 .tier__ghost{ position: absolute; right: 22px; bottom: 18px; font: 700 96px/1 var(--f-display); color: transparent; -webkit-text-stroke: 1px var(--line); pointer-events: none; transition: -webkit-text-stroke-color .35s; }
.s2 .tier__name{ margin-top: 30px; font: 700 clamp(18px, 1.55vw, 23px)/1.15 var(--f-display); text-transform: uppercase; color: var(--ink); transition: color .35s; }
.s2 .tier__name a{ color: inherit; text-decoration: none; }
.s2 .tier__name a::after{ content: ""; position: absolute; inset: 0; }
.s2 .tier__desc{ margin-top: 16px; font-size: 15.5px; line-height: 1.55; color: var(--charcoal); max-width: 34ch; transition: color .35s; position: relative; }
.s2 .tier__prods{ margin-top: 22px; display: grid; gap: 0; position: relative; z-index: 1; }
.s2 .tier__prods a{ display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 13px 0; border-top: 1px solid var(--line); text-decoration: none; font: 700 14px/1.2 var(--f-display); text-transform: uppercase; color: var(--ink); transition: color .25s, border-color .35s, padding-left .25s var(--ease); }
.s2 .tier__prods a:last-child{ border-bottom: 1px solid var(--line); }
.s2 .tier__prods a svg{ width: 15px; height: 15px; color: var(--orange); flex: none; }
.s2 .tier__prods a:hover{ padding-left: 8px; }
.s2 .tier__go{ margin-top: auto; padding-top: 28px; display: inline-flex; align-items: center; gap: 10px; font: 600 14px/1.3 var(--f-body); color: var(--purple); transition: color .35s; position: relative; }
.s2 .tier__go svg{ width: 16px; height: 16px; transition: transform .3s var(--ease); }
.s2 .tier:hover, .s2 .tier:focus-within{ background: var(--purple); color: #fff; }
.s2 .tier:hover .tier__top, .s2 .tier:focus-within .tier__top{ border-color: rgba(255,255,255,.3); }
.s2 .tier:hover .tier__no, .s2 .tier:focus-within .tier__no{ color: var(--orange); }
.s2 .tier:hover .tier__role, .s2 .tier:hover .tier__name, .s2 .tier:hover .tier__desc, .s2 .tier:hover .tier__go, .s2 .tier:focus-within .tier__role, .s2 .tier:focus-within .tier__name, .s2 .tier:focus-within .tier__desc, .s2 .tier:focus-within .tier__go{ color: #fff; }
.s2 .tier:hover .tier__ghost, .s2 .tier:focus-within .tier__ghost{ -webkit-text-stroke-color: rgba(255,255,255,.22); }
.s2 .tier:hover .tier__prods a, .s2 .tier:focus-within .tier__prods a{ color: #fff; border-color: rgba(255,255,255,.3); }
.s2 .tier:hover .tier__go svg{ transform: translateX(4px); }
.s2 .tiers--compact .tier{ min-height: 0; padding-bottom: 28px; }
.s2 .tiers--compact .tier__ghost{ display: none; }
.s2 .tier.is-here{ background: var(--purple); color: #fff; }
.s2 .tier.is-here .tier__no{ color: var(--orange); }
.s2 .tier.is-here .tier__top{ border-color: rgba(255,255,255,.3); }
.s2 .tier.is-here .tier__role, .s2 .tier.is-here .tier__name, .s2 .tier.is-here .tier__desc, .s2 .tier.is-here .tier__go{ color: #fff; }
.s2 .tier.is-here .tier__prods a{ color: #fff; border-color: rgba(255,255,255,.3); }
.s2 .split{ display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: clamp(20px, 2.4vw, 40px); row-gap: 36px; align-items: center; }
.s2 .split__media{ grid-column: 1 / span 6; }
.s2 .split__copy{ grid-column: 8 / span 5; }
.s2 .split--flip .split__media{ grid-column: 7 / span 6; order: 2; }
.s2 .split--flip .split__copy{ grid-column: 1 / span 5; order: 1; }
.s2 .split--wide .split__media{ grid-column: 1 / span 7; }
.s2 .split--wide.split--flip .split__media{ grid-column: 6 / span 7; }
.s2 .split--wide.split--flip .split__copy{ grid-column: 1 / span 4; }
.s2 .split__copy > * + *{ margin-top: 22px; }
.s2 .split__copy .btn-row, .s2 .split__copy .link{ margin-top: 32px; }
.s2 .split + .split{ margin-top: clamp(64px, 8vw, 120px); }
.s2 .fig{ position: relative; }
.s2 .fig__img{ overflow: hidden; background: var(--mist); }
.s2 .fig__img img{ width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s var(--ease); }
.s2 .fig:hover .fig__img img{ transform: scale(1.03); }
.s2 .fig--45 .fig__img{ aspect-ratio: 4 / 5; }
.s2 .fig--32 .fig__img{ aspect-ratio: 3 / 2; }
.s2 .fig--11 .fig__img{ aspect-ratio: 1 / 1; }
.s2 .fig--169 .fig__img{ aspect-ratio: 16 / 9; }
.s2 .fig--43 .fig__img{ aspect-ratio: 4 / 3; }
.s2 .fig figcaption{ display: flex; gap: 14px; align-items: baseline; margin-top: 12px; padding-top: 10px; border-top: 1px solid var(--line); font: 400 11.5px/1.5 var(--f-mono); letter-spacing: .06em; text-transform: uppercase; color: var(--muted); }
.s2 .fig figcaption b{ font-weight: 500; color: var(--purple); white-space: nowrap; }
.s2 .on-dark .fig figcaption{ border-color: var(--line-dk); color: var(--muted-dk); }
.s2 .on-dark .fig figcaption b{ color: var(--orange); }
.s2 .fpo{ position: absolute; left: 0; top: 0; z-index: 2; font: 500 10px/1 var(--f-mono); letter-spacing: .1em; text-transform: uppercase; background: rgba(22,18,26,.82); color: #fff; padding: 6px 8px; }
.s2 .ticks{ display: grid; gap: 0; margin-top: 8px; }
.s2 .ticks li{ position: relative; padding: 14px 0 14px 30px; border-top: 1px solid var(--line); font-size: 16px; line-height: 1.5; }
.s2 .ticks li:last-child{ border-bottom: 1px solid var(--line); }
.s2 .ticks li::before{ content: ""; position: absolute; left: 2px; top: 22px; width: 12px; height: 2px; background: var(--orange); }
.s2 .on-dark .ticks li{ border-color: var(--line-dk); }
.s2 .cards{ display: grid; gap: clamp(24px, 2.6vw, 40px); grid-template-columns: repeat(3, minmax(0, 1fr)); }
.s2 .cards--4{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
.s2 .cards--2{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
.s2 .card{ position: relative; display: flex; flex-direction: column; }
.s2 .card__img{ overflow: hidden; aspect-ratio: 4 / 3; background: var(--mist); }
.s2 .card__img img, .s2 .card__img svg{ width: 100%; height: 100%; object-fit: cover; transition: transform 1.1s var(--ease); }
.s2 .card:hover .card__img img{ transform: scale(1.045); }
.s2 .card__meta{ display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-top: 18px; padding-bottom: 14px; border-bottom: 1px solid var(--ink); font: 400 11px/1.3 var(--f-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--muted); }
.s2 .card__meta b{ font-weight: 500; color: var(--purple); }
.s2 .card__t{ margin-top: 18px; font: 700 clamp(17px, 1.5vw, 21px)/1.2 var(--f-display); text-transform: uppercase; color: var(--ink); }
.s2 .card__t a{ color: inherit; text-decoration: none; }
.s2 .card__t a::after{ content: ""; position: absolute; inset: 0; }
.s2 .card p{ margin-top: 12px; font-size: 16px; line-height: 1.58; }
.s2 .card__go{ margin-top: 20px; display: inline-flex; gap: 10px; align-items: center; font: 600 14.5px/1.3 var(--f-body); color: var(--purple); }
.s2 .card__go svg{ width: 16px; height: 16px; transition: transform .3s var(--ease); }
.s2 .card:hover .card__go svg{ transform: translateX(4px); }
.s2 .card:hover .card__t{ color: var(--purple); }
.s2 .on-dark .card__meta{ border-color: rgba(255,255,255,.6); color: var(--muted-dk); }
.s2 .on-dark .card__meta b, .s2 .on-dark .card__go{ color: var(--orange); }
.s2 .on-dark .card__t{ color: #fff; }
.s2 .on-dark .card:hover .card__t{ color: var(--orange); }
.s2 .card--plain{ border-top: 1px solid var(--ink); padding-top: 22px; }
.s2 .card--plain .card__t{ margin-top: 14px; }
.s2 .feats{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: clamp(24px, 2.6vw, 40px); row-gap: clamp(36px, 4vw, 56px); }
.s2 .feats--2{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
.s2 .feats--4{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
.s2 .feat{ padding-top: 20px; border-top: 1px solid var(--ink); }
.s2 .on-dark .feat{ border-color: rgba(255,255,255,.55); }
.s2 .feat__n{ font: 500 12px/1 var(--f-mono); letter-spacing: .14em; color: var(--purple); }
.s2 .on-dark .feat__n{ color: var(--orange); }
.s2 .feat h3{ margin-top: 18px; font: 600 20px/1.3 var(--f-body); color: var(--ink); letter-spacing: -.005em; }
.s2 .on-dark .feat h3{ color: #fff; }
.s2 .feat p{ margin-top: 10px; font-size: 16px; line-height: 1.6; }
.s2 .on-dark .feat p{ color: rgba(255,255,255,.78); }
.s2 .steps{ display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); counter-reset: s; border-top: 1px solid var(--ink); }
.s2 .on-dark .steps{ border-color: rgba(255,255,255,.55); }
.s2 .step{ position: relative; padding: 26px 28px 8px 0; counter-increment: s; }
.s2 .step + .step{ padding-left: 28px; border-left: 1px solid var(--line); }
.s2 .on-dark .step + .step{ border-color: var(--line-dk); }
.s2 .step::before{ content: counter(s, decimal-leading-zero); display: block; font: 500 clamp(34px, 3.4vw, 50px)/1 var(--f-display); color: transparent; -webkit-text-stroke: 1.2px var(--purple); }
.s2 .on-dark .step::before{ -webkit-text-stroke-color: var(--orange); }
.s2 .step h3{ margin-top: 22px; font: 600 18px/1.3 var(--f-body); color: var(--ink); }
.s2 .on-dark .step h3{ color: #fff; }
.s2 .step p{ margin-top: 8px; font-size: 15.5px; line-height: 1.58; }
.s2 .on-dark .step p{ color: rgba(255,255,255,.78); }
.s2 .specs{ border-top: 1px solid var(--ink); }
.s2 .specs div{ display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: 20px; padding: 16px 0; border-bottom: 1px solid var(--line); }
.s2 .specs dt{ font: 400 12px/1.6 var(--f-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--muted); padding-top: 2px; }
.s2 .specs dd{ font-weight: 500; color: var(--ink); font-size: 16px; line-height: 1.5; }
.s2 .on-dark .specs{ border-color: rgba(255,255,255,.55); }
.s2 .on-dark .specs div{ border-color: var(--line-dk); }
.s2 .on-dark .specs dt{ color: var(--muted-dk); }
.s2 .on-dark .specs dd{ color: #fff; }
.s2 .stats{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--ink); }
.s2 .stats--3{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
.s2 .on-dark .stats{ border-color: rgba(255,255,255,.55); }
.s2 .stat{ padding: 28px 24px 4px 0; }
.s2 .stat + .stat{ padding-left: 24px; border-left: 1px solid var(--line); }
.s2 .on-dark .stat + .stat{ border-color: var(--line-dk); }
.s2 .stat__v{ font: 500 clamp(34px, 4vw, 60px)/1 var(--f-display); color: var(--purple); letter-spacing: -.02em; white-space: nowrap; }
.s2 .on-dark .stat__v{ color: #fff; }
.s2 .stat__v small{ font-size: .45em; letter-spacing: 0; margin-left: 4px; color: var(--orange); }
.s2 .stat__l{ margin-top: 16px; font-size: 15px; line-height: 1.5; max-width: 30ch; }
.s2 .stat__s{ margin-top: 10px; font: 400 10.5px/1.5 var(--f-mono); letter-spacing: .06em; text-transform: uppercase; color: var(--muted); }
.s2 .on-dark .stat__l{ color: rgba(255,255,255,.82); }
.s2 .on-dark .stat__s{ color: var(--muted-dk); }
.s2 .statement{ position: relative; overflow: hidden; }
.s2 .statement__t{ font: 700 clamp(28px, 5.4vw, 84px)/1.04 var(--f-display); text-transform: uppercase; letter-spacing: -.015em; color: #fff; text-wrap: balance; }
.s2 .statement__t em{ font-style: normal; color: var(--orange); }
.s2 .statement__foot{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: end; gap: 28px; margin-top: clamp(36px, 5vw, 72px); padding-top: 24px; border-top: 1px solid rgba(255,255,255,.35); }
.s2 .statement__foot p{ max-width: 58ch; color: rgba(255,255,255,.86); font-size: 18px; line-height: 1.6; }
.s2 .statement--photo .statement__bg{ position: absolute; inset: 0; }
.s2 .statement--photo .statement__bg img{ width: 100%; height: 100%; object-fit: cover; }
.s2 .statement--photo .statement__bg::after{ content: ""; position: absolute; inset: 0; background: rgba(22,18,26,.78); }
.s2 .statement--photo .wrap{ position: relative; }
.s2 .quote{ font: 300 clamp(22px, 2.3vw, 34px)/1.35 var(--f-body); letter-spacing: -.01em; color: var(--ink); text-wrap: pretty; position: relative; padding-left: 34px; border-left: 3px solid var(--orange); }
.s2 .on-dark .quote{ color: #fff; }
.s2 .quote + .quote__by{ margin-top: 22px; padding-left: 37px; }
.s2 .quote__by{ font: 400 12px/1.6 var(--f-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }
.s2 .quote__by b{ color: var(--ink); font-weight: 500; }
.s2 .people{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(28px, 4vw, 64px); }
.s2 .person{ display: grid; grid-template-columns: 168px 1fr; gap: 28px; padding-top: 24px; border-top: 1px solid var(--ink); }
.s2 .person__img{ aspect-ratio: 4 / 5; overflow: hidden; background: var(--mist); --cham: 22px; }
.s2 .person__img img{ width: 100%; height: 100%; object-fit: cover; filter: grayscale(1) contrast(1.05); }
.s2 .person h3{ font: 700 19px/1.2 var(--f-display); text-transform: uppercase; color: var(--ink); }
.s2 .person__role{ margin-top: 8px; font: 500 11.5px/1.5 var(--f-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--purple); }
.s2 .person__cred{ margin-top: 12px; font: 400 11.5px/1.7 var(--f-mono); letter-spacing: .03em; color: var(--muted); }
.s2 .person p{ margin-top: 14px; font-size: 16px; line-height: 1.6; }
.s2 .person blockquote{ margin-top: 16px; font: 400 17px/1.5 var(--f-body); color: var(--ink); padding-left: 16px; border-left: 2px solid var(--orange); }
.s2 .docs{ display: grid; gap: 0; border-top: 1px solid var(--ink); }
.s2 .doc{ display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 7fr) minmax(0, 3fr); column-gap: clamp(20px, 2.4vw, 40px); row-gap: 14px; padding: 30px 0; border-bottom: 1px solid var(--line); align-items: start; }
.s2 .doc__type{ font: 500 11.5px/1.5 var(--f-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--purple); }
.s2 .doc h3{ font: 600 clamp(19px, 1.7vw, 24px)/1.3 var(--f-body); color: var(--ink); letter-spacing: -.005em; }
.s2 .doc p{ margin-top: 10px; font-size: 16px; line-height: 1.6; max-width: 64ch; }
.s2 .doc__meta{ display: flex; flex-wrap: wrap; gap: 6px; margin-top: 16px; }
.s2 .chip{ font: 400 10.5px/1 var(--f-mono); letter-spacing: .08em; text-transform: uppercase; padding: 6px 8px 5px; background: var(--mist); color: var(--charcoal); }
.s2 .sec--mist .chip{ background: #fff; }
.s2 .on-dark .chip{ background: rgba(255,255,255,.1); color: #fff; }
.s2 .doc__act{ justify-self: end; text-align: right; display: flex; flex-direction: column; gap: 10px; align-items: flex-end; }
.s2 .linklist{ border-top: 1px solid var(--ink); }
.s2 .linklist a{ display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 7fr) auto; gap: 24px; align-items: baseline; padding: 20px 0; border-bottom: 1px solid var(--line); text-decoration: none; transition: padding-left .3s var(--ease); }
.s2 .linklist a:hover{ padding-left: 10px; }
.s2 .linklist b{ font-weight: 600; color: var(--ink); font-size: 17px; }
.s2 .linklist a:hover b{ color: var(--purple); }
.s2 .linklist span{ font-size: 15.5px; color: var(--charcoal); line-height: 1.5; }
.s2 .linklist i{ font: 400 11px/1 var(--f-mono); font-style: normal; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); white-space: nowrap; }
.s2 .linklist svg{ display: inline-block; width: 12px; height: 12px; margin-left: 6px; vertical-align: -1px; }
.s2 .rel{ display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(28px, 4vw, 72px); align-items: center; padding: clamp(28px, 3.6vw, 56px); background: var(--mist); }
.s2 .sec--mist .rel{ background: #fff; }
.s2 .rel__copy > * + *{ margin-top: 18px; }
.s2 .rel__copy .btn-row{ margin-top: 28px; }
.s2 .acc{ border-top: 1px solid var(--ink); }
.s2 .acc details{ border-bottom: 1px solid var(--line); }
.s2 .acc summary{ list-style: none; display: grid; grid-template-columns: 56px 1fr 24px; align-items: baseline; gap: 12px; padding: 24px 0; cursor: pointer; font: 600 clamp(17px, 1.4vw, 20px)/1.35 var(--f-body); color: var(--ink); }
.s2 .acc summary::-webkit-details-marker{ display: none; }
.s2 .acc summary i{ font: 500 12px/1 var(--f-mono); font-style: normal; letter-spacing: .14em; color: var(--purple); }
.s2 .acc summary::after{ content: "+"; font: 400 22px/1 var(--f-mono); color: var(--orange); justify-self: end; }
.s2 .acc details[open] summary::after{ content: "–"; }
.s2 .acc summary:hover{ color: var(--purple); }
.s2 .acc__body{ padding: 0 36px 28px 68px; max-width: 78ch; font-size: 16.5px; }
.s2 .acc__body p + p{ margin-top: .9em; }
.s2 .acc__body ul{ margin-top: .8em; display: grid; gap: 6px; }
.s2 .acc__body li{ position: relative; padding-left: 22px; }
.s2 .acc__body li::before{ content: ""; position: absolute; left: 2px; top: .78em; width: 10px; height: 2px; background: var(--orange); }
.s2 .prose{ max-width: 70ch; }
.s2 .prose > * + *{ margin-top: 1.05em; }
.s2 .prose h2{ margin-top: 2.2em; font: 700 clamp(19px, 1.8vw, 25px)/1.2 var(--f-display); text-transform: uppercase; color: var(--ink); }
.s2 .prose h3{ margin-top: 1.8em; font: 600 20px/1.35 var(--f-body); color: var(--ink); }
.s2 .prose ul{ display: grid; gap: 8px; }
.s2 .prose li{ position: relative; padding-left: 26px; }
.s2 .prose li::before{ content: ""; position: absolute; left: 2px; top: .8em; width: 12px; height: 2px; background: var(--orange); }
.s2 .prose .lede{ margin-bottom: 1.4em; }
.s2 .pull{ margin-block: 1.8em; padding: 6px 0 6px 28px; border-left: 3px solid var(--orange); font: 300 clamp(21px, 2vw, 28px)/1.38 var(--f-body); color: var(--ink); letter-spacing: -.008em; }
.s2 .gal{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(20px, 2.4vw, 36px); }
.s2 .gal--2{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
.s2 .gal__i{ text-align: left; display: block; width: 100%; }
.s2 .gal__i .gal__img{ overflow: hidden; aspect-ratio: 4 / 3; background: var(--mist); border: 1px solid var(--line); }
.s2 .gal__i img{ width: 100%; height: 100%; object-fit: cover; object-position: top; transition: transform 1s var(--ease); }
.s2 .gal__i:hover img{ transform: scale(1.04); }
.s2 .gal__i span{ display: flex; justify-content: space-between; gap: 12px; margin-top: 12px; font: 400 11.5px/1.5 var(--f-mono); letter-spacing: .06em; text-transform: uppercase; color: var(--muted); }
.s2 .gal__i span b{ font-weight: 500; color: var(--purple); white-space: nowrap; }
.s2 .lb{ position: fixed; inset: 0; z-index: 400; background: rgba(22,18,26,.94); display: none; align-items: center; justify-content: center; padding: 56px 24px 24px; }
.s2 .lb.is-open{ display: flex; }
.s2 .lb img{ max-width: min(1400px, 100%); max-height: 100%; object-fit: contain; background: #fff; }
.s2 .lb__x{ position: absolute; top: 12px; right: 16px; width: 44px; height: 44px; color: #fff; font: 400 28px/1 var(--f-mono); }
.s2 .cta{ background: var(--ink); color: #fff; position: relative; overflow: hidden; }
.s2 .cta__in{ position: relative; display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(32px, 5vw, 88px); align-items: end; }
.s2 .cta__copy > * + *{ margin-top: 24px; }
.s2 .cta__side{ display: flex; flex-direction: column; gap: 22px; align-items: flex-start; }
.s2 .cta__meta{ display: grid; gap: 6px; font: 400 12px/1.6 var(--f-mono); letter-spacing: .06em; text-transform: uppercase; color: var(--muted-dk); padding-top: 20px; border-top: 1px solid var(--line-dk); width: 100%; }
.s2 .cta__meta a{ color: #fff; text-decoration: none; }
.s2 .cta__meta a:hover{ color: var(--orange); }
.s2 .profiles{ display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); border: 1px solid var(--line); background: #fff; }
.s2 .profile{ position: relative; padding: 26px 22px 24px; display: flex; flex-direction: column; gap: 14px; min-height: 230px; text-align: left; transition: background-color .3s var(--ease), color .3s; }
.s2 .profile + .profile{ border-left: 1px solid var(--line); }
.s2 .profile__n{ font: 500 11.5px/1 var(--f-mono); letter-spacing: .14em; color: var(--purple); }
.s2 .profile__t{ font: 700 16px/1.2 var(--f-display); text-transform: uppercase; color: var(--ink); }
.s2 .profile__d{ font-size: 14.5px; line-height: 1.5; color: var(--charcoal); }
.s2 .profile__go{ margin-top: auto; display: inline-flex; align-items: center; gap: 8px; font: 600 13.5px/1 var(--f-body); color: var(--ink); }
.s2 .profile__go svg{ width: 14px; height: 14px; }
.s2 .profile:hover, .s2 .profile:focus-visible, .s2 .profile[aria-pressed="true"]{ background: var(--orange); }
.s2 .profile:hover .profile__n, .s2 .profile[aria-pressed="true"] .profile__n{ color: var(--ink); }
.s2 .profile--future{ background: var(--mist); }
.s2 .profile--future:hover{ background: var(--mist); cursor: default; }
.s2 .profile--future .profile__t{ color: var(--muted); }
.s2 .gate{ display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(28px, 4vw, 72px); margin-top: clamp(36px, 4vw, 56px); align-items: start; }
.s2 .notice{ padding: 18px 20px; border-left: 3px solid var(--orange); background: var(--mist); font-size: 15px; line-height: 1.55; }
.s2 .notice b{ color: var(--ink); }
.s2 .form{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 24px; }
.s2 .form .full{ grid-column: 1 / -1; }
.s2 .field label, .s2 .fieldset legend{ display: block; margin-bottom: 8px; font: 500 11.5px/1.4 var(--f-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--ink); }
.s2 .field input, .s2 .field select, .s2 .field textarea{ width: 100%; font: 400 16px/1.4 var(--f-body); color: var(--ink); background: #fff; border: 1px solid #BDB9B3; border-radius: 0; padding: 15px 16px; transition: border-color .2s; appearance: none; }
.s2 .field textarea{ min-height: 150px; resize: vertical; }
.s2 .field input:hover, .s2 .field select:hover, .s2 .field textarea:hover{ border-color: var(--ink); }
.s2 .field input:focus, .s2 .field select:focus, .s2 .field textarea:focus{ outline: 2px solid var(--purple); outline-offset: 0; border-color: var(--purple); }
.s2 .field select{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%2316121A' stroke-width='1.6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 16px center; background-size: 12px; padding-right: 44px; }
.s2 .fieldset{ border: 0; padding: 0; margin: 0; }
.s2 .seg{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border: 1px solid #BDB9B3; }
.s2 .seg label{ margin: 0; position: relative; }
.s2 .seg label + label{ border-left: 1px solid #BDB9B3; }
.s2 .seg input{ position: absolute; opacity: 0; inset: 0; }
.s2 .seg span{ display: block; padding: 15px 12px; text-align: center; font: 500 14.5px/1.3 var(--f-body); letter-spacing: 0; text-transform: none; color: var(--ink); cursor: pointer; transition: background-color .2s, color .2s; }
.s2 .seg input:checked + span{ background: var(--purple); color: #fff; }
.s2 .seg input:focus-visible + span{ outline: 2px solid var(--purple); outline-offset: 2px; }
.s2 .check{ display: grid; grid-template-columns: 22px 1fr; gap: 12px; align-items: start; font-size: 14.5px; line-height: 1.55; }
.s2 .check input{ width: 22px; height: 22px; margin: 1px 0 0; accent-color: var(--purple); }
.s2 .form__ok{ display: none; padding: 20px 22px; border-left: 3px solid var(--purple); background: var(--mist); font-size: 16px; }
.s2 .form__ok.is-on{ display: block; }
.s2 .req{ color: var(--purple); }
.s2 .contact{ display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(32px, 5vw, 88px); align-items: start; }
.s2 .cdl{ border-top: 1px solid var(--ink); }
.s2 .cdl div{ padding: 20px 0; border-bottom: 1px solid var(--line); display: grid; grid-template-columns: 120px 1fr; gap: 16px; }
.s2 .cdl dt{ font: 400 11.5px/1.7 var(--f-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--muted); }
.s2 .cdl dd{ font-size: 17px; line-height: 1.55; color: var(--ink); font-weight: 500; }
.s2 .cdl dd a{ text-decoration: none; border-bottom: 1px solid var(--line); }
.s2 .cdl dd a:hover{ color: var(--purple); border-color: var(--purple); }
.s2 .cdl dd small{ display: block; font-weight: 400; font-size: 14.5px; color: var(--muted); margin-top: 2px; }
.s2 .map{ position: relative; border: 1px solid var(--line); }
.s2 .map iframe{ display: block; width: 100%; height: clamp(360px, 46vw, 560px); border: 0; filter: grayscale(1) contrast(1.05); }
.s2 .map__cap{ display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding: 12px 16px; border-top: 1px solid var(--line); font: 400 11.5px/1.5 var(--f-mono); letter-spacing: .06em; text-transform: uppercase; color: var(--muted); }
.s2 .map__cap b{ color: var(--purple); font-weight: 500; }
.s2 .ftr{ background: var(--ink); color: rgba(255,255,255,.8); font-size: 15px; position: relative; }
.s2 .ftr__top{ display: grid; grid-template-columns: minmax(0, 4fr) repeat(3, minmax(0, 2.4fr)); gap: clamp(28px, 3vw, 56px); padding-block: clamp(56px, 7vw, 96px) clamp(40px, 5vw, 64px); }
.s2 .ftr__brand svg{ height: 24px; width: auto; }
.s2 .ftr__brand p{ margin-top: 24px; max-width: 40ch; line-height: 1.6; }
.s2 .ftr__marks{ margin-top: 26px; display: flex; flex-wrap: wrap; gap: 8px; }
.s2 .ftr__marks span{ font: 500 10.5px/1 var(--f-mono); letter-spacing: .12em; text-transform: uppercase; padding: 7px 9px 6px; border: 1px solid var(--line-dk); color: #fff; }
.s2 .ftr h2{ font: 500 11.5px/1.4 var(--f-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--orange); padding-bottom: 14px; margin-bottom: 12px; border-bottom: 1px solid var(--line-dk); }
.s2 .ftr li a{ display: inline-block; padding: 6px 0; text-decoration: none; color: rgba(255,255,255,.8); }
.s2 .ftr li a:hover{ color: #fff; text-decoration: underline; text-underline-offset: 4px; }
.s2 .ftr address{ font-style: normal; line-height: 1.7; }
.s2 .ftr address a{ color: #fff; text-decoration: none; }
.s2 .ftr address a:hover{ color: var(--orange); }
.s2 .ftr__sub{ margin-top: 16px; }
.s2 .ftr__bot{ border-top: 1px solid var(--line-dk); padding-block: 22px 26px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 14px 32px; font: 400 11.5px/1.7 var(--f-mono); letter-spacing: .06em; text-transform: uppercase; color: var(--muted-dk); }
.s2 .ftr__bot ul{ display: flex; flex-wrap: wrap; gap: 6px 22px; }
.s2 .ftr__bot a{ color: inherit; text-decoration: none; }
.s2 .ftr__bot a:hover{ color: #fff; }
.s2 .draftbar{ position: fixed; left: 0; bottom: 0; z-index: 250; display: flex; align-items: center; gap: 14px; background: rgba(12,10,14,.92); color: #fff; font: 400 10.5px/1 var(--f-mono); letter-spacing: .1em; text-transform: uppercase; padding: 9px 10px 8px 14px; border-top-right-radius: 0; max-width: 100%; }
.s2 .draftbar b{ color: var(--orange); font-weight: 500; }
.s2 .draftbar button{ color: #fff; font-size: 15px; line-height: 1; padding: 2px 6px; opacity: .7; }
.s2 .draftbar button:hover{ opacity: 1; }
.s2 .draftbar.is-off{ display: none; }
.js .s2 .reveal{ opacity: 0; transform: translateY(20px); transition: opacity .8s var(--ease), transform .8s var(--ease); transition-delay: var(--d, 0s); }
.js .s2 .reveal.is-in{ opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce){html{ scroll-behavior: auto; }
.js .s2 .reveal{ opacity: 1; transform: none; transition: none; }
.s2 *{ animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }

}
@media (max-width: 1180px){.s2 .mega__in{ grid-template-columns: 1fr 1fr 1fr; }
.s2 .mega__feat{ display: none; }
.s2 .profiles{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
.s2 .profile:nth-child(n+4){ border-top: 1px solid var(--line); }
.s2 .profile:nth-child(4){ border-left: 0; }

}
@media (max-width: 1024px){:root{ --hdr-h: 72px; --cham: 30px; }
.s2 .hdr__list{ display: none; }
.s2 .burger{ display: inline-flex; }
.s2 .hdr__logo svg{ height: 21px; }
.s2 .hero__in, .s2 .phero__in, .s2 .phero--photo .phero__in, .s2 .cta__in, .s2 .rel, .s2 .contact, .s2 .gate{ grid-template-columns: minmax(0, 1fr); }
.s2 .hero__in{ min-height: 0; }
.s2 .hero__plate{ justify-self: start; width: min(100%, 420px); }
.s2 .hero__strip ul{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
.s2 .hero__strip li:nth-child(3){ padding-left: 0; border-left: 0; }
.s2 .hero__strip li:nth-child(n+3){ border-top: 1px solid var(--line-dk); }
.s2 .phero__media img{ aspect-ratio: 16 / 10; }
.s2 .shead, .s2 .rail{ grid-template-columns: minmax(0, 1fr); }
.s2 .rail__side--sticky{ position: static; }
.s2 .tiers{ grid-template-columns: 1fr 1fr; }
.s2 .tier{ min-height: 360px; }
.s2 .tier:nth-child(3){ border-left: 0; }
.s2 .tier:nth-child(n+3){ border-top: 1px solid var(--line); }
.s2 .split__media, .s2 .split--flip .split__media, .s2 .split--wide .split__media, .s2 .split--wide.split--flip .split__media{ grid-column: 1 / -1; order: 0; }
.s2 .split__copy, .s2 .split--flip .split__copy, .s2 .split--wide.split--flip .split__copy{ grid-column: 1 / -1; order: 1; }
.s2 .cards, .s2 .cards--4{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
.s2 .feats, .s2 .feats--4{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
.s2 .stats{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
.s2 .stat:nth-child(3){ padding-left: 0; border-left: 0; }
.s2 .stat:nth-child(n+3){ border-top: 1px solid var(--line); margin-top: 24px; }
.s2 .on-dark .stat:nth-child(n+3){ border-color: var(--line-dk); }
.s2 .gal{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
.s2 .doc{ grid-template-columns: minmax(0, 1fr); }
.s2 .doc__act{ justify-self: start; align-items: flex-start; text-align: left; }
.s2 .ftr__top{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
.s2 .ftr__brand{ grid-column: 1 / -1; }
.s2 .people{ grid-template-columns: minmax(0, 1fr); }

}
@media (max-width: 767px){body.s2{ font-size: 16px; }
.s2 .hdr__login span{ display: none; }
.s2 .hdr__login{ padding: 10px 14px; }
.s2 .tiers{ grid-template-columns: minmax(0, 1fr); }
.s2 .tier{ min-height: 0; padding-bottom: 28px; }
.s2 .tier + .tier{ border-left: 0; border-top: 1px solid var(--line); }
.s2 .tier__ghost{ font-size: 64px; bottom: auto; top: 58px; }
.s2 .cards, .s2 .cards--4, .s2 .cards--2, .s2 .feats, .s2 .feats--2, .s2 .feats--4, .s2 .gal, .s2 .gal--2, .s2 .form, .s2 .stats, .s2 .stats--3{ grid-template-columns: minmax(0, 1fr); }
.s2 .stat, .s2 .stat + .stat{ padding-left: 0; border-left: 0; }
.s2 .stat + .stat{ border-top: 1px solid var(--line); margin-top: 24px; }
.s2 .steps{ grid-template-columns: minmax(0, 1fr); }
.s2 .step, .s2 .step + .step{ padding: 24px 0 20px; border-left: 0; }
.s2 .step + .step{ border-top: 1px solid var(--line); }
.s2 .on-dark .step + .step{ border-color: var(--line-dk); }
.s2 .specs div, .s2 .cdl div{ grid-template-columns: minmax(0, 1fr); gap: 4px; }
.s2 .hero__strip ul{ grid-template-columns: minmax(0, 1fr); }
.s2 .hero__strip li, .s2 .hero__strip li + li{ padding: 16px 0; border-left: 0; }
.s2 .hero__strip li + li{ border-top: 1px solid var(--line-dk); }
.s2 .profiles{ grid-template-columns: minmax(0, 1fr); }
.s2 .profile{ min-height: 0; }
.s2 .profile + .profile{ border-left: 0; border-top: 1px solid var(--line); }
.s2 .person{ grid-template-columns: 110px 1fr; gap: 18px; }
.s2 .linklist a{ grid-template-columns: minmax(0, 1fr); gap: 6px; }
.s2 .acc summary{ grid-template-columns: 40px 1fr 20px; }
.s2 .acc__body{ padding: 0 0 24px 52px; }
.s2 .seg{ grid-template-columns: minmax(0, 1fr); }
.s2 .seg label + label{ border-left: 0; border-top: 1px solid #BDB9B3; }
.s2 .ftr__top{ grid-template-columns: minmax(0, 1fr); }
.s2 .statement__foot{ flex-direction: column; align-items: flex-start; }
.s2 .draftbar span.opt{ display: none; }

}
.s2 .tm{ font-family: var(--f-body); font-weight: 400; letter-spacing: 0; text-transform: none; }
.s2 .display-xl .tm, .s2 .display-l .tm, .s2 .display-m .tm, .s2 .tier__name .tm, .s2 .card__t .tm, .s2 .tier__prods .tm, .s2 .profile__t .tm, .s2 .statement__t .tm, .s2 .person h3 .tm, .s2 .prose h2 .tm, .s2 .mega__h .tm{ font-size: .62em; vertical-align: .38em; margin-left: .04em; }
.s2 .fig--34 .fig__img{ aspect-ratio: 3 / 4; }
@media (min-width: 1025px){.s2 .tier{ min-height: 500px; }
 }
.s2 .tier__ghost{ bottom: 66px; right: 20px; font-size: 88px; }
.s2 .logo .lg-s{ fill: var(--orange); }
.s2 .logo .lg-w{ fill: var(--purple); }
.s2 .logo--ftr .lg-w{ fill: #fff; }
@media (min-width: 1025px){.s2 .hero__in{ grid-template-columns: minmax(0, 7.7fr) minmax(0, 4.3fr); }
 }
.s2 .hero__copy .display-xl{ font-size: clamp(27px, 3.3vw, 51px); line-height: 1.1; }
.s2 .hero__copy .display-xl .ln{ display: block; white-space: nowrap; }
.s2 .nb{ white-space: nowrap; }
@media (max-width: 767px){.s2 .hero__copy .display-xl{ font-size: clamp(25px, 7.2vw, 34px); }
.s2 .hero__copy .display-xl .ln{ white-space: normal; }

}
.s2 .hero__visual{ position: relative; justify-self: end; width: min(100%, 500px); margin-right: 0; }
.s2 .hero__photo .fig__img{ aspect-ratio: 5 / 6; }
.s2 .hero__photo .fig__img img{ object-position: 30% 50%; }
.s2 .hero__detail{ position: absolute; left: -22%; bottom: 58px; width: 43%; background: var(--ink-2); box-shadow: 0 34px 60px -24px rgba(0, 0, 0, .75); }
.s2 .hero__detail svg{ padding: 16px 14px 12px; }
.s2 .hero__detail .plate__title{ grid-template-columns: auto 1fr; font-size: 9.5px; }
.s2 .hero__detail .plate__title span{ padding: 8px 10px; }
.s2 .oled-cur{ animation: oled 1.1s steps(1) infinite; }
@keyframes oled{ 50% { opacity: 0; } }
.s2 .tierplate{ position: relative; border: 1px solid var(--line); background: #fff; padding: clamp(22px, 2.4vw, 34px); }
.s2 .tierplate__n{ display: block; font: 700 clamp(84px, 10vw, 150px)/.86 var(--f-display); letter-spacing: -.03em; color: transparent; -webkit-text-stroke: 1.5px var(--purple); margin-bottom: clamp(22px, 2.4vw, 34px); }
.s2 .on-dark .tierplate{ border-color: var(--line-dk); background: rgba(255, 255, 255, .02); }
.s2 .on-dark .tierplate__n{ -webkit-text-stroke-color: var(--orange); }
.s2 .card__img svg{ display: block; }
.s2 .illus{ background: var(--ink); }
.s2 .doc__act .btn{ white-space: normal; text-align: left; }
.s2 .draftnote{ margin-top: 28px; padding: 16px 18px; border: 1px dashed #B9B4AC; font: 400 12px/1.6 var(--f-mono); letter-spacing: .02em; color: var(--muted); max-width: 80ch; }
.s2 .draftnote b{ color: var(--purple); font-weight: 500; letter-spacing: .1em; text-transform: uppercase; }
.s2 .on-dark .draftnote{ border-color: rgba(255, 255, 255, .35); color: var(--muted-dk); }
.s2 .on-dark .draftnote b{ color: var(--orange); }
@media (max-width: 1024px){.s2 .hero__visual{ justify-self: start; width: min(100%, 460px); margin-left: 12%; }
.s2 .hero__detail{ left: -14%; width: 40%; }

}
@media (max-width: 767px){.s2 .hero__visual{ margin-left: 0; width: 100%; }
.s2 .hero__photo .fig__img{ aspect-ratio: 4 / 5; }
.s2 .hero__detail{ left: auto; right: 12px; bottom: 70px; width: 38%; }

}
body.s2{ overflow-x: clip; }
.s2 .hero__strip span.tm, .s2 .stat__l .tm, .s2 .profile__t .tm{ display: inline; }
.s2 .profiles{ grid-template-columns: repeat(6, minmax(0, 1fr)); }
@media (max-width: 1180px){.s2 .profiles{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
 }
@media (max-width: 1024px){.s2 .hero__visual{ margin-top: 12px; margin-bottom: 8px; }
.s2 .hdr__nav{ gap: 12px; }

}
@media (max-width: 767px){.s2 .profiles{ grid-template-columns: minmax(0, 1fr); }
.s2 .hdr__logo svg{ height: 15px; }
.s2 .hdr__in{ gap: 12px; }
.s2 .hdr__login{ min-height: 44px; padding: 10px 13px; }
.s2 .burger{ width: 44px; height: 44px; }
.s2 .hero__in{ padding-block: 40px 40px; }
.s2 .hero__copy > * + *{ margin-top: 22px; }
.s2 .hero__copy .btn-row{ margin-top: 30px; }
.s2 .btn{ white-space: normal; }
.s2 .phero__in{ padding-block: 24px 48px; }
.s2 .crumbs{ padding-bottom: 22px; }
.s2 .tierplate__n{ font-size: 72px; }
.s2 .statement__t{ font-size: clamp(26px, 8.4vw, 40px); }
.s2 .display-l{ font-size: clamp(23px, 6.4vw, 30px); }
.s2 .headline{ font-size: 21px; }
.s2 .rel{ padding: 24px 20px; }
.s2 .ministack li{ grid-template-columns: 34px 1fr; padding: 9px 10px; font-size: 10.5px; }
.s2 .cta__side .btn-row, .s2 .hero__copy .btn-row{ flex-direction: column; align-items: stretch; }
.s2 .cta__side .btn, .s2 .hero__copy .btn{ justify-content: space-between; }
.s2 .draftbar{ font-size: 9.5px; padding: 7px 8px 6px 10px; }

}
@media (max-width: 420px){.s2 .hdr__logo{ width: 34px; overflow: hidden; }
.s2 .hdr__logo svg{ height: 22px; max-width: none; }

}
.s2 .plate__title span.tm{ padding: 0; border: 0; }
@media (max-width: 1024px){.s2 .tier{ min-height: 380px; }
.s2 .tier__ghost{ bottom: 60px; font-size: 72px; }
 }
@media (max-width: 767px){.s2 .tier{ min-height: 0; }
.s2 .tier__ghost{ display: none; }
.s2 .tier__go{ padding-top: 22px; }
.s2 .tier__name{ margin-top: 24px; }
 }
@media (max-width: 1024px){.s2 .tier__ghost{ display: none; }
 }
.s2 .gal__i .gal__img{ aspect-ratio: 16 / 9; background: #fff; }
.s2 .gal__i img{ object-fit: contain; object-position: center; padding: 10px; }
.s2 .gal > .gal__i:only-child{ grid-column: 1 / -1; max-width: 980px; }
@media (min-width: 1025px){.s2 .tiers{ grid-template-columns: 1.3fr 1.45fr 1fr 1fr; }
 }
.s2 .tier--dual .tier__name a{ position: relative; z-index: 1; white-space: nowrap; }
.s2 .tier--dual .tier__name a::after{ content: none; }
.s2 .tier--dual .tier__name a:hover{ text-decoration: underline; text-underline-offset: 4px; }
.s2 .tier__gos{ margin-top: auto; padding-top: 28px; display: grid; justify-items: start; gap: 12px; position: relative; z-index: 1; }
.s2 .tier__gos .tier__go{ margin-top: 0; padding-top: 0; text-decoration: none; }
.s2 .tier__gos .tier__go:hover span{ text-decoration: underline; text-underline-offset: 4px; }
.s2 .tier__gos .tier__go:hover svg{ transform: translateX(4px); }
@media (max-width: 767px){.s2 .tier__gos{ padding-top: 22px; }
 }
body.s2.page-index .hero__photo .fig__img img{ object-position: 80% 50%; }
.s2 .fig__img img[src*="hoist-module"], .s2 .plate__img img, .s2 img.plate__img{ object-fit: contain; }
.s2 .fig__img:has(img[src*="hoist-module"]){ background: #0B0B0D; }
.s2 .phero__media .plate__img img, .s2 .phero__media img.plate__img{ aspect-ratio: auto; height: auto; }
.s2 .plate__img{ display: block; width: 100%; height: auto; padding: 18px 18px 14px; }
.s2 .hero__detail .plate__img, .s2 .hero__detail > img{ display: block; width: 100%; height: auto; padding: 12px 12px 8px; }
.s2 .card__img--contain{ background: #0B0B0D; }
.s2 .card__img--contain img{ object-fit: contain; padding: 12px 0; }
.s2 .card:hover .card__img--contain img{ transform: none; }
.s2 .ftr__social{ margin-top: 22px; }
.s2 .ftr__brand .ftr__social{ margin-top: 22px; }
.s2 .ftr__social a{ color: #fff; text-decoration: none; }
.s2 .ftr__social a:hover{ color: var(--orange); text-decoration: underline; text-underline-offset: 4px; }
body.s2.page-privacy .prose h2, body.s2.page-terms .prose h2, body.s2.page-accessibility .prose h2, body.s2.page-cookies .prose h2{
  font: 600 clamp(19px, 1.5vw, 22px)/1.3 var(--f-body); text-transform: none; letter-spacing: 0; }
body.s2.page-privacy .prose h2:first-child{ margin-top: 0; }
.s2 .form-ack{ margin: 0; font-size: 14.5px; line-height: 1.55; color: var(--charcoal); max-width: 70ch; }
.s2 .form-ack a{ color: var(--purple); text-decoration: underline; text-underline-offset: 3px; }