:root{--ink:#183c41;--paper:#f7f6f2;--muted:#576667;--rule:#d9ded8;--serif:'Italiana',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid #b18b49;outline-offset:6px}a:hover{text-decoration:underline;text-underline-offset:5px}.skip{position:absolute;top:-100px;left:20px;z-index:20;background:white;padding:10px}.skip:focus{top:10px}.header{position:absolute;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:29px 5.5%;z-index:3;color:#fff;border-bottom:1px solid #ffffff35}.brand{font-family:var(--serif);font-size:43px;letter-spacing:-1.8px;line-height:1.05}.brand span{display:block;font-family:var(--sans);font-size:10px;letter-spacing:2px;line-height:1.8;margin-top:8px}nav{display:flex;gap:35px;align-items:center;font-size:14px}.nav-cta{border:1px solid #ffffff80;padding:11px 20px;border-radius:2px}.nav-cta span{margin-left:18px}.hero{height:900px;max-height:1100px;min-height:740px;height:100svh;position:relative;color:white;background:#435d5d}.hero-photo,.hero-shade,.sea>img,.sea-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-photo{object-position:center 48%}.hero-shade{background:linear-gradient(90deg,rgba(10,29,30,.67),rgba(10,29,30,.12) 75%),linear-gradient(0deg,rgba(8,24,25,.5),transparent 24%,transparent 80%,rgba(9,27,28,.4))}.hero-copy{position:absolute;left:8%;bottom:16%;max-width:850px}.eyebrow{font-size:12px;font-weight:500;letter-spacing:2.5px;line-height:1.6;margin:0 0 27px}.hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(80px,9vw,145px);letter-spacing:-3px;line-height:.95;margin:0 0 32px}em{font-style:normal}h1 em,h2 em{opacity:.77}.hero-intro{font-size:17px;line-height:1.8;font-weight:400}.hero-link{display:inline-flex;gap:45px;border-bottom:1px solid #ffffff80;padding:13px 0;font-size:14px;margin-top:13px}.hero-bottom{position:absolute;bottom:27px;left:5.5%;right:5.5%;display:flex;justify-content:space-between;font-size:11px;letter-spacing:2px}.section-pad{padding:105px 8%}.section-label{display:flex;align-items:center;gap:30px;font-size:12px;letter-spacing:2px;margin-bottom:55px}.line{height:1px;background:var(--rule);flex:1}.story-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:10%}h2{font-family:var(--serif);font-weight:400;font-size:clamp(43px,4.2vw,70px);line-height:1.12;letter-spacing:-1px;margin:0}.story-text p{margin:0 0 22px;color:var(--muted)}.story-text .lead{font-size:21px;line-height:1.5;color:var(--ink)}.text-note{font-size:13px;display:block;margin-top:30px;color:var(--muted)}.village-moment{display:grid;grid-template-columns:1.08fr 1fr;gap:8%;padding:0 8% 110px;align-items:center}.village-moment figure{margin:0}.village-moment img{display:block;width:100%;height:560px;object-fit:cover}figcaption{font-size:12px;color:var(--muted);margin-top:12px}.moment-copy h2{font-size:clamp(40px,3.8vw,61px);margin-bottom:28px}.moment-copy p:not(.eyebrow){color:var(--muted);max-width:450px}.sea{position:relative;height:690px;color:white;background:#126478}.sea>img{object-position:center 55%}.sea-shade{background:linear-gradient(90deg,#062e38b8,transparent 95%)}.sea-copy{position:absolute;left:8%;bottom:12%;max-width:510px}.sea h2{font-size:clamp(65px,6.4vw,100px)}.sea-copy>p:last-child{max-width:400px;font-size:17px;line-height:1.8}.visit{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-top:110px;padding-bottom:110px}.visit h2{font-size:clamp(44px,4vw,65px)}.visit-notes article{display:flex;gap:25px;padding:24px 0;border-top:1px solid var(--rule)}.visit-notes article>span{font-size:12px;opacity:.6;line-height:2.4}.visit-notes h3{font-size:17px;font-weight:500;margin:0 0 10px}.visit-notes p{font-size:15px;line-height:1.8;color:var(--muted);margin:0}.cres-cta{padding:100px 8%;text-align:center;background:var(--ink);color:#fff}.cres-cta h2{font-size:clamp(58px,6.5vw,102px)}.button{display:inline-flex;align-items:center;gap:55px;background:var(--paper);color:var(--ink);padding:16px 25px;margin-top:36px;font-size:15px;transition:background .2s}.button:hover{background:#e2e8e5;text-decoration:none}.cta-note{font-size:13px;color:#c1d1cf;margin-top:25px}footer{padding:55px 5.5% 25px}.footer-top{display:flex;justify-content:space-between;gap:35px;align-items:center;padding-bottom:38px}.footer-top p{font-size:13px;color:var(--muted);margin:7px 0}.footer-top p a{border-bottom:1px solid #92a2a1}.footer-bottom{border-top:1px solid var(--rule);padding-top:20px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px;font-size:12px;color:var(--muted)}details{max-width:380px}summary{cursor:pointer}.credits{padding-top:12px}.credits a{text-decoration:underline}.dark-brand{font-size:42px} @media(min-width:1700px){.hero-copy{left:12%}.section-pad{padding-left:12%;padding-right:12%}.village-moment{padding-left:12%;padding-right:12%}}@media(max-width:760px){.header{padding:22px 6%}.brand{font-size:35px}.brand span{font-size:9px;letter-spacing:1.3px}nav{gap:0}nav>a:not(.nav-cta){display:none}.nav-cta{font-size:12px;padding:10px 12px}.nav-cta span{margin-left:8px}.hero{min-height:710px;max-height:900px}.hero-copy{left:7%;right:7%;bottom:17%}.hero h1{font-size:clamp(70px,14.5vw,105px);letter-spacing:-2px}.hero-photo{object-position:60% center}.hero-shade{background:linear-gradient(90deg,#102c2f9e,#102c2f20),linear-gradient(0deg,#102c2f80,transparent 70%)}.eyebrow{font-size:11px;letter-spacing:1.8px}.hero-intro{font-size:16px}.hero-bottom{left:7%;right:7%;font-size:9px;letter-spacing:1px}.section-pad{padding:70px 7%}.section-label{margin-bottom:35px}.story-grid,.village-moment,.visit{grid-template-columns:1fr;gap:32px}.story h2{font-size:46px}.story-text .lead{font-size:20px}.village-moment{padding:0 7% 70px;gap:36px}.village-moment img{height:420px}.moment-copy h2{font-size:45px}.sea{height:650px}.sea-copy{left:7%;right:7%;bottom:9%}.sea h2{font-size:72px}.sea>img{object-position:65% center}.sea-copy>p:last-child{font-size:16px}.sea-shade{background:linear-gradient(0deg,#07343ee0,transparent 100%)}.visit{gap:35px}.visit h2{font-size:46px}.cres-cta{padding:75px 7%}.cres-cta h2{font-size:62px}.footer-top{align-items:flex-start;flex-direction:column}.footer-bottom{flex-direction:column;gap:16px}footer{padding:45px 7% 25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Multilingual layout: headers and text remain in flow at every width. */
:root{--serif:'Cormorant Garamond',Georgia,serif}
.header{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px 32px;padding:20px 5.5%;background:var(--ink);border:0}.header .brand{grid-column:1;grid-row:1 / 3;align-self:center}.header>nav:not(.languages){grid-column:2;grid-row:2;justify-content:flex-end;flex-wrap:wrap;gap:24px}.languages{grid-column:2;grid-row:1;display:flex;justify-content:flex-end;gap:5px;flex-wrap:wrap}.languages a{display:grid;place-items:center;min-width:34px;min-height:36px;font-size:12px;letter-spacing:.7px;line-height:1;padding:6px;border-bottom:1px solid transparent;color:#dce8e5}.languages a[aria-current]{color:white;border-bottom-color:white}.languages a:hover{background:#ffffff15;text-decoration:none;color:white}.hero{height:auto;min-height:760px;display:flex;align-items:center;padding:85px 8% 100px}.hero-copy{position:relative;left:auto;right:auto;bottom:auto;max-width:800px;width:100%}.hero h1{font-size:clamp(70px,8.3vw,130px);line-height:1.03;letter-spacing:-2px;overflow-wrap:break-word}.hero-intro{max-width:500px}.hero-bottom{gap:20px;font-size:12px;letter-spacing:1.2px}.story-grid>*{min-width:0}h2{overflow-wrap:break-word;text-wrap:balance}.story h2{font-size:clamp(42px,4.1vw,65px)}.village-moment img{width:100%;max-width:480px;height:auto;aspect-ratio:3/4;object-fit:cover}.sea{height:auto;min-height:690px;padding:230px 8% 75px;display:flex;align-items:flex-end}.sea-copy{position:relative;left:auto;right:auto;bottom:auto;max-width:570px}.sea-copy>p:last-child{max-width:450px}.visit-notes p{font-size:16px}.footer-top>div{max-width:590px}.footer-top p{font-size:14px}.ritual-link{display:inline-block;letter-spacing:2px;font-size:13px;margin-top:14px;padding:10px 0;border-bottom:1px solid var(--ink)}.footer-bottom{align-items:flex-start}.footer-bottom details{max-width:100%;flex-basis:100%}.credits{max-width:900px;overflow-wrap:anywhere}.brand span{font-size:12px;letter-spacing:1.3px}.eyebrow,.section-label,figcaption,.text-note{font-size:12px}.cta-note{font-size:14px}
@media(min-width:1700px){.hero{padding-left:12%;padding-right:12%}}
@media(max-width:900px){.header{column-gap:20px}.header>nav:not(.languages){gap:18px}.story-grid{gap:7%}.story h2{font-size:43px}.hero h1{font-size:clamp(65px,10vw,95px)}}
@media(max-width:760px){.header{padding:18px 7%;grid-template-columns:1fr;gap:14px}.header .brand{grid-row:1;grid-column:1;justify-self:start}.header>nav:not(.languages){grid-row:2;grid-column:1;justify-content:flex-start;gap:20px}.header>nav:not(.languages)>a{display:inline-block;font-size:14px}.nav-cta{border:0;padding:0}.languages{grid-row:1;grid-column:1;justify-self:end;max-width:208px;gap:2px}.languages a{min-width:37px;min-height:33px;font-size:12px}.header .brand{font-size:34px;max-width:120px}.header .brand span{font-size:10px;max-width:115px;letter-spacing:.7px}.hero{min-height:650px;padding:65px 7% 100px;max-height:none}.hero h1{font-size:clamp(49px,10.8vw,78px);line-height:1.08;letter-spacing:-1px}.hero-copy{max-width:100%}.hero-intro{font-size:16px}.hero-bottom{align-items:flex-end;font-size:12px;letter-spacing:.5px}.hero-bottom>span{max-width:50%}.hero-bottom>span:last-child{text-align:right}.story h2,.moment-copy h2,.visit h2{font-size:43px}.sea{min-height:650px;padding:210px 7% 65px}.sea-copy{max-width:100%}.sea h2{font-size:64px}.cres-cta h2{font-size:55px}.village-moment figure{max-width:480px}.brand span{font-size:12px}.button{gap:30px}.footer-top p{font-size:14px}.footer-bottom{gap:18px}.footer-bottom details{width:100%}}
@media(max-width:380px){.header{padding-left:5%;padding-right:5%}.languages{max-width:154px}.languages a{min-width:28px}.header>nav:not(.languages){gap:16px}.header>nav:not(.languages)>a{font-size:13px}.hero h1{font-size:48px}.story h2,.moment-copy h2,.visit h2{font-size:39px}}
@media(min-width:761px) and (max-height:750px){.hero{min-height:680px}}