.statki-page { overflow: hidden; }
.statki-page .statki-hero { position: relative; min-height: 45rem; display: grid; grid-template-columns: minmax(0, 1fr); align-items: end; isolation: isolate; color: var(--color-smoked-white); background: var(--color-deep-atlantic); }
.statki-page .statki-hero__image, .statki-page .statki-deck-image__frame > img { width: 100%; max-width: none; height: 100%; object-fit: cover; }
.statki-page .statki-hero__image { position: absolute; inset: 0; z-index: -3; object-position: 72% center; }
.statki-page .statki-hero__shade { position: absolute; inset: 0; z-index: -2; background: linear-gradient(90deg, rgba(7,25,35,.9) 0%, rgba(7,25,35,.7) 42%, rgba(7,25,35,.16) 75%); }
.statki-page .statki-hero__content { width: min(100% - (var(--page-padding) * 2), var(--container-max)); min-width: 0; margin: 0 auto; padding: var(--space-8) 0; }
.statki-page .statki-hero__panel { width: min(58%, 45rem); min-width: 0; display: flex; flex-direction: column; gap: var(--space-5); padding: var(--space-6); }
.statki-page .statki-hero__panel > * { min-width: 0; margin: 0; }
.statki-page .statki-hero__panel h1 { max-width: 42.5rem; }
.statki-page .statki-hero__panel .lead { max-width: 38rem; }
.statki-page .statki-hero__actions { display: flex; min-width: 0; flex-wrap: wrap; align-items: center; gap: var(--space-4); }
.statki-page .statki-hero__actions > * { min-width: 0; }
.statki-page .statki-hero__note { color: var(--color-polished-steel); font-size: var(--text-xs); font-weight: 700; letter-spacing: .1em; line-height: var(--leading-label); text-transform: uppercase; }
.statki-page .statki-hero__route { position: absolute; z-index: -1; right: 9%; bottom: 20%; width: 31%; height: 28%; border-top: 1px solid rgba(233,221,200,.5); border-right: 1px solid rgba(233,221,200,.5); }
.statki-page .statki-hero__route span { position: absolute; top: -5px; left: 0; width: .65rem; height: .65rem; border-radius: 50%; background: var(--color-ocean-jade); animation: statki-route 10s linear infinite; }
.statki-page .statki-rhythm__intro { width: 55%; min-width: 0; }
.statki-page .statki-rhythm__intro > * { margin-block-start: 0; }
.statki-page .statki-rhythm__grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: var(--space-6); margin-top: var(--space-7); border-top: var(--border-metal); }
.statki-page .statki-rhythm__item { min-width: 0; padding-top: var(--space-5); border-right: 1px solid rgba(154,128,104,.55); }
.statki-page .statki-rhythm__item:last-child { border-right: 0; }
.statki-page .statki-rhythm__number, .statki-place__letter { display: block; color: var(--color-burnished-metal); font-family: var(--font-heading); font-size: 2.5rem; line-height: 1; }
.statki-page .statki-rhythm__item p { max-width: 21.25rem; }
.statki-page .statki-text-link { display: inline-flex; min-height: 2.75rem; max-width: 100%; align-items: center; gap: var(--space-2); color: var(--color-ocean-jade); font-size: var(--text-sm); font-weight: 700; text-decoration: underline; text-decoration-color: rgba(47,158,145,.55); text-underline-offset: .28em; }
.statki-page .statki-text-link:hover { color: var(--color-burnished-orange); }
.statki-page .statki-decks__layout { display: grid; grid-template-columns: minmax(0,40%) minmax(0,60%); gap: var(--space-7); }
.statki-page .statki-decks__intro, .statki-page .statki-decks__route { min-width: 0; }
.statki-page .statki-decks__intro .lead { max-width: 31.25rem; }
.statki-page .statki-decks__route { position: relative; display: flex; flex-direction: column; gap: var(--space-6); padding-left: var(--space-7); }
.statki-page .statki-decks__route::before { position: absolute; top: .5rem; bottom: .5rem; left: .5rem; width: 1px; background: var(--color-burnished-metal); content: ""; }
.statki-page .statki-decks__stop { position: relative; display: grid; grid-template-columns: minmax(0,2rem) minmax(0,1fr); gap: var(--space-4); min-width: 0; }
.statki-page .statki-decks__stop > * { min-width: 0; }
.statki-page .statki-decks__stop > div { max-width: 35rem; }
.statki-page .statki-decks__marker { display: flex; width: 2rem; height: 2rem; align-items: center; justify-content: center; border: 1px solid var(--color-burnished-metal); border-radius: 50%; background: var(--color-abyss-blue); color: var(--color-polished-steel); font-size: var(--text-xs); font-weight: 700; z-index: 1; }
.statki-page .statki-decks__marker--jade { border-color: var(--color-ocean-jade); color: var(--color-ocean-jade-light); }
.statki-page .statki-places__intro { width: 55%; min-width: 0; }
.statki-page .statki-places__grid { display: grid; grid-template-columns: repeat(12,minmax(0,1fr)); gap: var(--space-5); margin-top: var(--space-7); }
.statki-page .statki-place { min-width: 0; padding: var(--space-5); border: var(--border-light); background: rgba(244,240,232,.4); transition: transform var(--transition-fast), box-shadow var(--transition-fast); }
.statki-page .statki-place:nth-child(1), .statki-page .statki-place:nth-child(2) { grid-column: span 3; }
.statki-page .statki-place:nth-child(3), .statki-page .statki-place:nth-child(4) { grid-column: span 4; }
.statki-page .statki-place p { max-width: 23.75rem; }
.statki-page .statki-place--wide { background: rgba(255,244,229,.5); }
.statki-page .statki-place--wide strong { display: block; max-width: 32.5rem; margin-bottom: var(--space-5); }
.statki-page .statki-place--dark { background: var(--color-abyss-blue); color: var(--color-smoked-white); border-color: rgba(233,221,200,.18); }
.statki-page .statki-place--dark .statki-place__letter { color: var(--color-ocean-jade-light); }
@media (hover:hover) { .statki-page .statki-place:hover { transform: translateY(-2px); box-shadow: var(--shadow-deep); } .statki-page .statki-deck-image__frame:hover > img, .statki-page .statki-gallery__card:hover img { transform: scale(1.02); } }
.statki-page .statki-deck-image { background: var(--color-deep-atlantic); color: var(--color-smoked-white); padding-top: var(--space-8); }
.statki-page .statki-deck-image__heading { min-width: 0; padding-bottom: var(--space-6); }
.statki-page .statki-deck-image__heading h2 { max-width: 37.5rem; }
.statki-page .statki-deck-image__frame { position: relative; height: 36.25rem; overflow: hidden; }
.statki-page .statki-deck-image__frame > img { transition: transform var(--transition-slow); }
.statki-page .statki-deck-image__caption { position: absolute; width: min(20.625rem, calc(100% - 2.5rem)); min-width: 0; display: flex; flex-direction: column; gap: var(--space-3); padding: var(--space-5); }
.statki-page .statki-deck-image__caption > * { margin: 0; min-width: 0; }
.statki-page .statki-deck-image__caption h3 { font-size: 1.75rem; }
.statki-page .statki-deck-image__caption--left { bottom: var(--space-6); left: max(var(--page-padding), calc((100% - var(--container-max))/2)); }
.statki-page .statki-deck-image__caption--right { right: max(var(--page-padding), calc((100% - var(--container-max))/2)); bottom: var(--space-6); }
.statki-page .statki-evening__intro { width: 58%; min-width: 0; }
.statki-page .statki-evening__list { display: flex; flex-direction: column; min-width: 0; margin-top: var(--space-7); border-top: 1px solid rgba(233,221,200,.35); }
.statki-page .statki-evening__item { display: grid; grid-template-columns: minmax(0,22%) minmax(0,78%); gap: var(--space-5); min-width: 0; padding: var(--space-5) 0; border-bottom: 1px solid rgba(233,221,200,.25); }
.statki-page .statki-evening__item > * { min-width: 0; }
.statki-page .statki-evening__item > div { max-width: 38.75rem; }
.statki-page .statki-evening__label { color: var(--color-burnished-metal); font-size: var(--text-xs); font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.statki-page .statki-evening__item--casino { margin-inline: calc(var(--space-4) * -1); padding-inline: var(--space-4); background: rgba(13,43,56,.72); }
.statki-page .statki-casino__intro { width: 60%; min-width: 0; }
.statki-page .statki-casino__intro .lead { max-width: 38.75rem; }
.statki-page .statki-casino__body { display: grid; grid-template-columns: minmax(0,5fr) minmax(0,7fr); gap: var(--space-7); margin-top: var(--space-7); }
.statki-page .statki-casino__image, .statki-page .statki-casino__facts { min-width: 0; }
.statki-page .statki-casino__image { overflow: hidden; }
.statki-page .statki-casino__image img { width: 100%; height: 100%; min-height: 31rem; object-fit: cover; }
.statki-page .statki-casino__facts { display: flex; flex-direction: column; }
.statki-page .statki-casino__fact { display: grid; grid-template-columns: minmax(0,10rem) minmax(0,1fr); gap: var(--space-4); min-width: 0; padding: var(--space-5) 0; border-top: 1px solid rgba(154,128,104,.7); }
.statki-page .statki-casino__fact > * { min-width: 0; }
.statki-page .statki-casino__fact > div { max-width: 36.875rem; }
.statki-page .statki-casino__more { min-height: 2.75rem; padding: 0; color: var(--color-ocean-jade); font-size: var(--text-sm); font-weight: 700; text-align: left; text-decoration: underline; text-underline-offset: .22em; }
.statki-page .statki-casino__extra { margin-top: var(--space-3); color: var(--color-storm-grey); }
.statki-page .statki-checklist h2 { max-width: 38.75rem; }
.statki-page .statki-checklist__list { display: flex; flex-direction: column; min-width: 0; margin-top: var(--space-7); border-top: 1px solid rgba(233,221,200,.35); }
.statki-page .statki-checklist__item { display: grid; grid-template-columns: minmax(0,12%) minmax(0,88%); gap: var(--space-4); min-width: 0; padding: var(--space-5) 0; border-bottom: 1px solid rgba(233,221,200,.25); text-decoration: none; }
.statki-page .statki-checklist__item > * { min-width: 0; }
.statki-page .statki-checklist__item > span { color: var(--color-burnished-metal); font-family: var(--font-heading); font-size: 2.5rem; line-height: 1; }
.statki-page .statki-checklist__item > div { max-width: 38.75rem; }
.statki-page .statki-checklist__item--jade > span { color: var(--color-ocean-jade-light); }
.statki-page .statki-checklist__item:hover h3 { color: var(--color-ocean-jade-light); }
.statki-page .statki-gallery h2 { max-width: 38.75rem; }
.statki-page .statki-gallery__scroller { width: min(100% - (var(--page-padding) * 2), var(--container-max)); display: grid; grid-template-columns: minmax(0,5fr) minmax(0,4fr) minmax(0,3fr); gap: var(--space-5); margin: var(--space-7) auto 0; }
.statki-page .statki-gallery__card { min-width: 0; }
.statki-page .statki-gallery__card img { width: 100%; object-fit: cover; transition: transform var(--transition-slow); }
.statki-page .statki-gallery__card--ship img, .statki-page .statki-gallery__card--deck img { aspect-ratio: 4 / 3; }
.statki-page .statki-gallery__card--cabin img { aspect-ratio: 3 / 4; }
.statki-page .statki-gallery__card h3 { margin-top: var(--space-4); }
.statki-page .statki-gallery__card p { max-width: 20rem; }
.statki-page .statki-next h2 { max-width: 36.25rem; }
.statki-page .statki-next__grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin-top: var(--space-7); border-top: 1px solid rgba(233,221,200,.35); }
.statki-page .statki-next__item { min-width: 0; min-height: 17rem; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); padding: var(--space-5); border-right: 1px solid rgba(233,221,200,.25); color: var(--color-smoked-white); text-decoration: none; }
.statki-page .statki-next__item:last-child { border-right: 0; }
.statki-page .statki-next__item > * { min-width: 0; margin: 0; }
.statki-page .statki-next__item > span { color: var(--color-burnished-metal); font-size: var(--text-xs); font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.statki-page .statki-next__item h3 { font-size: 1.75rem; }
.statki-page .statki-next__item p { max-width: 18.125rem; }
.statki-page .statki-next__item b { margin-top: auto; color: var(--color-ocean-jade-light); font-size: var(--text-sm); }
.statki-page .statki-next__item:hover { background: rgba(244,240,232,.06); }
.statki-page .statki-note__panel { width: min(100%,47.5rem); min-width: 0; padding: var(--space-5); border: var(--border-metal); }
.statki-page .statki-note__panel > * { min-width: 0; }
.statki-page .statki-note__panel h2 { font-size: clamp(1.75rem,3vw,2rem); }
.statki-page a:focus-visible, .statki-page button:focus-visible { box-shadow: var(--focus-ring); }
@keyframes statki-route { 0% { transform: translate(0,0); } 52% { transform: translate(20vw,0); } 100% { transform: translate(20vw,14vh); } }
@media (max-width: 61.25rem) { .statki-page .statki-next__grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .statki-page .statki-next__item:nth-child(2) { border-right: 0; } .statki-page .statki-next__item:nth-child(-n+2) { border-bottom: 1px solid rgba(233,221,200,.25); } }
@media (max-width: 57.5rem) { .statki-page .statki-places__grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .statki-page .statki-place:nth-child(n) { grid-column: span 1; } .statki-page .statki-decks__layout, .statki-page .statki-casino__body { grid-template-columns: minmax(0,1fr); } .statki-page .statki-decks__route { max-width: 100%; } .statki-page .statki-casino__image img { min-height: auto; aspect-ratio: 4 / 3; } }
@media (max-width: 56.1875rem) { .statki-page .statki-hero { min-height: auto; display: flex; flex-direction: column; align-items: stretch; } .statki-page .statki-hero__image { position: relative; inset: auto; height: clamp(13.75rem,48vw,25rem); object-position: 72% center; } .statki-page .statki-hero__shade { display: none; } .statki-page .statki-hero__content { width: 100%; margin: 0; padding: var(--space-6) var(--page-padding-mobile) var(--space-8); background: var(--color-deep-atlantic); } .statki-page .statki-hero__panel { width: 100%; padding: 0; border: 0; background: transparent; box-shadow: none; backdrop-filter: none; } .statki-page .statki-hero__panel h1 { font-size: clamp(2.625rem,12vw,3.625rem); } .statki-page .statki-hero__route { display: none; } .statki-page .statki-rhythm__intro, .statki-page .statki-places__intro, .statki-page .statki-evening__intro, .statki-page .statki-casino__intro { width: 100%; } .statki-page .statki-rhythm__grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .statki-page .statki-rhythm__item:nth-child(2) { border-right: 0; } .statki-page .statki-rhythm__item:nth-child(3) { grid-column: 1 / -1; border-right: 0; border-top: 1px solid rgba(154,128,104,.55); } }
@media (max-width: 53.75rem) { .statki-page .statki-gallery__scroller { width: 100%; display: flex; overflow-x: auto; gap: var(--space-4); padding-left: var(--page-padding); padding-right: 14vw; scroll-snap-type: x mandatory; scrollbar-width: thin; } .statki-page .statki-gallery__card { width: 86vw; min-width: 86vw; scroll-snap-align: start; } }
@media (max-width: 47.5rem) { .statki-page .statki-deck-image__frame { height: auto; display: flex; flex-direction: column; overflow: visible; background: var(--color-deep-atlantic); } .statki-page .statki-deck-image__frame > img { height: auto; aspect-ratio: 4 / 3; } .statki-page .statki-deck-image__caption { position: static; width: 100%; max-width: none; border: 0; border-top: 1px solid rgba(233,221,200,.18); box-shadow: none; backdrop-filter: none; background: transparent; } .statki-page .statki-evening__item { grid-template-columns: minmax(0,1fr); gap: var(--space-3); padding-left: var(--space-5); border-left: 1px solid var(--color-burnished-metal); } .statki-page .statki-evening__item--casino { margin-inline: 0; } }
@media (max-width: 43.75rem) { .statki-page .statki-checklist__item { grid-template-columns: minmax(0,1fr); gap: var(--space-3); } }
@media (max-width: 39.9375rem) { .statki-page .statki-places__grid, .statki-page .statki-rhythm__grid, .statki-page .statki-next__grid { grid-template-columns: minmax(0,1fr); } .statki-page .statki-place:nth-child(n), .statki-page .statki-rhythm__item:nth-child(n) { grid-column: auto; border-right: 0; border-bottom: 1px solid rgba(154,128,104,.55); } .statki-page .statki-rhythm__item:last-child { border-bottom: 0; } .statki-page .statki-next__item, .statki-page .statki-next__item:nth-child(n) { min-height: 0; border-right: 0; border-bottom: 1px solid rgba(233,221,200,.25); } .statki-page .statki-next__item:last-child { border-bottom: 0; } .statki-page .statki-casino__fact { grid-template-columns: minmax(0,1fr); gap: var(--space-3); } }
@media (prefers-reduced-motion: reduce) { .statki-page .statki-hero__route span { animation: none; } .statki-page .statki-deck-image__frame > img, .statki-page .statki-gallery__card img { transition: none; } }