@font-face{font-family:"Old Standard TT";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/old-standard-tt-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Old Standard TT";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/old-standard-tt-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Old Standard TT";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/old-standard-tt-latin-ext-700-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Old Standard TT";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/old-standard-tt-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Old Standard TT";font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/old-standard-tt-latin-ext-400-italic.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Old Standard TT";font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/old-standard-tt-latin-400-italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Caveat";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/caveat-latin-ext-500-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Caveat";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/caveat-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Caveat";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/caveat-latin-ext-700-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Caveat";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/caveat-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --cork:#b88a5a; --cork-d:#8f6538; --wood:#5a3a1c; --wood-l:#7a5430;
  --paper:#f8f1da; --paper-2:#f1e4b8; --ink:#241c14; --ink-blue:#1f2f7a; --ink-blue-2:#33406e;
  --serif:"Old Standard TT","Times New Roman",Georgia,serif; --hand:"Caveat","Segoe Script",cursive;
  --gutter:clamp(16px,5vw,70px);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;color:var(--ink);font:400 1.05rem/1.6 var(--serif);-webkit-font-smoothing:antialiased;background:var(--cork-d)}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:3px solid #1f2f7a;outline-offset:3px}

/* korek: stejný vzhled na desce, na scénách i na mapovém listu */
.cork,#stage,.scene.day,body{
  background-color:var(--cork);
  background-image:
    radial-gradient(circle at 20% 30%,rgba(70,38,12,.38) 0 1.2px,transparent 1.8px),
    radial-gradient(circle at 70% 60%,rgba(255,226,180,.30) 0 1px,transparent 1.6px),
    radial-gradient(circle at 42% 82%,rgba(60,30,10,.34) 0 1.5px,transparent 2.2px),
    radial-gradient(circle at 88% 12%,rgba(255,226,180,.22) 0 1.3px,transparent 2px),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='260' height='260'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .36  0 0 0 0 .2  0 0 0 0 .07  0 0 0 .55 0'/></filter><rect width='260' height='260' filter='url(%23n)'/></svg>");
  background-size:23px 29px,31px 37px,41px 43px,53px 47px,260px 260px;
}
/* dřevěný rám desky přes celé okno */
.frame{position:fixed;inset:0;z-index:50;pointer-events:none;border:clamp(8px,1.4vw,18px) solid var(--wood);
  box-shadow:inset 0 0 0 2px var(--wood-l),inset 0 0 50px rgba(0,0,0,.5)}

/* scény */
.scene{position:relative}
.scene.day{z-index:1;min-height:100vh;padding:clamp(34px,8vh,90px) var(--gutter) clamp(40px,8vh,90px)}
.mapscene{height:260vh;z-index:0;pointer-events:none}
.board{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(24px,4vw,64px);align-items:start}

/* připíchnutý článek */
.board.solo{grid-template-columns:minmax(0,720px);justify-content:center}
.note-wrap{position:relative;padding-top:14px}
.note{position:relative;max-width:700px;margin:0 auto;padding:2.8rem clamp(1.3rem,3vw,2.5rem) 2.1rem;color:#26201a;
  background:linear-gradient(180deg,rgba(255,255,255,.55),transparent 18%),var(--paper);
  box-shadow:0 2px 3px rgba(0,0,0,.35),0 14px 30px rgba(35,18,0,.5);transform:rotate(-.7deg)}
