/* Croatian Wine Stories — refined masthead and reading rhythm. */
:root{--masthead-height:94px;--navigation-ink:#382731;--navigation-gold:#a18961;--navigation-paper:#f6f3ed}
html{scroll-padding-top:calc(var(--masthead-height) + 24px)}

.site-header{position:sticky;top:0;z-index:100;background:var(--navigation-paper);border-bottom:1px solid #d8cfc3;box-shadow:0 3px 18px #29212805}
.masthead{min-height:var(--masthead-height);display:flex;align-items:center;justify-content:space-between;gap:28px;position:relative}
.site-brand{display:flex;align-items:center;gap:12px;flex-shrink:0;font-family:'Cormorant Garamond',Georgia,serif;font-size:28px;font-weight:400;line-height:1.02;letter-spacing:-.025em;color:var(--navigation-ink)}
.brand-emblem{display:grid;place-items:center;width:35px;height:44px;border:1px solid #ae9770;border-radius:50%;font-size:29px;font-style:italic;font-weight:300;color:#8c744e;flex-shrink:0}
.brand-period{color:#9b8055;margin-left:2px}
.desktop-navigation{display:flex;align-items:center;justify-content:center;gap:32px;margin-left:auto;margin-right:auto}
.desktop-link{display:inline-flex;align-items:center;min-height:44px;font-size:14px;line-height:1.45;color:#55464d;position:relative;white-space:nowrap}
.desktop-link::after{content:'';position:absolute;left:0;right:0;bottom:5px;height:1px;background:#a18961;transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
.desktop-link:hover::after,.desktop-link[aria-current]::after{transform:scaleX(1)}
.header-actions{display:flex;align-items:center;gap:16px;flex-shrink:0}
.header-actions details{border:0;padding:0;margin:0}
.header-actions summary{list-style:none;cursor:pointer;min-height:44px;padding:0;font-family:Manrope,Arial,sans-serif;font-size:14px;line-height:1.2;color:var(--navigation-ink);user-select:none}
.header-actions summary::-webkit-details-marker{display:none}
.header-actions summary::marker{content:''}
.language-disclosure{position:relative}
.language-trigger{display:flex;align-items:center;justify-content:center;gap:8px;min-width:58px;border:1px solid #cdbfa8;border-radius:2px;padding:0 10px!important;letter-spacing:.06em;background:transparent}
.language-trigger>svg{transition:transform .18s ease;flex-shrink:0}
.language-disclosure[open] .language-trigger>svg{transform:rotate(180deg)}
.language-options{position:absolute;top:calc(100% + 16px);right:0;width:236px;max-height:calc(100vh - var(--masthead-height) - 26px);max-height:min(560px,calc(100dvh - var(--masthead-height) - 26px));overflow:auto;overscroll-behavior:contain;padding:17px 10px 10px;background:#fcfaf6;border:1px solid #d5c8b5;border-radius:2px;box-shadow:0 18px 50px #241b2426;z-index:3}
.popover-label{display:block;color:#8c7654;font-family:Manrope,Arial,sans-serif;font-size:12px;line-height:1.6;letter-spacing:.12em;text-transform:uppercase;font-weight:500;margin:0 0 10px}
.language-options>.popover-label{padding:0 12px 7px;margin-bottom:3px}
.language-option{display:grid;grid-template-columns:30px 1fr 15px;gap:8px;align-items:center;min-height:44px;padding:10px 12px;font-size:14px;line-height:1.35;border-radius:1px}
.language-option:hover{background:#eee6da}
.language-option[aria-current]{background:#eae2d6;color:#392431}
.language-code{font-size:12px;letter-spacing:.055em;color:#8b7555}
.language-selected{font-size:14px;color:#806744}
.menu-trigger{display:flex;align-items:center;justify-content:center;gap:14px;padding-left:16px!important;border-left:1px solid #d4c8b7;min-width:93px}
.menu-label{letter-spacing:.04em}
.menu-icon{display:block;width:23px;height:18px;position:relative;flex-shrink:0}
.menu-icon::before,.menu-icon::after{content:'';position:absolute;left:0;height:1px;background:currentColor;width:23px;transition:transform .18s ease,top .18s ease}
.menu-icon::before{top:5px}.menu-icon::after{top:12px;width:17px;left:auto;right:0}
.menu-disclosure[open] .menu-icon::before{top:8px;transform:rotate(45deg)}
.menu-disclosure[open] .menu-icon::after{top:8px;width:23px;transform:rotate(-45deg)}
.menu-panel{position:absolute;top:calc(100% + 12px);right:0;width:min(680px,calc(100vw - 36px));max-height:calc(100vh - var(--masthead-height) - 26px);max-height:calc(100dvh - var(--masthead-height) - 26px);overflow:auto;overscroll-behavior:contain;background:#fcfaf6;border:1px solid #d5c8b5;padding:30px 34px 25px;box-shadow:0 18px 50px #241b2426;border-radius:2px}
.menu-panel-top{border-bottom:1px solid #ded3c3;padding-bottom:15px;margin-bottom:15px}
.menu-panel-top .popover-label{margin:0}
.menu-columns{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:30px}
.menu-primary a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;padding:9px 0;font-family:'Cormorant Garamond',Georgia,serif;font-size:29px;line-height:1.15;letter-spacing:-.015em;color:#382731;border-bottom:1px solid #e3d9cc;overflow-wrap:break-word}
.menu-home span{font-family:Manrope,Arial,sans-serif;font-size:16px;color:#a18961}
.menu-primary a:hover,.menu-primary a[aria-current]{color:#927548}
.menu-secondary{padding-top:10px;min-width:0}
.menu-features{border-left:1px solid #ded3c3;padding-left:28px}
.menu-features>a{display:flex;flex-direction:column;justify-content:center;min-height:65px;padding:12px 0;border-bottom:1px solid #e3d9cc}
.menu-features>a>span{font-family:'Cormorant Garamond',Georgia,serif;font-size:27px;line-height:1.2}
.menu-features>a>small{font-size:12px;color:#77685c;line-height:1.6;margin-top:3px}
.menu-features>a:hover>span{color:#927548}
.menu-collection{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 16px;border-top:1px solid #d8cbb8;margin-top:26px;padding-top:15px}
.menu-collection>a{display:flex;align-items:center;min-height:44px;font-size:14px;color:#67574f;line-height:1.5;overflow-wrap:break-word}
.menu-collection>a:hover,.menu-collection>a[aria-current]{color:#927548;text-decoration:underline;text-underline-offset:5px}
.site-header :is(a,summary):focus-visible{outline:2px solid #997d52;outline-offset:4px;border-radius:1px}
.skip:focus{position:fixed;top:10px;left:10px;z-index:200;background:#fcfaf6;color:#392431;border:1px solid #a18961}
/* Restrained improvements to the existing editorial design. */
:is(h1,h2,h3){word-break:normal;overflow-wrap:break-word;hyphens:auto}
.hero h1,.partner h2,.application h2,.editorial-intro h2,.editorial-copy h3,.spotlight-copy h3{overflow-wrap:break-word}
.hero h1{line-height:1.06}
.hero p{line-height:1.75}
.card-image{height:auto;aspect-ratio:4/3}
.card p{font-size:16px;line-height:1.8;margin-bottom:20px}
.card .eyebrow{line-height:1.7}
.card .textlink,.journey .textlink{padding:9px 0;min-height:44px}
.card h3{margin-top:0;line-height:1.13}
.spotlight-copy p{line-height:1.85}
.footer-top{align-items:flex-start}
.footer .brand{display:block;line-height:1.2;max-width:100%;overflow-wrap:break-word}
.footer-top>a{padding:9px 0;min-height:44px}
.footer-bottom{line-height:1.8;font-size:13px}
.footer-bottom>span{min-width:0;max-width:850px}
.footer summary{min-height:44px;line-height:1.6}
.footer details p{line-height:1.9}
:where(input,textarea,select){max-width:100%}
@media(max-width:1120px){.desktop-navigation{display:none}.masthead{gap:24px}.header-actions{margin-left:auto}}
@media(max-width:620px){
 :root{--masthead-height:78px}
 .masthead{gap:10px}
 .site-brand{font-size:24px;gap:9px}
 .brand-emblem{width:29px;height:38px;font-size:25px}
 .header-actions{gap:10px}
 .language-trigger{min-width:54px;padding:0 9px!important}
 .menu-trigger{min-width:44px;padding-left:10px!important;gap:0}
 .menu-label{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
 .language-options{top:calc(100% + 15px);right:-54px;width:min(260px,calc(100vw - 36px))}
 .menu-panel{padding:22px 23px 20px;top:calc(100% + 8px);max-height:calc(100dvh - var(--masthead-height) - 18px)}
 .menu-columns{grid-template-columns:1fr;gap:20px}
 .menu-primary a{font-size:30px;min-height:54px}
 .menu-secondary{padding-top:0}
 .menu-features{border-left:0;padding-left:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}
 .menu-features>.popover-label{grid-column:1/-1;margin-bottom:2px}
 .menu-features>a>span{font-size:26px}
 .menu-collection{gap:0 12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:22px;padding-top:10px}
 .menu-collection>a{font-size:14px}
 .hero-inner{padding-top:55px;padding-bottom:78px}
 .hero-caption{font-size:12px;line-height:1.5}
 .story-hero picture img{object-position:center}
 .footer{padding:45px 0 28px}
 .footer .wrap{width:calc(100% - 44px)}
 .footer .brand{font-size:30px}
 .footer-bottom{gap:14px;margin-top:26px;padding-top:22px}
}
@media(max-width:360px){.brand-emblem{display:none}.site-brand{font-size:23px}.header-actions{gap:8px}}
@media(prefers-reduced-motion:reduce){.site-header *,.site-header *::before,.site-header *::after{transition:none!important}}

.header-actions details:not([open])>:not(summary){display:none}