/* TT Firs Neue is the owner's requested logo face. Add its webfont file later for production. */
.brand{font-family:'TT Firs Neue','TT Firs',Arial,sans-serif;font-size:1.9rem;font-weight:600;letter-spacing:-.065em;line-height:.8}

@font-face{font-family:'TT Firs Neue';src:url('/fonts/TTFirsNeue-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'TT Firs Neue';src:url('/fonts/TTFirsNeue-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'TT Firs Neue';src:url('/fonts/TTFirsNeue-DemiBold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'TT Firs Neue';src:url('/fonts/TTFirsNeue-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
:root{--sans:'TT Firs Neue',Arial,sans-serif;--serif:'TT Firs Neue',Arial,sans-serif}
.hero{min-height:max(100vh,820px)}.hero-location{display:inline-flex;align-items:center;gap:7px;color:#fff;text-decoration:none;font-size:12px;letter-spacing:.02em;font-weight:700;margin-bottom:22px}.hero-location svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7}.hero .hero-location:hover{text-decoration:underline}
.mobile-book{display:none}.gallery img{cursor:zoom-in}.gallery img:focus-visible{outline:3px solid #315b48;outline-offset:3px}#lightbox{width:min(1080px,calc(100vw - 32px));max-height:calc(100vh - 32px);padding:18px;background:#102b25;border:0}#lightbox::backdrop{background:#071c18e8}#lightbox img{display:block;width:100%;max-height:calc(100vh - 120px);object-fit:contain}#lightbox p{color:#fff;margin:12px 6px 2px;font-size:12px}#lightbox .close{position:absolute;right:26px;top:18px;color:#fff;z-index:1}@media(max-width:780px){.header nav.open{display:flex;position:absolute;left:0;right:0;top:100%;padding:20px;background:#f5f6f3;color:#173b36;flex-direction:column;gap:18px;border-top:1px solid #d7ddd6;box-shadow:0 12px 30px #102b2530}.header nav.open .mobile-book{display:inline-flex}.header nav.open a{font-size:14px}.menu{position:relative;z-index:2}}

/* Photo-led browsing: horizontal touch galleries grow with every new shoot. */
.hero-kind{font-size:11px!important;letter-spacing:.14em!important;font-weight:700;margin:0 0 7px!important}.photo-carousel{position:relative;margin-top:46px}.carousel-track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:0 2px 12px}.carousel-track img{display:block;flex:0 0 min(47vw,510px);height:440px;object-fit:cover;scroll-snap-align:start;cursor:zoom-in}.photo-carousel.compact{margin:0;width:100%;align-self:center}.photo-carousel.compact .carousel-track img{flex-basis:100%;height:640px}.carousel-control{position:absolute;z-index:2;top:calc(50% - 26px);width:52px;height:52px;border:0;border-radius:50%;background:#f5f6f3e8;color:#123b34;font-size:23px;cursor:pointer;box-shadow:0 3px 18px #102b2530}.carousel-control.prev{left:16px}.carousel-control.next{right:16px}.amenities h2{margin:8px 0 18px}.amenity-gallery{grid-template-columns:repeat(5,minmax(0,1fr))}.amenity-gallery article{padding:0 24px 24px;overflow:hidden}.amenity-gallery img{display:block;width:calc(100% + 48px);height:175px;margin:0 -24px 22px;object-fit:cover;cursor:zoom-in}.amenity-gallery h3{margin:0 0 12px}.amenity-gallery .photo-open{border:0;background:transparent;padding:0;color:#173b36;font:inherit;font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.nearby-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1050px;margin:44px auto 0;text-align:left}.nearby-grid article{padding:28px;background:#f5f6f3;border:1px solid #b5c5b9}.nearby-grid h3{font-family:'TT Firs Neue',Arial,sans-serif;font-size:28px;margin:0 0 14px}.nearby-grid p{min-height:72px;margin:0 0 22px}.nearby-grid .button{font-size:12px}@media(max-width:900px){.amenity-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.nearby-grid{grid-template-columns:1fr}.nearby-grid p{min-height:0}.photo-carousel.compact .carousel-track img{height:490px}}@media(max-width:620px){.hero-kind{font-size:10px!important}.photo-carousel{margin-top:28px}.carousel-track{gap:10px}.carousel-track img{flex-basis:85vw;height:350px}.photo-carousel.compact .carousel-track img{height:420px}.carousel-control{width:42px;height:42px;top:calc(50% - 28px)}.carousel-control.prev{left:8px}.carousel-control.next{right:8px}.amenity-gallery{grid-template-columns:1fr}.amenity-gallery img{height:220px}.nearby-grid{margin-top:28px}.nearby-grid article{padding:22px}.nearby-grid h3{font-size:25px}}

/* Motion system: measured, slow and fully disabled for reduced-motion visitors. */
@keyframes veterok-breathe{0%,100%{transform:scale(1.04)}50%{transform:scale(1.09)}}@keyframes veterok-glow{0%,100%{opacity:.18}50%{opacity:.42}}@keyframes veterok-rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.hero{overflow:hidden}.hero-photo{will-change:transform;animation:veterok-breathe 22s ease-in-out infinite}.hero::after{content:"";position:absolute;inset:auto -10% -30% 28%;height:55%;pointer-events:none;background:radial-gradient(ellipse,#ddb86d42 0%,transparent 65%);filter:blur(22px);animation:veterok-glow 7s ease-in-out infinite}.hero-copy{position:relative;z-index:1}.hero-copy>*{animation:veterok-rise .85s cubic-bezier(.2,.65,.25,1) both}.hero-copy>*:nth-child(1){animation-delay:.08s}.hero-copy>*:nth-child(2){animation-delay:.15s}.hero-copy>*:nth-child(3){animation-delay:.23s}.hero-copy>*:nth-child(4){animation-delay:.32s}.hero-copy>*:nth-child(5){animation-delay:.41s}.hero-copy>*:nth-child(6){animation-delay:.5s}.reveal{opacity:0;transform:translateY(32px);transition:opacity .8s ease,transform .9s cubic-bezier(.2,.65,.25,1)}.reveal.is-visible{opacity:1;transform:none}.four-grid article,.amenity-gallery article,.nearby-grid article,.price-grid article,.dinner{transition:transform .35s ease,box-shadow .35s ease}.four-grid article:hover,.amenity-gallery article:hover,.nearby-grid article:hover,.price-grid article:hover,.dinner:hover{transform:translateY(-7px);box-shadow:0 18px 40px #102b2518}.carousel-track img{transition:transform .5s cubic-bezier(.2,.65,.25,1),filter .5s ease}.carousel-track img:hover{transform:scale(1.018);filter:saturate(1.06)}.button,.text-link,.carousel-control{transition:transform .24s ease,background-color .24s ease,color .24s ease,box-shadow .24s ease}.button:hover,.carousel-control:hover{transform:translateY(-3px);box-shadow:0 10px 22px #102b2530}.text-link:hover span{display:inline-block;transform:translate(4px,2px);transition:transform .24s ease}.faq-item{transition:border-color .25s ease,background-color .25s ease}.faq-item:hover{border-color:#6d9884}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero-photo{transform:none!important}.reveal{opacity:1;transform:none}}

/* Make information feel like places, not a spreadsheet of cards. */
.four-grid article:hover{transform:none;box-shadow:none}.amenity-gallery{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:240px 240px;gap:14px}.amenity-gallery article{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:0;padding:26px;isolation:isolate;color:#fff;background:#173b36;border:0}.amenity-gallery article::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,#102b2508 10%,#0b2620eF 100%)}.amenity-gallery article:nth-child(1){grid-column:span 5;grid-row:span 2}.amenity-gallery article:nth-child(2){grid-column:span 4}.amenity-gallery article:nth-child(3){grid-column:span 3}.amenity-gallery article:nth-child(4){grid-column:span 3}.amenity-gallery article:nth-child(5){grid-column:span 4}.amenity-gallery img{position:absolute;z-index:-2;inset:0;width:100%;height:100%;margin:0;object-fit:cover;opacity:.92}.amenity-gallery h3{color:#fff;font:500 clamp(1.45rem,2vw,2.25rem)/1.05 Georgia,serif;margin:0 0 11px}.amenity-gallery p{color:#f1f7f2;margin:0 0 16px;max-width:390px}.amenity-gallery .photo-open{align-self:flex-start;color:#fff;font-size:11px;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid #ffffff8a;padding-bottom:3px}.amenity-gallery article:hover{transform:none;box-shadow:none}.amenity-gallery article:hover img{transform:scale(1.045)}
.route{position:relative;overflow:hidden;background:#0c3029;color:#fff}.route::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#092a24ee 10%,#092a2499 58%,#092a24d9),url('/media/hero-danube-cliff.png') center/cover;filter:saturate(.8);opacity:.9}.route-content{position:relative;z-index:1;max-width:1100px;margin:auto}.route .eyebrow{color:#c5e2c9}.route h2,.route p{color:#fff!important}.route-map{height:230px;position:relative;margin:38px 0 0;border:1px solid #d7eed64d;background:linear-gradient(135deg,#cce8c913,#cce8c904),url('/media/hero-danube-cliff.png') center 58%/cover;overflow:hidden}.route-map::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0a2b25cc,#0a2b2540)}.map-title{position:absolute;z-index:2;left:24px;top:20px;color:#fff;font-size:10px;letter-spacing:.15em;font-weight:700}.map-route{position:absolute;z-index:2;left:19%;top:54%;width:57%;height:27%;border-top:2px dashed #e7e4c5;border-radius:50%;transform:rotate(-8deg)}.map-pin{position:absolute;z-index:3;padding:7px 10px;color:#153d35;background:#f2eee3;font-size:11px;font-weight:700;box-shadow:0 5px 18px #0004}.map-pin::before{content:"";display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#d67c58}.pin-home{left:18%;top:51%}.pin-wine{left:47%;top:27%}.pin-pool{right:13%;bottom:22%}.nearby-grid{position:relative;margin:-17px 26px 0;z-index:2}.nearby-grid article{position:relative;background:#f5f6f3eF;border:0;border-top:3px solid #cfb476;padding:31px 28px 27px;color:#153b34;backdrop-filter:blur(7px)}.nearby-grid article:hover{transform:translateY(-5px);box-shadow:0 18px 40px #0004}.nearby-grid h3{font-size:26px}.route .nearby-grid p{color:#3f5b54!important}.place-number{display:block;color:#8b7350;font-size:10px;letter-spacing:.14em;font-weight:700;margin-bottom:22px}.nearby-grid .button.outline{border-color:#315b48;background:transparent;color:#173b36}
@media(max-width:900px){.amenity-gallery{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none}.amenity-gallery article,.amenity-gallery article:nth-child(n){grid-column:auto;grid-row:auto;min-height:300px}.route-map{height:200px}.nearby-grid{margin:-10px 0 0}}@media(max-width:620px){.amenity-gallery{grid-template-columns:1fr}.amenity-gallery article,.amenity-gallery article:nth-child(n){min-height:310px}.route-map{height:190px}.route-map .pin-wine{left:43%;top:29%}.route-map .pin-pool{right:5%;bottom:16%}.nearby-grid{margin:16px 0 0}.nearby-grid article:hover{transform:none}}

/* No display-font exceptions: every visible text style uses TT Firs Neue. */
.amenity-gallery h3{font-family:'TT Firs Neue',Arial,sans-serif}

/* Danube evening language, carried through the main site in restrained layers. */
.territory,.amenities,.events,.booking,.prices{position:relative;isolation:isolate;overflow:hidden}.territory::before,.amenities::before,.events::before,.booking::before,.prices::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none}.territory{background:#d5e8ef}.territory::before{background:radial-gradient(ellipse 65% 100% at 104% 12%,transparent 32%,#3b789226 33% 39%,transparent 40% 46%,#3b78921e 47% 52%,transparent 53%),radial-gradient(circle at 18% 18%,#fff1ac 0 2px,transparent 3px),radial-gradient(circle at 82% 76%,#fff1ac 0 2px,transparent 3px)}.amenities{background:#c6e0ea}.amenities::before{background:radial-gradient(ellipse 70% 100% at 102% 40%,transparent 30%,#36728b2a 31% 37%,transparent 38% 44%,#36728b20 45% 50%,transparent 51%),radial-gradient(circle at 10% 75%,#fff4b5 0 2px,transparent 3px),radial-gradient(circle at 89% 18%,#fff4b5 0 2px,transparent 3px)}.events{background:#19536d;color:#fff}.events::before{background:radial-gradient(ellipse 62% 130% at 108% 50%,transparent 29%,#d9eff035 30% 35%,transparent 36% 42%,#d9eff024 43% 48%,transparent 49%),radial-gradient(circle at 10% 18%,#fff0af 0 2px,transparent 3px),radial-gradient(circle at 55% 76%,#fff0af 0 2px,transparent 3px),linear-gradient(120deg,#0d3c52aa,transparent 60%)}.events .eyebrow{color:#cbe9ef}.events h2,.events>div>p{color:#fff}.events .text-link{color:#fff}.dinner{position:relative;overflow:hidden;background:#113f56;border:1px solid #bce2e34d;box-shadow:0 20px 50px #041f2a55}.dinner::before{content:"";position:absolute;right:-70px;bottom:-120px;width:370px;height:370px;border-radius:50%;border:1px solid #d9eff05b;box-shadow:0 0 0 38px #d9eff01d,0 0 0 76px #d9eff012}.dinner>*{position:relative;z-index:1}.prices::before{background:radial-gradient(circle at 90% 15%,#fff0ad 0 2px,transparent 3px),radial-gradient(ellipse 36% 94% at 103% 85%,transparent 45%,#37768c1d 46% 50%,transparent 51%)}.price-grid .dark{position:relative;overflow:hidden;background:#19536d}.price-grid .dark::after{content:"";position:absolute;right:-95px;bottom:-155px;width:360px;height:360px;border-radius:50%;border:1px solid #d9eff066;box-shadow:0 0 0 44px #d9eff023,0 0 0 88px #d9eff016}.price-grid .dark>*{position:relative;z-index:1}.booking{background:#19536d}.booking::before{background:radial-gradient(ellipse 62% 160% at 110% 45%,transparent 28%,#d9eff036 29% 34%,transparent 35% 40%,#d9eff024 41% 46%,transparent 47%),radial-gradient(circle at 8% 17%,#fff0ad 0 2px,transparent 3px),radial-gradient(circle at 48% 87%,#fff0ad 0 2px,transparent 3px),linear-gradient(110deg,#0d3b52a6,transparent 65%)}.booking .button{background:#f2eee4;color:#164e68;border-color:#f2eee4}.booking .button:hover{background:#fff;color:#164e68}.route .route-content::after{content:"";position:absolute;z-index:-1;inset:-80px -10vw;pointer-events:none;background:radial-gradient(circle at 13% 21%,#fff0ad 0 2px,transparent 3px),radial-gradient(circle at 77% 31%,#fff0ad 0 2px,transparent 4px),radial-gradient(circle at 61% 78%,#fff0ad 0 2px,transparent 3px),radial-gradient(ellipse 52% 120% at 104% 55%,transparent 35%,#d9eff020 36% 40%,transparent 41%)}
@media(max-width:780px){.events::before,.booking::before{background:radial-gradient(ellipse 95% 75% at 120% 95%,transparent 38%,#d9eff032 39% 45%,transparent 46%),radial-gradient(circle at 12% 16%,#fff0ad 0 2px,transparent 3px)}.territory::before,.amenities::before{opacity:.7}}

/* The same sky appears differently in each place: constellations, river ripples and warm points of light. */
.intro,#stay,.territory,.amenities,.prices,.events,.booking,.route{isolation:isolate}.intro::before,#stay::before,.territory::after,.amenities::after,.prices::after,.events::after,.booking::after,.route::after{content:"";position:absolute;z-index:0;pointer-events:none}.intro>* ,#stay>* ,.territory>* ,.amenities>* ,.prices>* ,.events>* ,.booking>* ,.route>*{position:relative;z-index:1}
.intro{position:relative;overflow:hidden}.intro::before{inset:-100px -8vw auto auto;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle at 25% 24%,#d39f54 0 3px,transparent 4px),radial-gradient(circle at 62% 13%,#d39f54 0 2px,transparent 3px),radial-gradient(circle at 73% 55%,#d39f54 0 3px,transparent 4px),radial-gradient(circle at 30% 73%,#d39f54 0 2px,transparent 3px);border:1px solid #2d70884a;box-shadow:0 0 0 42px #2d708814,0 0 0 84px #2d70880d}.intro::after{content:"";position:absolute;z-index:0;right:4vw;top:60px;width:390px;height:260px;border-top:1px solid #2d70884a;border-radius:50%;transform:rotate(16deg)}
#stay{position:relative;overflow:hidden;background:linear-gradient(115deg,#f5f6f3 0 54%,#e5f1f4 100%)}#stay::before{left:-130px;bottom:-250px;width:540px;height:540px;border-radius:50%;background:radial-gradient(circle at 48% 15%,#d5a55c 0 3px,transparent 4px),radial-gradient(circle at 70% 29%,#d5a55c 0 2px,transparent 3px),radial-gradient(circle at 77% 66%,#d5a55c 0 3px,transparent 4px),radial-gradient(circle at 25% 59%,#d5a55c 0 2px,transparent 3px);border:1px solid #2e74844b;box-shadow:0 0 0 44px #2e748418,0 0 0 88px #2e74840f}
.territory::after{inset:0;background:radial-gradient(circle at 12% 21%,#d39f54 0 3px,transparent 4px),radial-gradient(circle at 71% 15%,#d39f54 0 2px,transparent 3px),radial-gradient(circle at 90% 59%,#d39f54 0 3px,transparent 4px),radial-gradient(circle at 26% 85%,#d39f54 0 2px,transparent 3px),repeating-radial-gradient(ellipse 95% 16% at 105% 115%,transparent 0 38px,#2c708826 39px 41px,transparent 42px 76px)}
.amenities::after{inset:0;background:radial-gradient(circle at 7% 28%,#d39f54 0 3px,transparent 4px),radial-gradient(circle at 36% 10%,#d39f54 0 2px,transparent 3px),radial-gradient(circle at 81% 26%,#d39f54 0 3px,transparent 4px),radial-gradient(circle at 94% 80%,#d39f54 0 2px,transparent 3px);opacity:.95}.amenity-gallery{position:relative}.amenity-gallery::before{content:"";position:absolute;z-index:-1;left:18%;right:18%;top:-24px;border-top:1px dashed #2a6b7a8a}
.prices::after{inset:0;background:radial-gradient(circle at 11% 17%,#d39f54 0 2px,transparent 3px),radial-gradient(circle at 52% 10%,#d39f54 0 3px,transparent 4px),radial-gradient(circle at 87% 37%,#d39f54 0 2px,transparent 3px),radial-gradient(ellipse 42% 92% at 108% 88%,transparent 44%,#2d708822 45% 49%,transparent 50%)}
.events::after,.booking::after{inset:0;background-image:radial-gradient(circle at 9% 18%,#fff0ae 0 3px,transparent 4px),radial-gradient(circle at 23% 68%,#fff0ae 0 2px,transparent 3px),radial-gradient(circle at 48% 13%,#fff0ae 0 2px,transparent 3px),radial-gradient(circle at 69% 74%,#fff0ae 0 3px,transparent 4px),radial-gradient(circle at 91% 26%,#fff0ae 0 2px,transparent 3px),radial-gradient(circle at 84% 91%,#fff0ae 0 2px,transparent 3px)}.events::after{opacity:.9}.booking::after{opacity:.82}.route::after{inset:0;background:radial-gradient(circle at 12% 16%,#fff0ae 0 3px,transparent 4px),radial-gradient(circle at 49% 20%,#fff0ae 0 2px,transparent 3px),radial-gradient(circle at 90% 28%,#fff0ae 0 3px,transparent 4px),radial-gradient(circle at 76% 81%,#fff0ae 0 2px,transparent 3px);opacity:.9}
@media(max-width:780px){.intro::before{right:-180px}.intro::after{right:-100px}.amenity-gallery::before{left:8%;right:8%}.events::after,.booking::after{background-image:radial-gradient(circle at 10% 16%,#fff0ae 0 3px,transparent 4px),radial-gradient(circle at 76% 25%,#fff0ae 0 2px,transparent 3px),radial-gradient(circle at 90% 77%,#fff0ae 0 3px,transparent 4px)} }

.hero-photo{z-index:0}.hero::before{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 22%,#fff0ae 0 3px,transparent 4px),radial-gradient(circle at 27% 76%,#fff0ae 0 2px,transparent 3px),radial-gradient(circle at 54% 17%,#fff0ae 0 2px,transparent 3px),radial-gradient(circle at 75% 36%,#fff0ae 0 3px,transparent 4px),radial-gradient(circle at 92% 19%,#fff0ae 0 2px,transparent 3px),radial-gradient(circle at 86% 73%,#fff0ae 0 2px,transparent 3px),radial-gradient(ellipse 43% 92% at 113% 70%,transparent 42%,#d9eff02b 43% 47%,transparent 48% 53%,#d9eff01b 54% 58%,transparent 59%)}.hero::after{z-index:1}.hero-copy{z-index:2}

/* Final pattern refinement: crisp symbols, not stretched decorative rings. */
.hero-photo::after,.hero::after{display:none}.hero::before{background:radial-gradient(circle at 13% 21%,#fff0ae 0 3px,transparent 4px),radial-gradient(circle at 27% 76%,#fff0ae 0 2px,transparent 3px),radial-gradient(circle at 54% 17%,#fff0ae 0 2px,transparent 3px),radial-gradient(circle at 75% 36%,#fff0ae 0 3px,transparent 4px),radial-gradient(circle at 92% 19%,#fff0ae 0 2px,transparent 3px),radial-gradient(circle at 86% 73%,#fff0ae 0 2px,transparent 3px)}
.territory::before,.amenities::before,.prices::before{background:none}.territory::after{background:radial-gradient(circle at 12% 21%,#d39f54 0 3px,transparent 4px),radial-gradient(circle at 71% 15%,#d39f54 0 2px,transparent 3px),radial-gradient(circle at 90% 59%,#d39f54 0 3px,transparent 4px),radial-gradient(circle at 26% 85%,#d39f54 0 2px,transparent 3px),repeating-linear-gradient(0deg,transparent 0 14px,#2d708818 15px 16px,transparent 17px 30px)}.amenities::after{background:radial-gradient(circle at 7% 28%,#d39f54 0 3px,transparent 4px),radial-gradient(circle at 36% 10%,#d39f54 0 2px,transparent 3px),radial-gradient(circle at 81% 26%,#d39f54 0 3px,transparent 4px),radial-gradient(circle at 94% 80%,#d39f54 0 2px,transparent 3px)}.prices::after{background:radial-gradient(circle at 11% 17%,#d39f54 0 2px,transparent 3px),radial-gradient(circle at 52% 10%,#d39f54 0 3px,transparent 4px),radial-gradient(circle at 87% 37%,#d39f54 0 2px,transparent 3px)}.events::before,.booking::before{background:linear-gradient(112deg,#0d3b52a6,transparent 65%)}.events::after,.booking::after{background-image:radial-gradient(circle at 9% 18%,#fff0ae 0 3px,transparent 4px),radial-gradient(circle at 23% 68%,#fff0ae 0 2px,transparent 3px),radial-gradient(circle at 48% 13%,#fff0ae 0 2px,transparent 3px),radial-gradient(circle at 69% 74%,#fff0ae 0 3px,transparent 4px),radial-gradient(circle at 91% 26%,#fff0ae 0 2px,transparent 3px),radial-gradient(circle at 84% 91%,#fff0ae 0 2px,transparent 3px)}.dinner::before,.price-grid .dark::after{display:none}.route::after,.route .route-content::after{display:none}
.price-grid .dark{padding-right:210px}.night-illustration{position:absolute;right:24px;top:24px;width:158px;height:170px;pointer-events:none}.ni-moon{position:absolute;right:18px;top:4px;width:38px;height:38px;border-radius:50%;background:#fff0ae;box-shadow:-12px 6px 0 #19536d}.ni-star{position:absolute;color:#fff0ae;font-size:17px;line-height:1}.ni-star-a{right:73px;top:9px}.ni-star-b{right:2px;top:58px;font-size:12px}.ni-cloud{position:absolute;right:21px;top:76px;width:68px;height:19px;border-radius:14px;background:#c9e6ee}.ni-cloud::before,.ni-cloud::after{content:"";position:absolute;bottom:0;border-radius:50%;background:#c9e6ee}.ni-cloud::before{left:11px;width:27px;height:27px}.ni-cloud::after{right:10px;width:22px;height:22px}.ni-tent{position:absolute;right:26px;bottom:5px;width:83px;height:66px;clip-path:polygon(50% 0,100% 100%,0 100%);background:#f4eee0}.ni-tent::after{content:"";position:absolute;left:34px;bottom:0;width:16px;height:29px;background:#19536d;clip-path:polygon(50% 0,100% 100%,0 100%)}
.birthday-illustration{position:absolute;right:28px;top:24px;width:120px;height:102px;pointer-events:none}.birthday-illustration .bi-cake{position:absolute;right:10px;bottom:0;width:74px;height:42px;border-radius:4px;background:#f4eee0;box-shadow:0 -10px 0 #d79c74}.birthday-illustration .bi-cake::after{content:"";position:absolute;left:0;right:0;top:17px;border-top:3px dashed #19536d}.birthday-illustration .bi-candle{position:absolute;right:44px;bottom:43px;width:7px;height:27px;background:#fff0ae}.birthday-illustration .bi-candle::before{content:"";position:absolute;left:-3px;top:-9px;width:13px;height:13px;border-radius:50% 50% 50% 0;background:#e9875a;transform:rotate(-45deg)}.birthday-illustration i{position:absolute;color:#fff0ae;font-style:normal;font-size:15px}.birthday-illustration i:nth-of-type(1){right:91px;top:18px}.birthday-illustration i:nth-of-type(2){right:10px;top:25px}.birthday-illustration i:nth-of-type(3){right:69px;top:0;font-size:10px}
.dinner h3{padding-right:112px}
.route-map{background:#dfe8df}.route-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:saturate(.55) contrast(.9) brightness(1.04)}.route-map::after{z-index:1;background:linear-gradient(90deg,#07342c38,#07342c08)}.map-title{z-index:3;color:#153b34;background:#f5f6f3df;padding:7px 9px}.map-pin{z-index:3;font-size:10px}.pin-home{left:23%;top:62%}.pin-milanovic{left:42%;top:29%}.pin-teodos{left:57%;top:48%}.pin-horizont{right:9%;bottom:19%}.map-attribution{position:absolute;z-index:3;right:8px;bottom:6px;padding:2px 5px;background:#f5f6f3df;color:#153b34;font-size:9px;text-decoration:none}
footer{background:#103e56}footer .brand{color:#d6eef2}
@media(max-width:900px){.price-grid .dark{padding-right:38px}.night-illustration{right:25px;opacity:.75}.birthday-illustration{opacity:.65}.dinner h3{padding-right:88px}.pin-home{left:15%}.pin-milanovic{left:37%}.pin-teodos{left:53%}.pin-horizont{right:3%}}@media(max-width:620px){.night-illustration{transform:scale(.75);transform-origin:top right;right:10px;top:12px}.birthday-illustration{transform:scale(.8);transform-origin:top right;right:10px;top:10px}.price-grid .dark{padding-right:24px}.dinner h3{padding-right:0}.map-pin{font-size:8px;padding:5px}.pin-home{left:9%;top:66%}.pin-milanovic{left:31%;top:31%}.pin-teodos{left:48%;top:50%}.pin-horizont{right:1%;bottom:14%}}

/* The night scene belongs to the tariff card, but must never take space away from prices. */
.price-grid .dark{padding:142px 38px 38px}.price-grid .dark .night-illustration{left:50%;right:auto;top:14px;transform:translateX(-50%) scale(.72);transform-origin:top center;opacity:.94}
@media(max-width:620px){.price-grid .dark{padding:132px 24px 28px}.price-grid .dark .night-illustration{top:10px;transform:translateX(-50%) scale(.65)}}

/* Early ornamental rings are retired: the pattern is now calm and native to each light block. */
.intro::before{inset:0;width:auto;height:auto;border:0;border-radius:0;box-shadow:none;background:radial-gradient(circle at 10% 22%,#d39f54 0 2px,transparent 3px),radial-gradient(circle at 83% 17%,#d39f54 0 2px,transparent 3px),radial-gradient(circle at 74% 82%,#d39f54 0 2px,transparent 3px),linear-gradient(90deg,transparent 0 82%,#2d70880d 82% 82.1%,transparent 82.1%)}
.intro::after{display:none}
#stay::before{inset:0;width:auto;height:auto;border:0;border-radius:0;box-shadow:none;background:radial-gradient(circle at 11% 80%,#d5a55c 0 2px,transparent 3px),radial-gradient(circle at 39% 88%,#d5a55c 0 2px,transparent 3px),radial-gradient(circle at 91% 25%,#d5a55c 0 2px,transparent 3px),repeating-linear-gradient(0deg,transparent 0 17px,#2e74840a 18px 19px,transparent 20px 38px)}

/* Stay gallery: a responsive photo mosaic, ready for mixed portrait and landscape uploads. */
.photo-carousel.compact .carousel-track{display:grid;grid-template-columns:1.14fr .86fr;grid-template-rows:repeat(2,310px);gap:12px;overflow:visible;padding:0}.photo-carousel.compact .carousel-track img{display:block;width:100%;height:100%;min-width:0;flex:none;object-fit:cover}.photo-carousel.compact .carousel-track img:first-child{grid-row:span 2}.photo-carousel.compact .carousel-control{display:none}

/* Route map remains factual: exact places are available through each route button, not guessed pins. */
.route-map .map-pin{display:none}.route-map::after{background:linear-gradient(90deg,#07342c1c,#07342c04)}

/* Small illustrated headers make the nearby recommendations easier to scan without using third-party photos. */
.nearby-grid article::before{content:"";display:block;height:92px;margin:-31px -28px 24px;background-repeat:no-repeat;background-position:center;background-size:cover}.nearby-grid article:nth-child(1)::before,.nearby-grid article:nth-child(2)::before{background-color:#7d3d42;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 160'%3E%3Cpath fill='%23eecb94' opacity='.36' d='M0 126C75 86 125 142 204 104s104-36 196-83v139H0z'/%3E%3Cg fill='none' stroke='%23f7ebd2' stroke-width='6'%3E%3Cpath d='M202 20v55c0 20-31 17-31 43 0 22 17 29 31 29s31-7 31-29c0-26-31-23-31-43V20'/%3E%3Cpath d='M203 81h-30'/%3E%3C/g%3E%3Cg fill='%23f7ebd2' opacity='.9'%3E%3Ccircle cx='73' cy='62' r='12'/%3E%3Ccircle cx='97' cy='47' r='12'/%3E%3Ccircle cx='114' cy='70' r='12'/%3E%3Ccircle cx='92' cy='82' r='12'/%3E%3C/g%3E%3C/svg%3E")}.nearby-grid article:nth-child(2)::before{background-color:#6c3544;background-position:58% center}.nearby-grid article:nth-child(3)::before{background-color:#77b9d1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 160'%3E%3Cpath fill='%23d8f3f3' opacity='.8' d='M0 90c30-32 70 32 109 0s78 31 116 0 70 31 110-4 51 16 65-2v76H0z'/%3E%3Cpath fill='none' stroke='%23fff4cf' stroke-width='5' d='M0 115c36-27 69 27 110 0s76 27 115 0 77 27 116 0 42 15 59 0M0 142c36-27 69 27 110 0s76 27 115 0 77 27 116 0 42 15 59 0'/%3E%3Ccircle fill='%23fff4cf' cx='337' cy='38' r='17'/%3E%3C/svg%3E")}

/* Equalize the tariff cards after the night illustration was added. */
.price-grid .dark{padding-top:112px}.price-grid .dark .night-illustration{top:4px;transform:translateX(-50%) scale(.62)}
@media(max-width:900px){.photo-carousel.compact .carousel-track{grid-template-rows:260px 260px}.photo-carousel.compact .carousel-track img{height:100%}}@media(max-width:620px){.photo-carousel.compact .carousel-track{grid-template-columns:1fr 1fr;grid-template-rows:280px 175px 175px;gap:9px}.photo-carousel.compact .carousel-track img:first-child{grid-column:span 2;grid-row:auto}.photo-carousel.compact .carousel-track img{height:100%}.price-grid .dark{padding-top:104px}.price-grid .dark .night-illustration{top:2px;transform:translateX(-50%) scale(.55)}}

/* 2026-07-19: each section gets its own crisp motif from the blue-evening language. */
.territory::after{
  inset:0;
  background-image:
    radial-gradient(circle at 12% 21%,#d39f54 0 3px,transparent 4px),
    radial-gradient(circle at 71% 15%,#d39f54 0 2px,transparent 3px),
    radial-gradient(circle at 90% 59%,#d39f54 0 3px,transparent 4px),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 760 360'%3E%3Cg fill='none' stroke='%232d7088' stroke-opacity='.24' stroke-width='2'%3E%3Cpath d='M-30 92C83 20 174 166 286 92S489 18 602 92s202 72 316 0'/%3E%3Cpath d='M-30 142C83 70 174 216 286 142s203-74 316 0 202 72 316 0'/%3E%3Cpath d='M-30 192c113-72 204 74 316 0s203-74 316 0 202 72 316 0'/%3E%3Cpath d='M-30 242c113-72 204 74 316 0s203-74 316 0 202 72 316 0'/%3E%3Cpath d='M-30 292c113-72 204 74 316 0s203-74 316 0 202 72 316 0'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;
  background-position:0 0,0 0,0 0,right -80px top 30px;
  background-size:auto,auto,auto,min(72vw,900px) auto;
}

#stay::before{
  inset:0;width:auto;height:auto;border:0;border-radius:0;box-shadow:none;
  background-image:
    radial-gradient(circle at 11% 80%,#d5a55c 0 2px,transparent 3px),
    radial-gradient(circle at 39% 88%,#d5a55c 0 2px,transparent 3px),
    radial-gradient(circle at 91% 25%,#d5a55c 0 2px,transparent 3px),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 620 520'%3E%3Cg fill='none' stroke='%232e7484' stroke-opacity='.13' stroke-width='1.5'%3E%3Cpath d='M610 0 25 520M610 0 118 520M610 0 211 520M610 0 304 520M610 0 397 520M610 0 490 520M610 0 583 520'/%3E%3Cpath d='M320 267h290M218 358h392M116 449h494'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;
  background-position:0 0,0 0,0 0,right top;
  background-size:auto,auto,auto,min(58vw,720px) 100%;
}

.events::after{
  inset:0;opacity:1;
  background-image:
    radial-gradient(circle at 9% 18%,#fff0ae 0 3px,transparent 4px),
    radial-gradient(circle at 23% 68%,#fff0ae 0 2px,transparent 3px),
    radial-gradient(circle at 69% 74%,#fff0ae 0 3px,transparent 4px),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1100 280'%3E%3Cg fill='none' stroke='%23d9eff0' stroke-opacity='.34' stroke-width='2'%3E%3Cpath d='M-20 20Q155 142 348 34T720 38t400-10'/%3E%3Cpath d='M-20 83Q155 205 348 97T720 101t400-10'/%3E%3C/g%3E%3Cg fill='%23fff0ae' fill-opacity='.85'%3E%3Ccircle cx='91' cy='81' r='5'/%3E%3Ccircle cx='225' cy='102' r='4'/%3E%3Ccircle cx='382' cy='49' r='5'/%3E%3Ccircle cx='548' cy='88' r='4'/%3E%3Ccircle cx='726' cy='54' r='5'/%3E%3Ccircle cx='912' cy='71' r='4'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;
  background-position:0 0,0 0,0 0,center top;
  background-size:auto,auto,auto,100% auto;
}

/* Tariff names are primary information, not a footnote. */
.tariff-head{display:grid;gap:2px;margin:0 0 22px;padding:14px 16px;border-left:5px solid #1b6d78;background:#eff8fa;color:#123f4b}
.tariff-head strong{font-size:clamp(1.55rem,2.7vw,2.25rem);line-height:1;letter-spacing:.035em}
.tariff-head span{font-size:12px;font-weight:600;letter-spacing:.02em}
.price-grid .dark .tariff-head{border-left-color:#fff0ae;background:#0d425e;color:#fff}
.price-grid .dark{padding-top:112px}

/* Verified map points. Teodos is anchored by its published street address. */
.route-map .map-pin{display:block;position:absolute;right:auto;bottom:auto;transform:translate(-50%,-100%);padding:6px 9px 6px 21px;border:1px solid #153b3440;background:#f5f6f3f2;color:#153b34;box-shadow:0 5px 14px #163d3530;white-space:nowrap;font-size:9px;line-height:1.2}
.route-map .map-pin::before{content:"";position:absolute;left:8px;top:50%;width:7px;height:7px;border-radius:50%;background:#df7657;transform:translateY(-50%)}
.route-map .map-pin::after{content:"";position:absolute;left:50%;bottom:-6px;width:10px;height:10px;background:#f5f6f3;transform:translateX(-50%) rotate(45deg);border-right:1px solid #153b3440;border-bottom:1px solid #153b3440}
.route-map .pin-home{left:58.8%;top:85.1%;font-weight:700}.route-map .pin-home::before{background:#1b6d78}
.route-map .pin-milanovic{left:8.7%;top:65.6%}
.route-map .pin-horizont{left:15.6%;top:12.9%}
.route-map .pin-teodos{left:32%;top:42%}

@media(max-width:780px){
  .territory::after{background-size:auto,auto,auto,900px auto;background-position:0 0,0 0,0 0,18% 30px}
  #stay::before{background-size:auto,auto,auto,720px 100%;background-position:0 0,0 0,0 0,42% top}
  .events::after{background-size:auto,auto,auto,1100px auto;background-position:0 0,0 0,0 0,25% top}
  .tariff-head strong{font-size:1.7rem}
  .route-map .map-pin{padding:4px 6px 4px 15px;font-size:7px}
  .route-map .map-pin::before{left:5px;width:5px;height:5px}
}

/* A true square contact sheet: every uploaded aspect ratio is cropped automatically inside the grid. */
.photo-carousel.compact{width:100%;aspect-ratio:1;margin:0}.photo-carousel.compact .carousel-track{width:100%;height:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:10px;overflow:hidden}.photo-carousel.compact .carousel-track img,.photo-carousel.compact .carousel-track img:first-child{width:100%;height:100%;min-width:0;min-height:0;grid-column:auto;grid-row:auto;object-fit:cover}

/* The tariff card no longer reserves space for an illustration. */
.price-grid .dark{padding:38px}.price-grid .dark .night-illustration{display:none}

/* Large editorial gallery. It keeps the page compact while making most of the real photo archive available. */
.photo-library{background:#f4f3ed;overflow:hidden}.photo-library .section-head{max-width:780px}.photo-library .section-head h2{margin-bottom:18px}.gallery-group{display:grid;grid-template-columns:190px minmax(0,1fr);gap:28px;align-items:start;margin-top:54px}.gallery-label{padding-top:8px;border-top:1px solid #17463f}.gallery-label span{display:block;margin-bottom:10px;color:#1b6d78;font-size:12px;font-weight:700}.gallery-label h3{margin:0;font-size:1.45rem}.gallery-strip{display:flex;gap:12px;overflow-x:auto;padding:0 0 18px;scroll-snap-type:x proximity;scrollbar-color:#1b6d78 #dbe7e4}.gallery-strip img{width:clamp(220px,27vw,390px);height:clamp(260px,34vw,480px);flex:0 0 auto;object-fit:cover;scroll-snap-align:start;cursor:zoom-in;background:#dce7e3}.gallery-strip img:nth-child(3n+2){width:clamp(300px,38vw,540px)}.gallery-strip img:focus{outline:3px solid #d39f54;outline-offset:3px}

/* The map shows one verified coordinate. Nearby destinations use exact route links below it. */
.route-map .map-pin{display:none!important}.route-map iframe{filter:saturate(.78) contrast(.96) brightness(1.02)}.route-map .map-title{max-width:calc(100% - 32px);font-size:10px}

@media(max-width:780px){.gallery-group{grid-template-columns:1fr;gap:16px;margin-top:38px}.gallery-label{display:flex;gap:12px;align-items:baseline}.gallery-label span{margin:0}.gallery-strip{margin-right:-24px}.gallery-strip img{width:72vw;height:92vw}.gallery-strip img:nth-child(3n+2){width:82vw}.price-grid .dark{padding:28px 24px}}

/* Owner-curated photo selection. */
.hero-photo{background:linear-gradient(90deg,#0a2822e8 5%,#0a282294 52%,#0a282238),url('/media/selected/hero-01.jpg') center/cover!important}
.route::before{background:linear-gradient(90deg,#092a24ee 10%,#092a2499 58%,#092a24d9),url('/media/selected/hero-01.jpg') center/cover}
.event-photos{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:8px;height:180px;margin-top:34px;overflow:hidden}.event-photos img{width:100%;height:100%;object-fit:cover;cursor:zoom-in}.event-photos img:first-child{grid-row:span 1}.event-photos img:focus{outline:3px solid #fff0ae;outline-offset:-3px}
@media(max-width:780px){.event-photos{height:150px;margin-top:26px}}

/* Interactive photo controls. */
.photo-carousel.compact{width:100%;aspect-ratio:1;margin:0;overflow:hidden}
.photo-carousel.compact .carousel-track{display:flex!important;width:100%;height:100%;gap:0!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0!important}
.photo-carousel.compact .carousel-track::-webkit-scrollbar{display:none}
.photo-carousel.compact .carousel-track img,.photo-carousel.compact .carousel-track img:first-child{display:block!important;flex:0 0 100%!important;width:100%!important;height:100%!important;min-width:100%!important;object-fit:cover;scroll-snap-align:start;grid-column:auto!important;grid-row:auto!important}
.carousel-counter{position:absolute;z-index:3;right:18px;bottom:16px;padding:5px 10px;background:#0b3029d9;color:#fff;font-size:11px;letter-spacing:.08em}

.gallery-strip-shell{position:relative;min-width:0}
.gallery-strip-shell .gallery-strip{scrollbar-width:none;padding-bottom:0}
.gallery-strip-shell .gallery-strip::-webkit-scrollbar{display:none}
.gallery-arrow{position:absolute;z-index:4;top:50%;width:48px;height:48px;margin-top:-24px;border:0;border-radius:50%;background:#f6f3eaeF;color:#153d35;font-size:22px;cursor:pointer;box-shadow:0 5px 22px #092a2440;transition:transform .2s ease,background-color .2s ease}
.gallery-arrow:hover{transform:scale(1.06);background:#fff}
.gallery-arrow.prev{left:14px}.gallery-arrow.next{right:14px}

.amenity-photo-controls{position:absolute;z-index:4;top:16px;right:16px;display:flex;align-items:center;gap:7px;padding:5px;background:#0b3029c9;color:#fff;backdrop-filter:blur(8px)}
.amenity-photo-controls button{display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid #ffffff80;background:transparent;color:#fff;font-size:17px;cursor:pointer}
.amenity-photo-controls span{min-width:38px;text-align:center;font-size:10px;letter-spacing:.08em}

.photo-carousel img:focus:not(:focus-visible),.gallery-strip img:focus:not(:focus-visible),.event-photos img:focus:not(:focus-visible),.amenity-gallery img:focus:not(:focus-visible){outline:none}
.photo-carousel img:focus-visible,.gallery-strip img:focus-visible,.event-photos img:focus-visible,.amenity-gallery img:focus-visible{outline:3px solid #fff0ae;outline-offset:-3px}

#lightbox{position:relative;overflow:visible}
#lightbox .lightbox-control{position:fixed;z-index:4;top:50%;display:grid;place-items:center;width:54px;height:54px;margin-top:-27px;border:0;border-radius:50%;background:#f7f4eaeF;color:#143d35;font-size:24px;cursor:pointer;box-shadow:0 8px 30px #0006}
#lightbox .lightbox-control.prev{left:max(22px,calc(50vw - 570px))}
#lightbox .lightbox-control.next{right:max(22px,calc(50vw - 570px))}
#lightbox.single-photo .lightbox-control{display:none}
#lightbox .lightbox-counter{position:absolute;right:22px;bottom:18px;color:#fff;font-size:11px;letter-spacing:.08em}

/* Drawn location scheme: intentionally not a geographic map. */
.route-map.schematic-map{height:310px;background:#dce8d8;overflow:hidden;border:1px solid #dceccf80}
.route-map.schematic-map::after{display:none}
.schematic-map .map-title{left:22px;top:18px;color:#153d35;background:#f5f1e5e8;padding:8px 11px;box-shadow:0 4px 18px #0c302929}
.map-fields{position:absolute;inset:0 34% 0 0;padding:82px 0 0 42px;color:#41694d;background:repeating-linear-gradient(104deg,#8fbd7633 0 24px,#c9d8a733 25px 48px),linear-gradient(180deg,#dce9c8,#c7d9aa);font-size:11px;font-weight:700;letter-spacing:.16em;text-align:left}
.map-fields::before,.map-fields::after{content:"";position:absolute;left:8%;right:3%;height:2px;background:#789b6b70;transform:rotate(-8deg)}
.map-fields::before{top:47%}.map-fields::after{top:68%}
.map-fields span{display:block;margin-bottom:42px}
.map-river{position:absolute;inset:0 0 0 61%;display:grid;place-items:center;background:linear-gradient(105deg,#8ec5d2,#63a9bd 62%,#4b91a8);color:#eaf8f8;font-size:13px;font-weight:700;letter-spacing:.28em}
.map-river::before,.map-river::after{content:"";position:absolute;left:8%;right:6%;height:18px;border-top:2px solid #d9f2ef99;border-radius:50%}
.map-river::before{top:37%;transform:rotate(7deg)}.map-river::after{top:59%;transform:rotate(-4deg)}
.map-cliff{position:absolute;z-index:1;left:53%;top:-12%;width:16%;height:125%;background:linear-gradient(90deg,#8b8a657a,#415f4d);clip-path:polygon(0 0,100% 0,57% 20%,87% 40%,48% 61%,78% 81%,24% 100%,0 100%)}
.veterok-pin{position:absolute;z-index:3;left:51%;top:49%;transform:translate(-50%,-50%);display:grid;grid-template-columns:30px auto;grid-template-rows:auto auto;column-gap:10px;padding:12px 15px;background:#f5f1e5;color:#143d35;text-align:left;box-shadow:0 9px 30px #0c30294a}
.veterok-pin i{grid-row:span 2;width:25px;height:25px;border:7px solid #d57d59;border-radius:50% 50% 50% 0;transform:rotate(-45deg)}
.veterok-pin strong{font-size:13px;line-height:1.2}.veterok-pin small{font-size:9px;letter-spacing:.08em;opacity:.7}
.map-open{position:absolute;z-index:4;right:20px;bottom:18px;padding:10px 13px;background:#143d35;color:#fff;text-decoration:none;font-size:11px;font-weight:700}
.map-open span{margin-left:6px;font-size:15px}

@media(max-width:780px){
  .gallery-arrow{width:42px;height:42px;margin-top:-21px}.gallery-arrow.prev{left:8px}.gallery-arrow.next{right:8px}
  #lightbox .lightbox-control{width:44px;height:44px;margin-top:-22px}
  #lightbox .lightbox-control.prev{left:8px}#lightbox .lightbox-control.next{right:8px}
  .route-map.schematic-map{height:270px}
  .map-fields{right:29%;padding:76px 0 0 18px}.map-river{left:67%}.map-cliff{left:59%;width:17%}
  .veterok-pin{left:54%;top:48%;padding:10px;grid-template-columns:25px auto}.veterok-pin i{width:21px;height:21px;border-width:6px}.veterok-pin strong{font-size:11px}.veterok-pin small{font-size:8px}
  .map-open{right:10px;bottom:10px;font-size:9px}
  .schematic-map .map-title{left:10px;top:10px;font-size:8px}
}