.note::before,.tag::before{content:"";position:absolute;top:-12px;left:50%;width:30px;height:30px;margin-left:-15px;border-radius:50%;z-index:2;
  background:radial-gradient(circle at 34% 30%,#ff9a8a 0 9%,#d6301f 38%,#8f1409 100%);box-shadow:0 7px 8px rgba(0,0,0,.5),inset 0 -3px 4px rgba(0,0,0,.3)}
.note-hd{display:flex;align-items:baseline;flex-wrap:wrap;gap:.2rem 1.1rem;margin:0 0 1rem;padding-bottom:.35rem;border-bottom:2px solid rgba(31,47,122,.28)}
.dayno{font:700 clamp(2.4rem,5vw,3.3rem)/1 var(--hand);color:var(--ink-blue)}
.note-hd time{font:500 clamp(1.4rem,3vw,1.8rem)/1 var(--hand);color:var(--ink-blue-2)}
.text p{margin:0 0 .9rem;text-align:left;hyphens:auto;-webkit-hyphens:auto}
.text p:last-child{margin-bottom:0}
.text .em{filter:grayscale(1) sepia(.5)}
.tag{position:relative;display:inline-block;margin:0 auto;padding:2rem 1.8rem 1.2rem;background:var(--paper-2);transform:rotate(-2deg);
  box-shadow:0 2px 3px rgba(0,0,0,.35),0 12px 24px rgba(35,18,0,.45)}
.tag .note-hd{margin:0;border:0;padding:0}
.note-wrap:has(.tag){display:flex;justify-content:center;padding-top:30px}

/* polaroidy */
.pile{position:relative;width:100%;max-width:520px;aspect-ratio:1/1.42;margin:0 auto}
.pile .pol{position:absolute;width:52%}
.pol{position:relative;margin:0;padding:4.2% 4.2% 0;background:#fcf9f1;transform:rotate(var(--r,0deg));
  box-shadow:0 1px 2px rgba(30,15,0,.5),0 6px 14px rgba(30,15,0,.45);transition:transform .25s ease,box-shadow .25s ease}
.pol a{display:block;cursor:zoom-in;line-height:0}
.pol img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;background:#2a2118;filter:saturate(.93) contrast(1.03);
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.18)}
.pol figcaption{display:flex;align-items:center;justify-content:center;min-height:3.1em;padding:.3em .3em .45em;text-align:center;
  font:500 clamp(1.05rem,1.55vw,1.32rem)/1.1 var(--hand);color:#2a2a3d;overflow:hidden}
.pol:hover,.pol:focus-within{z-index:30!important;transform:rotate(0) scale(1.05);box-shadow:0 2px 3px rgba(30,15,0,.5),0 16px 30px rgba(30,15,0,.55)}
.d-tape::before{content:"";position:absolute;top:-11px;left:50%;width:36%;height:22px;margin-left:-18%;z-index:2;transform:rotate(-3deg);
  background:rgba(240,228,168,.78);box-shadow:0 1px 2px rgba(0,0,0,.25)}
.d-pin::before{content:"";position:absolute;top:-9px;left:50%;width:18px;height:18px;margin-left:-9px;border-radius:50%;z-index:2;
  background:radial-gradient(circle at 34% 30%,#9fc4ff 0 9%,#2f62c9 40%,#16337a 100%);box-shadow:0 4px 5px rgba(0,0,0,.5)}
.vthumb{position:relative}
.vthumb::after{content:"";position:absolute;left:50%;top:50%;width:62px;height:62px;margin:-31px 0 0 -31px;border-radius:50%;
  background:rgba(20,12,6,.55) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M8 5v14l11-7z' fill='%23f4ead0'/></svg>") center/55% no-repeat;
  box-shadow:0 0 0 2px rgba(255,255,255,.6)}
.pol video{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;background:#000}
.wall{max-width:1180px;margin:clamp(40px,7vh,80px) auto 0;display:flex;flex-wrap:wrap;justify-content:center;gap:1.7rem 1.2rem;padding:.6rem 0}
.wall .pol{width:clamp(150px,17vw,210px)}

/* vstup: polaroidy dopadnou na desku, lístek se připíchne */
.js .scene.day .pol{opacity:0;transform:translateY(-80px) rotate(calc(var(--r,0deg)*3)) scale(1.1)}
.js .scene.day.in .pol{opacity:1;transform:rotate(var(--r,0deg));
  transition:transform .85s cubic-bezier(.2,.9,.25,1.1) calc(var(--i,0)*110ms),opacity .4s ease calc(var(--i,0)*110ms),box-shadow .25s}
.js .scene.day.in .pol:hover,.js .scene.day.in .pol:focus-within{transform:rotate(0) scale(1.05);transition:transform .25s ease,box-shadow .25s}
.js .scene.day .note-wrap{opacity:0;transform:translateY(46px) rotate(-1.5deg)}
.js .scene.day.in .note-wrap{opacity:1;transform:none;transition:opacity .5s ease,transform .8s cubic-bezier(.2,.9,.25,1)}

/* mapový list připíchnutý na desce; scéna sama je průhledná, mapa je pevná za ní */
#stage{position:fixed;inset:0;z-index:0}
#stage .sheet{position:absolute;inset:clamp(30px,6vh,64px) clamp(30px,5vw,84px);background:#e6d6a4;border:clamp(7px,1vw,13px) solid #f4ecd2;
  box-shadow:0 14px 42px rgba(0,0,0,.65),inset 0 0 70px rgba(120,80,20,.35);transform:rotate(-.35deg)}
.tk{position:absolute;width:24px;height:24px;border-radius:50%;z-index:3;
  background:radial-gradient(circle at 34% 30%,#ff9a8a 0 9%,#d6301f 38%,#8f1409 100%);box-shadow:0 7px 9px rgba(0,0,0,.55)}
.t1{left:-12px;top:-12px}.t2{right:-12px;top:-12px}.t3{left:-12px;bottom:-12px}.t4{right:-12px;bottom:-12px}
svg.mapa{position:absolute;inset:0;width:100%;height:100%;display:block}
.mapa .sea{fill:#d4dac2}
.mapa .grid{fill:none;stroke:#a6b19b;stroke-width:calc(var(--k,1)*.8px);stroke-dasharray:calc(var(--k,1)*2px) calc(var(--k,1)*5px)}
.mapa .land{fill:#ecdcae;stroke:#85693f;stroke-width:calc(var(--k,1)*1.3px);stroke-linejoin:round}
.mapa .border{fill:none;stroke:#a58b5a;stroke-width:calc(var(--k,1)*1px);stroke-dasharray:calc(var(--k,1)*5px) calc(var(--k,1)*3px)}
.mapa .leg{fill:none;stroke:#b3341c;stroke-width:calc(var(--k,1)*4.5px);stroke-linecap:round;stroke-linejoin:round}
.mapa .leg.fly{stroke:#2d4a8a;stroke-width:calc(var(--k,1)*3px)}
.mapa .pi{transform:scale(var(--k,1))}
.mapa .pin{opacity:0;transition:opacity .35s}
.mapa .pin.on{opacity:1}
.mapa .pb{fill:#c3281c;stroke:#6e130c;stroke-width:1.5}
.mapa .ph{fill:#ffb3a6}
.mapa .pin.ap .pb{fill:#e0897d;stroke-dasharray:3 2}
#car{opacity:0}
#car.on{opacity:1}
.mapa .car-r{fill:rgba(255,255,255,.55);stroke:#1f2f7a;stroke-width:2}
.mapa .car-d{fill:#1f2f7a}

/* lightbox */
dialog.lb{border:0;padding:0;background:transparent;max-width:100vw;max-height:100vh;width:100vw;height:100vh}
dialog.lb::backdrop{background:rgba(20,12,6,.92)}
.lb-in{height:100%;display:grid;grid-template-rows:1fr auto;place-items:center;padding:3vh 4vw}
.lb img{max-width:100%;max-height:82vh;object-fit:contain;background:#000;box-shadow:0 0 0 12px #fcf9f1,0 14px 40px rgba(0,0,0,.7)}
.lb-cap{color:#f4ead0;font:500 1.6rem/1.2 var(--hand);text-align:center;padding-top:1.1rem;min-height:2.4em}
.lb button{position:absolute;background:#fcf9f1;color:var(--ink);border:0;width:3rem;height:3rem;border-radius:50%;font:700 1.6rem/1 var(--serif);cursor:pointer}
.lb .x{top:2vh;right:2vw}.lb .pv{left:1.5vw;top:45%}.lb .nx{right:1.5vw;top:45%}
.lb button:hover{background:#d6301f;color:#fff}

@media (max-width:860px){
  .board{grid-template-columns:1fr}
  .pile{max-width:440px}
  .note{transform:none}
}
@media (max-width:560px){
  .wall .pol{width:calc(50% - .8rem)}
  .vthumb::after{width:46px;height:46px;margin:-23px 0 0 -23px}
}
@media (prefers-reduced-motion:reduce){
  .mapscene{height:130vh}
  .js .scene.day .pol,.js .scene.day .note-wrap{opacity:1;transform:rotate(var(--r,0deg));transition:none}
  .js .scene.day .note-wrap{transform:none}
}
@media print{.frame,#stage,.mapscene{display:none}body,.scene.day{background:#fff}}

/* státy, místa a popisky na mapě */
.mapa .state{fill:none;stroke:#b39a68;stroke-width:calc(var(--k,1)*.9px);stroke-dasharray:calc(var(--k,1)*3px) calc(var(--k,1)*3px)}
.mapa .border{stroke:#8c7144;stroke-width:calc(var(--k,1)*1.3px)}
.mapa .lab-state{font:italic 500 16px var(--serif);fill:#7a6440;opacity:.0;transition:opacity .4s}
.mapa:not(.far) .lab-state{opacity:.85}
.mapa .lab-country{font:700 24px var(--serif);letter-spacing:.3em;fill:#8a6f45;opacity:.5}
.mapa .place{opacity:0;transition:opacity .4s}
.mapa .place.on{opacity:1}
.mapa .place .pd{fill:#1f2f7a;stroke:#fff;stroke-width:1.5}
.mapa .place text{font:700 18px var(--hand);fill:#1f2f7a;paint-order:stroke;stroke:#f1e4b8;stroke-width:4px;stroke-linejoin:round}
.mapa .plane{fill:#1f2f7a;stroke:#fff;stroke-width:1.3;display:none}
#car.fly .plane,#wcar .plane{display:block}
#car.fly .car-r,#car.fly .car-d{display:none}
#wcar{opacity:0}
#wcar.on{opacity:1}
#worldsvg{display:none}
#stage.world #worldsvg{display:block}
#stage.world #mapsvg{display:none}
.world .sea{fill:#c3d3d0}
.world .gshadow{fill:rgba(70,40,10,.3)}
.world .gring{fill:none;stroke:#5a3a1c;stroke-width:calc(var(--k,1)*3px)}
.world .grid{stroke:#8fa39f}
.world .land{stroke-width:calc(var(--k,1)*1px)}
.world .wpin text{font-size:24px}
.mapa .lab-country.sm{font-size:15px;letter-spacing:.04em;opacity:.6}

/* tlačítko a okno galerie */
.pile-col{min-width:0;align-self:stretch;display:flex;align-items:center;padding-top:14px}
.pile-sticky{width:100%;position:sticky;top:6vh}
.galbtn{z-index:50;display:flex;align-items:center;gap:.9rem;margin:1.6rem auto 0;padding:.65rem 1.5rem;border:0;cursor:pointer;color:var(--ink-blue);
  background:var(--paper-2);font:700 clamp(1.5rem,2.6vw,1.9rem)/1 var(--hand);transform:rotate(-1.5deg);position:relative;
  box-shadow:0 2px 3px rgba(0,0,0,.35),0 10px 20px rgba(35,18,0,.45);transition:transform .2s ease,box-shadow .2s ease}
.galbtn::before{content:"";position:absolute;top:-9px;left:50%;width:44px;height:18px;margin-left:-22px;transform:rotate(2deg);
  background:rgba(240,228,168,.8);box-shadow:0 1px 2px rgba(0,0,0,.25)}
.galbtn b{display:inline-grid;place-content:center;min-width:2.1rem;height:2.1rem;padding:0 .5rem;border-radius:1.1rem;background:#c3281c;color:#fff;
  font:700 1.2rem/1 var(--serif)}
.galbtn:hover,.galbtn:focus-visible{transform:rotate(0) scale(1.05);box-shadow:0 2px 3px rgba(0,0,0,.35),0 14px 26px rgba(35,18,0,.55)}
dialog.gal{border:0;padding:0;margin:auto;width:min(1260px,96vw);max-height:92vh;overflow:hidden;color:var(--ink);
  box-shadow:0 0 0 clamp(6px,1vw,12px) var(--wood),0 20px 60px rgba(0,0,0,.7)}
dialog.gal::backdrop{background:rgba(20,12,6,.88)}
.gal-in{max-height:92vh;overflow:auto;padding:clamp(18px,3vw,40px)}
.gal-hd{display:flex;align-items:center;justify-content:space-between;gap:1rem;position:sticky;top:calc(-1 * clamp(18px,3vw,40px));z-index:60;
  margin:calc(-1 * clamp(18px,3vw,40px)) calc(-1 * clamp(18px,3vw,40px)) 0;padding:.6rem clamp(18px,3vw,40px);background:rgba(90,58,28,.92)}
.gal-hd .dayno{color:#fcf9f1}
.gx{width:2.8rem;height:2.8rem;border:0;border-radius:50%;background:#fcf9f1;color:var(--ink);font:700 1.7rem/1 var(--serif);cursor:pointer}
.gx:hover{background:#d6301f;color:#fff}
.gal .wall{margin-top:1.6rem}
.js .scene.day .gal .pol{opacity:1;transform:rotate(var(--r,0deg))}
.js .scene.day .gal .pol:hover,.js .scene.day .gal .pol:focus-within{transform:rotate(0) scale(1.05)}
html:not(.js) dialog.gal{display:block;position:static;width:auto;max-height:none;margin:2rem 0 0;box-shadow:none}
html:not(.js) .galbtn,html:not(.js) .gx{display:none}
.mapa.all .place,.mapa.all .lab-state{opacity:0!important}
.mapscene.final{height:200vh}
.mapa.all .lab-country.sm{opacity:0}

@media (max-width:860px){.pile-col{display:block;align-self:start}.pile-sticky{position:static}}

/* připínání: špendlík dopadne, lístek při zabodnutí cukne, páska se přilepí */
@keyframes pinDrop{
  0%{opacity:0;transform:translateY(-90px) scale(1.8) rotate(-35deg)}
  45%{opacity:1}
  62%{transform:translateY(0) scale(1) rotate(0)}
  78%{transform:translateY(-7px) scale(1.07)}
  100%{opacity:1;transform:none}
}
@keyframes noteTap{
  0%{transform:rotate(-.7deg)}
  35%{transform:rotate(-1.3deg) translateY(2px)}
  70%{transform:rotate(-.4deg)}
  100%{transform:rotate(-.7deg)}
}
@keyframes tapeStick{
  0%{opacity:0;transform:rotate(-3deg) scaleX(.15) translateY(-16px)}
  100%{opacity:1;transform:rotate(-3deg)}
}
@keyframes svgPinDrop{
  0%{opacity:0;transform:translateY(-46px) scale(1.6)}
  55%{opacity:1;transform:translateY(0) scale(1)}
  72%{transform:translateY(-6px) scale(1.05)}
  100%{opacity:1;transform:translateY(0) scale(1)}
}
.js .scene.day .note::before,.js .scene.day .tag::before{opacity:0}
.js .scene.day.in .note::before,.js .scene.day.in .tag::before{animation:pinDrop .65s cubic-bezier(.3,.7,.4,1) .55s both}
.js .scene.day.in .note{animation:noteTap .45s ease-out 1s both}
.js .scene.day .pol.d-pin::before,.js .scene.day .pol.d-tape::before{opacity:0}
.js .scene.day.in .pol.d-pin::before{animation:pinDrop .55s cubic-bezier(.3,.7,.4,1) calc(var(--i,0)*110ms + .7s) both}
.js .scene.day.in .pol.d-tape::before{animation:tapeStick .4s ease-out calc(var(--i,0)*110ms + .75s) both}
.js .scene.day .gal .pol.d-pin::before,.js .scene.day .gal .pol.d-tape::before{opacity:1;animation:none}
.mapa .pin.on .pb,.mapa .pin.on .ph,.mapa .place.wpin.on .pb,.mapa .place.wpin.on .ph{animation:svgPinDrop .6s cubic-bezier(.3,.7,.4,1) both}
.mapa .pin{transition:opacity .12s}
@media (prefers-reduced-motion:reduce){
  .js .scene.day .note::before,.js .scene.day .tag::before,.js .scene.day .pol.d-pin::before,.js .scene.day .pol.d-tape::before{opacity:1;animation:none!important}
  .js .scene.day.in .note{animation:none!important}
  .mapa .pin.on .pb,.mapa .pin.on .ph,.mapa .place.wpin.on .pb,.mapa .place.wpin.on .ph{animation:none!important}
}