/* Dubrovnik editorial network — accessible, responsive, framework-free. */
:root{--ink:#1d2928;--muted:#68706c;--paper:#f8f6f0;--white:#fff;--soft:#eaece5;--accent:#a98265;--line:rgba(34,46,42,.15);--serif:'Cormorant Garamond',Georgia,serif;--sans:'Jost','Helvetica Neue',Arial,sans-serif;--body:'DM Sans','Helvetica Neue',Arial,sans-serif;--ease:cubic-bezier(.22,1,.36,1);--edge:clamp(24px,5.3vw,104px);--max:1530px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:102px}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.73 var(--body);-webkit-font-smoothing:antialiased}body.oldtown{--ink:#252724;--muted:#686962;--paper:#f5f2e9;--soft:#e8e2d7;--accent:#a99072;--line:rgba(39,41,36,.15)}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,select{font:inherit}button{cursor:pointer}p,h1,h2,h3,h4,figure{margin-top:0}::selection{background:#c7bb9c;color:#162324}
.skip{position:absolute;left:1rem;top:-80px;background:white;padding:12px 20px;z-index:9999}.skip:focus{top:12px}a:focus-visible,button:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.site-header{position:absolute;top:0;left:0;width:100%;z-index:100;color:#fff;transition:background .35s,color .35s,box-shadow .35s;isolation:isolate}.site-header.is-sticky,.site-header.inner-header,.site-header.menu-open{position:fixed;background:rgba(248,246,240,.98);color:var(--ink);box-shadow:0 1px 0 var(--line);backdrop-filter:blur(20px)}body.oldtown .site-header.is-sticky,body.oldtown .site-header.inner-header,body.oldtown .site-header.menu-open{background:rgba(245,242,233,.98)}.head-inner{min-height:94px;max-width:1700px;margin:auto;padding:0 var(--edge);display:flex;align-items:center;gap:30px}.brand{display:flex;gap:14px;align-items:center;min-width:245px;white-space:nowrap}.brand-symbol{width:38px;height:43px;display:grid;place-items:center;flex-shrink:0}.brand-symbol svg{height:38px;width:38px;stroke:currentColor;stroke-width:1;fill:none}.brand-copy{font:400 15px/1.08 var(--sans);letter-spacing:.19em}.brand-copy strong{display:block;font-weight:400}.brand-copy .mini{display:block;font:300 8px/1.6 var(--body);letter-spacing:.26em;margin-top:5px;opacity:.72}.top-nav{display:flex;gap:clamp(16px,2.45vw,42px);align-items:center;margin-left:auto}.nav-item{font:400 11px/1.4 var(--body);letter-spacing:.14em;text-transform:uppercase;opacity:.9;position:relative;white-space:nowrap}.nav-item:hover,.nav-item[aria-current="page"]{opacity:1}.nav-item::after{content:"";position:absolute;left:0;bottom:-10px;height:1px;width:0;background:currentColor;transition:width .28s}.nav-item:hover::after,.nav-item[aria-current="page"]::after{width:100%}.header-tools{display:flex;align-items:center;gap:12px;border-left:1px solid currentColor;padding-left:25px;margin-left:10px}.lang-wrap{position:relative;display:flex;align-items:center}.lang-wrap::after{content:'⌄';position:absolute;right:4px;top:50%;transform:translateY(-58%);font-size:13px;pointer-events:none}.lang-select{appearance:none;background:transparent;color:inherit;border:0;outline:0;padding:11px 19px 11px 2px;letter-spacing:.17em;font:500 12px var(--body);min-width:48px;cursor:pointer}.lang-select option{color:#25312c;background:#f5f2e9}.menu-toggle{background:none;border:0;color:inherit;display:none;padding:8px;margin-right:-8px}.menu-toggle svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.4}.reading-bar{height:2px;position:absolute;left:0;bottom:0;width:100%;background:transparent}.reading-bar>span{display:block;background:var(--accent);height:100%;width:0;transition:width .1s linear}
.hero{height:min(920px,100svh);min-height:690px;position:relative;overflow:hidden;background:#334643;color:#fff}.oldtown .hero{min-height:700px}.hero-img,.hero-shade{position:absolute;inset:0;width:100%;height:100%}.hero-img{object-fit:cover;object-position:center 52%;filter:saturate(.88) contrast(.98);transform:scale(1.015);animation:hero-in 2s var(--ease) both}.oldtown .hero-img{object-position:center 43%;filter:saturate(.79) contrast(1.01)}.hero-shade{background:linear-gradient(90deg,rgba(8,24,22,.58) 0%,rgba(8,24,22,.25) 57%,rgba(8,24,22,.08) 100%),linear-gradient(0deg,rgba(8,21,18,.58),transparent 35%,rgba(8,21,18,.15))}.oldtown .hero-shade{background:linear-gradient(90deg,rgba(16,20,18,.72),rgba(16,20,18,.20) 82%),linear-gradient(0deg,rgba(14,18,18,.55),transparent 45%)}.hero-inner{max-width:1720px;margin:auto;position:relative;z-index:2;height:100%;padding:175px var(--edge) 100px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.eyebrow{display:inline-flex;align-items:center;gap:15px;text-transform:uppercase;font:500 10px/1.4 var(--body);letter-spacing:.28em}.eyebrow::before{content:"";display:block;width:31px;height:1px;background:currentColor;opacity:.65}.hero h1{font:200 clamp(68px,8.25vw,154px)/.96 var(--sans);letter-spacing:-.074em;max-width:1060px;margin:40px 0 24px;text-wrap:balance}.oldtown .hero h1{font:300 clamp(90px,11vw,182px)/.83 var(--serif);letter-spacing:-.035em;max-width:980px;margin-bottom:28px}.hero-desc{font:300 clamp(15px,1.45vw,19px)/1.7 var(--body);max-width:540px;color:rgba(255,255,255,.88);margin-bottom:35px}.actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.solid-btn,.outline-btn{display:inline-flex;justify-content:center;align-items:center;gap:17px;min-height:53px;padding:14px 23px;font:500 10px var(--body);letter-spacing:.2em;text-transform:uppercase;transition:transform .3s var(--ease),background .25s,color .25s;white-space:normal}.solid-btn{background:#f8f6f0;color:#26302a}.solid-btn:hover{transform:translateY(-3px);background:#fff}.outline-btn{border:1px solid rgba(255,255,255,.65);color:white}.outline-btn:hover{background:rgba(255,255,255,.15);transform:translateY(-3px)}.arrow{font-size:17px;font-weight:300;line-height:1}.hero-base{position:absolute;bottom:44px;left:var(--edge);right:var(--edge);z-index:3;display:flex;justify-content:space-between;gap:18px;align-items:end}.hero-base small,.hero-base a{font:500 9px/1.65 var(--body);letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.82)}.hero-scroll{display:flex;gap:11px;align-items:center}.hero-scroll::before{content:"";width:45px;height:1px;background:rgba(255,255,255,.75)}
.container{max-width:var(--max);margin-inline:auto;padding-inline:var(--edge)}.section{padding-block:clamp(92px,10vw,165px)}.section-tight{padding-block:clamp(65px,7vw,112px)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:45px}.section-head .editorial-label{display:flex;flex-direction:column;gap:8px}.overline{font:500 10px/1.6 var(--body);letter-spacing:.23em;text-transform:uppercase;color:var(--accent)}.section-head h2,.h2{font:300 clamp(52px,6vw,95px)/.94 var(--serif);letter-spacing:-.025em;margin:10px 0 0;text-wrap:balance}.inline-link{display:inline-flex;align-items:center;gap:16px;font:500 11px var(--body);letter-spacing:.14em;text-transform:uppercase;padding-bottom:9px;border-bottom:1px solid var(--accent);transition:gap .2s;flex-shrink:0}.inline-link:hover{gap:25px}.intro-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:9vw;align-items:center}.intro-number{color:var(--accent);font:300 14px var(--serif);letter-spacing:.16em;margin-bottom:22px}.intro-grid h2{font:300 clamp(59px,7vw,106px)/.95 var(--serif);letter-spacing:-.03em;margin-bottom:23px}.intro-grid .intro-right{border-left:1px solid var(--line);padding-left:clamp(30px,4vw,90px);padding-block:10px}.intro-right p{font-size:clamp(16px,1.6vw,21px);line-height:1.75;font-weight:300;max-width:570px;color:var(--muted)}.smallcaps{font-size:10px;letter-spacing:.17em;text-transform:uppercase;font-weight:500;color:var(--accent)}
.cards-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.4vw,36px)}.story-card{display:block;min-width:0}.story-card .photo-frame{aspect-ratio:4/4.5;overflow:hidden;position:relative;background:#b1b9ad}.story-card:nth-child(2) .photo-frame{aspect-ratio:4/5.1}.story-card:nth-child(3) .photo-frame{aspect-ratio:4/4.7}.photo-frame img,.banner-photo img,.collection-img img,.sister-photo img,.feature-photo img,.related-img img{width:100%;height:100%;object-fit:cover;transition:transform .85s var(--ease)}.story-card:hover img,.related-card:hover img,.collection-card:hover img{transform:scale(1.055)}.story-card .card-meta{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-top:24px;color:var(--accent);text-transform:uppercase;letter-spacing:.18em;font:500 9px var(--body)}.story-card h3{font:300 clamp(28px,3vw,48px)/1.05 var(--serif);margin:10px 0 11px;letter-spacing:-.019em}.story-card p{font-size:13px;line-height:1.75;color:var(--muted);max-width:430px}.story-card .inline-link{margin-top:8px}
.feature-band{background:#d1d2c8;padding:0;display:grid;grid-template-columns:55% 45%;min-height:650px}.oldtown .feature-band{background:#ded8cc}.feature-photo{position:relative;min-height:650px;overflow:hidden;background:#b9b6aa}.feature-photo::after{content:"";position:absolute;inset:0;border:0}.feature-copy{padding:clamp(50px,7vw,125px) clamp(30px,6vw,115px);display:flex;justify-content:center;flex-direction:column}.feature-copy h2{font:300 clamp(65px,7vw,121px)/.9 var(--serif);letter-spacing:-.025em;margin:25px 0}.feature-copy p{font-size:16px;color:#5f645f;max-width:480px;line-height:1.75;font-weight:300}.feature-copy .inline-link{margin-top:23px;align-self:flex-start}
.mosaic{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(20px,4.8vw,90px);align-items:center}.mosaic-reverse{grid-template-columns:.9fr 1.1fr}.mosaic-photo{width:100%;aspect-ratio:5/5.6;overflow:hidden;background:#d4d2c8}.mosaic-photo img{width:100%;height:100%;object-fit:cover}.mosaic-copy h2{font:300 clamp(55px,7.6vw,110px)/.92 var(--serif);letter-spacing:-.025em;margin:24px 0}.mosaic-copy p{color:var(--muted);font-size:17px;line-height:1.85;max-width:540px}.mosaic-copy .inline-link{margin-top:30px}.pale-area{background:#edece6}.oldtown .pale-area{background:#e8e3d9}.more-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.related-img{aspect-ratio:5/4.8;overflow:hidden;background:#a5aa9c}.related-card{min-width:0}.related-card .overline{display:block;margin-top:19px;font-size:9px}.related-card h3{font:300 clamp(25px,2.8vw,39px)/1.1 var(--serif);margin:9px 0 12px}.related-card .mini-link{font:500 10px var(--body);letter-spacing:.13em;border-bottom:1px solid var(--accent);padding-bottom:4px;text-transform:uppercase}.sister-section{padding:0;display:grid;grid-template-columns:48% 52%;min-height:580px;background:#26332f;color:#f9f7f0}.oldtown .sister-section{background:#33362f}.sister-photo{overflow:hidden;min-height:580px}.sister-copy{padding:clamp(65px,7vw,120px);display:flex;justify-content:center;flex-direction:column}.sister-copy .overline{color:#bdb6a4}.sister-copy h2{font:300 clamp(62px,7vw,108px)/.89 var(--serif);margin:22px 0 20px;max-width:670px}.sister-copy p{max-width:495px;font-weight:300;color:#dbded4}.sister-copy .solid-btn{align-self:flex-start;margin-top:28px}
.footer{background:#1c2624;color:#f7f5ef;padding:85px var(--edge) 25px}.oldtown .footer{background:#232824}.footer-main{max-width:1500px;margin:auto;display:grid;grid-template-columns:1.25fr .7fr .7fr .8fr;gap:55px;padding-bottom:88px}.footer .brand{margin-bottom:24px}.footer-lead{font:300 clamp(27px,3.1vw,45px)/1.1 var(--serif);max-width:380px;color:#eeeee7}.footer-col h4{font:500 10px var(--body);letter-spacing:.2em;text-transform:uppercase;color:#b2a184;margin:5px 0 27px}.footer-col a{display:block;font:300 13px/2.4 var(--body);color:#d5d9d2;transition:color .25s}.footer-col a:hover{color:white}.footer-bottom{border-top:1px solid rgba(255,255,255,.15);max-width:1500px;margin:auto;display:flex;justify-content:space-between;gap:20px;padding-top:24px;font:400 10px/1.6 var(--body);letter-spacing:.11em;color:#b8c0b9}.footer-bottom a{text-decoration:underline;text-underline-offset:4px}.mark-ar{display:inline-flex;align-items:center;gap:7px}
/* Collection/index pages */
.page-hero{padding:180px var(--edge) 95px;position:relative;min-height:535px;overflow:hidden;background:#2e3c39;color:#fff}.page-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.57;filter:saturate(.8)}.page-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,28,26,.77),rgba(10,24,22,.15)),linear-gradient(0deg,rgba(10,24,22,.32),transparent)}.page-hero-inner{position:relative;z-index:1;max-width:1450px;margin:auto}.breadcrumbs{display:flex;align-items:center;gap:11px;font:500 10px/1.5 var(--body);letter-spacing:.12em;text-transform:uppercase;flex-wrap:wrap}.breadcrumbs a{opacity:.82}.breadcrumbs a:hover{text-decoration:underline;text-underline-offset:3px}.breadcrumbs span{opacity:.6}.page-hero h1{font:300 clamp(73px,9.4vw,145px)/.85 var(--serif);margin:58px 0 20px;letter-spacing:-.026em;max-width:1150px}.page-hero p{max-width:660px;font-size:18px;font-weight:300;color:rgba(255,255,255,.85);line-height:1.7}.collection-heading{max-width:1200px;margin:0 auto 60px}.collection-heading p{color:var(--muted);max-width:775px;font-weight:300;font-size:21px;line-height:1.8}.collection-grid{display:grid;grid-template-columns:repeat(3, minmax(0,1fr));gap:70px 27px}.collection-card{min-width:0}.collection-img{aspect-ratio:5/3.9;overflow:hidden;background:#bdc2ba}.collection-card:nth-child(6n + 2) .collection-img{aspect-ratio:5/4.65}.collection-card:nth-child(6n + 3) .collection-img{aspect-ratio:5/4.2}.collection-card .overline{display:block;margin-top:18px}.collection-card h2{font:300 clamp(30px,3.15vw,46px)/1.02 var(--serif);margin:10px 0}.collection-card p{color:var(--muted);font-size:14px;line-height:1.8;max-width:420px}.collection-card .inline-link{font-size:10px;margin-top:12px}
/* Article page */
.article-header{padding-top:184px}.article-header .breadcrumbs{color:var(--muted)}.article-top{max-width:1100px;margin:auto;padding:0 var(--edge) 60px}.article-top .eyebrow{margin:59px 0 19px;color:var(--accent)}.article-top h1{font:300 clamp(66px,9vw,125px)/.91 var(--serif);letter-spacing:-.029em;margin:0 0 27px;max-width:1090px;text-wrap:balance}.article-top .deck{font:300 clamp(19px,2.3vw,26px)/1.6 var(--body);max-width:850px;color:#5b6662}.article-meta{display:flex;justify-content:space-between;gap:16px;padding:20px 0 0;margin-top:25px;border-top:1px solid var(--line);font:500 10px var(--body);letter-spacing:.15em;color:var(--muted);text-transform:uppercase}.article-cover{padding:0 var(--edge);margin:auto;max-width:1780px}.article-cover .cover-photo{height:clamp(320px,57vw,760px);width:100%;object-fit:cover;background:#9fb0ac}.caption{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font:400 10px/1.6 var(--body);letter-spacing:.08em;margin-top:11px;color:var(--muted)}.caption a{text-decoration:underline;text-underline-offset:3px}.article-layout{max-width:1400px;display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:clamp(50px,9vw,150px);padding:90px var(--edge) 155px;margin:auto}.article-prose{max-width:790px}.article-prose .chapter{margin:0 0 64px}.article-prose .chapter-num{font:500 11px var(--body);color:var(--accent);letter-spacing:.15em;margin-bottom:9px}.article-prose h2{font:300 clamp(45px,5vw,68px)/.97 var(--serif);margin:0 0 21px}.article-prose p{font-size:17px;line-height:1.96;font-weight:300;color:#515b55;max-width:780px}.article-prose p.lead{font-size:clamp(20px,2.2vw,26px);color:var(--ink);line-height:1.7}.article-aside{border-top:1px solid var(--line);padding-top:24px;position:sticky;top:125px;align-self:start}.aside-head{font:500 9px var(--body);letter-spacing:.2em;color:var(--accent);text-transform:uppercase;margin-bottom:24px}.aside-link{display:block;font:300 13px/1.5 var(--body);padding:10px 0;border-bottom:1px solid var(--line);color:#68706b}.aside-link:hover{color:var(--ink)}.aside-note{font:300 15px/1.7 var(--serif);border-left:2px solid var(--accent);padding-left:17px;margin-top:34px;color:var(--muted)}.article-pull{font:300 clamp(38px,4.2vw,67px)/1.13 var(--serif);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:32px 0 26px;margin:60px 0;color:var(--ink)}.article-sources{padding-top:12px;border-top:1px solid var(--line);font-size:12px}.article-sources a{text-decoration:underline;text-underline-offset:4px;color:#646e66}.article-sources .overline{display:block;margin:22px 0 12px}
/* Credits */.credits-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:27px;margin:30px 0 100px}.credit-item{display:grid;grid-template-columns:125px 1fr;gap:17px;padding-bottom:18px;border-bottom:1px solid var(--line)}.credit-item img{width:125px;height:90px;object-fit:cover}.credit-item h3{font:300 20px/1.2 var(--serif);margin-bottom:5px}.credit-item p,.credit-item a{font-size:11px;line-height:1.6;color:var(--muted)}.credit-item a{text-decoration:underline}
/* Interaction & responsive */
.reveal{opacity:1;transform:none;transition:opacity .6s var(--ease),transform .7s var(--ease)}.reveal.visible{opacity:1;transform:none}@keyframes hero-in{from{transform:scale(1.055);opacity:.45}to{transform:scale(1.015);opacity:1}}
@media (max-width:1110px){.brand{min-width:210px}.top-nav{gap:19px}.nav-item{font-size:10px}.header-tools{padding-left:16px}.footer-main{grid-template-columns:1.4fr 1fr 1fr;gap:28px}.footer-col:last-child{grid-column:2/-1}.feature-band{min-height:570px}.feature-photo{min-height:570px}}
@media (max-width:860px){.head-inner{min-height:79px}.top-nav{display:none}.menu-toggle{display:block}.header-tools{margin-left:auto}.brand{min-width:0}.brand-copy{font-size:13px}.brand-symbol{width:34px}.site-header .mobile-nav{display:none}.site-header.menu-open .mobile-nav{display:flex;position:absolute;top:78px;left:0;right:0;background:var(--paper);color:var(--ink);padding:25px var(--edge) 40px;box-shadow:0 18px 22px rgba(0,0,0,.1);flex-direction:column;gap:19px}.mobile-nav a{font:300 28px/1.3 var(--serif);border-bottom:1px solid var(--line);padding-bottom:10px}.hero{height:760px;min-height:660px}.hero-inner{padding-top:120px;padding-bottom:125px}.hero h1{font-size:clamp(65px,11vw,110px)}.oldtown .hero h1{font-size:clamp(83px,12vw,140px)}.hero-base{bottom:30px}.intro-grid{grid-template-columns:1fr;gap:34px}.intro-grid .intro-right{padding-left:22px}.cards-three{gap:20px}.feature-band{grid-template-columns:1fr}.feature-photo{min-height:520px;height:56vw}.feature-copy{padding-block:68px}.mosaic{gap:42px}.more-grid{grid-template-columns:repeat(2,1fr);gap:42px 20px}.sister-section{grid-template-columns:1fr}.sister-photo{min-height:330px;height:55vw}.sister-copy{padding:58px var(--edge) 78px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 20px}.article-layout{grid-template-columns:1fr;gap:20px}.article-aside{display:none}.credits-list{grid-template-columns:1fr}}
@media (max-width:580px){:root{--edge:22px}.head-inner{min-height:76px}.brand{gap:9px}.brand-copy{font-size:11px;letter-spacing:.13em}.brand-copy .mini{letter-spacing:.11em;font-size:7px}.brand-symbol,.brand-symbol svg{width:28px;height:32px}.header-tools{gap:5px;padding-left:12px;margin-left:auto}.lang-select{font-size:11px;padding-right:14px}.hero{height:min(850px,100svh);min-height:625px}.hero-inner{padding:140px var(--edge) 100px}.hero .eyebrow{font-size:9px;letter-spacing:.17em}.hero h1{font-size:clamp(57px,13.4vw,80px);max-width:100%;letter-spacing:-.065em;margin:30px 0 20px}.oldtown .hero h1{font-size:clamp(79px,17vw,107px);line-height:.85;letter-spacing:-.032em}.hero-desc{font-size:14px;line-height:1.66;max-width:340px;margin-bottom:27px}.hero-base{right:22px;bottom:22px}.hero-base small{font-size:8px;letter-spacing:.12em}.hero-scroll{display:none}.actions{gap:11px}.solid-btn,.outline-btn{font-size:9px;min-height:47px;padding:11px 15px;letter-spacing:.11em}.section{padding-block:78px}.section-tight{padding-block:65px}.section-head{align-items:start;flex-direction:column;gap:23px}.section-head h2{font-size:59px}.intro-grid h2{font-size:66px}.intro-right p{font-size:16px}.cards-three{grid-template-columns:1fr;gap:42px}.story-card .photo-frame,.story-card:nth-child(2) .photo-frame,.story-card:nth-child(3) .photo-frame{aspect-ratio:5/4.6}.story-card h3{font-size:36px}.feature-photo{min-height:345px;height:90vw}.feature-copy{padding:65px var(--edge)}.feature-copy h2{font-size:76px}.mosaic,.mosaic-reverse{grid-template-columns:1fr}.mosaic-photo{aspect-ratio:5/4.7;order:-1}.mosaic-copy h2{font-size:70px}.more-grid{grid-template-columns:1fr;gap:34px}.related-img{aspect-ratio:5/3.8}.sister-photo{height:82vw;min-height:320px}.sister-copy h2{font-size:76px}.footer{padding:65px 22px 22px}.footer-main{grid-template-columns:1fr 1fr;gap:44px 21px;padding-bottom:62px}.footer-main .footer-brand-col{grid-column:1/-1}.footer-col:last-child{grid-column:auto}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:12px}.page-hero{padding:145px 22px 70px;min-height:480px}.page-hero h1{font-size:clamp(67px,16vw,100px);margin:62px 0 20px}.page-hero p{font-size:15px}.collection-grid{grid-template-columns:1fr;gap:43px}.collection-heading p{font-size:17px}.collection-img,.collection-card:nth-child(6n + 2) .collection-img,.collection-card:nth-child(6n + 3) .collection-img{aspect-ratio:5/3.9}.collection-card h2{font-size:39px}.article-header{padding-top:128px}.article-top{padding-inline:22px;padding-bottom:34px}.article-top .eyebrow{margin-top:35px}.article-top h1{font-size:clamp(60px,13vw,83px)}.article-top .deck{font-size:16px}.article-meta{font-size:9px;flex-direction:column;gap:8px}.article-cover{padding:0}.article-cover .cover-photo{height:67vw;min-height:280px}.caption{padding-inline:22px}.article-layout{padding:65px 22px 95px}.article-prose h2{font-size:56px}.article-prose p,.article-prose p.lead{font-size:16px;line-height:1.86}.article-pull{font-size:43px}.credits-list{gap:20px}.credit-item{grid-template-columns:85px 1fr}.credit-item img{width:85px;height:75px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}
/* Mobile typographic safety: long destination names must never widen the viewport. */
@media (max-width:860px){.feature-band{grid-template-columns:minmax(0,1fr)}.feature-copy{min-width:0}}
@media (max-width:580px){.feature-copy h2{font-size:clamp(55px,15vw,66px);overflow-wrap:break-word}}

/* OCT 2026 — Resilient media states & mobile editorial refinement.
   The artwork below is used ONLY if every real photo endpoint fails. */
.photo-frame,.related-img,.collection-img,.feature-photo,.mosaic-photo,.sister-photo{position:relative;overflow:hidden}
.photo-frame.image-unavailable,.related-img.image-unavailable,.collection-img.image-unavailable,.feature-photo.image-unavailable,.mosaic-photo.image-unavailable,.sister-photo.image-unavailable,.hero.image-unavailable,.page-hero.image-unavailable,.article-cover.image-unavailable{
  background-color:#b7bdb2;
  background-image:linear-gradient(160deg,rgba(11,37,35,.05),rgba(11,37,35,.30)),url('/assets/editorial-placeholder.svg');
  background-size:cover;
  background-position:center;
}
.photo-frame.image-unavailable::after,.related-img.image-unavailable::after,.collection-img.image-unavailable::after{
  content:'';position:absolute;left:22px;bottom:20px;width:46px;height:1px;background:rgba(255,255,255,.75);pointer-events:none;
}
.hero.image-unavailable{background-color:#2c4946;background-position:center}
.hero.image-unavailable .hero-shade{background:linear-gradient(90deg,rgba(6,23,21,.76),rgba(6,23,21,.28)),linear-gradient(0deg,rgba(6,23,21,.35),transparent 55%)}
.page-hero.image-unavailable{background-color:#2e4843}
.article-cover.image-unavailable{min-height:clamp(320px,56vw,660px)}
.article-cover.image-unavailable .caption{background:var(--paper);padding-top:10px}
.credit-item.image-unavailable img{visibility:hidden}
/* Center mobile headings within safe gutters and limit unusually long translated words. */
.section-head h2,.h2,.intro-grid h2,.story-card h3,.collection-card h2,.article-top h1,.page-hero h1,.feature-copy h2,.sister-copy h2{
  overflow-wrap:break-word;
}
@media(max-width:860px){
  .site-header.menu-open .mobile-nav{top:100%;max-height:calc(100svh - 77px);overflow-y:auto;overscroll-behavior:contain;}
  .site-header .mobile-nav[hidden]{display:none!important}
}
@media(max-width:580px){
  .hero .hero-inner{padding-right:var(--edge)}
  .hero h1{font-weight:200;letter-spacing:-.057em;line-height:1.02;max-width:calc(100vw - (2 * var(--edge)))}
  .section-head h2{font-size:clamp(47px,12.5vw,56px);letter-spacing:-.018em;line-height:.99;}
  .section-head{margin-bottom:31px}
  .story-card h3{font-size:clamp(32px,8.7vw,38px);line-height:1.06}
  .brand-copy{letter-spacing:.11em}
  .head-inner{gap:12px}
  .menu-toggle{padding:8px 6px}
  .header-tools{margin-left:auto;padding-left:14px}
  .hero .actions{gap:10px}
  .hero-base small{line-height:1.7}
  .page-hero h1{font-size:clamp(59px,14vw,89px)}
}
@media(max-width:350px){
  :root{--edge:18px}
  .brand-copy{font-size:10px}
  .hero h1{font-size:clamp(44px,13vw,58px)}
  .hero-desc{font-size:13px}
  .section-head h2{font-size:44px}
  .lang-select{letter-spacing:.1em}
  .header-tools{padding-left:10px}
}
/* Prevent intrinsic serif headings from widening the sister destination panel on small phones. */
@media(max-width:860px){
  .sister-section{grid-template-columns:minmax(0,1fr)}
  .sister-section > *,.sister-copy,.sister-photo{min-width:0;width:100%;max-width:100%}
}
@media(max-width:400px){
  .sister-copy h2{font-size:clamp(48px,14vw,67px);overflow-wrap:anywhere}
}
/* Extra-small Italian article labels and other expanded translations. */
@media(max-width:860px){
  .article-layout{grid-template-columns:minmax(0,1fr)}
  .article-prose,.article-prose .chapter{min-width:0;overflow-wrap:break-word}
}

/* Dubrovnik Old Town: image-failure fallback is architectural and neutral,
   distinct from the sister destination site's Adriatic-blue treatment. */
body.oldtown .hero.image-unavailable,
body.oldtown .page-hero.image-unavailable,
body.oldtown .article-cover.image-unavailable,
body.oldtown .photo-frame.image-unavailable,
body.oldtown .related-img.image-unavailable,
body.oldtown .collection-img.image-unavailable,
body.oldtown .feature-photo.image-unavailable,
body.oldtown .mosaic-photo.image-unavailable,
body.oldtown .sister-photo.image-unavailable {
 background-color:#77786f;
 background-image:linear-gradient(135deg,rgba(21,22,18,.10),rgba(21,22,18,.30)),url('/assets/editorial-placeholder.svg');
 background-size:cover;
 background-position:center;
}
body.oldtown .hero.image-unavailable .hero-shade {
 background:linear-gradient(90deg,rgba(19,23,22,.75) 0%,rgba(25,27,24,.21) 92%),linear-gradient(0deg,rgba(19,19,17,.52),transparent 48%);
}
body.oldtown .page-hero.image-unavailable {background-color:#655b51}
body.oldtown .site-header{backface-visibility:hidden}
body.oldtown .hero h1,
body.oldtown .section-head h2,
body.oldtown .intro-grid h2,
body.oldtown .collection-card h2,
body.oldtown .article-top h1,
body.oldtown .feature-copy h2 {overflow-wrap:break-word}
body.oldtown .photo-frame img,
body.oldtown .related-img img,
body.oldtown .feature-photo img,
body.oldtown .mosaic-photo img,
body.oldtown .sister-photo img,
body.oldtown .collection-img img,
body.oldtown .hero-img,
body.oldtown .page-hero img,
body.oldtown .cover-photo {font-size:0}
@media (max-width:860px){
 body.oldtown .feature-band,
 body.oldtown .sister-section{grid-template-columns:minmax(0,1fr)}
 body.oldtown .feature-copy,
 body.oldtown .sister-copy{min-width:0;max-width:100%}
 body.oldtown .site-header.menu-open .mobile-nav{max-height:calc(100svh - 79px);overflow:auto}
}
@media (max-width:580px){
 body.oldtown .hero h1{font-size:clamp(67px,16.1vw,94px);line-height:.94;letter-spacing:-.038em;margin-top:26px}
 body.oldtown .hero-desc{font-size:14px;line-height:1.7}
 body.oldtown .section-head h2{font-size:clamp(46px,11.8vw,62px);line-height:1.01}
 body.oldtown .feature-copy h2{font-size:clamp(53px,14.1vw,75px)}
 body.oldtown .intro-grid h2{font-size:clamp(55px,14.8vw,76px)}
 body.oldtown .article-top h1{font-size:clamp(52px,12.4vw,77px);line-height:.98}
 body.oldtown .page-hero h1{font-size:clamp(57px,13.8vw,88px);line-height:.95}
 body.oldtown .sister-copy h2{font-size:clamp(53px,14vw,73px);overflow-wrap:anywhere}
 body.oldtown .actions{gap:10px}
 body.oldtown .actions .solid-btn,body.oldtown .actions .outline-btn{max-width:100%}
 body.oldtown .credit-item{min-width:0}
 body.oldtown .credit-item h3{overflow-wrap:anywhere}
}
@media(max-width:350px){
 body.oldtown .hero h1{font-size:clamp(55px,15.9vw,66px)}
 body.oldtown .article-top h1{font-size:clamp(45px,12vw,60px)}
 body.oldtown .actions{flex-direction:column;align-items:flex-start}
 body.oldtown .section-head h2{font-size:43px}
}
/* Some translated heritage headlines are two lines longer than the English.
   Let the image/overlay section grow naturally instead of clipping text or CTAs. */
@media (max-width:580px){
 body.oldtown .hero{height:auto;min-height:max(710px,100svh)}
 body.oldtown .hero-inner{height:auto;min-height:max(710px,100svh);padding-top:155px;padding-bottom:135px}
 body.oldtown .hero h1{max-width:100%;text-wrap:balance}
 body.oldtown .hero .actions{max-width:100%}
}
/* Attributions remain readable even when Commons is blocked. */
body.oldtown .credit-item.image-unavailable > a:first-child{
 width:125px;height:90px;display:block;background:#918a7c url('/assets/editorial-placeholder.svg') center/cover no-repeat
}
@media(max-width:580px){body.oldtown .credit-item.image-unavailable > a:first-child{width:85px;height:75px}}