[data-statki-page] { overflow: clip; background: var(--color-deep-ocean-navy); }
[data-statki-page] section { min-width: 0; }
.statki-hero { position: relative; min-height: 41.25rem; display: grid; align-items: end; isolation: isolate; }
.statki-hero__media, .statki-hero__wash { position: absolute; inset: 0; z-index: -1; }
.statki-hero__media img { width: 100%; height: 100%; object-fit: cover; object-position: 72% center; }
.statki-hero__wash { background: linear-gradient(90deg, rgb(7 25 35 / 94%) 0%, rgb(7 25 35 / 76%) 38%, rgb(7 25 35 / 22%) 72%), linear-gradient(0deg, rgb(7 25 35 / 94%) 0%, transparent 60%); }
.statki-hero__inner { width: min(100% - 4rem, 80rem); margin: 0 auto; padding: 7rem 0 5rem; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 1.5rem; }
.statki-hero__copy { grid-column: 1 / span 6; width: 100%; max-width: 41.875rem; min-width: 0; display: flex; flex-direction: column; gap: 1rem; }
.statki-hero__copy > * { margin: 0; min-width: 0; }
.statki-hero h1 { font-size: clamp(3rem, 5.4vw, 4rem); }
.statki-hero__lead { max-width: 39rem; color: var(--color-pearl-white); font-size: var(--text-lead); line-height: var(--leading-lead); }
.statki-hero__scope { max-width: 40rem; padding: .75rem 0; border-top: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border); color: var(--color-mist); font-size: var(--text-label); line-height: var(--leading-label); }
.statki-section { padding: 5rem 0; }
.statki-section--surface { background: var(--color-abyss-blue); border-top: 1px solid var(--color-border-subtle); border-bottom: 1px solid var(--color-border-subtle); }
.statki-section__container { width: min(100% - 4rem, 80rem); margin: 0 auto; min-width: 0; }
.statki-section-heading { display: flex; flex-direction: column; gap: .75rem; width: 100%; min-width: 0; }
.statki-section-heading > * { margin: 0; min-width: 0; }
.statki-section-heading__copy { color: var(--color-mist); }
.statki-filter-layout { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: 3rem; align-items: start; }
.statki-filter-layout > * { min-width: 0; width: 100%; }
.statki-filter-intro { max-width: 22.5rem; }
.statki-catalog-form { padding: 2rem; border: 1px solid var(--color-border); border-radius: var(--radius-md); background: rgb(13 41 53 / 92%); box-shadow: var(--shadow-floating); display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
.statki-catalog-form > * { min-width: 0; width: 100%; }
.statki-search-field { grid-column: span 4; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .75rem; }
.statki-control { display: flex; flex-direction: column; gap: .5rem; color: var(--color-mist); font-size: var(--text-label); font-weight: 700; }
.statki-control span { min-width: 0; }
.statki-control input, .statki-control select { width: 100%; min-width: 0; min-height: 3rem; }
.statki-form-actions { grid-column: span 4; display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; }
.statki-form-actions > * { min-width: 0; }
.statki-results { margin-top: 1.5rem; padding-top: 1rem; border-top: 1px solid var(--color-border-subtle); display: grid; grid-template-columns: minmax(0, 1fr) minmax(12rem, auto); gap: 1rem; align-items: center; }
.statki-results > * { min-width: 0; }
.statki-results__copy { display: flex; flex-direction: column; gap: .25rem; }
.statki-results__copy > * { margin: 0; }
.statki-mobile-filter { display: none; }
.statki-catalog-heading { max-width: 40rem; margin-bottom: 2rem; }
.statki-catalog-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; }
.statki-catalog-grid > * { min-width: 0; width: 100%; }
.statki-ship-card { display: flex; flex-direction: column; min-width: 0; overflow: hidden; border: 1px solid var(--color-border-subtle); border-radius: var(--radius-md); background: var(--color-abyss-blue); transition: border-color var(--transition-base), transform var(--transition-base); }
.statki-ship-card:hover { border-color: var(--color-turquoise); transform: translateY(-2px); }
.statki-ship-card__image { width: 100%; aspect-ratio: 16 / 10; min-width: 0; }
.statki-ship-card__image img { width: 100%; height: 100%; object-fit: cover; }
.statki-ship-card__body { display: flex; flex: 1 1 auto; flex-direction: column; gap: 1rem; padding: 1.5rem; min-width: 0; }
.statki-ship-card__body > * { margin: 0; min-width: 0; }
.statki-ship-card h3 { font-size: clamp(1.75rem, 2.5vw, 2.25rem); }
.statki-ship-card__line { color: var(--color-mist); font-size: var(--text-ui); }
.statki-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin: 0; }
.statki-facts > div { min-width: 0; padding-top: .75rem; border-top: 1px solid var(--color-border-subtle); }
.statki-facts dt, .statki-facts dd { margin: 0; min-width: 0; }
.statki-facts dd { margin-top: .25rem; color: var(--color-pearl-white); font-variant-numeric: tabular-nums; font-size: var(--text-ui); }
.statki-onboard { display: flex; flex-direction: column; gap: .5rem; padding-top: .75rem; border-top: 1px solid var(--color-border-subtle); }
.statki-onboard > * { margin: 0; }
.statki-onboard ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem .75rem; padding: 0; list-style: none; color: var(--color-mist); font-size: var(--text-meta); }
.statki-onboard li { min-width: 0; }
.statki-card-extra { padding-top: .75rem; border-top: 1px solid var(--color-border-subtle); color: var(--color-mist); font-size: var(--text-label); }
.statki-card-actions { display: flex; flex-wrap: wrap; gap: .75rem; align-items: center; margin-top: auto; padding-top: 1rem; border-top: 1px solid var(--color-border-subtle); }
.statki-card-actions > * { min-width: 0; }
.statki-empty { max-width: 35rem; margin-top: 1.5rem; padding: 2rem; border: 1px solid var(--color-border); background: var(--color-abyss-blue); }
.statki-empty > * { min-width: 0; }
.statki-scale { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: 3rem; }
.statki-scale > * { min-width: 0; width: 100%; }
.statki-scale__copy { max-width: 43.75rem; display: flex; flex-direction: column; gap: 1rem; }
.statki-scale__copy > * { margin: 0; }
.statki-definitions { display: flex; flex-direction: column; gap: 1.25rem; padding-left: 1rem; border-left: 1px solid var(--color-border-subtle); }
.statki-definition { min-width: 0; padding-top: 1rem; border-top: 1px solid var(--color-border-subtle); }
.statki-definition > * { min-width: 0; }
.statki-definition p { max-width: 26.25rem; color: var(--color-mist); }
.statki-life { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 0; align-items: start; }
.statki-life > * { min-width: 0; width: 100%; }
.statki-life__media { min-height: 41rem; }
.statki-life__media img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.statki-life__copy { position: relative; z-index: 1; margin: 3rem 0 3rem -2rem; padding: 2rem; border: 1px solid var(--color-border); background: rgb(13 41 53 / 94%); box-shadow: var(--shadow-floating); display: flex; flex-direction: column; gap: 1.25rem; }
.statki-life__copy > * { margin: 0; min-width: 0; }
.statki-life__copy > p { max-width: 42.5rem; color: var(--color-mist); }
.statki-life-points { display: grid; grid-template-columns: 1fr; gap: 1rem; }
.statki-life-point { min-width: 0; padding-top: 1rem; border-top: 1px solid var(--color-border-subtle); }
.statki-life-point > * { min-width: 0; }
.statki-life-point p { max-width: 39rem; color: var(--color-mist); }
.statki-casino-note { padding: 1rem; border-left: 2px solid var(--color-burnished-copper); background: rgb(53 67 74 / 65%); }
.statki-casino-note > * { min-width: 0; }
.statki-priority-intro { max-width: 40.625rem; margin-bottom: 2rem; }
.statki-priority-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; }
.statki-priority-grid > * { min-width: 0; width: 100%; }
.statki-priority-card { min-width: 0; padding: 2rem; border: 1px solid var(--color-border-subtle); background: var(--color-abyss-blue); display: flex; flex-direction: column; gap: .75rem; }
.statki-priority-card > * { margin: 0; min-width: 0; }
.statki-priority-card p { max-width: 32.5rem; color: var(--color-mist); }
.statki-compare-section { position: relative; }
.statki-compare-head { max-width: 36.25rem; margin-bottom: 2rem; }
.statki-compare-head > * { margin: 0; }
.statki-compare-head { display: flex; flex-direction: column; gap: .75rem; }
.statki-comparison-status { color: var(--color-turquoise); font-weight: 700; }
.statki-comparison-empty { max-width: 35rem; padding: 2rem; border: 1px solid var(--color-border); background: rgb(7 25 35 / 35%); }
.statki-comparison-empty > * { min-width: 0; }
.statki-comparison-table-wrap { overflow-x: auto; border: 1px solid var(--color-border-subtle); }
.statki-comparison-table { min-width: 62.5rem; margin: 0; }
.statki-comparison-table th:first-child { position: sticky; left: 0; z-index: 1; min-width: 13.75rem; background: var(--color-abyss-blue); }
.statki-comparison-table th:not(:first-child), .statki-comparison-table td { min-width: 16.25rem; }
.statki-comparison-table th a, .statki-comparison-table th button { display: block; margin-top: .5rem; font-family: var(--font-body); font-size: var(--text-meta); font-weight: 500; }
.statki-comparison-table th button { color: var(--color-turquoise); text-decoration: underline; }
.statki-editorial-note { max-width: 47.5rem; margin-top: 1.5rem; padding: 1rem; border-left: 2px solid var(--color-turquoise); background: var(--color-storm-grey); }
.statki-editorial-note > * { min-width: 0; }
.statki-editorial-note p { color: var(--color-pearl-white); }
.statki-comparison-mobile { display: none; }
.statki-first { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 5fr); gap: 3rem; }
.statki-first > * { min-width: 0; width: 100%; }
.statki-first__intro { max-width: 35rem; display: flex; flex-direction: column; gap: 1rem; }
.statki-first__intro > * { margin: 0; }
.statki-checklists { display: flex; flex-direction: column; gap: 1.5rem; }
.statki-checklists > * { min-width: 0; }
.statki-checklist { padding-top: 1rem; border-top: 1px solid var(--color-border-subtle); }
.statki-checklist > * { min-width: 0; }
.statki-checklist ol { margin-bottom: 0; padding-left: 1.4rem; color: var(--color-mist); }
.statki-checklist li + li { margin-top: .75rem; }
.statki-closing { border-top: 1px solid var(--color-burnished-copper); }
.statki-closing__copy { width: 58.333%; max-width: 47.5rem; display: flex; flex-direction: column; gap: 1rem; }
.statki-closing__copy > * { margin: 0; min-width: 0; }
.statki-closing__copy p { max-width: 43.75rem; color: var(--color-mist); }
.statki-compare-bar { position: fixed; right: 1.5rem; bottom: 1.5rem; z-index: 10; width: min(31rem, calc(100vw - 3rem)); padding: 1rem; border: 1px solid var(--color-turquoise); border-radius: var(--radius-md); background: rgb(13 41 53 / 96%); box-shadow: var(--shadow-floating); }
.statki-compare-bar__inner { display: flex; flex-direction: column; gap: .75rem; }
.statki-compare-bar__inner > * { min-width: 0; }
.statki-compare-names { display: flex; flex-wrap: wrap; gap: .5rem; }
.statki-compare-names span { display: inline-flex; align-items: center; gap: .25rem; min-width: 0; padding: .25rem .5rem; border: 1px solid var(--color-border); border-radius: var(--radius-pill); color: var(--color-mist); font-size: var(--text-meta); }
.statki-compare-names button { min-width: 1.25rem; color: var(--color-pearl-white); font-size: 1rem; line-height: 1; }
.statki-filter-dialog { width: min(100% - 2rem, 42rem); max-height: 85vh; padding: 0; border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-abyss-blue); color: var(--color-text); }
.statki-filter-dialog::backdrop { background: rgb(7 25 35 / 75%); }
.statki-filter-dialog__inner { padding: 1.5rem; display: flex; flex-direction: column; gap: 1.25rem; }
.statki-filter-dialog__inner > * { min-width: 0; }
.statki-filter-dialog__head { display: flex; justify-content: space-between; gap: 1rem; align-items: center; }
.statki-filter-dialog__head > * { min-width: 0; }
.statki-filter-dialog__fields { display: grid; grid-template-columns: 1fr; gap: 1rem; }

