@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300&family=Manrope:wght@300;400;500;600&display=swap');
:root{--ink:#17201d;--paper:#f5f2eb;--sand:#e8e0d2;--line:rgba(23,32,29,.16);--sea:#173d44;--white:#fff;--max:1320px}
*{box-sizing:border-box}html{scroll-behavior:smooth}h1,h2,h3,summary{overflow-wrap:break-word}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,system-ui,sans-serif;font-weight:300;line-height:1.7;-webkit-font-smoothing:antialiased}.skip{position:absolute;left:-9999px}.skip:focus{left:18px;top:18px;z-index:99;background:#fff;padding:10px 14px}.top{height:34px;background:#102e33;color:#dfe9e7;display:flex;align-items:center;justify-content:center;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.nav{position:absolute;z-index:20;top:34px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:26px clamp(22px,4vw,64px);color:#fff}.brand{font-family:'Cormorant Garamond',serif;font-size:28px;letter-spacing:.04em;color:inherit;text-decoration:none}.brand small{font:500 9px Manrope;letter-spacing:.2em;text-transform:uppercase;display:block;margin-top:-4px;opacity:.78}.navright{display:flex;align-items:center;gap:18px}.navlinks{display:flex;gap:28px;align-items:center}.navlinks a,.langbtn{color:inherit;text-decoration:none;font-size:11px;letter-spacing:.12em;text-transform:uppercase;background:none;border:0;cursor:pointer}.lang{position:relative}.langmenu{display:none;position:absolute;right:0;top:30px;min-width:165px;background:rgba(12,26,28,.98);padding:10px;box-shadow:0 18px 45px rgba(0,0,0,.22)}.lang.open .langmenu{display:block}.langmenu a{display:block;padding:9px 10px}.menu{display:none;border:0;background:none;color:#fff;font-size:24px;line-height:1;padding:6px;cursor:pointer}.hero{min-height:94vh;position:relative;background:#233c3b url(https://images.unsplash.com/photo-1689172314170-754a3e7e1b40?auto=format&fit=crop&fm=jpg&q=88&w=2400) center 52%/cover no-repeat;display:grid;align-items:end;color:#fff}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,14,14,.34) 0%,rgba(5,14,14,.05) 38%,rgba(5,14,14,.64) 100%)}.heroContent{position:relative;z-index:2;max-width:var(--max);width:100%;margin:auto;padding:180px clamp(22px,5vw,72px) 76px}.eyebrow,.kicker{font-size:10px;letter-spacing:.22em;text-transform:uppercase;font-weight:500}.hero h1{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:clamp(58px,8.4vw,138px);line-height:.83;letter-spacing:-.035em;max-width:1100px;margin:16px 0 28px}.hero p{max-width:650px;font-size:clamp(15px,1.4vw,20px);font-weight:300;line-height:1.7}.ctaRow{display:flex;gap:10px;margin-top:30px;flex-wrap:wrap}.btn{display:inline-block;padding:13px 18px;border:1px solid rgba(255,255,255,.58);color:#fff;text-decoration:none;font-size:10px;letter-spacing:.15em;text-transform:uppercase}.btn.light{background:#fff;color:#17201d}.wrap{max-width:var(--max);margin:auto;padding:112px clamp(22px,5vw,72px)}.intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:start}.intro h2,.sectionTitle{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:clamp(46px,6vw,86px);line-height:.96;letter-spacing:-.025em;margin:14px 0 22px}.intro p{font-size:18px;line-height:1.9;max-width:740px}.photoBand{height:min(68vw,760px);background:url(https://images.unsplash.com/photo-1630588665979-4086c6a98de0?auto=format&fit=crop&fm=jpg&q=85&w=1800) center/cover no-repeat}.gridHead{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:44px}.gridHead p{max-width:540px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{position:relative;min-height:440px;overflow:hidden;background:#173d44;color:#fff}.card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s}.card:hover img{transform:scale(1.035)}.card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 34%,rgba(5,10,10,.78) 100%)}.cardCopy{position:absolute;z-index:2;left:26px;right:26px;bottom:24px}.card h3{font:300 32px/1.05 'Cormorant Garamond',serif;margin:0 0 10px}.card p{font-size:12px;line-height:1.6;margin:0;opacity:.88}.editorial{background:#e6dfd2}.editorialGrid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1fr 1fr;min-height:730px}.editorialImg{background:url(https://images.unsplash.com/photo-1772190576880-b5332c26e5bb?auto=format&fit=crop&fm=jpg&q=85&w=1800) center/cover no-repeat}.editorialText{padding:90px clamp(30px,7vw,110px);display:flex;flex-direction:column;justify-content:center}.editorialText p{font-size:17px;line-height:1.9}.quote{font:italic 300 clamp(38px,4vw,62px)/1.08 'Cormorant Garamond',serif;margin:34px 0;color:#30413d}.riviera{background:#14353a;color:#eef3f0}.rivieraGrid{display:grid;grid-template-columns:1.05fr .95fr;gap:7vw;align-items:center}.rivieraImg{height:650px;background:url(https://images.unsplash.com/photo-1630521085829-0caef5d14246?auto=format&fit=crop&fm=jpg&q=85&w=1800) center/cover no-repeat}.riviera p{max-width:600px;color:#cedbd8}.towns{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.pill{border:1px solid rgba(255,255,255,.26);padding:8px 12px;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.two{display:grid;grid-template-columns:1fr 1fr;gap:90px}.cleanlist{padding:0;margin:28px 0 0;list-style:none}.cleanlist li{border-top:1px solid var(--line);padding:15px 0;font-size:14px}.network{background:#fff}.networkLinks{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:35px}.networkLinks a{padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-decoration:none;color:inherit}.networkLinks strong{font:300 28px 'Cormorant Garamond',serif;display:block}.networkLinks span{font-size:10px;letter-spacing:.13em;text-transform:uppercase;opacity:.56}.faq{max-width:980px}.faq details{border-top:1px solid var(--line);padding:18px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font:300 28px 'Cormorant Garamond',serif}.faq details p{max-width:760px}.footerHero{height:60vh;min-height:520px;background:url(https://images.unsplash.com/photo-1660247984757-fea3caa81500?auto=format&fit=crop&fm=jpg&q=85&w=1800) center/cover no-repeat;position:relative;display:grid;place-items:center;text-align:center;color:#fff}.footerHero:before{content:"";position:absolute;inset:0;background:rgba(8,20,21,.28)}.footerHero div{position:relative}.footerHero h2{font:300 clamp(55px,8vw,110px)/.9 'Cormorant Garamond',serif;margin:0}.footer{padding:46px clamp(22px,5vw,72px);background:#0e262a;color:#dce6e2}.footerInner{max-width:var(--max);margin:auto;display:flex;justify-content:space-between;gap:40px;align-items:end}.footer p{font-size:11px;max-width:520px;opacity:.72;margin:12px 0 0}.credits{font-size:10px;line-height:1.7;opacity:.6;text-align:right}.articleHero{min-height:68vh;background-size:cover;background-position:center;position:relative;color:#fff;display:flex;align-items:flex-end}.articleHero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,15,15,.2),rgba(7,15,15,.68))}.articleHero .heroContent{padding-bottom:55px}.articleHero h1{font:300 clamp(58px,8vw,118px)/.86 'Cormorant Garamond',serif;margin:12px 0;max-width:1000px}.articleBody{max-width:860px;margin:auto;padding:90px 24px}.articleBody h2{font:300 46px/1 'Cormorant Garamond',serif;margin:60px 0 18px}.articleBody p{font-size:17px;line-height:1.9}.factbox{background:#e9e1d4;padding:30px;margin:40px 0}.back{display:inline-block;margin-bottom:30px;color:inherit;text-decoration:none;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:900px){.nav{padding:22px}.navlinks{display:none}.menu{display:block}.navlinks.open{position:absolute;top:78px;left:14px;right:14px;padding:10px;background:rgba(12,28,30,.98);display:grid;gap:0;box-shadow:0 22px 55px rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.08)}.navlinks.open>a{display:block;padding:13px 12px;border-bottom:1px solid rgba(255,255,255,.09)}.navlinks.open .lang{display:block}.navlinks.open .langbtn{width:100%;text-align:left;padding:13px 12px}.navlinks.open .langmenu{position:static;min-width:0;margin:0 0 6px;background:rgba(255,255,255,.06);box-shadow:none}.intro,.editorialGrid,.rivieraGrid,.two{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.card{min-height:490px}.gridHead{display:block}.editorialGrid{min-height:auto}.editorialImg{min-height:560px}.rivieraImg{height:520px}.networkLinks{grid-template-columns:1fr}.footerInner{display:block}.credits{text-align:left;margin-top:20px}.hero{min-height:88svh}.heroContent{padding-top:160px}.top{font-size:8px}}@media(max-width:480px){.brand{font-size:24px}.brand small{font-size:8px;letter-spacing:.16em}.hero h1{font-size:clamp(52px,17vw,76px)}.heroContent{padding-bottom:52px}.wrap{padding-top:82px;padding-bottom:82px}.intro p{font-size:16px}.sectionTitle,.intro h2{font-size:clamp(42px,13vw,64px)}.editorialText{padding:68px 24px}.editorialImg{min-height:430px}.rivieraImg{height:430px}.articleHero h1{font-size:clamp(52px,16vw,78px)}.articleBody h2{font-size:36px;overflow-wrap:break-word;hyphens:auto}.articleBody p{font-size:16px}.footerHero{min-height:430px}}

/* 2026-10 mobile navigation + readability refinement */
.nav{isolation:isolate}
.navright{position:relative;z-index:24}
.lang{z-index:26}
.langbtn{display:flex;align-items:center;justify-content:center;min-width:54px;height:38px;padding:0 12px;border:1px solid rgba(255,255,255,.42);border-radius:999px;background:rgba(7,24,26,.22);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-weight:600;text-shadow:0 1px 8px rgba(0,0,0,.45)}
.langmenu{z-index:40;border:1px solid rgba(255,255,255,.12);border-radius:2px}
.langmenu a{font-weight:500}
.menu{align-items:center;gap:8px;border:1px solid rgba(255,255,255,.42);border-radius:999px;padding:0 13px;height:38px;background:rgba(7,24,26,.22);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.menuLabel{font:600 9px/1 Manrope,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.menuGlyph{font-size:19px;line-height:1;transform:translateY(-1px)}

/* Keep the elegant type, but give it enough contrast to remain legible over boats/streets. */
.hero:after{background:linear-gradient(90deg,rgba(5,18,20,.70) 0%,rgba(5,18,20,.48) 48%,rgba(5,18,20,.18) 100%),linear-gradient(180deg,rgba(5,14,14,.44) 0%,rgba(5,14,14,.10) 34%,rgba(5,14,14,.72) 100%)}
.heroContent{filter:drop-shadow(0 2px 12px rgba(0,0,0,.24))}
.hero h1{text-wrap:balance;text-shadow:0 2px 18px rgba(0,0,0,.28)}
.hero p{font-weight:400;text-shadow:0 1px 14px rgba(0,0,0,.38)}
.hero .eyebrow{font-weight:600;text-shadow:0 1px 10px rgba(0,0,0,.45)}
.btn{font-weight:600;background:rgba(5,18,20,.18);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.btn.light{background:#fff}
.ritualFooter{display:inline-block;margin-top:16px;color:#fff;text-decoration:none;font-size:10px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.38);padding-bottom:3px}

@media(max-width:900px){
  .nav{padding:20px 18px}
  .navright{gap:8px}
  .menu{display:flex}
  .lang{display:block}
  .langbtn{min-width:48px;height:40px;padding:0 11px;background:rgba(8,31,34,.58)}
  .menu{height:40px;background:rgba(8,31,34,.58)}
  .langmenu{position:absolute;right:0;top:48px;width:min(230px,calc(100vw - 36px));min-width:210px;max-height:70vh;overflow:auto;background:rgba(9,29,32,.985);padding:8px}
  .langmenu a{padding:11px 12px;font-size:11px;border-bottom:1px solid rgba(255,255,255,.08)}
  .langmenu a:last-child{border-bottom:0}
  .navlinks.open{top:72px;left:18px;right:18px;padding:8px;background:rgba(9,29,32,.985);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
  .navlinks.open>a{padding:15px 13px;font-size:11px;font-weight:500}
  .hero:after{background:linear-gradient(180deg,rgba(5,17,19,.50) 0%,rgba(5,17,19,.30) 30%,rgba(5,17,19,.74) 100%),linear-gradient(90deg,rgba(5,17,19,.48),rgba(5,17,19,.16))}
  .heroContent{padding-left:clamp(22px,6vw,40px);padding-right:clamp(22px,6vw,40px)}
  .hero p{max-width:590px;font-size:17px;line-height:1.75}
}

@media(max-width:480px){
  .nav{padding:18px 16px}
  .brand{font-size:22px;line-height:1}
  .brand small{font-size:7.5px;letter-spacing:.13em;margin-top:2px}
  .navright{gap:6px}
  .langbtn{min-width:43px;height:38px;padding:0 9px;font-size:9px}
  .menu{height:38px;padding:0 10px}
  .menuLabel{font-size:8px;letter-spacing:.12em}
  .menuGlyph{font-size:18px}
  .hero{min-height:92svh;background-position:54% center}
  .heroContent{padding-top:150px;padding-bottom:48px}
  .hero h1{font-size:clamp(50px,15.3vw,68px);line-height:.91;letter-spacing:-.025em;margin-top:14px;margin-bottom:22px;max-width:9.2em}
  .hero p{font-size:15.5px;line-height:1.72;max-width:29em}
  .hero .eyebrow{font-size:9px;letter-spacing:.18em;line-height:1.55;max-width:30em}
  .ctaRow{gap:8px;margin-top:26px}
  .btn{padding:13px 15px;font-size:9px;letter-spacing:.13em}
}

@media(max-width:370px){
  .brand{font-size:20px}
  .brand small{display:none}
  .menuLabel{display:none}
  .menu{width:38px;justify-content:center;padding:0}
}
/* Keep the expanded mobile menu anchored to the full navigation bar. */
.navright{position:static}
/* Final legibility and language-menu polish */
body{font-weight:400}
.brand{font-weight:300}
.langmenu a,.langmenu a:visited{color:#fff;text-decoration:none}
.langmenu a:hover,.langmenu a:focus-visible{background:rgba(255,255,255,.09);outline:none}
.langmenu a[aria-current="page"]{background:rgba(255,255,255,.12);font-weight:600}
.networkLinks a[href*="adriaticritual.com"]{background:#14353a;color:#fff}
.networkLinks a[href*="adriaticritual.com"] span{opacity:.72}