@font-face{font-family:Ogg Medium;src:url(/demo/mostar/ogg-text-medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}.mostar{--mx:0;--my:0;--back-opacity:1;--back-x:0px;--back-y:0px;--back-scale:.76;--four-y:10vh;--four-scale:.78;--bazaar-y:20vh;--blur-px:0px;--back-brightness:1;--bazaar-blur-px:0px;--bazaar-brightness:1;--bazaar-saturation:1;--shade-opacity:1;--shade-z:2;--shade-top-alpha:0;--shade-mid-alpha:0;--shade-bottom-alpha:0;--blur-tint:74,181,224;--title-y:0px;--title-scale:1;--title-opacity:1;--bridge-x:-50%;--bridge-y:0px;--bridge-bottom:5vh;--bridge-width:67.2vw;--bridge-scale:1.02;--split-left-x:-50%;--split-left-y:0px;--split-left-scale:1;--split-right-x:-50%;--split-right-y:0px;--split-right-scale:1;--frame2-opacity:0;--frame2-x:-50%;--frame2-y:-50%;--frame2-scale:1.06;--intro-copy-y:0px;--intro-copy-opacity:1;--panel2-opacity:0;--panel2-y:calc(-50% + 58px);--panel3-opacity:0;--panel3-y:calc(-50% + 58px);--sights-opacity:0;--sights-controls-opacity:0;--sights-y:0px;--sights-enter-x:420vw;--sights-visibility:hidden;--sights-shift:0px;--sights-scale:1;--sights-top:clamp(112px,19vh,220px);--sights-screen-top:clamp(112px,19vh,220px);--ink:#111411;--paper:#fdf1e1;--shadow:rgba(0,0,0,.32);--mst-bar:var(--demo-bar-h,0px);color:var(--paper);letter-spacing:0;background:#0b1110;font-family:Inter,Satoshi,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.mostar *,.mostar :before,.mostar :after{box-sizing:border-box}.mostar button{font:inherit;border:0}.mostar :focus-visible{outline:2px solid var(--paper);outline-offset:3px}.cinema-scroll{height:calc(100vh - var(--mst-bar) + 4300px);position:relative}.stage{top:var(--mst-bar);height:calc(100vh - var(--mst-bar));isolation:isolate;background:#7fb4d4;min-height:620px;position:-webkit-sticky;position:sticky;overflow:hidden}.cinema-anchor{pointer-events:none;width:1px;height:1px;position:absolute;left:0}.world{background:#79b7dd;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.mostar .site-header{z-index:10;color:rgba(253,241,225,.86);pointer-events:auto;grid-template-columns:minmax(260px,1fr) auto minmax(260px,1fr);align-items:center;gap:32px;padding:32px;display:grid;position:absolute;top:0;left:0;right:0}.mostar .site-logo{color:rgba(253,241,225,.92);white-space:nowrap;justify-self:start;font-family:Ogg Medium,Georgia,serif;font-size:24px;font-weight:500;line-height:1;text-decoration:none}.mostar .site-nav{justify-content:center;align-items:center;gap:max(24px,min(2.2vw,44px));display:flex}.mostar .site-nav a,.mostar .language-switcher{color:rgba(253,241,225,.86);text-shadow:0 2px 16px rgba(0,0,0,.2);font-weight:700;line-height:1;text-decoration:none;transition:color .2s}.mostar .site-nav a{font-size:20px;font-weight:400}.mostar .site-nav a:hover,.mostar .language-switcher:hover{color:#fdf1e1}.mostar .language-switcher{cursor:pointer;background:0 0;justify-self:end;align-items:center;gap:5px;padding:0;font-size:16px;display:inline-flex}.mostar .language-switcher span{line-height:1;display:inline-flex}.scene-img{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;will-change:transform,opacity,filter;display:block;position:absolute}.sky-img{z-index:0;object-fit:cover;width:100%;height:100%;filter:blur(var(--blur-px))brightness(var(--back-brightness));top:0;bottom:0;left:0;right:0;transform:none}.back-stack{z-index:1;opacity:var(--back-opacity);transform:translate3d(var(--back-x),var(--back-y),0)scale(var(--back-scale));transform-origin:50% 100%;will-change:transform,filter,opacity;position:absolute;top:0;bottom:0;left:-3vw;right:-3vw}.back-img{object-fit:cover;width:100%;height:100%;filter:blur(var(--blur-px))brightness(var(--back-brightness));top:0;bottom:0;left:0;right:0}.back-bazaar,.back-four{object-fit:contain;width:112%;height:auto;top:auto;bottom:0;left:48%;right:auto}.back-bazaar{z-index:3;opacity:1;filter:blur(var(--bazaar-blur-px))brightness(var(--bazaar-brightness))saturate(var(--bazaar-saturation));transform:translate3d(-50%,var(--bazaar-y),0)scale(.86)}.back-four{z-index:1;opacity:.72;mix-blend-mode:screen;transform:translate3d(-50%,calc(var(--four-y) - 110px),0)scale(var(--four-scale))}.sights-slider{top:var(--sights-top);z-index:2;opacity:1;visibility:var(--sights-visibility);transform:translate3d(var(--sights-enter-x),var(--sights-y),0)scale(var(--sights-scale));transform-origin:0 0;pointer-events:auto;will-change:transform;padding:0;position:absolute;left:0;right:0}.sights-track{transform:translate3d(calc(var(--sights-shift) - 18vw),0,0);will-change:transform;align-items:stretch;gap:max(16px,min(1.15vw,24px));transition:transform .64s cubic-bezier(.22,1,.36,1);display:flex}.sights-track.is-jumping{transition:none}.sight-card{color:#000;cursor:pointer;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:#fdf1e1;border:1px solid rgba(253,241,225,.42);border-radius:24px;flex:0 0 max(360px,min(19.4vw,430px));height:220px;padding:24px;position:relative;overflow:hidden;box-shadow:0 18px 52px rgba(2,47,64,.12)}.sight-card:before,.sight-card:after{content:none}.sight-kicker,.sight-card h3,.sight-card p{z-index:1;color:#000;text-shadow:none;position:relative}.sight-kicker{text-transform:uppercase;margin-bottom:56px;font-size:12px;font-weight:500;line-height:1.05;display:block}.sight-pin{pointer-events:none;width:67.2px;height:67.2px;position:absolute;top:24px;right:24px}.sight-card h3{text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 76px);margin:0;font-size:24px;font-weight:800;line-height:.95;position:absolute;bottom:73.12px;left:24px;right:24px;overflow:hidden}.sight-card p{-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;max-height:2.32em;margin:12px 0 0;font-size:16px;font-weight:400;line-height:1.16;display:-webkit-box;position:absolute;bottom:24px;left:24px;right:24px;overflow:hidden}.sight-card.is-active{outline:none}.sight-card:focus-visible{outline:none}.sights-controls{top:calc(var(--sights-screen-top) + 220px + 16px);z-index:5;opacity:var(--sights-controls-opacity);transform:translate3d(0,var(--sights-y),0);pointer-events:none;will-change:transform,opacity;justify-content:flex-start;gap:14px;display:flex;position:absolute;left:48px;right:auto}.sights-controls.is-ready{pointer-events:auto}.sight-nav{color:#111411;cursor:pointer;background:rgba(253,241,225,.94);border-radius:999px;justify-content:center;align-items:center;width:54px;height:54px;transition:transform .2s;display:inline-flex;box-shadow:0 18px 36px rgba(0,0,0,.2)}.sight-nav:hover{transform:scale(1.06)}.hero-title{z-index:3;color:#fdf1e1;text-align:center;width:min(94vw,1780px);text-shadow:none;opacity:var(--title-opacity);transform:translate3d(-50%,var(--title-y),0)scale(var(--title-scale));will-change:transform,opacity;margin:0;font-family:Ogg Medium,Georgia,serif;font-size:14rem;font-weight:500;line-height:.78;position:absolute;top:max(122px,min(19vh,205px));left:50%}.bridge-img{bottom:var(--bridge-bottom);z-index:4;width:min(var(--bridge-width),2140px);height:auto;transform:translate3d(var(--bridge-x),var(--bridge-y),0)scale(var(--bridge-scale));transform-origin:50% 48%;left:50%}.splitframe-img{z-index:6;pointer-events:none;width:min(118vw,2240px);height:auto;bottom:-2vh;left:50%}.splitframe-left{transform:translate3d(var(--split-left-x),var(--split-left-y),0)scale(var(--split-left-scale));transform-origin:21% 52%}.splitframe-right{transform:translate3d(var(--split-right-x),var(--split-right-y),0)scale(var(--split-right-scale));transform-origin:79% 52%}.frame-two-img{z-index:5;-webkit-backdrop-filter:none;backdrop-filter:none;width:min(122vw,2160px);height:auto;opacity:var(--frame2-opacity);transform:translate3d(var(--frame2-x),var(--frame2-y),0)scale(var(--frame2-scale));transform-origin:50% 48%;top:50%;left:50%;filter:none!important}.shade{z-index:var(--shade-z);opacity:var(--shade-opacity);background:linear-gradient(180deg,rgb(var(--blur-tint)/var(--shade-top-alpha))0%,rgb(var(--blur-tint)/var(--shade-mid-alpha))48%,rgb(var(--blur-tint)/var(--shade-bottom-alpha))100%);pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.intro-copy{z-index:9;text-align:center;width:min(560px,100vw - 40px);opacity:var(--intro-copy-opacity);transform:translate3d(-50%,var(--intro-copy-y),0);will-change:transform,opacity;position:absolute;bottom:max(56px,min(28vh,400px));left:50%}.intro-copy p{color:#fdf1e1;text-shadow:0 2px 18px rgba(0,0,0,.42);max-width:560px;margin:0 auto;font-size:1.18rem;font-weight:500;line-height:1.18}.hero-tags{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:26px;display:flex}.hero-tags span{min-height:42px;color:var(--ink);background:#fdf1e1;border-radius:999px;justify-content:center;align-items:center;padding:0 25px;font-size:.98rem;font-weight:500;display:inline-flex;box-shadow:0 12px 30px rgba(0,0,0,.18)}.story-panel{z-index:10;text-align:center;pointer-events:none;will-change:transform,opacity;width:min(760px,100vw - 42px);position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.story-panel h2{color:#fdf1e1;text-shadow:0 16px 38px var(--shadow);margin:0;font-family:Ogg Medium,Georgia,serif;font-size:4.75rem;font-weight:500;line-height:.95}.story-panel p{color:#fdf1e1;text-shadow:0 2px 18px rgba(0,0,0,.42);width:min(520px,100%);margin:26px auto 0;font-size:1.14rem;font-weight:500;line-height:1.18}.story-panel-bridge{opacity:var(--panel2-opacity);transform:translate3d(-50%,var(--panel2-y),0);top:60%}.story-panel-bazaar{opacity:var(--panel3-opacity);transform:translate3d(-50%,var(--panel3-y),0);top:29%}.facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:86px;width:min(470px,100%);margin:72px auto 0;display:grid}.facts dt{color:#fdf1e1;text-shadow:0 14px 34px var(--shadow);font-family:Ogg Medium,Georgia,serif;font-size:4.2rem;font-weight:500;line-height:.9}.facts dd{color:#fdf1e1;text-shadow:0 2px 18px rgba(0,0,0,.42);margin:18px 0 0;font-size:1rem;font-weight:500;line-height:1.14}.note-button{min-height:50px;color:var(--ink);cursor:pointer;pointer-events:auto;background:#fdf1e1;border-radius:999px;justify-content:center;align-items:center;gap:12px;margin-top:28px;padding:0 28px;transition:transform .2s;display:inline-flex;box-shadow:0 16px 34px rgba(0,0,0,.18)}.note-button:hover{transform:translateY(-2px)}.note-button span:first-child{font-size:1.25rem;line-height:1}.mostar-outro{z-index:1;color:var(--ink);background:var(--paper);padding:max(72px,min(10vw,140px)) max(20px,min(5vw,72px)) max(56px,min(7vw,96px));position:relative}.mostar-outro-head{align-items:end;gap:24px;max-width:1180px;margin:0 auto max(40px,min(5vw,72px));display:grid}@media (min-width:900px){.mostar-outro-head{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:48px}}.mostar-outro-head h2{margin:0;font-family:Ogg Medium,Georgia,serif;font-size:max(2.6rem,min(6vw,4.6rem));font-weight:500;line-height:.95}.mostar-outro-head p{color:rgba(17,20,17,.66);margin:0;font-size:1.05rem;line-height:1.45}.mostar-routes{gap:18px;max-width:1180px;margin:0 auto;display:grid}@media (min-width:760px){.mostar-routes{grid-template-columns:repeat(3,minmax(0,1fr))}}.mostar-route{background:rgba(255,255,255,.5);border:1px solid rgba(17,20,17,.14);border-radius:24px;flex-direction:column;gap:14px;padding:28px;transition:transform .3s cubic-bezier(.22,1,.36,1),border-color .3s;display:flex}.mostar-route:hover{border-color:rgba(17,20,17,.4);transform:translateY(-4px)}.mostar-route:first-child{color:var(--paper);background:#14312f;border-color:transparent}.mostar-route-time{letter-spacing:.14em;text-transform:uppercase;opacity:.6;font-size:.78rem;font-weight:600}.mostar-route h3{margin:0;font-family:Ogg Medium,Georgia,serif;font-size:2rem;font-weight:500;line-height:1}.mostar-route:first-child h3{font-size:2.5rem}.mostar-route p{opacity:.72;margin:0;font-size:.98rem;line-height:1.45}.mostar-footer{z-index:1;color:rgba(253,241,225,.7);background:#0f1a19;gap:28px;padding:max(48px,min(6vw,88px)) max(20px,min(5vw,72px));display:grid;position:relative}.mostar-footer-inner{align-items:end;gap:32px;width:100%;max-width:1180px;margin:0 auto;display:grid}@media (min-width:760px){.mostar-footer-inner{grid-template-columns:minmax(0,1fr) auto}}.mostar-footer h2{color:var(--paper);margin:0;font-family:Ogg Medium,Georgia,serif;font-size:max(2.2rem,min(5vw,3.6rem));font-weight:500;line-height:.98}.mostar-footer-meta{border-top:1px solid rgba(253,241,225,.14);flex-wrap:wrap;gap:10px 28px;width:100%;max-width:1180px;margin:0 auto;padding-top:24px;font-size:.85rem;display:flex}@media (max-width:1500px){.hero-title{font-size:11rem}.story-panel h2{font-size:4.1rem}}@media (max-width:1100px){.hero-title{font-size:7.5rem;top:15vh}.bridge-img{width:138vw}.frame-two-img{width:132vw}.story-panel h2{font-size:3.2rem}.facts{gap:34px;margin-top:44px}.facts dt{font-size:3.2rem}.sight-card{flex-basis:max(320px,min(40vw,390px));min-height:178px}}@media (max-width:640px){.stage{min-height:640px}.mostar .site-header{grid-template-columns:1fr auto;gap:18px;padding:24px}.mostar .site-nav{scrollbar-width:none;grid-area:2/1/auto/-1;justify-content:flex-start;gap:18px;overflow-x:auto}.mostar .site-nav::-webkit-scrollbar{display:none}.hero-title{font-size:4.5rem;top:16vh}.bridge-img{width:190vw;bottom:2vh}.frame-two-img{width:176vw}.intro-copy{bottom:42px}.intro-copy p,.story-panel p{font-size:1rem}.hero-tags{gap:8px}.hero-tags span{min-height:38px;padding:0 16px;font-size:.88rem}.story-panel{top:42%}.story-panel-bazaar{top:26%}.story-panel h2{font-size:2.45rem}.facts{gap:18px;margin-top:34px}.facts dt{font-size:2.5rem}.sights-slider{padding:0}.sights-track{transform:translate3d(calc(var(--sights-shift) - 18vw),0,0);gap:12px}.sight-card{border-radius:24px;flex-basis:min(82vw,330px);height:220px;padding:24px}.sights-controls{top:calc(var(--sights-screen-top) + 236px);left:24px}.sight-card h3{max-width:78%}.sight-card p{max-width:100%;margin-top:10px}.sight-kicker{margin-bottom:56px}.sight-pin{width:57.6px;height:57.6px;top:24px;right:24px}}@media (prefers-reduced-motion:reduce){.scene-img,.back-stack,.hero-title,.intro-copy,.story-panel,.sights-track,.sights-slider,.mostar-route{transition:none}}