/* Istria365 · The Editorial Edition · 2.0
   Elevated type, sophisticated spacing, image resilience and an accessible atlas.
   © Adriatic Ritual. Display fonts are remotely referenced, not bundled.
*/
:root {
 --ink:#1b352e;--deep:#102c28;--deep2:#1d3a33;
 --paper:#f9f7f1;--warm:#f0ece3;--sand:#dbcfbc;--sage:#879788;
 --gold:#d2b48d;--rust:#9f6c54;--rule:rgba(44,57,49,.15);
 --font:'Jost','Avenir Next','Gill Sans',Arial,sans-serif;
 --serif:'Cormorant Garamond','GFS Didot','Baskerville',Georgia,serif;
 --max:1510px;
}
html { scroll-padding-top:92px }
body {font-size:15px;font-weight:400;line-height:1.56;letter-spacing:.006em;background:var(--paper)}
button,input {font-family:var(--font)}
a,button {-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,input:focus-visible {outline:2px solid #b78e60;outline-offset:4px}
[hidden],.map-spotlight[hidden],.language-menu[hidden],.mobile-menu[hidden] {display:none!important}
.container {width:min(calc(100% - 124px),var(--max))}
/* Precision navigation */
.site-header {border-color:rgba(255,255,255,.27);background:linear-gradient(180deg,rgba(7,30,28,.23),transparent)}
.site-header.scrolled,.site-header.menu-is-open {background:rgba(250,248,242,.97);border-bottom-color:rgba(26,50,43,.12);box-shadow:0 5px 30px #0b23180a;backdrop-filter:blur(18px)}
.nav-shell {max-width:calc(var(--max) + 124px);padding-inline:62px;height:92px;gap:24px}
.wordmark{gap:13px}.wordmark-main{font:300 49px/.88 var(--serif);letter-spacing:-.095em}.wordmark-emblem{width:43px;height:43px;font:400 12px var(--font);border-color:currentColor;letter-spacing:-.04em;transform:translateY(1px)}
.wordmark-dot{color:#e0be91;right:-4px;top:-8px;font-size:12px}
.main-nav{gap:clamp(18px,2vw,37px)}
.main-nav a{font:400 10px/1.3 var(--font);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;position:relative;opacity:.87}
.main-nav a::after{content:'';height:1px;background:currentColor;position:absolute;left:0;right:100%;bottom:-9px;transition:right .3s ease}
.main-nav a:hover::after{right:0}.main-nav a:hover{opacity:1}
.nav-actions{gap:14px}.nav-primary{font:500 10px var(--font);letter-spacing:.105em;text-transform:uppercase;white-space:nowrap;display:flex;gap:19px;align-items:center;padding:11px 14px;border:1px solid rgba(255,255,255,.53);transition:color .2s,background .2s,border-color .2s}
.nav-primary span{font-size:15px;line-height:1}.nav-primary:hover{background:#f9f5ea;color:var(--deep)}
.site-header.scrolled .nav-primary,.site-header.menu-is-open .nav-primary{border-color:var(--rule)}
.site-header.scrolled .nav-primary:hover{color:#fff;background:var(--deep)}
.language-trigger{border-radius:1px;min-width:79px;height:39px;padding-inline:10px;font:500 10px var(--font);letter-spacing:.12em}
.language-globe{font-size:16px}.language-menu{width:222px;border:1px solid #ddd6c9;background:#fbf9f3;padding:9px;box-shadow:0 17px 48px #13292126}
.language-menu a {font-size:12px;letter-spacing:.025em;padding:11px 12px}
.language-menu a:hover,.language-menu a.active{background:#ece5d9}
/* Typography with intentional thin strokes and editorial optical sizing */
.display-title {font-family:var(--serif);font-weight:300!important;font-optical-sizing:auto;letter-spacing:-.052em;line-height:.91;text-wrap:balance}
.display-title em {font-weight:300!important;font-style:italic;color:var(--rust);letter-spacing:-.037em}
.eyebrow,.eyebrow-small,.micro-eyebrow{font-family:var(--font);font-size:10px;letter-spacing:.18em;font-weight:500}
.eyebrow{gap:16px}.eyebrow .num-line{width:34px}
.section-sub {font-size:15px;line-height:1.85;font-weight:300;max-width:405px}
.btn{min-height:56px;min-width:215px;letter-spacing:.09em;text-transform:uppercase;font-size:10px;font-weight:500;gap:33px;padding:16px 21px;transition:background .25s,color .25s,transform .35s cubic-bezier(.2,.8,.2,1)}
.btn-pale {background:#f5efe4;color:#16352d}.btn-pale:hover {background:white;transform:translateY(-3px)}
.btn-dark {background:#12342d}.btn-dark:hover{background:#32564b;transform:translateY(-3px)}
.text-link{font:400 11px var(--font);letter-spacing:.06em;padding-bottom:11px}
.inline-arrow{font-size:11px;font-weight:500;letter-spacing:.09em;text-transform:uppercase}
/* First impression: illustrated locally when photography is unreachable */
.hero{background:#324e46 url('../images/illustrations/motovun.svg') center center/cover no-repeat;height:min(100svh,1010px);min-height:720px}
.hero-image{width:100%;height:100%;position:absolute;inset:0;object-position:center 49%;opacity:1;filter:saturate(.79) contrast(1.04)}
.hero-tint {background:linear-gradient(90deg,rgba(9,34,30,.82) 0%,rgba(13,40,35,.69) 27%,rgba(13,40,35,.22) 66%,rgba(8,35,32,.06) 100%),linear-gradient(0deg,rgba(9,27,23,.76),transparent 17%,transparent 73%,rgba(13,28,26,.35))}
.hero-grain{opacity:.08}
.hero-content{padding-top:max(206px,23svh)}
.hero-overline{font:500 10px var(--font);letter-spacing:.19em;color:#f4e9d7}
.hero h1{font-family:var(--serif);font-weight:300!important;font-size:clamp(92px,9.05vw,155px);line-height:.86;letter-spacing:-.063em;max-width:1120px;margin:43px 0 30px;text-shadow:0 3px 24px #07191516}
.hero h1 em{font-weight:300!important;color:#e8d0b1}
.hero-content>p{font-family:var(--font);font-size:15px;line-height:1.86;letter-spacing:.018em;font-weight:300;color:#f3efe7;max-width:497px;margin-bottom:36px}
.hero-ctas{gap:36px}
.hero-coordinate{font-size:10px;right:62px;font-weight:300;letter-spacing:.26em}
.hero-bottom{height:88px;padding-inline:62px;font:400 9px var(--font);letter-spacing:.19em}
.hero-bottom .scroll-indicator{font-size:9px;letter-spacing:.18em}
.hero-bottom-mark{font:300 23px var(--serif)}
.hero-edition{position:absolute;right:63px;bottom:111px;padding:11px 0 0;width:245px;border-top:1px solid rgba(255,255,255,.65);font:400 10px/1.7 var(--font);letter-spacing:.17em;text-transform:uppercase;z-index:4;color:#faf1e0;text-align:right;opacity:.87}
.hero-monogram{position:absolute;right:58px;top:112px;width:88px;height:88px;display:grid;place-items:center;border:1px solid #fff9;border-radius:50%;font:300 17px var(--serif);color:#f3e9d7;z-index:3;opacity:.75}
/* The editorial introduction */
.intro-section {padding:155px 0 116px;background:var(--paper)}
.intro-grid {grid-template-columns:1.30fr .9fr;gap:7%;align-items:end}
.intro-left .display-title{font-size:clamp(69px,6.25vw,106px);max-width:890px}
.intro-right{padding-bottom:14px}.intro-copy{font-size:18px;line-height:1.87;font-weight:300;color:#4b6255;max-width:475px}
.intro-details{gap:13px;font:400 11px var(--font);letter-spacing:.08em}.asterisk{font-weight:300;color:#b79d76}
.intro-mosaic{margin-top:99px;gap:24px;grid-template-columns:minmax(0,1.57fr) minmax(0,.68fr)}
.intro-mosaic figure{isolation:isolate;background:#82978b}
.intro-mosaic figure:after{content:'';position:absolute;inset:35% 0 0;pointer-events:none;background:linear-gradient(transparent,rgba(8,28,24,.43))}
.intro-landscape{height:560px}.intro-portrait{height:403px;margin-top:113px!important}
.intro-mosaic img{width:100%;object-fit:cover;filter:saturate(.88)}.intro-mosaic figcaption{z-index:1;font-size:9px;font-weight:500;letter-spacing:.22em;bottom:21px;left:24px}
.intro-stamp{z-index:2;right:14%;top:0;width:114px;height:114px;border-width:8px;background:#c7ac87;color:#173830;box-shadow:0 2px 18px #13241b18;font:300 48px var(--serif)}
.intro-stamp i{font-size:9px;font-weight:500;letter-spacing:.21em}
/* Small curated index creates a useful shortcut without overwhelming the editorial page */
.compass-index{border-top:1px solid var(--rule);margin-top:110px;padding-top:30px;display:grid;grid-template-columns:29% 1fr;gap:45px;align-items:start}
.compass-index-head{padding-top:9px}.compass-index-eyebrow{display:block;color:#7f8e80;font:500 9px var(--font);letter-spacing:.18em}
.compass-index-head h3{font:300 35px/1.05 var(--serif);letter-spacing:-.035em;max-width:210px;margin:17px 0 0;color:#1b392e}
.compass-index-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.compass-index-link{background:#efece2;min-height:157px;border:1px solid #e5e0d4;padding:21px;display:flex;flex-direction:column;position:relative;isolation:isolate;overflow:hidden;transition:transform .28s ease,background .25s ease,border-color .25s ease}
.compass-index-link::before{content:'';position:absolute;right:-38px;bottom:-70px;width:185px;height:185px;border:1px solid #c6bea9;border-radius:50%;opacity:.6;z-index:-1}
.compass-index-link::after{content:'';position:absolute;right:-9px;bottom:-63px;width:130px;height:130px;border:1px solid #c6bea9;border-radius:50%;opacity:.5;z-index:-1}
.compass-index-link:hover{background:#e3e8dd;border-color:#b8c7b6;transform:translateY(-4px)}
.compass-count{font:500 10px var(--font);letter-spacing:.2em;color:#939b89}
.compass-index-link strong{font:300 37px/.95 var(--serif);letter-spacing:-.045em;max-width:210px;margin-top:auto;padding-top:25px}
.compass-arrow{position:absolute;right:21px;top:18px;font:300 20px var(--serif);color:#426354}
/* Seasons */
.seasons-section{background:#112e28;color:#faf5e9;padding:151px 0 157px}
.seasons-grid{grid-template-columns:minmax(0,.88fr) minmax(0,1.03fr);gap:8%}
.seasons-heading .display-title{font-size:clamp(73px,6.3vw,106px);line-height:.91}
.inverse-sub{font-size:15px;font-weight:300;line-height:1.9;color:#cad3c8!important;max-width:475px}
.season-tabs{margin-top:48px;border-top-color:rgba(232,224,203,.29)}
.season-tab{padding:19px 1px;font:300 40px/.95 var(--serif);letter-spacing:-.03em;border-bottom-color:rgba(232,224,203,.26);color:#d3d8cf}
.season-tab.active{color:#eed5aa}.season-tab:hover{padding-left:13px}
.season-number{font:400 10px var(--font);letter-spacing:.08em;color:#a7b6a8}
.season-arrow{font-size:19px;font-weight:300}
.season-photography{height:590px;box-shadow:21px 25px 0 #071e1830;background:#74877d}
.season-photography img{width:100%;filter:saturate(.81)}
.season-corner-label{font-size:9px;font-weight:500;letter-spacing:.17em;top:21px;right:21px;padding:12px 14px}
.season-feature-copy{border-color:#e7e0d16b;padding-top:26px;margin-top:34px}
.season-feature-copy h3{font:300 54px/.92 var(--serif);letter-spacing:-.044em}
.season-feature-copy p{font-weight:300;font-size:14px;line-height:1.87}
/* Map discovery */
.atlas-section{padding:148px 0 136px;background:#f9f7f2}
.section-topline{margin-bottom:50px}.section-topline .display-title{max-width:850px;font-size:clamp(75px,6.3vw,104px)}
.category-filters{gap:9px}.atlas-filters{margin-bottom:25px}
.filter-chip{border-color:#d4d7cd;padding:12px 16px;color:#536a5b;letter-spacing:.05em;font-weight:400;background:#faf9f5;font-size:10px}
.filter-chip:hover,.filter-chip.active{background:#14352c;border-color:#14352c;color:white}
.map-search-wrap{height:44px;background:#fbfaf5;border:1px solid #d4d7cd}
.map-search-wrap input{font-size:12px;letter-spacing:.04em;font-family:var(--font)}
.atlas-shell{min-height:675px;background:#e7e9dd;border:1px solid #d9ded4;box-shadow:0 35px 65px #1e3a2622}
.map-pane{min-height:675px}#leaflet-map{min-height:675px;background:#e6eadf}
.map-latlon{font:500 9px var(--font);letter-spacing:.15em;color:#536956;padding:14px 16px}
.map-focus{font:500 10px var(--font);letter-spacing:.06em;min-height:44px;padding:13px 15px}
.map-top-corner{left:19px;top:19px}
.map-bottom-corner{font-size:9px}
.atlas-sidebar{height:675px;background:#f8f7f1;border-left-color:#d7dad0}
.atlas-sidebar-top{padding:29px 26px 23px}.atlas-count strong{font:300 63px/.8 var(--serif)}.atlas-count span{font-size:10px}
.place-row{padding:14px 17px 14px 25px;min-height:74px;border-bottom-color:#ebe8dd;transition:background .2s,border-color .2s}
.place-row:hover,.place-row.selected{background:#ebede5}
.place-row.selected{box-shadow:inset 3px 0 #b99870}
.place-row-main strong{font:300 27px/1 var(--serif);letter-spacing:-.03em}
.place-row-main span{font:400 9px var(--font);letter-spacing:.1em;margin-top:6px}
.place-row-save{width:30px;height:30px;border-radius:50%;font-size:17px;font-weight:300}
.atlas-sidebar-footer{padding:17px 24px}.saved-open,.clear-link{font-size:10px;font-weight:500;letter-spacing:.025em}
.map-pin-dot{width:11px;height:11px;background:#aa775c;border:2px solid #fff;box-shadow:0 0 0 1px #6a7e68}
.map-pin-text{font:500 10px var(--font);letter-spacing:.02em;background:#fdfbf6f5;color:#284c3c;padding:7px 9px;box-shadow:0 2px 8px #1f332010}
.map-pin:hover .map-pin-text,.map-pin.selected .map-pin-text{background:#174235}
.leaflet-popup-content-wrapper{border-radius:0!important;background:#f8f6ef!important;overflow:hidden}
.leaflet-popup-content{margin:0!important;min-width:238px;max-width:240px}.leaflet-popup-content>img{height:125px;width:100%;object-fit:cover;display:block}
.leaflet-popup-content .popup-category{font:500 9px var(--font);letter-spacing:.15em;color:#718673;margin:15px 18px 6px}
.leaflet-popup-content b{display:block;padding:0 18px;font:300 36px/.95 var(--serif)}
.leaflet-popup-content a{display:flex;justify-content:space-between;font:500 10px var(--font);text-transform:uppercase;letter-spacing:.06em;margin:12px 18px 18px;border-bottom:1px solid #95a49a;padding-bottom:7px}
.leaflet-popup-close-button{z-index:6;background:#fbf8ed!important;color:#1d4134!important}
/* Offline atlas: truthful schematic with real pin coordinates */
.fallback-map{background:#e5e8de;inset:0}.fallback-grid line{stroke:#95ac9c;stroke-opacity:.11;stroke-width:1}
.fallback-topo path{stroke:#819e83;stroke-opacity:.21;stroke-width:1.15;fill:none}
.fallback-basin{fill:#d2dfd9;opacity:.58}.fallback-track{fill:none;stroke:#c6a381;stroke-width:2;stroke-opacity:.36;stroke-dasharray:6 9}
.fallback-terrain-label{font:italic 29px var(--serif);letter-spacing:.19em;fill:#9daea0}
.fallback-point{outline:none}.fallback-point circle{fill:#ae735a;stroke:#fff;stroke-width:2.5;transition:r .2s}
.fallback-point .fallback-halo{fill:#c59472;fill-opacity:.12;stroke:none}
.fallback-point:hover circle:not(.fallback-halo),.fallback-point.selected circle:not(.fallback-halo){fill:#123b2c;stroke:#fff;stroke-width:3;r:7.5}
.fallback-point text{font:500 14px var(--font);fill:#284638;stroke:#ecede3;stroke-width:5px;paint-order:stroke;letter-spacing:.025em}
.fallback-point:focus-visible{outline:none}.fallback-point:focus-visible circle{stroke:#1e3e30;stroke-width:5}
.fallback-overlay{bottom:15px;right:13px;left:auto;background:#f6f4e9d9;color:#708778;border:1px solid #d7ded4;padding:7px 11px;font:500 8px var(--font);letter-spacing:.13em}
/* On-map editorial spotlight after a destination is selected */
.map-spotlight{position:absolute;z-index:600;bottom:62px;left:19px;width:min(383px,calc(100% - 38px));min-height:148px;display:grid;grid-template-columns:131px 1fr;background:#fbf9f1;box-shadow:0 16px 48px #1635293b;border:1px solid #d4d6ca;animation:spotIn .33s cubic-bezier(.2,.7,.2,1)}
@keyframes spotIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.map-spotlight>img{width:131px;height:100%;object-fit:cover;background:#8ba293;min-height:146px}
.spotlight-info{display:flex;flex-direction:column;justify-content:center;padding:17px 33px 15px 20px;min-width:0}
.spotlight-eyebrow{font:500 9px var(--font);letter-spacing:.13em;color:#72816e;text-transform:uppercase}
.spotlight-info strong{font:300 37px/.9 var(--serif);letter-spacing:-.05em;margin:10px 0 16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.spotlight-info a{font:500 10px var(--font);letter-spacing:.06em;text-transform:uppercase;display:flex;gap:10px;justify-content:space-between;align-items:center;padding-bottom:4px;border-bottom:1px solid #9fae9a;max-width:175px}
.spotlight-close{position:absolute;right:4px;top:2px;border:0;background:none;color:#58705e;font-size:22px;width:27px;height:30px}
/* A calm twelve-month rhythm */
.calendar-section{background:#efece3;padding:148px 0 160px}
.month-strip{margin-top:43px;border:1px solid #d8d7ca;grid-template-columns:repeat(12,1fr)}
.month-tab{height:100px;min-height:100px;border-right:1px solid #d8d7ca;background:#f1eee5;transition:color .2s,background .2s;position:relative}
.month-tab.active{background:#19392f;color:#f8f5e9}
.month-tab span{font-size:10px;letter-spacing:.13em;font-weight:400}.month-tab b{font:400 10px var(--font);letter-spacing:.035em}
.month-tab.active:after{content:'';position:absolute;bottom:14px;left:16px;width:23px;height:2px;background:#d9c19d}
.month-feature{background:#faf8f3;min-height:490px;box-shadow:0 20px 40px #2639240c}
.month-feature-picture{background:#7b8f7e}.month-feature-picture img{width:100%;object-fit:cover;filter:saturate(.87)}
.month-feature-text{padding:55px 58px}.month-feature-text h3{font:300 clamp(52px,5vw,77px)/.91 var(--serif);letter-spacing:-.045em;color:#1b352d}
.month-feature-text p{font-size:15px;font-weight:300;line-height:1.9;color:#5c6b5b}
.month-mini-list a{font-size:10px;letter-spacing:.04em}
/* Longform story cards */
.editorial-section{padding:166px 0 145px;background:var(--paper)}
.editorial-header .display-title{font-size:clamp(78px,7.5vw,120px);max-width:1120px;margin-inline:auto}
.editorial-header .section-sub{font-size:16px;font-weight:300}
.editorial-grid{gap:16px}.story-card{background:#607568;min-height:445px;isolation:isolate}
.story-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.80);transition:transform 1.1s cubic-bezier(.2,.7,.2,1),filter .6s}
.story-card:hover img{transform:scale(1.035);filter:saturate(.94)}
.story-tint{background:linear-gradient(to top,#0a2823dc,transparent 72%)}
.story-content{left:36px;bottom:30px;right:34px}.story-content span{font:500 9px var(--font);letter-spacing:.19em}
.story-content h3{font:300 58px/.91 var(--serif);letter-spacing:-.045em;margin-top:15px}
.story-content p{font:300 13px/1.7 var(--font);letter-spacing:.02em}
.story-content b{font-weight:300;transition:transform .25s}
.story-card:hover .story-content b{transform:translate(3px,-3px)}
/* Itinerary cards become refined editorial tickets */
.journeys-section{padding:152px 0 156px;background:#f0ede4}
.journeys-heading .display-title{font-size:clamp(75px,7vw,110px)}
.journey-grid{gap:15px}.journey-card{background:#f9f7f1;border:1px solid #dcd9ce;padding:41px 34px 35px;box-shadow:0 12px 33px #102a1e08;transition:transform .35s,box-shadow .35s}
.journey-card:hover{transform:translateY(-6px);box-shadow:0 30px 48px #102a1e14}
.journey-index{font:500 9px var(--font);letter-spacing:.14em;color:#617c6b}
.journey-route-symbol{font-family:var(--serif);font-weight:300;color:#a4b2a0;opacity:.72}
.journey-card h3{font:300 56px/.91 var(--serif);letter-spacing:-.045em}
.journey-card p{font-size:14px;font-weight:300;line-height:1.8}
.journey-stops{font-size:11px}.journey-stops>span{font-size:9px;letter-spacing:.14em}
/* The Central Istria anchor is clearly editorial, not an official partnership */
.central-feature{min-height:740px;background:#173a31 url('../images/illustrations/groznjan.svg') center 48%/cover no-repeat}
.central-feature>img{width:100%;height:100%;object-fit:cover;filter:saturate(.77) contrast(1.04)}
.central-gradient{background:linear-gradient(90deg,#08251fe8 0%,#09251fc2 36%,#113d2c33 88%),linear-gradient(0deg,#08231aaa,transparent 40%)}
.central-copy{padding-top:170px;padding-bottom:132px}
.central-copy .display-title{font-size:clamp(88px,9vw,145px);line-height:.83;font-weight:300;max-width:810px}
.central-copy p{font:300 16px/1.86 var(--font);max-width:482px;margin-top:35px;color:#f4ede3}
.central-ctas{margin-top:33px}
/* Endnotes */
.closing-section{background:#e7e7da;padding:170px 0 178px;overflow:hidden}
.closing-mark{font:300 440px var(--serif);color:#a3b39f;opacity:.18;top:-49px;right:6%}
.closing-inner h2{font:300 clamp(85px,7.3vw,116px)/.89 var(--serif);letter-spacing:-.055em;max-width:970px;margin-inline:auto}
.closing-inner p{font:300 17px/1.8 var(--font)}
.closing-signature{font:500 9px var(--font);letter-spacing:.22em;margin-top:48px;color:#8b9b8d}
.site-footer{background:#102c26;padding-top:92px;color:#e9eade}
.footer-logo span{font:300 76px/.9 var(--serif);letter-spacing:-.083em}.footer-logo b{font:300 26px var(--serif)}
.footer-brand>p{font:300 14px/1.8 var(--font);letter-spacing:.02em;max-width:340px}
.footer-col h3{font:500 10px var(--font);letter-spacing:.16em}
.footer-col a{font-weight:300;font-size:12px;line-height:1.8;letter-spacing:.025em}
.footer-col a:hover{color:#fff}
.footer-bottom{border-color:#ffffff25}.footer-bottom p{font-weight:300;letter-spacing:.03em}
/* Layout refinements */
@media (min-width:1700px){.hero h1{font-size:169px}.hero-content{padding-top:252px}.intro-landscape{height:590px}.intro-portrait{height:430px}}
@media (max-width:1320px){.nav-primary{display:none}.nav-shell{padding-inline:38px}.hero-content{padding-top:max(205px,24svh)}.compass-index{grid-template-columns:25% 1fr;gap:22px}.intro-grid{grid-template-columns:1.2fr .92fr;gap:5%}.season-photography{height:555px}.story-content h3{font-size:49px}}
@media (max-width:1190px){.container{width:min(calc(100% - 76px),var(--max))}.nav-shell{padding-inline:38px}.hero-bottom{padding-inline:38px}.hero-edition{right:38px}.hero-monogram{right:38px}.intro-section{padding-top:125px}.intro-landscape{height:480px}.intro-portrait{height:355px}.seasons-grid{gap:6%}.section-topline .display-title{font-size:82px}}
@media (max-width:950px){.nav-mobile-toggle{display:block}.nav-shell{height:75px}.main-nav,.nav-primary{display:none}.hero{min-height:720px;height:820px}.hero h1{font-size:clamp(87px,10.4vw,117px)}.hero-content{padding-top:235px}.hero-edition{right:37px;bottom:104px}.hero-monogram{display:none}.intro-grid{gap:28px}.intro-left .display-title{font-size:70px}.compass-index{grid-template-columns:1fr;gap:26px}.compass-index-head{display:flex;justify-content:space-between;gap:25px;align-items:center}.compass-index-head h3{margin:0;max-width:400px}.seasons-grid{grid-template-columns:1fr;gap:46px}.season-photography{height:565px}.atlas-shell{grid-template-columns:minmax(0,1fr) 275px}.map-spotlight{width:315px;grid-template-columns:109px 1fr}.map-spotlight>img{width:109px}.spotlight-info{padding:12px 29px 12px 14px}.spotlight-info strong{font-size:31px}.month-tab{height:83px;min-height:83px}.month-feature-text{padding:34px}.story-content h3{font-size:50px}.journey-card{padding:27px 20px}.journey-card h3{font-size:44px}.central-copy{padding-top:145px}.footer-logo span{font-size:62px}}
@media (max-width:700px){
 html{scroll-padding-top:69px}.container{width:calc(100% - 42px)}
 .nav-shell{padding:0 21px;height:70px}.wordmark-main{font-size:44px}.wordmark-emblem{width:38px;height:38px}.language-trigger{height:36px;min-width:73px}.language-menu{right:-44px}
 .hero{min-height:720px;height:100svh;max-height:none;background-position:64% center}.hero-image{object-position:61% 46%}
 .hero-tint{background:linear-gradient(90deg,#0c322cdb,#0e342b6c),linear-gradient(0deg,#0b261fe0,transparent 31%,#0b261f15 71%,#102c26a3)}
 .hero-content{padding-top:clamp(198px,26svh,260px)}.hero-overline{font-size:9px;letter-spacing:.12em;max-width:270px}
 .hero h1{font-size:clamp(65px,13.1vw,91px);line-height:.87;max-width:370px;margin:29px 0 27px;letter-spacing:-.062em}
 .hero-content>p{font-size:13px;max-width:354px;line-height:1.78;letter-spacing:.01em;margin-bottom:26px}
 .hero-ctas{flex-wrap:wrap;gap:17px}.btn{min-height:50px;min-width:181px;font-size:9px;gap:20px;padding:15px 17px}.hero .text-link{font-size:10px}
 .hero-coordinate,.hero-edition,.hero-monogram{display:none}.hero-bottom{padding:0 21px;height:70px;font-size:8px;letter-spacing:.08em}.hero-bottom-mark{font-size:20px}
 .intro-section{padding:93px 0 84px}.intro-grid{grid-template-columns:1fr;gap:24px}.intro-left .display-title{font-size:clamp(59px,11vw,81px)}
 .intro-copy{font-size:15px;line-height:1.85}.intro-mosaic{margin-top:60px;gap:11px;grid-template-columns:1.4fr .73fr}
 .intro-landscape{height:322px}.intro-portrait{height:240px;margin-top:58px!important}
 .intro-mosaic figcaption{font-size:8px;letter-spacing:.08em;left:13px}.intro-stamp{width:79px;height:79px;font-size:30px;right:11%;border-width:6px}.intro-stamp i{font-size:8px}
 .compass-index{margin-top:83px;padding-top:23px;gap:22px}.compass-index-head{display:block}.compass-index-head h3{font-size:34px;max-width:330px;margin-top:12px}
 .compass-index-links{grid-template-columns:1fr 1fr;gap:8px}.compass-index-link{min-height:132px;padding:17px}.compass-index-link:nth-child(3){grid-column:1/-1;min-height:117px}
 .compass-index-link strong{font-size:33px}.compass-index-link:nth-child(3) strong{font-size:36px}
 .seasons-section{padding:91px 0 101px}.seasons-heading .display-title{font-size:clamp(65px,11vw,92px)}
 .inverse-sub{font-size:14px;margin:23px 0 25px}.season-tabs{margin-top:20px}.season-tab{font-size:36px;padding:16px 2px}.season-photography{height:445px;box-shadow:11px 13px 0 #071e1830}
 .season-feature-copy{margin-top:31px}.season-feature-copy h3{font-size:51px}.season-feature-copy p{font-size:13px}
 .atlas-section{padding:100px 0 103px}.section-topline{gap:19px;margin-bottom:32px}.section-topline .display-title{font-size:clamp(59px,10.5vw,82px)}.section-sub{font-size:13px}
 .category-filters{gap:7px}.filter-chip{font-size:10px;padding:11px 13px}.atlas-filters{margin-bottom:19px}.map-pane,#leaflet-map{height:420px;min-height:420px}
 .map-pane{border-color:#d9ded4}.atlas-shell{border:0;box-shadow:none}.map-latlon{font-size:8px;padding:11px}.map-top-corner{top:11px;left:11px}.map-focus{min-height:37px;padding:10px;font-size:9px}
 .map-bottom-corner{font-size:8px;max-width:calc(100% - 25px)}.fallback-point text{font-size:17px}.fallback-overlay{font-size:6px;bottom:9px;right:9px;letter-spacing:.05em}
 .map-spotlight{bottom:43px;left:12px;width:min(334px,calc(100% - 24px));min-height:103px;grid-template-columns:93px 1fr}.map-spotlight>img{min-height:104px;height:100%;width:93px}
 .spotlight-info{padding:10px 29px 10px 12px}.spotlight-eyebrow{font-size:7px}.spotlight-info strong{font-size:29px;margin:7px 0 11px}.spotlight-info a{font-size:8px}.spotlight-close{font-size:19px}
 .atlas-sidebar{height:400px;border-color:#d9ded4}.atlas-sidebar-top{padding:17px 19px}.atlas-count strong{font-size:49px}.place-row{min-height:66px;padding:10px 7px;gap:5px}
 .place-row-main strong{font-size:23px}.place-row-main span{font-size:8px}.atlas-footnote{font-size:10px}
 .calendar-section{padding:99px 0 104px}.month-strip{margin-top:30px;overflow-x:auto;scrollbar-width:thin}.month-tab{min-width:105px;width:105px;height:86px;min-height:86px}
 .month-feature{min-height:0}.month-feature-picture{min-height:335px}.month-feature-text{padding:36px 29px}.month-feature-text h3{font-size:62px}.month-feature-text p{font-size:14px}
 .editorial-section{padding:102px 0 103px}.editorial-header .display-title{font-size:clamp(64px,10.5vw,86px)}.editorial-grid{gap:12px}
 .story-card:nth-child(n){min-height:380px}.story-content{left:26px;bottom:25px}.story-content h3{font-size:56px}.story-content p{font-size:13px}
 .journeys-section{padding:102px 0 104px}.journeys-heading .display-title{font-size:clamp(65px,11vw,87px)}
 .journey-grid{gap:12px}.journey-card{padding:32px 28px}.journey-card h3{font-size:56px}.journey-card p{font-size:14px}.journey-route-symbol{font-size:62px}
 .central-feature{min-height:675px}.central-feature>img{object-position:61% center}.central-gradient{background:linear-gradient(90deg,#082c23df,#0f342da1 62%,#12382a3b)}
 .central-copy{padding-top:136px;padding-bottom:105px}.central-copy .display-title{font-size:clamp(72px,11.5vw,102px)}.central-copy p{font-size:14px;max-width:390px}.central-ctas{gap:19px}
 .closing-section{padding:130px 0 131px}.closing-mark{font-size:292px;right:-20px;top:20px}.closing-inner h2{font-size:clamp(68px,11.5vw,95px)}.closing-inner p{font-size:14px}.closing-signature{margin-top:34px}
 .site-footer{padding:81px 0 26px}.footer-logo span{font-size:64px}.footer-main{gap:40px 22px}.footer-brand>p{font-size:13px}
}
@media(max-width:385px){.hero h1{font-size:63px}.hero-content{padding-top:184px}.btn{min-width:165px}.intro-left .display-title{font-size:57px}.compass-index-link strong{font-size:29px}.fallback-point text{font-size:15px}}
@media(prefers-reduced-motion:reduce){.compass-index-link,.journey-card,.story-card img,.map-spotlight{transition:none!important;animation:none!important}}
/* Final responsive safeguard: map and list must stack, never squeeze into a sliver. */
@media (max-width:700px){
 .atlas-shell{display:grid;grid-template-columns:minmax(0,1fr);width:100%;box-shadow:none}
 .map-pane{min-width:0;width:100%;height:420px;min-height:420px;overflow:hidden}
 #leaflet-map{width:100%;height:420px;min-height:420px}
 .atlas-sidebar{width:100%;min-width:0;border:1px solid #d9ded4;border-top:0}
 .hero-bottom-mark{white-space:nowrap;flex:0 0 auto}
 .hero-bottom .scroll-indicator{font-size:0;white-space:nowrap;flex:0 0 auto}
 .hero-bottom .scroll-indicator span{flex:0 0 auto}
}
@media(max-width:700px){
  .fallback-point text{font-size:27px;font-weight:500;stroke-width:8px}
  .fallback-point circle:not(.fallback-halo){r:8}
  .fallback-point .fallback-halo{r:23;fill-opacity:.16}
}
/* Auxiliary pages retain the editorial identity, not generic browser styling. */
.credit-page {background:#f8f6f0;color:#18362c;min-height:100vh}
.credits-wrap {max-width:1000px;padding:53px clamp(22px,7vw,88px) 110px;margin:auto}
.credits-brand {display:inline-flex;gap:12px;align-items:center;font:300 54px/.9 var(--serif);letter-spacing:-.08em;margin-bottom:61px}
.credits-brand span{border:1px solid #718578;border-radius:50%;font:500 12px var(--font);letter-spacing:0;width:40px;height:40px;display:grid;place-items:center}
.credits-wrap>a:not(.credits-brand){font:500 11px var(--font);letter-spacing:.1em;text-transform:uppercase;display:block;color:#7b887c;margin-bottom:45px}
.credits-eyebrow{font:500 10px var(--font);letter-spacing:.18em;color:#819180;margin-bottom:23px}
.credits-wrap h1{font:300 clamp(62px,8vw,103px)/.88 var(--serif);letter-spacing:-.05em;max-width:790px;margin:0 0 39px;color:#17362b}
.credits-wrap p{font:300 15px/1.85 var(--font);color:#475a4d;max-width:820px}
.credits-wrap ol{border-top:1px solid #d9dfd4;list-style-position:outside;margin:54px 0 52px;padding:20px 0 20px 23px}
.credits-wrap li{font:300 14px/1.95 var(--font);padding:15px 7px 18px;border-bottom:1px solid #d9dfd4;color:#39554a}
.credits-wrap li b{font-weight:500}.credits-wrap li a{border-bottom:1px solid #b3bcaf;color:#2d5445}
.credits-wrap li a:hover{border-color:#17362b;color:#17362b}
.credits-wrap p.credits-footer{padding-top:49px;border-top:1px solid #d7dccf;margin-top:65px;font:500 10px/1.6 var(--font);letter-spacing:.09em;text-transform:uppercase;color:#708476}
.not-found{background:#13352f url('../images/illustrations/groznjan.svg') center center/cover no-repeat;color:#fcf7ed;min-height:100svh;min-height:100vh;position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;padding:50px clamp(24px,6vw,90px) 43px;overflow:hidden}
.not-found::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#082b25ed 0%,#0b342bd9 47%,#0b332963)}
.not-found .error-wordmark{font:300 48px/.8 var(--serif);letter-spacing:-.08em;display:inline-flex;align-items:center;gap:13px;align-self:flex-start}
.error-wordmark span{font:500 12px var(--font);letter-spacing:0;border:1px solid #e5e5d1;border-radius:50%;width:40px;height:40px;display:grid;place-items:center}
.not-found main{margin:20vh 0 11vh;max-width:940px}
.not-found main>span{font:500 10px var(--font);letter-spacing:.25em;color:#d6cab7}
.not-found h1{font:300 clamp(70px,10vw,147px)/.85 var(--serif);letter-spacing:-.055em;margin:29px 0 31px}
.not-found h1 em{color:#e2c6a6;font-style:italic;font-weight:300}
.not-found main p{font:300 16px/1.7 var(--font);max-width:475px;color:#eee8dd;margin:0 0 36px}
.not-found footer{font:400 10px var(--font);letter-spacing:.16em;opacity:.8}
@media(max-width:700px){.credits-wrap{padding-top:37px}.credits-brand{font-size:46px;margin-bottom:42px}.credits-wrap ol{padding-left:19px}.not-found{padding:31px 22px}.not-found main{margin:17vh 0 13vh}.not-found h1{font-size:clamp(62px,13vw,95px)}.not-found main p{font-size:14px}.not-found footer{font-size:8px}}
/* Localised Hungarian/German month titles must never widen the viewport. */
@media(max-width:700px){
 .month-feature{grid-template-columns:minmax(0,1fr);min-width:0;max-width:100%}
 .month-feature-picture,.month-feature-text{min-width:0;max-width:100%}
 .month-feature-text h3{min-width:0;max-width:100%;overflow-wrap:anywhere;font-size:clamp(48px,11vw,62px)}
}