/* Refined modern-baroque finish — visual layer only */
body{background:linear-gradient(180deg,#fffaf2 0%,#fffdf8 38%,#fff8ef 100%)}
.nav-shell,.brand img{transition:min-height .3s ease,max-height .3s ease}
.site-header.scrolled .nav-shell{min-height:77px}
.site-header.scrolled .brand img{max-height:53px}
.anchor-target{display:block;position:relative;top:-76px;visibility:hidden}

/* Hamburger-only navigation on every screen size. */
.menu-toggle{display:block;z-index:102;cursor:pointer}
.menu-toggle.active i:nth-of-type(1){transform:translateY(7px) rotate(45deg)}
.menu-toggle.active i:nth-of-type(2){opacity:0}
.menu-toggle.active i:nth-of-type(3){transform:translateY(-7px) rotate(-45deg)}
.site-header #main-nav{display:none;position:fixed;inset:0;z-index:100;width:100%;height:100svh;padding:115px max(8vw,32px) 55px;background:radial-gradient(circle at 82% 12%,#8e254d55,transparent 32%),#170d12;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;overflow-y:auto;counter-reset:navitem}
.site-header #main-nav.open{display:flex}
.site-header #main-nav>a{display:flex;align-items:center;width:min(720px,100%);padding:11px 0;color:#fff;font:400 clamp(2.7rem,6vw,6rem)/1 var(--serif);letter-spacing:-.035em;text-transform:none;border-bottom:1px solid #ffffff17;counter-increment:navitem}
.site-header #main-nav>a:before{content:"0" counter(navitem);width:42px;flex:0 0 42px;color:var(--gold);font:800 .58rem var(--sans);letter-spacing:.12em}
.site-header #main-nav>a:hover{color:#ffd782;padding-left:8px}
.site-header #main-nav .nav-cta{margin-top:0;border:0!important;border-bottom:1px solid #ffffff17!important;border-radius:0!important;padding:11px 0!important}
.site-header #main-nav .external-icon{width:24px;height:24px;margin-left:12px;color:var(--gold)}
.site-header #main-nav .external-icon svg{width:18px;height:18px}
.about{background:radial-gradient(circle at 8% 20%,#ffc85a12,transparent 27%),transparent}
.about-copy,.experience-copy{max-width:650px}
.about h2,.section-head h2,.experience h2{letter-spacing:-.035em;text-wrap:balance}
.lead,.about-copy>p,.experience-copy>p,.section-head>p{max-width:62ch}
.frame{border-radius:2px;outline:1px solid #8b17472b;outline-offset:8px}
.values article{transition:padding-left .25s ease,background .25s ease}
.values article:hover{padding-left:10px;background:linear-gradient(90deg,#8b174708,transparent)}
.product-card{border:1px solid #ffffff36;box-shadow:0 20px 55px #08030645}
.quote-card{position:relative;overflow:hidden;border:1px solid #ffd87855}
.quote-card:after{content:"";position:absolute;inset:14px;border:1px solid #ffd87830;border-radius:44% 44% 12px 12px/9% 9% 12px 12px;pointer-events:none}

/* The featured photograph appears only in the Life+ / Ulaz u svet kulture block. */
.hero,.finale{background:radial-gradient(circle at 78% 15%,#dc347068,transparent 34%),radial-gradient(circle at 12% 88%,#7b2ee044,transparent 32%),#170d12!important}
.hero{isolation:isolate}
.hero:before,.hero:after{opacity:.65}
.finale{background-attachment:scroll}

/* One coherent line-icon system across menus, buttons and footer. */
.external-icon,.direction-icon{display:inline-flex!important;flex:0 0 18px;width:18px;height:18px;align-items:center;justify-content:center;color:currentColor;transition:transform .2s ease}
.external-icon svg,.direction-icon svg{display:block;width:14px;height:14px;overflow:visible}
a:hover>.external-icon{transform:translate(2px,-2px)}
a:hover>.direction-icon{transform:translateX(3px)}
a:hover>.direction-icon.up{transform:translateY(-3px)}
.footer-bottom a{display:inline-flex;align-items:center;gap:6px}
.submenu .external-icon{margin-left:auto}
.pill .external-icon{margin-left:2px}
.text-link .direction-icon{color:var(--wine)}

footer{position:relative;padding-top:40px;background:radial-gradient(circle at 15% 0,#75173d40,transparent 30%),#10090d}
.footer-ornament{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;margin-bottom:42px;color:var(--gold)}
.footer-ornament span{height:1px;background:linear-gradient(90deg,transparent,#ffc85a7d)}
.footer-ornament span:last-child{transform:scaleX(-1)}
.footer-ornament i{display:grid;place-items:center;width:42px;height:42px;border:1px solid #ffc85a80;border-radius:50%;font:italic 700 .72rem var(--serif);letter-spacing:.08em}
.footer-grid{grid-template-columns:1.35fr .85fr .85fr .85fr 1.45fr;gap:34px}
.footer-grid h2{margin:0 0 17px;font-size:.66rem}
.footer-grid a{color:#d8ced2;transition:color .2s ease,transform .2s ease}
.footer-grid a:hover{color:var(--gold);transform:translateX(3px)}
.footer-brand p{margin:4px 0;color:#d8ced2}
.footer-brand small{color:#8f8187;font-size:.58rem;letter-spacing:.2em}
.footer-external{display:flex!important;width:fit-content;align-items:center;gap:8px}
.footer-external .external-icon{color:var(--gold)}
#footer-theatres{display:grid;gap:3px}
#footer-theatres a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 0;border-bottom:1px solid #ffffff0e}
#footer-theatres .external-icon{margin-left:auto;color:var(--gold)}

@media(max-width:1050px){
 .footer-grid{grid-template-columns:1.2fr 1fr 1fr}
 .footer-theatres{grid-column:2/4}
}

@media(max-width:600px){
 .shell{width:calc(100% - 40px)}
 .site-header #main-nav{padding:100px 24px 36px;justify-content:center}
 .site-header #main-nav>a{font-size:clamp(2rem,10.5vw,3.1rem);padding:10px 0}
 .site-header #main-nav>a:before{width:34px;flex-basis:34px;font-size:.5rem}
 .site-header.scrolled .nav-shell{min-height:62px}
 .site-header.scrolled .brand img{max-height:43px}
 .hero-copy{max-width:calc(100vw - 40px)}
 .section{padding:72px 0}
 .about-grid,.experience-grid{gap:44px}
 .about-copy,.experience-copy,.section-head{padding-inline:2px}
 .about h2,.section-head h2,.experience h2{font-size:clamp(2.3rem,12vw,3.6rem);line-height:1}
 .lead,.about-copy>p,.experience-copy>p,.section-head>p{font-size:1rem;line-height:1.75}
 .values article{grid-template-columns:38px 1fr;column-gap:8px}
 .values p{padding-right:4px;line-height:1.55}
 .packages:before{inset:10px}
 .product-body{padding:24px 22px 26px}
 .quote-card{padding:42px 25px}
 .quote-card blockquote{font-size:1.65rem}
 .finale .shell{padding-inline:2px}
 footer{padding-top:30px}
 .footer-ornament{margin-bottom:34px}
 .footer-grid{grid-template-columns:1fr;gap:32px}
 .footer-theatres{grid-column:auto}
 .footer-grid>div{padding-bottom:2px}
 .footer-external{display:flex!important;width:fit-content}
 .footer-bottom{width:calc(100% - 40px);gap:20px;font-size:.86rem}
}