*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--sand);color:var(--ink);font-family:"Zalando Sans",Arial,sans-serif;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}:root{--sand:#f4f2ed;--ink:#262824;--muted:#65685f;--sea:#dce7e6;--line:rgba(38,40,36,.2);--gutter:clamp(22px,2.6vw,48px)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a,button{touch-action:manipulation}button{color:inherit}button:disabled{cursor:default;opacity:.4}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #a35e31;outline-offset:6px}button{border:0}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400;text-wrap:balance}h1{font-size:clamp(50px,6vw,88px);line-height:1.04;letter-spacing:-.058em}h2{font-size:clamp(36px,4.7vw,68px);line-height:1.1;letter-spacing:-.05em}h3{font-size:clamp(28px,3vw,44px);line-height:1.13;letter-spacing:-.045em}p{font-size:18px;line-height:1.55;letter-spacing:-.018em}small,.label{font-size:11px;line-height:1.5;letter-spacing:.045em;text-transform:uppercase}.muted{color:var(--muted)}.skip-link{position:fixed;top:-90px;left:20px;padding:12px 20px;background:var(--sand);z-index:100}.skip-link:focus{top:15px}#header{position:absolute;z-index:20;top:0;left:0;right:0;color:var(--sand);padding:22px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:25px}#header.on-paper{color:var(--ink)}.brand{font-size:26px;font-weight:600;letter-spacing:-1.4px;white-space:nowrap}.brand span{font-weight:400}.header-actions{display:flex;align-items:center;gap:30px;font-size:13px}.language{display:flex;gap:7px;align-items:center;font-size:11px}.language button{background:transparent;padding:8px 4px;min-height:44px;opacity:.65}.language button[aria-pressed=true]{opacity:1;text-decoration:underline;text-underline-offset:5px}.menu-button{display:flex;align-items:center;gap:12px;background:var(--sand);color:var(--ink);border-radius:100px;padding:10px 17px;min-height:44px}.dots{display:grid;grid-template-columns:repeat(2,2px);gap:3px}.dots i{width:2px;height:2px;border-radius:50%;background:currentColor}.arrow{display:inline-block;font-size:19px;line-height:1;margin-left:9px}.text-link{display:inline-flex;align-items:center;min-height:44px;gap:20px;font-size:12px;text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid currentColor;padding:10px 0 7px}.text-link .arrow{transition:transform .3s}.text-link:hover .arrow{transform:translate(4px,-3px)}.hero{height:100svh;min-height:720px;position:relative;isolation:isolate;overflow:hidden;color:var(--sand);background:#465951}.hero>img,.scene>img{position:absolute;inset:0;z-index:-2}.hero>img{object-position:50% 55%;animation:drift 12s ease-out both}.hero:after,.scene:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(25,20,14,.27),transparent 40%,rgba(25,20,14,.56));z-index:-1;pointer-events:none}.hero .hero-note{position:absolute;top:43%;right:var(--gutter);font-size:15px;line-height:1.45;text-align:right}.hero-tag{position:absolute;top:47%;left:var(--gutter)}.hero-bottom{position:absolute;left:var(--gutter);right:var(--gutter);bottom:45px;display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.hero h1{max-width:1050px;font-size:clamp(48px,5.45vw,82px)}.scroll-link{font-size:13px;white-space:nowrap;padding-bottom:6px}.scroll-link span{margin-left:12px}.section{padding:32px var(--gutter) 100px}.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:65px}.section-head .label{color:var(--muted)}.intro{min-height:700px;display:flex;flex-direction:column;justify-content:space-between}.intro h2{max-width:1070px;margin:65px auto 90px;text-align:center}.intro .intro-bottom{display:flex;justify-content:space-between;align-items:flex-end}.intro-bottom p{max-width:400px;font-size:15px}.scene{position:relative;isolation:isolate;min-height:720px;height:88svh;max-height:1050px;overflow:hidden;color:var(--sand);display:flex;flex-direction:column;justify-content:space-between;padding:32px var(--gutter) 45px;background:#534a3b}.scene-top{display:flex;justify-content:space-between;gap:20px}.scene-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:25px}.scene-title{font-size:clamp(76px,12vw,190px);line-height:.9;letter-spacing:-.07em}.scene .text-link{font-size:11px}.facts{display:grid;grid-template-columns:1.3fr repeat(3,1fr);padding:90px var(--gutter);gap:50px;border-bottom:1px solid var(--line)}.facts .fact-value{font-size:clamp(55px,7vw,100px);line-height:1;letter-spacing:-.07em;margin-bottom:30px}.facts .fact-label{font-size:12px}.facts p{max-width:220px;font-size:14px;margin-top:12px;color:var(--muted)}.people{padding-top:34px}.people-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw;align-items:center}.people-layout figure{position:relative;aspect-ratio:4/5;max-width:560px;overflow:hidden}.people-layout figure img{object-position:50% 35%}.people-copy{max-width:590px}.people-copy h2{margin-bottom:35px}.people-copy p{max-width:420px;margin-bottom:28px;color:var(--muted)}figcaption{font-size:11px;padding-top:12px;color:var(--muted)}.people-layout .photo-caption{position:absolute;bottom:20px;left:20px;color:#fff;z-index:1;font-size:11px}.stays{padding-top:35px}.stays-intro{display:flex;justify-content:space-between;gap:60px;margin-bottom:65px}.stays-intro h2{max-width:660px}.stays-intro p{max-width:340px;color:var(--muted);font-size:16px;align-self:flex-end}.stay-row{display:grid;grid-template-columns:55px 1fr 1fr 150px;gap:25px;border-top:1px solid var(--line);padding:42px 0;align-items:start}.stay-row:last-child{border-bottom:1px solid var(--line)}.stay-row .label{padding-top:8px}.stay-row p{max-width:390px;font-size:16px;color:var(--muted)}.stay-row .text-link{justify-self:end;margin-top:4px}.day{padding-bottom:70px;background:#ebe9e1;overflow:hidden}.day-intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:50px;gap:40px}.day-intro h2{max-width:700px}.rail-controls{display:flex;gap:8px;align-items:center}.circle-button{width:48px;height:48px;border:1px solid var(--line);border-radius:50%;background:transparent;font-size:20px;display:inline-grid;place-items:center;transition:background .2s}.circle-button:hover{background:var(--ink);color:var(--sand)}.day-rail{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-right:calc(-1 * var(--gutter));padding-right:var(--gutter);padding-bottom:8px}.day-rail::-webkit-scrollbar{display:none}.day-card{flex:0 0 37%;scroll-snap-align:start;min-width:0}.day-card .image{aspect-ratio:4/4.6;overflow:hidden}.day-card img{transition:transform .8s}.day-card:hover img{transform:scale(1.035)}.day-card .caption{padding-top:22px;display:flex;justify-content:space-between;gap:25px}.day-card h3{font-size:26px}.day-card p{font-size:14px;max-width:350px;margin-top:10px;color:var(--muted)}.seasons{background:var(--sea);padding-bottom:90px}.seasons-layout{display:grid;grid-template-columns:1fr 1fr;gap:9vw}.seasons-layout>div>p{max-width:450px;color:#4e6362;margin-top:25px;font-size:16px}.month-selector{display:grid;grid-template-columns:repeat(6,1fr);gap:0;border-top:1px solid #a7bbba;border-left:1px solid #a7bbba;margin-bottom:32px}.month-button{min-height:53px;background:transparent;border-right:1px solid #a7bbba;border-bottom:1px solid #a7bbba;font-size:12px;transition:all .2s}.month-button:hover{background:#c6d8d6}.month-button[aria-pressed=true]{color:var(--sand);background:#385550}.season-content{min-height:185px}.season-content .label{color:#4e6362;margin-bottom:16px}.season-content h3{font-size:32px;margin-bottom:12px}.season-content p{font-size:16px;color:#4e6362;max-width:460px}.season-note{font-size:11px;color:#4e6362;margin-top:24px;line-height:1.55}.season-mark{height:48px;width:48px;margin-bottom:24px}.enquire-scene{min-height:600px;height:80svh}.enquire-scene h2{max-width:850px}.enquire-scene .scene-bottom{align-items:center}.pill-link{display:inline-flex;align-items:center;gap:25px;padding:15px 23px;min-height:52px;border-radius:40px;color:var(--ink);background:var(--sand);font-size:13px;transition:background .2s,transform .2s}.pill-link:hover{background:#fff;transform:translateY(-2px)}#footer{padding:64px var(--gutter) 25px;background:var(--sand)}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:40px;margin-bottom:90px}.footer-top .brand{font-size:36px}.footer-top .brand-note{font-size:14px;max-width:240px;margin-top:20px;color:var(--muted)}.footer-links{display:flex;flex-direction:column;gap:11px;font-size:14px}.footer-links .label{margin-bottom:15px;color:var(--muted)}.footer-links a{width:fit-content}.footer-links a:hover{text-decoration:underline;text-underline-offset:4px}.footer-bottom{border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.025em;text-transform:uppercase}.footer-bottom a{padding:4px 0}.giant-wordmark{font-size:clamp(85px,20.2vw,360px);line-height:.9;letter-spacing:-.085em;white-space:nowrap;margin-bottom:40px;margin-left:-.01em}.page-hero .hero-bottom{display:block}.page-hero h1{font-size:clamp(64px,10vw,150px);max-width:1100px}.page-hero .hero-description{font-size:18px;line-height:1.5;max-width:410px;margin-top:28px}.editorial{display:grid;grid-template-columns:1fr 2fr;gap:10vw;padding-top:100px}.editorial h2{max-width:840px}.editorial-copy{max-width:630px;margin:40px 0 0 auto}.editorial-copy p+p{margin-top:22px}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding-top:10px}.photo-grid figure:nth-child(2){padding-top:150px}.photo-grid .gallery-button{width:100%;background:transparent;padding:0;display:block;position:relative;aspect-ratio:4/5;overflow:hidden}.photo-grid .gallery-button img{transition:transform .7s}.photo-grid .gallery-button:hover img{transform:scale(1.025)}.photo-grid .gallery-button:after{content:"↗";position:absolute;bottom:17px;right:17px;background:var(--sand);color:var(--ink);border-radius:50%;width:40px;height:40px;display:grid;place-items:center}.details-list{max-width:850px;margin:0 0 0 auto}.details-list details{border-top:1px solid var(--line);padding:22px 0}.details-list details:last-child{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;font-size:21px;display:flex;justify-content:space-between;gap:25px;min-height:44px;align-items:center}summary:after{content:"+";font-size:26px}details[open] summary:after{content:"−"}details p{max-width:660px;font-size:16px;color:var(--muted);padding-top:16px;padding-bottom:5px}.team-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.team-grid .portrait{aspect-ratio:3/4;background:#ddd;overflow:hidden}.team-grid p{font-size:15px;margin-top:16px}.team-grid .label{color:var(--muted);margin-top:4px}.quote{padding:100px 10vw;text-align:center}.quote h2{max-width:1000px;margin:auto}.quote p{margin-top:25px;color:var(--muted);font-size:14px}.contact-page{padding-top:160px}.contact-title{display:flex;justify-content:space-between;gap:70px;margin-bottom:95px}.contact-title h1{max-width:760px}.contact-title>p{align-self:flex-end;max-width:300px;font-size:16px;color:var(--muted)}.contact-layout{display:grid;grid-template-columns:1fr 1.55fr;gap:10vw}.contact-details h3{font-size:28px;margin-bottom:25px}.contact-details a{display:block;font-size:17px;line-height:1.7;width:fit-content}.contact-details a:hover{text-decoration:underline}.contact-details .contact-image{height:300px;margin-top:45px}.contact-details>p{max-width:270px;font-size:14px;color:var(--muted);margin:30px 0}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px 25px}.field{display:flex;flex-direction:column;gap:12px;min-width:0}.field label{font-size:12px}.field input,.field select,.field textarea{min-width:0;width:100%;background:transparent;border:0;border-bottom:1px solid #999c91;border-radius:0;padding:10px 0 13px;color:var(--ink);font-size:16px;min-height:48px}.field textarea{min-height:100px;resize:vertical}.field.full{grid-column:1/-1}.field input[aria-invalid=true]{border-color:#a23c28}.form-error{font-size:12px;line-height:1.4;color:#a23c28}.form-error:empty{display:none}.check-field{display:flex;align-items:center;gap:12px;font-size:13px;min-height:44px;margin-top:15px}.check-field input{width:18px;height:18px;accent-color:var(--ink)}.form-note{color:var(--muted);font-size:12px;line-height:1.5;margin:25px 0}.submit-button{background:var(--ink);color:var(--sand);border-radius:40px;min-height:52px;padding:15px 25px;display:inline-flex;gap:40px;align-items:center;font-size:14px}.submit-button:hover{background:#485249}.draft-ready{border-top:1px solid var(--line);margin-top:35px;padding-top:25px}.draft-ready h3{font-size:28px;margin-bottom:15px}.draft-ready p{font-size:14px;color:var(--muted);margin-bottom:20px}.draft-ready[hidden]{display:none}.contact-bottom{margin-top:90px;border-top:1px solid var(--line);padding-top:35px;display:flex;justify-content:space-between;gap:40px}.contact-bottom p{font-size:14px;max-width:600px;color:var(--muted)}dialog{border:0;max-width:none;max-height:none;margin:0;background:var(--sand);color:var(--ink);padding:0}dialog::backdrop{background:rgba(0,0,0,.5)}#menu-dialog{width:100%;height:100svh}.menu-top{padding:22px var(--gutter);display:flex;align-items:center;justify-content:space-between}.close-button{border:1px solid var(--line);border-radius:30px;background:transparent;padding:10px 20px;min-height:44px}.menu-body{padding:8vh var(--gutter) 40px;display:grid;grid-template-columns:1fr 2fr;gap:50px}.menu-body .label{padding-top:20px;color:var(--muted)}.menu-nav{display:flex;flex-direction:column}.menu-nav a{font-size:clamp(34px,5.8vw,85px);line-height:1.3;letter-spacing:-.055em;transition:color .2s}.menu-nav a:hover{color:#8a947d}.menu-nav a span{font-size:11px;letter-spacing:0;margin-right:25px;display:inline-block;vertical-align:middle}.menu-contact{padding:30px var(--gutter);display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:14px}.menu-contact a:hover{text-decoration:underline}#gallery-dialog{width:100%;height:100svh;background:#1d221f;color:var(--sand)}.gallery-top{height:80px;display:flex;justify-content:space-between;align-items:center;padding:20px var(--gutter)}.gallery-photo{width:100%;height:calc(100svh - 150px);object-fit:contain;padding:0 var(--gutter)}.gallery-caption{padding:20px var(--gutter);font-size:12px}.reveal{opacity:1;transform:none}.js-motion .reveal{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s ease}.js-motion .reveal.visible{opacity:1;transform:none}.source-credits{max-width:900px}.source-credits h2{margin-bottom:35px}.source-credits p{margin-top:20px}.source-credits a{text-decoration:underline}.source-credits ul{padding-left:20px;font-size:16px;line-height:1.8}
@keyframes drift{from{transform:scale(1.035)}to{transform:scale(1)}}
@media(min-width:1600px){.intro{min-height:800px}.section{padding-bottom:130px}.people-layout{gap:14vw}}
@media(max-width:1000px){.hero{min-height:680px}.hero-bottom{bottom:35px}.hero h1{font-size:clamp(48px,6.2vw,70px)}.facts{grid-template-columns:repeat(3,1fr);gap:30px}.facts>.label{grid-column:1/-1}.people-layout{gap:6vw}.people-copy h2{font-size:44px}.stay-row{grid-template-columns:35px 1fr 1fr}.stay-row .text-link{grid-column:2/-1;justify-self:start}.day-card{flex-basis:46%}.footer-top{grid-template-columns:1.5fr 1fr 1fr}.footer-top>div:last-child{grid-column:1/-1}.footer-links:last-child{flex-direction:row;align-items:center;flex-wrap:wrap}.footer-links:last-child .label{width:100%;margin-bottom:4px}.team-grid{gap:14px}.contact-layout{gap:6vw}.contact-title{gap:40px}.contact-title h1{font-size:65px}.editorial{gap:6vw}}
@media(max-width:700px){p{font-size:16px}h1{font-size:52px}.header-actions{gap:15px}#header{padding-top:16px}.brand{font-size:24px}.header-enquire{display:none}.language{font-size:10px;gap:3px}.menu-button{padding:9px 14px;font-size:12px}.hero{height:92svh;min-height:650px;max-height:1000px}.hero>img{object-position:45% 50%}.hero .hero-note{font-size:13px;top:34%;right:var(--gutter)}.hero-tag{top:40%;font-size:10px;max-width:100px}.hero-bottom{display:block;bottom:30px}.hero h1{font-size:clamp(42px,9.4vw,64px);line-height:1.07;letter-spacing:-.055em;max-width:620px}.scroll-link{display:inline-block;margin-top:32px;font-size:12px}.section{padding-top:25px;padding-bottom:65px}.section-head{margin-bottom:45px;gap:22px}.section-head .label{font-size:9px}.section-head .label:last-child{text-align:right;max-width:170px}.intro{min-height:600px}.intro h2{margin:35px auto 50px;font-size:36px;line-height:1.17}.intro .intro-bottom{display:block}.intro-bottom p{font-size:14px;max-width:300px;margin-bottom:25px}.scene{height:75svh;min-height:570px;padding-bottom:30px}.scene-top .label{font-size:10px}.scene-title{font-size:clamp(60px,15vw,105px)}.scene-bottom{display:block}.scene .text-link{margin-top:30px}.facts{padding:60px var(--gutter);gap:35px 20px}.facts .fact-value{font-size:58px;margin-bottom:15px}.facts .fact-label{font-size:10px}.facts p{font-size:12px;line-height:1.5;margin-top:10px}.people-layout{grid-template-columns:1fr;gap:40px}.people-layout figure{aspect-ratio:4/4.8;width:80%;max-width:none}.people-copy{max-width:none}.people-copy h2{font-size:40px;margin-bottom:25px}.people-copy p{font-size:16px}.stays-intro{display:block;margin-bottom:40px}.stays-intro h2{font-size:39px}.stays-intro p{margin-top:25px;font-size:15px}.stay-row{grid-template-columns:25px 1fr;padding:30px 0;gap:15px}.stay-row h3{font-size:32px}.stay-row p{grid-column:2;font-size:15px}.stay-row .text-link{grid-column:2;font-size:10px}.day-intro{display:block;margin-bottom:30px}.day-intro h2{font-size:39px}.rail-controls{margin-top:25px;justify-content:flex-end}.day-card{flex-basis:82%;max-width:380px}.day-card .image{aspect-ratio:4/4.8}.day-card .caption{gap:15px}.day-card h3{font-size:24px}.seasons-layout{grid-template-columns:1fr;gap:45px}.seasons-layout h2{font-size:39px}.season-content{min-height:170px}.enquire-scene{height:72svh;min-height:540px}.enquire-scene h2{font-size:44px}.enquire-scene .pill-link{margin-top:35px}.footer-top{grid-template-columns:1fr 1fr;gap:40px 25px;margin-bottom:65px}.footer-top>div:first-child{grid-column:1/-1}.footer-top>div:last-child{grid-column:1/-1}.footer-links{font-size:13px}.footer-top .brand-note{max-width:260px}.footer-bottom{font-size:9px;flex-wrap:wrap}.giant-wordmark{font-size:20vw;margin-bottom:30px}#footer{padding-top:45px}.page-hero h1{font-size:64px;line-height:1.04}.page-hero .hero-description{font-size:16px;max-width:290px}.editorial{display:block;padding-top:60px}.editorial>.label{display:block;margin-bottom:35px}.editorial h2{font-size:36px}.editorial-copy{margin-top:30px}.photo-grid{gap:14px}.photo-grid figure:nth-child(2){padding-top:80px}.photo-grid figcaption{font-size:10px;line-height:1.5}.photo-grid .gallery-button:after{width:30px;height:30px;right:10px;bottom:10px}.details-list{margin-top:25px}summary{font-size:19px}.team-grid{grid-template-columns:1fr 1fr;gap:30px 20px}.team-grid .portrait{aspect-ratio:3/4}.quote{padding:65px var(--gutter)}.quote h2{font-size:34px}.contact-page{padding-top:140px}.contact-title{display:block;margin-bottom:55px}.contact-title h1{font-size:57px}.contact-title>p{margin-top:30px;max-width:300px}.contact-layout{grid-template-columns:1fr;gap:55px}.contact-details .contact-image{display:none}.contact-details>p{max-width:350px;margin-bottom:0}.field-grid{gap:25px 18px}.field-grid .field{grid-column:1/-1}.field-grid .half-field{grid-column:auto}.contact-bottom{display:block;margin-top:65px}.contact-bottom .text-link{margin-top:25px}.menu-body{display:block;padding-top:5vh}.menu-body>.label{display:block;margin-bottom:30px}.menu-nav a{font-size:clamp(31px,8.4vw,50px);line-height:1.45}.menu-nav a span{margin-right:12px;font-size:9px}.menu-contact{flex-direction:column;gap:15px;margin-top:25px}.gallery-photo{padding:0 10px}.gallery-top{gap:15px}.gallery-top .label{max-width:220px}.source-credits{padding-top:140px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}}
.hero:after{background:linear-gradient(180deg,rgba(25,20,14,.43),rgba(25,20,14,.04) 40%,rgba(25,20,14,.56))}
/* Motion follows the reference's word blur/rotation and restrained entrances. */
:root{--motion-ease:cubic-bezier(.22,1,.36,1);--motion-fast:cubic-bezier(.25,.8,.25,1)}
#header{position:fixed;pointer-events:none}
#header>a,#header .header-actions{pointer-events:auto}
#header>.brand{transition:opacity .35s ease,transform .5s var(--motion-ease)}
.past-hero #header>.brand{opacity:0;transform:translateY(-10px);pointer-events:none}
.header-enquire{padding:10px 15px;border-radius:30px;transition:background .35s,color .35s}
.past-hero .header-enquire{background:var(--ink);color:var(--sand)}
.hero>img{animation:hero-settle 1.9s var(--motion-ease) both}
.hero-note,.hero-tag,.hero-description,.scroll-link{animation:detail-in .9s var(--motion-ease) .3s both}
#header .header-actions{animation:detail-in .8s var(--motion-ease) .15s both}
.motion-title{perspective:none}
.js-motion .reveal,.js-motion .reveal.visible{opacity:1;transform:none;transition:none}
.motion-word{display:inline-block;transform-origin:50% 50%;backface-visibility:hidden}
.motion-token{display:inline-block;white-space:nowrap}
.js-motion .motion-title:not(.visible) .motion-word{opacity:.001;filter:blur(4px);transform:rotateX(100deg)}
.js-motion .motion-title.visible .motion-word{animation:word-in .85s var(--motion-ease) var(--word-delay,0ms) both}
.js-motion .motion-characters:not(.visible) .motion-word{filter:none}
.js-motion .motion-characters.visible .motion-word{animation-name:character-in}
.js-motion .motion-enter{opacity:0;transform:translateY(24px);transition:opacity .8s var(--motion-ease) var(--enter-delay,0ms),transform 1s var(--motion-ease) var(--enter-delay,0ms)}
.js-motion .motion-enter.visible{opacity:1;transform:none}
.scene>img{transition:transform .18s linear}
.gallery-button img,.people-layout img,.portrait img,.day-card img{transition:transform 1.1s var(--motion-ease)}
@media(hover:hover){.gallery-button:hover img,.people-layout figure:hover img,.portrait:hover img,.day-card:hover img{transform:scale(1.045)}}
.text-link .arrow,.pill-link .arrow,.header-enquire .arrow{transition:transform .45s var(--motion-ease)}
.pill-link:hover .arrow,.header-enquire:hover .arrow{transform:translate(3px,-3px)}
.menu-button,.circle-button,.close-button,.submit-button{transition:background .3s,color .3s,transform .45s var(--motion-ease)}
.menu-button:hover{background:#fff}.menu-button:hover .dots{transform:rotate(90deg)}.dots{transition:transform .5s var(--motion-ease)}
.circle-button:active,.pill-link:active,.submit-button:active{transform:scale(.97)}
#menu-dialog{inset:74px var(--gutter) auto auto;width:260px;height:auto;max-height:calc(100svh - 90px);overflow:auto;border-radius:12px;background:var(--sand);transform-origin:top right}
#menu-dialog::backdrop{background:transparent}
#menu-dialog[open]{animation:menu-in .5s var(--motion-ease) both}
#menu-dialog[data-closing]{animation:menu-out .24s var(--motion-fast) both;pointer-events:none}
.menu-top{padding:10px 12px 0;justify-content:flex-end}
.menu-top .brand{display:none}
.menu-top .close-button{border:0;padding:8px 10px;font-size:12px}
.menu-body{display:block;padding:8px 20px 18px}
.menu-body>.label{display:block;padding:0;margin:0 0 16px;font-size:10px}
.menu-nav{gap:0}.menu-nav a{font-size:19px;line-height:1.25;letter-spacing:-.025em;padding:9px 0;min-height:40px;transition:opacity .25s,transform .4s var(--motion-ease)}
.menu-nav a span{display:none}.menu-nav a:hover{color:var(--ink);transform:translateX(5px)}
.menu-nav:has(a:hover) a:not(:hover){opacity:.45}
#menu-dialog[open] .menu-nav a{animation:detail-in .55s var(--motion-ease) calc(.08s + var(--menu-index)*.045s) both}
.menu-contact{padding:16px 20px;font-size:11px;display:block;margin:0}.menu-contact a{display:block;margin-bottom:8px}.menu-contact>span{color:var(--muted)}
#gallery-dialog[open]{animation:gallery-in .4s var(--motion-ease) both}
#gallery-dialog[open] .gallery-photo{animation:photo-in .8s var(--motion-ease) both}
#gallery-dialog[data-closing]{animation:gallery-out .24s ease both;pointer-events:none}
.season-content.is-changing{animation:detail-in .5s var(--motion-ease) both}
details[open]>p{animation:detail-in .5s var(--motion-ease) both}
summary:after{transition:transform .4s var(--motion-ease)}
#main,#footer{transition:opacity .22s ease,translate .22s ease}
.page-leaving #main,.page-leaving #footer{opacity:0;translate:0 -8px;pointer-events:none}
@keyframes word-in{from{opacity:.001;filter:blur(4px);transform:rotateX(100deg)}to{opacity:1;filter:blur(0);transform:rotateX(0)}}
@keyframes character-in{from{opacity:.001;transform:rotateX(100deg)}to{opacity:1;transform:rotateX(0)}}
.facts .number-reveal{display:flex;letter-spacing:0;font-variant-numeric:tabular-nums;line-height:1}
.number-static{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.number-column{display:inline-block;width:1ch;height:1em;overflow:hidden;vertical-align:top}
.number-strip{display:flex;flex-direction:column;transform:translateY(0);transition:transform 1.65s cubic-bezier(.16,1,.3,1) var(--number-delay)}
.number-strip>span{display:block;height:1em;flex:0 0 1em;text-align:center;line-height:1}
.number-reveal.visible .number-strip{transform:translateY(var(--number-end))}
@media(prefers-reduced-motion:reduce){.number-strip{transform:translateY(var(--number-end))!important}}
@keyframes detail-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes hero-settle{from{transform:scale(1.065)}to{transform:scale(1)}}
@keyframes menu-in{from{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:none}}
@keyframes menu-out{to{opacity:0;transform:translateY(-8px) scale(.97)}}
@keyframes gallery-in{from{opacity:0}to{opacity:1}}
@keyframes gallery-out{to{opacity:0}}
@keyframes photo-in{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}
@media(max-width:700px){#menu-dialog{top:68px;width:min(260px,calc(100vw - 44px))}.scene>img{transform:none!important}.motion-word{--word-delay:0ms}.js-motion .motion-title.visible .motion-word{animation-duration:.7s}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.motion-word,.js-motion .motion-title:not(.visible) .motion-word,.js-motion .motion-enter{opacity:1;filter:none;transform:none}.page-leaving #main,.page-leaving #footer{opacity:1;translate:none}.scene>img{transform:none!important}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Selected Work reference: split introduction and four overlapping sticky photographs. */
.life-work{background:var(--sand)}
.life-work-intro{display:grid;grid-template-columns:1fr 1.1fr;gap:8vw;align-items:start;padding:110px var(--gutter) 95px}
.life-work-intro>.label{padding-top:8px}
.life-work-intro h2{font-size:clamp(27px,2.5vw,38px);line-height:1.15;letter-spacing:-.045em;max-width:620px}
.life-panels{position:relative;isolation:isolate}
.life-panel{position:sticky;top:0;height:100svh;min-height:560px;isolation:isolate;overflow:hidden;color:var(--sand);background:#314b43;z-index:var(--panel-order)}
.life-panel>img{position:absolute;inset:0;z-index:-2;transform:scale(1.025);transition:transform .15s linear,clip-path .15s linear}
.life-panel:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(25,20,14,.2),rgba(25,20,14,.45) 45%,rgba(25,20,14,.5))}
.life-panel-content{height:100%;display:grid;grid-template-columns:1fr 2.4fr 1fr;gap:30px;align-items:center;padding:0 var(--gutter)}
.life-panel-meta{display:flex;gap:28px;align-items:center;line-height:1.5}
.life-panel-title{text-align:center;font-size:clamp(54px,6.2vw,96px);line-height:1.05;letter-spacing:-.065em;font-weight:400}
.life-panel-action{justify-self:end;background:transparent;color:inherit;font-size:11px;white-space:nowrap;border:0;padding:12px 0;gap:6px}
.life-panel-action:hover{border-bottom:1px solid currentColor}
.life-panel-note{position:absolute;bottom:35px;left:var(--gutter);max-width:400px;font-size:13px;line-height:1.5}
.js-motion .life-panel-meta,.js-motion .life-panel-action,.js-motion .life-panel-note{opacity:0;transform:translateY(16px)}
.js-motion .life-panel.is-active .life-panel-meta,.js-motion .life-panel.is-active .life-panel-action,.js-motion .life-panel.is-active .life-panel-note{animation:detail-in .8s var(--motion-ease) .15s both}
.js-motion .life-panel.is-active .life-panel-note{animation-delay:.3s}
@media(max-width:900px){.life-panel-content{grid-template-columns:1fr 2.4fr 1fr;gap:15px}.life-panel-meta{display:block;font-size:10px}.life-panel-meta span{display:block;margin:6px 0}.life-panel-action{font-size:10px}.life-panel-title{font-size:clamp(46px,7vw,76px)}}
@media(max-width:700px){.life-work-intro{display:block;padding:65px var(--gutter) 55px}.life-work-intro>.label{display:block;margin-bottom:35px;font-size:10px}.life-work-intro h2{font-size:32px;max-width:420px}.life-panel{min-height:560px}.life-panel-content{display:flex;flex-direction:column;justify-content:center;gap:24px}.life-panel-meta{position:absolute;top:95px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;gap:20px}.life-panel-title{font-size:clamp(50px,11.5vw,80px);max-width:100%;text-align:center}.life-panel-action{align-self:center;font-size:11px}.life-panel-note{max-width:310px;right:var(--gutter);bottom:28px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.life-panel{position:relative}.life-panel>img{transform:none!important;clip-path:none!important}.js-motion .life-panel-meta,.js-motion .life-panel-action,.js-motion .life-panel-note{opacity:1;transform:none}}
/* Warm charcoal surfaces; photography keeps its original light foreground. */
:root[data-theme=light]{color-scheme:light}
:root[data-theme=dark]{color-scheme:dark;--sand:#171d1a;--ink:#eeeee7;--muted:#b0b9b1;--sea:#263b35;--line:rgba(238,238,231,.2)}
.theme-toggle{width:44px;height:44px;display:grid;place-items:center;background:transparent;border:1px solid currentColor;border-radius:50%;padding:11px;flex:0 0 44px;transition:background .3s,transform .4s var(--motion-ease)}
.theme-toggle svg{width:20px;height:20px}
.theme-toggle:hover{transform:rotate(15deg);background:rgba(128,140,130,.16)}
body,.seasons,#footer,#menu-dialog,.life-work{transition:background-color .35s ease,color .35s ease}
[data-theme=dark] .hero,[data-theme=dark] .scene,[data-theme=dark] .life-panel,[data-theme=dark] #gallery-dialog,[data-theme=dark] #header:not(.on-paper){color:#f4f2ed}
[data-theme=dark] .past-hero #header{color:#f4f2ed}
[data-theme=dark] .day{background:#202923}
[data-theme=dark] .seasons-layout>div>p,[data-theme=dark] .season-content p,[data-theme=dark] .season-content .label,[data-theme=dark] .season-note{color:#c1d4ca}
[data-theme=dark] .month-selector,[data-theme=dark] .month-button{border-color:#638073}
[data-theme=dark] .month-button:hover{background:#3a5146}
[data-theme=dark] .month-button[aria-pressed=true]{background:#d3e4d5;color:#19271f}
[data-theme=dark] .menu-button:hover,[data-theme=dark] .pill-link:hover{background:#344039}
[data-theme=dark] .submit-button:hover{background:#d0d9cd}
[data-theme=dark] .form-error{color:#ffae98}
[data-theme=dark] .field input[aria-invalid=true]{border-color:#ffae98}
[data-theme=dark] .field input,[data-theme=dark] .field select,[data-theme=dark] .field textarea{border-bottom-color:#7f9185}
[data-theme=dark] .field select option{background:#202923;color:#eeeee7}
[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#98a69c;opacity:1}
[data-theme=dark] .team-grid .portrait{background:#29332d}
[data-theme=dark] :focus-visible{outline-color:#d6ad80}
[data-theme=dark] .past-hero .header-enquire{background:#eeeee7;color:#171d1a}
[data-theme=dark] .past-hero .theme-toggle{background:#171d1a;color:#eeeee7}
@media(max-width:700px){.header-actions{gap:8px}.theme-toggle{width:40px;flex-basis:40px;height:44px;padding:10px;border-color:transparent}}
/* Casa Faly: ivory, espresso, olive and aged brass. */
#gallery-dialog{background:#14120f}
:root,:root[data-theme=light]{--sand:#f1e9dc;--ink:#302820;--muted:#726553;--sea:#e1dfcf;--line:rgba(72,53,30,.22);--accent:#80633a;--action:#3d3529;--action-text:#f7eedf;--action-hover:#594833;--surface-raised:#e9dfcf;--season-muted:#625f4f;--season-line:#aaa18a;--photo-text:#f7eedf}
:root[data-theme=dark]{--sand:#191613;--ink:#eee4d3;--muted:#b9ad9a;--sea:#282b21;--line:rgba(193,162,115,.24);--accent:#c1a273;--action:#c1a273;--action-text:#211b14;--action-hover:#d3b98c;--surface-raised:#252019;--season-muted:#c1b7a3;--season-line:#6f6b53;--photo-text:#f7eedf}
::selection{background:var(--accent);color:var(--sand)}
.hero,.scene,.life-panel,#gallery-dialog,#header:not(.on-paper){color:var(--photo-text)}
.section-head .label,.life-work-intro>.label,.editorial>.label{color:var(--accent)}
.facts .fact-value{color:var(--accent)}
.text-link{border-bottom-color:var(--accent)}
.menu-button{border:1px solid var(--line)}
.pill-link,.submit-button,.past-hero .header-enquire{background:var(--action);color:var(--action-text)}
.pill-link:hover,.submit-button:hover,.past-hero .header-enquire:hover{background:var(--action-hover);color:var(--action-text)}
.menu-button:hover{background:var(--surface-raised);color:var(--ink)}
.seasons-layout>div>p,.season-content p,.season-content .label,.season-note{color:var(--season-muted)}
.month-selector,.month-button{border-color:var(--season-line)}
.month-button:hover{background:var(--line)}
.month-button[aria-pressed=true]{background:var(--action);color:var(--action-text)}
.field input,.field select,.field textarea{border-bottom-color:var(--season-line)}
.field input:focus,.field select:focus,.field textarea:focus{border-bottom-color:var(--accent)}
.field select option{background:var(--sand);color:var(--ink)}
input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}
.team-grid .portrait{background:var(--surface-raised)}
:focus-visible{outline-color:var(--accent)}
.theme-toggle:hover{background:var(--line)}
.past-hero .theme-toggle{background:var(--sand);color:var(--ink)}
[data-theme=dark] .hero,[data-theme=dark] .scene,[data-theme=dark] .life-panel,[data-theme=dark] #gallery-dialog,[data-theme=dark] #header:not(.on-paper),[data-theme=dark] .past-hero #header{color:var(--photo-text)}
[data-theme=dark] .day{background:var(--surface-raised)}
[data-theme=dark] .seasons-layout>div>p,[data-theme=dark] .season-content p,[data-theme=dark] .season-content .label,[data-theme=dark] .season-note{color:var(--season-muted)}
[data-theme=dark] .month-selector,[data-theme=dark] .month-button{border-color:var(--season-line)}
[data-theme=dark] .month-button:hover{background:var(--line)}
[data-theme=dark] .month-button[aria-pressed=true]{background:var(--action);color:var(--action-text)}
[data-theme=dark] .menu-button:hover{background:var(--surface-raised);color:var(--ink)}
[data-theme=dark] .pill-link:hover,[data-theme=dark] .submit-button:hover{background:var(--action-hover);color:var(--action-text)}
[data-theme=dark] .field input,[data-theme=dark] .field select,[data-theme=dark] .field textarea{border-bottom-color:var(--season-line)}
[data-theme=dark] .field select option{background:var(--sand);color:var(--ink)}
[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:var(--muted)}
[data-theme=dark] .team-grid .portrait{background:var(--surface-raised)}
[data-theme=dark] :focus-visible{outline-color:var(--accent)}
[data-theme=dark] .past-hero .header-enquire{background:var(--action);color:var(--action-text)}
[data-theme=dark] .past-hero .theme-toggle{background:var(--sand);color:var(--ink)}
.hero:after{background:linear-gradient(180deg,rgba(8,22,20,.43),rgba(8,22,20,.04) 40%,rgba(8,22,20,.56))}
/* Original client PNG, with display-only blending for its white background. */
.brand{display:inline-flex;align-items:center;line-height:1;flex-shrink:0}
.brand-logo{display:block;width:148px;height:86px;object-fit:contain;flex-shrink:0}
#header{padding-top:10px;padding-bottom:10px}
#header:not(.on-paper) .brand-logo{filter:invert(1);mix-blend-mode:normal}
[data-theme=dark] .brand-logo{filter:invert(1);mix-blend-mode:normal}
.footer-top .brand-logo{width:245px;height:auto}
.brand-signature{display:flex;justify-content:center;margin:50px 0 55px;font-size:inherit;line-height:1;white-space:normal}
.brand-signature .brand-logo{width:min(68vw,800px);height:auto}
@media(max-width:700px){#header{gap:10px;padding-top:10px;padding-bottom:10px}.brand-logo{width:98px;height:57px}.footer-top .brand-logo{width:210px}.brand-signature{margin:25px 0 35px}.brand-signature .brand-logo{width:85vw}}
/* Haven reference: cream brand curtain, scale 3→1, then a 1.2→1 photo settle. */
.home-opening{height:100svh;min-height:680px;background:#191613}
.home-opening .hero-bottom{top:clamp(130px,17svh,190px);bottom:auto;display:block;pointer-events:none}
.home-opening h1{max-width:1100px;font-size:clamp(58px,6.8vw,108px);font-weight:600;line-height:1.01;letter-spacing:-.065em;text-wrap:initial}
.home-opening .hero-note{top:auto;right:auto;left:var(--gutter);bottom:32px;text-align:left;font-size:12px;line-height:1.5}
.home-opening .hero-tag{top:auto;bottom:84px;max-width:180px;font-size:10px}
.home-opening .opening-copy{position:absolute;bottom:28px;left:41%;width:35%;max-width:485px;font-size:clamp(18px,1.9vw,27px);font-weight:500;line-height:1.13;letter-spacing:-.035em}
.home-opening .scroll-link{position:absolute;right:var(--gutter);bottom:28px;margin:0;font-size:12px}
.home-opening>img{animation:none}
.home-opening .hero-note,.home-opening .hero-tag,.home-opening .scroll-link{animation:none}
.opening-curtain{position:fixed;inset:0;z-index:90;display:grid;place-items:center;overflow:hidden;pointer-events:none;color:#302820}
.opening-curtain:before{content:"";position:absolute;inset:0;background:#f1e9dc;transform-origin:top;animation:opening-curtain-away .95s cubic-bezier(.76,0,.24,1) 1.05s both}
.opening-mark{position:relative;width:clamp(170px,18vw,260px);aspect-ratio:595.28/278.27;animation:opening-mark-settle 1s cubic-bezier(.96,-.02,.38,1.01) both}
.opening-mark-inner{position:absolute;inset:0;animation:opening-mark-away .8s cubic-bezier(.76,0,.24,1) 1.05s both}
.opening-slice{position:absolute;inset:0;animation:opening-slice-in .6s cubic-bezier(.22,1,.36,1) calc(var(--slice)*45ms + 80ms) both}
.opening-slice img{width:100%;height:100%;object-fit:contain}
.opening-active body{overflow:hidden}
.opening-sequence #header{animation:opening-nav-in .75s var(--motion-ease) 1.45s both}
.opening-sequence .home-opening>img{animation:opening-photo-in 1.6s cubic-bezier(.68,0,0,1) 1.15s both}
.opening-sequence .home-opening .hero-bottom{animation:opening-heading-in 1.15s cubic-bezier(.16,1,.3,1) 1.25s both}
.opening-sequence .home-opening .hero-note,.opening-sequence .home-opening .hero-tag,.opening-sequence .home-opening .scroll-link{animation:opening-detail-in .8s var(--motion-ease) 1.55s both}
.opening-copy-word{display:inline-block}
.opening-sequence .opening-copy-word{animation:opening-detail-in .65s var(--motion-ease) calc(1.5s + var(--copy-index)*25ms) both}
@keyframes opening-curtain-away{to{transform:scaleY(0)}}
@keyframes opening-mark-settle{from{transform:translateY(24px) scale(3)}to{transform:translateY(0) scale(1)}}
@keyframes opening-mark-away{to{transform:translateY(-180px);opacity:0}}
@keyframes opening-slice-in{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}
@keyframes opening-photo-in{from{transform:scale(1.2);opacity:.25}to{transform:scale(1);opacity:1}}
@keyframes opening-heading-in{from{transform:translateY(250px)}to{transform:translateY(0)}}
@keyframes opening-detail-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes opening-nav-in{from{opacity:0;translate:0 -12px}to{opacity:1;translate:0 0}}
@media(max-width:700px){
.home-opening{height:100svh;min-height:650px;max-height:none}
.home-opening .hero-bottom{top:clamp(140px,22svh,190px);bottom:auto}
.home-opening h1{font-size:clamp(37px,8.8vw,61px);line-height:1.04;max-width:650px}
.home-opening .hero-tag{bottom:184px;max-width:240px}
.home-opening .opening-copy{left:var(--gutter);right:var(--gutter);bottom:76px;width:auto;max-width:360px;font-size:20px;line-height:1.2}
.home-opening .hero-note{bottom:22px;font-size:10px}
.home-opening .scroll-link{bottom:22px;font-size:11px}
.opening-mark{width:150px}
}
@media(prefers-reduced-motion:reduce){.opening-curtain{display:none}.opening-active body{overflow:visible}.opening-sequence #header,.opening-sequence .home-opening>img,.opening-sequence .home-opening .hero-bottom,.opening-copy-word{animation:none!important;transform:none;opacity:1}}
/* Deep night palette, including the opening curtain. */
:root[data-theme=dark]{--sand:#090a09;--ink:#ece7dd;--muted:#aaa69c;--sea:#10130f;--line:rgba(187,164,125,.18);--accent:#bba47d;--action:#24231f;--action-text:#e7d5b5;--action-hover:#353127;--surface-raised:#141512;--season-muted:#b8b4a8;--season-line:#535449;--photo-text:#f2ecdf}
[data-theme=dark] .opening-curtain:before{background:var(--sand)}
[data-theme=dark] .opening-slice img{filter:invert(1)}
[data-theme=dark] .home-opening{background:var(--sand)}
[data-theme=dark] .menu-button,[data-theme=dark] .past-hero .theme-toggle{background:#111210;color:var(--ink);border-color:var(--line)}
[data-theme=dark] .month-button[aria-pressed=true]{background:#353127;color:#f1e3ca}
[data-theme=dark] .pill-link,[data-theme=dark] .submit-button,[data-theme=dark] .past-hero .header-enquire{border:1px solid rgba(187,164,125,.3)}
[data-theme=dark] .hero:after{background:linear-gradient(180deg,rgba(3,5,4,.57),rgba(3,5,4,.12) 42%,rgba(3,5,4,.68))}
[data-theme=dark] .life-panel:after{background:linear-gradient(180deg,rgba(3,5,4,.27),rgba(3,5,4,.14) 45%,rgba(3,5,4,.65))}
/* Shared responsive type and spacing system — UI/UX Pro Max refinement. */
:root{--type-body:clamp(1rem,.94rem + .2vw,1.125rem);--type-small:.875rem;--type-label:.75rem;--type-h2:clamp(2rem,1.4rem + 2.5vw,3.75rem);--type-h3:clamp(1.5rem,1.1rem + 1.5vw,2.375rem);--space-section:clamp(64px,7vw,112px);--gutter:clamp(24px,3.2vw,64px)}
html{scroll-padding-top:144px}
body{font-size:var(--type-body);line-height:1.6}
p{font-size:var(--type-body);line-height:1.6;letter-spacing:-.01em}
h1,h2,h3{overflow-wrap:break-word;text-wrap:balance}
h2{font-size:var(--type-h2);line-height:1.14;letter-spacing:-.04em}
h3{font-size:var(--type-h3);line-height:1.2;letter-spacing:-.03em}
small,.label{font-size:var(--type-label);line-height:1.5;letter-spacing:.055em}
.section{padding-bottom:var(--space-section)}
.section-head{margin-bottom:48px;gap:24px}
.section-head .label{font-size:var(--type-label)}
.intro{min-height:0;padding-top:48px}
.intro h2{max-width:25ch;margin:64px auto;line-height:1.17}
.intro-bottom{gap:48px}
.intro-bottom p{max-width:43ch;font-size:var(--type-body)}
.people-layout{gap:clamp(40px,8vw,128px)}
.people-copy h2,.stays-intro h2,.seasons-layout h2,.editorial h2,.life-work-intro h2{font-size:var(--type-h2);line-height:1.15}
.people-copy p,.stays-intro p,.stay-row p,.editorial-copy p,.season-content p,.seasons-layout>div>p,.contact-title>p,.contact-details>p,.contact-bottom p{font-size:var(--type-body);line-height:1.6;max-width:65ch}
.people-copy p{max-width:43ch}
.stay-row h3{font-size:var(--type-h3);line-height:1.2}
.stay-row{padding:36px 0;gap:24px}
.stay-row>*,.people-layout>*,.contact-layout>*,.footer-top>*,.stays-intro>*{min-width:0}
.home-opening .hero-bottom{top:clamp(148px,20svh,200px)}
.home-opening h1{font-size:clamp(2.625rem,5.6vw,5.5rem);line-height:1.08;letter-spacing:-.045em;max-width:1120px}
.home-opening .opening-copy{font-size:clamp(1.125rem,1.6vw,1.375rem);line-height:1.4;max-width:46ch}
.home-opening .hero-note,.home-opening .hero-tag,.home-opening .scroll-link{font-size:12px;line-height:1.5}
.home-opening .hero-tag{bottom:104px;max-width:230px}
.hero h1{line-height:1.08;letter-spacing:-.045em}
.page-hero h1{font-size:clamp(2.75rem,6.4vw,6rem);max-width:15ch}
.page-hero .hero-description{font-size:var(--type-body);line-height:1.6;max-width:48ch;margin-top:24px}
.hero .hero-note{font-size:14px;line-height:1.5}
.scene-title{font-size:clamp(4rem,11vw,10rem);line-height:1.03;letter-spacing:-.055em}
.facts{padding-block:72px;gap:32px}
.facts .fact-value{font-size:clamp(4rem,6vw,6rem);margin-bottom:20px}
.facts .fact-label{font-size:13px;line-height:1.5}
.facts p{font-size:var(--type-small);line-height:1.6}
.life-work-intro{padding:var(--space-section) var(--gutter) 64px;gap:48px}
.life-panel-title{font-size:clamp(3rem,8vw,7.5rem);line-height:1.08;letter-spacing:-.045em}
.life-panel-note{font-size:14px;line-height:1.6;max-width:48ch}
.life-panel-meta,.life-panel-action{font-size:12px;line-height:1.5}
.season-note,.photo-caption,.photo-grid figcaption,.form-note{font-size:var(--type-small);line-height:1.6}
.text-link,.scene .text-link,.stay-row .text-link{font-size:13px;line-height:1.5;min-height:48px;white-space:normal}
.pill-link,.submit-button{min-height:52px;padding:16px 24px;font-size:15px;line-height:1.4}
.header-actions{font-size:14px;gap:20px}
.language{gap:8px;font-size:12px}
.language>span{display:none}
.language button{min-width:44px;min-height:44px;padding:8px;opacity:1;border-radius:8px}
.language button[aria-pressed=false]{color:inherit}
.language button:hover,.language button:focus-visible{background:var(--line)}
.theme-toggle{width:44px;height:44px;flex-basis:44px}
.menu-button{min-height:44px;padding:10px 18px;font-size:14px}
.past-hero #header>.brand:focus-visible{opacity:1;transform:none;pointer-events:auto;background:var(--sand)}
#header.on-paper{background:var(--sand)}
#menu-dialog{width:min(340px,calc(100vw - 2 * var(--gutter)));top:104px;max-height:calc(100svh - 128px);border:1px solid var(--line);box-shadow:0 24px 64px rgba(0,0,0,.2)}
#menu-dialog::backdrop{background:rgba(0,0,0,.18)}
.menu-top .close-button{min-width:44px;min-height:44px;font-size:14px}
.menu-body{padding:8px 24px 24px}
.menu-body>.label{font-size:12px;line-height:1.5;margin-bottom:16px}
.menu-nav{gap:8px}
.menu-nav a{font-size:22px;line-height:1.35;min-height:48px;padding:10px 0}
.menu-contact{font-size:14px;line-height:1.5;padding:16px 24px}
.menu-contact a{min-height:44px;display:flex;align-items:center}
.menu-nav a[aria-current=page]{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:6px}
summary{font-size:clamp(1.125rem,1rem + .5vw,1.5rem);line-height:1.45;min-height:56px;padding-block:20px}
.details-list details p{font-size:var(--type-body);line-height:1.65;max-width:65ch}
.contact-page{padding-top:160px}
.contact-title h1{font-size:clamp(2.75rem,5.6vw,5rem);line-height:1.08;letter-spacing:-.045em;max-width:14ch}
.contact-title{gap:48px;margin-bottom:64px}
.contact-details>a{display:flex;align-items:center;min-height:44px;font-size:var(--type-body);overflow-wrap:anywhere}
.field-grid{gap:28px 24px}
.field label{font-size:14px;line-height:1.5;margin-bottom:8px;display:block}
.field input,.field select,.field textarea{min-height:52px;font-size:16px;line-height:1.5;border-radius:0;padding:12px 0;max-width:100%;min-width:0}
.field textarea{min-height:144px}
.check-field{min-height:48px;gap:12px;font-size:14px;line-height:1.5;align-items:center}
.check-field input{width:20px;height:20px;flex-shrink:0}
.form-error{font-size:14px;line-height:1.5;margin-top:8px}
.form-error:empty{margin:0}
.error-summary{border:1px solid var(--accent);padding:20px 24px;margin-bottom:32px;scroll-margin-top:160px}
.error-summary[hidden]{display:none}
.error-summary h2{font-size:20px;line-height:1.4;letter-spacing:-.02em;margin-bottom:12px}
.error-summary a{display:flex;align-items:center;min-height:44px;font-size:16px;text-decoration:underline;text-underline-offset:4px}
#footer{padding-top:64px;padding-bottom:24px}
.footer-top{gap:40px;margin-bottom:56px}
.footer-top .brand-logo{width:200px;height:auto}
.footer-top .brand-note{font-size:14px;line-height:1.65;max-width:29ch}
.footer-links{font-size:14px;gap:8px}
.footer-links>.label{font-size:12px;margin-bottom:12px}
.footer-links>a{display:flex;align-items:center;min-height:44px;overflow-wrap:anywhere}
.footer-bottom{font-size:12px;line-height:1.5;gap:20px;align-items:center;flex-wrap:wrap}
.footer-bottom a{display:flex;align-items:center;min-height:44px}
.js-motion .footer-bottom{opacity:1;transform:none}
a,button,input,select,textarea,summary{scroll-margin-block:156px 32px}
@media(max-width:1000px){.header-enquire{display:none}.facts{gap:24px}.stay-row{grid-template-columns:32px 1fr 1fr}.footer-top{gap:32px}.home-opening h1{font-size:clamp(2.625rem,6.5vw,4.5rem)}}
@media(max-width:700px){
:root{--gutter:24px;--type-h2:clamp(2rem,7.8vw,2.75rem);--type-h3:clamp(1.5rem,6vw,2rem)}
html{scroll-padding-top:152px}
#header{padding-top:max(12px,env(safe-area-inset-top));padding-bottom:12px;gap:12px;align-items:flex-start}
#header .brand-logo{width:100px;height:54px}
.header-actions{gap:12px;align-items:center;padding-top:5px}
.header-actions .language{position:absolute;top:82px;right:var(--gutter);padding:2px 4px;border-radius:30px;background:var(--sand);color:var(--ink);border:1px solid var(--line);gap:8px}
.language button{width:44px;height:44px;font-size:12px;border-radius:50%}
.theme-toggle{min-width:44px;min-height:44px;border:1px solid currentColor}
.menu-button{font-size:14px;padding:10px 16px;min-width:80px}
.home-opening{min-height:820px;height:100svh}
.home-opening .hero-bottom{top:174px}
.home-opening h1{font-size:clamp(2.25rem,8.7vw,3.5rem);line-height:1.12;letter-spacing:-.04em}
.home-opening .opening-copy{left:var(--gutter);right:var(--gutter);bottom:100px;font-size:18px;line-height:1.5;width:auto}
.home-opening .hero-tag{bottom:264px;font-size:12px;max-width:250px}
.home-opening .hero-note{bottom:28px;font-size:12px;max-width:150px}
.home-opening .scroll-link{bottom:26px;font-size:12px;max-width:46%;white-space:normal;text-align:right;line-height:1.5;min-height:44px;display:flex;align-items:center;justify-content:flex-end}
.hero.page-hero{height:auto;min-height:860px}
.page-hero .hero-bottom{top:auto;bottom:48px}
.page-hero h1{font-size:clamp(2.75rem,11vw,4rem);line-height:1.1}
.page-hero .hero-note{top:180px;font-size:13px}
.page-hero .hero-description{font-size:16px;line-height:1.6;max-width:36ch}
.section-head{margin-bottom:40px;gap:20px;flex-wrap:wrap}
.section-head .label{font-size:12px;max-width:100%;text-align:left}
.section-head .label:last-child{font-size:12px;max-width:100%;text-align:left}
.intro{padding-top:40px}
.intro h2{font-size:var(--type-h2);margin:40px auto;line-height:1.2}
.intro-bottom p{font-size:16px;max-width:38ch;margin-bottom:24px}
.scene{min-height:600px;padding-block:32px}
.scene-top{gap:24px;flex-wrap:wrap}
.scene-top .label{font-size:12px;max-width:100%}
.scene-title{font-size:clamp(3.5rem,14vw,5.5rem)}
.facts{padding-block:56px;grid-template-columns:1fr;gap:32px}
.facts>.label{grid-column:auto;font-size:12px}
.fact{padding-bottom:24px;border-bottom:1px solid var(--line)}
.facts .fact-value{font-size:64px;margin-bottom:12px}
.facts .fact-label{font-size:14px}
.facts p{max-width:38ch;font-size:16px;margin-top:8px}
.people-layout figure{width:100%;aspect-ratio:4/4.5}
.people-layout,.seasons-layout{gap:40px}
.people-copy h2,.stays-intro h2,.seasons-layout h2,.editorial h2,.life-work-intro h2{font-size:var(--type-h2);line-height:1.2}
.stay-row{grid-template-columns:24px 1fr;gap:16px;padding-block:28px}
.stay-row h3{font-size:var(--type-h3)}
.stay-row p{grid-column:2;font-size:16px}
.stay-row .text-link{grid-column:2;font-size:13px;justify-self:start}
.life-work-intro{padding-block:64px 48px}
.life-work-intro>.label{font-size:12px;margin-bottom:28px}
.life-panel-meta{top:160px;font-size:12px;flex-wrap:wrap}
.life-panel-note{font-size:14px;line-height:1.6;max-width:100%;bottom:32px}
.life-panel-action{font-size:13px;min-height:48px}
.life-panel-title{font-size:clamp(2.75rem,10.5vw,4.5rem)}
.month-selector{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.month-button{min-height:48px;font-size:14px;padding:10px 4px}
.photo-grid{grid-template-columns:1fr;gap:32px}
.photo-grid figure:nth-child(2){padding-top:0}
.photo-grid figcaption,.photo-caption,.season-note{font-size:14px;line-height:1.6}
.enquire-scene h2{font-size:var(--type-h2);line-height:1.18}
.contact-page{padding-top:184px}
.contact-title h1{font-size:clamp(2.75rem,10.5vw,4rem)}
.contact-title{margin-bottom:48px}
.contact-title>p{font-size:16px;max-width:38ch;margin-top:28px}
.contact-layout{gap:48px}
.field-grid{grid-template-columns:1fr;gap:24px}
.field-grid .field,.field-grid .half-field{grid-column:1/-1}
.check-field,.form-note{font-size:14px;line-height:1.6}
.submit-button{width:100%;justify-content:space-between}
.contact-bottom{margin-top:48px}
#menu-dialog{top:146px;max-height:calc(100svh - 170px);width:calc(100vw - 2 * var(--gutter))}
.menu-nav a{font-size:22px;line-height:1.4}
.menu-body>.label{font-size:12px}
.menu-contact{font-size:14px;margin-top:0}
#footer{padding-top:48px;padding-bottom:max(24px,env(safe-area-inset-bottom))}
.footer-top{grid-template-columns:1fr;gap:32px;margin-bottom:32px}
.footer-top>div{grid-column:1/-1}
.footer-links:last-child{display:flex;flex-direction:column;align-items:flex-start}
.footer-top .brand-logo{width:180px}
.footer-top .brand-note{font-size:14px;max-width:34ch}
.footer-bottom{gap:8px 24px;font-size:12px}
.footer-bottom>span{flex-basis:100%}
.opening-mark{width:min(150px,30vw)}
}
@media(max-height:520px) and (orientation:landscape){.home-opening{min-height:760px}.hero.page-hero{min-height:760px}#menu-dialog{top:88px;max-height:calc(100svh - 104px)}.header-actions .language{top:12px;right:240px}.life-panel{min-height:640px}}
.contact-details h2{font-size:var(--type-h3);line-height:1.25;margin-bottom:24px}
@media(max-width:700px){.home-opening .hero-tag{top:156px;bottom:auto;max-width:calc(100% - 2 * var(--gutter))}.home-opening .hero-bottom{top:208px}}
@media(max-width:700px){.facts>div{padding-bottom:24px;border-bottom:1px solid var(--line)}}
/* Lower opening headline, above the supporting information. */
.home-opening .hero-bottom{top:auto;bottom:clamp(190px,27svh,280px)}
@media(max-width:700px){.home-opening .hero-bottom{top:auto;bottom:320px}}
/* Persistent, legible navigation while scrolling. */
#header{transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease}
.past-hero #header{background:var(--sand);color:var(--ink);border-bottom:1px solid var(--line);box-shadow:0 8px 24px rgba(0,0,0,.1)}
.past-hero #header>.brand{opacity:1;transform:none;pointer-events:auto}
.past-hero #header .brand-logo{filter:none}
[data-theme=dark].past-hero #header{color:var(--ink)}
[data-theme=dark].past-hero #header .brand-logo{filter:invert(1)}
.past-hero #header .theme-toggle{background:transparent;color:var(--ink);border-color:var(--line)}
@media(max-width:700px){.past-hero #header,#header.on-paper{min-height:140px}.past-hero #header .language{background:var(--sand)}}
/* Mobile navigation and hero: natural reflow instead of fixed text offsets. */
.menu-language{display:none}
@media(max-width:700px){
:root{--nav-height:80px}
html{scroll-padding-top:104px}
:root[data-theme] #header{height:var(--nav-height);min-height:var(--nav-height);padding:12px var(--gutter);align-items:center;background:var(--sand);color:var(--ink);border-bottom:1px solid var(--line);box-shadow:0 4px 16px rgba(0,0,0,.08)}
#header .brand-logo{width:100px;height:54px}
:root[data-theme] #header .brand-logo{filter:none}
:root[data-theme=dark] #header .brand-logo{filter:invert(1)}
.header-actions{gap:12px;padding:0}
.header-actions .language{display:none}
#header .theme-toggle{width:44px;min-width:44px;height:44px;color:var(--ink);border-color:var(--line);background:transparent}
#header .menu-button{height:44px;min-width:80px;font-size:14px}
.past-hero #header>.brand{opacity:1;transform:none}
#menu-dialog{top:92px;right:var(--gutter);width:calc(100% - 2 * var(--gutter));max-height:calc(100dvh - 108px);overscroll-behavior:contain}
.menu-top{padding:8px 12px 0}
.menu-body{padding:4px 24px 16px}
.menu-body>.label{margin-bottom:12px}
.menu-nav{gap:4px}
.menu-nav a{font-size:21px;min-height:48px;padding:10px 0}
.menu-language{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:16px 24px;border-top:1px solid var(--line)}
.menu-language>.label{color:var(--muted);font-size:12px;flex:1}
#menu-dialog .language{position:static;display:flex;background:transparent;color:var(--ink);border:0;padding:0;gap:8px}
#menu-dialog .language button{border:1px solid var(--line);border-radius:50%;width:44px;height:44px}
#menu-dialog .language button[aria-pressed=true]{background:var(--action);color:var(--action-text);border-color:var(--accent)}
.menu-contact{padding:12px 24px 20px}
.home-opening{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto minmax(32px,1fr) auto auto auto;gap:24px 16px;height:auto;min-height:100svh;max-height:none;padding:120px var(--gutter) 24px;align-content:stretch}
.home-opening .hero-tag{position:static;grid-column:1/-1;grid-row:1;max-width:100%;font-size:12px;line-height:1.5}
.home-opening .hero-bottom{position:static;grid-column:1/-1;grid-row:3;width:auto;display:block;min-width:0}
.home-opening h1{font-size:clamp(2rem,8.6vw,3rem);line-height:1.12;letter-spacing:-.04em;max-width:100%}
.home-opening .opening-copy{position:static;grid-column:1/-1;grid-row:4;max-width:38ch;width:auto;font-size:16px;line-height:1.6;margin:0}
.home-opening .hero-note{position:static;grid-column:1;grid-row:5;max-width:none;font-size:12px;line-height:1.5;text-align:left;align-self:end}
.home-opening .scroll-link{position:static;grid-column:2;grid-row:5;max-width:none;min-height:44px;display:flex;align-items:center;justify-content:flex-end;text-align:right;white-space:normal;font-size:12px;line-height:1.5;padding:0;margin:0}
.hero.page-hero{display:flex;flex-direction:column;justify-content:flex-end;gap:48px;min-height:max(640px,90svh);height:auto;max-height:none;padding:128px var(--gutter) 48px}
.page-hero .hero-note{position:static;align-self:flex-end;margin-bottom:auto;font-size:13px}
.page-hero .hero-bottom{position:static;display:block;width:100%;min-width:0}
.page-hero h1{font-size:clamp(2.5rem,10.8vw,3.75rem);line-height:1.1}
.page-hero .hero-description{font-size:16px;line-height:1.6;max-width:38ch}
.contact-page{padding-top:128px}
a,button,input,select,textarea,summary,.error-summary{scroll-margin-block:104px 24px}
}
@media(max-width:359px){
:root{--gutter:20px}
#header .brand-logo{width:88px;height:48px}
.header-actions{gap:8px}
#header .menu-button{min-width:76px;padding-inline:12px}
.menu-language>.label{flex-basis:100%}
.home-opening{gap:20px 12px;padding-top:112px}
}
@media(max-height:520px) and (orientation:landscape){
#menu-dialog{top:88px;max-height:calc(100dvh - 104px)}
.home-opening{min-height:680px}
}
@media(max-width:700px){#menu-dialog .menu-top{position:sticky;top:0;z-index:2;background:var(--sand)}}
@media(max-width:1000px) and (max-height:520px) and (orientation:landscape){
:root[data-theme] #header{height:80px;min-height:80px;padding:12px var(--gutter);background:var(--sand);color:var(--ink);border-bottom:1px solid var(--line);align-items:center}
#header .brand-logo{width:100px;height:54px}
:root[data-theme] #header .brand-logo{filter:none}
:root[data-theme=dark] #header .brand-logo{filter:invert(1)}
.header-actions{padding:0;gap:12px}
.home-opening{min-height:100svh}
.hero.page-hero{display:flex;flex-direction:column;justify-content:flex-end;min-height:100svh;height:auto;max-height:none;padding:112px var(--gutter) 32px;gap:24px}
.page-hero .hero-note{position:static;margin-bottom:auto;align-self:flex-end;font-size:12px}
.page-hero .hero-bottom{position:static;display:block}
.page-hero h1{font-size:40px;line-height:1.1;max-width:24ch}
.page-hero .hero-description{font-size:16px;line-height:1.5;max-width:60ch}
}
@media(min-width:701px) and (max-width:1000px) and (max-height:520px) and (orientation:landscape){
.home-opening{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;gap:16px 32px;height:auto;padding:104px var(--gutter) 24px}
.home-opening .hero-tag{position:static;grid-column:1/-1;grid-row:1;max-width:none;font-size:12px}
.home-opening .hero-bottom{position:static;grid-column:1;grid-row:2;align-self:center;min-width:0}
.home-opening h1{font-size:clamp(28px,4vw,40px);line-height:1.14;letter-spacing:-.04em}
.home-opening .opening-copy{position:static;grid-column:2;grid-row:2;align-self:center;max-width:100%;width:auto;font-size:16px;line-height:1.5}
.home-opening .hero-note{position:static;grid-column:1;grid-row:3;max-width:none;font-size:12px;text-align:left}
.home-opening .scroll-link{position:static;grid-column:2;grid-row:3;align-self:end;justify-self:end;font-size:12px;line-height:1.5}
}
@media(max-width:700px) and (max-height:520px) and (orientation:landscape){.home-opening{grid-template-rows:auto 24px auto auto auto}}
/* Pair the mobile eyebrow with its headline; allow readable locale wrapping. */
@media(max-width:700px){
.home-opening{grid-template-rows:minmax(32px,1fr) auto auto auto auto}
.home-opening .hero-tag{grid-row:2;font-size:13px;font-weight:500;line-height:1.5;letter-spacing:.035em;text-transform:none;text-wrap:balance;white-space:normal;max-width:100%;margin-bottom:-12px;text-shadow:0 1px 10px rgba(0,0,0,.45)}
}
@media(max-width:700px) and (max-height:520px) and (orientation:landscape){.home-opening{grid-template-rows:24px auto auto auto auto}}
/* Responsive footer: readable groups without a long single-column stack. */
@media(max-width:1000px){
.footer-top{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px;margin-bottom:32px}
.footer-top>div:first-child{grid-column:1/-1;display:flex;align-items:center;gap:32px}
.footer-top>div:last-child{grid-column:auto}
.footer-top .brand-logo{width:160px;height:auto;max-width:100%}
.footer-top .brand-note{font-size:14px;line-height:1.6;margin:0;max-width:36ch}
.footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:8px;font-size:14px}
.footer-links:last-child{flex-direction:column;align-items:flex-start}
.footer-links>.label{font-size:12px;line-height:1.5;margin-bottom:4px}
.footer-links>a{min-height:44px;line-height:1.5;max-width:100%;overflow-wrap:anywhere}
.footer-bottom{display:flex;justify-content:space-between;gap:8px 24px;align-items:center;font-size:12px;line-height:1.5}
}
@media(max-width:700px){
#footer{padding-top:40px;padding-bottom:max(24px,env(safe-area-inset-bottom));padding-inline:var(--gutter)}
.footer-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px;margin-bottom:24px}
.footer-top>div{grid-column:auto}
.footer-top>div:first-child{grid-column:1/-1;display:grid;grid-template-columns:120px minmax(0,1fr);align-items:center;gap:20px;padding-bottom:24px;border-bottom:1px solid var(--line)}
.footer-top .brand-logo{width:120px;height:auto}
.footer-top .brand-note{font-size:14px;line-height:1.6;margin:0;max-width:100%}
.footer-top>.footer-links:last-child{grid-column:1/-1;display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:8px 24px;padding-top:24px;border-top:1px solid var(--line)}
.footer-top>.footer-links:last-child>.label{flex:0 0 100%;margin:0}
.footer-top>.footer-links:last-child>a{flex:1 1 140px;min-width:0}
.footer-bottom{padding-top:20px;gap:4px 20px}
.footer-bottom>span{flex-basis:100%;font-size:11px;letter-spacing:.025em}
.footer-bottom>a{min-height:44px;font-size:12px;max-width:100%;line-height:1.5}
.footer-bottom>a:last-child{margin-left:auto}
.js-motion .footer-top>div{opacity:1;transform:none;transition:none}
}
@media(max-width:359px){
.footer-top{column-gap:20px}
.footer-top>div:first-child{grid-template-columns:96px minmax(0,1fr);gap:16px}
.footer-top .brand-logo{width:96px}
.footer-top .brand-note{font-size:13px}
.footer-top>.footer-links:last-child>a{flex-basis:100%}
.footer-bottom{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.footer-bottom>a:last-child{margin-left:0}
}