:root {
  --zid-glow: oklch(0.76 0.085 77 / 0.22);
  --zid-glow-edge: oklch(0.85 0.065 80 / 0.38);
  --zid-dim: oklch(0.12 0.01 70 / 0.48);
  --zid-border: color-mix(in oklab, var(--bronze) 28%, transparent);
  --menu-width: 460px;
  --zid-ease: cubic-bezier(.32,.72,0,1);
}
body { overflow-x: clip; }
.t-hero,.t-display { letter-spacing:0!important; }
.hero-plate:after { display:none!important; animation:none!important; }
section[aria-labelledby=hero-title] .hero-plate {
  box-shadow: 0 0 0 1px var(--zid-glow-edge), 0 0 38px 4px var(--zid-glow), 0 0 95px 10px var(--zid-glow), 0 32px 65px -24px var(--zid-dim);
}
.sculpture-section .sculpture-frame { display:none!important; }
.sculpture-section > div > div:first-child { width:100%!important; height:100svh!important; border-radius:0!important; }
.sculpture-section .grain:after,.sculpture-section .grain:before { display:none; }
.faq-section h2 { line-height:1.2; }
.faq-section .faq-invitation { margin-top:38px; padding-top:26px; border-top:1px solid var(--zid-border); }
.faq-invitation > .eyebrow { color:var(--bronze); font-size:10px; }
.faq-invitation p { font-family:var(--font-display); font-size:23px; line-height:1.45; margin:16px 0 22px; color:var(--graphite); }
.faq-section .faq-detail { position:relative; height:180px; margin-top:38px; overflow:hidden; border-radius:90px 90px 8px 8px; }
.faq-detail figcaption { position:absolute; bottom:16px; left:18px; color:var(--ivory); background:var(--zid-dim); padding:5px 9px; font-size:11px; }
.faq-section button { line-height:1.55; }
.underlay-main { position:relative; z-index:2; background:var(--ivory); min-height:100svh; will-change:transform; }
.underlay-nav__menu { position:fixed; inset:0 0 0 auto; width:var(--menu-width); z-index:1; background:var(--obsidian); color:var(--ivory); padding:115px 34px 28px; display:flex; flex-direction:column; gap:24px; overflow:auto; }
.underlay-nav__intro .eyebrow { color:var(--bronze); font-size:9px; }
.underlay-nav__intro p { margin-top:8px; font-size:15px; color:color-mix(in oklab,var(--ivory) 60%,transparent); }
.underlay-nav__list { list-style:none; padding:0; margin:0; flex:1; display:flex; flex-direction:column; justify-content:center; }
.underlay-nav__link { display:flex; align-items:center; gap:18px; padding:12px 0; font-family:var(--font-display); font-size:36px; line-height:1.3; transition:color .25s; }
.underlay-nav__number { font-family:var(--font-body); font-size:10px; color:var(--bronze); }
.underlay-nav__arrow { width:18px; height:18px; margin-left:auto; color:var(--bronze); opacity:0; transform:translateX(-6px); transition:opacity .3s,transform .3s; }
.underlay-nav__link:hover,.underlay-nav__link.is-current { color:var(--bronze); }
.underlay-nav__link:hover .underlay-nav__arrow,.underlay-nav__link.is-current .underlay-nav__arrow { opacity:1; transform:none; }
.underlay-nav__bottom { border-top:1px solid var(--zid-border); padding-top:22px; }
.underlay-nav__bottom p { max-width:28ch; font-size:13px; line-height:1.65; color:color-mix(in oklab,var(--ivory) 65%,transparent); }
.underlay-nav__bottom > div { display:flex; justify-content:space-between; margin-top:20px; font-size:12px; }
.underlay-nav__overlay { z-index:50; position:fixed; inset:0; background:var(--zid-dim); opacity:0; visibility:hidden; pointer-events:none; cursor:pointer; border-radius:0 24px 24px 0; }
.underlay-nav__toggle { display:flex; align-items:center; justify-content:center; gap:14px; min-width:100px; height:44px; padding:10px 0 10px 12px; color:var(--ivory); font-family:var(--font-body); font-size:12px; font-weight:600; background:transparent; border:0; cursor:pointer; }
.underlay-nav__toggle-text { display:flex; flex-direction:column; height:20px; line-height:20px; overflow:hidden; }
.underlay-nav__toggle-text > span { transition:transform .4s var(--zid-ease); }
.underlay-nav__toggle-icon { display:flex; flex-direction:column; justify-content:center; gap:6px; width:24px; height:24px; }
.underlay-nav__toggle-icon > span { height:2px; width:24px; background:currentColor; transition:transform .4s var(--zid-ease); }
[data-underlay-nav-toggle][aria-expanded=true] .underlay-nav__toggle-text > span { transform:translateY(-20px); }
[data-underlay-nav-toggle][aria-expanded=true] .underlay-nav__toggle-icon > span:first-child { transform:translateY(4px) rotate(45deg); }
[data-underlay-nav-toggle][aria-expanded=true] .underlay-nav__toggle-icon > span:last-child { transform:translateY(-4px) rotate(-45deg); }
body[data-menu-status=open] header { background:var(--obsidian)!important; border-color:transparent!important; }
body[data-menu-status=open] header nav,body[data-menu-status=open] header a[href="/kontakt"] { visibility:hidden; }
.underlay-nav__menu a:focus-visible,.underlay-nav__toggle:focus-visible { outline:2px solid var(--bronze); outline-offset:5px; }
@media(min-width:1024px) { header nav[aria-label="Glavna navigacija"] { display:none; } }
@media(max-width:767px) {
  :root { --menu-width:min(86vw,420px); }
  .underlay-nav__menu { padding:92px 24px 24px; gap:22px; }
  .underlay-nav__link { font-size:30px; padding:10px 0; gap:14px; }
  .faq-section .faq-detail { display:none; }
  .sculpture-section > div > div:first-child { height:72svh!important; }
}
@media(max-height:700px) { .underlay-nav__menu { padding-top:88px; gap:14px; } .underlay-nav__link { font-size:28px; padding:7px 0; } .underlay-nav__bottom { padding-top:14px; } }
@media(prefers-reduced-motion:reduce) { .underlay-nav__toggle *, .underlay-nav__arrow { transition:none!important; } }

