*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f0e6;color:#282c25;font:17px/1.65 Arial,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;font:inherit}header{height:100svh;min-height:530px;position:relative;overflow:hidden;color:white;background:#20372e}header>video,.vista>img:first-child{position:absolute;inset:-8% 0;width:100%;height:116%;object-fit:cover}header:after{content:'';position:absolute;inset:0;background:linear-gradient(#08191180,transparent 30%,#0c171530 58%,#07171096);pointer-events:none}nav,.bottom,.hero{position:absolute;z-index:1}nav,.bottom{left:5%;right:5%;display:flex;align-items:center;justify-content:space-between}nav{top:0;padding:20px 0;border-bottom:1px solid #ffffff60}nav span{display:flex;gap:32px}nav a{font-size:13px}.brand{font:22px Georgia;letter-spacing:.13em}.brand i{font-size:16px}.outline{border:1px solid #ffffffa0;padding:8px 18px;border-radius:30px}.hero{top:49%;left:50%;width:90%;transform:translate(-50%,-50%);text-align:center;text-shadow:0 2px 14px #17251a}.label,.bottom a,.date{font-size:11px;letter-spacing:.2em;font-weight:600}.hero h1{margin:27px auto 14px;line-height:1}.hero img{width:min(690px,83vw);filter:drop-shadow(0 2px 10px #17231f45)}.subtitle{font:italic clamp(21px,2.2vw,32px) Georgia}.bottom{bottom:30px}.bottom button{background:#18251b50;color:white;border:1px solid #fff9;border-radius:100%;width:42px;height:42px}.intro,.stay{display:grid;grid-template-columns:1fr 1.55fr;gap:7vw;padding:9vw 8vw}.intro .label{margin-top:18px}h2,h3{font:normal clamp(45px,6.2vw,98px)/1.03 Georgia,serif;letter-spacing:-.055em;margin:14px 0 25px}h2 em{color:#656d54;font-weight:normal}.intro p,.stay p{max-width:550px}.date{padding-top:18px;letter-spacing:.09em}.vista{position:relative;overflow:hidden;height:65svh;display:grid;place-items:center;background:#244238}.vista:after{content:'';position:absolute;inset:0;background:#14251b32}.hotel{position:relative;z-index:1;width:min(360px,60%);filter:drop-shadow(0 2px 8px #2228)}.stay{align-items:center;grid-template-columns:1fr 1fr}.stay>img{width:100%;height:clamp(320px,40vw,650px);object-fit:cover}.line{display:inline-block;margin-top:12px;padding-bottom:4px;border-bottom:1px solid}.label{color:#616c54}.hero .label,#film .label{color:#f4f0df}#film{background:#142b24;color:#fff;padding:7vw 8vw}#film em{color:#c5c9ae}#film video{width:100%;aspect-ratio:16/9;display:block;background:#000}#reserve{text-align:center;padding:9vw 5vw}.cta{background:#253b30;border:0;color:white;border-radius:30px;padding:13px 26px;margin-top:10px}footer{background:#18231e;color:#fff;display:flex;align-items:center;justify-content:center;gap:18px;padding:20px}footer img{width:100px;max-height:50px;object-fit:contain;vertical-align:middle}dialog{border:0;padding:35px;max-width:min(90vw,440px);background:#f4f0e6;color:#28382d}dialog h3{font-size:40px}dialog::backdrop{background:#091a13aa}@media(max-width:680px){nav span{display:none}.brand{font-size:17px}.intro,.stay{grid-template-columns:1fr;padding:60px 7%;gap:15px}.vista{height:45svh}.stay>img{height:320px}.outline{font-size:12px}.hero img{width:90vw}#film,#reserve{padding:60px 7%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.hero img{width:min(760px,98vw);max-width:100%;filter:drop-shadow(0 2px 6px #121c1870)}.hero h1{margin:20px auto}.guide{padding:7vw 8vw}.lead{max-width:660px}.rooms{margin:48px 0;display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:6vw}.rooms>img{width:100%;aspect-ratio:1.5;object-fit:cover}.guide h3{font-size:clamp(29px,3.1vw,53px);margin:12px 0}.amenities{display:grid;grid-template-columns:1fr 1fr;gap:32px}.amenities article{border-top:1px solid #b6b7a8;padding-top:22px;display:grid;grid-template-columns:34% 1fr;align-items:center;gap:22px}.amenities img{width:100%;height:235px;object-fit:cover}.amenities article p:last-child{font-size:15px}.amenities h3{font-size:32px}#film{display:grid;grid-template-columns:1fr minmax(220px,487.5px);align-content:center;column-gap:4vw;padding:52.5px 8vw}#film .label{align-self:end}#film h2{font-size:clamp(38px,4.5vw,68px);grid-column:1}#film video{grid-column:2;grid-row:1/3;align-self:center}@media(max-width:800px){.amenities{grid-template-columns:1fr}.rooms{grid-template-columns:1fr}.amenities img{height:210px}}@media(max-width:600px){#film{display:block;padding:47.5px 7%}#film video{max-width:375px}.guide{padding:55px 7%}.hero img{width:100%}.amenities article{gap:15px}.amenities h3{font-size:27px}}
.hero .label{display:flex;align-items:center;justify-content:center;gap:.8em;font-size:clamp(18px,2.1vw,32px);line-height:1.3;letter-spacing:.09em;text-transform:uppercase;text-shadow:0 1px 8px #081510,0 2px 20px #081510}.hero .label b{font-weight:400;opacity:.8}.hero h1{margin:clamp(24px,4vh,48px) auto}.hero h1 img{display:block;margin:auto;width:min(700px,88vw)}@media(max-width:420px){.hero .label{gap:.5em;font-size:clamp(16px,4.6vw,19px);letter-spacing:.05em}}
#features{background:#e6e4d7;padding:clamp(48px,7vw,105px) 8vw}.feature-list{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 4vw;margin-top:40px}.feature-list article{display:flex;gap:15px;border-top:1px solid #a8ac99;padding-top:18px}.feature-list small{color:#58644d;font-size:11px;letter-spacing:.1em}.feature-list h3{font-size:clamp(28px,3vw,44px);margin:0}.feature-list p{font-size:16px;margin:10px 0 0}@media(max-width:850px){.feature-list{grid-template-columns:1fr 1fr}}@media(max-width:520px){.feature-list{grid-template-columns:1fr;gap:18px}}

.event-details{display:grid;gap:6px;margin-top:30px;padding:20px 0 0;border-top:1px solid #a5aa97}.event-details strong{font:normal clamp(30px,3.3vw,50px)/1.1 Georgia,serif;letter-spacing:-.035em}.event-details span{font-size:clamp(18px,1.6vw,24px);font-weight:600;color:#475440}

.intro{padding-block:3.8vw;grid-template-columns:.82fr 1.55fr}.intro h2{font-size:clamp(42px,5.5vw,88px)}.intro p:not(.label){max-width:640px}.intro .event-details{margin-top:20px;padding-top:14px}@media(max-width:680px){.intro{grid-template-columns:1fr;padding-block:24px;gap:8px}.intro p{margin-block:10px}.intro h2{margin-block:6px 14px}.intro{line-height:1.45}.intro .event-details{margin-top:14px}}@media(max-height:600px) and (min-width:681px){.hero h1 img{width:min(520px,65vw)}.hero h1{margin:10px auto}.hero .subtitle{margin:10px 0}}
