@property --sk-sky-hi { syntax: "<color>"; inherits: true; initial-value: #5E96CC; }
@property --sk-sky-lo { syntax: "<color>"; inherits: true; initial-value: #D6E4EC; }
@property --sk-sun { syntax: "<color>"; inherits: true; initial-value: #FFF8EA; }
@property --sk-sea { syntax: "<color>"; inherits: true; initial-value: #135E8C; }
@property --sk-ink-a { syntax: "<color>"; inherits: true; initial-value: #0A1F35; }
@property --sk-ink-b { syntax: "<color>"; inherits: true; initial-value: #0A1F35; }
@property --sk-ink-c { syntax: "<color>"; inherits: true; initial-value: #0A1F35; }
@property --sk-ink-d { syntax: "<color>"; inherits: true; initial-value: #0A1F35; }
@property --sk-ink-w { syntax: "<color>"; inherits: true; initial-value: #0A1F35; }
@property --sk-ink-n { syntax: "<color>"; inherits: true; initial-value: #0A1F35; }
@property --sk-scrim { syntax: "<color>"; inherits: true; initial-value: rgb(10 31 53 / 0); }
@property --sk-halo { syntax: "<color>"; inherits: true; initial-value: rgb(230 235 232 / 0); }

@font-face { font-family: "Epilogue"; src: url("/assets/fonts/specimen/epilogue-var.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Stick No Bills"; src: url("/assets/fonts/specimen/stick-no-bills-var.woff2") format("woff2"); font-weight: 200 800; font-style: normal; font-display: swap; }
@font-face { font-family: "Sk Fallback"; src: local("Arial"); size-adjust: 104%; ascent-override: 88%; descent-override: 22%; line-gap-override: 0%; }

body.spec-strake { margin: 0; background: #E6EBE8; }

.spec-strake .sk {

  --sk-ground: #E6EBE8; --sk-deep: #DDE3E0; --sk-lift: #F1F4F2; --sk-light: #F3F6F8;
  --sk-ink: #0A1F35; --sk-support: #46617C; --sk-hair: rgb(10 31 53 / .2); --sk-grid: rgb(70 97 124 / .32); --sk-red: #BF3B20;
  --sk-ep: "Epilogue", "Sk Fallback", "Helvetica Neue", Arial, sans-serif;
  --sk-stc: "Stick No Bills", "Arial Narrow", sans-serif;
  --sk-ease: cubic-bezier(.3, 0, .2, 1);
  --sk-gut: clamp(20px, 6.6px + 3.43vw, 56px);
  --sk-cg: clamp(12px, 8px + 1.1vw, 24px);
  --sk-wl: clamp(20px, 18.5px + .38vw, 24px);
  --sk-s1: var(--sk-wl); --sk-s2: calc(var(--sk-wl) * 2); --sk-s4: calc(var(--sk-wl) * 4); --sk-s6: calc(var(--sk-wl) * 6);
  --sk-sec: clamp(200px, 167px + 8.38vw, 288px);
  --sk-fs-h1: clamp(1.625rem, .6rem + 3.9vw, 4rem);
  --sk-fs-hull: clamp(2.25rem, 1.5rem + 2.6vw, 4.25rem);
  --sk-fs-folio: clamp(5rem, 2.59rem + 9.9vw, 11.5rem);
  --sk-fs-h2: clamp(1.875rem, 1.09rem + 3.24vw, 4rem);
  --sk-fs-stand: clamp(1.375rem, 1.19rem + .76vw, 1.875rem);
  --sk-fs-note: clamp(1.1875rem, 1.12rem + .29vw, 1.375rem);
  --sk-fs-lead: clamp(1.0625rem, .99rem + .29vw, 1.25rem);
  --sk-fs-h3: clamp(1.125rem, 1.08rem + .19vw, 1.25rem);
  --sk-fs-body: clamp(1.0625rem, 1.04rem + .1vw, 1.125rem);
  --sk-fs-cap: .875rem; --sk-fs-label: .8125rem; --sk-fs-rh: .75rem;
  --sk-nav-h: 56px; --sk-rule-h: 36px; --sk-rule-y: 12px;
  --sk-sea-h: clamp(420px, 64svh, 620px); --sk-hz: .44;
  --sk-n: 12;
  --sk-cols: var(--sk-gut) repeat(12, minmax(0, 1fr)) var(--sk-gut);
  --sk-col: calc((100% - 2 * var(--sk-gut) - 13 * var(--sk-cg)) / 12);
  --sk-in: calc(var(--sk-gut) + var(--sk-cg));
  --sk-sun-x: .7617;

  --sk-duck-red: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 10'%3E%3Cpath d='M0.5 9.6C0.5 8.4 1.4 7.2 3.2 6.5C5.6 5.6 9.4 5.4 12 5.5C14.1 5.6 15.2 6.8 15.2 8.2C15.2 9.1 14.7 9.6 13.8 9.6ZM10.4 5.6C10.5 3.6 11.8 2 13.8 1.9L16.6 1.9C18.2 1.9 19 3 19.2 4.6L19.8 9.7L18 5.2C17.8 3.9 17.3 3.2 16.3 3.2L14 3.2C12.7 3.3 11.8 4.2 11.7 5.6Z' fill='%23BF3B20'/%3E%3C/svg%3E");
  --sk-duck-red-h: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 10'%3E%3Cpath transform='matrix(1 0 0 -1 0 10)' d='M0.5 9.6C0.5 8.4 1.4 7.2 3.2 6.5C5.6 5.6 9.4 5.4 12 5.5C14.1 5.6 15.2 6.8 15.2 8.2C15.2 9.1 14.7 9.6 13.8 9.6ZM10.4 5.6C10.5 3.6 11.8 2 13.8 1.9L16.6 1.9C18.2 1.9 19 3 19.2 4.6L19.8 9.7L18 5.2C17.8 3.9 17.3 3.2 16.3 3.2L14 3.2C12.7 3.3 11.8 4.2 11.7 5.6Z' fill='%23BF3B20'/%3E%3C/svg%3E");
  --sk-duck-sup-h: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 10'%3E%3Cg transform='matrix(1 0 0 -1 0 10)'%3E%3Cpath d='M0.5 9.6C0.5 8.4 1.4 7.2 3.2 6.5C5.6 5.6 9.4 5.4 12 5.5C14.1 5.6 15.2 6.8 15.2 8.2C15.2 9.1 14.7 9.6 13.8 9.6Z' fill='%2346617C' fill-opacity='.45' stroke='%230A1F35' stroke-width='.7'/%3E%3Cpath d='M10.4 5.6C10.5 3.6 11.8 2 13.8 1.9L16.6 1.9C18.2 1.9 19 3 19.2 4.6L19.8 9.7L18 5.2C17.8 3.9 17.3 3.2 16.3 3.2L14 3.2C12.7 3.3 11.8 4.2 11.7 5.6Z' fill='%230A1F35'/%3E%3C/g%3E%3C/svg%3E");
  position: relative;
  background: var(--sk-ground);
  color: var(--sk-ink);
  font: 350 var(--sk-fs-body)/1.62 var(--sk-ep);
  font-synthesis: none;
  font-kerning: normal;
  -webkit-font-smoothing: antialiased;
  transition: --sk-sky-hi .6s, --sk-sky-lo .6s, --sk-sun .6s, --sk-sea .6s, --sk-ink-a .4s, --sk-ink-b .4s, --sk-ink-c .4s, --sk-ink-d .4s, --sk-ink-w .4s, --sk-ink-n .4s, --sk-scrim .4s, --sk-halo .4s;
}
.spec-strake .sk *, .spec-strake .sk *::before, .spec-strake .sk *::after { box-sizing: border-box; }
.sk :where(p, h1, h2, h3, ol, ul, figure, fieldset, legend, blockquote) { margin: 0; padding: 0; }
.sk :where(fieldset) { border: 0; min-width: 0; }
.sk :where(img, svg, canvas) { max-width: none; }
.sk [hidden] { display: none !important; }
.sk-vh { position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; border: 0 !important; overflow: hidden !important; clip-path: inset(50%) !important; white-space: nowrap !important; }
.sk a { color: inherit; text-decoration: underline 1px var(--sk-support); text-underline-offset: .24em; transition: text-decoration-color .2s var(--sk-ease), color .2s var(--sk-ease); }
.sk a:hover { text-decoration-color: var(--sk-ink); }
.sk :focus-visible { outline: 2px solid var(--sk-red); outline-offset: 3px; }
.sk button { font: inherit; color: inherit; }
.sk-sprite { position: absolute; width: 0; height: 0; overflow: hidden; }

.sk-sec-p { fill: none; stroke: var(--sec, var(--sk-support)); stroke-width: var(--secw, 9); stroke-linejoin: round; stroke-linecap: round; }
.sk-dk-b { fill: var(--dkf, rgb(70 97 124 / .4)); stroke: var(--dks, var(--sk-ink)); stroke-width: .75; }
.sk-dk-h { fill: var(--dks, var(--sk-ink)); stroke: none; }
.sk-dk { opacity: .25; }
.sk-dk--p { opacity: 1; }

.sk-nav {
  position: sticky; top: var(--bar-h, 0px); z-index: 40;
  height: var(--sk-nav-h); margin-bottom: calc(-1 * var(--sk-nav-h));
  display: flex; align-items: center; justify-content: space-between; gap: 20px;
  padding-inline: var(--sk-in);
  color: var(--sk-ink-n);
  transition: background-color .24s var(--sk-ease);
}
.sk-docked .sk-nav, .sk-cnopen .sk-nav { background: var(--sk-ground); --sk-ink-n: var(--sk-ink); }
.sk a.sk-mast { font: 700 1.25rem/1 var(--sk-stc); letter-spacing: .12em; text-decoration: none; color: inherit; padding: 8px 0; }
.sk-navl { display: flex; align-items: center; gap: clamp(14px, 1.9vw, 28px); }
.sk .sk-navl a, .sk .sk-navc { font: 400 .875rem/1 var(--sk-ep); color: inherit; letter-spacing: .005em; }
.sk a.sk-nava { text-decoration: none; padding: 10px 0; border-bottom: 1px solid transparent; }
.sk a.sk-nava:hover { border-bottom-color: color-mix(in srgb, currentColor 55%, transparent); }
.sk-navc { background: none; border: 0; border-bottom: 1px solid color-mix(in srgb, currentColor 55%, transparent); padding: 10px 0 9px; cursor: pointer; }
.sk-navc:hover, .sk-navc[aria-expanded="true"] { border-bottom-color: currentColor; }
.sk a.sk-navw { text-decoration: none; border: 1px solid currentColor; padding: 0 16px; min-height: 40px; display: inline-flex; align-items: center; }
.sk a.sk-navw:hover { background: color-mix(in srgb, currentColor 12%, transparent); }

.sk-contents {
  position: fixed; z-index: 45; top: var(--sk-cn-top, 96px); left: var(--sk-in);
  width: min(420px, calc(100% - 2 * var(--sk-in)));
  max-height: calc(100svh - var(--sk-cn-top, 96px) - 16px); overflow: auto;
  background: var(--sk-lift); border: 1px solid var(--sk-hair); padding: 6px 0;
}
.sk-cn { list-style: none; }
.sk-cn a { display: grid; grid-template-columns: 40px 30px 1fr; align-items: center; column-gap: 12px; min-height: 48px; padding: 4px 18px; text-decoration: none; font: 400 .9375rem/1.3 var(--sk-ep); color: var(--sk-ink); }
.sk-cn a:hover { background: rgb(70 97 124 / .08); }
.sk-cn-s { width: 40px; height: 40px; --sec: var(--sk-support); --secw: 14; }
.sk-cn-n { font: 600 var(--sk-fs-label)/1 var(--sk-stc); letter-spacing: .14em; color: var(--sk-support); }
.sk-cn a[aria-current="true"] .sk-cn-n { color: var(--sk-red); }
.sk-cn a[aria-current="true"] .sk-cn-s { --sec: var(--sk-red); --secw: 19; }

.sk-flow { position: relative; }
.sk-host { position: relative; overflow: hidden; background: #6E9CBF; }
.sk-sea { height: var(--sk-sea-h); }
.sk-poster { position: absolute; inset: 0; display: block; overflow: hidden; }
.sk-poster img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% var(--sk-py, 5%); transform: scale(var(--sk-pscale, 1)); transform-origin: 50% var(--sk-po, 0%); filter: var(--sk-pf, none); }
.sk-nogl .sk-poster::after { content: ""; position: absolute; inset: 0; background: linear-gradient(var(--sk-sky-hi), var(--sk-sea)); mix-blend-mode: soft-light; opacity: .55; pointer-events: none; }
.sk-cv { position: absolute; inset: 0; }
.sk-canvas { display: block; width: 100%; height: 100%; }
.sk-host.sk-live .sk-poster { opacity: 0; visibility: hidden; transition: opacity .7s var(--sk-ease), visibility 0s linear .7s; }
.sk-veil { position: absolute; inset: auto 0 0; height: 22%; background: linear-gradient(transparent, color-mix(in srgb, var(--sk-sea) 45%, transparent)); pointer-events: none; }
.sk-scrim { position: absolute; inset: 0 0 auto; height: 120px; background: linear-gradient(var(--sk-scrim), rgb(10 31 53 / 0)); pointer-events: none; }

.sk-rule { position: sticky; top: calc(var(--bar-h, 0px) + var(--sk-nav-h)); z-index: 39; height: var(--sk-rule-h); margin-top: calc(-1 * var(--sk-rule-y)); pointer-events: none; transition: background-color .24s var(--sk-ease); }
.sk-rule::before { content: ""; position: absolute; left: 0; right: 0; top: var(--sk-rule-y); height: 1px; background: var(--sk-ink); z-index: 1; }
.sk-docked .sk-rule { background: var(--sk-ground); }

.sk-docked .sk-rule::after { content: ""; position: absolute; inset: 100% 0 auto; height: 24px; background: linear-gradient(var(--sk-ground), rgb(230 235 232 / 0)); pointer-events: none; }
.sk a.sk-rt { position: absolute; left: var(--sk-in); top: calc(var(--sk-rule-y) + 4px); padding: 3px 0; pointer-events: auto; text-decoration: none; font: 500 var(--sk-fs-rh)/1 var(--sk-stc); letter-spacing: .16em; color: var(--sk-support); white-space: nowrap; }
.sk a.sk-rt:hover, .sk a.sk-rt[aria-expanded="true"] { color: var(--sk-ink); }
.sk-rt-t { display: inline-block; transition: opacity .12s linear; }
.sk-rt.sk-rt-out .sk-rt-t { opacity: 0; }
.sk-ride { position: absolute; left: calc(var(--sk-in) + var(--sk-rt-w, 150px) + 14px); top: calc(var(--sk-rule-y) - 17px); width: 38px; height: 36px; overflow: visible; opacity: 0; transition: opacity .24s var(--sk-ease), left .24s var(--sk-ease); }
.sk-docked .sk-ride { opacity: 1; }
.sk-ride-p { fill: none; stroke: var(--sk-ink); stroke-width: 12.5; stroke-linejoin: round; stroke-linecap: round; }
.sk-ride-w { display: none; }
.sk-bloom { position: absolute; top: var(--sk-rule-y); left: calc(var(--sk-sun-x) * 100%); width: 10vw; height: 1px; transform: translateX(-50%); z-index: 2; background: linear-gradient(90deg, transparent, var(--sk-sun) 34%, var(--sk-sun) 66%, transparent); transition: opacity .24s var(--sk-ease); }
.sk-bloom::after { content: ""; position: absolute; inset: -5px -12%; background: radial-gradient(closest-side, color-mix(in srgb, var(--sk-sun) 42%, transparent), transparent); }
.sk-docked .sk-bloom { opacity: 0; }
.sk-dock { display: block; height: 0; }

.sk-hero { position: relative; z-index: 2; display: grid; grid-template-columns: var(--sk-cols); column-gap: var(--sk-cg); }
.sk-h1 {
  position: absolute; left: var(--sk-in); z-index: 3;
  bottom: calc(100% + var(--sk-rule-h) - var(--sk-rule-y) + var(--sk-sea-h) * (1 - var(--sk-hz)) + var(--sk-h1-up, 0px));
  max-width: calc(7 * var(--sk-col) + 6 * var(--sk-cg));
  font: 200 var(--sk-fs-h1)/.95 var(--sk-ep); letter-spacing: -.025em;
  text-box: trim-both cap alphabetic;
  background-image: linear-gradient(transparent, transparent);
}
.sk-h1-a { display: block; color: var(--sk-ink-a); }
.sk-h1-b { display: block; color: var(--sk-ink-b); }
@supports not (text-box: trim-both cap alphabetic) { .sk-h1 { transform: translateY(var(--sk-desc, .21em)); } }

.sk-hd { position: absolute; z-index: 1; left: calc(var(--sk-in) + 4 * (var(--sk-col) + var(--sk-cg))); width: calc(8 * var(--sk-col) + 7 * var(--sk-cg)); height: auto; top: calc(var(--sk-hz) * 100%); translate: 0 -50%; overflow: visible; pointer-events: none; }
.sk-hln { fill: none; stroke: var(--sk-red); stroke-linejoin: round; stroke-linecap: round; }
.sk-hk-sh { stroke-width: calc(1.6 / var(--u, .55)); }
.sk-hk-o, .sk-hk-s { stroke-width: calc(1.1 / var(--u, .55)); }
.sk-hk-st { stroke-width: calc(.8 / var(--u, .55)); opacity: .62; }
.sk-hk-dwl { stroke-width: calc(1 / var(--u, .55)); opacity: .8; }
.sk-hnum text { fill: var(--sk-red); font-family: var(--sk-stc); font-weight: 700; font-size: calc(12.5px / var(--u, .55)); letter-spacing: .1em; text-anchor: middle; }
.sk-hsay { fill: var(--sk-ink-w); paint-order: stroke; stroke: var(--sk-halo); stroke-width: calc(4px / var(--u, .55)); stroke-linejoin: round; font-family: var(--sk-ep); font-weight: 400; font-size: calc(14px / var(--u, .55)); letter-spacing: .01em; }
.sk-hsay--m, .sk-hsay--s, .sk-hsay--p { display: none; }

.sk-hbow { fill: var(--sk-red); paint-order: stroke; stroke: var(--sk-halo); stroke-width: calc(4px / var(--u, .55)); stroke-linejoin: round; font-family: var(--sk-stc); font-weight: 700; font-size: max(64px, calc(18px / var(--u, .55))); letter-spacing: .04em; text-anchor: middle; }
.sk-herog { grid-column: 1 / -1; display: grid; grid-template-columns: var(--sk-cols); column-gap: var(--sk-cg); padding-top: calc(var(--sk-s1) + 6px); }
.sk-sub { grid-column: 2 / 8; max-width: 42ch; font: 300 var(--sk-fs-lead)/1.5 var(--sk-ep); text-wrap: pretty; }
.sk-hourcol { grid-column: 9 / 13; }
.sk-lab { font: 600 var(--sk-fs-label)/1 var(--sk-stc); letter-spacing: .14em; text-transform: uppercase; color: var(--sk-support); }
.sk-hour > legend { float: left; width: 100%; margin-bottom: 4px; }
.sk-range { -webkit-appearance: none; appearance: none; display: block; width: 100%; height: 44px; margin: 0; padding: 0; background: transparent; cursor: pointer; touch-action: pan-y; clear: both; }
.sk-range::-webkit-slider-runnable-track { height: 1px; background: var(--sk-support); border: 0; }
.sk-range::-moz-range-track { height: 1px; background: var(--sk-support); border: 0; }
.sk-range::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 40px; height: 44px; margin-top: -21.5px; border: 0; border-radius: 22px; background: var(--sk-duck-red) center 8px / 28px 14px no-repeat; }
.sk-range::-moz-range-thumb { width: 40px; height: 44px; border: 0; border-radius: 22px; background: var(--sk-duck-red) center 8px / 28px 14px no-repeat; }
.sk-range:focus-visible { outline: none; }
.sk-range:focus-visible::-webkit-slider-thumb { background: var(--sk-duck-red) center 8px / 28px 14px no-repeat, radial-gradient(closest-side, transparent 84%, var(--sk-red) 87%, var(--sk-red) 97%, transparent 100%) center 1px / 40px 28px no-repeat; }
.sk-range:focus-visible::-moz-range-thumb { background: var(--sk-duck-red) center 8px / 28px 14px no-repeat, radial-gradient(closest-side, transparent 84%, var(--sk-red) 87%, var(--sk-red) 97%, transparent 100%) center 1px / 40px 28px no-repeat; }
.sk-stops { position: relative; height: 24px; }
.sk-stop { position: absolute; top: 0; left: calc(20px + (100% - 40px) * var(--p, 0)); transform: translateX(-50%); padding: 4px 3px; min-height: 22px; border: 0; background: none; cursor: pointer; font: 500 var(--sk-fs-rh)/1 var(--sk-stc); letter-spacing: .16em; text-transform: uppercase; color: var(--sk-support); white-space: nowrap; }
.sk-stop[data-v="100"] { --p: .33333; } .sk-stop[data-v="200"] { --p: .66667; } .sk-stop[data-v="300"] { --p: 1; }
.sk-stop:hover { color: var(--sk-ink); }
.sk-stop[aria-current="true"] { color: var(--sk-red); }
.sk-stop:first-child { transform: translateX(-20px); } .sk-stop:last-child { transform: translateX(calc(-100% + 20px)); }
.sk-lab--r { display: none; }
.sk-reading { display: block; margin-top: 10px; max-width: 38ch; min-height: 3em; font: 400 .9375rem/1.5 var(--sk-ep); font-variant-numeric: tabular-nums lining-nums; color: var(--sk-ink); }
.sk-hour-static { font: 400 .9375rem/1.5 var(--sk-ep); }
.sk-js .sk-hour-static { display: none; }
.sk-below { margin-top: var(--sk-s1); max-width: 40ch; font: 400 var(--sk-fs-cap)/1.5 var(--sk-ep); color: var(--sk-support); }

.sk-st { position: relative; display: grid; grid-template-columns: var(--sk-cols); column-gap: var(--sk-cg); border-top: 1px solid var(--sk-hair); padding-block: var(--sk-s4) var(--sk-sec); scroll-margin-top: calc(var(--bar-h, 0px) + var(--sk-nav-h) + var(--sk-rule-h) - 1px); }
.sk-st > * { grid-column: 2 / -2; min-width: 0; }
.sk-head { margin-bottom: var(--sk-s4); }
.sk-mk { font: 600 var(--sk-fs-label)/1 var(--sk-stc); letter-spacing: .14em; color: var(--sk-support); }
.sk-h2 { margin-top: var(--sk-s1); max-width: 17ch; font: 250 var(--sk-fs-h2)/1.04 var(--sk-ep); letter-spacing: -.015em; text-wrap: balance; }
.sk-folio { position: absolute; top: var(--sk-s1); right: var(--sk-in); font: 400 var(--sk-fs-folio)/.8 var(--sk-stc); font-variation-settings: "wght" 400; color: transparent; -webkit-text-stroke: 1px var(--sk-support); text-box: trim-both cap alphabetic; pointer-events: none; user-select: none; }
.sk-ig { display: grid; grid-template-columns: repeat(var(--sk-n), minmax(0, 1fr)); column-gap: var(--sk-cg); align-items: start; }
.sk-st p { text-wrap: pretty; }
.sk-stand { max-width: 30ch; font: 300 var(--sk-fs-stand)/1.3 var(--sk-ep); letter-spacing: -.005em; hyphens: auto; }
.sk-lead { max-width: 52ch; font: 300 var(--sk-fs-lead)/1.5 var(--sk-ep); }
.sk-h3 { margin-bottom: 8px; font: 500 var(--sk-fs-h3)/1.28 var(--sk-ep); }
.sk-cap { max-width: 52ch; font: 400 var(--sk-fs-cap)/1.5 var(--sk-ep); letter-spacing: .005em; color: var(--sk-support); }
span.sk-key { display: inline-block; min-width: 1.9em; font: 500 var(--sk-fs-rh)/1 var(--sk-stc); letter-spacing: .16em; color: var(--sk-support); }
.sk-caps { list-style: none; display: grid; gap: var(--sk-s1); }
.sk-caps li { max-width: 46ch; padding-left: 1.9em; text-indent: -1.9em; font: 400 var(--sk-fs-cap)/1.5 var(--sk-ep); letter-spacing: .005em; color: var(--sk-support); }
.sk-copy-g { display: grid; gap: var(--sk-s1); align-content: start; }
.sk-copy-g p { max-width: 62ch; }

.sk-dwg svg, svg.sk-dwg, .sk-state-svg, .sk-big-svg, .sk-ov, .sk-kinds-svg, .sk-afloat, .sk-bat-svg, .sk-ks-svg, .sk-bp-svg { display: block; overflow: visible; }
.sk-ln { fill: none; }
.sk-k-ink { stroke: var(--sk-ink); stroke-width: calc(1.5 / var(--u, 1.44)); }
.sk-k-sup { stroke: var(--sk-support); stroke-width: calc(1 / var(--u, 1.44)); }
.sk-k-grid { stroke: var(--sk-grid); stroke-width: calc(.75 / var(--u, 1.44)); }
.sk-k-faint { stroke: rgb(70 97 124 / .45); stroke-width: calc(1 / var(--u, 1.44)); stroke-dasharray: 5 6; }
.sk-say { fill: var(--sk-support); font-family: var(--sk-ep); font-weight: 350; letter-spacing: .01em; }
.sk-say--l { font-size: 11px; }
.sk-say--s, .sk-say--p { display: none; }
.sk-00 { fill: var(--sk-red); font-family: var(--sk-stc); font-weight: 700; font-size: 40px; letter-spacing: .02em; }
svg .sk-key { fill: var(--sk-support); font-family: var(--sk-stc); font-weight: 500; font-size: calc(12px / var(--u, 1.44)); letter-spacing: .16em; text-anchor: middle; }
.sk-stnum text { fill: var(--sk-support); font-family: var(--sk-stc); font-weight: 500; font-size: calc(11px / var(--u, 1.44)); letter-spacing: .1em; text-anchor: middle; }

.sk-s1 { grid-column: 2 / -2; }
.sk-s1-copy { grid-column: 2 / 6; }
.sk-bp { grid-column: 7 / 13; }
.sk-bp-svg { width: 100%; height: auto; }
.sk-bp-s { fill: none; stroke: var(--sk-support); stroke-width: calc(1 / var(--u, 1)); transition: stroke .2s var(--sk-ease), stroke-width .2s var(--sk-ease); }
.sk-bp-hit { fill: none; stroke: transparent; stroke-width: 14; pointer-events: stroke; }
.sk-bp-a { cursor: pointer; }
.sk-bp-a text { fill: var(--sk-support); font-family: var(--sk-stc); font-weight: 500; font-size: calc(12px / var(--u, 1)); letter-spacing: .1em; }
.sk-bp-a:hover .sk-bp-s,
.sk-bp:has(#sk-c0:is(:hover, :focus-visible)) .sk-bp-s0, .sk-bp:has(#sk-c1:is(:hover, :focus-visible)) .sk-bp-s1,
.sk-bp:has(#sk-c2:is(:hover, :focus-visible)) .sk-bp-s2, .sk-bp:has(#sk-c3:is(:hover, :focus-visible)) .sk-bp-s3,
.sk-bp:has(#sk-c4:is(:hover, :focus-visible)) .sk-bp-s4, .sk-bp:has(#sk-c5:is(:hover, :focus-visible)) .sk-bp-s5,
.sk-bp:has(#sk-c6:is(:hover, :focus-visible)) .sk-bp-s6, .sk-bp:has(#sk-c7:is(:hover, :focus-visible)) .sk-bp-s7,
.sk-bp:has(#sk-c8:is(:hover, :focus-visible)) .sk-bp-s8, .sk-bp:has(#sk-c9:is(:hover, :focus-visible)) .sk-bp-s9,
.sk-bp:has(#sk-c10:is(:hover, :focus-visible)) .sk-bp-s10 { stroke: var(--sk-red); stroke-width: calc(1.5 / var(--u, 1)); }
.sk-cl { list-style: none; display: grid; grid-template-columns: 1fr 1fr; column-gap: var(--sk-cg); margin-top: var(--sk-s2); border-bottom: 1px solid var(--sk-hair); }
.sk-cl li { grid-column: 2; border-top: 1px solid var(--sk-hair); }
.sk-cl li:nth-child(n+7) { grid-column: 1; }
.sk-cl li:nth-child(1), .sk-cl li:nth-child(7) { grid-row: 1; } .sk-cl li:nth-child(2), .sk-cl li:nth-child(8) { grid-row: 2; }
.sk-cl li:nth-child(3), .sk-cl li:nth-child(9) { grid-row: 3; } .sk-cl li:nth-child(4), .sk-cl li:nth-child(10) { grid-row: 4; }
.sk-cl li:nth-child(5), .sk-cl li:nth-child(11) { grid-row: 5; } .sk-cl li:nth-child(6) { grid-row: 6; }
.sk-cl a { display: flex; gap: 12px; align-items: baseline; min-height: 44px; padding: 12px 0 10px; text-decoration: none; font: 400 .9375rem/1.3 var(--sk-ep); }
.sk-cl-n { flex: none; min-width: 2.1em; font: 600 var(--sk-fs-label)/1 var(--sk-stc); letter-spacing: .14em; color: var(--sk-support); }
.sk-cl a:hover .sk-cl-n, .sk-cl a:focus-visible .sk-cl-n { color: var(--sk-ink); }
.sk-bp .sk-cap { margin-top: var(--sk-s2); }

.sk-s2-copy { grid-column: 2 / 7; }
.sk-s2-caps { grid-column: 9 / 13; align-self: end; }
.sk-state { position: relative; grid-column: 1 / -1; margin-top: var(--sk-s4); contain: layout paint; }
.sk-state-svg { width: 100%; height: auto; overflow: hidden; }

.sk-trl { position: absolute; display: none; overflow: visible; pointer-events: none; }
.sk-state--live .sk-trl { display: block; }
.sk-trl--sum { will-change: transform; }
.sk-state--live .sk-state-svg :is(.sk-tr, .sk-tr-sum) { display: none; }
.sk-tr { fill: none; stroke: var(--sk-support); stroke-width: calc(1 / var(--u, 1.44)); transition: opacity .6s var(--sk-ease); }
.sk-tr.sk-off { opacity: .15; }
.sk-tr-sum { fill: none; stroke: var(--sk-ink); stroke-width: calc(1.25 / var(--u, 1.44)); }
.sk-tr-base { stroke: var(--sk-hair); stroke-width: calc(1 / var(--u, 1.44)); }
svg .sk-key--tr { text-anchor: start; }

.sk-lines { grid-column: 1 / -1; display: grid; grid-template-columns: var(--sk-cols); column-gap: var(--sk-cg); }
.sk-lines > *, .sk-lines-top > * { grid-column: 2 / -2; }
.sk-lines-top { grid-column: 1 / -1; display: grid; grid-template-columns: var(--sk-cols); column-gap: var(--sk-cg); }
.sk-lines-top > .sk-s3-lead { grid-column: 3 / 9; margin-bottom: var(--sk-s2); }
.sk-lines-top > .sk-dwg--lines { grid-column: 1 / -1; contain: layout paint; padding-top: 6px; }
.sk-prof, .sk-half { width: 100%; height: auto; }
.sk-half { margin-top: var(--sk-s1); }
.sk-said { grid-column: 2 / 9; margin-top: var(--sk-s2); }
.sk-said-h { margin: var(--sk-s2) 0 12px; font: 600 var(--sk-fs-label)/1 var(--sk-stc); letter-spacing: .14em; text-transform: uppercase; color: var(--sk-support); }
.sk-said-h:first-child { margin-top: 0; }
.sk-said ol { list-style: none; display: grid; gap: 10px; }
.sk-said li { max-width: 60ch; font: 400 var(--sk-fs-cap)/1.55 var(--sk-ep); color: var(--sk-support); }
.sk-s3-caps { grid-column: 10 / 14; margin-top: var(--sk-s2); }

.sk-say--m, .sk-said .sk-key--w, svg .sk-key--w { display: none; }
@media (min-width: 1024px) {
  .sk-said { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip-path: inset(50%) !important; white-space: nowrap !important; }
  .sk-s3-caps { grid-row: 2; }
}
@media (min-width: 1024px) and (max-width: 1299px) {
  .sk-say--l { display: none; }
  .sk-say--m { display: inline; font-size: calc(14px / var(--u, 1.1)); }
}
@media (max-width: 1023px) {
  .sk-say--l { display: none; }
  .sk-say--s { display: inline; font-size: 14px; }
}

.sk-stations { grid-column: 2 / -2; row-gap: var(--sk-s2); }
.sk-strip { grid-column: 1 / 8; grid-row: 1; }
.sk-strip > legend { margin-bottom: 16px; }
.sk-strip-row { position: relative; display: flex; justify-content: space-between; gap: 4px; }
.sk-strip-row::before { content: ""; position: absolute; left: 0; right: 0; top: calc(4px + 52px * 172 / 364); height: 1px; background: var(--sk-hair); }
.sk-strip-dwl { display: none; }
.sk-sl { position: relative; display: grid; justify-items: center; gap: 6px; width: 56px; padding: 4px 0 6px; cursor: pointer; --sec: var(--sk-support); --secw: 9; }
.sk-sl svg { width: 56px; height: 52px; overflow: visible; }
.sk-sl-n { font: 600 var(--sk-fs-label)/1 var(--sk-stc); letter-spacing: .14em; color: var(--sk-support); }
.sk-sl:hover { --sec: var(--sk-ink); }
input:checked + .sk-sl { --sec: var(--sk-red); --secw: 13; }
input:checked + .sk-sl .sk-sl-n { color: var(--sk-ink); }
input:focus-visible + .sk-sl { outline: 2px solid var(--sk-red); outline-offset: 3px; }
.sk-read { grid-column: 1 / 8; grid-row: 2; min-height: 11em; }
.sk-note { display: none; grid-template-columns: repeat(7, minmax(0, 1fr)); column-gap: var(--sk-cg); }
.sk-note-n { grid-column: 1; font: 700 4rem/.8 var(--sk-stc); color: var(--sk-ink); text-box: trim-both cap alphabetic; padding-top: 6px; }
.sk-note-p { grid-column: 2 / 8; max-width: 44ch; font: 300 var(--sk-fs-note)/1.45 var(--sk-ep); }
.sk-note-p strong { font-weight: 500; }
.sk-note[data-note="5"] { display: grid; }
.sk-stations:has(input:checked:not(#sk-s5)) .sk-note[data-note="5"] { display: none; }
.sk-stations:has(#sk-s0:checked) .sk-note[data-note="0"], .sk-stations:has(#sk-s1:checked) .sk-note[data-note="1"],
.sk-stations:has(#sk-s2:checked) .sk-note[data-note="2"], .sk-stations:has(#sk-s3:checked) .sk-note[data-note="3"],
.sk-stations:has(#sk-s4:checked) .sk-note[data-note="4"], .sk-stations:has(#sk-s6:checked) .sk-note[data-note="6"],
.sk-stations:has(#sk-s7:checked) .sk-note[data-note="7"], .sk-stations:has(#sk-s8:checked) .sk-note[data-note="8"],
.sk-stations:has(#sk-s9:checked) .sk-note[data-note="9"], .sk-stations:has(#sk-s10:checked) .sk-note[data-note="10"] { display: grid; }
.sk-big { grid-column: 8 / 13; grid-row: 1 / span 3; overflow: hidden; }
.sk-big-svg { width: 100%; height: auto; }
.sk-lg { display: none; }
.sk-lg[data-note="5"] { display: inline; }
.sk-stations:has(input:checked:not(#sk-s5)) .sk-lg[data-note="5"] { display: none; }
.sk-stations:has(#sk-s0:checked) .sk-lg[data-note="0"], .sk-stations:has(#sk-s1:checked) .sk-lg[data-note="1"],
.sk-stations:has(#sk-s2:checked) .sk-lg[data-note="2"], .sk-stations:has(#sk-s3:checked) .sk-lg[data-note="3"],
.sk-stations:has(#sk-s4:checked) .sk-lg[data-note="4"], .sk-stations:has(#sk-s6:checked) .sk-lg[data-note="6"],
.sk-stations:has(#sk-s7:checked) .sk-lg[data-note="7"], .sk-stations:has(#sk-s8:checked) .sk-lg[data-note="8"],
.sk-stations:has(#sk-s9:checked) .sk-lg[data-note="9"], .sk-stations:has(#sk-s10:checked) .sk-lg[data-note="10"] { display: inline; }
.sk-lg-p { fill: none; stroke: var(--sk-red); stroke-width: calc(1.5 / var(--u, 1.1)); stroke-linejoin: round; }
.sk-lg-q { fill: none; }
.sk-lg-t { fill: var(--sk-support); font-family: var(--sk-ep); font-weight: 350; font-size: calc(15.5px / var(--u, 1.1)); letter-spacing: .01em; }
.sk-legend { grid-column: 1 / 8; grid-row: 3; display: flex; gap: 12px; align-items: center; font: 400 var(--sk-fs-cap)/1.5 var(--sk-ep); color: var(--sk-support); }
.sk-legend-r { width: 24px; border-top: 1.5px solid var(--sk-red); }
.sk-s4-close { grid-column: 2 / 9; margin-top: var(--sk-s4); }

.sk-s5-lead { grid-column: 2 / 9; margin-bottom: var(--sk-s2); }
.sk-fair { grid-column: 2 / -2; row-gap: var(--sk-s1); }
.sk-fair-ph { grid-column: 1 / 6; grid-row: 1 / span 3; position: relative; display: block; aspect-ratio: 1; overflow: hidden; }
.sk-fair-ph img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 30% 60%; }
.sk-bat { grid-column: 6 / 13; position: relative; background: var(--sk-lift); overflow: hidden; }
.sk-bat-svg { width: 100%; height: auto; overflow: hidden; }
.sk-bat-wl { fill: none; stroke: rgb(70 97 124 / .16); stroke-width: calc(.75 / var(--u, .74)); }
.sk-bat-line { fill: none; stroke: rgb(10 31 53 / .85); stroke-width: calc(2 / var(--u, .74)); stroke-linecap: round; }
.sk-bat-t { fill: var(--sk-ink); font-family: var(--sk-ep); font-weight: 350; font-size: calc(15.5px / var(--u, .74)); letter-spacing: .01em; }
.sk-bat-comb { fill: none; stroke: var(--sk-support); stroke-width: calc(.75 / var(--u, .74)); opacity: .9; }
.sk-bat-tips { fill: none; stroke: var(--sk-support); stroke-width: calc(1 / var(--u, .74)); }

.sk-duck { position: absolute; width: 48px; height: 44px; margin: 0 0 0 -36px; transform-origin: 36px 0; padding: 0; border: 0; border-radius: 0 0 22px 22px; background: var(--sk-duck-sup-h) 8px 0 / 28px 14px no-repeat; cursor: grab; touch-action: none; overflow: hidden; white-space: nowrap; text-indent: 200%; color: transparent; }
.sk-duck.sk-sel, .sk-duck:focus-visible { background-image: var(--sk-duck-red-h); }
.sk-duck:active { cursor: grabbing; }
.sk-bat-foot { grid-column: 6 / 13; display: flex; flex-wrap: wrap; gap: 12px var(--sk-s1); align-items: center; justify-content: space-between; }
.sk-bat-help, .sk-bat-nojs { font: 400 var(--sk-fs-cap)/1.5 var(--sk-ep); color: var(--sk-support); }
.sk:not(.sk-js) .sk-bat-help { display: none; }
.sk-bat-live { grid-column: 6 / 13; min-height: 1.5em; font: 400 var(--sk-fs-cap)/1.5 var(--sk-ep); color: var(--sk-ink); }
.sk-s5-copy { grid-column: 2 / 9; margin-top: var(--sk-s4); }

.sk-frames { grid-column: 1 / -1; position: relative; height: 80svh; min-height: 420px; overflow: hidden; margin-top: var(--sk-s1); container-type: size; --fr-iw: 1536; --fr-ix: 0; }
.sk-frames-ph { position: absolute; inset: 0; display: block; }
.sk-frames-ph img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 0%; }

.sk-ov {
  --fr-s: max(100cqw / var(--fr-iw), 100cqh / 1024);
  --ov-x: calc(50cqw + (213.7 - var(--fr-ix) - var(--fr-iw) / 2) * var(--fr-s));
  --ov-y: calc(164.9 * var(--fr-s));
  --ov-w: calc(1123 * var(--fr-s));
  --ov-h: calc(668.6 * var(--fr-s));
  position: absolute; left: var(--ov-x); top: var(--ov-y); width: var(--ov-w); height: var(--ov-h); opacity: .5; pointer-events: none;
  transform-origin: calc(50cqw - var(--ov-x)) calc(50cqh - var(--ov-y));
}
.sk-ov path { fill: none; stroke: rgb(243 246 248 / .6); stroke-width: 1.25px; vector-effect: non-scaling-stroke; }
.sk-s6 { margin-top: var(--sk-s4); }
.sk-s6 > div:first-child { grid-column: 2 / 6; } .sk-s6 > div:last-child { grid-column: 8 / 12; }
.sk-band picture::after, .sk-fair-ph::after, .sk-frames-ph::after { content: ""; position: absolute; inset: 0; background: var(--sk-sky-lo); mix-blend-mode: soft-light; opacity: .12; pointer-events: none; }

.sk-kinds { grid-column: 2 / -2; margin-top: var(--sk-s1); }
.sk-kinds-svg { width: 100%; height: auto; }
.sk-say--k { font-size: calc(15.5px / var(--u, 1.28)); }
.sk-s7 { margin-top: var(--sk-s2); }
.sk-kind:first-child { grid-column: 2 / 6; } .sk-kind:last-child { grid-column: 8 / 12; }
.sk-foot { margin-bottom: var(--sk-s1); font: 600 var(--sk-fs-label)/1 var(--sk-stc); letter-spacing: .14em; text-transform: uppercase; color: var(--sk-support); }
.sk-kind p + p { margin-top: 12px; }
.sk-kind-say { display: none; }
.sk-s7-close { grid-column: 2 / 10; margin-top: var(--sk-s4); }

.sk-band { grid-column: 1 / -1; position: relative; margin-top: var(--sk-s1); }
.sk-band picture { position: relative; display: block; aspect-ratio: 2.39; overflow: hidden; }
.sk-band img { display: block; width: 100%; height: 100%; object-fit: cover; }
.sk-band--hall img { object-position: 50% 42%; }
.sk-band--tide { margin-top: var(--sk-s6); }
.sk-band--tide img { object-position: 50% 54%; }
.sk-band figcaption { margin-top: var(--sk-s1); padding-inline: var(--sk-in); max-width: calc(54ch + 2 * var(--sk-in)); }
.sk-proc { grid-column: 2 / -2; position: relative; margin-top: var(--sk-s4); container-type: inline-size; }
.sk-proc-sh { width: 100%; height: auto; overflow: visible; }
.sk-proc-v, .sk-step-dk { display: none; }
.sk-steps { list-style: none; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); column-gap: var(--sk-cg); margin-top: calc(-60 * 100cqw / 1200); }
.sk-step { margin-top: calc(var(--d) * 100cqw / 1200); }
.sk-step-n { margin-bottom: 12px; font: 600 var(--sk-fs-label)/1 var(--sk-stc); letter-spacing: .14em; color: var(--sk-support); }
.sk-step p:last-child { font-size: .9375rem; line-height: 1.55; }

.sk-ask { grid-column: 3 / 11; border-bottom: 1px solid var(--sk-hair); }
.sk-q { border-top: 1px solid var(--sk-hair); transition: background-color .2s var(--sk-ease); }
.sk-q[open] { background: var(--sk-lift); }
.sk-q summary { display: flex; align-items: center; gap: 18px; min-height: 64px; padding: 14px 16px; cursor: pointer; list-style: none; font: 500 var(--sk-fs-h3)/1.3 var(--sk-ep); }
.sk-q summary::-webkit-details-marker { display: none; }
.sk-q summary::marker { content: ""; }
.sk-q summary:hover { background: rgb(70 97 124 / .06); }
.sk-q-dk { flex: none; width: 28px; height: 14px; overflow: visible; transition: rotate .2s var(--sk-ease); --dkf: rgb(70 97 124 / .45); }
.sk-q[open] .sk-q-dk { rotate: 90deg; }
.sk-q p { max-width: 62ch; padding: 0 16px 26px 62px; font-weight: 350; }

.sk-end { padding-top: 0; overflow-x: clip; }
.sk-trial { grid-column: 1 / -1; height: max(58svh, 380px); border-bottom: 1px solid var(--sk-ink); --sk-hz: .45; }
.sk-endhead { position: absolute; left: var(--sk-in); bottom: calc((1 - var(--sk-hz)) * 100%); z-index: 2; background-image: linear-gradient(transparent, transparent); }
.sk-endhead .sk-mk { margin-bottom: var(--sk-s1); color: var(--sk-ink-c); transition: color .4s var(--sk-ease); }
.sk-h2e { margin: 0; max-width: none; font: 250 calc(var(--sk-fs-h2) * 1.25)/1.02 var(--sk-ep); letter-spacing: -.015em; text-box: trim-both cap alphabetic; }
.sk-h2e-a { display: block; color: var(--sk-ink-c); }
.sk-h2e-b { display: block; color: var(--sk-ink-d); }
.spec-strake .sk .sk-folio--end { top: var(--sk-s2); z-index: 2; animation: none; color: transparent; font-variation-settings: "wght" 300; -webkit-text-stroke: 1px rgb(243 246 248 / .6); }
.sk-afloat {
  position: absolute; z-index: 3; pointer-events: none;
  left: calc(var(--sk-in) + 6 * (var(--sk-col) + var(--sk-cg)));
  width: calc(6 * var(--sk-col) + 5 * var(--sk-cg));

  top: max(58svh, 380px); translate: 0 calc(-100% * 170 / 370);
  height: auto;
}
.sk-af-o { fill: none; stroke: var(--sk-red); stroke-width: calc(1.5 / var(--u, .58)); stroke-linejoin: round; }
.sk-af-h { fill: none; stroke: rgb(191 59 32 / .6); stroke-width: calc(.9 / var(--u, .58)); }
.sk-af-00 { fill: var(--sk-red); font-family: var(--sk-stc); font-weight: 700; font-size: calc(26px / var(--u, .58)); letter-spacing: .02em; }
.sk-endg { grid-column: 2 / -2; margin-top: var(--sk-s4); row-gap: var(--sk-s4); }
.sk-form { grid-column: 1 / 7; display: grid; grid-template-columns: 1fr 1fr; gap: var(--sk-s1) var(--sk-cg); align-content: start; }
.sk-form-note, .sk-f-wide, .sk-f-send { grid-column: 1 / -1; }
.sk-f label, .sk-f legend, .sk-flab { display: block; margin-bottom: 8px; font: 400 .9375rem/1.4 var(--sk-ep); color: var(--sk-ink); }
.sk-f input[type="text"], .sk-f select, .sk-f textarea { display: block; width: 100%; min-height: 48px; padding: 12px 14px; border: 0; border-bottom: 1px solid var(--sk-support); border-radius: 0; background: var(--sk-lift); color: var(--sk-ink); font: 350 1rem/1.4 var(--sk-ep); }
.sk-f select { appearance: none; padding-right: 40px; background-image: linear-gradient(45deg, transparent 50%, var(--sk-support) 50%), linear-gradient(-45deg, transparent 50%, var(--sk-support) 50%); background-position: calc(100% - 20px) 21px, calc(100% - 15px) 21px; background-size: 5px 5px; background-repeat: no-repeat; }
.sk-f select option { background: var(--sk-lift); color: var(--sk-ink); }
.sk-f :is(input[type="text"], select, textarea):focus-visible { border-bottom-color: var(--sk-ink); }
.sk-f textarea { resize: vertical; min-height: 140px; }
.sk-hint { margin-top: 6px; font: 400 var(--sk-fs-cap)/1.5 var(--sk-ep); color: var(--sk-support); }
.sk-rad { display: flex; flex-wrap: wrap; gap: 0 20px; }
.sk-f .sk-rad label, .sk-chk { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; margin: 0; cursor: pointer; font: 400 .9375rem/1.4 var(--sk-ep); }
.sk-rad input, .sk-chk input { appearance: none; flex: none; display: grid; place-content: center; width: 20px; height: 20px; margin: 0; border: 1px solid var(--sk-support); background: var(--sk-lift); cursor: pointer; }
.sk-rad input { border-radius: 50%; }
.sk-rad input:checked::after { content: ""; width: 10px; height: 10px; border-radius: 50%; background: var(--sk-ink); }
.sk-chk input:checked::after { content: ""; width: 10px; height: 5px; border-left: 1.5px solid var(--sk-ink); border-bottom: 1.5px solid var(--sk-ink); transform: translateY(-2px) rotate(-45deg); }
.sk-fhour { display: block; padding: 12px 14px; background: var(--sk-lift); border-bottom: 1px solid var(--sk-support); font: 400 1rem/1.5 var(--sk-ep); font-variant-numeric: tabular-nums lining-nums; transition: opacity .2s var(--sk-ease); }
.sk-fhour.sk-dim { opacity: .45; }
.sk-f .sk-chk { display: inline-flex; margin-top: 6px; }
.sk-f-send { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 24px; margin-top: 8px; }
.sk-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 12px 22px; border: 1px solid var(--sk-ink); border-radius: 0; background: transparent; color: var(--sk-ink); font: 400 .9375rem/1.2 var(--sk-ep); cursor: pointer; transition: background-color .2s var(--sk-ease), border-color .2s var(--sk-ease), color .2s var(--sk-ease); }
.sk-btn:hover { background: var(--sk-lift); }
.sk-btn.sk-pressed { border-color: var(--sk-red); color: var(--sk-red); transition: none; }
.sk-status { min-height: 1.5em; font: 400 .9375rem/1.5 var(--sk-ep); }
.sk-h00 { grid-column: 8 / 13; padding-top: var(--sk-s4); }
.sk-h00-n { margin-bottom: var(--sk-s1); font: 700 1.125rem/1 var(--sk-stc); letter-spacing: .14em; text-transform: uppercase; color: var(--sk-red); }
.sk-h00 p:not(.sk-h00-n) { max-width: 40ch; font: 300 var(--sk-fs-lead)/1.5 var(--sk-ep); }
.sk-ks-svg { width: 62%; height: auto; margin-top: var(--sk-s2); }
.sk-ks { fill: none; stroke: var(--sk-support); stroke-width: calc(1.2 / var(--u, .5)); stroke-linejoin: round; display: none; }
.sk-ks-dwl { fill: none; stroke: var(--sk-hair); stroke-width: calc(1 / var(--u, .5)); }
.sk-ks-cl { fill: none; stroke: var(--sk-grid); stroke-width: calc(.75 / var(--u, .5)); }
.sk-ks-f { display: none; fill: var(--sk-support); font-family: var(--sk-stc); font-weight: 500; font-size: calc(11px / var(--u, .5)); letter-spacing: .16em; text-transform: uppercase; text-anchor: middle; }
.sk-end:has(#sk-k-sail:checked) :is(.sk-ks--sail, .sk-ks--sailp),
.sk-end:has(#sk-k-motor:checked) :is(.sk-ks--motor, .sk-ks--motorp),
.sk-end:has(#sk-k-both:checked) :is(.sk-ks--sail, .sk-ks--motor, .sk-ks-f) { display: inline; }
.sk-colo { padding: var(--sk-s4) var(--sk-in); background: var(--sk-deep); text-align: center; }
.sk-colo p { max-width: 72ch; margin-inline: auto; font: 400 .8125rem/1.6 var(--sk-ep); color: var(--sk-support); }

.sk-dwg--lines { --a0: 14%; --st: 1.2%; --w: 12%; }
.sk-dwg--bp { --a0: 18%; --st: 2%; --w: 18%; }
.sk-dwg--kinds { --a0: 16%; --st: 4%; --w: 22%; }
.sk-dwg--proc { --a0: 24%; --st: 0%; --w: 38%; }
@media (prefers-reduced-motion: no-preference) {
  @supports (animation-timeline: view()) {
    .sk-js .sk-dwg { view-timeline: --skv block; }
    .sk-js .sk-dwg .sk-ln { stroke-dasharray: 1 1; animation: sk-draw linear both; animation-timeline: --skv; animation-range: cover calc(var(--a0) + var(--i) * var(--st)) cover calc(var(--a0) + var(--i) * var(--st) + var(--len) * var(--w)); }
    .sk-js .sk-dwg .sk-say { animation: sk-set linear both; animation-timeline: --skv; animation-range: cover calc(var(--a0) + var(--i) * var(--st) + var(--ts) * var(--len) * var(--w)) cover calc(var(--a0) + var(--i) * var(--st) + var(--te) * var(--len) * var(--w)); }
    .sk-js .sk-dwg .sk-dk--p { animation-name: sk-dkp; }
    .sk-js .sk-dwg .sk-dk { animation: sk-dk linear both; animation-timeline: --skv; animation-range: cover calc(var(--a0) + var(--i) * var(--st) - 1%) cover calc(var(--a0) + var(--i) * var(--st) + var(--len) * var(--w) + 2%); }
    .sk-js .sk-dwg .sk-mark { animation: sk-mark linear both; animation-timeline: --skv; animation-range: cover calc(var(--a0) + var(--i) * var(--st)) cover calc(var(--a0) + var(--i) * var(--st) + 4%); }
    .sk-js .sk-folio { animation: sk-folio linear both; animation-timeline: view(); animation-range: cover 56% cover 74%; }
    .sk-js .sk-frames { view-timeline: --skf block; }
    .sk-js .sk-ov { animation: sk-ov linear both; animation-timeline: --skf; animation-range: cover 20% cover 50%; }
    .sk-js .sk-frames-ph img { animation: sk-push linear both; animation-timeline: --skf; animation-range: cover 20% cover 50%; }
  }
  @supports not (animation-timeline: view()) {
    .sk-js .sk-dwg .sk-ln { stroke-dasharray: 1 1; stroke-dashoffset: 1; transition: stroke-dashoffset calc(var(--len) * 1.4s) linear calc(var(--i) * 90ms); }
    .sk-js .sk-dwg .sk-say { clip-path: inset(0 100% 0 0); transition: clip-path calc((var(--te) - var(--ts)) * var(--len) * 1.4s) linear calc(var(--i) * 90ms + var(--ts) * var(--len) * 1.4s); }
    .sk-js .sk-dwg .sk-dk { opacity: 0; transition: opacity .18s var(--sk-ease) calc(var(--i) * 90ms); }
    .sk-js .sk-dwg.sk-drawn .sk-ln { stroke-dashoffset: 0; }
    .sk-js .sk-dwg.sk-drawn .sk-say { clip-path: inset(0 0 0 0); }
    .sk-js .sk-dwg.sk-drawn .sk-dk { opacity: .25; }
    .sk-js .sk-dwg .sk-mark { opacity: 0; transition: opacity .4s var(--sk-ease) calc(var(--i) * 90ms); }
    .sk-js .sk-dwg.sk-drawn .sk-mark { opacity: 1; }
  }
}
@media (prefers-reduced-motion: no-preference) {
  .sk-js .sk-hd .sk-hln { stroke-dasharray: 1 1; animation: sk-draw calc(.35s + var(--len) * .55s) var(--sk-ease) calc(.1s + var(--i) * 45ms) both; }
  .sk-js .sk-hd .sk-hsay { animation: sk-set .9s linear calc(.3s + var(--i) * 45ms) both; }
  .sk-js .sk-hd .sk-hnum { animation: sk-mark .4s linear .5s both; }
  .sk-js .sk-hd .sk-hbow { animation: sk-mark .4s linear .7s both; }

  .sk-js.sk-hdone .sk-hd :is(.sk-hln, .sk-hsay, .sk-hnum, .sk-hbow) { animation: none; }
}
@keyframes sk-mark { from { opacity: 0; } to { opacity: 1; } }
@keyframes sk-draw { from { stroke-dashoffset: 1; } to { stroke-dashoffset: 0; } }
@keyframes sk-set { from { clip-path: inset(0 100% 0 0); } to { clip-path: inset(0 0 0 0); } }
@keyframes sk-dk { 0% { opacity: 0; translate: 0 -4px; } 10% { opacity: 1; translate: 0 0; } 86% { opacity: 1; } 100% { opacity: .25; translate: 0 0; } }
@keyframes sk-dkp { 0% { opacity: 0; translate: 0 -4px; } 12% { opacity: 1; translate: 0 0; } 100% { opacity: 1; translate: 0 0; } }
@keyframes sk-folio { from { font-variation-settings: "wght" 200; color: transparent; } to { font-variation-settings: "wght" 700; color: var(--sk-support); } }
@keyframes sk-ov { from { opacity: 1; transform: scale(1.04); } to { opacity: 0; transform: scale(1); } }
@keyframes sk-push { from { transform: scale(1.04); } to { transform: scale(1); } }
@media (prefers-reduced-motion: reduce) {
  .spec-strake .sk, .spec-strake .sk *, .spec-strake .sk *::before, .spec-strake .sk *::after { transition: none !important; animation: none !important; }
  .sk-folio { font-variation-settings: "wght" 700; color: var(--sk-support); }
}

@media (min-width: 1024px) and (max-width: 1439px) { .sk-hsay--l { display: none; } .sk-hsay--m { display: inline; font-size: calc(13px / var(--u, .4)); } }

.sk-hsay--mw { display: none; }
@media (min-width: 1380px) and (max-width: 1439px) { .sk-hsay--mn { display: none; } .sk-hsay--mw { display: inline; font-size: calc(13px / var(--u, .4)); } }
@media (max-width: 1023px) {
  .sk-hsay--l { display: none; } .sk-hsay--s { display: inline; font-size: calc(13px / var(--u, .3)); }
  .sk-hd { left: calc(var(--sk-in) + 3 * (var(--sk-col) + var(--sk-cg))); width: calc(5 * var(--sk-col) + 4 * var(--sk-cg)); }
}

@media (min-width: 1024px) {
  .sk-hour { position: static; }
  .sk-hour > legend { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip-path: inset(50%) !important; }
  .sk-range { position: absolute; z-index: 41; top: calc(-1 * (var(--sk-rule-h) - var(--sk-rule-y)) - 22px); left: calc(var(--sk-in) + 7 * (var(--sk-col) + var(--sk-cg))); width: calc(4 * (var(--sk-col) + var(--sk-cg)) - 40px); }
  .sk-docked .sk-range { z-index: 1; }
  .sk-range::-webkit-slider-runnable-track { background: transparent; }
  .sk-range::-moz-range-track { background: transparent; }
  .sk-stops { position: absolute; top: calc(-1 * (var(--sk-rule-h) - var(--sk-rule-y)) + 6px); left: calc(var(--sk-in) + 7 * (var(--sk-col) + var(--sk-cg))); width: calc(4 * (var(--sk-col) + var(--sk-cg)) - 40px); }
  .sk-hourcol { padding-top: 22px; }
  .sk-lab--r { display: block; }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .sk-range, .sk-stops { width: calc(5 * (var(--sk-col) + var(--sk-cg)) - 40px); }
}
@media (max-width: 1023px) {
  .spec-strake .sk { --sk-n: 8; --sk-cols: var(--sk-gut) repeat(8, minmax(0, 1fr)) var(--sk-gut); --sk-col: calc((100% - 2 * var(--sk-gut) - 9 * var(--sk-cg)) / 8); --sk-pscale: 1; }
  .sk-sub { grid-column: 2 / 6; }
  .sk-hourcol { grid-column: 6 / 10; }
  .sk-hour { margin-top: -4px; }
  .sk-s1-copy { grid-column: 1 / 7; }
  .sk-bp { grid-column: 1 / 9; margin-top: var(--sk-s4); }
  .sk-s2-copy { grid-column: 1 / 7; }
  .sk-s2-caps { grid-column: 1 / 7; margin-top: var(--sk-s2); }
  .sk-lines-top > .sk-s3-lead { grid-column: 2 / 8; }
  .sk-said { grid-column: 2 / 8; }
  .sk-s3-caps { grid-column: 2 / 8; }
  .sk-strip { grid-column: 1 / 9; }
  .sk-big { grid-column: 2 / 8; grid-row: 2; }
  .sk-read { grid-column: 1 / 9; grid-row: 3; }
  .sk-legend { grid-column: 1 / 9; grid-row: 4; }
  .sk-note { grid-template-columns: repeat(8, minmax(0, 1fr)); }
  .sk-note-p { grid-column: 2 / 9; }
  .sk-s4-close { grid-column: 2 / 8; }
  .sk-s5-lead, .sk-s5-copy { grid-column: 2 / 8; }
  .sk-fair-ph { grid-column: 1 / 4; grid-row: 1; }
  .sk-bat { grid-column: 4 / 9; }
  .sk-bat-foot, .sk-bat-live { grid-column: 1 / 9; }
  .sk-s6 > div:first-child { grid-column: 1 / 5; } .sk-s6 > div:last-child { grid-column: 5 / 9; }
  .sk-kind:first-child { grid-column: 1 / 5; } .sk-kind:last-child { grid-column: 5 / 9; }
  .sk-s7-close { grid-column: 1 / 8; }
  .sk-proc-sh { display: none; }
  .sk-proc-v { display: block; position: absolute; left: 0; top: 0; width: 40px; height: 100%; overflow: visible; }
  .sk-proc-v .sk-ln { stroke-width: 1.5px; vector-effect: non-scaling-stroke; animation: none !important; stroke-dasharray: none !important; }
  .sk-steps { grid-template-columns: 1fr; grid-auto-rows: 1fr; margin-top: 0; padding-left: 64px; }
  .sk-step { position: relative; margin-top: 0; padding-block: 0 var(--sk-s2); max-width: 58ch; }
  .sk-step-dk { display: block; position: absolute; top: -2px; left: calc(var(--v) * 1px - 64px - 11px); width: 22px; height: 11px; overflow: visible; --dkf: rgb(70 97 124 / .45); }
  .sk-ask { grid-column: 1 / 9; }
  .sk-afloat { left: calc(var(--sk-in) + 2 * (var(--sk-col) + var(--sk-cg))); width: calc(6 * var(--sk-col) + 5 * var(--sk-cg)); }
  .sk-form { grid-column: 1 / 9; }
  .sk-h00 { grid-column: 1 / 7; padding-top: 0; }
}
@media (min-width: 1024px) and (max-width: 1299px) {
  .sk-kinds { overflow: hidden; }
  .sk-kinds-svg { width: 140%; margin-left: -20%; }
  .sk-strip { grid-column: 1 / -1; }
  .sk-big { grid-column: 4 / 11; grid-row: 2; }
  .sk-read { grid-column: 1 / 10; grid-row: 3; }
  .sk-legend { grid-column: 1 / 10; grid-row: 4; }
  .sk-note { grid-template-columns: repeat(9, minmax(0, 1fr)); }
  .sk-note-p { grid-column: 2 / 10; }
}
@media (max-width: 1023px) {
  .sk-say--k { display: none; }
  .sk-kind-say { display: block; margin-bottom: 12px; font: 400 var(--sk-fs-cap)/1.5 var(--sk-ep); color: var(--sk-support); }
}
@media (max-width: 1023px) and (min-width: 701px) {
  .sk-say--s { font-size: 20px; }
  .sk-say--s14 { display: none; }

  svg .sk-key--w { display: inline; paint-order: stroke; stroke: var(--sk-ground); stroke-width: calc(5px / var(--u, .83)); stroke-linejoin: round; }
  .sk-said li { padding-left: 1.9em; }
  .sk-said .sk-key--w { display: inline-block; margin-left: -1.9em; }
}

@media (max-width: 700px) {
  .spec-strake .sk { --sk-n: 1; --sk-cg: 0px; --sk-cols: var(--sk-gut) minmax(0, 1fr) var(--sk-gut); --sk-col: calc(100% - 2 * var(--sk-gut)); --sk-nav-h: 52px; --sk-rule-h: 30px; --sk-rule-y: 10px; --sk-hz: .45; --sk-pscale: 1.4;

    --sk-sea-h: max(56svh, 300px, calc((min(100vw - 2 * var(--sk-gut), 560px) * .3053 + 40px) / .55)); }

  .sk-hd { left: var(--sk-gut); width: min(100% - 2 * var(--sk-gut), 560px); top: calc(var(--sk-hz) * 100% + 14px); translate: none; }
  .sk-hsay--t { display: none; }
  .sk-hsay--p { display: inline; font-size: calc(min(13px, 3.5vw) / var(--u, .22)); }
  .sk-ig > * { grid-column: 1 / -1 !important; grid-row: auto !important; }
  .sk-st > *, .sk-lines > *, .sk-lines-top > *, .sk-herog > * { grid-column: 2 / 3 !important; }
  .sk-st > .sk-state, .sk-st > .sk-frames, .sk-st > .sk-band, .sk-st > .sk-trial, .sk-st > .sk-lines, .sk-lines > .sk-lines-top, .sk-lines-top > .sk-dwg--lines { grid-column: 1 / -1 !important; }
  .sk a.sk-nava { display: none; }
  .sk a.sk-mast { font-size: 1.125rem; }
  .sk a.sk-navw { padding: 0 12px; }
  .sk-hourcol { margin-top: var(--sk-s2); }
  .sk-hour > legend { margin-bottom: 0; }
  .sk-reading { min-height: 0; }
  .sk-cold { display: none; }
  .sk-herog { padding-bottom: var(--sk-s2); }
  .sk-folio { top: var(--sk-s2); }
  .sk-head { margin-bottom: var(--sk-s2); padding-right: 64px; }
  .sk-bp { margin-top: var(--sk-s2); }
  .sk-bp-a text { font-size: calc(12px / var(--u, .56)); }
  .sk-bp-a .sk-odd { display: none; }
  .sk-cl { grid-template-columns: 1fr; }
  .sk-cl li, .sk-cl li:nth-child(n+7) { grid-column: 1; grid-row: auto !important; }
  .sk-cl a { min-height: 48px; }
  .sk-state { margin-top: var(--sk-s2); }
  .sk-say--s { display: none; }
  .sk-say--p { display: inline; font-size: calc(14px / var(--u, .39)); }
  .sk-stnum { display: none; }
  .sk-strip-row { gap: 0; }
  .sk-sl { width: 32px; gap: 4px; }
  .sk-sl svg { width: 32px; height: 30px; }
  .sk-strip-row::before { top: calc(4px + 30px * 172 / 364); }
  .sk-big { overflow: hidden; }
  .sk-big-svg { width: 125%; margin-left: -12.5%; }
  .sk:not(.sk-js) .sk-bat-t { font-size: 36px; }
  .sk-big { order: 2; } .sk-read { order: 3; } .sk-legend { order: 4; }
  .sk-bat-t { font-size: calc(14px / var(--u, .35)); }
  .sk-lg-t { font-size: calc(14px / var(--u, .84)); }
  .sk-note { grid-template-columns: 52px 1fr; }
  .sk-note-n { font-size: 2.75rem; }
  .sk-note-p { grid-column: 2; }
  .sk-read { min-height: 0; }
  .sk-fair-ph { aspect-ratio: 4 / 5; }
  .sk-bat-foot { flex-direction: column; align-items: flex-start; }
  .sk-frames { height: auto; min-height: 0; aspect-ratio: 4 / 5; }
  .sk-frames { --fr-iw: 768; --fr-ix: 384; }
  .sk-kinds { overflow: hidden; }
  .sk-kinds-svg { width: 150%; margin-left: -25%; }
  .sk-say--k { display: none; }
  .sk-kind-say { display: block; margin-bottom: 12px; font: 400 var(--sk-fs-cap)/1.5 var(--sk-ep); color: var(--sk-support); }
  .sk-kind + .sk-kind { margin-top: var(--sk-s2); }
  .sk-band picture { aspect-ratio: 4 / 5; }
  .sk-band--hall img { object-position: 50% 45%; }
  .sk-steps { padding-left: 52px; }
  .sk-step-dk { left: calc(var(--v) * 1px - 52px - 11px); }
  .sk-q summary { padding-inline: 8px; gap: 14px; }
  .sk-q p { padding: 0 8px 24px 50px; }
  .sk-trial { height: max(46svh, 340px); --sk-hz: .40; }
  .sk-endhead .sk-mk { margin-bottom: 12px; }
  .sk-afloat { left: 5vw; width: 94vw; top: max(46svh, 340px); }
  .sk-endg { margin-top: calc(94vw * 200 / 1100 + var(--sk-s1)); }
  .sk-form { grid-template-columns: 1fr; }
  .sk-h00 { padding-top: 0; }
  .sk-ks-svg { width: 60%; }
}
/* the smallest phones: the eleven stations share the width instead of 32px each (352px spilled past 320 and 360) */
@media (max-width: 400px) { .sk-sl { width: auto; flex: 1 1 0; min-width: 0; } .sk-sl svg { width: 100%; } }