@media (max-width: 65rem) {
  .statki-hero__inner, .statki-section__container { width: min(100% - 3rem, 80rem); }
  .statki-hero__copy { grid-column: 1 / span 7; }
  .statki-filter-layout { grid-template-columns: 1fr; gap: 2rem; }
  .statki-filter-intro { max-width: 37.5rem; }
  .statki-catalog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .statki-life { grid-template-columns: 1fr; gap: 0; }
  .statki-life__media { min-height: 28rem; }
  .statki-life__copy { margin: -2rem 1.5rem 0; }
}
@media (max-width: 56.25rem) {
  .statki-scale, .statki-first { grid-template-columns: 1fr; gap: 2rem; }
  .statki-definitions { padding-left: 0; border-left: 0; }
  .statki-priority-grid { grid-template-columns: 1fr; }
  .statki-closing__copy { width: 100%; }
}
@media (max-width: 47.9375rem) {
  .statki-hero { min-height: 38.75rem; }
  .statki-hero__inner, .statki-section__container { width: min(100% - 2.5rem, 80rem); }
  .statki-hero__inner { grid-template-columns: 1fr; padding: 5rem 0 3rem; }
  .statki-hero__copy { grid-column: 1; max-width: none; }
  .statki-hero h1 { font-size: 2.25rem; line-height: 1.167; }
  .statki-hero__lead { max-width: none; font-size: 1.0625rem; line-height: 1.588; }
  .statki-hero__wash { background: linear-gradient(0deg, rgb(7 25 35 / 97%) 0%, rgb(7 25 35 / 88%) 53%, rgb(7 25 35 / 18%) 100%); }
  .statki-section { padding: 3.5rem 0; }
  .statki-filter-layout { gap: 1.5rem; }
  .statki-catalog-form { display: none; }
  .statki-mobile-filter { display: block; width: 100%; }
  .statki-results { grid-template-columns: 1fr; }
  .statki-results__sort { width: 100%; }
  .statki-catalog-grid { grid-template-columns: 1fr; gap: 1.25rem; }
  .statki-ship-card__body { padding: 1.25rem; }
  .statki-life__media { width: 100vw; min-height: 17.5rem; margin-left: calc((100vw - 100%) / -2); }
  .statki-life__copy { margin: 0; padding: 1.5rem 0 0; border: 0; background: transparent; box-shadow: none; }
  .statki-priority-card { padding: 1.25rem; }
  .statki-comparison-table-wrap { display: none; }
  .statki-comparison-mobile { display: grid; grid-template-columns: 1fr; gap: 1rem; }
  .statki-comparison-card { min-width: 0; padding: 1.25rem; border: 1px solid var(--color-border-subtle); background: var(--color-deep-ocean-navy); }
  .statki-comparison-card__head { display: flex; justify-content: space-between; gap: 1rem; align-items: start; }
  .statki-comparison-card__head > * { min-width: 0; }
  .statki-comparison-card__head button { color: var(--color-turquoise); text-decoration: underline; }
  .statki-comparison-card dl { display: grid; grid-template-columns: 1fr; gap: .75rem; margin: 1rem 0; }
  .statki-comparison-card dl > div { min-width: 0; padding-top: .75rem; border-top: 1px solid var(--color-border-subtle); }
  .statki-comparison-card dt, .statki-comparison-card dd { margin: 0; }
  .statki-comparison-card dd { color: var(--color-pearl-white); }
  .statki-compare-bar { right: .75rem; bottom: .75rem; width: calc(100vw - 1.5rem); }
}