body.preloading{overflow:hidden}
.preloader--postcards{display:block;overflow:hidden;isolation:isolate;background:#0a2936;transform:none;transition:none;visibility:visible;pointer-events:auto}
.preloader--postcards.is-done{visibility:hidden;opacity:0;transform:none;transition:none}
.preloader--postcards img{display:block;width:100%;height:100%;object-fit:cover}
.preloader--postcards .postcards__gallery{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
.preloader--postcards .postcards__panel{position:relative;overflow:hidden;transform:translateY(105%)}
.preloader--postcards .postcards__panel img{filter:saturate(.85) contrast(1.08);transform:scale(1.15)}
.preloader--postcards .postcards__panel:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,24,33,.65),transparent 55%)}
.preloader--postcards .postcards__panel span{position:absolute;z-index:1;left:20px;bottom:27px;font:800 10px var(--sans);letter-spacing:.16em}
.preloader--postcards .postcards__panel--one img{object-position:32% center}
.preloader--postcards .postcards__panel--two img{object-position:65% center}
.preloader--postcards .postcards__panel--three img{object-position:center 50%}
.preloader--postcards .postcards__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,24,31,.45),rgba(5,24,31,.06) 48%,rgba(5,24,31,.4));pointer-events:none}
.preloader--postcards .postcards__copy{position:absolute;z-index:2;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;text-shadow:0 4px 30px rgba(0,15,25,.5);padding:25px}
.preloader--postcards .postcards__copy>span{font:800 10px var(--sans);letter-spacing:.28em}
.preloader--postcards .postcards__copy strong{font:600 clamp(67px,8.3vw,143px)/.92 var(--sans);letter-spacing:-.07em;margin:23px 0}
.preloader--postcards .postcards__copy em{font-family:Georgia,serif;font-weight:400;color:#ffab85}
.preloader--postcards .postcards__copy strong em{display:block;font-size:clamp(28px,4.3vw,65px);line-height:1.12;letter-spacing:-.045em;margin-top:12px}
.preloader--postcards .postcards__copy p{font:800 10px var(--sans);letter-spacing:.21em;margin:0;color:#fff}
.preloader--postcards .postcards__progress{position:absolute;z-index:2;left:clamp(25px,5vw,75px);right:clamp(25px,5vw,75px);top:28px;display:flex;align-items:center;gap:20px;font:800 9px var(--sans);letter-spacing:.16em}
.preloader--postcards .postcards__progress i{height:2px;background:var(--coral);flex:1;transform:scaleX(0);transform-origin:left}
.preloader--postcards.is-playing{animation:postcardsShell 2.5s linear both}
.preloader--postcards.is-playing .postcards__panel--one{animation:postcardsOne 2.5s cubic-bezier(.25,.72,.16,1) both}
.preloader--postcards.is-playing .postcards__panel--two{animation:postcardsTwo 2.5s cubic-bezier(.25,.72,.16,1) both}
.preloader--postcards.is-playing .postcards__panel--three{animation:postcardsThree 2.5s cubic-bezier(.25,.72,.16,1) both}
.preloader--postcards.is-playing .postcards__panel img{animation:postcardsZoom 2.5s ease-out both}
.preloader--postcards.is-playing .postcards__copy{animation:postcardsCopy 2.5s ease-in-out both}
.preloader--postcards.is-playing .postcards__progress i{animation:postcardsFill 2.25s cubic-bezier(.18,.5,.12,1) forwards}
@keyframes postcardsShell{0%,82%{opacity:1}100%{opacity:0}}
@keyframes postcardsOne{0%{transform:translateY(105%)}20%,84%{transform:translateY(0)}100%{transform:translateY(-105%)}}
@keyframes postcardsTwo{0%,5%{transform:translateY(105%)}27%,84%{transform:translateY(0)}100%{transform:translateY(-105%)}}
@keyframes postcardsThree{0%,10%{transform:translateY(105%)}34%,84%{transform:translateY(0)}100%{transform:translateY(-105%)}}
@keyframes postcardsZoom{from{transform:scale(1.16)}to{transform:scale(1)}}
@keyframes postcardsCopy{0%,20%{opacity:0;transform:translateY(15px)}37%,81%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-20px)}}
@keyframes postcardsFill{to{transform:scaleX(1)}}
@media(max-width:680px){
  .preloader--postcards .postcards__gallery{grid-template-columns:1fr;grid-template-rows:repeat(3,minmax(0,1fr));gap:3px}
  .preloader--postcards .postcards__panel img{object-position:center 50%}
  .preloader--postcards .postcards__panel--one img{object-position:center 44%}
  .preloader--postcards .postcards__panel--three img{object-position:center 50%}
  .preloader--postcards .postcards__panel span{font-size:8px;left:13px;bottom:10px}
  .preloader--postcards .postcards__shade{background:rgba(4,26,35,.27)}
  .preloader--postcards .postcards__copy>span{font-size:8px;letter-spacing:.12em}
  .preloader--postcards .postcards__copy strong{font-size:clamp(51px,12vw,78px);margin:17px 0}
  .preloader--postcards .postcards__copy p{font-size:8px;letter-spacing:.13em}
  .preloader--postcards .postcards__progress{left:16px;right:16px;top:18px;gap:9px;font-size:7px}
}
@media(max-width:390px){.preloader--postcards .postcards__copy strong{font-size:48px}}
@media(max-width:760px){.preloader--postcards .postcards__copy strong em{font-size:clamp(24px,6vw,38px);margin-top:9px}}
@media(prefers-reduced-motion:reduce){.preloader--postcards.is-playing,.preloader--postcards.is-playing .postcards__panel,.preloader--postcards.is-playing .postcards__panel img,.preloader--postcards.is-playing .postcards__copy,.preloader--postcards.is-playing .postcards__progress i{animation:none}.preloader--postcards .postcards__panel{transform:none}.preloader--postcards .postcards__copy{opacity:1}.preloader--postcards .postcards__progress i{transform:scaleX(1)}}