:root{
  --paper:#f7f1e6; --card:#fdfaf3; --ink:#191512; --soft:#4a4239; --muted:#6d6459;
  --crimson:#9b1b22; --gold:#c9a962; --gold-dark:#6e5626; --line:#a8863f;
  --hair:rgba(25,21,18,.12);
  --font-ui:-apple-system,BlinkMacSystemFont,"SF Pro Text","Inter",system-ui,sans-serif;
  --font-display:"Fraunces",Georgia,serif;
  --r-sm:10px; --r-lg:20px; --r-capsule:999px;
  --gut:20px;
  --colL:58.5vw; --colW:min(470px,34vw);
  --barH:64px;
}
*{box-sizing:border-box}
html{background:var(--paper);color:var(--ink);-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--paper);font-family:var(--font-ui);font-size:17px;line-height:1.55;overflow-x:hidden;
  -webkit-font-smoothing:antialiased;font-kerning:normal}
em{font-style:normal}
img{display:block;max-width:100%}
a{color:inherit}
:focus-visible{outline:2px solid var(--crimson);outline-offset:3px}


.bar{position:fixed;z-index:30;top:0;left:0;right:0;height:var(--barH);display:flex;align-items:center;justify-content:space-between;
  padding:0 28px;pointer-events:none}
.bar>*{pointer-events:auto}
.bar-logo{display:block;padding:8px 0;position:relative}
.bar-logo img{height:21px;width:auto}

.bar-logo .on-dark{position:absolute;left:0;top:8px;opacity:0}
.bar-ctrls{display:flex;gap:10px;align-items:center}
.lang{display:flex;background:rgba(253,250,243,.92);border:1px solid var(--hair);border-radius:var(--r-capsule);padding:3px}
.lang button,.music{font:600 12px/1 var(--font-ui);letter-spacing:.08em;color:var(--soft);background:none;border:0;cursor:pointer}
.lang button{min-width:40px;height:32px;border-radius:var(--r-capsule);transition:background-color .2s cubic-bezier(.25,.1,.25,1),color .2s cubic-bezier(.25,.1,.25,1)}
.lang button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
.music{display:flex;align-items:center;gap:8px;height:40px;padding:0 14px 0 12px;background:rgba(253,250,243,.92);border:1px solid var(--hair);
  border-radius:var(--r-capsule);letter-spacing:.04em}

.mt-ico{display:block;width:20px;height:16px;overflow:visible}
.mt-spk{fill:currentColor}
.mt-w1,.mt-w2,.mt-x{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;transition:opacity .45s cubic-bezier(.25,.1,.25,1)}
.mt-w1,.mt-w2{opacity:0}
.music.is-on .mt-w1,.music.is-on .mt-w2{opacity:1}
.music.is-on .mt-x{opacity:0}
.music[aria-pressed="true"]{color:var(--crimson)}


.stage{position:fixed;z-index:0;left:0;top:0;width:100%;height:100vh;background:var(--paper);overflow:hidden;contain:strict}
.stage canvas{position:absolute;left:0;top:0;display:block}
#mapPrev{opacity:0}
.labels{position:absolute;inset:0;pointer-events:none}
.lbl{position:absolute;left:0;top:0;white-space:nowrap;will-change:transform,opacity;opacity:0}
.lbl .ln{display:block;font:600 11px/1.15 var(--font-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--soft);
  text-shadow:0 0 2px var(--paper),0 0 4px var(--paper),0 0 7px var(--paper)}
.lbl .ly{text-shadow:0 0 2px var(--paper),0 0 5px var(--paper)}
.lbl .ly{display:block;margin-top:3px;font:400 15px/1.1 var(--font-display);letter-spacing:.01em;color:var(--crimson);font-variant-numeric:lining-nums}
.lbl.far .ln{color:var(--gold-dark)}
.lbl.sea{font:italic 400 15px/1 var(--font-display);letter-spacing:.34em;color:rgba(74,66,57,.55);text-transform:none}
.fade{position:absolute;pointer-events:none;opacity:0}
.fade-l{inset:0;background:linear-gradient(90deg,var(--paper) 0%,rgba(247,241,230,.94) 26%,rgba(247,241,230,0) 46%)}
.fade-r{inset:0;background:linear-gradient(90deg,rgba(247,241,230,0) 47%,rgba(247,241,230,.92) 56%,var(--paper) 62%)}
.fade-top{left:0;right:0;top:0;height:120px;opacity:1;background:linear-gradient(var(--paper),rgba(247,241,230,0))}
.fade-edge{display:none}


main{position:relative;z-index:2}
section,article,footer{position:relative}
.col-sect{min-height:100vh;display:flex;align-items:center;padding:16vh 0}
.col{margin-left:var(--colL);width:var(--colW)}


.hero{height:100vh;min-height:620px;position:relative}
.hero-txt{position:absolute;left:6.4vw;bottom:11vh;width:min(560px,40vw)}
.hero-title{margin:0;font-family:var(--font-display);font-weight:400;color:var(--ink)}
.ht-1{display:block;font-size:clamp(76px,9.2vw,140px);line-height:.92;letter-spacing:-.025em;
  clip-path:inset(-.4em -.2em 0 -.2em)}             
.hti{display:block;will-change:transform}
.ht-2{display:block;margin-top:14px;font-style:italic;font-size:clamp(26px,2.6vw,38px);line-height:1.12;letter-spacing:-.005em;color:var(--soft);max-width:15em}
.pleter{position:relative;margin:28px 0 24px;height:32px;max-width:100%}
.pleter svg{display:block}

.pl-glint{position:absolute;inset:0;pointer-events:none;opacity:0;mix-blend-mode:screen;
  background:linear-gradient(100deg,rgba(255,240,205,0) calc(var(--glint,-20%) - 9%),rgba(255,240,205,.42) var(--glint,-20%),rgba(255,240,205,0) calc(var(--glint,-20%) + 9%))}
.pleter.drawing .pl-glint{opacity:1}

.intro .hero-purpose,.intro .hero-cue{opacity:0}

.knot-mark{width:46px;height:46px;margin:0 0 20px}
.knot-mark svg{display:block}
.hero-purpose{margin:0;max-width:30em;font-size:18px;line-height:1.6;color:var(--soft)}
.hero-cue{display:inline-flex;align-items:center;gap:10px;margin-top:28px;min-height:44px;font:600 13px/1 var(--font-ui);letter-spacing:.06em;
  color:var(--crimson);text-decoration:none}
.hero-cue svg{width:12px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}


.ent-h{margin:0 0 22px;font:400 clamp(30px,2.6vw,40px)/1.14 var(--font-display);letter-spacing:-.01em}
.lead{margin:0 0 34px;color:var(--soft);font-size:17px}
.eras-h{margin:0 0 10px;font-size:14px;color:var(--muted)}
.eras ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--hair)}
.eras li{display:grid;grid-template-columns:64px 1fr;column-gap:16px;padding:11px 0 12px;border-bottom:1px solid var(--hair)}
.e-yr{grid-row:span 2;font:400 22px/1.1 var(--font-display);color:var(--crimson);font-variant-numeric:lining-nums}
.e-lb{font-weight:600;font-size:15px;line-height:1.35}
.e-why{font-size:14px;color:var(--muted);line-height:1.35}
.invite{margin:30px 0 0;font:italic 400 22px/1.3 var(--font-display);color:var(--ink)}


