@property --sh-a { syntax: "<angle>"; inherits: true; initial-value: 331deg; }
@property --sp-a { syntax: "<angle>"; inherits: true; initial-value: 331deg; }
@property --sh-s { syntax: "<number>"; inherits: true; initial-value: 0.44; }
@property --sp-s { syntax: "<number>"; inherits: true; initial-value: 0.74; }
@property --sp-d { syntax: "<percentage>"; inherits: true; initial-value: 61%; }
@property --g-x { syntax: "<length>"; inherits: true; initial-value: 1.5px; }
@property --g-y { syntax: "<length>"; inherits: true; initial-value: 4.6px; }
@property --g-blur { syntax: "<length>"; inherits: true; initial-value: 13.4px; }
@property --g-spread { syntax: "<length>"; inherits: true; initial-value: -4.5px; }
@property --g-tint { syntax: "<color>"; inherits: true; initial-value: rgba(60,52,40,0); }
@property --g-contact { syntax: "<color>"; inherits: true; initial-value: rgba(60,52,40,0); }
@property --sh-l { syntax: "<percentage>"; inherits: true; initial-value: 65%; }
@property --sh-lm { syntax: "<percentage>"; inherits: true; initial-value: 39%; }
@property --rim-c { syntax: "<color>"; inherits: true; initial-value: rgba(255,255,255,0); }
@property --sp-w { syntax: "<number>"; inherits: true; initial-value: 1.28; }
@property --sp-f { syntax: "<percentage>"; inherits: true; initial-value: 55%; }
@property --glass { syntax: "<number>"; inherits: true; initial-value: 0; }
@property --glass-rim-angle { syntax: "<angle>"; inherits: false; initial-value: -75deg; }
@property --light-az { syntax: "<angle>"; inherits: true; initial-value: 245deg; }

