@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600&family=Inter:wght@400;500;600&display=swap");

.mz-digital-page,
.mz-digital-page *{box-sizing:border-box}
.mz-digital-page{--gold:#bd8b30;--gold2:#dfbd6c;--ink:#171715;--cream:#f3eee4;--line:rgba(23,23,21,.15);width:100%;margin:0;background:#fff;color:var(--ink);font-family:Inter,sans-serif}
.mz-digital-page h1,.mz-digital-page h2,.mz-digital-page h3{font-family:"Cormorant Garamond",serif;font-style:normal;font-weight:600;letter-spacing:-.035em}
.mz-digital-container{width:min(1390px,calc(100% - 96px));margin-inline:auto}
.mz-kicker{display:block;margin-bottom:22px;color:var(--gold2);font-size:12px;font-weight:600;letter-spacing:.2em}
.mz-kicker.dark{color:#1f1d19}
.mz-gold-line{display:block;width:70px;height:2px;margin-bottom:28px;background:var(--gold)}
.mz-digital-hero{position:relative;display:flex;min-height:610px;align-items:center;color:#fff;background:var(--bg) center/cover no-repeat,#27231d}
.mz-digital-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,8,7,.94),rgba(8,8,7,.68) 44%,rgba(8,8,7,.12))}
.mz-digital-hero-inner{position:relative;z-index:1;display:flex;min-height:inherit;align-items:center;justify-content:space-between;padding-block:80px}
.mz-digital-hero-inner>div{width:min(650px,55%)}
.mz-digital-hero h1{margin:0 0 25px;color:#fff;-webkit-text-fill-color:#fff;font-size:clamp(62px,6vw,94px);line-height:.94}
.mz-digital-hero p{max-width:650px;margin:0;color:rgba(255,255,255,.93);font-size:18px;line-height:1.75}
.mz-showcase{margin-top:-90px;position:relative;z-index:2;padding-bottom:80px}
.mz-showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.mz-showcase-card{position:relative;display:flex;min-height:500px;padding:28px;align-items:flex-end;overflow:hidden;color:#fff;text-decoration:none;background:linear-gradient(0deg,rgba(7,7,6,.9),rgba(7,7,6,.08)),var(--card-bg) center/cover no-repeat}
.mz-showcase-card:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.05);transition:.4s}
.mz-showcase-card:hover:before{background:rgba(0,0,0,.22)}
.mz-showcase-number{position:absolute;top:25px;left:25px;color:var(--gold2);font-family:"Cormorant Garamond",serif;font-size:28px}
.mz-showcase-copy{position:relative;z-index:1}
.mz-showcase-copy h2{margin:0 0 30px;color:#fff;-webkit-text-fill-color:#fff;font-size:38px;line-height:1}
.mz-showcase-copy span{font-size:10px;letter-spacing:.15em}
.mz-stats{padding:60px 0 90px}
.mz-stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.mz-stats article{padding:20px;text-align:center;border-right:1px solid var(--line)}
.mz-stats article:last-child{border-right:0}
.mz-stats strong{display:block;font-family:"Cormorant Garamond",serif;font-size:58px;font-weight:500}
.mz-stats span{font-size:11px;letter-spacing:.12em}
.mz-exhibits{padding:40px 0 105px}
.mz-exhibits h2,.mz-holograd h2,.mz-film h2,.mz-partners h2,.mz-digital-cta h2{font-size:54px;line-height:1;margin:0 0 35px}
.mz-exhibits-image{overflow:hidden;background:#111}
.mz-exhibits-image img{display:block;width:100%;height:350px;object-fit:cover}
.mz-location-line{padding:30px 0 85px}
.mz-location-line .mz-digital-container{display:flex;align-items:center;justify-content:space-between;gap:20px}
.mz-location-line span{font-size:12px;letter-spacing:.09em;text-align:center}
.mz-location-line i{height:1px;flex:1;background:var(--gold)}
.mz-digital-cta{padding:85px 0;background:linear-gradient(110deg,#111,#332714);color:#fff}
.mz-digital-cta .mz-digital-container{display:flex;align-items:center;justify-content:space-between;gap:45px}
.mz-digital-cta h2{max-width:650px;margin:0;color:#fff;-webkit-text-fill-color:#fff}
.mz-digital-cta a,.mz-digital-cta div a,.mz-gold-button,.mz-outline-button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:0 24px;border:1px solid var(--gold);color:var(--gold2);font-size:10px;font-weight:600;letter-spacing:.12em;text-decoration:none}
.mz-digital-cta div{display:flex;flex-wrap:wrap;gap:12px}
.mz-play-orbit{display:grid;width:120px;height:120px;place-items:center;border:1px dashed var(--gold2);border-radius:50%;background:rgba(185,134,44,.25);text-decoration:none}
.mz-play-orbit span{display:grid;width:74px;height:74px;place-items:center;border-radius:50%;background:var(--gold);color:#fff;font-size:28px}
.mz-gold-button{margin-top:30px}
.mz-holograd{padding:110px 0}
.mz-holograd-grid,.mz-film-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.mz-holograd-visual img{display:block;width:100%;height:520px;object-fit:cover;background:var(--cream)}
.mz-holograd p,.mz-film p{font-size:17px;line-height:1.85;margin-bottom:24px}
.mz-digital-features{padding:90px 0;background:#151412;color:#d9b866}
.mz-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.mz-feature-grid article{min-height:280px;padding:30px;border:1px solid rgba(219,181,96,.25)}
.mz-feature-grid article:last-child{border-color:var(--gold)}
.mz-feature-grid span{color:var(--gold);font-size:13px}
.mz-feature-grid h3{margin:70px 0 18px;font-size:31px;line-height:1}
.mz-feature-grid p{font-size:14px;line-height:1.6}
.mz-film{padding:95px 0}
.mz-film-image{position:relative;display:block}
.mz-film-image img{display:block;width:100%;height:340px;object-fit:cover;filter:brightness(.72)}
.mz-film-image span{position:absolute;top:50%;left:50%;display:grid;width:70px;height:70px;place-items:center;transform:translate(-50%,-50%);border-radius:50%;background:var(--gold);color:#fff}
.mz-timeline{padding:75px 0 100px;background:var(--cream)}
.mz-timeline-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-top:1px solid var(--gold);margin-top:40px}
.mz-timeline-grid article{padding:30px 20px;text-align:center;border-right:1px solid var(--line)}
.mz-timeline-grid strong{display:block;font-family:"Cormorant Garamond",serif;font-size:34px}
.mz-timeline-grid span{font-size:11px}
.mz-partners{padding:105px 0}
.mz-partners-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.mz-partners-grid span{display:flex;min-height:120px;align-items:center;padding:25px;border:1px solid var(--line);font-size:18px}

@media(max-width:900px){
.mz-digital-container{width:calc(100% - 34px)}
.mz-showcase-grid,.mz-stats-grid,.mz-feature-grid,.mz-partners-grid{grid-template-columns:1fr 1fr}
.mz-holograd-grid,.mz-film-grid{grid-template-columns:1fr}
.mz-digital-hero-inner>div{width:100%}
.mz-play-orbit{display:none}
.mz-digital-cta .mz-digital-container{align-items:flex-start;flex-direction:column}
}
@media(max-width:600px){
.mz-showcase{margin-top:0;padding-top:18px}
.mz-showcase-grid,.mz-stats-grid,.mz-feature-grid,.mz-partners-grid,.mz-timeline-grid{grid-template-columns:1fr}
.mz-showcase-card{min-height:420px}
.mz-location-line .mz-digital-container{flex-direction:column}
.mz-location-line i{width:1px;height:40px;flex:none}
.mz-digital-hero{min-height:570px}
.mz-digital-hero h1{font-size:50px}
}

/* MZ_DIGITAL_EMPTY_IMAGES_START */

/*
 * Neutralne muzejske površine dok administrator
 * ne izabere stvarne fotografije.
 */
.mz-digital-hero {
    background-color: #29251f;
}

.mz-digital-hero[style*="url('')"],
.mz-digital-hero[style*='url("")'] {
    background:
        linear-gradient(
            115deg,
            #171613 0%,
            #4d4031 62%,
            #99743a 100%
        ) !important;
}

.mz-showcase-card[style*="url('')"],
.mz-showcase-card[style*='url("")'] {
    background:
        linear-gradient(
            145deg,
            #2a2824 0%,
            #514738 55%,
            #9a763d 100%
        ) !important;
}

.mz-exhibits-image.is-empty,
.mz-holograd-visual.is-empty,
.mz-film-image.is-empty {
    display: grid;
    place-items: center;
    overflow: hidden;
    background:
        linear-gradient(
            135deg,
            #e8e1d5 0%,
            #cfc4b3 100%
        );
}

.mz-exhibits-image.is-empty {
    min-height: 350px;
}

.mz-holograd-visual.is-empty {
    min-height: 520px;
}

.mz-film-image.is-empty {
    min-height: 340px;
}

.mz-digital-image-placeholder {
    display: block !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    max-width: 340px;
    padding: 26px;
    transform: none !important;
    border: 1px solid rgba(71, 61, 47, 0.24);
    border-radius: 0 !important;
    background: rgba(255, 255, 255, 0.2) !important;
    color: #615747 !important;
    -webkit-text-fill-color: #615747 !important;
    font-family: "Inter", sans-serif;
    font-size: 12px !important;
    font-weight: 600;
    letter-spacing: 0.14em;
    line-height: 1.6;
    text-align: center;
    text-transform: uppercase;
}

.mz-film-image .mz-film-play {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    display: grid !important;
    width: 70px !important;
    height: 70px !important;
    place-items: center;
    transform: translate(-50%, -50%) !important;
    border-radius: 50% !important;
    background: var(--gold) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-size: 20px !important;
}

.mz-film-image.is-empty
    .mz-digital-image-placeholder {
    opacity: 0.48;
}

/* MZ_DIGITAL_EMPTY_IMAGES_END */