/* Art-directed opening and editorial FAQ. */
section[aria-labelledby=hero-title] { background:var(--ink); }
section[aria-labelledby=hero-title]:before { display:none; }
section[aria-labelledby=hero-title] > div { min-height:760px; height:min(940px,94svh); padding-top:132px; padding-bottom:36px; }
.hero-heading { margin-top:auto!important; max-width:52%!important; }
#hero-title { font-size:64px; line-height:1.14; text-shadow:none; }
#hero-title em { animation:none; background:none; color:var(--bronze); filter:none; }
section[aria-labelledby=hero-title] .hero-plate { top:126px!important; bottom:92px!important; left:55%!important; right:4%!important; border-radius:180px 180px 12px 12px; box-shadow:0 0 0 1px var(--zid-glow-edge),0 0 65px -12px var(--zid-glow); }
.hero-plate > div[aria-hidden],.hero-image-frame,.hero-detail-inset { display:none!important; }
.hero-plate .hero-zoom { animation:none; transform:none; }
section[aria-labelledby=hero-title] .hero-plate { animation:none!important; clip-path:none!important; }
.hero-plate img { filter:none!important; object-position:50% 48%; }
.hero-art-caption { position:absolute; bottom:0; inset-inline:0; display:flex; flex-direction:column; gap:5px; padding:18px 24px; background:var(--zid-dim); backdrop-filter:blur(12px); color:var(--ivory); }
.hero-art-caption span:first-child { font-family:var(--font-body); font-weight:600; font-size:9px; }
.hero-art-caption span:last-child { font-family:var(--font-display); font-size:19px; line-height:1.35; }
.faq-section { padding-top:100px; padding-bottom:100px; }
.faq-section .shell > div { column-gap:64px; }
.faq-editorial { display:flex; flex-direction:column; }
.faq-editorial > h2 { font-size:46px; }
.faq-editorial > p { max-width:38ch; font-size:14px; line-height:1.85; }
.faq-section .faq-detail { height:auto; aspect-ratio:4/3; border-radius:90px 90px 8px 8px; margin-top:32px; flex-shrink:0; }
.faq-detail figcaption { bottom:0; left:0; width:100%; padding:14px 18px; line-height:1.5; }
.faq-invitation p { font-size:25px; }
.faq-start { margin-top:32px; padding-top:28px; border-top:1px solid var(--zid-border); }
.faq-start > span { color:var(--bronze); font-size:10px; }
.faq-start h3 { font-family:var(--font-display); font-size:26px; line-height:1.35; margin:14px 0 20px; color:var(--graphite); }
.faq-start ul { list-style:none; margin:0 0 24px; padding:0; }
.faq-start li { display:flex; gap:16px; font-size:13px; line-height:1.6; margin:12px 0; color:var(--graphite); }
.faq-start li span { color:var(--bronze); font-size:10px; font-weight:600; padding-top:2px; }
.faq-start a { font-size:10px; line-height:1.8; }
.faq-questions button { padding-top:25px; padding-bottom:25px; }
.faq-questions button[aria-expanded=true] { color:var(--bronze); }
.faq-questions [role=region][aria-hidden=true] { visibility:hidden; }
.faq-questions [role=region][aria-hidden=false] { visibility:visible; }
.faq-questions .panel-reveal { font-size:15px; line-height:1.85; }
@media(min-width:1440px) { #hero-title { font-size:76px; } }
@media(max-width:1100px) and (min-width:1024px) { #hero-title { font-size:54px; } }
@media(max-width:1023px) {
  section[aria-labelledby=hero-title] > div { height:auto; min-height:0; padding-top:110px; padding-bottom:36px; }
  .hero-heading { margin-top:36px!important; max-width:100%!important; }
  #hero-title { font-size:54px; }
  section[aria-labelledby=hero-title] .hero-plate { position:relative!important; inset:auto!important; width:100%; height:440px!important; min-height:0; margin-top:28px; border-radius:140px 140px 12px 12px; }
  .hero-plate img { object-position:center 45%; }
  .faq-section .shell > div { column-gap:32px; }
  .faq-editorial > h2 { font-size:36px; }
}
@media(max-width:767px) {
  section[aria-labelledby=hero-title] > div { padding-top:100px; }
  #hero-title { font-size:44px; }
  .hero-heading { margin-top:24px!important; }
  section[aria-labelledby=hero-title] .hero-plate { height:370px!important; border-radius:120px 120px 12px 12px; }
  .hero-art-caption { padding:14px 20px; }
  .faq-section { padding-top:64px; padding-bottom:64px; }
  .faq-section .faq-detail { display:block; max-width:440px; aspect-ratio:16/10; }
  .faq-editorial { display:grid; grid-template-columns:1fr; }
  .faq-section .faq-invitation { margin-top:26px; }
  .faq-start { margin-top:26px; }
  .faq-questions { margin-top:8px; }
}
@media(max-width:380px) { #hero-title { font-size:38px; } }
/* Typography: calmer, even-stroked display face. */
:root { --font-display:"Gilda Display", Georgia, "Times New Roman", serif; --font-heading:"Gilda Display", Georgia, "Times New Roman", serif; }
.font-display,.t-display,.t-hero,h1,h2,h3,#hero-title { font-family:var(--font-display)!important; font-variation-settings:normal!important; font-weight:500; }
.t-display { letter-spacing:-.005em!important; line-height:1.05!important; }
/* Images: no blurred placeholder, soft fade-in instead. */
img[loading] { transition:opacity .9s ease; }
/* Gallery arrow always visible, bottom-right. */
.card-arrow { opacity:1!important; }
[aria-label="Pregled fotografije"] { z-index:200!important; }
[aria-label="Pregled fotografije"] [data-base44-image] { display:block; width:100%; height:74svh; }
body { font-variant-numeric:lining-nums; }
.font-display,.t-display,h1,h2,h3 { font-variant-numeric:lining-nums; }
html:has([aria-label="Pregled fotografije"]),body:has([aria-label="Pregled fotografije"]) { overflow:hidden!important; touch-action:none; }
body:has([aria-label="Pregled fotografije"]) header { visibility:hidden!important; }
[aria-label="Pregled fotografije"] { background:var(--ink)!important; overscroll-behavior:contain; }

/* ===== Premium polish layer v5 ===== */
::selection{background:color-mix(in oklab,var(--bronze) 35%,transparent);color:inherit}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:150;opacity:.06;mix-blend-mode:multiply;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.t-hero,.t-display,h1,h2{font-feature-settings:"kern","liga";text-wrap:balance}
p{text-wrap:pretty}
.eyebrow{letter-spacing:.32em!important}
section h2:after{content:"";display:block;width:48px;height:1px;margin-top:22px;background:linear-gradient(90deg,var(--bronze),transparent)}
section[aria-labelledby=hero-title] h2:after,.text-center h2:after{margin-left:auto;margin-right:auto;background:linear-gradient(90deg,transparent,var(--bronze),transparent)}
img{transition:transform 1.4s var(--zid-ease),filter 1.4s var(--zid-ease)}
@media (hover:hover) and (pointer:fine){a:hover img,button:hover img,figure:hover img{transform:scale(1.045)}}
figure,a:has(img){overflow:hidden}
a,button{transition:color .4s var(--zid-ease),background-color .4s var(--zid-ease),border-color .4s var(--zid-ease),box-shadow .5s var(--zid-ease),transform .5s var(--zid-ease)}
a[href^="tel:"],a[href*="wa.me"],a[href^="mailto:"]{text-underline-offset:5px}
.card-arrow{backdrop-filter:blur(8px);box-shadow:0 8px 24px -8px var(--zid-dim);transition:transform .5s var(--zid-ease)}
@media (hover:hover) and (pointer:fine){a:hover .card-arrow{transform:translate(3px,-3px) rotate(-8deg)}}
hr{border:0;height:1px;background:linear-gradient(90deg,transparent,var(--zid-border),transparent)}
@media (prefers-reduced-motion:reduce){img,a,button{transition:none!important}a:hover img{transform:none}}

@media (hover:none),(pointer:coarse){*,*:hover{transition:none}a:hover img,figure:hover img,a:hover .card-arrow,.group:hover *{transform:none!important}}
/* Gallery cards: no hover animation anywhere */
.group:has(.card-arrow),.group:has(.card-arrow) *,.group:has(.card-arrow):hover,.group:has(.card-arrow):hover *{transform:none!important;transition:none!important;filter:none!important}
.group:has(.card-arrow):hover img{opacity:1!important}
/* Gallery: nothing at all on hover — no dark wash, no lift, no shadow */
.group:has(.card-arrow) span.bg-gradient-to-t,.group:has(.card-arrow):hover span.bg-gradient-to-t,.group:has(.card-arrow) span[class*="group-hover:opacity"]{opacity:0!important}
.group:has(.card-arrow) .card-arrow,.group:has(.card-arrow):hover .card-arrow{transform:none!important}
.group:has(.card-arrow):hover img,.group:has(.card-arrow):hover .zoom-slow{transform:none!important;filter:none!important;opacity:1!important}
/* Hero photo: no scroll drift on phones and tablets */
@media (hover:none),(pointer:coarse){.hero-plate .will-change-transform,.hero-plate .hero-zoom,.hero-plate img{transform:none!important}}

/* Ostrog showcase — original photos, never cropped, nothing over them */
#ostrog-showcase{background:var(--ink,#10100e);color:var(--ivory,#e9e1d5);padding:clamp(5rem,11vw,10rem) 0}
.osc-wrap{max-width:1440px;margin:0 auto;padding:0 clamp(1.25rem,4vw,4rem)}
.osc-head{display:grid;gap:1.5rem;margin-bottom:clamp(3rem,6vw,5.5rem)}
@media(min-width:900px){.osc-head{grid-template-columns:1.2fr 1fr;align-items:end}.osc-eyebrow{grid-column:1/-1}}
.osc-eyebrow{font:600 .7rem/1 Manrope,sans-serif;letter-spacing:.32em;text-transform:uppercase;color:var(--bronze,#b59a75);margin:0}
#osc-title{font-family:"Gilda Display",serif;font-weight:400;font-size:clamp(2.6rem,6.5vw,5.75rem);line-height:.98;letter-spacing:-.01em;margin:0}
#osc-title em{font-style:normal;color:var(--bronze,#b59a75)}
.osc-lead{font:400 1.05rem/1.7 Manrope,sans-serif;color:color-mix(in srgb,var(--ivory,#e9e1d5) 68%,transparent);max-width:44ch;margin:0}
.osc-hero{display:grid;gap:clamp(1rem,2vw,1.75rem);margin-bottom:clamp(1rem,2vw,1.75rem)}
@media(min-width:768px){.osc-hero{grid-template-columns:1fr 1fr}}
.osc-grid{display:grid;gap:clamp(1rem,2vw,1.75rem);grid-template-columns:1fr 1fr}
@media(min-width:1024px){.osc-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:479px){.osc-grid{grid-template-columns:1fr}}
.osc-fig{margin:0}
.osc-btn{display:block;width:100%;padding:0;border:0;background:#0a0a09;cursor:zoom-in;box-shadow:0 30px 60px -30px rgba(0,0,0,.8)}
.osc-btn img{display:block;width:100%;height:auto;aspect-ratio:1446/1920;object-fit:contain}
.osc-fig figcaption{display:flex;gap:.9rem;align-items:baseline;padding-top:1rem;font:500 .8rem/1.4 Manrope,sans-serif;color:color-mix(in srgb,var(--ivory,#e9e1d5) 62%,transparent)}
.osc-fig figcaption span{font-family:"Gilda Display",serif;color:var(--bronze,#b59a75);font-size:.95rem}
.osc-btn:focus-visible{outline:1px solid var(--bronze,#b59a75);outline-offset:6px}
html.osc-lock,html.osc-lock body{overflow:hidden!important;touch-action:none}
#osc-lb{position:fixed;inset:0;z-index:300;background:#080807;display:none;align-items:center;justify-content:center;flex-direction:column;padding:4.5rem 1rem 3.5rem}
#osc-lb.on{display:flex}
#osc-lb img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;flex:1 1 auto;min-height:0}
.osc-lb-cap{margin:1rem 0 0;font:500 .8rem Manrope,sans-serif;letter-spacing:.08em;color:var(--ivory,#e9e1d5);opacity:.7;text-align:center}
.osc-x,.osc-nav{position:absolute;width:48px;height:48px;border-radius:999px;border:1px solid rgba(233,225,213,.25);background:rgba(16,16,14,.6);color:#e9e1d5;font-size:1.4rem;line-height:1;cursor:pointer}
.osc-x{top:max(1rem,env(safe-area-inset-top));right:1rem;font-size:1.8rem}
.osc-nav{top:50%;transform:translateY(-50%)}
.osc-prev{left:1rem}.osc-next{right:1rem}
@media(max-width:640px){.osc-nav{top:auto;bottom:max(.75rem,env(safe-area-inset-bottom));transform:none}.osc-lb-cap{margin-bottom:3rem}}

/* Ostrog showcase: no hover effect at all — clicking still opens the large view */
#ostrog-showcase .osc-btn img{transition:none!important}
#ostrog-showcase .osc-btn:hover img,#ostrog-showcase .osc-fig:hover img,#ostrog-showcase a:hover img,#ostrog-showcase figure:hover img,#ostrog-showcase button:hover img{transform:none!important;filter:none!important;opacity:1!important}
#ostrog-showcase .osc-btn:hover{box-shadow:0 30px 60px -30px rgba(0,0,0,.8)}

/* ===== Short home page ===== */
html[data-zid-home] main > section[data-zid=hide]{display:none!important}
.zid-phil{position:relative;z-index:5;border-top:1px solid var(--zid-border);margin:0 auto;max-width:1440px;padding:44px clamp(1.25rem,4vw,4rem) 56px;display:grid;gap:14px;text-align:center}
.zid-phil__eyebrow{font:600 10px/1 var(--font-body);letter-spacing:.32em;text-transform:uppercase;color:var(--bronze);margin:0}
.zid-phil__text{font-family:var(--font-display);font-size:clamp(1.35rem,2.4vw,2rem);line-height:1.4;margin:0;color:var(--ivory)}
.zid-phil__text em{font-style:normal;color:color-mix(in oklab,var(--ivory) 65%,transparent)}
/* Logo in header */
header a[aria-label^="3D.ZID"] > span{display:none!important}
header a[aria-label^="3D.ZID"] .zid-logo{display:block;height:46px;width:auto}
@media(min-width:1024px){header a[aria-label^="3D.ZID"] .zid-logo{height:56px}}
/* Logo in footer: faint, in the background */
footer div.select-none[aria-hidden] > span{display:none!important}
footer .zid-footer-logo{display:block;margin:10px auto 0;width:min(46vw,420px);height:auto;opacity:.12;pointer-events:none;user-select:none}
@media(max-width:767px){footer .zid-footer-logo{width:62vw}}
header a[aria-label^="3D.ZID"] .zid-logo{filter:brightness(1.45) saturate(.9)}
section[aria-labelledby=hero-title] > div.zid-phil{height:auto!important;min-height:0!important;display:flex!important;flex-direction:column;align-items:center;padding:44px clamp(1.25rem,4vw,4rem) 56px!important}
/* Menu toggle: "Zatvori" fully visible */
.underlay-nav__toggle{padding-right:2px;min-width:118px;overflow:visible}
.underlay-nav__toggle-text{height:24px;line-height:24px;padding:0 2px}
.underlay-nav__toggle-text > span{display:block;white-space:nowrap}
[data-underlay-nav-toggle][aria-expanded=true] .underlay-nav__toggle-text > span{transform:translateY(-24px)}

/* ===== Full-frame photography and interactive light ===== */
header a[aria-label^="3D.ZID"] .zid-logo{filter:brightness(1.7) saturate(.9)}
.zid-light-section{padding-top:clamp(3rem,6vw,5rem)!important}
.zid-light-block{margin-top:clamp(2rem,4vw,3.5rem)!important}
.zid-light-figure{--light-pos:0;width:100%;margin:0}
.zid-light-stage{position:relative;width:100%;overflow:hidden;isolation:isolate;background:transparent;user-select:none}
.zid-light-base,.zid-light-day{position:absolute;inset:0}
.zid-light-stage img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transform:none!important;filter:none!important;transition:none!important;pointer-events:none}
.zid-light-switch{display:grid;grid-template-columns:1fr 1fr;margin:0}
.zid-light-switch button{min-width:0;min-height:54px;padding:12px 10px;border:1px solid color-mix(in oklab,currentColor 24%,transparent);border-radius:0;background:transparent;color:inherit;opacity:.58;font:600 .625rem/1.35 var(--font-body);letter-spacing:.13em;text-transform:uppercase;cursor:pointer;transition:background-color .35s var(--zid-ease),color .35s var(--zid-ease),opacity .35s var(--zid-ease)}
.zid-light-switch button+button{margin-left:-1px}
.zid-light-switch button.is-active{position:relative;z-index:1;border-color:var(--bronze);background:var(--bronze);color:var(--ink);opacity:1}
.zid-light-switch button:focus-visible{position:relative;z-index:2;outline:2px solid var(--bronze);outline-offset:3px}
.zid-light-control{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1.25rem;margin-top:1rem}
.zid-light-control label{font:600 .625rem/1 var(--font-body);letter-spacing:.18em;text-transform:uppercase;color:inherit;opacity:.62}
.zid-light-control input{--track-rest:color-mix(in oklab,currentColor 22%,transparent);width:100%;height:30px;margin:0;padding:0;appearance:none;-webkit-appearance:none;background:transparent;color:inherit;cursor:pointer;touch-action:manipulation}
.zid-light-control input::-webkit-slider-runnable-track{height:2px;background:linear-gradient(to right,var(--bronze) 0 calc(var(--light-pos)*1%),var(--track-rest) calc(var(--light-pos)*1%) 100%)}
.zid-light-control input::-moz-range-track{height:2px;background:var(--track-rest)}
.zid-light-control input::-moz-range-progress{height:2px;background:var(--bronze)}
.zid-light-control input::-webkit-slider-thumb{width:20px;height:20px;margin-top:-9px;appearance:none;-webkit-appearance:none;border:1px solid var(--bronze);border-radius:50%;background:var(--bronze);box-shadow:0 0 0 5px color-mix(in oklab,var(--bronze) 12%,transparent)}
.zid-light-control input::-moz-range-thumb{width:20px;height:20px;border:1px solid var(--bronze);border-radius:50%;background:var(--bronze);box-shadow:0 0 0 5px color-mix(in oklab,var(--bronze) 12%,transparent)}
.zid-light-control input:focus-visible{outline:2px solid var(--bronze);outline-offset:4px}
#ostrog-album .zid-light-switch button.is-active{color:var(--ivory)}
@media(max-width:640px){.zid-light-switch button{min-height:50px;padding:10px 6px;font-size:.55rem;letter-spacing:.09em}.zid-light-control{gap:1rem;margin-top:.75rem}}

/* Photo frames follow their original dimensions without cropping or empty bars. */
.zid-square-card>div:first-child{aspect-ratio:var(--photo-ratio,auto)!important;border-radius:0!important;background:transparent}
.zid-square-card>div:first-child>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain!important;object-position:center;transform:none!important;filter:none!important;transition:none!important}
.zid-square-card:hover>div:first-child>img{transform:none!important;filter:none!important;opacity:1!important}

/* Ostrog: one compact album, original photos only, no vertical photo stack. */
#ostrog-album{margin-top:clamp(3rem,7vw,6rem);padding-top:clamp(2.5rem,5vw,4rem);border-top:1px solid color-mix(in oklab,var(--graphite) 16%,transparent);color:var(--graphite)}
.osc-album-head{margin-bottom:2rem}
.osc-album-head h2{margin:.8rem 0 1rem;font:400 clamp(2.2rem,4.5vw,4rem)/1.05 var(--font-display)}
.osc-album-head>p:last-child{max-width:46ch;margin:0;font:400 .95rem/1.65 var(--font-body);color:color-mix(in oklab,var(--graphite) 62%,transparent)}
.osc-album-grid{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:100%;gap:1.25rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0;margin:0;align-items:start}
.osc-album-grid::-webkit-scrollbar{display:none}
.osc-album-grid figure{margin:0;scroll-snap-align:start}
.osc-thumb{display:block;width:100%;aspect-ratio:var(--photo-ratio,1446/1920);padding:0;border:0;border-radius:0;background:transparent;cursor:zoom-in;overflow:hidden}
.osc-thumb img{display:block;width:100%;height:100%;object-fit:contain;transform:none!important;filter:none!important;transition:none!important}
.osc-thumb:hover img{transform:none!important;filter:none!important;opacity:1!important}
.osc-thumb:focus-visible{outline:2px solid var(--bronze);outline-offset:4px}
.osc-album-grid figcaption{display:flex;gap:.7rem;align-items:baseline;padding-top:.8rem;font:500 .72rem/1.45 var(--font-body);color:color-mix(in oklab,var(--graphite) 60%,transparent)}
.osc-album-grid figcaption span{font-family:var(--font-display);font-size:.9rem;color:var(--bronze)}
.zid-ostrog-hero>div.absolute.inset-0{display:none}
.zid-natural-frame{aspect-ratio:var(--photo-ratio,auto)!important;height:auto!important;min-height:0!important;border-radius:0!important;overflow:hidden}
.zid-natural-frame>img{display:block!important;position:static!important;width:100%!important;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important;transform:none!important;filter:none!important;transition:none!important}
.zid-photo-figure{border:0!important;background:transparent!important;box-shadow:none!important}
main [hidden]{display:none!important}
header a[hidden],footer a[hidden]{display:none!important}
html.osc-lock header{visibility:hidden!important}
@media(min-width:900px){
 #ostrog-album{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(2rem,4vw,4rem);align-items:start}
 .osc-album-head{grid-column:1/-1;margin-bottom:0}
 #ostrog-album .osc-compare{grid-column:1;margin:0}
 .osc-carousel{grid-column:2;min-width:0}
 .osc-album-grid{grid-auto-columns:calc((100% - 1.25rem)/2)}
}
.osc-carousel{min-width:0;margin-top:2rem}
.osc-carousel-controls{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--zid-border)}
.osc-carousel-count{font:500 .7rem/1 var(--font-body);color:var(--graphite)}
.osc-carousel-controls>div{display:flex;gap:.5rem}
.osc-carousel-controls button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--zid-border);border-radius:0;background:transparent;color:var(--graphite);font-size:1.4rem;cursor:pointer}
.osc-carousel-controls button:disabled{opacity:.3;cursor:default}
.osc-carousel-controls button:focus-visible{outline:2px solid var(--bronze);outline-offset:3px}
.eyebrow,.osc-eyebrow{font-size:9px!important;line-height:1.5!important;letter-spacing:.1em!important}
main>section:first-child .eyebrow{font-size:8px!important;white-space:nowrap}
.zid-immediate-photo{opacity:1!important;visibility:visible!important;animation:none!important;transition:none!important;filter:none!important}
.zid-image-reveal{opacity:1!important;visibility:visible!important;transform:none!important;filter:none!important;transition:none!important;animation:none!important}
main>section:first-child .eyebrow{gap:8px!important}
main>section:first-child .eyebrow>span[aria-hidden]{width:16px!important;flex-shrink:0}
@media(min-width:900px){.osc-carousel{margin-top:0}}
/* Burger: lines only, pushed to the container edge; original logo, no tile */
.underlay-nav__toggle-text{display:none!important}
.underlay-nav__toggle{justify-content:flex-end!important;min-width:44px!important;padding-right:0!important}
header a[aria-label^="3D.ZID"] .zid-logo{filter:none!important;height:52px;width:auto;aspect-ratio:auto;object-fit:contain;border-radius:0;background:none!important}
@media(min-width:1024px){header a[aria-label^="3D.ZID"] .zid-logo{height:66px}}