:root { --page: #FFFFFF; --surface: #EDE8E0; --on-ink: #FAF9F5; --panel-well: #EDE8E0; --code-paper: #FFFFFF; --code-fg: #26241F; --sx-comment: #7A756C; --sx-name: #161511; --sx-num: #26241F; --sx-str: #5F5C55; --sx-fn: #26241F; --ink: #1A1917; --ink-2: #5F5C55; --ink-3: #6C695F; --btn: #22201B; --ease: cubic-bezier(.32,.72,0,1); --spring: linear(0.0, 0.0726 4.2%, 0.2343 8.3%, 0.4234 12.5%, 0.6025 16.7%, 0.7525 20.8%, 0.8669 25.0%, 0.9468 29.2%, 0.9974 33.3%, 1.0253 37.5%, 1.0372 41.7%, 1.0388 45.8%, 1.0345 50.0%, 1.0276 54.2%, 1.0203 58.3%, 1.0136 62.5%, 1.0081 66.7%, 1.0041 70.8%, 1.0014 75.0%, 0.9997 79.2%, 0.9988 83.3%, 0.9985 87.5%, 0.9985 91.7%, 0.9987 95.8%, 0.999); --spring-dur: 520ms;  --radius: 19px; --btn-radius: 13px; --card-0: #F8F5F0; --card-0b: #F5F1EB; --hairline: color-mix(in srgb,var(--track-4) 62%,transparent); --hairline-soft: color-mix(in srgb,var(--track-3) 55%,transparent); --cell-tint: var(--card-3); --card-1: #F2EDE6; --card-2: #EDE8E0; --card-3: #E7E1D8; --track-4: #CEC3B3; --mark-size: 1; --mark-mono: .72; --lit: rgba(255,255,255,0.198); --lit-on: rgba(255,255,255,0.30); --lit-press: rgba(255,255,255,0.402); --cast-off: 0 0 0 0 rgba(60,52,40,0); --cast-recipe: 0 0 0 0 rgba(60,52,40,0); --ground-0: #F2EDE6; --ground-1: #EEE9E2; --ground-2: #EAE4DB; --ground-3: #E3DCD2; --track-0: #EBE5DC; --track-1: #EBE5DC; --track-2: #E8E2D9; --track-3: #DDD5C9; --track: var(--track-2); --glass: 0; --glass-rim: ; --gdur: 160ms; --rdur: 120ms; --mdur: 300ms; --sp-w: 1.28; --sp-f: 55%; --g-x: 1.5px; --g-y: 4.6px; --g-x2: 1.5px; --g-y2: 4.6px; --g-blur: 13.4px; --g-spread: -4.5px; --g-blur2: 13.4px; --g-spread2: -4.5px; --g-tint: rgba(60,52,40,0); --g-contact: rgba(60,52,40,0); --g-tint2: rgba(60,52,40,0); --g-contact2: rgba(60,52,40,0); --sh-l: 65%; --sh-lm: 39%; --sh-l2: 65%; --sh-lm2: 39%; --rim-w: 1.1px; --rim-c: rgba(255,255,255,0); --rim-c2: rgba(255,255,255,0); --sh-a2: 331deg; --sp-a2: 331deg; --sh-s2: .62; --sp-s2: .92; --sp-d2: 61%; --sp-w2: 1.28; --sp-f2: 55%; --mark-wght: 200; --mark-ls: 0.020em; --face: 'Geist',ui-sans-serif,system-ui,sans-serif; --fs-cap: 12.88px; --fs-body: 15.45px; --fs-lede: 17.88px; --fs-h2: 24.37px; --fs-hero: 38.44px; --fs-h2-fluid: clamp(calc(var(--fs-h2) * .78), 2.6vw, var(--fs-h2)); --fs-hero-fluid: clamp(calc(var(--fs-hero) * .62), 4.6vw, var(--fs-hero)); --w-body: 400; --w-lbl: 500; --w-disp: 600; --ls-k: 0.62px; --ls-a: 0.058; --body-ls: 0em; --cap-ls: calc(var(--ls-k) - var(--ls-a) * var(--fs-cap)); --title-ls: calc(var(--ls-k) - var(--ls-a) * var(--fs-body)); --sec-ls: calc(var(--ls-k) - var(--ls-a) * var(--fs-lede)); --h2-ls: calc(var(--ls-k) - var(--ls-a) * var(--fs-h2-fluid)); --disp-ls: calc(var(--ls-k) - var(--ls-a) * var(--fs-hero-fluid)); --code-ls: 0.02em; --caps-ls: 0.06em; --lh-cap: 1.605; --lh-body: 1.579; --lh-lede: 1.562; --lh-title: 1.298; --lh-sec: 1.257; --lh-ui: 1.35; --lh-ctl: 1; --lh-h2: calc(var(--fs-h2-fluid) + 4.6px); --lh-disp: calc(var(--fs-hero-fluid) + 4.6px); --raise: none; --raise-hi: none; --sink: none; --sink-lit: none; --sink-lit-2: none; --well-sink: none; --well-sink-lit: none; --well-sink-lit2: none; --ink-raise: none; --ink-sink: none; --card-cast: none; --div-v: inset 1px 0 0 rgba(60,52,40,.09), inset 2px 0 0 -1px rgba(255,255,255,.85); --div-h: inset 0 1px 0 rgba(60,52,40,.08), inset 0 2px 0 -1px rgba(255,255,255,.92); --div-h-b: inset 0 -1px 0 rgba(60,52,40,.08), inset 0 -2px 0 -1px rgba(255,255,255,.92); }

:root { --glass-brightness: 1; --glass-opacity: .10; --glass-blur: 3.75px; --glass-wheat-filter: url(#mw-glass-wheat); }

:root { --az-rest: 245deg; --turn-sign: 1; --light-az: var(--az-rest); --liquid: linear(0 0%, 0.0260 3.1%, 0.0939 6.2%, 0.1898 9.4%, 0.3019 12.5%, 0.4207 15.6%, 0.5384 18.8%, 0.6490 21.9%, 0.7482 25%, 0.8331 28.1%, 0.9021 31.2%, 0.9551 34.4%, 0.9926 37.5%, 1.0162 40.6%, 1.0277 43.8%, 1.0293 46.9%, 1.0234 50%, 1.0124 53.1%, 0.9984 56.2%, 0.9832 59.4%, 0.9686 62.5%, 0.9559 65.6%, 0.9461 68.8%, 0.9398 71.9%, 0.9372 75%, 0.9383 78.1%, 0.9426 81.2%, 0.9494 84.4%, 0.9579 87.5%, 0.9672 90.6%, 0.9764 93.8%, 0.9848 96.9%, 1 100%); --liquid-dur: 560ms; }

:root {
  --ramp-hover: 100%;
  --ramp-press: 33%;
  --ramp-press-overflow-0: var(--ramp-press);
  --ramp-press-overflow-1: var(--ramp-press);
  --ramp-hover-2: var(--ramp-hover);
  --ramp-press-2: var(--ramp-press);
  --ramp-hover-3: var(--ramp-hover);
  --ramp-press-3: var(--ramp-press);
}

.m-page{background:var(--page);--surface:var(--page);--sh-ground:var(--page);--track:var(--page);--card-hover:var(--card-0);--card-press:color-mix(in srgb,var(--card-0b) var(--ramp-press-overflow-0),var(--card-0));--flat-rest:var(--card-0);--flat-hover:var(--card-0b);--flat-press:var(--card-1)}

.m-page .stage{--surface:var(--page);--sh-ground:var(--page);--track:var(--page);--card-hover:var(--card-0);--card-press:color-mix(in srgb,var(--card-0b) var(--ramp-press-overflow-0),var(--card-0));--flat-rest:var(--card-0);--flat-hover:var(--card-0b);--flat-press:var(--card-1)}
.m-card-1{--surface:var(--card-1);--sh-ground:var(--ground-1);--track:var(--track-1);--card-hover:var(--card-2);--card-press:color-mix(in srgb,var(--card-3) var(--ramp-press-overflow-1),var(--card-2));--flat-rest:var(--card-2);--flat-hover:var(--card-3);--flat-press:var(--track-3)}
.m-card-2{--surface:var(--card-2);--sh-ground:var(--ground-2);--track:var(--track-2);--card-hover:var(--card-3);--card-press:color-mix(in srgb,var(--track-3) var(--ramp-press-2),var(--card-3));--flat-rest:var(--card-3);--flat-hover:var(--track-3);--flat-press:var(--track-4)}
.m-card-3{--surface:var(--card-3);--sh-ground:var(--ground-3);--track:var(--track-3);--card-hover:var(--track-3);--card-press:color-mix(in srgb,var(--track-4) var(--ramp-press-3),var(--track-3));--flat-rest:var(--track-3);--flat-hover:var(--track-4);--flat-press:color-mix(in srgb,var(--track-4) 70%,var(--track-3))}

.m-sheet{--surface:var(--card-0);--sh-ground:var(--card-0b);--track:var(--card-1);--card-hover:var(--card-0b);--card-press:var(--card-1);--flat-rest:var(--card-0b);--flat-hover:var(--card-1);--flat-press:var(--card-2)}
.m-card{--surface:var(--page);--sh-ground:var(--page);--track:var(--page);--card-hover:var(--card-0);--card-press:color-mix(in srgb,var(--card-0b) var(--ramp-press-overflow-0),var(--card-0));--flat-rest:var(--card-0);--flat-hover:var(--card-0b);--flat-press:var(--card-1)}

.m-bar{--card-hover:rgba(255,255,255,.5);--card-press:rgba(255,255,255,.76);--bar-lit:inset 0 0 0 .5px rgba(255,255,255,.8)}

.m-page [data-ground=dark]{--ink:rgba(250,244,234,.94);--ink-2:rgba(250,244,234,.8);--ink-3:rgba(250,244,234,.86);--hairline:rgba(255,248,236,.14);--hairline-soft:rgba(255,248,236,.08);--card-hover:rgba(255,248,236,.09);--card-press:rgba(255,248,236,.11);--sh-fg:var(--ink);color:var(--ink)}
.m-page [data-ground=dark] .mw-logo{filter:brightness(0) invert(1) sepia(.08);opacity:.92}
.m-page [data-ground=dark] .sh[data-style="raise"]:not(.alt){--glass-brightness:.85;--sh-press:rgba(10,8,6,.9)}
:is(.m-card-1,.m-card-2,.m-card-3,.m-sheet,.m-card){background:var(--surface);border:0;border-radius:var(--radius);box-shadow:none}
:is(.m-card-1,.m-card-2,.m-card-3,.m-sheet,.m-card):is(a[href],button){font:inherit}
:is(.m-card-1,.m-card-2,.m-card-3,.m-sheet,.m-card):is(a[href],button),.rowsw .rw:is(a[href],button){color:var(--ink);text-align:start;text-decoration:none;border:0;cursor:pointer;transition:background-color var(--rdur) var(--ease)}
@media (hover:hover){
  :is(.m-card-1,.m-card-2,.m-card-3,.m-sheet,.m-card):is(a[href],button):not(:disabled):not([aria-disabled="true"]):hover,.rowsw .rw:is(a[href],button):not(:disabled):not([aria-disabled="true"]):hover{background-color:var(--card-hover)}
}
:is(.m-card-1,.m-card-2,.m-card-3,.m-sheet,.m-card):is(a[href],button):not(:disabled):not([aria-disabled="true"]):active,.rowsw .rw:is(a[href],button):not(:disabled):not([aria-disabled="true"]):active{background-color:var(--card-press);transition-duration:100ms}
:is(.m-card-1,.m-card-2,.m-card-3,.m-sheet,.m-card):is(a[href],button):focus-visible,.rowsw .rw:is(a[href],button):focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.rowsw .rw:is(a[href],button):focus-visible{outline-offset:-2px}
:is(.m-card-1,.m-card-2,.m-card-3,.m-sheet,.m-card):disabled,.rowsw .rw:disabled{cursor:default}

.m-page .sh.alt:not(:has(.cv)):hover { background-color: var(--card-hover); }
.m-page .sh[data-style="plain"]:hover { background-color: var(--card-hover); }
.m-page .sh.alt:not(:has(.cv)):active { background-color: var(--card-press); }
.m-page .sh[data-style="plain"]:active { background-color: var(--card-press); }
.m-page .segw .u:not(.on):hover { background-color: var(--card-hover); color: var(--seg-fg-on); }
.m-page .spark.cwide { max-width: none; }

:root {
  --type-page-title-size:var(--fs-h2); --type-page-title-weight:var(--w-disp); --type-page-title-line:1.189; --type-page-title-spacing:calc(var(--ls-k) - var(--ls-a) * var(--fs-h2));
  --type-lede-size:var(--fs-lede); --type-lede-weight:var(--w-body); --type-lede-line:var(--lh-lede); --type-lede-spacing:var(--body-ls);
  --type-section-title-size:var(--fs-lede); --type-section-title-weight:var(--w-disp); --type-section-title-line:var(--lh-sec); --type-section-title-spacing:var(--sec-ls);
  --type-row-title-size:var(--fs-body); --type-row-title-weight:var(--w-disp); --type-row-title-line:var(--lh-title); --type-row-title-spacing:var(--title-ls);
  --type-body-size:var(--fs-body); --type-body-weight:var(--w-body); --type-body-line:var(--lh-body); --type-body-spacing:var(--body-ls);
  --type-label-size:var(--fs-cap); --type-label-weight:var(--w-lbl); --type-label-line:var(--lh-ui); --type-label-spacing:var(--cap-ls);
  --type-code-face:"Geist Mono",ui-monospace,monospace; --type-code-size:var(--fs-cap); --type-code-weight:var(--w-body); --type-code-line:var(--lh-body); --type-code-spacing:var(--code-ls);
  --type-metadata-size:var(--fs-cap); --type-metadata-weight:var(--w-body); --type-metadata-line:var(--lh-ui); --type-metadata-spacing:var(--body-ls);
}

:where(b,strong){font-weight:var(--w-disp);font-variation-settings:"wght" var(--w-disp)}
.stage { padding: clamp(24px, 3.4vw, 52px) clamp(18px, 3.4vw, 48px) 90px; min-width: 0px; }
.lockup { display: flex; align-items: flex-end; gap: 0.446em; font-size: calc(clamp(38px,6vw,82px) * var(--mark-size,1)); }
.lockup .mw-logo { height: calc(1em * var(--mark-mono,.72)); width: auto; margin-bottom: 0.086em; flex: 0 0 auto; }
.wm { font-family: Manrope, ui-sans-serif, system-ui, sans-serif; margin: 0px; color: var(--ink); font-size: 1em; line-height: 0.96; font-weight: var(--mark-wght); font-variation-settings: 'wght' var(--mark-wght); letter-spacing: var(--mark-ls); }
.hero { font-size: var(--fs-hero-fluid); font-weight: var(--w-disp); font-variation-settings: 'wght' var(--w-disp); line-height: var(--lh-disp); letter-spacing: var(--disp-ls); margin: 24px 0px 0px; text-wrap: balance; }
.lede { font-size: var(--fs-lede); line-height: var(--lh-lede); margin: 13px 0px 0px; color: var(--ink-2); max-width: 52ch; letter-spacing: var(--body-ls); }
.h2 { font-size: var(--fs-h2-fluid); font-weight: var(--w-disp); font-variation-settings: 'wght' var(--w-disp); line-height: var(--lh-h2); letter-spacing: var(--h2-ls); margin: 0px; text-wrap: balance; }
.body { font-size: var(--fs-body); line-height: var(--lh-body); margin: 11px 0px 0px; color: var(--ink-2); max-width: 58ch; font-weight: var(--w-body); letter-spacing: var(--body-ls); }
.cap2 { font-size: var(--fs-cap); line-height: var(--lh-cap); margin: 9px 0px 0px; color: var(--ink-3); max-width: 58ch; letter-spacing: var(--body-ls); }
.stage { --sh-cast: var(--cast-off); --seg-fg: var(--ink-3); --seg-fg-on: var(--sh-fg); --meta-fg: var(--ink-3); --badge-bg: rgba(60,52,40,.09); --badge-fg: var(--ink-2); --badge-sd: var(--sink-lit); --prog-fill: var(--btn); --prog-sd: var(--ink-sink); --sh-fg: var(--ink); --sh-sd: var(--raise); --sh-sd-hi: var(--raise-hi); --sh-sd-down: var(--sink); --sh-wash: var(--lit); --sh-press: rgba(60,52,40,.05); --sh-bg: transparent; --sh-tint: 1; --sh-ground: var(--ground-2); --sh-r: 980px; --sh-lift: 1px; --tk-r: 980px; --bd-r: 50%; --cb-r: 50%; --bead: 0 1px 2px rgba(60,52,40,.11), 0 0 0 .5px rgba(60,52,40,.06); --bead-hi: 0 2px 5px rgba(60,52,40,.15), 0 0 0 .5px rgba(60,52,40,.07); }
[data-style="ink"] { --sh-bg: var(--btn); --sh-tint: 0; --sh-fg: var(--on-ink); --glass: 0; --sh-cast: var(--cast-off); --sh-sd: var(--ink-raise); --sh-sd-hi: var(--ink-raise); --sh-sd-down: var(--ink-sink); --sh-wash: rgba(255,255,255,.075); --sh-press: rgba(0,0,0,.18); --div-v: inset 1px 0 0 rgba(0,0,0,.36), inset 2px 0 0 -1px rgba(255,255,255,.11); --div-h: inset 0 1px 0 rgba(0,0,0,.36), inset 0 2px 0 -1px rgba(255,255,255,.11); --seg-fg: rgba(250,249,245,.62); --seg-fg-on: var(--on-ink); --meta-fg: rgba(250,249,245,.6); --badge-bg: rgba(255,255,255,.17); --badge-fg: var(--on-ink); --badge-sd: inset 0 1px 0 rgba(255,255,255,.15); --prog-fill: var(--on-ink); --prog-sd: var(--raise); }
[data-style="raise"] { --sh-tint: 1; --sh-sd: inset 0 0 0 var(--rim-w) var(--rim-c), var(--sink), var(--sh-cast); --sh-sd-hi: inset 0 0 0 var(--rim-w) var(--rim-c), var(--sink-lit), var(--sh-cast); --sh-sd-down: inset 0 0 0 var(--rim-w) var(--rim-c), var(--sink-lit-2), var(--sh-cast); --sh-wash: var(--lit-on); --sh-press: var(--lit-press); --sh-lift: 0px; --glass: 1; --rdur: var(--gdur); --sh-cast: 0 1px 1.5px var(--g-contact),
    var(--g-x) var(--g-y) var(--g-blur) var(--g-spread) var(--g-tint); }
[data-style="bevel"] { --sh-tint: 1; --sh-ground: var(--surface); --sh-sd: none; --sh-sd-hi: none; --sh-sd-down: none; --sh-wash: var(--card-hover); --sh-press: var(--card-press); --sh-lift: 0px; --glass: 0; --sh-cast: var(--cast-off); }
[data-style="sink"] { --sh-tint: 1; --sh-ground: var(--surface); --sh-sd: var(--well-sink); --sh-sd-hi: var(--well-sink-lit); --sh-sd-down: var(--well-sink-lit2); --sh-wash: var(--lit-on); --sh-press: var(--lit-press); --sh-lift: 0px; --glass: 0; --sh-cast: var(--cast-off); }
[data-style="plain"] { --sh-bg: transparent; --sh-tint: 0; --sh-sd: none; --sh-sd-hi: none; --sh-sd-down: none; --sh-wash: var(--lit-on); --sh-lift: 0px; --glass: 0; --sh-cast: var(--cast-off); }

.stage[data-size="s"], .stage :is(.sh,.well,.lnk)[data-size="s"] { --sh-fs: 13px; --sh-py: 10px; --sh-px: 16px; --sh-h: 33px; }
.stage, .stage :is(.sh,.well,.lnk)[data-size="m"] { --sh-fs: 15px; --sh-py: 14px; --sh-px: 22px; --sh-h: 43px; }
.stage[data-size="l"], .stage :is(.sh,.well,.lnk)[data-size="l"] { --sh-fs: 16.5px; --sh-py: 17px; --sh-px: 30px; --sh-h: 51px; }
.stage[data-shape="squircle"] { --sh-r: var(--btn-radius); --tk-r: 12px; --bd-r: 9px; --cb-r: 8px; }
.stage[data-shape="rounded"] { --sh-r: 11px; --tk-r: 9px; --bd-r: 7px; --cb-r: 6px; }
.stage[data-shape="square"] { --sh-r: 4px; --tk-r: 4px; --bd-r: 3px; --cb-r: 3px; }
.sh { position: relative; --ctl-ls: calc(var(--ls-k) - var(--ls-a) * var(--sh-fs)); box-sizing: border-box; width: max-content; max-width: 100%; min-height: var(--sh-h); font-family: var(--face); font-weight: var(--w-disp); font-variation-settings: "wght" var(--w-disp); font-size: var(--sh-fs); letter-spacing: var(--ctl-ls); line-height: var(--lh-ctl); text-decoration: none; border: 0px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 9px; padding: var(--sh-py) var(--sh-px); border-radius: var(--sh-r); background-color: color-mix(in srgb, var(--sh-bg), var(--sh-ground) calc(var(--sh-tint) * 100%)); color: var(--sh-fg); box-shadow: var(--sh-sd); transition: box-shadow var(--rdur) var(--ease),background-color var(--rdur) var(--ease),
    transform .06s var(--ease),
    --sh-a var(--gdur) var(--ease),--sh-s var(--gdur) var(--ease),
    --sp-s var(--gdur) var(--ease),--sp-w var(--gdur) var(--ease),
    --sp-f var(--gdur) var(--ease),--g-x var(--gdur) var(--ease),
    --g-y var(--gdur) var(--ease),--g-blur var(--gdur) var(--ease),
    --g-spread var(--gdur) var(--ease),--g-tint var(--gdur) var(--ease),
    --g-contact var(--gdur) var(--ease),--sh-l var(--gdur) var(--ease),
    --sh-lm var(--gdur) var(--ease),--rim-c var(--gdur) var(--ease); }
.sh::before { content: ""; position: absolute; inset: 0px; border-radius: inherit; z-index: 0; background: var(--sh-wash); opacity: 0; pointer-events: none; transition: opacity var(--rdur) var(--ease); }
.sh > :not(.spec) { position: relative; z-index: 1; }
.spec { position: absolute; inset: 0px; z-index: 0; pointer-events: none; overflow: hidden; border-radius: inherit; }
.spec > i { position: absolute; left: var(--sp-x,50%); top: var(--sp-y,50%); translate: -50% -50%; rotate: var(--sp-t,0deg); transition: left var(--gdur) var(--ease),top var(--gdur) var(--ease),
    rotate var(--gdur) var(--ease),--sp-s var(--gdur) var(--ease); }
.sh:hover .spec > i, .well:not(.segw):hover .spec > i, .well:not(.segw):focus-within .spec > i { left: var(--sp-x2,50%); top: var(--sp-y2,50%); rotate: var(--sp-t2,0deg); }
.sh:hover, .well:not(.segw):hover, .well:not(.segw):focus-within { --sh-a: var(--sh-a2); --sp-a: var(--sp-a2); --sh-s: var(--sh-s2); --sp-s: var(--sp-s2); --sp-d: var(--sp-d2); --sp-w: var(--sp-w2); --sp-f: var(--sp-f2); --g-x: var(--g-x2); --g-y: var(--g-y2); --g-blur: var(--g-blur2); --g-spread: var(--g-spread2); --g-tint: var(--g-tint2); --g-contact: var(--g-contact2); --sh-l: var(--sh-l2); --sh-lm: var(--sh-lm2); --rim-c: var(--rim-c2); }
.sh:hover { box-shadow: var(--sh-sd-hi); }
.sh:hover::before { opacity: 1; }
.sh:active { transform: translateY(var(--sh-lift)); box-shadow: var(--sh-sd-down); }
.sh:active::before { background: var(--sh-press); opacity: 1; }

.sh[data-style="bevel"] { background-color: var(--flat-rest, var(--card-1)); }
.sh[data-style="bevel"]:hover { background-color: var(--flat-hover, var(--card-2)); }
.sh[data-style="bevel"]:active { background-color: var(--flat-press, var(--card-3)); }
.sh[data-style="bevel"]:is(:hover,:active)::before { opacity: 0; }
.sh[disabled], .sh[aria-disabled="true"] { opacity: 0.4; cursor: not-allowed; pointer-events: none; box-shadow: var(--sh-sd-down); }
.sh svg { flex: 0 0 auto; }
.sh:not(.logo) svg { width: 16px; height: 16px; }
.sh.ic { width: var(--sh-h); height: var(--sh-h); padding: 0px; }
.sh.blk { width: 100%; }
.sh.blk[data-style="raise"] { width: auto; align-self: flex-start; }
.sh.logo { width: calc(var(--sh-h) * 1.64); height: calc(var(--sh-h) * 1.64); padding: 0px; }
.sh.logo.sm2 { width: var(--sh-h); height: var(--sh-h); }
.sh.logo .mw-logo { height: calc(var(--sh-h) * .50); width: auto; margin: 0px; display: block; }
.sh.logo.sm2 .mw-logo { height: calc(var(--sh-h) * .34); }
.markslot.glyph { display: grid; place-items: center; position: relative; z-index: 1; }
.sh.alt { background-color: transparent; color: var(--ink); box-shadow: none; }
.sh.alt:hover { box-shadow: none; background-color: var(--card-hover); }
.sh.alt:active { box-shadow: none; background-color: var(--card-press); }
.sh .cv { display: inline-block; transition: transform var(--rdur) var(--ease); }
.sh:hover .cv { transform: translateX(3px); }
.sh:active .cv { transform: translateX(5px); }
.sh.alt:has(.cv):hover, .sh.alt:has(.cv):active { background-color: transparent; }
.sh.alt::before, .sh.alt::after, .sh.alt > .spec { display: none; }
.sh:focus-visible { outline: 2px solid var(--ink); outline-offset: 4px; }
a.sh, a.sh:is(:hover,:focus-visible,:active) { text-decoration: none; }

.sh[data-role="navigation"] { color: var(--ink-2); }
.sh[data-role="navigation"]:is(:hover,[aria-current="page"]) { color: var(--ink); }

.m-bar .sh.alt{--sh-fs:14px;--sh-py:8px;--sh-px:12px;--sh-h:34px;--sh-r:999px;min-height:34px;gap:0;font-weight:var(--w-lbl);font-variation-settings:"wght" var(--w-lbl);letter-spacing:var(--ctl-ls);color:color-mix(in srgb,var(--ink) 86%,transparent)}
.m-bar .sh.alt:is(:hover,:focus-visible,[aria-expanded=true],[aria-current=page]){color:var(--ink)}
.m-bar .sh.alt:is(:hover,:focus-visible,[aria-expanded=true]){box-shadow:var(--bar-lit)}
.m-bar .sh[data-style="raise"]{--sh-fs:14px;--sh-py:8px;--sh-px:16px;min-height:34px}
@media (any-pointer: coarse), (max-width: 640px) {
  .sh[data-size]:is(button,a[href]) { min-width: 44px; min-height: 44px; }
}

.sh[data-style="raise"]:not(.alt) {
  background-color: color-mix(in srgb, color-mix(in srgb, var(--card-0) calc(var(--glass-brightness) * 100%), black) calc(var(--glass-opacity) * 100%), transparent);
  backdrop-filter: blur(var(--glass-blur)) brightness(var(--glass-brightness)) var(--glass-wheat-filter);
  --sh-s: .38; --sh-s2: .30; --sp-s: .42; --sp-s2: .56;
  --rim-c: rgba(255,255,255,.16); --rim-c2: rgba(255,255,255,.22);
  --sh-wash: var(--card-0);
  --sh-press: var(--card-0);
}
.sh[data-style="raise"]:not(.alt):not(:active)::before,
.sh[data-style="raise"]:not(.alt):hover:not(:active)::before {
  opacity: 0;
}
.sh[data-style="raise"]:not(.alt):active::before {
  opacity: 1;
  background: var(--sh-press);
}
.sh[data-style="raise"]:not(.alt):hover {
  --sh-s: var(--sh-s2); --sp-s: var(--sp-s2); --rim-c: var(--rim-c2);
}
.sh[data-style="raise"]:not(.alt)::after {
  content: ""; position: absolute; inset: 0; padding: .75px;
  border-radius: inherit; pointer-events: none;
  background: conic-gradient(from var(--glass-rim-angle),
    rgba(255,255,255,.46), rgba(255,255,255,.03) 18% 38%,
    rgba(60,52,40,.08) 50%, rgba(255,255,255,.03) 65% 88%,
    rgba(255,255,255,.46));
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  transition: --glass-rim-angle var(--gdur) var(--ease);
}
@media (hover: hover) {
  .sh[data-style="raise"]:not(.alt):hover::after,
  .segw:has(.u.on:hover) .th.sh[data-style="raise"]:not(.alt)::after { --glass-rim-angle: -125deg; }
}
.sh[data-style="raise"]:focus-visible { outline: 2px solid var(--ink); outline-offset: 4px; }

.sh[data-style="raise"]:not(.alt){
  --sh-r:12px;--turn-hover:45deg;--turn-press:90deg;--turn-dur:500ms;--turn-ease:var(--liquid);--cast:.2;--cast-reach:1;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 0 0 .5px rgba(60,52,40,.05),0 1px 1.5px rgba(60,52,40,.07),
    calc(cos(var(--light-az)) * -5px * var(--cast-reach)) calc(sin(var(--light-az)) * -5px * var(--cast-reach)) calc(16px * var(--cast-reach)) -6px rgba(60,52,40,var(--cast));
  transition:--light-az var(--turn-dur) var(--turn-ease),background-color var(--rdur) var(--ease)}
@media (hover:hover){.sh[data-style="raise"]:not(.alt):hover{--light-az:calc(var(--az-rest) + var(--turn-sign) * var(--turn-hover))}}
.sh[data-style="raise"]:not(.alt):active{--light-az:calc(var(--az-rest) + var(--turn-sign) * var(--turn-press))}
.badge { min-width: 22px; height: 22px; padding: 0px 7px; border-radius: 980px; display: inline-grid; place-items: center; font-size: var(--fs-cap); font-weight: var(--w-disp); font-variation-settings: "wght" var(--w-disp); font-variant-numeric: tabular-nums; background: var(--badge-bg); color: var(--badge-fg); box-shadow: var(--badge-sd); }
.well { position: relative; display: inline-flex; align-items: stretch; isolation: isolate; border-radius: var(--sh-r); background-color: color-mix(in srgb, var(--sh-bg), var(--sh-ground) calc(var(--sh-tint) * 100%)); color: var(--sh-fg); box-shadow: var(--sh-cast); overflow: hidden; transition: --sh-a var(--gdur) var(--ease),--sh-s var(--gdur) var(--ease),
    --sp-s var(--gdur) var(--ease),--sp-w var(--gdur) var(--ease),
    --sp-f var(--gdur) var(--ease),--g-x var(--gdur) var(--ease),
    --g-y var(--gdur) var(--ease),--g-blur var(--gdur) var(--ease),
    --g-spread var(--gdur) var(--ease),--g-tint var(--gdur) var(--ease),
    --g-contact var(--gdur) var(--ease),--sh-l var(--gdur) var(--ease),
    --sh-lm var(--gdur) var(--ease),--rim-c var(--gdur) var(--ease); }
.well::after { content: ""; position: absolute; inset: 0px; border-radius: inherit; pointer-events: none; box-shadow: var(--sh-sd); z-index: 5; }
.well::before { content: ""; position: absolute; inset: 0px; border-radius: inherit; pointer-events: none; background: var(--sh-wash); opacity: 0; z-index: 0; transition: opacity var(--rdur) var(--ease); }
.well .u { position: relative; z-index: 2; box-sizing:border-box; min-height:var(--sh-h); border: 0px; background: transparent; font-family:var(--face); font-variation-settings:"wght" var(--w-disp); font-weight: var(--w-disp); font-size: calc(var(--sh-fs) - 1px); letter-spacing: calc(var(--ls-k) - var(--ls-a) * (var(--sh-fs) - 1px)); color: inherit; line-height: var(--lh-ctl); padding: var(--sh-py) calc(var(--sh-px) * .74); cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 8px; text-decoration:none; transition: background-color var(--rdur) var(--ease),color var(--rdur) var(--ease); }
.well .u:focus-visible { outline:2px solid var(--ink); outline-offset:-4px; border-radius:var(--sh-r); }
.well.segw .u:focus { outline: none; }
.well.segw .u:focus-visible { outline: 2px solid var(--ink); outline-offset: 4px; border-radius: var(--sh-r); }
.well .u:disabled { cursor:default; opacity:.5; }
.well.seam { background-color: var(--track); gap: 1px; padding: 0px; }
.well.seam > .u, .well.seam > .v { background-color: color-mix(in srgb, var(--sh-bg), var(--sh-ground) calc(var(--sh-tint) * 100%)); }
.well.seam > .u:hover { background-color: var(--card-hover); }
.well.seam > .u:active { background-color: var(--card-press); }
.well .u:hover { background-color: var(--sh-wash); }
.well .u:active { background-color: var(--sh-press); }
.segw .u:hover, .segw .u:active { background-color: transparent; }
.segw .u:not(.on):hover { background-color: var(--card-hover); color: var(--seg-fg-on); }
.segw .u:not(.on):active { background-color: var(--card-press); }
.stage[data-thumb="none"] .segw .u:hover { background-color: var(--card-hover); }
.stage[data-thumb="none"] .segw .u.on:hover { background-color: var(--surface); }
.stage[data-thumb="none"] .segw .u:active { background-color: var(--card-press); }
.well .u.narrow { padding-left: 15px; padding-right: 15px; }
.well.segw { isolation: auto; overflow: visible; background: transparent; box-shadow: none; }
.well.segw::before, .well.segw::after, .well.segw > .spec { display: none; }
.segw { display: inline-grid; grid-auto-flow: column; grid-auto-columns: 1fr; min-width: var(--seg-w,260px); padding: 0px; background-color: transparent; }
.segw .u { box-shadow: none; background: transparent; color: var(--seg-fg); border-radius: var(--sh-r); }
.segw .u.on { color: var(--seg-fg-on); }
.stage[data-thumb="solid"] [data-style="ink"], .stage[data-thumb="solid"][data-style="ink"] { --seg-fg-on: var(--ink); }
.segw .th { position: absolute; top: 0; bottom: 0; left: 0; z-index: 1; pointer-events: none; width: calc(100% / var(--n,3)); max-width: none; min-width: 0; height: auto; min-height: 0; padding: 0; border-radius: var(--sh-r); transform: translateX(calc(var(--i,0) * 100%)); transition: transform var(--mdur) var(--ease),box-shadow var(--rdur) var(--ease),background-color var(--rdur) var(--ease),
    --sh-a var(--gdur) var(--ease),--sh-s var(--gdur) var(--ease),
    --sp-s var(--gdur) var(--ease),--sp-w var(--gdur) var(--ease),
    --sp-f var(--gdur) var(--ease),--g-x var(--gdur) var(--ease),
    --g-y var(--gdur) var(--ease),--g-blur var(--gdur) var(--ease),
    --g-spread var(--gdur) var(--ease),--g-tint var(--gdur) var(--ease),
    --g-contact var(--gdur) var(--ease),--sh-l var(--gdur) var(--ease),
    --sh-lm var(--gdur) var(--ease),--rim-c var(--gdur) var(--ease); }
.segw:has(.u.on:hover) .th.sh { --sh-a: var(--sh-a2); --sp-a: var(--sp-a2); --sh-s: var(--sh-s2); --sp-s: var(--sp-s2); --sp-d: var(--sp-d2); --sp-w: var(--sp-w2); --sp-f: var(--sp-f2); --g-x: var(--g-x2); --g-y: var(--g-y2); --g-blur: var(--g-blur2); --g-spread: var(--g-spread2); --g-tint: var(--g-tint2); --g-contact: var(--g-contact2); --sh-l: var(--sh-l2); --sh-lm: var(--sh-lm2); --rim-c: var(--rim-c2); }
.segw:has(.u.on:hover) .th.sh:not([data-style="raise"]) { box-shadow: var(--sh-sd-hi); }
.segw:has(.u.on:hover):not(:has(.u.on:active)) .th.sh::before { opacity: 0; }
.segw:has(.u.on:hover) .th.sh .spec > i { left: var(--sp-x2,50%); top: var(--sp-y2,50%); rotate: var(--sp-t2,0deg); }
.segw:has(.u.on:active) .th.sh:not([data-style="raise"]) { box-shadow: var(--sh-sd-down); }

.segw .th.sh[data-style="raise"]:not(.alt) { transition: transform var(--mdur) var(--ease),--light-az var(--turn-dur) var(--turn-ease),background-color var(--rdur) var(--ease); }
@media (hover: hover) { .segw:has(.u.on:hover) .th.sh[data-style="raise"]:not(.alt) { --light-az: calc(var(--az-rest) + var(--turn-sign) * var(--turn-hover)); } }
.segw:has(.u.on:active) .th.sh[data-style="raise"]:not(.alt) { --light-az: calc(var(--az-rest) + var(--turn-sign) * var(--turn-press)); }
.stage[data-thumb="lit"] .segw .th { background: var(--lit-on); box-shadow: none; backdrop-filter: none; }
.stage[data-thumb="glow"] .segw .th { top: 0px; bottom: 0px; left: 0px; width: calc(100% / var(--n,3)); border-radius: 0px; box-shadow: none; backdrop-filter: none; background: linear-gradient(90deg,transparent,
  var(--lit-on) 24%, var(--lit-on) 76%, transparent); }
.stage[data-thumb="bar"] .segw .th { top: auto; bottom: 0px; height: 2.5px; left: 0px; width: calc(100% / var(--n,3)); border-radius: 0px; background: var(--sh-fg); box-shadow: none; backdrop-filter: none; }
.stage[data-thumb="lit"] .segw .th::after, .stage[data-thumb="glow"] .segw .th::after, .stage[data-thumb="bar"] .segw .th::after,
.stage[data-thumb="lit"] .segw .th > .spec, .stage[data-thumb="glow"] .segw .th > .spec, .stage[data-thumb="bar"] .segw .th > .spec { display: none; }
.stage[data-thumb="none"] .segw { gap: 1px; }
.stage[data-thumb="none"] .segw .th { display: none; }
.stage[data-thumb="none"] .segw .u { background-color: color-mix(in srgb, var(--sh-bg), var(--sh-ground) calc(var(--sh-tint) * 100%)); }
.stage[data-thumb="none"] .segw .u.on { background-color: var(--surface); }
.tg { position: relative; display: inline-block; flex: 0 0 auto; width: 54px; height: 32px; }
.tg input { position: absolute; inset: 0px; width: 100%; height: 100%; opacity: 0; margin: 0px; cursor: pointer; z-index: 3; }
.tg .tr { position: absolute; inset: 0px; border-radius: var(--tk-r); background: var(--track, #E5DFD5); box-shadow: var(--sink); transition: background var(--rdur) var(--ease),box-shadow var(--rdur) var(--ease); }
.tg .kn { position: absolute; top: 3px; left: 3px; width: 26px; height: 26px; border-radius: var(--bd-r); background: var(--surface); box-shadow: var(--bead); z-index: 2; transition: transform var(--mdur) var(--ease),width var(--mdur) var(--ease),
             height var(--mdur) var(--ease),top var(--mdur) var(--ease),
             left var(--mdur) var(--ease),opacity var(--mdur) var(--ease),
             box-shadow var(--rdur) var(--ease); }
.tg input:checked ~ .tr { background: var(--btn); box-shadow: var(--ink-sink); }
.tg input:checked ~ .kn { transform: translateX(22px); }
.tg:hover .kn { box-shadow: var(--bead-hi); }
.tg input:active ~ .kn { box-shadow: var(--bead); }
.tg input:focus-visible ~ .tr { outline: 2px solid var(--ink); outline-offset: 4px; }
.tg .gr, .tg .mk, .tg .wd, .tg .tick { position: absolute; pointer-events: none; }
.tg .gr { z-index: 3; top: 50%; left: 3px; width: 26px; height: 26px; margin-top: -13px; display: grid; place-items: center; transform: translateX(0px); transition: transform var(--mdur) var(--ease); }
.tg input:checked ~ .gr { transform: translateX(22px); }
.tg .gr i { display: block; width: 9px; height: 1.5px; border-radius: 2px; background: rgba(60, 52, 40, 0.2); }
.tg .gr i + i { margin-top: 2.5px; }
.tg .mk { top: 0px; bottom: 0px; display: flex; align-items: center; font-size: 11px; font-weight: var(--w-disp); font-variation-settings: "wght" var(--w-disp); color: var(--ink-3); z-index: 1; transition: opacity .25s var(--ease); }
.tg .mk.a { right: 9px; }
.tg .mk.b { left: 10px; color: rgba(250, 249, 245, 0.72); opacity: 0; }
.tg input:checked ~ .mk.a { opacity: 0; }
.tg input:checked ~ .mk.b { opacity: 1; }
.tg .wd { top: 0px; bottom: 0px; display: flex; align-items: center; font-size: 10.5px; font-weight: var(--w-disp); font-variation-settings: "wght" var(--w-disp); letter-spacing: calc(var(--ls-k) - var(--ls-a) * 10.5px); z-index: 1; transition: opacity .25s var(--ease); }
.tg .wd.a { right: 9px; color: var(--ink-3); }
.tg .wd.b { left: 9px; color: rgba(250, 249, 245, 0.82); opacity: 0; }
.tg input:checked ~ .wd.a { opacity: 0; }
.tg input:checked ~ .wd.b { opacity: 1; }
.stage[data-bead="grooved"] .tg .gr, .stage[data-bead="knurled"] .tg .gr { display: grid; }
.stage[data-bead="grooved"] .tg .gr i:nth-child(n+2) { display: none; }
.stage:not([data-bead="grooved"]):not([data-bead="knurled"]) .tg .gr { display: none; }
.stage:not([data-bead="marks"]) .tg .mk { display: none; }
.stage:not([data-bead="words"]) .tg .wd { display: none; }
.stage[data-bead="words"] .tg { width: 74px; }
.stage[data-bead="words"] .tg input:checked ~ .kn { transform: translateX(42px); }
.stage[data-bead="marks"] .tg { width: 58px; }
.stage[data-bead="marks"] .tg input:checked ~ .kn { transform: translateX(26px); }
.stage[data-bead="growing"] .tg .kn { top: 9px; left: 9px; width: 14px; height: 14px; }
.stage[data-bead="growing"] .tg input:checked ~ .kn { top: 3px; left: 3px; width: 26px; height: 26px; }
.stage[data-bead="vanishing"] .tg input:checked ~ .kn { opacity: 0; }
.stage[data-bead="overhang"] .tg { width: 60px; height: 30px; }
.stage[data-bead="overhang"] .tg .tr { inset: 7px 2px; }
.stage[data-bead="overhang"] .tg .kn { top: 0px; left: 0px; width: 30px; height: 30px; }
.stage[data-bead="overhang"] .tg input:checked ~ .kn { transform: translateX(30px); }
.cbx { position: relative; display: inline-block; width: 26px; height: 26px; flex: 0 0 auto; }
.cbx input { position: absolute; inset: 0px; width: 100%; height: 100%; opacity: 0; margin: 0px; cursor: pointer; z-index: 3; }
.cbx .bx { position: absolute; inset: 0px; border-radius: var(--cb-r); background: var(--track, #E5DFD5); box-shadow: var(--sink); transition: background var(--rdur) var(--ease),box-shadow var(--rdur) var(--ease); }
.cbx input:checked ~ .bx { background: var(--btn); box-shadow: var(--ink-sink); }
.cbx .tick { position: absolute; inset: 0px; z-index: 2; pointer-events: none; fill: none; stroke: var(--on-ink); stroke-width: 2.1; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 22; stroke-dashoffset: 22; transition: stroke-dashoffset var(--mdur) var(--ease); }
.cbx input:checked ~ .tick { stroke-dashoffset: 0; }
.cbx input:focus-visible ~ .bx { outline: 2px solid var(--ink); outline-offset: 4px; }
.stepw .v { display: grid; --ctl-ls: calc(var(--ls-k) - var(--ls-a) * var(--sh-fs)); place-items: center; min-width: 60px; font-size: var(--sh-fs); font-weight: var(--w-disp); font-variation-settings: "wght" var(--w-disp); letter-spacing: var(--ctl-ls); font-variant-numeric: tabular-nums; }
.stepw .u { min-width: calc(var(--sh-h) * .92); }
.fieldw { box-sizing:border-box; width: 100%; max-width: 420px; align-items: center; padding: 0 calc(var(--sh-px) * .64); gap: 10px; box-shadow:none; }
.fieldw svg { flex: 0 0 auto; color: var(--meta-fg); z-index: 2; }
.fieldw :is(input,textarea) { position:relative; --ctl-ls: calc(var(--ls-k) - var(--ls-a) * var(--sh-fs)); box-sizing:border-box; flex: 1 1 0%; width:100%; min-width: 0px; border: 0px; border-radius:0; background: transparent; box-shadow:none; font-family:var(--face); font-size:var(--sh-fs); font-weight:var(--w-lbl); font-variation-settings:"wght" var(--w-lbl); line-height:var(--lh-body); letter-spacing:var(--ctl-ls); color:var(--sh-fg); padding:var(--sh-py) 0; z-index:2; }
.fieldw textarea { resize:vertical; }
.fieldw[data-input="code"] input { font-family:var(--type-code-face); letter-spacing:.08em; }
.fieldw:has(textarea) { align-items:stretch; }
.fieldw :is(input,textarea)::placeholder { color: var(--meta-fg); opacity: 1; transition: opacity var(--rdur) var(--ease); }
.fieldw :is(input,textarea):focus::placeholder,
.fieldw:focus-within :is(input,textarea)::placeholder { opacity: 0; }
.fieldw :is(input,textarea)::selection { color:var(--ink); background:rgba(60,52,40,.16); }
.fieldw input:-webkit-autofill { -webkit-text-fill-color:var(--ink); caret-color:var(--ink); -webkit-box-shadow:0 0 0 1000px var(--page) inset; transition:background-color 9999s ease-out 0s; }
.fieldw :is(input,textarea):focus { outline: none; }
.fieldw:has(:disabled) { opacity:.5; }
.fieldw:focus-within::before { opacity: 1; }
.fieldw:focus-within::after { box-shadow: var(--sh-sd-hi); }
.m-icon { width:1em; height:1em; stroke:currentColor; fill:none; vertical-align:-0.125em; flex:0 0 auto; }
.m-icon[data-size="16"] { font-size:16px; }
.m-icon[data-size="20"] { font-size:20px; }
.m-icon[data-size="24"] { font-size:24px; }
.rowsw .cv { display:inline-flex; align-items:center; justify-content:center; flex:0 0 16px; width:16px; color:var(--ink-3); font:600 16px/1 var(--face); font-variation-settings:"wght" 600; }
@media (any-pointer:coarse), (max-width:640px) {
  .well .u { min-height:44px; min-width:44px; }
  .fieldw input { min-height:44px; }
}
.rowsw { display: block; width: 100%; max-width: 420px; margin:0; padding:calc(var(--radius) - var(--btn-radius)); list-style:none; }
.rowsw .rw { display: flex; flex-wrap: wrap; box-sizing:border-box; width:100%; min-width:0; justify-content: space-between; align-items: center; gap: 14px; background:transparent; font:inherit; font-family:var(--face); font-size: calc(var(--sh-fs,var(--fs-body)) - 1px); font-weight:var(--w-disp); font-variation-settings:"wght" var(--w-disp); letter-spacing:calc(var(--ls-k) - var(--ls-a) * (var(--sh-fs,var(--fs-body)) - 1px)); padding:12px calc(var(--sh-px) * .74); position:relative; border-radius:var(--btn-radius); }
.rowsw .rw > :has(b) { flex: 1 1 12rem; min-width: 0; }
.rowsw .rw b,.rowsw .rw small { display: block; overflow-wrap: anywhere; }
.rowsw .rw b { font:var(--type-row-title-weight) var(--type-row-title-size)/var(--type-row-title-line) var(--face); font-variation-settings:"wght" var(--type-row-title-weight); letter-spacing:var(--type-row-title-spacing); }
.rowsw .rw small { margin-top: 3px; color: var(--ink-2); font:var(--type-metadata-weight) var(--type-metadata-size)/var(--type-metadata-line) var(--face); font-variation-settings:"wght" var(--type-metadata-weight); letter-spacing:var(--type-metadata-spacing); }
.rowsw .m { font-size:var(--fs-cap); color:var(--ink-2); letter-spacing:var(--cap-ls); font-variant-numeric:tabular-nums; }
.rowsw .rw:is([aria-current="true"],[aria-current="page"],[aria-selected="true"]) { background:var(--card-hover); }
.m-divider { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:center; gap:12px; width:100%; margin:4px 0; text-align:center; color:var(--ink-3); font:var(--type-label-weight) var(--type-label-size)/var(--type-label-line) var(--face); font-variation-settings:"wght" var(--type-label-weight); letter-spacing:var(--type-label-spacing); }
.m-divider::before,.m-divider::after { content:""; height:1px; background:rgba(60,52,40,.1); }
.m-rule-status { display:flex; align-items:center; gap:8px; color:var(--ink-3); font:var(--type-metadata-weight) var(--type-metadata-size)/var(--type-metadata-line) var(--face); font-variation-settings:"wght" var(--type-metadata-weight); letter-spacing:var(--type-metadata-spacing); }
.m-rule-mark { display:inline-flex; width:16px; height:16px; flex:0 0 16px; align-items:center; justify-content:center; box-sizing:border-box; border:1px solid rgba(60,52,40,.22); border-radius:50%; font-size:11px; line-height:1; }
.m-rule-status[data-state="met"] { color:var(--ink-2); }
.m-rule-status[data-state="met"] .m-rule-mark { color:var(--on-ink); background:var(--btn); border-color:var(--btn); }
.m-rule-status[data-state="met"] .m-rule-mark::before { content:"✓"; }
:is(.cbx,.tg):has(:disabled) { opacity:.5; }
:is(.cbx,.tg) input:disabled { cursor:default; }
.m-reveal { display:grid; grid-template-rows:0fr; opacity:0; visibility:hidden; transition:grid-template-rows var(--rdur) var(--ease),opacity var(--rdur) var(--ease),visibility var(--rdur); }
.m-reveal[data-open="true"] { grid-template-rows:1fr; opacity:1; visibility:visible; }
.m-reveal > div { min-height:0; overflow:hidden; }
.m-panel-frame { position:relative; transition:height var(--rdur) var(--ease); }
@media (prefers-reduced-motion:no-preference) {
  .m-enter { animation:m-panel-enter var(--rdur) var(--ease) both; }
}
@keyframes m-panel-fade { from { opacity:0; } to { opacity:1; } }
@keyframes m-panel-enter { from { opacity:0; transform:translateY(3px); } to { opacity:1; transform:translateY(0); } }
.m-skeleton { display:block; background:var(--ground-1); border-radius:var(--btn-radius); }
.m-pulse { width:9px; height:9px; flex:0 0 9px; border-radius:50%; background:var(--ink-3); box-shadow:0 0 0 0 color-mix(in srgb,var(--ink-3) 28%,transparent); }
@media (prefers-reduced-motion:no-preference) { .m-pulse { animation:m-pulse 1.8s ease-out infinite; } }
@keyframes m-pulse { 70% { box-shadow:0 0 0 7px transparent; } 100% { box-shadow:0 0 0 0 transparent; } }
.lnk:focus-visible { outline:2px solid var(--ink); outline-offset:4px; border-radius:var(--btn-radius); }
.m-status:focus-visible { outline:2px solid var(--ink); outline-offset:4px; border-radius:var(--btn-radius); }
.m-message-user { padding:11px 14px; border-radius:15px 15px 3px 15px; background:var(--ink); color:var(--page); overflow-wrap:anywhere; font:var(--type-body-weight) var(--type-body-size)/var(--type-body-line) var(--face); font-variation-settings:"wght" var(--type-body-weight); letter-spacing:var(--type-body-spacing); }
.stat { display: block; min-width: 150px; border-radius: var(--radius); padding: 14px 16px 13px; background:var(--surface); box-shadow:none; }
.stat .sn { margin: 0px; font-size: calc(var(--fs-h2) * .9); font-weight: var(--w-disp); font-variation-settings: 'wght' var(--w-disp); letter-spacing: calc(var(--ls-k) - var(--ls-a) * var(--fs-h2) * .9); color: var(--ink); line-height: calc(var(--fs-h2) * .9 + 4.6px); }
.stat .sl { margin: 4px 0px 0px; font-size: var(--fs-cap); color: var(--ink-2); letter-spacing: var(--body-ls); line-height: var(--lh-ui); }
.stat .sd { margin: 8px 0px 0px; font-size: calc(var(--fs-cap) - .5px); color: var(--ink-2); font-variant-numeric: tabular-nums; }
.stat .sd b { font-weight: var(--w-disp); font-variation-settings: "wght" var(--w-disp); color: var(--ink); }
.spark { display: block; width: 100%; max-width: 420px; border-radius: var(--radius); padding: 14px 16px 13px; background:var(--surface); box-shadow:none; }
.spark .sph { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
.spark .sl { font-size: var(--fs-cap); color: var(--ink-2); letter-spacing: var(--body-ls); }
.spark .sv { font-size: calc(var(--fs-lede) * .96); font-weight: var(--w-disp); font-variation-settings: 'wght' var(--w-disp); letter-spacing: var(--sec-ls); color: var(--ink); font-variant-numeric: tabular-nums; }
.spark svg { display: block; width: 100%; height: 44px; margin-top: 10px; }
.spark .ar { fill: color-mix(in srgb, transparent, var(--ink) 7%); }
.spark .ln3 { fill: none; stroke: var(--ink-2); stroke-width: 1.75; vector-effect: non-scaling-stroke; stroke-linecap: round; stroke-linejoin: round; }
.spark .dot2 { fill: var(--ink); }
.logw { display: block; width: 100%; padding: 5px 0px; border-radius:var(--radius); background:var(--surface); box-shadow:none; }
.logw .lr { display: grid; grid-template-columns: auto 1fr auto auto; gap: 16px; align-items: baseline; padding: 10px calc(var(--sh-px) * .74); }
.logw .lr + .lr { box-shadow: var(--div-h); }
.logw .lt, .logw .lc, .logw .lms { font-family: var(--type-code-face); font-size: 11.5px; letter-spacing: var(--code-ls); color: var(--ink-2); font-variant-numeric: tabular-nums; }
.logw .ln2 { font-size: calc(var(--sh-fs) - 1.5px); font-weight: var(--w-disp); font-variation-settings: "wght" var(--w-disp); letter-spacing: calc(var(--ls-k) - var(--ls-a) * (var(--sh-fs) - 1.5px)); color: var(--ink); min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.logw .lms { text-align: right; }
.logw .lr.err .lc { color: var(--ink); font-weight: var(--w-disp); font-variation-settings: "wght" var(--w-disp); }
.tbl { display: block; width: 100%; padding: 5px 0px; border-radius:var(--radius); background:var(--surface); box-shadow:none; }
.tbl .tr2 { display: grid; grid-template-columns: 1.5fr 1fr auto; gap: 16px; align-items: baseline; padding: 10px calc(var(--sh-px) * .74); }
.tbl .tr2 + .tr2 { box-shadow: var(--div-h); }
.tbl .th2 .tc { font-size: var(--fs-cap); font-weight: var(--w-lbl); font-variation-settings: "wght" var(--w-lbl); letter-spacing: var(--cap-ls); color: var(--ink-2); }
.tbl .tc { font-size: calc(var(--sh-fs) - 1.5px); color: var(--ink-2); min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tbl .tc:first-child { font-weight: var(--w-disp); font-variation-settings: "wght" var(--w-disp); color: var(--ink); letter-spacing: calc(var(--ls-k) - var(--ls-a) * (var(--sh-fs) - 1.5px)); }
.tbl .tc.num { font-family: var(--type-code-face); font-size: 11.5px; letter-spacing: var(--code-ls); font-variant-numeric: tabular-nums; text-align: right; }
.keyw { padding: 12px 16px; max-width: 420px; }
.keyw code { font-family: var(--type-code-face); font-size: var(--fs-cap); color: var(--ink-2); letter-spacing: var(--code-ls); }
.apprv { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; width: 100%; border-radius:var(--radius); padding: 12px 14px 12px calc(var(--sh-px) * .74); background:var(--surface); box-shadow:none; }
.apprv .at { flex: 1 1 210px; min-width: 0px; }
.apprv .at b { display: block; font-size: calc(var(--sh-fs) - 1px); font-weight: var(--w-disp); font-variation-settings: "wght" var(--w-disp); letter-spacing: calc(var(--ls-k) - var(--ls-a) * (var(--sh-fs) - 1px)); color: var(--ink); }
.apprv .at span { display: block; margin-top: 2px; font-size: var(--fs-cap); letter-spacing: var(--body-ls); color: var(--ink-2); }
.apprv .ab { display: flex; gap: 8px; flex: 0 0 auto; }
.lnk { font-family:var(--face); --ctl-ls: calc(var(--ls-k) - var(--ls-a) * var(--sh-fs)); font-weight:var(--w-lbl); font-variation-settings:"wght" var(--w-lbl); font-size:var(--sh-fs); letter-spacing:var(--ctl-ls); color:var(--ink); text-decoration:none; cursor:pointer; display:inline-flex; align-items:center; gap:7px; background:none; border:0; padding:6px 2px; }
.lnk .cv { color: var(--ink-3); transition: transform var(--rdur) var(--ease); }
.lnk:hover .cv { transform: translateX(3px); }
.prog { width: 100%; max-width: 420px; height: 10px; border-radius: var(--tk-r); background: var(--tk-bg); box-shadow: var(--tk-sd); position: relative; overflow: hidden; }
.prog i { position: absolute; inset: 0px 38% 0px 0px; border-radius: var(--tk-r); background: var(--prog-fill); box-shadow: var(--prog-sd); }
.spin { width:15px; height:15px; border:0; border-radius:50%; flex:0 0 auto; background:conic-gradient(transparent 0deg,currentcolor 300deg); mask:radial-gradient(circle,transparent 4.4px,rgb(0,0,0) 5.2px); animation:1s linear 0s infinite normal none running sp; opacity:.85; }
@keyframes sp { 
  100% { transform: rotate(360deg); }
}
.mid.lede, .mid.body { margin-left: auto; margin-right: auto; }

.lockup.nav-mark{display:inline-flex;align-items:center;gap:5px;font-size:calc(18px * var(--mark-size,1));--mark-mono:.86;color:inherit;text-decoration:none}
.lockup.nav-mark .mw-logo{margin-bottom:0;flex:0 0 auto}
.lockup.nav-mark .wm{line-height:1}
.markslot { display: flex; }
.well[data-style="sink"]:not(.fieldw):focus-within { box-shadow: var(--sink-deep); }
.stat, .spark, .badge, .tbl { font-variant-numeric: tabular-nums; }
.console .spark.cwide { max-width: none; }

.stage .spec > i{width:calc(var(--sp-size, 60px) * var(--sp-w));height:calc(var(--sp-size, 60px) * var(--sp-w));background:radial-gradient(50% 31% at 50% 50%, rgba(255,255,255,calc(var(--sp-s) * var(--glass))), rgba(255,255,255,0) var(--sp-f))}
.stage .sh,.stage .well{background-image:linear-gradient(calc(var(--sh-a) + 180deg), rgba(255,255,255,calc(var(--sh-s) * var(--glass))) 0%, rgba(255,255,255,calc(var(--sh-s) * 0.19 * var(--glass))) var(--sh-lm), rgba(255,255,255,0) var(--sh-l))}

:root{--ptop-h: 140px; --surface: #EDE8E0; --raise: inset 0 2px 0 rgba(255,255,255,0), inset 2px 0 0 rgba(255,255,255,0), inset -2px 0 0 rgba(60,52,40,0), inset 0 -2px 0 rgba(60,52,40,0), 0 0 0 .5px rgba(60,52,40,0.034), 1px 1px 2px rgba(60,52,40,0), 1.65px 5px 14px -19.5px rgba(60,52,40,0); --raise-hi: inset 0 2px 0 rgba(255,255,255,0), inset 2px 0 0 rgba(255,255,255,0), inset -2px 0 0 rgba(60,52,40,0), inset 0 -2px 0 rgba(60,52,40,0), 0 0 0 .5px rgba(60,52,40,0.045), 0 2px 4px rgba(60,52,40,0), 2.97px 9px 25.2px -35.1px rgba(60,52,40,0); --sink: inset 0 1px 2px -0.5px rgba(60,52,40,0.12), inset 1px 0 2px -1.5px rgba(60,52,40,0.105), inset -2px 0 0 rgba(255,255,255,0), inset 0 -2px 0 rgba(255,255,255,0); --sink-deep: inset 0 1px 2px -0.5px rgba(60,52,40,0.176), inset 1px 0 2px -1.5px rgba(60,52,40,0.154), inset -2px 0 0 rgba(255,255,255,0), inset 0 -2px 0 rgba(255,255,255,0); --sink-lit: inset 0 1px 2px -0.5px rgba(60,52,40,0.068), inset 1px 0 2px -1.5px rgba(60,52,40,0.06), inset -2px 0 0 rgba(255,255,255,0), inset 0 -2px 0 rgba(255,255,255,0); --sink-lit-2: inset 0 1px 2px -0.5px rgba(60,52,40,0.028), inset 1px 0 2px -1.5px rgba(60,52,40,0.024), inset -2px 0 0 rgba(255,255,255,0), inset 0 -2px 0 rgba(255,255,255,0); --well-sink: inset 0 2.6px 5.2px -1.3px rgba(60,52,40,0.226), inset 2.6px 0 5.2px -3.9px rgba(60,52,40,0.197), inset -2px 0 0 rgba(255,255,255,0), inset 0 -2px 0 rgba(255,255,255,0); --well-sink-lit: inset 0 2.6px 5.2px -1.3px rgba(60,52,40,0.127), inset 2.6px 0 5.2px -3.9px rgba(60,52,40,0.113), inset -2px 0 0 rgba(255,255,255,0), inset 0 -2px 0 rgba(255,255,255,0); --well-sink-lit2: inset 0 2.6px 5.2px -1.3px rgba(60,52,40,0.054), inset 2.6px 0 5.2px -3.9px rgba(60,52,40,0.045), inset -2px 0 0 rgba(255,255,255,0), inset 0 -2px 0 rgba(255,255,255,0); --ink-raise: inset 0 2px 0 rgba(255,255,255,0), inset 2px 0 0 rgba(255,255,255,0), inset -2px 0 0 rgba(0,0,0,.3), inset 0 -2px 0 rgba(0,0,0,.34), 1px 1px 2px rgba(60,52,40,0), 1.65px 5px 14px -19.5px rgba(60,52,40,0); --ink-sink: inset 0 1px 2.5px -1px rgba(0,0,0,.42), inset 1px 0 2.5px -1.5px rgba(0,0,0,.34), inset 0 -2px 0 rgba(255,255,255,.14); --card-cast: none; --radius: 19px; --div-v: inset 1px 0 0 rgba(60,52,40,0.050), inset 2px 0 0 -1px rgba(255,255,255,0.468); --div-h: inset 0 1px 0 rgba(60,52,40,0.044), inset 0 2px 0 -1px rgba(255,255,255,0.506); --div-h-b: inset 0 -1px 0 rgba(60,52,40,0.044), inset 0 -2px 0 -1px rgba(255,255,255,0.506); --ground-0: #F2EDE6; --track-0: #EBE5DC; --track-1: #EBE5DC; --track-2: #E8E2D9; --track-3: #DDD5C9; --ground-1: #EEE9E2; --ground-2: #EAE4DB; --ground-3: #E3DCD2; --btn-radius: 13px; --lit: rgba(255,255,255,0.198); --lit-on: rgba(255,255,255,0.30); --lit-press: rgba(255,255,255,0.402); --sh-a: 195deg; --sp-a: 50deg; --sh-s: 0.380; --sp-s: 0.420; --sp-d: 100%; --sp-w: 1.000; --sp-f: 75%; --sh-a2: 330deg; --sp-a2: 340deg; --sh-s2: 0.300; --sp-s2: 0.560; --sp-d2: 100%; --sp-w2: 0.800; --sp-f2: 100%; --gdur: 160ms; --rdur: 600ms; --mdur: 810ms; --rim-w: 1.00px; --rim-c: rgba(255,255,255,0.160); --rim-c2: rgba(255,255,255,0.220); --sh-l: 65%; --sh-lm: 39%; --sh-l2: 65%; --sh-lm2: 39%; --g-x: -4.83px; --g-y: 4.05px; --g-x2: 4.31px; --g-y2: 11.84px; --g-blur: 16.6px; --g-spread: -6.1px; --g-blur2: 12.4px; --g-spread2: -10.4px; --g-tint: rgba(60,52,40,0.225); --g-contact: rgba(60,52,40,0.038); --g-tint2: rgba(60,52,40,0.112); --g-contact2: rgba(60,52,40,0.019); --cast-recipe: 0 1px 1.5px rgba(60,52,40,0.04), -4.83px 4.05px 16.6px -6.1px rgba(60,52,40,0.22); --mark-wght: 200; --mark-ls: 0.02em; --face: 'Geist',ui-sans-serif,system-ui,sans-serif; --fs-cap: 12.88px; --fs-body: 15.45px; --fs-lede: 17.88px; --fs-h2: 24.37px; --fs-hero: 38.44px; --fs-h2-fluid: clamp(calc(var(--fs-h2) * .78), 2.6vw, var(--fs-h2)); --fs-hero-fluid: clamp(calc(var(--fs-hero) * .62), 4.6vw, var(--fs-hero)); --w-body: 400; --w-lbl: 500; --w-disp: 600; --ls-k: 0.62px; --ls-a: 0.058; --body-ls: 0em; --cap-ls: calc(var(--ls-k) - var(--ls-a) * var(--fs-cap)); --title-ls: calc(var(--ls-k) - var(--ls-a) * var(--fs-body)); --sec-ls: calc(var(--ls-k) - var(--ls-a) * var(--fs-lede)); --h2-ls: calc(var(--ls-k) - var(--ls-a) * var(--fs-h2-fluid)); --disp-ls: calc(var(--ls-k) - var(--ls-a) * var(--fs-hero-fluid)); --code-ls: 0.02em; --caps-ls: 0.06em; --lh-cap: 1.605; --lh-body: 1.579; --lh-lede: 1.562; --lh-title: 1.298; --lh-sec: 1.257; --lh-ui: 1.35; --lh-ctl: 1; --lh-h2: calc(var(--fs-h2-fluid) + 4.6px); --lh-disp: calc(var(--fs-hero-fluid) + 4.6px); --mark-size: 1.00; --mark-mono: 0.72; --card-0: #F8F5F0; --card-0b: #F5F1EB; --card-1: #F2EDE6; --card-2: #EDE8E0; --card-3: #E7E1D8; --track-4: #CEC3B3;}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition:none !important;animation-duration:.01ms !important}
}