/* Home: engraved Vilnius old-town map, the audio guide route draws itself (template-parts/anim-route.php, js/anim-route.js).
   Loaded only on the home page while the section is switched on (inc/anims.php). Fonts = the theme's Barlow / Playfair. */
.sm-rt{--rg:#C48A7E;--rose-t:#9C6158;--ink:#2B1A17;--lead:#6E5650;
 --gold-metal:linear-gradient(120deg,#BC7F72 0%,#D29C8C 24%,#DDB1A3 40%,#CF9787 56%,#B9796C 78%,#CC9584 100%);
 color:var(--ink);font-family:Barlow,"Barlow Fallback",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.sm-rt *{box-sizing:border-box}
.sm-rt .sm-rt__in{height:clamp(560px,86vh,780px);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:56px;align-items:center;padding:40px 64px 40px 40px;max-width:1440px;margin:0 auto}
.sm-rt .sm-rt__map{position:relative;height:100%;min-height:420px;border-radius:22px;overflow:hidden;background:#FBF5F1;
 box-shadow:0 1px 0 rgba(255,255,255,.8) inset,0 24px 60px -34px rgba(94,47,55,.35),0 0 0 1px #EDDDD8}
.sm-rt .sm-rt__map::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:3;
 background:radial-gradient(120% 90% at 50% 45%,transparent 55%,rgba(196,138,126,.10) 100%)}
.sm-rt .sm-rt__map::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:3;opacity:.55;mix-blend-mode:multiply;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .55 0 0 0 0 .38 0 0 0 0 .33 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.sm-rt .sm-rt__map svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.sm-rt .sm-rt__cards{position:absolute;inset:0;z-index:2;pointer-events:none}
.sm-rt .sm-rt__card{position:absolute;left:0;top:0;background:rgba(255,253,251,.96);border:1px solid #EAD8D2;border-radius:12px;
 padding:7px 12px 8px;box-shadow:0 10px 24px -16px rgba(94,47,55,.45);white-space:nowrap;opacity:0;will-change:transform,opacity}
.sm-rt .sm-rt__card b{display:block;font:600 10.5px/1.2 Barlow,"Barlow Fallback",sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--rose-t);margin-bottom:2px}
.sm-rt .sm-rt__card span{display:block;font:500 16px/1.15 "Playfair Display",Georgia,serif;color:#2B1A17}
.sm-rt .sm-rt__txt{max-width:460px}
.sm-rt .sm-rt__eye{display:flex;align-items:center;gap:10px;font:600 12.5px/1.3 Barlow,"Barlow Fallback",sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--rose-t);margin:0 0 22px}
.sm-rt .sm-rt__eye i{flex:none;width:13px;height:13px;background:var(--rg);-webkit-mask:url(../img/v3/heart-pin.svg) center/contain no-repeat;mask:url(../img/v3/heart-pin.svg) center/contain no-repeat}
.sm-rt .sm-rt__h{font:500 58px/1.04 "Playfair Display",Georgia,serif;letter-spacing:-.01em;color:var(--ink);margin:0;text-transform:none}
.sm-rt .sm-rt__h em{font-style:italic;color:var(--rose-t)}
.sm-rt .sm-rt__meta{margin:22px 0 0;font:500 18px/1.4 Barlow,"Barlow Fallback",sans-serif;color:var(--ink);letter-spacing:.01em}
.sm-rt .sm-rt__meta s{text-decoration:none;color:var(--rg);padding:0 .35em}
.sm-rt .sm-rt__lead{margin:12px 0 0;font:400 16.5px/1.55 Barlow,"Barlow Fallback",sans-serif;color:var(--lead);max-width:400px}
.sm-rt .sm-rt__btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:10px;margin-top:30px;height:52px;padding:0 30px;border-radius:999px;
 background:var(--gold-metal);color:#fff;font:600 17px/1 Barlow,"Barlow Fallback",sans-serif;letter-spacing:.02em;text-decoration:none;text-shadow:0 1px 1px rgba(94,47,55,.35);
 box-shadow:0 12px 26px -14px rgba(142,78,88,.7)}
.sm-rt .sm-rt__btn:hover,.sm-rt .sm-rt__btn:focus{color:#fff;text-decoration:none}
.sm-rt .sm-rt__btn:focus-visible{outline:2px solid var(--rose-t);outline-offset:4px}
.sm-rt .sm-rt__btn::after{content:"";position:absolute;top:0;bottom:0;width:60%;left:-70%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);
 transform:translateX(var(--sh,0%))}
/* text waits for the drawing only when the script runs */
.sm-rt.is-js .fx{opacity:0;transform:translateY(14px)}
@media (max-width:760px){
 .sm-rt .sm-rt__in{display:block;height:auto;padding:14px 14px 28px}
 .sm-rt .sm-rt__map{height:500px;min-height:0;border-radius:18px}
 .sm-rt .sm-rt__txt{padding:26px 8px 0}
 .sm-rt .sm-rt__eye{font-size:11px;margin-bottom:14px}
 .sm-rt .sm-rt__h{font-size:38px}
 .sm-rt .sm-rt__meta{font-size:16px;margin-top:14px}
 .sm-rt .sm-rt__lead{font-size:15px;margin-top:8px}
 .sm-rt .sm-rt__btn{margin-top:22px;height:50px;padding:0 28px;font-size:16px}
 .sm-rt .sm-rt__card{padding:5px 9px 6px;border-radius:10px}
 .sm-rt .sm-rt__card b{font-size:9px;letter-spacing:.14em}
 .sm-rt .sm-rt__card span{font-size:13px;white-space:normal;max-width:92px}
}
@media (min-width:761px) and (max-width:1100px){
 .sm-rt .sm-rt__in{gap:32px;padding:32px 28px}
 .sm-rt .sm-rt__h{font-size:44px}
}
@media (prefers-reduced-motion:reduce){.sm-rt.is-js .fx{opacity:1;transform:none}}
/* dark mode (css/dark.css does not know this file): the engraved map stays a paper sheet, the text turns light */
html[data-theme="dark"] .sm-rt{--ink:#F5E9E4;--rose-t:#EBCBBE;--lead:#E3CFC8}
html[data-theme="dark"] .sm-rt .sm-rt__map{box-shadow:0 24px 60px -34px rgba(0,0,0,.6),0 0 0 1px #4A332D;filter:brightness(.94)}
html[data-theme="dark"] .sm-rt .sm-rt__card b{color:#9C6158}
html[data-theme="dark"] .sm-rt .sm-rt__btn:focus-visible{outline-color:#EBCBBE}