/* Two separate backgrounds: T-ECO entry and the INTUO workspace. */
.cinema{background:#dbe1dd url(./hospital.webp) center/cover no-repeat}
.panorama{display:none;background-image:url(./intuo-noc-bez-statkow.jpg);background-position:center 45%;animation:none;transform:none;will-change:auto}
.intuo-active .panorama{display:block}
.intuo-active .cinema{background:#dbe1dd}
.photo-credit{display:none}
.intuo-active .photo-credit{display:block}
/* Cards remain suspended visually, without any movement. */
.floating-tile,.floating-tile:hover,.floating-tile:focus-visible{animation:none;transform:none}
.intuo-workspace{animation:none}
.page{min-height:100vh;min-height:100svh;padding-top:max(32px,env(safe-area-inset-top));padding-bottom:max(24px,env(safe-area-inset-bottom));padding-left:max(48px,env(safe-area-inset-left));padding-right:max(48px,env(safe-area-inset-right))}
input{font-size:16px;-webkit-appearance:none;appearance:none}
button,a,input{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.access{-webkit-backdrop-filter:blur(12px)}
.floating-tile{-webkit-backdrop-filter:blur(18px)}
.intuo-exit{-webkit-backdrop-filter:blur(10px)}
.space-dialog::backdrop{-webkit-backdrop-filter:blur(9px)}
.space-dialog{max-height:80vh;max-height:calc(100dvh - 40px);overflow:auto;overscroll-behavior:contain}
.dialog-close{min-width:44px;min-height:44px}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.floating-tile{background:#f7faf4f0}.access{background:#f6f5f0ed}}
@media(max-width:600px){
  .page{padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom));padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}
  main{padding-top:38px;padding-bottom:32px}
  .intuo-active main{padding-top:18px}
  .logo-wrap{width:85%;max-width:340px}
  #submit,.intuo-exit,.dialog-back{min-height:44px}
  .partner-logo{min-height:44px;display:flex;align-items:center}
  .intuo-brand h1{width:min(270px,76%)}
  .floating-tiles{gap:22px}
  .floating-tile{width:100%;min-height:238px}
  .tile-number{font-size:9px}.tile-subtitle{font-size:9px}.tile-bottom{font-size:8px}
  .panorama{background-position:49% center;inset:0}
  .intuo-active .mist{background:linear-gradient(#f6f5f083,#f6f5f0b0)}
}
@media(max-width:360px){.page{padding-left:16px;padding-right:16px}.floating-tile{padding:22px}.intuo-exit{padding:10px}.intro{font-size:13px}.access{padding:20px 12px 10px}}
@media(orientation:landscape) and (max-height:500px){main{padding-top:20px}.intuo-brand{margin-bottom:24px}.intuo-brand h1{width:200px}.floating-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}




.intuo-active .panorama{background-size:125% auto;background-position:left 48%}@media(max-width:600px){.intuo-active .panorama{background-size:auto 120%;background-position:36% center}}


/* INTUO: supplied Klif film, with a light veil and a still fallback. */
.intuo-active .panorama{background-image:url(./intuo-klif.webp);background-size:cover;background-position:center;inset:0;filter:none}
#intuo-film{position:absolute;inset:0;object-fit:cover;object-position:center;filter:blur(.5px) saturate(.85);opacity:1;transform:scale(1.015)}
#intuo-film[hidden]{display:none}
.intuo-active .mist{background:linear-gradient(110deg,#f6f5f04d,#f6f5f066 50%,#f6f5f04d);backdrop-filter:blur(.5px);-webkit-backdrop-filter:blur(.5px)}