/* Rozcestník → podstránka: "premena interiéru" (see assets/js/transition.js) */

/* phase A: the chosen card reacts, the other one steps back */
.choice{transition:opacity .35s ease,transform .35s cubic-bezier(.22,1,.36,1),filter .35s ease}
.choice.is-dimmed{opacity:.35;transform:scale(.985);filter:saturate(.6)}
.choice.is-chosen .choice__image{transform:scale(1.06)!important;filter:saturate(1)!important}
.choice.is-chosen .choice__content{opacity:0;transform:translateY(-.75rem)!important;transition:opacity .3s ease,transform .3s ease}
.rk-tx-open,.rk-tx-open body{overflow:hidden}

.rk-tx{position:fixed;inset:0;z-index:9999;color:#fff;font-family:Inter,"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;pointer-events:auto}
.rk-tx__stage{position:absolute;inset:0;overflow:hidden;background:#0b1730;will-change:clip-path}
.rk-tx__photo{position:absolute;max-width:none;transform-origin:50% 50%;will-change:transform}
/* same shading as .choice:after, so nothing jumps when the overlay replaces the card */
.rk-tx__tint{position:absolute;inset:0;opacity:0;background:linear-gradient(180deg,rgba(6,15,34,.38) 0%,rgba(6,15,34,.08) 38%,rgba(6,15,34,.88) 100%)}
.rk-tx__veil{position:absolute;inset:0;background:#0b1730;opacity:0}
.rk-tx__scene{position:absolute;inset:0;opacity:0}
.rk-tx__scene svg{display:block;width:100%;height:100%}
.rk-tx__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#0b1730}
.rk-tx__scene svg *{transform-box:fill-box;transform-origin:50% 50%}
.rk-tx__scene .rk-cam{transform-origin:50% 55%;will-change:transform}
.rk-tx__scene .rk-shower{transform-origin:50% 0}
.rk-tx__scene .rk-tall,.rk-tx__scene .rk-front{transform-origin:50% 100%}

/* hand-over frame: identical image + shading to the destination hero (#s_header in brand.css) */
.rk-tx__scrim{position:absolute;inset:0;opacity:0;background:linear-gradient(20deg,rgba(8,18,40,.82) 0%,rgba(8,18,40,.45) 32%,rgba(8,18,40,0) 60%)}
.rk-tx__hero{position:absolute;inset:0;background:center/cover no-repeat;opacity:0}
.rk-tx__shade{position:absolute;inset:0;opacity:0;background:linear-gradient(90deg,rgba(8,18,40,.93) 0%,rgba(8,18,40,.8) 40%,rgba(8,18,40,.3) 75%,rgba(8,18,40,.12) 100%),linear-gradient(0deg,rgba(8,18,40,.35),transparent 40%)}

.rk-tx__caption{position:absolute;left:clamp(1.25rem,6vw,6rem);right:1.25rem;bottom:clamp(6rem,16vh,10rem);max-width:44rem;pointer-events:none}
.rk-tx__title{margin:0 0 .6rem;font-size:clamp(1.8rem,4vw,3.4rem);font-weight:600;line-height:1.1;letter-spacing:-.03em;text-shadow:0 4px 30px rgba(0,0,0,.45);opacity:0}
.rk-tx__sub{display:inline-flex;align-items:center;gap:.7rem;margin:0;color:#cfe5fb;font-size:.8rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;text-shadow:0 2px 12px rgba(0,0,0,.5);opacity:0}
.rk-tx__sub:before{content:"";width:2.5rem;height:1px;background:currentColor}

.rk-tx__progress{position:absolute;left:clamp(1.25rem,6vw,6rem);right:clamp(1.25rem,6vw,6rem);bottom:clamp(1.5rem,5vh,2.75rem);opacity:0;pointer-events:none}
.rk-tx__progress ol{display:flex;gap:clamp(1rem,4vw,3rem);margin:0 0 .7rem;padding:0;list-style:none}
.rk-tx__progress li{color:rgba(255,255,255,.45);font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;transition:color .3s}
.rk-tx__progress li.is-done{color:rgba(255,255,255,.7)}
.rk-tx__progress li.is-active{color:#fff}
.rk-tx__bar{display:block;height:2px;overflow:hidden;background:rgba(255,255,255,.2)}
.rk-tx__bar i{display:block;height:100%;background:linear-gradient(90deg,#8cc6f7,#1a86e6);transform:scaleX(0);transform-origin:0 50%}

.rk-tx__skip{position:absolute;top:clamp(1rem,3vh,1.75rem);right:clamp(1rem,3vw,2rem);padding:.55rem 1rem;border:1px solid rgba(255,255,255,.35);border-radius:999px;color:#fff;background:rgba(8,18,40,.45);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:600 .78rem/1 Inter,system-ui,sans-serif;letter-spacing:.06em;cursor:pointer;transition:background .2s,border-color .2s}
.rk-tx__skip:hover,.rk-tx__skip:focus-visible{border-color:#fff;background:rgba(8,18,40,.75)}
.rk-tx__skip:focus-visible{outline:3px solid #8cc6f7;outline-offset:3px}
.rk-tx__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* skip / reduced motion: show the destination frame at once */
.rk-tx.is-skipped .rk-tx__stage{clip-path:none!important}
.rk-tx.is-skipped .rk-tx__hero,.rk-tx.is-skipped .rk-tx__shade,.rk-tx.is-reduced .rk-tx__hero,.rk-tx.is-reduced .rk-tx__shade{opacity:1!important;transition:opacity .2s}
.rk-tx.is-skipped .rk-tx__caption,.rk-tx.is-skipped .rk-tx__progress,.rk-tx.is-reduced .rk-tx__caption,.rk-tx.is-reduced .rk-tx__progress,.rk-tx.is-reduced .rk-tx__skip{display:none}
.rk-tx.is-reduced .rk-tx__photo,.rk-tx.is-reduced .rk-tx__tint,.rk-tx.is-reduced .rk-tx__scene{display:none}

@media(max-width:700px){
  .rk-tx__caption{bottom:6.5rem}
  .rk-tx__progress li{font-size:.62rem;letter-spacing:.08em}
}

/* the destination page opens with the same frame → cross-document fade where supported */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.4s}