.yr{margin:0 0 10px;font:400 clamp(64px,6.4vw,96px)/.95 var(--font-display);letter-spacing:-.03em;color:var(--crimson);font-variant-numeric:lining-nums}
.stop h3,.pw-title{margin:0 0 14px;font:400 clamp(25px,2.1vw,31px)/1.18 var(--font-display);letter-spacing:-.006em;color:var(--ink)}
.note{margin:0 0 26px;color:var(--soft);font-size:17px;line-height:1.6}
.ph{margin:0 0 22px}
.ph img{width:100%;height:auto;border-radius:var(--r-lg);background:#ebe3d4;object-fit:cover}

.ph-in{position:relative;border-radius:var(--r-lg);overflow:hidden;isolation:isolate}
.ph-in img{border-radius:0}
.ph-in img[data-live="depth"]{transform:scale(1.03)}
canvas.living{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;pointer-events:none}

.ph-framed{position:relative;margin:22px 0 22px 18px}
.ph-framed .ph-in{border-radius:3px}
.ph.ph-framed figcaption{margin-top:26px}
.ph-frame{position:absolute;pointer-events:none}
.ph-frame svg{display:block}
.ph-land img{aspect-ratio:4/3}
.ph-doc img{aspect-ratio:5/6;object-fit:cover;object-position:50% 12%;background:#f4efe4}
.ph-portrait img{aspect-ratio:4/5}
.ph-solo{width:78%}
.ph-small{width:62%;margin-top:26px}
.ph-small img{aspect-ratio:3/2}
.ph figcaption{margin-top:9px;font-size:13px;line-height:1.4;color:var(--muted)}
.ph figcaption b{font-weight:600;color:var(--soft)}
.pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pair .ph{margin-bottom:22px}
.meta{margin:0;padding:0;border-top:1px solid var(--hair)}
.meta div{display:grid;grid-template-columns:132px 1fr;gap:12px;padding:9px 0;border-bottom:1px solid var(--hair)}
.meta dt{font-size:13px;color:var(--muted);line-height:1.45}
.meta dd{margin:0;font-size:15px;line-height:1.45;color:var(--ink)}


.ph-draw{background:var(--card);border-radius:var(--r-lg);padding:18px 18px 14px;box-shadow:inset 0 0 0 1px var(--hair)}
.velo{display:block;width:100%;height:auto}
.velo .v-arc{fill:none;stroke:rgba(25,21,18,.55);stroke-width:1.2}
.velo .v-arc2{fill:none;stroke:rgba(25,21,18,.18);stroke-width:1}
.velo .v-tick{stroke:var(--line);stroke-width:1.6;stroke-linecap:round}
.velo .v-tick.mn{stroke:rgba(25,21,18,.3);stroke-width:1}
.velo .v-needle{stroke:var(--crimson);stroke-width:2;stroke-linecap:round}
.velo .v-hub{fill:var(--ink)}
.velo text{font:400 13px var(--font-display);font-style:italic;fill:var(--soft);letter-spacing:.02em}


.interlude{height:160vh}
.il-sticky{position:sticky;top:0;height:100vh;overflow:hidden}
.il-frame{position:absolute;inset:0;overflow:hidden;background:#cfd6da;isolation:isolate;-webkit-mask-image:-webkit-radial-gradient(white,black)}
.il-frame img,.il-frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.il-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(25,21,18,0) 52%,rgba(25,21,18,.42) 100%)}
.il-txt{position:absolute;left:6.4vw;right:6.4vw;bottom:9vh;color:#fbf6ec}
.il-line{margin:0;font:400 clamp(36px,4.6vw,68px)/1.04 var(--font-display);letter-spacing:-.02em}

.il-ragusa{height:240vh}
.il-gap{height:0}
.il-ragusa .il-frame{background:#e6dcc4}
.il-ragusa .il-poster{object-position:42% 50%}
.il-ragusa .il-line{max-width:13em;font-size:clamp(32px,3.6vw,56px)}
.il-ragusa .il-scrim{background:linear-gradient(180deg,rgba(14,20,40,0) 46%,rgba(14,20,40,.55) 100%)}
.il-cap{margin:14px 0 0;font-size:13px;letter-spacing:.02em;color:rgba(251,246,236,.86)}


.ch-title{margin:0;font:400 clamp(48px,5.4vw,80px)/1 var(--font-display);letter-spacing:-.025em}
.chapter .ch-title{margin-bottom:22px}
.ch-sub{margin:0;font:italic 400 24px/1.3 var(--font-display);color:var(--soft);max-width:18em}
.pg-logo{height:24px;width:auto;margin:0 0 22px}
.pg-h{margin:0 0 30px;font:400 clamp(30px,2.6vw,40px)/1.14 var(--font-display);letter-spacing:-.01em}
.pcard .ph{margin-bottom:20px}
.pw-title{margin-bottom:10px}


.closing{height:118vh;min-height:760px}
.cl-txt{position:absolute;left:6.4vw;bottom:12vh;width:min(560px,40vw)}
.cl-line{margin:0;font:400 clamp(34px,3.1vw,46px)/1.12 var(--font-display);letter-spacing:-.016em;text-wrap:balance}
.cl-line em{color:var(--crimson)}
.cl-sub{margin:14px 0 0;font:italic 400 22px/1.3 var(--font-display);color:var(--soft)}
.closing .pleter{margin:28px 0 28px}
.cl-visit{display:flex;gap:28px}
.cl-qr{display:grid;grid-template-columns:96px auto;grid-template-rows:auto auto;column-gap:14px;align-items:end;text-decoration:none;color:var(--ink)}
.cl-qr img{grid-row:span 2;width:96px;height:96px;border-radius:var(--r-sm);background:#fff;padding:6px;box-shadow:inset 0 0 0 1px var(--hair)}
.cl-lb{font-size:13px;color:var(--muted);align-self:end}
.cl-site{font-weight:600;font-size:15px;align-self:start}

.credits{background:var(--paper);padding:72px 0 88px;border-top:1px solid var(--hair);z-index:3}
.cr-in{max-width:760px;margin:0 auto;padding:0 var(--gut)}
.cr-h{margin:0 0 12px;font-weight:600;font-size:13px;color:var(--soft)}
.credits p:not(.cr-h){margin:0;font-size:12.5px;line-height:1.65;color:var(--muted)}


@media (max-width:999px),(max-width:1199px) and (orientation:portrait){
  :root{--barH:56px}
  .bar{padding:0 14px 0 16px}
  .bar-logo img{height:19px}
  .lang button{min-width:36px;height:30px}
  .music{height:38px;padding:0 12px 0 10px}
  .stage{z-index:5;height:var(--heroH,56vh)}
  .fade-l,.fade-r{display:none}
  .fade-top{height:88px}
  .fade-edge{display:block;opacity:1;left:0;right:0;top:0;height:30px;background:linear-gradient(rgba(247,241,230,0),var(--paper))}
  .col-sect{min-height:0;display:block;padding:44px var(--gut) 64px}
  .col{margin:0 auto;width:auto;max-width:560px}
  .hero{height:auto;min-height:0;padding:var(--heroH,56vh) var(--gut) 40px}
  .hero-txt{position:static;width:auto;max-width:560px;margin:0 auto}
  .ht-1{font-size:64px}
  .ht-2{font-size:25px;margin-top:8px}
  .pleter{margin:22px 0 18px}
  .hero-purpose{font-size:17px}
  .hero-cue{margin-top:14px}
  .entrance{padding-top:40px}
  .yr{font-size:60px}
  .ph-solo{width:84%}
  .ph-solo.ph-framed{width:76%}
  .ph-small{width:72%}
  .meta div{grid-template-columns:116px 1fr}
  .interlude{height:150vh;height:150svh}
  .il-ragusa{height:230vh;height:230svh}
  .il-gap{height:var(--stripH,0px)}
  .il-ragusa .il-poster{object-position:20% 50%}
  .il-ragusa .il-line{font-size:31px}
  .ph-framed{width:76%;margin-left:16px}
  .il-sticky{height:100vh;height:100svh}
  .il-txt{bottom:7vh}
  .chapter{padding-top:calc(var(--heroH,56vh) + 28px);padding-bottom:64px}
  .ch-title{font-size:52px}
  .ch-sub{font-size:21px}
  .closing{height:auto;min-height:0;padding:36px var(--gut) 72px}
  .cl-txt{position:static;width:auto;max-width:560px;margin:0 auto}
  .cl-line{font-size:30px;line-height:1.14}
  .cl-sub{font-size:20px}
  .cl-visit{gap:20px;flex-wrap:wrap}
  .cl-qr{grid-template-columns:84px auto;column-gap:12px}
  .cl-qr img{width:84px;height:84px}
  .credits{padding:56px 0 72px}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
}
.lbl.on .ln{color:var(--ink)}




.rooms-nav{position:relative}
.rooms-nav summary{list-style:none;display:flex;align-items:center;gap:7px;height:40px;padding:0 13px 0 14px;cursor:pointer;
  font:600 12px/1 var(--font-ui);letter-spacing:.04em;color:var(--soft);background:rgba(253,250,243,.92);border:1px solid var(--hair);border-radius:var(--r-capsule)}
.rooms-nav summary::-webkit-details-marker{display:none}
.rooms-nav summary svg{width:10px;height:6px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s cubic-bezier(.22,1,.36,1)}
.rooms-nav[open] summary svg{transform:rotate(180deg)}
.rooms-nav ol{position:absolute;right:0;top:48px;margin:0;padding:8px;list-style:none;min-width:250px;background:var(--card);border:1px solid var(--hair);
  border-radius:16px;box-shadow:0 18px 40px -18px rgba(25,21,18,.35)}
.rooms-nav li a{display:flex;align-items:center;min-height:44px;padding:0 12px;border-radius:10px;text-decoration:none;font:400 17px/1.2 var(--font-display);color:var(--ink)}
.rooms-nav li a:hover{background:rgba(201,169,98,.14)}


.hook{margin:0 0 26px;font:400 clamp(30px,2.75vw,42px)/1.14 var(--font-display);letter-spacing:-.012em;color:var(--ink)}
.hook-fig{margin:0 0 22px}

.ph-draw.ph-azi{background:none;box-shadow:none;padding:0}
.ph-azi figcaption{margin-top:9px}
.hook-fig .dr-azi,.ph-azi .dr-azi{display:block;width:100%;height:auto;background:var(--card);border-radius:var(--r-lg);padding:18px 16px;box-shadow:inset 0 0 0 1px var(--hair)}
.hook-fig figcaption{margin-top:9px;font-size:13px;line-height:1.4;color:var(--muted)}
.hook-fig figcaption b{font-weight:600;color:var(--soft)}
.hook-sub{margin:0 0 18px;color:var(--soft);font-size:17px;line-height:1.6}
.hook-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;font:600 13px/1 var(--font-ui);letter-spacing:.06em;color:var(--crimson);text-decoration:none}
.hook-link svg{width:18px;height:12px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.az-ink{fill:rgba(25,21,18,.84)}

.wonder-sect{min-height:82vh;padding:9vh 0}
.wonder{display:block;text-decoration:none;color:var(--ink)}
.w-pic{display:block;overflow:hidden;border-radius:var(--r-lg);background:#ebe3d4;box-shadow:0 1px 0 rgba(25,21,18,.05),0 22px 44px -30px rgba(25,21,18,.55)}
.w-img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;transition:transform 1.2s cubic-bezier(.22,1,.36,1)}
.wonder:hover .w-img{transform:scale(1.022)}
.w-line{display:block;margin:22px 0 0;font:400 clamp(25px,2.1vw,31px)/1.2 var(--font-display);letter-spacing:-.011em;text-wrap:pretty}
.w-room{display:inline-flex;align-items:center;gap:9px;min-height:40px;margin-top:8px;font:600 13px/1.25 var(--font-ui);letter-spacing:.01em;color:var(--crimson)}
.w-room svg{width:18px;height:12px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .6s cubic-bezier(.22,1,.36,1)}
.wonder:hover .w-room svg{transform:translateX(4px)}
.rooms-h{margin:0 0 20px;font:400 clamp(26px,2.2vw,32px)/1.15 var(--font-display);letter-spacing:-.01em}
.doors{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:24px 16px}
.door{display:block;text-decoration:none;color:var(--ink)}
.d-pic{display:block;overflow:hidden;border-radius:12px;background:#ebe3d4;box-shadow:inset 0 0 0 1px var(--hair)}
.d-img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;transition:transform 1.2s cubic-bezier(.22,1,.36,1)}
.door:hover .d-img{transform:scale(1.03)}
.d-lb{display:block;margin-top:10px}
.d-mark.room-mark,.d-mark.knot-mark{display:flex;align-items:center;width:auto;height:22px;margin:0 0 6px}
.d-mark svg{display:block;width:auto;height:22px}
.d-name{display:block;font:400 18px/1.22 var(--font-display);letter-spacing:-.004em;transition:color .4s ease}
.door:hover .d-name{color:var(--crimson)}


.room-mark{height:46px;margin:0 0 22px;display:flex;align-items:center}
.room-mark svg{display:block}
.room .ch-title{margin-bottom:22px}


.yr-long{font-size:clamp(40px,3.7vw,58px);line-height:1.02;letter-spacing:-.02em}
.note-after{margin-top:-8px}

.ph-tall{width:80%}
.ph-inset{width:40%}
.ph-page .ph-in,.ph-paper .ph-in{background:#f4efe4;box-shadow:0 1px 0 rgba(25,21,18,.05),0 12px 26px -18px rgba(25,21,18,.4)}
.ph-page img,.ph-paper img{background:#f4efe4}
.ph-dinset{width:72%}
.ph-draw .draw{display:block;width:100%;height:auto}
.pp{display:grid;gap:14px;align-items:center}
.pp img{width:100%;height:auto}
.pp{grid-template-columns:minmax(0,170px) 1fr}
.pp-half{grid-template-columns:1fr 1fr;align-items:stretch}
.pp-half .ph-draw{display:flex;align-items:center;padding:12px}
.pp-drop{grid-template-columns:3fr 2fr}
.pp-drop .ph-draw{padding:10px}
.pp-prelog{grid-template-columns:2.1fr 1fr;align-items:end}
.pp-prelog .ph-mini{background:#000}
.ph-mini{border-radius:12px}
.ph-pairs figcaption{margin-top:9px}
.ph-map .ph-in{background:#efe7d6}
.mapline{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.ml{fill:none;stroke:#b8862e;stroke-width:5;stroke-linecap:round}
.ml-dot{fill:#9b1b22;stroke:#fdfaf3;stroke-width:3}
.ph-plate{background:#fff}
.slot-torpedo{margin-top:12px;background:var(--card);border-radius:var(--r-lg);padding:10px 14px;box-shadow:inset 0 0 0 1px var(--hair)}
.slot-torpedo svg{display:block;width:100%;height:auto}


.draw text.dl{font:italic 400 12.5px var(--font-display);fill:var(--soft);letter-spacing:.01em}
.draw text.dl-m{fill:var(--crimson)}
.fw-c{stroke:rgba(25,21,18,.5);stroke-width:1;fill:none}
.fw-j{stroke:rgba(25,21,18,.3);stroke-width:.9}
.fw-house{fill:var(--paper);stroke:rgba(25,21,18,.55);stroke-width:1}
.fw-wood{fill:none;stroke:rgba(110,86,38,.9);stroke-width:3;stroke-linecap:round}
.fw-wood2{stroke:rgba(110,86,38,.85);stroke-width:2;stroke-linecap:round}
.fw-grain{fill:none;stroke:rgba(110,86,38,.3);stroke-width:.8}
.fw-bundle ellipse,.fw-bundle circle{fill:#f6efe0;stroke:rgba(25,21,18,.7);stroke-width:1}
.fw-bundle path{fill:none;stroke:rgba(25,21,18,.45);stroke-width:.8}
.fw-drum{transform:rotate(180deg)}
.pb-hatch{stroke:rgba(25,21,18,.28);stroke-width:.8}
.pb-mirror{fill:none;stroke:#6e5626;stroke-width:3;stroke-linecap:round}
.pb-in,.pb-out{fill:none;stroke:rgba(196,146,58,.85);stroke-width:1.1;stroke-linecap:round}
.pb-out{stroke:rgba(196,146,58,1)}
.pb-bead{fill:#9b1b22}
.dp-rim{fill:none;stroke:rgba(25,21,18,.62);stroke-width:1.2}
.dp-sun{fill:none;stroke:#cf9c3c;stroke-width:1.8;stroke-linecap:round}
.dp-in{fill:none;stroke:rgba(207,156,60,.85);stroke-width:1.3;stroke-linejoin:round}
.dp-out{fill:none;stroke-width:1.7;stroke-linecap:round}
.dp-r{stroke:#b33b2e}.dp-y{stroke:#d39c2a}.dp-g{stroke:#5a8a3e}.dp-v{stroke:#6a4c9c}
.wd{font:italic 400 40px var(--font-display);fill:var(--ink);stroke:var(--ink);stroke-width:.5;letter-spacing:.01em}
.mo-surf{stroke:rgba(25,21,18,.7);stroke-width:1.4}
.mo-moho{stroke:rgba(155,27,34,.75);stroke-width:1.4;stroke-dasharray:5 3}
.mo-hatch{stroke:rgba(25,21,18,.12);stroke-width:.8}
.mo-ep{fill:#9b1b22}
.mo-st{fill:var(--ink)}
.mw{fill:none;stroke-linecap:round;stroke-linejoin:round}
.mw-1{stroke:rgba(25,21,18,.6);stroke-width:1.5}
.mw-2{stroke:#b8862e;stroke-width:2.2}
.mo-hit{fill:none;stroke:#b8862e;stroke-width:1.6}
.scrub .mw{stroke-dasharray:1 1;stroke-dashoffset:1}
.scrub .mo-hit{opacity:0}
.pn-line{fill:none;stroke:rgba(25,21,18,.78);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.pn-word{font:italic 400 28px var(--font-display);fill:var(--ink)}
.pn-body{fill:#c9a962;stroke:rgba(25,21,18,.7);stroke-width:1}
.pn-band,.pn-clip{fill:none;stroke:rgba(25,21,18,.6);stroke-width:1}
.pn-cone{fill:#d9d2c3;stroke:rgba(25,21,18,.7);stroke-width:1}
.pn-lead{fill:var(--ink)}
.tp-water{fill:none;stroke:rgba(46,72,92,.7);stroke-width:1.4}
.tp-water2{stroke:rgba(46,72,92,.16);stroke-width:1}
.tp-body{fill:#ddd5c5;stroke:rgba(25,21,18,.75);stroke-width:1.1}
.tp-fin,.tp-prop{fill:none;stroke:rgba(25,21,18,.7);stroke-width:1.1;stroke-linejoin:round}
.tp-seam{stroke:rgba(25,21,18,.32);stroke-width:.8}
.tp-shore{fill:rgba(25,21,18,.1);stroke:rgba(25,21,18,.45);stroke-width:1}
.tp-cord{fill:none;stroke:rgba(25,21,18,.55);stroke-width:.8}
.tp-hull{fill:#ddd5c5;stroke:rgba(25,21,18,.75);stroke-width:1}
.tp-deck{fill:none;stroke:rgba(25,21,18,.7);stroke-width:1}

.az-ring{fill:none;stroke:rgba(25,21,18,.84);stroke-width:1.35;stroke-linejoin:round;stroke-linecap:round;opacity:0}
.az-cover{fill:var(--card)}
.az-n{font:400 29.5px Arial,Helvetica,sans-serif;fill:#a8822f}
.az-o{font:400 29.5px Arial,Helvetica,sans-serif;fill:rgba(25,21,18,.84);opacity:0}
.az-pen-h{fill:rgba(201,169,98,.3)}
.az-pen-c{fill:#b8913f}
.dr-azi text.az-name{font:italic 400 25px var(--font-display);fill:var(--soft);letter-spacing:.01em}
.dr-azi text.az-name0{opacity:0}


.armed .dr{stroke-dasharray:1 1;stroke-dashoffset:1}
.play .dr{stroke-dashoffset:0;transition:stroke-dashoffset 1.1s cubic-bezier(.33,0,.2,1) var(--d,0s)}
.play .pb-mirror{transition-duration:1.2s}
.armed .pb-glow,.armed .pb-bead{opacity:0}
.play .pb-glow,.play .pb-bead{opacity:1;transition:opacity 1s ease 2.25s}
.play .dp-rim{transition-duration:1.4s}
.play .dp-sun{--d:.7s;transition-duration:.9s}
.play .dp-in{--d:1.5s;transition-duration:1.1s}
.play .dp-out{--d:2.5s;transition-duration:1.3s}
.armed .fw-drum{transform:none}
.play .fw-drum{transform:rotate(180deg);transition:transform 2.8s cubic-bezier(.45,0,.15,1) .5s}
.armed .fw-lit{opacity:.2}
.play .fw-lit{opacity:1;transition:opacity 1.4s ease 2.6s}
.armed .wd{stroke-dasharray:520;stroke-dashoffset:520;fill-opacity:0}
.play .wd{stroke-dashoffset:0;fill-opacity:1;transition:stroke-dashoffset 2.6s cubic-bezier(.4,0,.2,1),fill-opacity 1.1s ease 1.9s}
.play .ml{--d:1.2s;transition-duration:2s}
.armed .ml-dot2{opacity:0}
.play .ml-dot2{opacity:1;transition:opacity .6s ease 3s}


.il-boskovic{height:240vh}
.il-boskovic .il-frame{background:#efe7d5}
.bk-portrait{position:absolute;left:0;top:0;bottom:0;width:50%;overflow:hidden;background:#3a352c}
.bk-portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 34%}
.bk-curve{position:absolute;left:54.5%;right:4.5%;top:11%;height:49%}
.bk-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.bk-axis{fill:none;stroke:rgba(25,21,18,.34);stroke-width:1.1;vector-effect:non-scaling-stroke}
.bk-asym{fill:none;stroke:rgba(25,21,18,.2);stroke-width:1;vector-effect:non-scaling-stroke}
.bk-path{fill:none;stroke:var(--ink);stroke-width:2.1;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.bk-one{fill:none;stroke:#b8913f;stroke-width:2.6;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.bk-gold{fill:none;stroke:#b8913f;stroke-width:2.6;stroke-linecap:round;vector-effect:non-scaling-stroke}
.bk-dot{fill:var(--crimson)}
.bk-pen{opacity:0}

.bk-plate{opacity:.09}
.bk-pen-h{fill:rgba(201,169,98,.28)}
.bk-pen-c{fill:#b8913f}

.bk-arc{fill:none;stroke:#c9a962;stroke-width:1.3;stroke-linecap:round;vector-effect:non-scaling-stroke;opacity:0}
.bk-svg text.dl{font:italic 400 21px var(--font-display);fill:var(--soft);letter-spacing:.01em}
.il-boskovic .il-txt{left:55%;right:6vw;top:auto;bottom:10vh;transform:none;color:var(--ink)}
.il-boskovic .il-line{font-size:clamp(32px,3.2vw,50px);max-width:12em}
.il-boskovic .il-cap{color:var(--muted);max-width:44em}
.il-boskovic .bk-note{margin-top:6px;font-size:12px;color:var(--muted)}


.ph-in .hv-plate,.ph-in .hv-man{position:absolute;opacity:0;pointer-events:none;border-radius:0}
.ph-in .hv-plate{inset:0;width:100%;height:100%}
.ph-in .hv-man{left:39.825%;top:.583%;width:58.052%;height:auto;background:none;transform-origin:50% 22%;will-change:transform}
.hv-on .hv-plate,.hv-on .hv-man{opacity:1}


.cr-details summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;min-height:44px;font-weight:600;font-size:13px;color:var(--soft)}
.cr-details summary::-webkit-details-marker{display:none}
.cr-details summary::after{content:"";width:7px;height:7px;margin-left:10px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px)}
.cr-details[open] summary::after{transform:rotate(-135deg) translateY(-1px)}
.cr-intro,.cr-note{margin:10px 0 14px!important}
.cr-list{margin:0;padding:0 0 0 18px}
.cr-list li{font-size:12.5px;line-height:1.6;color:var(--muted);margin:0 0 4px}

@media (max-width:999px),(max-width:1199px) and (orientation:portrait){
  .rooms-nav summary{height:38px;padding:0 11px 0 12px}
  .mt-lb{display:none}
  .music{padding:0 13px}
  .rooms-nav ol{position:fixed;left:16px;right:16px;top:60px;min-width:0}
  .hook{font-size:30px;line-height:1.16}
  
  .lobby{padding-top:40px}
  .lobby .hook-fig{margin-top:58px}
  .wonder-sect{min-height:0;padding:10px var(--gut) 12px}
  .w-first{padding-top:2px}
  .w-img{aspect-ratio:2.5/1}
  .w-line{margin-top:12px;font-size:19px;line-height:1.24}
  .w-room{min-height:32px;margin-top:2px}
  .doors-sect{padding-top:26px}
  .rooms-h{margin-bottom:12px;font-size:24px}
  .doors{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 10px}
  .d-img{aspect-ratio:16/10}
  .d-lb{margin-top:7px}
  .d-mark.room-mark,.d-mark.knot-mark{height:14px;margin-bottom:3px}
  .d-mark svg{height:14px}
  .d-name{font-size:14px;line-height:1.2;hyphens:manual}
  .room{padding-top:56px;padding-bottom:44px}
  .room-mark{margin-bottom:18px}
  .yr{font-size:50px;margin-bottom:6px}
  .yr-long{font-size:38px}
  .note{line-height:1.55;margin-bottom:18px}
  .ph-tall{width:60%}
  .stop .ph{margin-bottom:16px}
  .ph-inset{width:48vw}
  .ph-inset.ph-page{width:36vw}
  .ph-dinset{width:70%}
  .pp{grid-template-columns:minmax(0,132px) 1fr}
  .pp-half{grid-template-columns:1fr 1fr}
  .pp-drop{grid-template-columns:3fr 2fr}
  .pp-prelog{grid-template-columns:2.1fr 1fr}
  .stop-short{padding-top:28px;padding-bottom:32px}
  
  .stop-short .ph-inset{width:40vw}
  .stop-short .ph-inset.ph-page{width:30vw}
  
  .stop-full{padding-bottom:44px}
  
  .chapter.room{padding-top:calc(var(--heroH,56vh) + 28px);padding-bottom:64px}
  
  .col-sect{scroll-margin-top:var(--stripH,0px)}
  .chapter{scroll-margin-top:0}
  
  .il-boskovic{height:160vh;height:160svh}
  .bk-portrait{width:100%;bottom:auto;height:45%}
  .bk-portrait img{object-position:50% 30%}
  .bk-curve{left:var(--gut);right:var(--gut);top:47%;height:23.5%}
  .bk-svg text.dl{font-size:33px}
  .il-boskovic .il-txt{left:var(--gut);right:var(--gut);top:auto;bottom:4.5vh;bottom:4.5svh;transform:none}
  .il-boskovic .il-line{font-size:25px;line-height:1.08}
  .il-boskovic .il-cap{font-size:11.5px;line-height:1.45;margin-top:9px}
  .il-boskovic .bk-note{margin-top:3px;font-size:11px}
}



.il-boskovic .bk-portrait{background:transparent}

.hero-q{font:400 clamp(21px,1.72vw,26px)/1.3 var(--font-display);letter-spacing:-.004em;color:var(--ink);max-width:21em}
.ph-dark .ph-in{background:#000}

@media (min-width:700px){
  
  .ph-inset{width:80%}
  .ph-inset.ph-wide{width:100%}
  .pp,.pp-half,.pp-drop,.pp-prelog{grid-template-columns:minmax(0,1fr);justify-items:start;align-items:start;gap:16px}
  .pp>.ph-in{width:80%}
  .pp>.pp-draw{width:100%}
  
  .il-exhibit{height:200vh}
  .il-exhibit .x-fig{margin:0}
  .il-exhibit .x-fig figcaption{display:none}
  .il-exhibit .il-cap{max-width:44em}
  
  .il-x-vindija .il-frame{background:#2b2a22}
  .il-x-vindija .x-fig,.il-x-vindija .x-fig .ph-in{position:absolute;inset:0;width:auto;border-radius:0}
  .il-x-vindija .x-fig img{object-fit:cover;object-position:50% 46%}
  .il-x-vindija .il-scrim{background:linear-gradient(180deg,rgba(20,18,12,0) 50%,rgba(20,18,12,.6) 100%)}
  
  .il-x-vrancic .il-frame{background:#efe7d5}
  .il-x-vrancic .x-fig{position:absolute;left:0;top:0;bottom:0;width:50%;display:flex;align-items:center;justify-content:center}
  .il-x-vrancic .x-fig .ph-in{height:84vh;width:auto;aspect-ratio:801/1200;border-radius:4px;background:#f4efe4;
    box-shadow:0 1px 0 rgba(25,21,18,.06),0 22px 44px -24px rgba(25,21,18,.5)}
  .il-x-vrancic .x-fig .hv-man{right:auto;bottom:auto}
  .il-x-vrancic .il-txt,.il-x-azithro .il-txt{color:var(--ink)}
  .il-x-vrancic .il-txt{left:55%;right:6vw;bottom:12vh}
  .il-x-vrancic .il-line,.il-x-azithro .il-line{font-size:clamp(32px,3.2vw,50px);max-width:12em}
  .il-x-vrancic .il-cap,.il-x-azithro .il-cap{color:var(--muted)}
  
  .il-x-azithro .il-frame{background:#f3ecdf}
  .il-x-azithro .x-fig{position:absolute;left:50%;top:8vh;width:min(60vw,820px,92vh);transform:translateX(-50%)}
  .il-x-azithro .il-txt{left:calc(50% - min(30vw,410px,46vh));right:6vw;bottom:7vh}
  .il-x-azithro .il-line{max-width:none}
}
@media (max-width:999px),(max-width:1199px) and (orientation:portrait){
  
  .bk-portrait{height:52%}
  .bk-portrait img{object-position:50% 0%}
  .bk-curve{top:54.5%;height:22%}
  .hero-q{font-size:20px;line-height:1.32}
  .w-room{font-size:12.5px}
}
@media (max-width:699px){
  
  .stop-ex{padding-bottom:0}
  .il-exhibit{height:auto;padding:0 var(--gut) 44px}
  .il-exhibit .il-sticky{position:static;height:auto;overflow:visible}
  .il-exhibit .il-frame{position:static;overflow:visible;background:none;clip-path:none!important;-webkit-mask-image:none;isolation:auto}
  .il-exhibit .il-txt,.il-exhibit .il-scrim{display:none}
  .il-exhibit .x-fig{max-width:560px;margin:0 auto}
  .il-exhibit .il-frame .x-fig img{position:static;width:100%;height:auto}
  .il-exhibit .il-frame .x-fig .hv-plate,.il-exhibit .il-frame .x-fig .hv-man{position:absolute}
  .il-exhibit .il-frame .x-fig .hv-plate{inset:0;width:100%;height:100%}
  .il-exhibit .il-frame .x-fig .hv-man{inset:auto;left:39.825%;top:.583%;width:58.052%;height:auto}
}


:root{--colL:54vw;--colW:min(640px,calc(46vw - 48px));--s1:8px;--s2:16px;--s3:24px;--s4:40px;--s5:64px;--s6:96px;--s7:128px;
  --ease:cubic-bezier(.25,.1,.25,1);--spring:cubic-bezier(.22,1,.36,1)}


@media (min-width:1200px),(min-width:1000px) and (orientation:landscape){
  .hero-txt{width:min(780px,48vw);will-change:transform,opacity}
  .ht-1{font-size:clamp(76px,12.5vw,190px);line-height:.9;letter-spacing:-.03em}
  html[lang="hr"] .ht-1{font-size:clamp(70px,10.4vw,164px)}
}
.ht-2{max-width:none}
.ht-2t{border-radius:3px;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .08em;margin:0 -.08em}

.ht-2t.sel{background:linear-gradient(90deg,rgba(201,169,98,0) var(--sa,0%),rgba(201,169,98,.42) var(--sa,0%),rgba(201,169,98,.42) var(--sb,0%),rgba(201,169,98,0) var(--sb,0%))}
.ht-sel{display:none}

.hq-u{background-image:linear-gradient(var(--line),var(--line));background-repeat:no-repeat;background-position:0 96%;background-size:0% 1.6px;
  transition:background-size .6s cubic-bezier(.33,0,.2,1)}
.hq-on .hq-u{background-size:100% 1.6px}
.hq-on .hq-u+.hq-u{transition-delay:.25s}
.hero-cue{position:relative}
.cue-line{position:relative;display:inline-block;width:56px;height:1px;margin-left:6px;background:var(--hair);overflow:hidden}
.cue-line i{position:absolute;inset:0;background:var(--crimson);transform:scaleX(0);transform-origin:0 50%}


.rail{position:fixed;z-index:6;left:2vw;width:50vw;bottom:14px;height:48px;opacity:0;pointer-events:none;transition:opacity .5s var(--ease)}
.rail.on{opacity:1;pointer-events:auto}
.rail ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:100%;position:relative}
.rail a{display:flex;flex-direction:column;justify-content:flex-end;gap:2px;height:100%;padding:0 8px 9px;text-decoration:none;color:var(--muted);min-width:0}
.rail a:hover .rl-n,.rail a:focus-visible .rl-n{color:var(--ink)}
.rl-n{font:600 11px/1.15 var(--font-ui);letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .4s var(--ease)}
.rl-s{font:400 10.5px/1.2 var(--font-ui);font-variant-numeric:tabular-nums lining-nums;color:var(--muted);opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rail li.on .rl-n{color:var(--ink)}
.rl-line{position:absolute;left:0;right:0;bottom:0;height:1px;background:rgba(25,21,18,.16)}
.rl-fill{position:absolute;left:0;top:0;bottom:0;width:100%;background:var(--line);transform:scaleX(0);transform-origin:0 50%}

.rl-cap{position:absolute;left:0;bottom:3px;height:40px;width:10px;border-radius:999px;background:rgba(253,250,243,.94);
  box-shadow:0 0 0 1px rgba(168,134,63,.38),0 6px 18px -10px rgba(25,21,18,.35);transform-origin:0 50%;opacity:0}
.rl-needle{position:absolute;left:0;bottom:-3px;width:2px;height:8px;border-radius:1px;background:var(--crimson);opacity:0}
.rl-now{display:none}


.pins{position:fixed;z-index:4;inset:0;pointer-events:none}
.pin-hot{position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;pointer-events:auto;cursor:pointer}
.lbl .ly{max-width:280px;white-space:normal}


.dial{position:absolute;left:4vw;bottom:96px;font:300 clamp(40px,4.4vw,64px)/1 var(--font-display);letter-spacing:-.02em;color:var(--ink);
  font-variant-numeric:tabular-nums lining-nums;opacity:0;pointer-events:none;text-shadow:0 0 6px var(--paper),0 0 14px var(--paper)}
.dial small{display:block;margin-top:6px;font:600 11px/1 var(--font-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--soft)}


.col-sect{min-height:0}
.item{padding:48px 0}
.item .col,.chapters .col,.next .col,.ending-return .col{margin-left:var(--colL);width:var(--colW)}
.yr{margin:0 0 8px;font:300 clamp(58px,5.2vw,84px)/.95 var(--font-display);letter-spacing:-.035em;color:var(--crimson);font-variant-numeric:lining-nums}
.yr-long{font-size:clamp(38px,3.4vw,54px);line-height:1;letter-spacing:-.02em}
.it-t{margin:0 0 14px;font:400 clamp(28px,2.25vw,34px)/1.16 var(--font-display);letter-spacing:-.012em;color:var(--ink);text-wrap:balance}
.it-lead{margin:0 0 14px;font-size:18px;line-height:1.55;color:var(--soft);text-wrap:pretty}
.it-illu{margin:0 0 12px;font:600 11px/1.3 var(--font-ui);letter-spacing:.06em;color:var(--muted)}
.it-illu::before{content:"";display:inline-block;width:14px;height:1px;margin:0 8px 3px 0;background:var(--line);vertical-align:middle}

.more{margin:2px 0 0}
.more summary{list-style:none;display:inline-flex;align-items:center;gap:8px;min-height:40px;cursor:pointer;font:600 13px/1 var(--font-ui);letter-spacing:.04em;color:var(--crimson)}
.more summary::-webkit-details-marker{display:none}
.mo-chev{width:10px;height:6px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .45s var(--ease)}
.more[open] .mo-chev{transform:rotate(180deg)}
.more-c{display:grid;grid-template-rows:1fr;transition:grid-template-rows .45s var(--ease)}
.more-c.shut{grid-template-rows:0fr}
.more-in{overflow:hidden;min-height:0}
.more-ft{margin:6px 0 10px;font:italic 400 18px/1.4 var(--font-display);color:var(--ink)}
.more-p{margin:0 0 8px;font-size:16px;line-height:1.62;color:var(--soft)}
.it-txt>:last-child{margin-bottom:0}
.ph{margin:0}
.ph figcaption{margin-top:8px;font-size:12.5px}

.it-grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:28px;align-items:start}
.it-rev>figure{order:2}

.it-small .it-grid,.it-compact .it-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr)}
.it-portrait1696 .it-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
.it-card .it-txt,.it-book .it-txt,.it-closingcard .it-txt{max-width:560px}
.it-book figure,.it-closingcard figure{margin-top:20px;width:76%}
.it-card figure{margin-top:20px}

.np{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:24px;align-items:center;margin-top:22px}
.np-count{display:flex;flex-direction:column;justify-content:center;min-height:100%}
.np-small{margin:0 0 6px;font:400 22px/1.1 var(--font-display);color:var(--soft);font-variant-numeric:tabular-nums lining-nums;transform-origin:0 100%;will-change:transform}
.np-sn{display:inline-block;min-width:1.2em;color:var(--crimson)}
.np-su{font:600 11px/1 var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.np-big{margin:0;display:flex;align-items:baseline;gap:10px}
.np-n{font:300 clamp(84px,7vw,120px)/.9 var(--font-display);letter-spacing:-.04em;color:var(--crimson);font-variant-numeric:tabular-nums lining-nums;min-width:1.15em}
.np-u{font:600 12px/1 var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--soft)}
.np-word{display:block;width:100%;max-width:300px;height:auto;margin-top:6px;overflow:visible}
.npw{font:italic 400 40px var(--font-display);fill:var(--ink);stroke:var(--ink);stroke-width:.5;stroke-dasharray:1;stroke-dashoffset:0}
.npw{stroke-dasharray:640;stroke-dashoffset:0}
.np-dots{display:grid;grid-template-columns:repeat(10,10px);gap:7px;margin-top:14px}
.np-dots i{width:10px;height:10px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(168,134,63,.6);background:var(--line);transition:background-color .3s var(--ease)}
.np-dots i:not(.on){background:transparent}
.np-pic .ph-in img{aspect-ratio:4/3}

.it-head{margin-bottom:14px}
.it-head .it-t{margin-bottom:0}
.ob-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px;align-items:center}
.cab-wrap article:nth-of-type(even) .ob-grid>figure{order:2}
.it-object .ph-framed{margin:10px 10px 10px 14px}
.it-object .slot-torpedo{margin-top:8px;padding:6px 8px}
.it-object .ph-draw{padding:12px 12px 10px}

.it-portrait .it-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
.pt-pic .ph-in img{aspect-ratio:3/4;object-fit:cover;object-position:50% 22%}
.pt-pair{position:relative}
.pt-mini{position:absolute;right:-12px;bottom:46px;width:38%;border-radius:12px;background:#000;box-shadow:0 10px 24px -14px rgba(25,21,18,.55)}
.pt-mini img{aspect-ratio:1/1!important}


.it-hook{padding-top:96px}
.it-hook .hook{margin-bottom:22px}
.it-hook .hook-fig{max-width:560px}
.chapters{padding:56px 0 64px}
.cc-h{margin:0 0 10px;font:400 clamp(34px,3vw,46px)/1.08 var(--font-display);letter-spacing:-.018em}
.cc-line{margin:0 0 26px;font-size:17px;color:var(--soft)}
.ccards{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.ccard{display:grid;grid-template-columns:168px minmax(0,1fr);gap:20px;align-items:center;padding:10px;margin:0 -10px;border-radius:18px;text-decoration:none;color:var(--ink);
  transition:background-color .5s var(--ease)}
.ccard:hover,.ccard:focus-visible{background:rgba(201,169,98,.12)}
.cc-pic{display:block;overflow:hidden;border-radius:12px;background:#ebe3d4;box-shadow:inset 0 0 0 1px var(--hair)}
.cc-img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;transition:transform 1.2s var(--spring)}
.ccard:hover .cc-img{transform:scale(1.04)}
.cc-txt{display:block;min-width:0}
.cc-mark{display:flex;align-items:center;height:18px;margin:0 0 6px}
.cc-mark svg{display:block;width:auto;height:18px}
.cc-name{display:block;font:400 22px/1.15 var(--font-display);letter-spacing:-.008em}
.cc-span{display:block;margin-top:3px;font:600 11px/1.3 var(--font-ui);letter-spacing:.06em;color:var(--muted);font-variant-numeric:tabular-nums lining-nums}
.cc-wow{display:block;margin-top:7px;font-size:15px;line-height:1.45;color:var(--soft);text-wrap:pretty}


.opener{height:70vh;min-height:520px;padding:24px 0;display:flex;align-items:stretch}
.opener .col{margin-left:var(--colL);width:var(--colW);display:flex}
.op-panel{position:relative;flex:1;border-radius:22px;overflow:hidden;background:#2b2a22;isolation:isolate}
.op-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.op-light .op-img{object-fit:contain;background:#f4efe4;padding:6% 6% 34%}
.op-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,17,13,0) 30%,rgba(20,17,13,.5) 62%,rgba(20,17,13,.82) 100%)}
.op-light .op-scrim{background:linear-gradient(180deg,rgba(20,17,13,0) 42%,rgba(20,17,13,.62) 70%,rgba(20,17,13,.88) 100%)}
.op-txt{position:absolute;left:32px;right:32px;bottom:30px;color:#fbf6ec}
.op-mark{margin:0 0 14px;height:40px}
.op-mark svg{height:40px;width:auto}
.op-name{margin:0;font:400 clamp(40px,3.9vw,62px)/1.02 var(--font-display);letter-spacing:-.025em;text-wrap:balance}
.op-span{margin:10px 0 0;font:600 12px/1.2 var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:rgba(251,246,236,.82);font-variant-numeric:tabular-nums lining-nums}
.op-why{margin:12px 0 0;max-width:30em;font:italic 400 19px/1.4 var(--font-display);color:rgba(251,246,236,.94);text-wrap:pretty}


.shelf-wrap{position:relative}
.shelf{position:sticky;top:var(--barH);z-index:3;margin-left:var(--colL);width:var(--colW);padding:14px 0 10px;
  background:linear-gradient(var(--paper) 84%,rgba(247,241,230,0))}
.books{list-style:none;margin:0;padding:0 0 4px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;perspective:900px}
.book{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--muted)}
.bk3{position:relative;display:block;width:62px;height:88px;transform-style:preserve-3d;transform:rotateY(52deg) translateZ(0);
  transition:transform .6s var(--spring),filter .6s var(--spring);filter:saturate(.7) brightness(.92)}
.bk-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 20%;border-radius:2px 4px 4px 2px;
  box-shadow:0 1px 0 rgba(25,21,18,.08),0 10px 18px -12px rgba(25,21,18,.6);background:#f4efe4}
.bk-spine{position:absolute;left:0;top:0;bottom:0;width:12px;background:linear-gradient(90deg,#6e5626,#a8863f 60%,#7c6230);
  transform:rotateY(-90deg);transform-origin:0 50%;border-radius:2px 0 0 2px}
.book.on .bk3{transform:rotateY(0deg) translateY(-6px) scale(1.12);filter:none}
.bk-t{margin-top:10px;max-width:100%;font:600 10.5px/1.2 var(--font-ui);letter-spacing:.02em;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .5s var(--ease)}
.bk-y{font:400 12px/1.2 var(--font-display);color:var(--muted);font-variant-numeric:lining-nums}
.book.on .bk-t{color:var(--ink)}
.book.on .bk-y{color:var(--crimson)}
.it-on-shelf{scroll-margin-top:200px}

.pq{margin:22px 0 18px;padding:0 0 0 20px;border-left:2px solid var(--line)}
.pq-t{margin:0;font:400 clamp(22px,1.9vw,28px)/1.3 var(--font-display);letter-spacing:-.008em;color:var(--ink);text-wrap:pretty}
.pq footer{margin-top:8px}
.pq cite{font:600 11px/1.2 var(--font-ui);font-style:normal;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}

.thread-wrap{position:relative}
.thread{position:absolute;left:calc(var(--colL) - 26px);top:0;width:2px;height:10px;transform-origin:50% 0;transform:scaleY(0);overflow:visible}
.th-line{display:none}
.thread{background:var(--line)}
.it-thread .col{position:relative}
.th-dot{position:absolute;left:-31px;top:24px;width:12px;height:12px;border-radius:50%;background:var(--paper);box-shadow:inset 0 0 0 1.5px var(--line);transition:background-color .5s var(--ease)}
.th-dot.on{background:var(--line)}
.it-thread figure{margin-top:20px;width:80%}
.it-thread .ph-page{width:56%}


.cab-wrap{position:relative}
.cab-strip{position:sticky;top:var(--barH);z-index:3;margin-left:var(--colL);width:var(--colW);padding:12px 0 12px;background:linear-gradient(var(--paper) 82%,rgba(247,241,230,0))}
.tiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}
.tile{display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;color:var(--muted)}
.tl-pic{display:block;width:100%;max-width:62px;aspect-ratio:1/1;border-radius:12px;overflow:hidden;background:var(--card);box-shadow:inset 0 0 0 1px var(--hair);
  filter:grayscale(.6) opacity(.7);transform:translateY(0);transition:filter .6s var(--spring),transform .6s var(--spring),box-shadow .6s var(--spring)}
.tl-pic img{width:100%;height:100%;object-fit:cover}
.tl-pic svg{display:block;width:100%;height:100%;padding:9px}
.ti-l{fill:none;stroke:rgba(25,21,18,.7);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ti-n{stroke:var(--crimson);stroke-width:1.8;stroke-linecap:round}
.ti-hub{fill:var(--ink)}
.ti-b{fill:#c9a962;stroke:rgba(25,21,18,.7);stroke-width:1.2}
.ti-m{fill:none;stroke:var(--crimson);stroke-width:1.4;stroke-dasharray:3 2}
.ti-g{fill:none;stroke:#b8862e;stroke-width:1.8;stroke-linejoin:round}
.tl-n{font:600 10.5px/1.1 var(--font-ui);letter-spacing:.02em;white-space:nowrap;transition:color .5s var(--ease)}
.tile.on .tl-pic{filter:none;transform:translateY(-3px);box-shadow:inset 0 0 0 1.5px var(--line),0 10px 20px -14px rgba(25,21,18,.6)}
.tile.on .tl-n{color:var(--ink)}
.cab-wrap .item{scroll-margin-top:150px}


.ph-in img[data-live="pharmacy"]{transform:scale(1.03)}
@media (min-width:700px){
  .il-x-pharmacy .il-frame{background:#2c2419}
  .il-x-pharmacy .x-fig,.il-x-pharmacy .x-fig .ph-in{position:absolute;inset:0;width:auto;border-radius:0}
  .il-x-pharmacy .x-fig img{object-fit:cover;object-position:50% 50%}
  .il-x-pharmacy .x-fig figcaption{display:none}
}
.il-x-pharmacy .il-scrim{background:linear-gradient(180deg,rgba(20,16,10,.0) 40%,rgba(20,16,10,.66) 100%)}
.x-mortar{position:absolute;right:5vw;bottom:10vh;width:clamp(96px,9vw,132px);aspect-ratio:1/1;border-radius:50%;background:rgba(247,241,230,.9);
  box-shadow:0 14px 34px -18px rgba(0,0,0,.6)}
.mortar{display:block;width:100%;height:100%;padding:12%;overflow:visible}
.mt-l{fill:none;stroke:rgba(25,21,18,.78);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.mt-h{stroke:rgba(168,134,63,.9);stroke-width:1.6}
.ph-num{margin:0 0 6px;font:300 clamp(72px,8vw,128px)/.9 var(--font-display);letter-spacing:-.04em;color:#fbf6ec;font-variant-numeric:lining-nums}
.il-x-pharmacy .il-txt{right:calc(5vw + 170px)}
.il-x-pharmacy .il-line{font-size:clamp(28px,3vw,46px);max-width:16em}


.ending-return{height:110vh;display:flex;align-items:flex-end;padding-bottom:12vh}
.rt-illu{margin:0}
.next{padding:15vh 0 96px}
.nx-h{margin:0 0 14px;font:400 clamp(34px,3.3vw,52px)/1.08 var(--font-display);letter-spacing:-.02em;text-wrap:balance}
.nx-line{margin:0 0 30px;font-size:18px;line-height:1.55;color:var(--soft);max-width:34em}

.tk-slot{position:relative;padding-top:10px;overflow:hidden;perspective:1100px;margin:0 -24px;padding:10px 24px 34px}
.tk-slot::before{content:"";position:absolute;left:18px;right:18px;top:4px;height:7px;border-radius:999px;background:linear-gradient(#191512,#3a332b);box-shadow:0 2px 6px rgba(25,21,18,.4);z-index:2}
.ticket{position:relative;max-width:460px;transform-style:preserve-3d;will-change:transform}
.tk-in{position:relative;display:grid;transform-style:preserve-3d;transition:transform .9s var(--spring)}
.ticket.flipped .tk-in{transform:rotateY(180deg)}
.tk-face{grid-area:1/1;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:18px;background:var(--card);padding:24px 24px 20px;
  box-shadow:inset 0 0 0 1px var(--hair),0 26px 50px -30px rgba(25,21,18,.55),0 2px 0 rgba(25,21,18,.03);display:flex;flex-direction:column;gap:8px}
.tk-back{transform:rotateY(180deg);align-items:flex-start}
.tk-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.tk-logo{height:18px;width:auto}
.tk-city{font:600 11px/1 var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.tk-title{font:400 40px/1 var(--font-display);letter-spacing:-.02em;color:var(--ink)}
.tk-when{font-size:15px;color:var(--soft)}
.tk-perf{display:block;height:0;margin:10px -24px 6px;border-top:1.5px dashed rgba(25,21,18,.18)}
.tk-fig{font:600 12px/1.4 var(--font-ui);letter-spacing:.04em;color:var(--soft);font-variant-numeric:tabular-nums lining-nums}
.tk-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;margin-top:10px;padding:0 22px;border-radius:999px;background:var(--crimson);
  color:#fbf6ec;text-decoration:none;font:600 14px/1 var(--font-ui);letter-spacing:.02em;transition:background-color .3s var(--ease)}
.tk-btn:hover{background:#82161c}
.tk-btn svg{width:18px;height:12px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.tk-flip{align-self:flex-start;min-height:40px;padding:0;background:none;border:0;cursor:pointer;font:600 12px/1 var(--font-ui);letter-spacing:.04em;color:var(--muted)}
.tk-flip:hover{color:var(--ink)}
.tk-qr{width:150px;height:150px;border-radius:10px;background:#fff;padding:6px;box-shadow:inset 0 0 0 1px var(--hair)}
.tk-scan{font:400 22px/1.2 var(--font-display)}
.tk-url{font:600 13px/1 var(--font-ui);color:var(--soft)}
.nx-links{display:flex;gap:22px;margin:4px 0 0}
.nx-links a{display:inline-flex;align-items:center;min-height:40px;font:600 13px/1 var(--font-ui);letter-spacing:.03em;color:var(--soft);text-decoration:none;border-bottom:1px solid var(--hair)}
.nx-links a:hover{color:var(--ink)}

.closing{height:auto;min-height:100vh;padding:0}
.closing .cl-txt{position:absolute;left:6.4vw;bottom:9vh;width:min(560px,40vw)}
.closing .cl-sub{margin:0;font:400 clamp(26px,2.4vw,36px)/1.15 var(--font-display);font-style:normal;color:var(--ink)}
.closing .pleter{margin:22px 0 18px}
.closing .cr-details{display:block;margin:0 0 4px}
.closing .cr-details[open]{max-height:56vh;overflow:auto;padding-right:8px;background:var(--paper)}
.src-list{margin:0;padding:0 0 0 18px}
.src-list li{font-size:12.5px;line-height:1.6;color:var(--muted);margin:0 0 6px}
.src-list a{color:var(--soft)}
.sr-it{color:var(--ink)}


@media (max-width:999px),(max-width:1199px) and (orientation:portrait){
  .rail{left:0;width:100%;top:calc(var(--stripH,40vh) - 34px);bottom:auto;height:34px;z-index:6;padding:0 16px}
  .rail a{padding:0 4px 7px}
  .rl-n{font-size:10.5px}
  .rl-s{display:none}
  .rl-cap{height:26px;bottom:3px}
  .pins{display:none}
  .dial{left:16px;bottom:auto;top:calc(var(--stripH,40vh) - 110px);font-size:40px}
  .item{padding:32px var(--gut)}
  .item .col,.chapters .col,.next .col,.ending-return .col,.opener .col{margin:0 auto;width:auto;max-width:640px}
  .yr{font-size:52px}
  .yr-long{font-size:36px}
  .it-t{font-size:25px}
  .it-lead{font-size:17px}
  .chapters{padding:32px var(--gut) 48px}
  .opener{height:auto;min-height:0;padding:24px var(--gut)}
  .op-panel{min-height:420px}
  .shelf,.cab-strip{margin:0 auto;width:auto;max-width:640px;top:calc(var(--stripH,0px) + 0px);padding-left:var(--gut);padding-right:var(--gut);box-sizing:content-box}
  .thread{left:calc(50% - min(320px,50% - var(--gut)) - 14px)}
  .th-dot{left:-19px}
  .it-thread .col{padding-left:6px}
  .ending-return{height:80vh;padding:0 var(--gut) 10vh}
  .next{padding:48px var(--gut) 72px}
  .closing{min-height:0;padding:48px var(--gut) 72px}
  .closing .cl-txt{position:static;width:auto;max-width:640px;margin:0 auto}
  .closing .cr-details[open]{max-height:none;overflow:visible}
  .il-x-pharmacy .il-txt{right:var(--gut);left:var(--gut)}
  .x-mortar{right:var(--gut);bottom:auto;top:calc(var(--stripH,40vh) + 16px)}
}
@media (min-width:700px) and (max-width:999px),(min-width:700px) and (max-width:1199px) and (orientation:portrait){
  
  main{z-index:auto}
  .hero{height:100vh;height:100svh;padding:0;z-index:6}
  .hero-txt{position:absolute;left:6vw;right:6vw;bottom:7vh;width:auto;max-width:640px;margin:0}
  .hero-txt::before{content:"";position:absolute;inset:-60px -8vw -7vh;z-index:-1;background:linear-gradient(rgba(247,241,230,0),rgba(247,241,230,.9) 40%,var(--paper))}
  .ht-1{font-size:120px}
  .ht-2{font-size:34px}
  .item,.chapters,.opener,.next,.ending-return,.closing{position:relative}
  .ccards{grid-template-columns:1fr 1fr;gap:12px 18px}
  .ccard{grid-template-columns:1fr;gap:10px;align-items:start}
  .books{gap:16px}
  .yr{font-size:60px}
  .it-t{font-size:28px}
}
@media (max-width:699px){
  .rail{height:22px;top:calc(var(--stripH,236px) - 22px)}
  .rail ol{display:none}
  .rl-now{display:block;position:absolute;right:16px;bottom:7px;font:600 10px/1 var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--soft);
    text-shadow:0 0 3px var(--paper),0 0 6px var(--paper)}
  .rl-line{left:16px;right:16px;height:3px;border-radius:2px;background:rgba(25,21,18,.1);overflow:hidden}
  .rl-cap,.rl-needle{display:none}
  .it-grid,.it-small .it-grid,.it-compact .it-grid,.it-portrait1696 .it-grid,.it-portrait .it-grid,.ob-grid{grid-template-columns:1fr;gap:16px}
  .it-rev>figure,.cab-wrap article:nth-of-type(even) .ob-grid>figure{order:0}
  .it-split .it-pic,.it-portrait .pt-pic,.it-portrait1696 .it-pic{width:62%}
  .it-small figure,.it-compact figure{width:70%}
  .np{grid-template-columns:1fr;gap:14px}
  .np-n{font-size:80px}
  .ccard{grid-template-columns:104px minmax(0,1fr);gap:14px;padding:8px}
  .cc-wow{font-size:14px}
  .cc-name{font-size:19px}
  .op-panel{min-height:380px}
  .op-txt{left:20px;right:20px;bottom:20px}
  .op-name{font-size:36px}
  .op-why{font-size:17px}
  
  .shelf,.cab-strip{position:relative;top:auto;padding:8px 0}
  .books,.tiles{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding:8px var(--gut) 10px;margin:0 calc(-1 * var(--gut));scrollbar-width:none}
  .books::-webkit-scrollbar,.tiles::-webkit-scrollbar{display:none}
  .books li,.tiles li{flex:0 0 auto;scroll-snap-align:center}
  .books li{width:92px}
  .tiles li{width:64px}
  .it-book figure,.it-thread figure,.it-closingcard figure{width:100%}
  .pq{padding-left:14px}
  .tk-slot{margin:0 -8px;padding:10px 8px 28px}
  .tk-title{font-size:34px}
  .x-mortar{display:none}
}
@media (prefers-reduced-motion:reduce){
  .more-c,.bk3,.tl-pic,.tk-in,.hq-u,.cc-img{transition:none!important}
}



.fade-r{background:linear-gradient(90deg,rgba(247,241,230,0) 44%,rgba(247,241,230,.9) 51%,var(--paper) 54.5%)}

.rail .rl-s{opacity:0;transition:opacity .4s var(--ease)}
.rail li.on .rl-s{opacity:.9}
.rail a{overflow:visible}
.rl-n{letter-spacing:.02em;text-overflow:clip}
.rail li.on .rl-n,.rail li.on .rl-s{overflow:visible}

.it-split .it-head,.it-small .it-head,.it-compact .it-head,.it-portrait1696 .it-head,.it-portrait .it-head{margin-bottom:18px}
.it-grid .it-txt{padding-top:2px}
.ccards{gap:22px}
main{overflow-x:clip}
.np-us{position:relative;display:inline-grid}
.np-us .np-u{grid-area:1/1;white-space:nowrap}
.np-u30{opacity:0}
.x-mortar{z-index:2}

.yr{font-size:clamp(56px,4.8vw,76px)}
.it-t{font-size:clamp(26px,2vw,30px)}
.it-thread .ph-page{width:42%}
.it-thread .ph-map{width:56%}
.it-closingcard figure{width:62%}

@media (min-width:700px){
  .cab-wrap .ob-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
  .cab-wrap article:nth-of-type(even) .ob-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
}
#s1856 .ph-framed{width:84%}
#s1892 .ph{width:84%}
@media (min-width:700px){.il-x-pharmacy{height:180vh}}
.ending-return{height:80vh}

@media (min-width:700px){ .it-side{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)} }
@media (max-width:699px){ .it-side{grid-template-columns:1fr} .it-side>figure{max-width:78%} }
.it-side>figure{margin-top:0!important;width:100%!important}
.it-book .it-side>figure.ph-draw{align-self:start}
.it-thread .it-side>figure.ph-page{width:78%!important}
.it-hook .hook-fig{max-width:500px}

@media (min-width:1200px),(min-width:1000px) and (orientation:landscape){
  .yr{font-size:clamp(52px,4.4vw,68px);line-height:.92;margin-bottom:6px}
  .yr-long{font-size:clamp(36px,3.1vw,48px)}
  .it-t{font-size:clamp(25px,1.9vw,28px);margin-bottom:12px}
  .it-head{margin-bottom:16px}
  
  .it-grid>figure[style*="--ar"],.it-side>figure[style*="--ar"]{max-width:calc(330px * var(--ar))}
  .it-grid>figure.pt-pic{max-width:248px}
  .item{padding:44px 0}
}

.ending-return{position:relative}
.ending-return .col{position:static}
.rt-illu{position:absolute;left:2.4vw;bottom:84px;margin:0}
@media (max-width:999px),(max-width:1199px) and (orientation:portrait){ .rt-illu{left:var(--gut);bottom:24px} }


.opener .col{flex:1 1 auto}
@media (max-width:699px){ .x-mortar{display:none} .il-x-pharmacy .x-fig{max-width:560px} }

@media (max-width:699px){
  .item{padding:26px var(--gut)}
  .yr{font-size:44px;margin-bottom:4px}
  .yr-long{font-size:32px}
  .it-t{font-size:22px;line-height:1.18;margin-bottom:10px}
  .it-head{margin-bottom:12px}
  .it-lead{font-size:16px;line-height:1.5;margin-bottom:8px}
  .more summary{min-height:36px}
  .item figure[style*="--ar"]{max-width:min(100%,calc(260px * var(--ar)))!important}
  .item figure.pt-pic{max-width:196px!important}
  .item .ph-draw{width:84%;padding:10px 10px 8px}
  .it-object .slot-torpedo{width:84%}
  .it-grid{gap:12px}

  .np-n{font-size:64px}
  .np-dots{grid-template-columns:repeat(10,8px);gap:6px;margin-top:8px}
  .np-dots i{width:8px;height:8px}
  .chapters{padding:24px var(--gut) 32px}
  .ccards{gap:14px}
  .opener{padding:16px var(--gut)}
  .op-panel{min-height:340px}
  .it-hook{padding-top:28px}
  .books li{width:84px}
  .bk3{width:54px;height:76px}
}
.src-list a,.cr-list span{overflow-wrap:anywhere}
.tk-slot{max-width:508px}



.rl-cap{background:none;box-shadow:none;width:160px;transform-origin:0 50%;
  filter:drop-shadow(0 0 .7px rgba(168,134,63,.85)) drop-shadow(0 5px 9px rgba(25,21,18,.10))}
.rl-cap-in{position:absolute;inset:0;display:block;background:#fdfaf3;border-radius:999px;clip-path:inset(14px 100% 14px 0 round 6px)}

.stick-sentinel{display:block;height:0}
.shelf::before,.cab-strip::before{content:"";position:absolute;left:-8px;right:-8px;bottom:100%;height:calc(var(--barH) + 2px);background:var(--paper);opacity:0;pointer-events:none;transition:opacity .25s var(--ease)}
.shelf.stuck::before,.cab-strip.stuck::before{opacity:1}
@media (max-width:999px),(max-width:1199px) and (orientation:portrait){
  .shelf::before,.cab-strip::before{display:none}
}

@media (min-width:1200px) and (max-width:1419px),(min-width:1000px) and (max-width:1199px) and (orientation:landscape){
  .rail .rl-n{white-space:normal;line-height:1.12;font-size:10.5px;text-wrap:balance}
  .rail .rl-s{display:none}
}

@media (min-width:1200px),(min-width:1000px) and (orientation:landscape){
  .ending-return{height:100vh}
}

@media (max-width:699px){
  .rl-now{left:16px;right:16px;height:12px;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;contain:layout paint}
}

@media (min-width:700px) and (max-width:999px),(min-width:700px) and (max-width:1199px) and (orientation:portrait){
  .interlude+:not(.il-gap){margin-top:var(--stripH,40vh)}
}



.bar::before{content:"";position:absolute;z-index:-1;left:0;right:0;top:0;height:calc(var(--barH) + 22px);pointer-events:none;opacity:0;
  background:linear-gradient(var(--paper) 0,var(--paper) 66%,rgba(247,241,230,0));transition:opacity .35s var(--ease)}
.bar.bk::before{opacity:1}

.bar-logo{border-radius:var(--r-capsule);padding:8px 14px;margin-left:-14px;background:rgba(253,250,243,0);box-shadow:0 0 0 1px rgba(25,21,18,0);
  transition:background-color .35s var(--ease),box-shadow .35s var(--ease)}
.bar-logo .on-dark{left:14px}
.bar.over-pic .bar-logo{background:rgba(253,250,243,.94);box-shadow:0 0 0 1px var(--hair)}

.music.is-wait{color:var(--ink)}
.music.is-wait .mt-w1,.music.is-wait .mt-w2{opacity:.38}
.music.is-wait .mt-x{opacity:0}

@media (min-width:700px){
  .il-x-pharmacy .x-cover{position:absolute;left:50%;top:50%;width:max(100vw,150vh);height:max(100vh,66.667vw);transform:translate(-50%,-50%) scale(1.03);
    transform-origin:50% 50%;pointer-events:none;z-index:2}
  .il-x-pharmacy .x-mortar{position:absolute;left:57%;top:83.2%;right:auto;bottom:auto;width:clamp(112px,10.4vw,156px);transform:translate(-50%,-89%);
    background:none;box-shadow:none;border-radius:0;filter:drop-shadow(0 1px 1.5px rgba(20,14,8,.85)) drop-shadow(0 0 6px rgba(20,14,8,.35))}
  .il-x-pharmacy .mortar{padding:0}
  .il-x-pharmacy .mt-l{stroke:rgba(251,246,236,.96);stroke-width:2.6}
  .il-x-pharmacy .mt-h{stroke:rgba(232,196,118,.98);stroke-width:2}
  .il-x-pharmacy .il-txt{right:auto;max-width:min(36vw,520px);z-index:3}
  .il-x-pharmacy .il-scrim{z-index:1;background:linear-gradient(180deg,rgba(20,16,10,0) 46%,rgba(20,16,10,.5) 78%,rgba(20,16,10,.72) 100%)}
}

.vh{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
#coast .il-line2{margin-top:14px;font-size:clamp(26px,2.9vw,44px);line-height:1.12;max-width:20em;color:#fbf6ec}
#coast .il-txt{text-shadow:0 1px 18px rgba(12,10,8,.35)}
#coast .il-scrim{background:linear-gradient(180deg,rgba(25,21,18,0) 34%,rgba(25,21,18,.5) 100%)}
@media (min-width:1200px),(min-width:1000px) and (orientation:landscape){
  #coast{height:200vh}
  .next{padding:20vh 0 110px}
  .nx-line{font-size:19px}
}

.ticket{max-width:560px}
.tk-slot{max-width:612px}
.tk-face{padding:30px 30px 24px;gap:10px}
.tk-title{font-size:52px}
.tk-when{font-size:16px}
.tk-perf{margin-left:-30px;margin-right:-30px}
.tk-btn{border-radius:10px;min-height:52px;justify-content:space-between;padding:0 20px;font-size:15px}
.tk-city{font:500 13px/1 var(--font-ui);letter-spacing:.01em;text-transform:none;color:var(--soft)}

.tk-front{-webkit-transform:rotateY(0deg) translateZ(.5px);transform:rotateY(0deg) translateZ(.5px)}
.tk-back{-webkit-transform:rotateY(180deg) translateZ(.5px);transform:rotateY(180deg) translateZ(.5px)}
.tk-in,.ticket{-webkit-transform-style:preserve-3d}
@media (max-width:699px){
  .ending-return{height:56vh;padding-bottom:6vh}
  .tk-face{padding:24px 22px 20px}
  .tk-title{font-size:clamp(26px,calc((100vw - 84px) / 8.6),40px)}   
  .tk-perf{margin-left:-22px;margin-right:-22px}
}

.shelf,.cab-strip{background:var(--paper)}
.shelf::after,.cab-strip::after{content:"";position:absolute;left:-8px;right:-8px;top:100%;height:26px;pointer-events:none;
  background:linear-gradient(var(--paper),rgba(247,241,230,0))}
.bk-t,.tl-n{font-size:11.5px}

.op-light .op-panel{background:#f4efe4;box-shadow:inset 0 0 0 1px var(--hair)}
.op-light .op-scrim{display:none}
.op-light .op-txt{color:var(--ink)}
.op-light .op-span{color:var(--soft)}
.op-light .op-why{color:var(--soft)}
.op-light .op-mark svg *{stroke:var(--line)}

.op-span{font:500 14px/1.3 var(--font-ui);letter-spacing:.01em;text-transform:none}
.np-su,.np-u{font:500 14px/1.1 var(--font-ui);letter-spacing:.01em;text-transform:none}
.pq cite{font:500 13px/1.3 var(--font-ui);letter-spacing:.01em;text-transform:none}
.dial small{font:500 13px/1 var(--font-ui);letter-spacing:.01em;text-transform:none}
.cc-span{font:500 12.5px/1.3 var(--font-ui);letter-spacing:.01em}

.lbl .ln{color:#2e2822;text-shadow:0 0 2px var(--paper),0 0 4px var(--paper),0 0 7px var(--paper),0 0 10px var(--paper)}
.lbl .ly{text-shadow:0 0 2px var(--paper),0 0 4px var(--paper),0 0 8px var(--paper)}
.lbl.sea{color:#3a332c}
.it-illu{color:var(--soft)}
.lbl.hov .ly{background:rgba(253,250,243,.95);border-radius:8px;padding:5px 9px 6px;margin-left:-9px;box-shadow:0 0 0 1px var(--hair),0 8px 18px -12px rgba(25,21,18,.45);text-shadow:none}
.rail a,.rl-s{color:var(--soft)}
.rail li.on .rl-s{opacity:1}
.rail a:hover .rl-n,.rail a:focus-visible .rl-n,.rail li.on .rl-n{color:var(--ink)}
@media (min-width:1200px),(min-width:1000px) and (orientation:landscape){
  .rail::before{content:"";position:absolute;z-index:-1;left:-14px;right:-14px;bottom:-14px;height:78px;pointer-events:none;
    background:linear-gradient(rgba(247,241,230,0),rgba(247,241,230,.88) 46%,rgba(247,241,230,.96))}
}

.il-cap{text-shadow:0 1px 2px rgba(12,10,8,.65),0 0 10px rgba(12,10,8,.35)}
@media (max-width:699px){
  .il-cap{font-size:12px}
  .rl-now{font:600 11.5px/1 var(--font-ui);letter-spacing:.02em;text-transform:none;color:var(--ink)}
  .lbl .ln{font-size:11.5px;letter-spacing:.1em}
}

@media (min-width:1200px),(min-width:1000px) and (orientation:landscape){
  .ccard{position:relative}
  .cc-pic{transform-origin:100% 50%;transition:transform .7s var(--spring),opacity .6s var(--ease);will-change:transform}
  .cc-txt{transition:transform .7s var(--spring),opacity .6s var(--ease)}
  
  .ccards.reading .ccard:not(.cur) .cc-pic{opacity:.72}
  .ccard.cur{background:rgba(201,169,98,.12);transition:none}
  .ccard.cur .cc-pic{transform:scale(1.26);box-shadow:0 18px 32px -20px rgba(25,21,18,.55);z-index:1}
}
@media (prefers-reduced-motion:reduce){.cc-pic,.cc-txt{transition:none!important}}

@media (min-width:1200px),(min-width:1000px) and (orientation:landscape){
  .it-portrait1696 .it-grid>figure[style*="--ar"]{max-width:calc(250px * var(--ar))}
  #s1696{padding-bottom:20px}
  #s1826{padding-top:28px}
}
@media (prefers-reduced-motion:reduce){.bar::before,.bar-logo,.cc-txt,.ccard{transition:none!important}}

.tk-face{transition:visibility 0s linear .12s}
.ticket.flipped .tk-front,.ticket:not(.flipped) .tk-back{visibility:hidden}
@media (prefers-reduced-motion:reduce){.tk-face{transition:none}}



.nx-hw{position:relative;overflow:hidden;margin:-6px 0 12px;padding:6px 0 4px}
.nx-hw .nx-h{margin:0;max-width:15em}
.nx-sweep{position:absolute;left:0;top:2px;bottom:0;width:22%;pointer-events:none;opacity:0;
  background:linear-gradient(90deg,rgba(201,169,98,0),rgba(201,169,98,.46) 70%,rgba(201,169,98,.62));will-change:transform}
@media (min-width:1000px){ .next{padding-top:12vh} }

@media (min-width:700px){
  .il-x-pharmacy .il-scrim{background:radial-gradient(ellipse 46% 50% at 18% 78%,rgba(18,12,6,.78),rgba(18,12,6,.46) 55%,rgba(18,12,6,0) 100%),
    linear-gradient(180deg,rgba(20,16,10,0) 46%,rgba(20,16,10,.5) 78%,rgba(20,16,10,.72) 100%)}
  .il-x-pharmacy .ph-num{text-shadow:0 2px 22px rgba(12,8,4,.55)}
}


.it-set.item{padding:0}
.sp-svg{display:block;width:100%;height:100%}
.sp-txt .yr{font-size:clamp(56px,5.2vw,84px);margin:0 0 8px}
.sp-txt .it-t{margin:0 0 12px;font:400 clamp(24px,2.1vw,32px)/1.18 var(--font-display);letter-spacing:-.008em;text-wrap:balance}
.sp-txt .it-lead{margin:0 0 12px;font-size:17px;line-height:1.55;max-width:30em}
.sp-illu,.sp-cap{margin:10px 0 0;font-size:12.5px;line-height:1.45;color:var(--muted)}
.sp-inset{margin:6px 0 10px;width:min(260px,100%)}
.sp-inset .ph-in{border-radius:6px;overflow:hidden;aspect-ratio:4/3}
.sp-inset img{width:100%;height:100%;object-fit:cover;display:block}
.sp-inset figcaption{margin-top:6px;font-size:12px;line-height:1.4}

.sq-svg .sq-st{fill:#f4ecd8}
.sq-svg .sq-cres{fill:#f3e6c4}
.sq-svg .sq-hz{stroke:rgba(214,196,160,.35);stroke-width:1}
.sq-svg .sq-wv{fill:none;stroke:rgba(190,204,226,.18);stroke-width:1.2;stroke-linecap:round}
.sq-svg .sq-gl{stroke:#f2dfae;stroke-width:2;stroke-linecap:round;opacity:.3}
.sq-svg .sq-hill{fill:#121725}
.sq-svg .sq-wall{fill:#0b0f19}
.sq-svg .sq-win{fill:#f2c873;opacity:.9}
.sq-svg .sq-isl{fill:#0d121d}
.sq-svg .sq-lbl{font:italic 400 21px var(--font-display);fill:rgba(234,214,170,.82);letter-spacing:.02em}
.sq-svg .sq-wake path{fill:none;stroke:rgba(236,226,206,.7);stroke-width:1.6;stroke-linecap:round}
.sq-svg .sq-wake{transition:opacity .4s}
.sq-svg .sq-lampg{fill:url(#sqLamp)}
.sq-svg .sq-hull{fill:#0a0d14;stroke:rgba(238,226,200,.55);stroke-width:1}
.sq-svg .sq-mast{stroke:#0a0d14;stroke-width:2.4}
.sq-svg .sq-sail{fill:#ece2cc;stroke:#a8863f;stroke-width:1.2}
.sq-svg .sq-lamp{fill:#ffe9b8}
.sq-svg .sq-n{font:300 156px/1 var(--font-display);fill:#f5ecd6;font-variant-numeric:tabular-nums lining-nums;letter-spacing:-.03em}
.sq-svg .sq-u{font:italic 400 30px var(--font-display);fill:rgba(240,226,196,.9)}
.sq-svg .sq-u30{opacity:0}
.sq-svg .sq-u40{opacity:0}   
.sq-svg .sq-t{fill:none;stroke:rgba(244,234,210,.92);stroke-width:3.2;stroke-linecap:round;stroke-dasharray:1 1}
.sq-svg .sq-t40{stroke:#e8907e}
.sq-svg .sq-word{font:italic 400 64px var(--font-display);fill:#e9c983;letter-spacing:.005em}
.sq-svg .sq-wbar{fill:rgba(233,201,131,.75);opacity:0}
.sp-quarantine .il-frame{background:linear-gradient(180deg,#121826 0,#1d273b 52%,#253148 62.8%,#1b2335 100%)}
.sp-quarantine .sp-txt{color:#f3ead8}
.sp-quarantine .sp-txt .yr{color:#eab7a6}
.sp-quarantine .sp-txt .it-t{color:#f8f1e2}
.sp-quarantine .sp-txt .it-lead{color:rgba(243,234,216,.86)}
.sp-quarantine .sp-illu,.sp-quarantine .sp-inset figcaption{color:rgba(232,220,196,.7)}
.sp-quarantine .more summary,.sp-quarantine .more-p,.sp-quarantine .more-ft{color:#efe4cd}

.sp-velo .il-frame,.sp-passages .il-frame,.sp-azithro .il-frame{background:#f2eadb}
.vl-svg .vl-arc,.vl-svg .vl-arc2,.vl-svg .vl-arc3{fill:none;stroke:var(--ink);stroke-width:2.2}
.vl-svg .vl-arc2{stroke-width:1.2;stroke:rgba(25,21,18,.6)}
.vl-svg .vl-arc3{stroke-width:.9;stroke:rgba(25,21,18,.35)}
.vl-svg .vl-tick{stroke:var(--ink);stroke-width:2.4;stroke-linecap:round}
.vl-svg .vl-tick.mn{stroke-width:1.2;stroke:rgba(25,21,18,.7)}
.vl-svg .vl-needle path{fill:var(--crimson)}
.vl-svg .vl-hub{fill:var(--ink)}.vl-svg .vl-hub2{fill:#c9a962}
.vl-svg .vl-name{font:italic 400 26px var(--font-display);fill:var(--soft)}
.vl-svg .vl-link{fill:none;stroke:rgba(25,21,18,.45);stroke-width:1.3;stroke-dasharray:4 5}
.vl-svg .vl-pivot{fill:var(--paper);stroke:var(--ink);stroke-width:1.4}
.vl-svg .vl-tape{fill:#fbf7ee;stroke:rgba(25,21,18,.2);stroke-width:1}
.vl-svg .vl-grid{stroke:rgba(168,134,63,.18);stroke-width:1}
.vl-svg .vl-base{stroke:rgba(25,21,18,.35);stroke-width:1}
.vl-svg .vl-trace{fill:none;stroke:var(--crimson);stroke-width:2.2;stroke-linejoin:round}
.vl-svg .vl-pass{fill:var(--crimson)}
.vl-svg .vl-lbl{font:italic 400 15px var(--font-display);fill:var(--soft)}
.vl-svg .vl-pen{stroke:var(--ink);stroke-width:1.6}
.vl-svg .vl-pent{fill:var(--ink)}
.vl-svg .vl-slot{stroke:rgba(25,21,18,.5);stroke-width:2}

.ps-svg .ps-shelf{stroke:rgba(25,21,18,.35);stroke-width:1.2}
.ps-svg .ps-ring{fill:none;stroke:var(--ink);stroke-width:1.6}
.ps-svg .ps-glass{fill:rgba(253,250,243,.55);stroke:var(--ink);stroke-width:1.3;stroke-linejoin:round}
.ps-svg .ps-lip{stroke:var(--ink);stroke-width:1.6;stroke-linecap:round}
.ps-svg .ps-liq{fill:rgba(168,134,63,.1);stroke:none}
.ps-svg .ps-fl.on .ps-liq{fill:rgba(196,158,80,.85)}
.ps-svg .ps-pt{fill:#b8913f}
.ps-svg .ps-lbl{font:italic 400 22px var(--font-display);fill:var(--soft)}
.ps-svg .ps-ez{fill:var(--crimson)}
.ps-svg .ps-india{fill:none;stroke:#b8913f;stroke-width:2;stroke-dasharray:1 1}
.ps-svg .ps-in{fill:#8a6a2c}
.sp-count{display:flex;align-items:baseline;gap:14px;color:var(--crimson)}
.sp-cn{font:300 clamp(96px,10vw,150px)/.9 var(--font-display);letter-spacing:-.04em;font-variant-numeric:tabular-nums lining-nums;min-width:1.15em}
.sp-cu{font:italic 400 clamp(20px,1.8vw,26px)/1.2 var(--font-display);color:var(--soft);max-width:11em}

.sp-az .x-fig{margin:0}
.sp-azline{margin:14px 0 0;font:400 clamp(22px,2vw,30px)/1.15 var(--font-display);color:var(--ink)}
@media (min-width:1000px){
  .il-set{height:150vh}
  .sp-azithro.il-set{height:160vh}
  .sp-stage{position:absolute;left:0;top:0;bottom:0;width:60%}
  .il-set .sp-txt{left:63%;right:5vw;top:0;bottom:0;display:flex;flex-direction:column;justify-content:center;color:var(--ink);padding:70px 0 40px}
  .sp-velo .sp-stage{left:2vw;width:58%;top:4vh;bottom:4vh}
  .sp-passages .sp-stage{left:3vw;right:3vw;width:auto;top:10vh;bottom:auto;height:40vh}
  .sp-passages .sp-count{position:absolute;left:7vw;top:58vh}
  .sp-passages .sp-txt{left:50%;top:52vh;bottom:4vh;justify-content:flex-start;padding:0}
  .sp-passages .sp-txt .yr{font-size:clamp(44px,3.8vw,60px)}
  .sp-az{display:flex;flex-direction:column;align-items:center;justify-content:center;left:3vw;width:57%}
  .sp-az .x-fig{width:min(54vw,800px,84vh)}
  .sp-az .sp-azcap{align-self:stretch;padding:0 4vw}
}
@media (min-width:700px) and (max-width:999px),(min-width:700px) and (max-width:1199px) and (orientation:portrait){
  .il-set{height:150vh}
  .sp-stage{position:absolute;left:0;right:0;top:0;height:52%}
  .il-set .sp-txt{left:6vw;right:6vw;top:54%;bottom:3vh;color:var(--ink);overflow:hidden}
  .sp-passages .sp-stage{top:8vh;height:26%}
  .sp-passages .sp-count{position:absolute;left:6vw;top:38%}
  .sp-passages .sp-txt{top:52%}
  .sp-az{display:flex;flex-direction:column;align-items:center;justify-content:center}
  .sp-az .x-fig{width:min(80vw,92%,48vh)}
  .sp-txt .yr{font-size:56px}
}
@media (max-width:699px){
  .il-exhibit.il-set{padding:26px var(--gut) 34px}
  .il-exhibit.il-set .il-txt{display:block;position:static;color:var(--ink);transform:none!important;padding:16px 0 0}
  
  .il-exhibit.il-set .il-frame{background:none}
  .il-set .sp-stage{position:relative;border-radius:10px;overflow:hidden}
  .sp-quarantine .sp-stage{aspect-ratio:1000/900;background:linear-gradient(180deg,#121826 0,#1d273b 52%,#253148 62.8%,#1b2335 100%)}
  .sp-quarantine .sp-txt{color:var(--ink)}
  .sp-quarantine .sp-txt .yr{color:var(--crimson)}.sp-quarantine .sp-txt .it-t{color:var(--ink)}.sp-quarantine .sp-txt .it-lead{color:var(--soft)}
  .sp-quarantine .sp-illu,.sp-quarantine .sp-inset figcaption{color:var(--muted)}
  .sp-quarantine .more summary,.sp-quarantine .more-p,.sp-quarantine .more-ft{color:inherit}
  .sp-velo .sp-stage{aspect-ratio:1000/860;background:#f2eadb}
  .sp-passages .sp-row{height:150px;background:#f2eadb}
  .sp-passages .ps-svg{width:900px;max-width:none;height:150px}
  .sp-passages .sp-count{margin:8px 0 0}
  .sp-passages .sp-cn{font-size:72px}
  .sp-az{background:#f2eadb;padding:12px}
  .sp-txt .yr{font-size:48px}
}

@media (min-width:1000px){ #s-krapina .it-head .yr{display:none} }

.sp-torpedo .il-frame{background:#efe8da}
.sp-plate{margin:0}
.sp-plate .ph-in{border-radius:4px;overflow:hidden;box-shadow:0 1px 0 rgba(25,21,18,.06),0 22px 44px -26px rgba(25,21,18,.5)}
.sp-plate img{display:block;width:100%;height:auto}
.sp-plate figcaption{margin-top:8px;font-size:12px;color:var(--muted)}
.sp-run.slot-torpedo{margin:0;padding:0;background:none;box-shadow:none;border-radius:0}
.sp-run svg{display:block;width:100%;height:auto}
@media (min-width:1000px){
  .sp-torpedo .sp-tp{left:4vw;top:9vh;bottom:auto;width:55%}
  .sp-torpedo .sp-run{position:absolute;left:0;right:0;bottom:4vh}
  .sp-torpedo .sp-txt{top:0;bottom:30vh;justify-content:center;padding-top:60px}
}
@media (min-width:700px) and (max-width:999px),(min-width:700px) and (max-width:1199px) and (orientation:portrait){
  .sp-torpedo .sp-tp{left:6vw;right:6vw;top:7vh;height:auto}
  .sp-torpedo .sp-run{position:absolute;left:0;right:0;top:36%}
  .sp-torpedo .sp-txt{top:50%}
}
@media (max-width:699px){
  .sp-torpedo .sp-run{margin:10px calc(-1 * var(--gut)) 0}
}

.il-set{position:relative;z-index:5}
.sp-plate .ph-in{aspect-ratio:1200/580;background:#fff}
.sp-quarantine .sp-inset figcaption b,.sp-quarantine .sp-inset figcaption span{color:rgba(240,228,204,.82)}

@media (max-width:699px){ .sp-quarantine .sp-inset figcaption b{color:var(--soft)} .sp-quarantine .sp-inset figcaption span{color:var(--muted)} }

@media (max-width:699px){ .sp-az .x-fig figcaption{display:none} }
.sp-cn{min-width:0;margin-right:6px}

.bar-ctrls{gap:0;padding:2px;background:rgba(253,250,243,.9);border:1px solid var(--hair);border-radius:var(--r-capsule);
  -webkit-backdrop-filter:blur(12px) saturate(1.15);backdrop-filter:blur(12px) saturate(1.15)}
.bar-ctrls>.rooms-nav summary,.bar-ctrls>.lang,.bar-ctrls>.music{background:none;border:0;box-shadow:none}
.bar-ctrls>.lang,.bar-ctrls>.music{position:relative}
.bar-ctrls>.lang::before,.bar-ctrls>.music::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:1px;background:var(--hair)}
.bar-ctrls>.lang{padding:0 4px}
.bar-ctrls .lang button{min-width:32px;height:36px;color:var(--muted)}
.bar-ctrls .lang button[aria-pressed="true"]{background:none;color:var(--ink);text-decoration:underline;text-decoration-color:var(--crimson);
  text-decoration-thickness:1.5px;text-underline-offset:6px}
.bar-ctrls .rooms-nav summary,.bar-ctrls .music{height:36px}

.opener .op-panel{background:none;border-radius:0;overflow:visible;display:flex;flex-direction:column;isolation:auto;box-shadow:none;min-height:0}
.opener .op-img{position:relative;inset:auto;flex:1 1 auto;min-height:0;height:auto;border-radius:16px;
  box-shadow:0 1px 0 rgba(25,21,18,.05),0 24px 48px -30px rgba(25,21,18,.55)}
.opener.op-light .op-img{object-fit:contain;background:#f4efe4;padding:4% 5%;box-shadow:inset 0 0 0 1px var(--hair)}
.opener .op-scrim{display:none}
.opener .op-txt{position:relative;left:auto;right:auto;bottom:auto;color:var(--ink);padding:20px 2px 0}
.opener .op-span,.opener .op-why{color:var(--soft)}
.opener .op-mark svg *{stroke:var(--line)}
.opener .op-name{font-size:clamp(36px,3.4vw,54px)}

@media (max-width:999px),(max-width:1199px) and (orientation:portrait){
  .opener .op-img{flex:none;width:100%;aspect-ratio:3/2}
  .opener.op-light .op-img{aspect-ratio:auto}
}
@media (max-width:699px){
  .opener .op-img{aspect-ratio:4/3;border-radius:14px}
  .opener.op-light .op-img{aspect-ratio:auto}
  .opener .op-txt{padding:16px 2px 4px}
  .opener .op-mark{margin-bottom:12px}
  .opener .op-name{font-size:34px}
  .opener .op-why{font-size:17px}
}

.ccards{counter-reset:ch}
.ccard{grid-template-columns:58px minmax(0,1fr);gap:16px;align-items:start;padding:14px 10px 14px}
.ccard::before{counter-increment:ch;content:counter(ch,upper-roman);font:300 34px/1 var(--font-display);color:var(--crimson);letter-spacing:-.01em;
  font-variant-numeric:lining-nums;padding-top:2px;text-align:right}
.ccard .cc-pic{display:none}
.ccard .cc-mark{display:none}
.ccard .cc-name{font-size:clamp(22px,1.9vw,27px)}
.ccards .ccard+.ccard{box-shadow:inset 0 1px 0 var(--hair)}
.ccard.cur{box-shadow:none}
@media (max-width:999px),(max-width:1199px) and (orientation:portrait){
  .ccard{grid-template-columns:40px minmax(0,1fr);gap:12px}
  .ccard::before{font-size:26px}
}

@media (min-width:1000px){
  .il-set{height:135vh}
  .sp-quarantine.il-set{height:150vh}
  .sp-azithro.il-set{height:140vh}
  .il-x-vindija,.il-x-vrancic{height:170vh}
}
@media (min-width:1200px),(min-width:1000px) and (orientation:landscape){
  #coast{height:175vh}
}

.bk-t{white-space:normal;text-overflow:clip;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;
  text-wrap:balance;hyphens:manual;line-height:1.22;min-height:calc(2 * 1.22em)}

@media (min-width:1000px){
  .il-set{height:130vh}
  .sp-azithro.il-set{height:130vh}
  .il-x-pharmacy{height:170vh}
  .next{padding-top:8vh;padding-bottom:80px}
}


@media (min-width:1200px),(min-width:1000px) and (orientation:landscape){
  .il-exhibit.il-set .sp-txt{justify-content:flex-start;overflow-y:auto;overscroll-behavior-y:auto;scrollbar-width:thin;padding-top:84px;padding-bottom:28px}
  
  .il-exhibit.il-set:not(.sp-passages) .sp-txt>:first-child{margin-top:auto}
  .il-exhibit.il-set:not(.sp-passages) .sp-txt>:last-child{margin-bottom:auto}
  .il-exhibit.il-set.sp-passages .sp-txt{padding-top:0}
}


@media (min-width:700px) and (max-width:999px),(min-width:700px) and (max-width:1199px) and (orientation:portrait){
  .il-exhibit.il-set{height:auto;padding:40px 6vw 64px}
  .il-exhibit.il-set .il-sticky{position:static;height:auto;overflow:visible}
  .il-exhibit.il-set .il-frame{position:static;overflow:visible;background:none;clip-path:none!important;-webkit-mask-image:none;isolation:auto}
  .il-exhibit.il-set .sp-stage{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:auto;height:auto;border-radius:12px;overflow:hidden}
  .il-exhibit.il-set .il-txt{display:block;position:static;left:auto;right:auto;top:auto;bottom:auto;transform:none!important;overflow:visible;
    padding:22px 0 0;max-width:640px;color:var(--ink)}
  .il-set.sp-quarantine .sp-stage{aspect-ratio:1000/900;background:linear-gradient(180deg,#121826 0,#1d273b 52%,#253148 62.8%,#1b2335 100%)}
  .il-set.sp-quarantine .sp-txt .yr{color:var(--crimson)}
  .il-set.sp-quarantine .sp-txt .it-t{color:var(--ink)}
  .il-set.sp-quarantine .sp-txt .it-lead{color:var(--soft)}
  .il-set.sp-quarantine .sp-illu,.il-set.sp-quarantine .sp-inset figcaption{color:var(--muted)}
  .il-set.sp-quarantine .sp-inset figcaption b{color:var(--soft)}
  .il-set.sp-quarantine .sp-inset figcaption span{color:var(--muted)}
  .il-set.sp-quarantine .more summary,.il-set.sp-quarantine .more-p,.il-set.sp-quarantine .more-ft{color:inherit}
  .il-set.sp-velo .sp-stage{aspect-ratio:1000/860;background:#f2eadb}
  .il-set.sp-passages .sp-stage{aspect-ratio:1600/330;background:#f2eadb}
  .il-set.sp-passages .sp-count{position:static;margin:14px 0 0}
  .il-set.sp-passages .sp-cn{font-size:88px}
  .il-set.sp-azithro .sp-az{display:flex;flex-direction:column;align-items:center;background:#f2eadb;padding:20px}
  .il-set.sp-azithro .sp-az .x-fig{width:min(72%,560px)}
  .il-set.sp-azithro .sp-az .x-fig figcaption{display:none}
  .il-set.sp-torpedo .sp-tp{border-radius:0;overflow:visible}
  .il-set.sp-torpedo .sp-run{position:static;margin:14px -6vw 0}
  .il-set .sp-txt .yr{font-size:56px}
}


.next .tk-slot{opacity:var(--slot-o,1)}   
.next .tk-slot::before{transform:scaleX(var(--slot-o,1));transform-origin:0 50%}



@media (max-width:699px){ .ending-return{height:30vh;padding-bottom:3vh} }

.closing .cl-txt{width:min(620px,44vw)}
.cl-title{margin:0;font-family:var(--font-display);font-weight:400;color:var(--ink)}
.cl-1{display:block;overflow:hidden;padding-bottom:.06em;font-size:clamp(72px,8.6vw,132px);line-height:.92;letter-spacing:-.025em}
html[lang="hr"] .cl-1{font-size:clamp(64px,7.4vw,114px)}
.cl-1t{display:block}
.cl-2{display:block;margin-top:12px;font-style:italic;font-size:clamp(24px,2.3vw,34px);line-height:1.14;letter-spacing:-.005em;color:var(--soft)}
.closing .pleter{margin:24px 0 20px}
@media (max-width:999px),(max-width:1199px) and (orientation:portrait){ .closing .cl-txt{width:auto} }
@media (max-width:699px){ .cl-1{font-size:64px} html[lang="hr"] .cl-1{font-size:56px} .cl-2{font-size:23px} }


@media (max-width:999px),(max-width:1199px) and (orientation:portrait){
  .next{padding-top:calc(var(--stripH,300px) - var(--barH,56px) + 24px);padding-bottom:40px}
}

@media (max-width:699px){ .ending-return{height:8vh;padding-bottom:0} }



.tk-slot{--tkp:24px;--tkw:560px}   
.tk-slot::before{top:0;left:var(--tkp);right:auto;width:min(calc(100% - 2 * var(--tkp)),var(--tkw));height:5px}
@media (max-width:699px){ .tk-slot{--tkp:8px} }

.pt-model{margin-top:20px;width:min(140px,40%)}
.pt-model img{display:block;width:100%;height:auto}
@media (max-width:699px){
  .it-portrait .it-grid{position:relative}
  .pt-model{position:absolute;margin:0;left:214px;top:calc(196px * 4 / 3);transform:translateY(-100%);width:min(124px,calc(100% - 214px))}
}

@media (max-width:999px),(max-width:1199px) and (orientation:portrait){ #coast .il-poster,#coast .il-frame video{transform:scale(1.4);transform-origin:50% 100%} }

@media (max-width:699px){ #coast .il-txt{bottom:18vh;bottom:18svh} }