:root { --cameo: #7f868e; --cable: #dfe3e6; --keyed_router: #eceeef; --wide: #f4f6f7; --maximal: #5b7592; --fanned_axis: #2e3d4f; --plotted_dropdown: #1c2024; color-scheme: light }
:root { --frosted_row: ease-out; --splash: var(--plotted_dropdown); --etching: 1px; --traced_clamp: 1; --honed_dropdown: transparent; --crest: 2rem; --clamp: .6875rem; --toured_dropdown: transparent; --piped: -0.015em; --plain: 0px; --handheld_bolt: 450ms; --stocked_package: 9999px; --instant: .25rem; --passive: clamp(4.25rem,8.5vw,6.625rem); --quilted: 91.375rem; --inlay: none; --regular_girder: none; --grafted: var(--cameo); --cubic: ease-out; --cradle: none; --tiled_tunnel: 1; --lacquered: var(--fanned_axis); --reduced: var(--cable); --rule: 1.11; --focal_diagram: 120ms; --inked_dashboard: var(--keyed_router); --uniform_cabinet: none; --semi: .875rem; --assembled: .4; --segmented: 70ms; --keyed_template: none; --refined_slot: var(--cable); --root_bus: solid; --chart: clamp(1rem,3vw,2rem); --traced_fastener: transparent; --cipher: var(--plotted_dropdown); --hoisted: var(--keyed_router); --displayed: 61ch; --simple: 0; --root_flute: 0 2px 6px color-mix(in srgb,var(--plotted_dropdown) 16%,transparent); --curbed: 400; --scaled: color-mix(in srgb,var(--plotted_dropdown) 7%,transparent); --page: var(--keyed_router); --cyber: var(--keyed_router); --scalar_clipboard: color-mix(in srgb,var(--cameo) 20%,var(--keyed_router)); --machined_louver: var(--keyed_router); --encoded_girder: 1.6; --scroller: 0; --handheld_hanger: 600; --avatar: saturate(1.15); --runtime_row: 1px; --mirrored: var(--plotted_dropdown); --tiled: var(--runtime_row); --masked_grate: var(--fanned_axis); --federated: var(--cable); --mobile_hanger: var(--keyed_router); --narrow: var(--keyed_router); --computed: .25rem; --uniform_fascia: var(--plotted_dropdown); --onboard: inset 0 1px 1px color-mix(in srgb,var(--plotted_dropdown) 10%,transparent); --paper: .125rem; --branched_sheet: 1.0625rem; --parallel: var(--cameo); --evented: 700; --partial: var(--plotted_dropdown); --scrim: 0 0 0 3px var(--fanned_axis); --braid: .25rem; --covered_compass: var(--plotted_dropdown); --bridged_clamp: var(--fanned_axis); --crafted_inspector: none; --armature: .375rem; --charted: none; --focal_digest: linear-gradient(transparent,var(--plotted_dropdown)); --sequence: 0 8px 24px color-mix(in srgb,var(--plotted_dropdown) 22%,transparent); --cord: var(--keyed_router); --standard: 0 12px 28px color-mix(in srgb,var(--plotted_dropdown) 36%,transparent); --nominal: 0 0 0 3px var(--fanned_axis); --utility_flyout: color-mix(in srgb,var(--plotted_dropdown) 56%,transparent); --anchored_axis: var(--wide); --digest: none; --chamber: var(--fanned_axis); --vectored: var(--fanned_axis); --upholstered: color-mix(in srgb,var(--plotted_dropdown) 55%,transparent) }
@media(max-width:640px) {:root { --passive: calc((clamp(4.25rem,8.5vw,6.625rem)) * .7); --clamp: calc((.6875rem) * .85); --branched_sheet: calc((1.0625rem) * .85) }}
:root { --layered_panel: #5b7592; --static_bolt: #ffffff }
:root { --signed_inspector: 'Inter',Arial,sans-serif; --footing: 'Inter',Arial,sans-serif }
:root { --branched_session: 400; --seated: 'Space Mono',ui-monospace,Menlo,monospace; --interlaced: -0.02em }
*,*::after,*::before { box-sizing: border-box }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; --card: min(var(--quilted),100rem); --curated_facet: min(var(--card),48rem) }
body { margin: 0; background: var(--cyber); color: var(--plotted_dropdown); font: 16px/var(--encoded_girder,1.6) var(--signed_inspector,Arial,Helvetica,sans-serif); font-weight: var(--curbed); overflow-wrap: break-word }
a[href^="mailto:"],code,a[href^="tel:"] { overflow-wrap: anywhere }
a { color: inherit }
button { font: inherit }
figure { margin: 0 }
img,svg { max-width: 100%; height: auto }
textarea,input:not([type="checkbox"]):not([type="radio"]) { appearance: none; -webkit-appearance: none }
h3,h1,h5,h6,h4,h2 { font-weight: var(--evented); font-family: var(--footing,inherit); letter-spacing: var(--piped); overflow-wrap: normal }
.blended { margin-inline: auto; width: min(var(--card),calc(100% - var(--chart))) }
:is(.machined_vector,.inked_silo)>.blended { width: min(var(--curated_facet),calc(100% - var(--chart))) }
:is(.machined_vector,.inked_silo)>.blended :is(.lexical,p) { max-width: none }
.crate { scroll-margin-top: var(--bounded_repeater); padding: calc(var(--passive) + var(--deck,0rem)) 0 }
header.crate,footer.crate { padding: 0 }
.animated_drum { padding-block: 0; min-height: calc(100vh - var(--bounded_repeater)); min-height: calc(100svh - var(--bounded_repeater)); display: flex; flex-direction: column; --encoded_slot: calc(100vh - var(--bounded_repeater)) }
.animated_drum>* { display: flex; flex-direction: column; justify-content: center; flex: 1 0 auto }
.logo { padding: calc(var(--passive) + var(--laced_scaffold,0rem)) 0; background: var(--inked_dashboard); backdrop-filter: var(--crafted_inspector); -webkit-backdrop-filter: var(--crafted_inspector) }
.crate>.logo { margin-block: calc(-1 * (var(--passive) + var(--deck,0rem))) }
.crate>:is(.immutable,.covered_vector) { margin-block: calc(-1 * (var(--passive) + var(--deck,0rem))) }
header.crate+.crate:not(.animated_drum) { --targeted_grate: .55; padding-top: calc((var(--passive) + var(--deck,0rem)) * var(--targeted_grate)) }
header.crate+.crate:not(.animated_drum)>:is(.logo,.immutable,.covered_vector) { margin-top: calc(-1 * (var(--passive) + var(--deck,0rem)) * var(--targeted_grate)) }
header.crate+.crate:not(.animated_drum)>:is(.logo,.covered_vector) { padding-top: calc((var(--passive) + var(--laced_scaffold,0rem)) * var(--targeted_grate)) }
.elastic_dropdown { text-decoration: none; font-size: 1.25rem; font-weight: var(--branched_session,600); letter-spacing: var(--interlaced,-0.02em); font-family: var(--seated,inherit) }
.master { font-weight: 700; color: var(--plotted_dropdown); font-size: .875rem; text-transform: var(--inlay); margin-bottom: 1rem; letter-spacing: .12em; box-shadow: inset 0 -0.125rem 0 var(--maximal) }
.granular_tunnel { line-height: var(--encoded_girder); font-size: 1.25rem; opacity: .8; margin-bottom: 2rem; max-width: var(--displayed) }
.static_dropdown { letter-spacing: var(--piped); font-weight: var(--evented) }
.certified_handle { max-width: var(--displayed) }
address { font-style: normal }
em,i,b { font-weight: inherit; font-style: inherit }
.engraved_ledger { display: inline-flex; align-items: center; justify-content: center; min-height: var(--crest); padding-block: .5rem; padding-inline: var(--semi); border: var(--tiled) var(--root_bus) var(--chamber); border-radius: var(--instant); background: var(--honed_dropdown); color: var(--vectored); text-decoration: none; font-weight: var(--handheld_hanger); cursor: pointer; text-transform: var(--digest); letter-spacing: var(--simple); box-shadow: var(--uniform_cabinet); backdrop-filter: var(--crafted_inspector); -webkit-backdrop-filter: var(--crafted_inspector); transition: background var(--focal_diagram) var(--frosted_row),color var(--focal_diagram) var(--frosted_row),border-color var(--focal_diagram) var(--frosted_row),box-shadow var(--focal_diagram) var(--frosted_row),opacity var(--focal_diagram) var(--frosted_row),transform var(--focal_diagram) var(--frosted_row) }
.engraved_ledger:hover { transform: var(--cradle); box-shadow: var(--regular_girder); background: var(--lacquered); opacity: var(--traced_clamp); color: var(--anchored_axis) }
.engraved_ledger:active { transform: var(--keyed_template); box-shadow: var(--onboard) }
.joint { border-color: var(--parallel); box-shadow: none; background: var(--cord); color: var(--covered_compass) }
.joint:hover { background: color-mix(in srgb,var(--fanned_axis) 10%,var(--cord)); box-shadow: none; color: var(--covered_compass) }
.desktop_cabinet { min-height: calc(var(--crest) - .25rem); font-size: .875rem; padding-block: calc(var(--crest) / 8); padding-inline: calc(var(--semi) - .125rem) }
textarea,input { width: 100%; backdrop-filter: var(--crafted_inspector); -webkit-backdrop-filter: var(--crafted_inspector); min-height: var(--crest); padding: .75rem var(--semi); border: var(--runtime_row) var(--root_bus) var(--utility_flyout); border-radius: var(--braid); background: var(--scaled); color: var(--cipher); font: inherit; transition: border-color var(--focal_diagram) var(--frosted_row),box-shadow var(--focal_diagram) var(--frosted_row),opacity var(--focal_diagram) var(--frosted_row) }
textarea { resize: vertical; line-height: var(--encoded_girder); min-height: 9rem }
textarea:hover,input:hover { border-color: var(--mirrored) }
input:not([type="checkbox"]):not([type="radio"]):focus,textarea:focus { border-color: var(--fanned_axis); box-shadow: var(--nominal) }
input:user-invalid,textarea:user-invalid { border-color: var(--masked_grate) }
input[type="radio"],input[type="checkbox"] { appearance: none; -webkit-appearance: none; display: inline-grid; place-content: center; width: auto; min-height: 0; inline-size: 1.125rem; block-size: 1.125rem; padding: 0; border: var(--runtime_row) var(--root_bus) var(--mirrored); background: var(--scaled); cursor: pointer; transition: background var(--focal_diagram) var(--frosted_row),border-color var(--focal_diagram) var(--frosted_row) }
input[type="checkbox"] { border-radius: .25rem }
input[type="radio"] { border-radius: 50% }
input[type="radio"]::before,input[type="checkbox"]::before { block-size: .625rem; inline-size: .625rem; transition: transform var(--focal_diagram) var(--frosted_row); transform: scale(0); background: var(--wide); content: "" }
input[type="checkbox"]::before { clip-path: polygon(14% 44%,1% 59%,40% 98%,100% 16%,82% 2%,40% 66%) }
input[type="radio"]::before { inline-size: .5rem; block-size: .5rem; border-radius: 50% }
input[type="radio"]:hover,input[type="checkbox"]:hover { border-color: var(--fanned_axis) }
input[type="radio"]:checked,input[type="checkbox"]:checked { border-color: var(--fanned_axis); background: var(--fanned_axis) }
input[type="checkbox"]:checked::before,input[type="radio"]:checked::before { transform: scale(1) }
input[type="radio"]:focus-visible,input[type="checkbox"]:focus-visible { outline: 2px solid var(--fanned_axis); box-shadow: none; outline-offset: 2px }
input[type="month"],input[type="time"],input[type="week"],input[type="date"],input[type="datetime-local"] { block-size: calc(var(--encoded_girder,1.6) * 1em + 1.5rem + 2 * var(--runtime_row)); padding-block: 0 }
::placeholder { opacity: 1; color: var(--upholstered) }
.plotted_cornice,details { padding: var(--branched_sheet); background: var(--reduced); border: var(--etching) var(--root_bus) var(--parallel); border-radius: var(--scroller); box-shadow: var(--charted); backdrop-filter: var(--crafted_inspector); -webkit-backdrop-filter: var(--crafted_inspector) }
.joint_scaffold { display: grid; gap: var(--clamp); grid-template-columns: repeat(3,1fr) }
.studded { grid-template-columns: repeat(2,minmax(0,1fr)) }
.scalar_scaffold { grid-template-columns: repeat(3,minmax(0,1fr)) }
details:hover,.plotted_cornice:not(.fringed,.modeled,.mitred_fastener):hover { box-shadow: var(--root_flute) }
summary { list-style-position: inside; cursor: pointer }
summary::marker { color: var(--fanned_axis) }
.lettered .blended { width: min(calc(var(--card) * 1.2),calc(100% - var(--chart))) }
.lettered { position: fixed; top: 0; left: 0; right: 0; z-index: 30; background: var(--machined_louver); border-color: var(--grafted); border-bottom-color: var(--scalar_clipboard); color: var(--partial); backdrop-filter: var(--crafted_inspector); -webkit-backdrop-filter: var(--crafted_inspector) }
.clean_token { color: var(--partial); border-color: var(--grafted) }
.scored_dial a { transition: background var(--focal_diagram) var(--frosted_row),box-shadow var(--focal_diagram) var(--frosted_row),color var(--focal_diagram) var(--frosted_row); border-radius: var(--braid); font-weight: 500; text-decoration: none; padding: .25rem; position: relative }
.lettered .scored_dial a[aria-current="page"] { color: var(--bridged_clamp); font-weight: 700 }
.onboard_mast { color: inherit; transition: background var(--focal_diagram) var(--frosted_row); border: var(--runtime_row) var(--root_bus) var(--grafted); border-radius: var(--braid); background: transparent }
figure>img { border: var(--runtime_row) var(--root_bus) var(--traced_fastener); filter: var(--avatar); border-radius: var(--computed) }
select:focus,summary:focus,textarea:focus,input:not([type="checkbox"]):not([type="radio"]):focus,.engraved_ledger:focus,a:focus,button:focus { outline: 2px solid transparent; outline-offset: 2px }
textarea:focus-visible,button:focus-visible,input:not([type="checkbox"]):not([type="radio"]):focus-visible,summary:focus-visible,a:focus-visible,.engraved_ledger:focus-visible { box-shadow: var(--scrim); outline-offset: 2px; outline: 2px solid transparent }
.scored_dial a:hover:focus-visible,.onboard_mast:focus-visible,.onboard_mast:hover:focus-visible,.scored_dial a:focus-visible { outline-offset: 2px; box-shadow: var(--scrim); outline: 2px solid transparent }
[aria-disabled="true"],.engraved_ledger:disabled,textarea:disabled,button:disabled,input:disabled { cursor: not-allowed; opacity: var(--assembled) }
.linear_repeater { height: 1.25rem; width: 1.25rem; flex-shrink: 0 }
.canonical { color: var(--maximal); border-radius: var(--paper); width: 3rem; display: inline-flex; flex: 0 0 auto; align-items: center; border: var(--runtime_row) var(--root_bus) var(--parallel); height: 3rem; justify-content: center }
.canonical .linear_repeater { width: 1.5rem; height: 1.5rem }
.canonical { background: color-mix(in srgb,var(--mobile_hanger) 12%,var(--keyed_router)) }
.canonical { box-shadow: inset 0 0 0 var(--runtime_row) var(--hoisted) }
.tested { color: var(--maximal) }
.branched_queue .granular_tunnel { opacity: .7 }
.visual .elastic_dropdown { margin-bottom: 2rem; font-size: 1.5rem }
.lexical { gap: .75rem; display: flex; flex-direction: column; margin: 0 0 clamp(2rem,4vw,3.5rem); max-width: 44rem }
.rigid { align-items: center; margin-inline: auto; text-align: center }
.console { display: flex; width: 100%; align-items: center; justify-content: center; gap: .75rem; box-shadow: none }
.console::before,.console::after { background: var(--maximal); flex: 0 0 auto; content: ""; display: none }
.static_dropdown { margin: 0; line-height: 1.1; font-size: calc((1rem + (clamp(1.875rem,4vw,3rem) - 1rem) * var(--tiled_tunnel)) * var(--rule)) }
.master { font-size: .8125rem; margin: 0 }
.granular_tunnel { line-height: var(--encoded_girder); margin: 0; font-size: 1.125rem; opacity: .75 }
.component { display: flex; gap: .75rem; flex-wrap: wrap; align-items: center }
.marked { border-block: var(--runtime_row) var(--root_bus) var(--parallel) }
.core_figure { --laced_scaffold: 0rem; --deck: 0rem }
.twin { --deck: -1rem; --laced_scaffold: -1.5rem }
.workbench { --deck: .5rem; --laced_scaffold: .625rem }
.shelf { --deck: 1rem; --laced_scaffold: .5rem }
@media(max-width:1024px) {.joint_scaffold { grid-template-columns: repeat(2,1fr) }
.scalar_scaffold { grid-template-columns: repeat(2,minmax(0,1fr)) }}
@media(max-width:768px) {.joint_scaffold { grid-template-columns: 1fr }
.studded,.scalar_scaffold { grid-template-columns: 1fr }}
@media(max-width:640px) {.workbench,.core_figure,.shelf,.twin { --deck: 0rem; --laced_scaffold: 0rem }
.static_dropdown { font-size: calc((1rem + (clamp(1.75rem,7vw,2.25rem) - 1rem) * var(--tiled_tunnel)) * var(--rule)) }
.granular_tunnel { font-size: 1.0625rem }
.lexical { gap: .5rem; margin-bottom: clamp(1.5rem,6vw,2rem) }
.component { align-items: stretch; gap: .625rem; flex-direction: column; width: 100% }
.component .engraved_ledger { width: 100% }
.canonical { height: 2.75rem; width: 2.75rem }}
.desktop_flute { display: flex; gap: .875rem; font-size: 1.0625rem; line-height: var(--encoded_girder); align-items: flex-start }
.bright { opacity: .85 }
.maximal_emitter { width: 1.75rem; background: var(--maximal); flex-shrink: 0; height: .1875rem; border-radius: var(--stocked_package); margin-top: calc((1.0625rem * var(--encoded_girder) - .1875rem) / 2) }
.bridged_compass .fanned_handle { grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--clamp); display: grid }
.joint_aside { flex-direction: column; display: flex; align-items: flex-start; gap: 1rem }
.joint_aside .maximal_emitter { margin-top: 0 }
.joint_aside .bright { margin: 0; line-height: var(--encoded_girder); font-size: 1.0625rem }
.radial_gateway .fanned_dropdown { list-style: none; margin: 0; padding: calc(var(--branched_sheet) * 1.75); display: flex; flex-direction: column; max-width: 60rem; margin-inline: auto; background: var(--narrow); border: var(--runtime_row) var(--root_bus) var(--parallel); border-radius: var(--armature); box-shadow: var(--charted) }
.fanned_dropdown .desktop_flute { border-top: var(--runtime_row) var(--root_bus) var(--parallel); padding: 1.75rem 0; font-size: clamp(1.0625rem,1.4vw,1.25rem); gap: 1.25rem }
.fanned_dropdown .desktop_flute:first-child { border-top: none; padding-top: 0 }
.fanned_dropdown .desktop_flute:last-child { padding-bottom: 0 }
.fanned_dropdown .bright { opacity: 1 }
.particle { background: color-mix(in srgb,var(--maximal) 12%,var(--keyed_router)); justify-content: center; flex-shrink: 0; align-items: center; display: inline-flex; width: 2.5rem; color: var(--maximal); height: 2.5rem; border-radius: 50% }
.particle .linear_repeater { height: 1.25rem; width: 1.25rem }
@media(max-width:768px) {.bridged_compass .fanned_handle { grid-template-columns: 1fr }}
@media(max-width:640px) {.radial_gateway .fanned_dropdown { padding: var(--branched_sheet) }
.fanned_dropdown .desktop_flute { padding: 1.25rem 0; gap: 1rem }}
.radial_louver { justify-content: center; flex-shrink: 0; height: 2.25rem; align-items: center; box-sizing: border-box; display: inline-flex; width: 2.25rem }
.radial_louver .ledge { height: 1.25rem; width: 1.25rem }
.stenciled_column { border: var(--runtime_row) var(--root_bus) var(--maximal); color: var(--maximal) }
.stenciled_column { border-radius: var(--braid) }
.elastic_dropdown { align-items: center; display: inline-flex; gap: .625rem }
.fitted { display: inline-block }
.sketched { letter-spacing: var(--interlaced,normal); font-family: var(--seated,inherit); font-weight: var(--branched_session,700); align-items: center; font-size: 1.0625rem; margin: 0 0 1rem; gap: .75rem; display: flex }
.slate { margin: 0; display: flex; flex-direction: column }
.signed_clipboard { grid-template-columns: minmax(9rem,.5fr) 1.5fr; align-items: start; padding: .875rem 0; border-top: var(--runtime_row) var(--root_bus) var(--parallel); display: grid; gap: .5rem clamp(1rem,3vw,2rem) }
.signed_clipboard:last-child { border-bottom: var(--runtime_row) var(--root_bus) var(--parallel) }
.signed_clipboard dt { font-size: .8125rem; letter-spacing: .06em; font-weight: 700; text-transform: uppercase; opacity: .55 }
.signed_clipboard dd { line-height: var(--encoded_girder); opacity: .9; margin: 0 }
.signed_clipboard dd a { text-underline-offset: .2em; text-decoration: underline }
.chartered { margin: 1.25rem 0 0; list-style: none; flex-direction: column; display: flex; padding: 0; gap: .75rem }
.chartered li { display: flex; align-items: flex-start; line-height: var(--encoded_girder); gap: .625rem }
.mitred { opacity: .85 }
.chartered .linear_repeater { margin-top: .2rem; color: var(--maximal); width: 1.05rem; height: 1.05rem; flex-shrink: 0 }
.sequential_axis { gap: .5rem; margin: 1.5rem 0 0; display: flex; font-size: .9375rem; align-items: center }
.refined_baton { opacity: .75 }
.sequential_axis .linear_repeater { color: var(--maximal); height: 1.05rem; flex-shrink: 0; width: 1.05rem }
.onboard_host h3 { margin: 0; font-size: 1.125rem }
.booth .chartered { text-align: left }
.onboard_host { max-width: 44rem; margin-inline: auto }
.onboard_host h3 { margin-top: clamp(2rem,4vw,2.5rem) }
@media(max-width:768px) {.signed_clipboard { gap: .25rem; grid-template-columns: 1fr }}
@media(max-width:640px) {.onboard_host h3 { margin-top: 1.5rem }}
.sequential_host { position: relative }
.sequential_host::before { pointer-events: none; inset: 0; content: ""; background-image: linear-gradient(100deg,color-mix(in srgb,var(--keyed_router) 12%,transparent) 0%,transparent 52%); position: absolute }
.sequential_host>.blended { position: relative }
.dedicated_armature { background-image: linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--plotted_dropdown) 5%,transparent) 100%) }
.gridded_motif .master { margin: 0 0 .75rem }
.sequential_host .maximal_collection { padding: clamp(1.5rem,3vw,2rem) 0; justify-content: space-between; border-top: var(--runtime_row) var(--root_bus) var(--mirrored); align-items: center; flex-wrap: wrap; gap: clamp(1.5rem,3vw,2rem); display: flex; border-bottom: var(--runtime_row) var(--root_bus) var(--mirrored) }
.layered h1,.layered h2 { font-size: calc((1rem + (clamp(1.5rem,3.5vw,2.25rem) - 1rem) * var(--tiled_tunnel)) * var(--rule)); margin: 0 0 .75rem; line-height: 1.1 }
.layered .stub { margin: 0 }
.stub { font-style: normal; gap: .5rem; display: flex; flex-direction: column }
.trailing_swatch { display: inline-flex; align-items: flex-start; min-width: 0; line-height: var(--encoded_girder); gap: .5rem }
.trailing_swatch .tested { margin-top: .125rem }
.stub a { text-underline-offset: .2em; text-decoration: underline }
.issued { align-items: center; flex-direction: row; flex-wrap: wrap; gap: .5rem 1.25rem }
.issued .trailing_swatch+.trailing_swatch { border-inline-start: var(--runtime_row) var(--root_bus) var(--mirrored); padding-inline-start: 1.25rem }
.dedicated_armature .gridded_motif { text-align: center }
.gridded_motif h2,.gridded_motif h1 { margin: 0 0 .5rem; font-size: calc((1rem + (clamp(1.75rem,4vw,2.75rem) - 1rem) * var(--tiled_tunnel)) * var(--rule)) }
.gridded_motif .granular_tunnel { margin-inline: auto }
.edited { gap: var(--clamp); text-align: left; margin: 2rem 0 2.5rem; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)) }
.aligned_drum { flex-direction: column; overflow: hidden; align-items: flex-start; gap: .75rem; position: relative; display: flex; word-break: break-word }
.fanned_silo { font-size: .8125rem; padding-bottom: .5rem; letter-spacing: .06em; opacity: .6; border-bottom: var(--runtime_row) var(--root_bus) var(--parallel); text-transform: uppercase; width: 100%; font-weight: 700 }
.pleated_drawer { font-size: 1.0625rem; line-height: var(--encoded_girder) }
.minimal { z-index: 0; color: color-mix(in srgb,var(--fanned_axis) 10%,transparent); pointer-events: none; width: 19rem; inset-inline-end: -1.25rem; height: 18rem; bottom: -6.5rem; position: absolute }
.fanned_silo,.aligned_drum .canonical,.pleated_drawer { z-index: 1; position: relative }
.aligned_drum a { text-decoration: underline; text-underline-offset: .2em }
@media(max-width:900px) {.edited { grid-template-columns: repeat(2,minmax(0,1fr)) }}
@media(max-width:768px) {.maximal_collection,.sequential_host .maximal_collection { flex-direction: column; align-items: flex-start }
.edited { grid-template-columns: 1fr }}
@media(max-width:900px) {.issued { gap: .5rem; flex-direction: column; align-items: flex-start }
.issued .trailing_swatch+.trailing_swatch { border-inline-start: 0; padding-inline-start: 0 }}
.certified_handle h1 { font-size: calc((1rem + (clamp(2.25rem,5vw,3.5rem) - 1rem) * var(--tiled_tunnel)) * var(--rule)); margin: 0 0 1.5rem; line-height: 1.1 }
.certified_handle h2 { margin: 2.5rem 0 1rem; line-height: 1.3; font-size: 1.5rem }
.certified_handle h3 { margin: 2rem 0 .75rem; line-height: 1.4; font-size: 1.125rem }
.certified_handle p { margin: 0 0 1.25rem; line-height: var(--encoded_girder); font-size: 1.0625rem; color: color-mix(in srgb,var(--plotted_dropdown) 85%,transparent) }
.certified_handle p:last-child { margin-bottom: 0 }
.certified_handle p.master { margin: 0; font-size: .8125rem; color: var(--plotted_dropdown) }
.certified_handle ul { display: flex; margin: 0 0 1.25rem; flex-direction: column; padding-left: 1.25rem; gap: .5rem }
.certified_handle li { color: color-mix(in srgb,var(--plotted_dropdown) 85%,transparent); line-height: var(--encoded_girder); font-size: 1.0625rem }
.certified_handle a { text-underline-offset: .2em; text-decoration: underline; color: var(--fanned_axis) }
.certified_handle strong { font-weight: 700 }
.covered_vector { padding: calc(var(--passive) + var(--laced_scaffold,0rem)) 0 }
.covered_vector h1,.covered_vector h2 { margin: 0 0 1.5rem; font-size: calc((1rem + (clamp(3rem,8vw,5rem) - 1rem) * var(--tiled_tunnel)) * var(--rule)); line-height: 1.1 }
.swatch { border: none; border-top: var(--runtime_row) var(--root_bus) var(--parallel); width: 4rem; margin: 0 0 2.5rem }
.static_drawer { max-width: none; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: start; gap: 2.5rem clamp(2rem,4vw,3.5rem); display: grid }
.static_drawer p { margin: 0; font-size: calc((1rem + (clamp(1.125rem,1.8vw,1.375rem) - 1rem) * var(--tiled_tunnel)) * var(--rule)); line-height: 1.45; max-width: var(--displayed) }
.static_drawer p:first-child { grid-column: 1 / -1 }
.static_drawer p:not(:first-child) { line-height: var(--encoded_girder); font-size: 1.0625rem; position: relative; max-width: none; padding-top: 1.25rem }
.static_drawer p:not(:first-child)::before { content: ""; top: 0; height: 2px; position: absolute; width: 2.5rem; background: var(--maximal); inset-inline-start: 0 }
@media(max-width:768px) {.static_drawer { grid-template-columns: 1fr; gap: 2rem }}
@media(max-width:640px) {.certified_handle h1 { font-size: calc((1rem + (clamp(1.875rem,7vw,2.5rem) - 1rem) * var(--tiled_tunnel)) * var(--rule)) }
.covered_vector h1,.covered_vector h2 { margin-bottom: 1.25rem; font-size: calc((1rem + (clamp(2.25rem,9vw,3rem) - 1rem) * var(--tiled_tunnel)) * var(--rule)) }}
.periodic_cleat { cursor: pointer; background: var(--reduced); border: var(--runtime_row) var(--root_bus) var(--parallel); padding: 0; border-radius: var(--scroller) }
.periodic_cleat summary { display: flex; line-height: var(--encoded_girder); padding: clamp(1.25rem,2.5vw,1.5rem); align-items: flex-start; justify-content: space-between; font-size: 1.0625rem; cursor: pointer; font-weight: 700; list-style: none; gap: 1rem }
.periodic_cleat summary::-webkit-details-marker { display: none }
.periodic_cleat summary::after { font-size: 1.5rem; flex-shrink: 0; transition: transform var(--focal_diagram) var(--frosted_row),background-color var(--focal_diagram) var(--frosted_row),border-color var(--focal_diagram) var(--frosted_row),color var(--focal_diagram) var(--frosted_row); color: var(--fanned_axis); font-weight: 400; margin-block-start: calc((1.0625rem * var(--encoded_girder) - 1.65rem) / 2); content: "+"; line-height: 1.1 }
.periodic_cleat[open]:not([data-fastener]) summary::after { transform: rotate(45deg) }
.periodic_cleat p { margin: 0; line-height: var(--encoded_girder); opacity: .75; padding: 0 clamp(1.25rem,2.5vw,1.5rem) clamp(1.25rem,2.5vw,1.5rem); max-width: 70ch }
.slab .periodic_cleat summary::after { border-radius: var(--stocked_package); font-size: 1.25rem; padding-bottom: .08em; margin-block-start: calc((1.0625rem * var(--encoded_girder) - 2.25rem) / 2); min-width: 0; line-height: 1; color: var(--wide); background-color: var(--fanned_axis); align-items: center; justify-content: center; width: 2.25rem; display: flex; height: 2.25rem }
.slab .periodic_cleat[open]:not([data-fastener]) summary::after { transform: rotate(45deg) }
.ultra { display: grid; align-items: start; gap: var(--clamp) }
.slab .periodic_cleat { border-color: var(--mirrored); background: transparent }
@media(max-width:768px) {.ultra { grid-template-columns: 1fr }}
@media(max-width:640px) {.periodic_cleat summary { padding: 1rem 1.125rem; font-size: 1rem }}
.curb { display: grid; gap: var(--clamp) }
.flag .insignia { align-items: flex-start }
.insignia { padding: var(--branched_sheet); transition: transform var(--focal_diagram) var(--frosted_row),box-shadow var(--focal_diagram) var(--frosted_row),border-color var(--focal_diagram) var(--frosted_row); flex-direction: column; display: flex; gap: .875rem }
.insignia:hover { transform: var(--cradle); border-color: var(--mirrored); box-shadow: var(--root_flute) }
.insignia h3 { font-size: 1.25rem; margin: 0 }
.insignia p { opacity: .75; margin: 0; line-height: var(--encoded_girder) }
.inked_silo .focal_radar { max-width: 56rem }
.granular { display: flex; flex-direction: column }
.described_scaffold { gap: 1.5rem; display: flex; align-items: flex-start; padding: 2rem 0 }
.described_scaffold + .described_scaffold { border-top: var(--runtime_row) var(--root_bus) var(--parallel) }
.crested { min-width: 2.25rem; line-height: 1.35; flex-shrink: 0; font-size: 1.5rem; font-variant-numeric: tabular-nums; font-weight: 800 }
.focal_radar h3 { font-size: 1.25rem; margin: 0 0 .5rem }
.focal_radar p { max-width: 60ch; margin: 0; opacity: .75; line-height: var(--encoded_girder) }
@media(max-width:768px) {.described_scaffold { gap: 1rem; flex-direction: column }}
.visual { padding: calc(var(--passive) * .7) 0 calc(var(--passive) * .5); border-top: var(--runtime_row) var(--root_bus) var(--parallel) }
.shaded { justify-content: space-between; align-items: center; flex-wrap: wrap; display: flex; font-size: .875rem; gap: 1rem; margin-top: clamp(2rem,4vw,3rem); padding-top: clamp(1.5rem,3vw,2rem); border-top: var(--runtime_row) var(--root_bus) var(--parallel) }
.shaded p { opacity: .65; margin: 0 }
.shaded a { text-decoration: none }
.shaded a:hover { text-decoration: underline }
.streamed_mask { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; margin-left: auto; gap: .75rem 1.5rem }
.crown { opacity: .55; margin: 0; font-size: .75rem }
.crown a { text-decoration: none }
.polished { align-items: flex-start }
.polished .radial_louver { margin-block-start: max(0px,calc((1em * var(--encoded_girder) - 2.25rem) / 2)) }
.polished .fitted { margin-block-start: max(0px,calc((2.25rem - 1em * var(--encoded_girder)) / 2)) }
.imaged { font-style: normal; gap: .65rem; flex-direction: column; display: flex }
.focal_collection { align-items: flex-start; text-decoration: none; min-width: 0; gap: .5rem; line-height: var(--encoded_girder); display: inline-flex }
.ideal { opacity: .85 }
.focal_collection .linear_repeater { margin-block-start: calc((1rem * var(--encoded_girder) - 1.05rem) / 2) }
.focal_collection .linear_repeater { height: 1.05rem; width: 1.05rem }
a.focal_collection:hover .ideal { opacity: 1 }
.visual { text-align: center }
.visual .elastic_dropdown { margin-bottom: 1.5rem; display: inline-flex }
.derived_hanger { justify-content: center; display: flex; font-weight: 500; flex-wrap: wrap; gap: 1.75rem; margin-bottom: 1.5rem }
.derived_hanger a { transition: color var(--focal_diagram) var(--frosted_row); text-decoration: none }
.derived_hanger a:hover { color: var(--fanned_axis) }
.visual .imaged { margin-bottom: 2rem; align-items: center }
.composed { height: 2px; margin: 0 auto; width: 2.5rem; background: var(--maximal) }
.visual .shaded { margin-top: 1.5rem; padding-top: 0; flex-direction: column; gap: .5rem; justify-content: center; border-top: none }
.visual .streamed_mask { justify-content: center; margin-left: 0 }
a.explicit { opacity: 1; text-decoration: underline; text-decoration-color: var(--maximal); text-decoration-thickness: .08em; text-underline-offset: .28em }
a.explicit:hover { text-decoration-color: var(--maximal); color: var(--fanned_axis) }
@media(max-width:768px) {.shaded { align-items: flex-start; flex-direction: column }
.streamed_mask { justify-content: flex-start; margin-left: 0 }}
@media(max-width:640px) {.shaded { margin-top: 1.5rem; padding-top: 1.25rem }}
.static_facade { gap: 1.25rem; display: grid }
.even_facet { gap: .5rem; min-width: 0; flex-direction: column; display: flex }
.tertiary_rack { font-weight: 600; font-size: .875rem; letter-spacing: .01em }
.public { flex-wrap: wrap; align-items: center; display: flex; gap: 1rem }
.engraved_ledger[data-crested_silo] { color: transparent; opacity: 1; pointer-events: none; position: relative }
.engraved_ledger[aria-disabled="true"] { cursor: default }
.engraved_ledger[data-crested_silo] .linear_repeater { visibility: hidden }
.engraved_ledger[data-crested_silo]::after { content: ""; position: absolute; top: 50%; left: 50%; width: 1.15em; height: 1.15em; margin: -0.575em 0 0 -0.575em; border: 2px solid var(--vectored); border-top-color: transparent; border-radius: 50%; animation: incremental_scaffold .7s linear infinite }
@media (prefers-reduced-motion: reduce) {.engraved_ledger[data-crested_silo]::after { animation: none }}
@keyframes incremental_scaffold {to { transform: rotate(360deg) }}
.popover { margin: 0 0 clamp(1.75rem,3vw,2.5rem); max-width: 44rem; flex-direction: column; display: flex; gap: .75rem }
.hybrid_wrapper { text-align: center; margin-inline: auto; align-items: center }
.figured { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.25rem 1.5rem }
.figured .public,.figured .discrete { grid-column: 1/-1 }
.elastic_compass .rapid { max-width: 44rem; margin-inline: auto }
.refined { margin: 1rem 0 0; opacity: .65; font-size: .8125rem }
.elastic_glossary { opacity: .72; text-transform: none; font-weight: 400 }
@media(max-width:768px) {.figured { grid-template-columns: 1fr }
.public .engraved_ledger { width: 100% }}
.layout .lexical { max-width: none }
.encoded_journal img { border-radius: 0; border-width: 0 }
.certified_pulse { grid-template-columns: repeat(2,1fr); gap: var(--clamp); display: grid }
.rebuilt { display: flex; border-radius: var(--scroller); background: var(--reduced); overflow: hidden; flex-direction: column; color: var(--plotted_dropdown); border: var(--runtime_row) var(--root_bus) var(--parallel) }
.layout .traced_mask p { color: var(--plotted_dropdown) }
.adaptive { grid-template-columns: 1fr 1fr; grid-column: 1/-1; display: grid }
.encoded_journal { margin: 0 }
.encoded_journal img { height: 100%; min-height: 18rem; display: block; width: 100%; object-fit: cover }
.rebuilt:not(.adaptive) .encoded_journal img { min-height: 0; height: auto; aspect-ratio: 16/9 }
.traced_mask { justify-content: flex-end; flex: 1; padding: clamp(1.5rem,3vw,2rem); display: flex; flex-direction: column }
.traced_mask h3 { font-size: 1.375rem; margin: 0 0 .5rem }
.traced_mask p { margin: 0; line-height: var(--encoded_girder); opacity: .75 }
.granular_gantry { justify-content: flex-start }
.granular_gantry h3 { font-size: calc((1rem + (clamp(1.5rem,2.5vw,1.875rem) - 1rem) * var(--tiled_tunnel)) * var(--rule)) }
.granular_gantry p:first-of-type { font-size: 1.125rem; opacity: 1 }
.granular_gantry .inked_digest { margin-top: 1rem }
@media(max-width:1024px) {.certified_pulse { grid-template-columns: 1fr }}
@media(max-width:768px) {.certified_pulse { grid-template-columns: 1fr }
.adaptive { grid-template-columns: 1fr }}
.lettered { transition: height var(--focal_diagram) var(--frosted_row); height: var(--backplate); display: flex; --backplate: 5rem; flex-direction: column }
.elastic_clamp { height: 2.25rem; transition: height var(--focal_diagram) var(--frosted_row),border-bottom-width var(--focal_diagram) var(--frosted_row); background: var(--uniform_fascia); font-size: .8125rem; color: var(--keyed_router); flex: none; font-weight: 500; overflow: hidden; border-bottom: 1px var(--root_bus) color-mix(in srgb,var(--keyed_router) 24%,transparent); font-family: var(--signed_inspector,inherit) }
.loose_motif { height: calc(var(--backplate) + 2.25rem) }
.loose_motif[data-stenciled_host] { height: var(--backplate) }
.loose_motif[data-stenciled_host] .elastic_clamp { border-bottom-width: 0; height: 0 }
.heavy { height: 100%; display: flex; justify-content: space-between; gap: 1.5rem; align-items: center }
.viewport .heavy { justify-content: center }
.shaped { white-space: nowrap; width: 100%; text-transform: uppercase; text-overflow: ellipsis; letter-spacing: .1em; font-weight: 600; margin: 0; overflow: hidden; font-size: .75rem; text-align: center }
@keyframes online_bridge {from { transform: translateX(0) }
to { transform: translateX(-100%) }}
.glossary { align-items: center; flex: 1 1 auto; justify-content: space-between; min-height: 0; gap: clamp(1rem,2vw,1.5rem); display: flex; padding-block: 0 }
.clean_token { display: flex; gap: clamp(1rem,2vw,1.5rem); align-items: center }
.scored_dial { flex-wrap: wrap; gap: clamp(1rem,2vw,1.5rem); display: flex }
.onboard_mast { justify-content: center; display: none; align-items: center; cursor: pointer; width: 2.75rem; height: 2.75rem }
.onboard_mast .hybrid_kernel { display: none }
.onboard_mast[aria-expanded="true"] .detached_bus { display: none }
.onboard_mast[aria-expanded="true"] .hybrid_kernel { display: inline-flex }
:root { --bounded_repeater: 5rem }
.single { height: var(--bounded_repeater) }
.lettered .engraved_ledger,.lettered .fitted,.lettered .scored_dial a { white-space: nowrap }
.pleated { --handheld_chamber: 1.5rem; border-bottom: 1px var(--root_bus) var(--scalar_clipboard) }
.pleated .glossary { display: grid; grid-template-columns: 1fr auto 1fr }
.pleated .clean_token { justify-self: start; grid-column: 1 }
.spaced { justify-self: center; grid-column: 2; gap: .35rem; flex-direction: column }
.pleated>.glossary>.engraved_ledger { justify-self: end; grid-column: 3 }
.dome { height: 2px; background: var(--bridged_clamp); width: var(--handheld_chamber) }
.pleated .scored_dial a::after { content: ""; top: -0.35rem; height: 2px; position: absolute; left: 50%; right: 50%; transition: left var(--focal_diagram) var(--frosted_row),right var(--focal_diagram) var(--frosted_row); background: var(--bridged_clamp) }
.pleated .scored_dial a[aria-current="page"]::after,.pleated .scored_dial a:hover::after { right: calc(50% - var(--handheld_chamber) / 2); left: calc(50% - var(--handheld_chamber) / 2) }
.scored_dial,.clean_token,.glossary>* { min-width: 0 }
.lettered .fitted { text-overflow: ellipsis; overflow: hidden }
@media(min-width:1136px) and (max-width:1400px) {.clean_token,.glossary,.scored_dial { gap: 1rem }}
@media(max-width:1135px) {.glossary { flex-direction: row; align-items: center; justify-content: space-between }
.onboard_mast { display: inline-flex }
.clean_token { z-index: 20; padding: 1rem; display: none; background: var(--machined_louver); right: 0; border-top: var(--runtime_row) var(--root_bus) var(--grafted); gap: .5rem; flex-direction: column; position: absolute; top: 100%; left: 0; border-bottom: var(--runtime_row) var(--root_bus) var(--grafted); align-items: stretch }
.clean_token[data-virtual_dispatch] { display: flex }
.scored_dial { flex-direction: column; gap: .25rem }
.scored_dial a { padding: .65rem .25rem }
.scored_dial a::after { display: none }
:root { --bounded_repeater: 4rem }
.lettered { --backplate: 4.5rem }
.clean_token .engraved_ledger { width: 100% }
.pleated .glossary { grid-template-columns: auto 1fr auto }
.pleated .onboard_mast { grid-row: 1; justify-self: start; grid-column: 1 }
.pleated .clean_token { justify-self: normal }}
@keyframes vetted_frame {from { transform: translate3d(-12%,-7%,0) scale(.92) }
to { transform: translate3d(10%,9%,0) scale(1.2) }}
@keyframes notice {from { transform: translate3d(10%,6%,0) scale(1.16) }
to { transform: translate3d(-15%,-9%,0) scale(.91) }}
.dubbed { gap: 1.5rem; font-size: .9375rem; margin: .5rem 0 0; justify-content: center; flex-wrap: wrap; list-style: none; padding: 0; display: flex }
.dubbed li { gap: .5rem; align-items: center; display: flex }
.dubbed .linear_repeater { width: 1.1rem; color: var(--maximal); height: 1.1rem }
.even_cabinet { gap: .875rem 2rem; justify-content: flex-start; margin-top: .75rem }
.even_cabinet li { gap: .625rem }
.content { background: var(--maximal); flex: 0 0 auto; width: .125rem; height: 1rem }
.branched_queue { padding: 0; border-radius: 0 }
.rustic { display: grid; flex: 1; align-items: stretch; grid-template-columns: minmax(0,1fr) minmax(0,1fr) }
.honed_chamber { padding-inline-end: clamp(2rem,5vw,4rem); gap: 1.75rem; display: flex; justify-content: center; padding-inline-start: min(max(calc(var(--chart) / 2),calc(100% - var(--card) / 2)),8rem); flex-direction: column; align-items: flex-start; padding-block: min(calc(var(--passive) * 1.25),calc(var(--encoded_slot,100vh) * .125)) }
.girder { display: flex; align-self: stretch; margin: 0 }
.girder img { border: 0; object-fit: cover; border-radius: 0; height: 100%; display: block; width: 100% }
.honed_chamber h1,.honed_chamber h2 { font-size: calc((1rem + (clamp(2rem,4vw,3.25rem) - 1rem) * var(--tiled_tunnel)) * var(--rule)); line-height: 1.05; margin: 0; max-width: 16ch }
@media(max-width:768px) {.rustic { grid-template-columns: 1fr }
.honed_chamber { padding-inline: var(--chart) }
.girder img { aspect-ratio: 16/9; height: auto }}
@media(max-width:640px) {.honed_chamber h2,.honed_chamber h1 { font-size: calc((1rem + (clamp(2rem,9vw,2.5rem) - 1rem) * var(--tiled_tunnel)) * var(--rule)) }
.dubbed { font-size: .9rem; gap: .75rem 1.25rem }
.honed_chamber { padding-block: calc(var(--passive) * .85) }}
.extruded .master:not(.console):not(.orbital) { display: flex; box-shadow: none; gap: .625rem; align-items: center }
.extruded .console::after,.extruded .console::before,.extruded .master:not(.console):not(.orbital)::before { height: 2px; flex: 0 0 auto; content: ""; border-radius: 0; background: var(--maximal); min-width: 1.25rem }
.extruded .master:not(.console):not(.orbital)::before { width: 1.5rem }
.immutable { padding: clamp(3.5rem,7vw,6rem) 0 }
.immutable .certified_handle { max-width: max(var(--displayed),68ch); margin-inline: auto }
.blended.certified_handle { margin-inline: auto; max-width: max(var(--displayed),68ch) }
.regional { margin: 0 0 .75rem; font-weight: 700; letter-spacing: .14em; font-size: .8125rem; color: var(--fanned_axis); text-transform: uppercase }
.merged_tunnel { font-size: calc((1rem + (clamp(2.25rem,5vw,3.5rem) - 1rem) * var(--tiled_tunnel)) * var(--rule)); margin: 0 0 1rem; line-height: 1.08 }
.mid { margin: 0 0 .5rem; font-size: .9375rem; opacity: .7 }
.mid code { border-radius: var(--scroller); padding: .1em .4em; white-space: nowrap; background: var(--reduced); font-size: .875em }
.coaster { margin: 0 0 1.25rem }
.coaster .laced_glossary { line-height: 1.45; margin: 0 0 .6rem }
.coaster .signal { font-weight: 700 }
.coaster .laced_glossary:last-child { margin-bottom: 0 }
.postal { list-style: disc; padding-left: 1.25rem; margin: 0 0 1.25rem }
.postal li { line-height: var(--encoded_girder); margin: 0 0 .4rem }
.postal li::marker { color: var(--maximal) }
.immutable h2 { scroll-margin-top: calc(var(--bounded_repeater) + 1rem) }
.immutable p.mid { margin-bottom: .5rem }
.immutable .certified_handle .mid+p { margin-top: 1.75rem }
.curated .even_wrapper { background: none; box-shadow: none; margin: .25rem 0 2rem; padding: 0; flex-wrap: wrap; gap: .5rem; border: none; display: flex; align-items: center }
.curated .even_wrapper p.mid { max-width: 100%; padding: .375rem var(--semi); margin: 0; background: var(--reduced); opacity: 1; border-radius: var(--stocked_package); border: var(--runtime_row) var(--root_bus) var(--parallel); min-width: 0; font-size: .875rem }
.curated .even_wrapper code { overflow-wrap: anywhere }
.curated .light { border-inline-start: .1875rem var(--root_bus) var(--maximal); margin: 0 0 1.75rem; padding-inline-start: 1.25rem }
.curated .light p { line-height: var(--encoded_girder); font-size: 1.1875rem }
.lobby { counter-reset: plotted_enclosure }
.lobby h2:not(.merged_tunnel)::before { font-variant-numeric: tabular-nums; content: counter(plotted_enclosure,decimal-leading-zero) "."; color: var(--maximal); counter-increment: plotted_enclosure; margin-inline-end: .625rem }
@media(max-width:768px) {.mid code { white-space: normal }}
@media(max-width:640px) {.immutable { padding: 2.5rem 0 }
.merged_tunnel { font-size: calc((1rem + (clamp(1.875rem,7vw,2.5rem) - 1rem) * var(--tiled_tunnel)) * var(--rule)) }}
.grate { margin-bottom: 3rem }
.signed_emitter { position: relative }
.bonded_router { margin: 0 }
.bonded_router img { width: 100%; object-fit: cover; aspect-ratio: 16/9; border-radius: var(--computed); display: block }
.runtime_template { border: var(--runtime_row) var(--root_bus) var(--parallel); padding: calc(var(--branched_sheet) * 1.5); box-shadow: var(--root_flute); z-index: 1; position: absolute; left: clamp(1rem,3vw,2rem); bottom: -2rem; border-radius: var(--scroller); background: var(--narrow); max-width: 32rem }
.runtime_template .lexical { margin: 0 }
@media(min-width:769px) {.pivoted_diagram { left: auto; right: clamp(1rem,3vw,2rem) }}
@media (max-width:768px) {.runtime_template { padding: var(--branched_sheet); bottom: auto; position: relative; left: auto; max-width: none; margin-top: -2.5rem; margin-inline: 1rem }
.bonded_router img { aspect-ratio: 4/3 }}
.table { display: flex; flex-direction: column; gap: .5rem }
.stepped { font-weight: 800; line-height: 1.05; font-size: calc((1rem + (clamp(2rem,5vw,3.5rem) - 1rem) * var(--tiled_tunnel)) * var(--rule)); font-variant-numeric: tabular-nums; color: var(--fanned_axis); letter-spacing: -0.02em }
.focal_dashboard { font-weight: 500; color: var(--plotted_dropdown); font-size: .6em; opacity: .75 }
.tonal { opacity: .7; font-size: .9375rem; line-height: 1.45 }
.tertiary_fastener .fastened_digest { grid-template-columns: repeat(4,minmax(0,1fr)); gap: var(--clamp); text-align: center; display: grid }
@media(max-width:1024px) {.tertiary_fastener .fastened_digest { grid-template-columns: repeat(2,minmax(0,1fr)) }}
@media(max-width:640px) {.stepped { font-size: calc((1rem + (clamp(1.75rem,8vw,2.5rem) - 1rem) * var(--tiled_tunnel)) * var(--rule)) }}
.machined_vector .clean_kernel { display: flex; flex-direction: column }
.machined_vector .hatched { align-items: flex-start; padding: var(--branched_sheet) 0; gap: calc(var(--clamp) * 1.5); border-top: var(--runtime_row) var(--root_bus) var(--parallel); display: flex }
.machined_vector .hatched:first-child { border-top-color: var(--mirrored) }
.machined_vector .hatched:last-child { border-bottom: var(--runtime_row) var(--root_bus) var(--mirrored) }
.machined_vector .inked_mast { line-height: 1.2; color: var(--maximal); flex-shrink: 0; letter-spacing: var(--piped); min-width: 2.25rem; font-size: calc((1rem + (1.5rem - 1rem) * var(--tiled_tunnel)) * var(--rule)); font-weight: var(--evented); font-variant-numeric: tabular-nums }
.combined h3 { font-size: calc((1rem + (1.25rem - 1rem) * var(--tiled_tunnel)) * var(--rule)); margin: 0 0 .375rem }
.combined p { max-width: 60ch; line-height: var(--encoded_girder); margin: 0; opacity: .75 }
.journal .joint_router { gap: 1.5rem; display: flex; align-items: flex-start; flex-wrap: wrap }
.journal .even_drum { flex: 1 1 200px; text-align: center }
.journal .inked_mast { font-size: calc((1rem + (var(--joint_panel,clamp(3rem,6vw,4.5rem)) - 1rem) * var(--tiled_tunnel)) * var(--rule)); font-weight: 900; font-variant-numeric: tabular-nums; margin: 0 0 1rem; display: block; line-height: 1; letter-spacing: -0.02em }
.rostered .inked_mast { color: var(--maximal) }
.journal .even_drum h3 { font-size: 1.25rem; margin: 0 0 .75rem }
.journal .even_drum p { margin: 0; line-height: var(--encoded_girder); opacity: .8 }
.journal .dispatched { display: flex; align-items: center; color: var(--maximal); padding-top: clamp(.75rem,2.2vw,1.5rem); flex-shrink: 0 }
.journal .dispatched .linear_repeater { width: 1.5rem; height: 1.5rem }
@media(max-width:1024px) {.journal .dispatched { display: none }}
@media(max-width:768px) {.machined_vector .hatched { gap: .75rem; flex-direction: column }
.journal .joint_router { flex-direction: column }}
@media(max-width:640px) {.journal .inked_mast { --joint_panel: clamp(2.25rem,9vw,3rem) }}
.covered_sheet { --hardened: color-mix(in srgb,var(--plotted_dropdown) 9%,transparent); --laced_diagram: 24px; background-repeat: repeat }
.covered_sheet { --hardened: color-mix(in srgb,var(--plotted_dropdown) 5%,transparent); --laced_diagram: 26px; background-image: radial-gradient(ellipse 1px 3.5px at 50% 50%,var(--hardened) 99%,transparent 100%),radial-gradient(ellipse 3.5px 1px at 50% 50%,var(--hardened) 99%,transparent 100%); background-size: var(--laced_diagram) var(--laced_diagram) }
.soft .fastened_cornice:not(.joint_swatch) { text-transform: uppercase; letter-spacing: calc(var(--piped) + .03em) }
.column { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); margin-top: clamp(1.75rem,3vw,2.5rem); gap: clamp(1rem,2vw,1.5rem) }
.utility_signal { display: flex; box-shadow: var(--charted); padding: var(--branched_sheet); gap: .5rem; border: var(--etching) var(--root_bus) var(--parallel); flex-direction: column; border-radius: var(--scroller) }
.referenced { margin: 0; font-weight: 600 }
.traced { margin: .25rem 0 0; font-size: .9375rem; opacity: .75 }
@media(max-width:768px) {.column { grid-template-columns: 1fr }}
.clean_backer { color: var(--keyed_router); border-color: var(--mirrored); background: var(--uniform_fascia) }
.clean_backer .granular_tunnel { color: var(--keyed_router) }
.clean_backer p { color: var(--keyed_router) }
.clean_backer .master { color: color-mix(in srgb,var(--keyed_router) 70%,transparent) }
.clean_backer .engraved_ledger { background: var(--keyed_router); color: var(--plotted_dropdown) }
.clean_backer .joint { border-color: var(--keyed_router); background: transparent; color: var(--keyed_router) }
.clean_backer .engraved_ledger:hover { color: var(--plotted_dropdown); background: color-mix(in srgb,var(--keyed_router) 86%,var(--plotted_dropdown)) }
.clean_backer .joint:hover { color: var(--keyed_router); background: color-mix(in srgb,var(--keyed_router) 14%,transparent) }
.clean_backer .stepped,.clean_backer .focal_dashboard { color: var(--keyed_router) }
.clean_backer .canonical { background: var(--keyed_router) }
.clean_backer .canonical { border-color: transparent }
.clean_backer .canonical { box-shadow: 0 0 0 .1875rem var(--maximal) }
.clean_backer summary::marker,.clean_backer summary::after { color: var(--keyed_router) }
.clean_backer .periodic_cleat { border-color: color-mix(in srgb,var(--keyed_router) 24%,transparent) }
.clean_backer .periodic_cleat:hover { background-color: color-mix(in srgb,var(--keyed_router) 8%,transparent); border-color: var(--fanned_axis) }
.clean_backer .clean_token { color: var(--keyed_router) }
.clean_backer .scored_dial a[aria-current="page"],.clean_backer .scored_dial a:hover { color: var(--keyed_router) }
.clean_backer .onboard_mast { border-color: var(--keyed_router) }
.clean_backer .shaded { border-color: color-mix(in srgb,var(--keyed_router) 34%,transparent) }
.clean_backer .crown { opacity: .65 }
.clean_backer input,.clean_backer textarea { color: var(--keyed_router); background: color-mix(in srgb,var(--keyed_router) 8%,var(--uniform_fascia)); border-color: color-mix(in srgb,var(--keyed_router) 56%,transparent) }
.clean_backer ::placeholder { color: color-mix(in srgb,var(--keyed_router) 55%,var(--uniform_fascia)) }
.lettered { background-image: linear-gradient(180deg,color-mix(in srgb,var(--maximal) 5%,transparent),transparent 70%) }
.onboard_mast { height: 3rem; width: 3rem; border-width: 0 }
.onboard_mast .linear_repeater { height: 1.375rem; width: 1.375rem }
.plotted_cornice,details { transition: all var(--focal_diagram) var(--frosted_row) }
input,textarea { transition: all var(--focal_diagram) var(--frosted_row) }
.engraved_ledger:not(.joint,.mounted) { isolation: isolate; position: relative }
.engraved_ledger:not(.joint,.mounted)::after { transition: all var(--focal_diagram) var(--frosted_row); background: var(--lacquered); z-index: -1; inset: 100% 0 0 0; content: ""; border-radius: inherit; position: absolute }
.engraved_ledger:not(.joint,.mounted):hover::after { inset: calc(-1 * var(--tiled)) }
.clean_backer .engraved_ledger:not(.joint,.mounted)::after { display: none }
.engraved_ledger:where(:not(.joint,.mounted)):hover { background-color: var(--honed_dropdown) }
.plotted_cornice:not(.fringed,.modeled,.mitred_fastener):hover,details:hover { box-shadow: inset 0 -0.5rem 0 var(--fanned_axis) }
input:not([type="checkbox"]):not([type="radio"]):focus,select:focus,textarea:focus { box-shadow: var(--nominal),0 0 0 2px var(--fanned_axis) }
.engraved_ledger:not(.joint,.mounted):hover:focus-visible,.engraved_ledger:focus-visible { box-shadow: var(--scrim)!important }
[data-stereo] [data-clean] .blended:not(:has(:is(.joint_scaffold,.curb,.granular,.tertiary_tunnel,.ultra,.grained_trim,.bounded_toolbar,.even_fascia,.fortified,.encoded_host,.shingled,.pure,.silent,.chambered,.certified_pulse,.debossed,.trailing_radar,.preview,.stamp,.stocked_hinge,.tensioned_hanger,.clean_kernel,.tensioned_range,.diagonal,.gimbal,.even_clamp,.lookup,.edited,.delegated_template))) { clip-path: inset(100% -100% -100% -100%); opacity: 0; transition: opacity var(--handheld_bolt) var(--cubic),clip-path var(--handheld_bolt) var(--cubic) }
[data-stereo] [data-clean][data-scrolled_tunnel] .blended:not(:has(:is(.joint_scaffold,.curb,.granular,.tertiary_tunnel,.ultra,.grained_trim,.bounded_toolbar,.even_fascia,.fortified,.encoded_host,.shingled,.pure,.silent,.chambered,.certified_pulse,.debossed,.trailing_radar,.preview,.stamp,.stocked_hinge,.tensioned_hanger,.clean_kernel,.tensioned_range,.diagonal,.gimbal,.even_clamp,.lookup,.edited,.delegated_template))) { clip-path: inset(-1rem -100% -100% -100%); opacity: 1 }
[data-stereo] [data-clean] .blended:has(:is(.joint_scaffold,.curb,.granular,.ultra,.certified_pulse,.clean_kernel,.edited)) { opacity: 0; transition: opacity var(--handheld_bolt) var(--cubic) }
[data-stereo] [data-clean][data-scrolled_tunnel] .blended:has(:is(.joint_scaffold,.curb,.granular,.ultra,.certified_pulse,.clean_kernel,.edited)) { opacity: 1 }
[data-stereo] [data-clean] :is(.joint_scaffold,.curb,.granular,.ultra,.certified_pulse,.clean_kernel,.edited)>* { opacity: 0; transition: opacity var(--handheld_bolt) var(--cubic),clip-path var(--handheld_bolt) var(--cubic); clip-path: inset(100% -100% -100% -100%) }
[data-stereo] [data-clean][data-scrolled_tunnel] :is(.joint_scaffold,.curb,.granular,.ultra,.certified_pulse,.clean_kernel,.edited)>* { clip-path: inset(-1rem -100% -100% -100%); opacity: 1 }
[data-stereo] [data-clean][data-scrolled_tunnel] :is(.joint_scaffold,.curb,.granular,.ultra,.certified_pulse,.clean_kernel,.edited)>*:nth-child(2) { transition-delay: calc(1 * var(--segmented)) }
[data-stereo] [data-clean][data-scrolled_tunnel] :is(.joint_scaffold,.curb,.granular,.ultra,.certified_pulse,.clean_kernel,.edited)>*:nth-child(3) { transition-delay: calc(2 * var(--segmented)) }
[data-stereo] [data-clean][data-scrolled_tunnel] :is(.joint_scaffold,.curb,.granular,.ultra,.certified_pulse,.clean_kernel,.edited)>*:nth-child(4) { transition-delay: calc(3 * var(--segmented)) }
[data-stereo] [data-clean][data-scrolled_tunnel] :is(.joint_scaffold,.curb,.granular,.ultra,.certified_pulse,.clean_kernel,.edited)>*:nth-child(5) { transition-delay: calc(4 * var(--segmented)) }
[data-stereo] [data-clean][data-scrolled_tunnel] :is(.joint_scaffold,.curb,.granular,.ultra,.certified_pulse,.clean_kernel,.edited)>*:nth-child(6) { transition-delay: calc(5 * var(--segmented)) }
[data-stereo] [data-clean][data-scrolled_tunnel] :is(.joint_scaffold,.curb,.granular,.ultra,.certified_pulse,.clean_kernel,.edited)>*:nth-child(n+7) { transition-delay: calc(5 * var(--segmented)) }