body{background:url(/wp-content/themes/zornica/assets/img/backgrounds/back-gn.svg);background-repeat:repeat;background-size:contain;background-position:top center;background-color:#fff;background-blend-mode:multiply}main{display:grid}main>*{min-width:0}main section.hero{grid-row:1}section.hero{overflow:clip;display:grid;place-items:center;grid-template-areas:"hero";padding-block:0;width:100%;height:100dvh}section.hero>*{grid-area:hero;width:100%;height:100%}section.hero .container{display:grid;grid-template-columns:1fr;gap:4rem;place-items:center;place-content:center;z-index:2}section.hero .container .intro{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.3rem;text-align:center;color:var(--color-white)}section.hero .container .intro h2{font-family: var(--font-playfair);font-weight:700;font-style:italic;font-size:var(--text-2xl);color:var(--color-white);line-height:1.1;letter-spacing:.02em}section.hero .container .intro hr{border-color:var(--color-white);width:100%;margin-bottom:6px}section.hero .container .intro p{font-size:var(--text-lg);font-weight:500;letter-spacing:.02em;line-height:1.25}section.hero .container .intro small{font-weight:500;font-size: clamp(0.8125rem, 0.625rem + 0.625vw, 1.125rem)}section.hero .container .hero-swiper-pagination{display:flex;align-items:center;justify-content:center;gap:2rem;transform:translateY(20vh)}section.hero .container .hero-swiper-pagination .swiper-pagination-bullet{display:block;width:18px;height:18px;aspect-ratio: 1/1;border-radius:50%;background-color:var(--color-white);opacity:.8;outline:1px solid transparent;transition:var(--dur) var(--ease)}section.hero .container .hero-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1;outline:2px solid var(--color-white);outline-offset:5px}section.hero .swiper .swiper-slide{position:relative;display:block;width:100%;height:100%;background-color:rgba(223,206,178,.7);background-blend-mode:multiply;background-repeat:no-repeat;background-size:cover;background-position:center center;pointer-events:none}@media screen and (min-width:640px){section.hero .container .hero-swiper-pagination{gap:3rem}}@media screen and (min-width:1024px){section.hero .container{grid-template-columns:1fr auto 1fr}section.hero .container .intro{grid-column:2}section.hero .container .hero-swiper-pagination{grid-column:3;flex-direction:column;transform:unset}}section.about{overflow-x:clip}section.about h1{font-weight:700;font-size:var(--text-xl);line-height:1.1;letter-spacing:.01em;color:var(--color-primary-soft);margin-bottom:40px}section.about p{font-size:1rem;line-height:1.3;letter-spacing:.02em;color:var(--color-text);margin-bottom:20px}section.about .swiper{margin-right: calc((50vw - 50%) * -1)}section.about .swiper .swiper-slide img{border-radius:10px;aspect-ratio: 3/4;width:100%;height:100%;object-fit:cover;object-position:center}section.about .about-swiper-controls{display:none;margin-top:3rem;margin-left:2rem;align-items:center;justify-content:start;gap:2rem}section.about .about-swiper-controls button{position:static;display:flex;align-items:center;justify-content:center;width:55px;height:55px;aspect-ratio: 1/1;padding:4px;border-radius:50%;color:var(--color-primary-soft);border:1px solid var(--color-primary-soft);transition:var(--dur) var(--ease)}section.about .about-swiper-controls button::after{content:none}@media (hover:hover){section.about .about-swiper-controls button:hover{border-color:var(--color-primary-hover);color:var(--color-primary-hover)}}section.about .about-swiper-controls button:active{border-color:var(--color-primary-active);color:var(--color-primary-active)}@media screen and (min-width:1024px){section.about .container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:3rem}section.about .container .info{grid-row:span 2}section.about .container .swiper{margin-left:0}section.about .container .swiper .swiper-slide{aspect-ratio: 9/16}section.about .container .swiper .swiper-slide.is-bottom{padding-top:40px}section.about .container .swiper .swiper-slide.is-top{padding-bottom:40px}section.about .container .about-swiper-controls{display:flex;grid-column:2;grid-row:2;justify-content:center}}section.info{display:flex;flex-direction:column;align-items:center;padding-bottom:0;text-align:center}section.info h2{font-weight:700;font-size:var(--text-xl);line-height:1.1;letter-spacing:.01em;color:var(--color-primary-soft);margin-bottom:40px}section.info p{font-size:var(--text-lg);line-height:1.3;letter-spacing:.02em;color:var(--color-text);margin-bottom:40px}section.info .btn{padding-block:12px}@media screen and (min-width:768px){section.info p{max-width:70%}}section.appartments ul{display:grid}section.appartments ul li{padding:2rem;background-color:rgba(0,0,0,.5);background-repeat:no-repeat;background-blend-mode:multiply;background-size:100%;background-position:center;transition:background var(--dur) var(--ease)}section.appartments ul li>a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2rem;height:100%;border:2px solid var(--color-secondary);border-radius:10px;padding:4rem;font-size: clamp(1.125rem, 0.75rem + 1.25vw, 1.75rem);font-weight:600;letter-spacing:.02em;color:var(--color-white);text-align:center;transition:border var(--dur) var(--ease) , color var(--dur) var(--ease)}section.appartments ul li>a svg{transition:var(--dur) var(--ease)}@media (hover:hover){section.appartments ul li>a:hover{border-color:var(--color-secondary-hover);color:var(--color-secondary-hover)}section.appartments ul li>a:hover svg{transform:scaleX(1.5)}section.appartments ul li:has(a:hover) {background-size:105%}}@media screen and (min-width:640px){section.appartments ul li:nth-child(odd) > a {margin-left:80px}section.appartments ul li:nth-child(even) > a {margin-right:80px}}@media screen and (min-width:768px){section.appartments ul{grid-template-columns:repeat(2,minmax(0,1fr))}section.appartments ul li>a{padding:3rem}section.appartments ul li{aspect-ratio: 8/4.5}}section.cta{padding-block:40px;background-repeat:no-repeat;background-size:cover;background-position:center;background-color:rgba(0,0,0,.5);background-blend-mode:multiply}section.cta .container>div{border:2px solid var(--color-secondary);border-radius:10px;padding:2.5rem 1rem;text-align:center}section.cta .container>div h2{font-weight:700;font-size:var(--text-xl);color:var(--color-white);letter-spacing:.01em;margin-bottom:26px}section.cta .container>div p{font-size:var(--text-lg);line-height:1.3;letter-spacing:.02em;color:var(--color-white);margin-bottom:48px}section.cta .container>div div{display:flex;flex-direction:column;gap:1rem}section.cta .container .btn{padding-block:12px}@media screen and (min-width:768px){section.cta .container>div div{flex-direction:row;align-items:center;justify-content:center;gap:2rem}}section.leisures{background-image:url(/wp-content/themes/zornica/assets/img/backgrounds/back-gn.svg);background-repeat:no-repeat;background-size:contain;background-position:top center;background-color:var(--color-white)}section.leisures .container>strong{font-weight:700;font-size:var(--text-xl);letter-spacing:.01em;color:var(--color-primary-soft)}section.leisures .container div{margin-top:3rem;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4,minmax(250px,1fr));gap:2rem}section.leisures .container div a{background-position:center;background-size:cover;background-repeat:no-repeat;background-color:rgba(0,0,0,.35);background-blend-mode:multiply;border-radius:10px;display:flex;align-items:flex-end;padding:2rem}section.leisures .container div a strong{font-weight:500;font-size: clamp(1.125rem, 0.75rem + 1.25vw, 1.75rem);letter-spacing:.02em;color:var(--color-white)}@media screen and (min-width:768px){section.leisures .container div{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(250px,1fr))}section.leisures .container div a:first-child{grid-column:span 2}section.leisures .container div a:last-child{grid-column: 2 / span 2}}@media screen and (min-width:1024px){section.leisures .container div a{background-size:100%;transition:background var(--dur) var(--ease)}@media (hover: hover) {
    section.leisures .container div a:hover {
      background-size: 110%;
    }
  }}section.resort{padding-block:0;background-color:var(--color-secondary)}section.resort .container .swiper{height:500px;width:100vw;margin-inline: calc((50vw - 50%) * -1)}section.resort .container .swiper .swiper-slide img{height:100%;object-fit:cover;object-position:center}section.resort .container > div:not(.swiper) {padding-block:var(--section-padding);padding-inline:1rem}section.resort .container div h2{font-weight:700;font-size:var(--text-xl);line-height:1.22;letter-spacing:.01em;color:var(--color-primary-soft);margin-bottom:40px}section.resort .container div p{width:90%;font-weight:400;font-size:var(--text-lg);line-height:1.3;letter-spacing:.02em;color:var(--color-text);margin-bottom:20px}section.resort .container div .btn{margin-top:70px}@media screen and (min-width:1280px){section.resort .container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}section.resort .container .swiper{width:50vw;margin-inline:0;margin-left: calc((50vw - 100%) * -1)}section.resort .container > div:not(.swiper) {padding-inline:0}section.resort .container .swiper{height:unset}}