@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Italiana&display=swap');:root{--shell:#efe5db;--aub:#462b43;--rose:#b66f77;--brass:#b49a66;--ink:#292126;--line:#c4b5aa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--shell);color:var(--ink);font:16px/1.6 'DM Sans',sans-serif}::selection{background:var(--aub);color:white}a{color:inherit;text-underline-offset:5px}button,input{font:inherit}:focus-visible{outline:3px solid var(--rose);outline-offset:4px}.skip{position:fixed;top:-70px;left:16px;background:white;padding:12px;z-index:50}.skip:focus{top:16px}header{height:72px;display:flex;align-items:center;padding:0 clamp(18px,5vw,72px);gap:30px;background:rgba(239,229,219,.96);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}.brand{font:400 28px Italiana;text-decoration:none}nav{margin-left:auto;display:flex;gap:25px}nav a,header>a:last-child{font-size:13px}.hero{min-height:calc(100vh - 72px);display:grid;grid-template-columns:1.1fr .9fr;background:var(--aub);color:white}.hero figure{margin:0}.hero img{width:100%;height:100%;object-fit:cover;filter:saturate(.78)}.hero>div{padding:clamp(65px,9vw,130px) clamp(22px,7vw,105px);display:flex;justify-content:center;flex-direction:column}.hero h1,.choose h2,.menu h2,.atmosphere h2,.arrival h2,.hygiene h2,.booking h2{font:400 clamp(54px,7vw,98px)/.93 Italiana;letter-spacing:-.02em;margin:0}.hero p{max-width:50ch;color:#eadfe7;margin:28px 0}.hero>div>a{width:max-content;background:var(--rose);color:white;padding:13px 18px;text-decoration:none}.hero small{margin-top:15px;color:#cdbfcc}.choose{padding:clamp(75px,9vw,130px) clamp(20px,5vw,72px)}.choose-head{display:grid;grid-template-columns:1fr .5fr;gap:45px;align-items:end}.choose h2,.menu h2,.atmosphere h2,.arrival h2,.hygiene h2,.booking h2{font-size:clamp(48px,6vw,84px)}.choose-head p{color:#665c61}.tray{display:grid;grid-template-columns:.7fr 1.3fr;background:#f8f1e9;margin-top:45px;box-shadow:0 22px 55px rgba(64,39,55,.13)}.tray form{padding:clamp(25px,4vw,55px);border-right:1px solid var(--line)}fieldset{border:0;padding:0;margin:0 0 25px}legend{font:400 25px Italiana;margin-bottom:9px}fieldset label{display:inline-block}fieldset input{position:absolute;opacity:0}fieldset span{display:block;padding:10px 13px;border:1px solid var(--line);cursor:pointer}fieldset input:checked+span{background:var(--aub);color:white}.tray form>button{height:48px;background:var(--rose);color:white;border:0;padding:0 18px}.tray article{padding:clamp(30px,5vw,75px)}.tray article>span{font-size:10px;color:var(--rose)}.tray h3{font:400 clamp(42px,5vw,70px)/.96 Italiana;margin:35px 0 18px}.tray article>p{color:#6c6267}.tray dl div{display:grid;grid-template-columns:130px 1fr;border-top:1px solid var(--line);padding:13px 0}.tray dt{font-size:10px;color:var(--rose);text-transform:uppercase}.tray dd{margin:0}.tray article button{height:46px;border:1px solid var(--ink);background:transparent;padding:0 17px}.menu{padding:clamp(75px,9vw,130px) clamp(20px,5vw,72px);background:var(--aub);color:white;display:grid;grid-template-columns:repeat(3,1fr)}.menu>div{grid-column:1/-1;display:grid;grid-template-columns:1fr .5fr;margin-bottom:45px}.menu>div p{color:#dfd2db}.menu article{padding:24px;border-top:1px solid #826679;border-right:1px solid #826679}.menu article>span{color:#dd9aa2}.menu h3{font:400 34px Italiana}.menu article p{color:#dfd2db}.menu article>b{font-size:11px;color:#d7bf8e}.atmosphere{display:grid;grid-template-columns:1fr .75fr 1fr;align-items:center}.atmosphere figure{margin:0}.atmosphere img{width:100%;height:75vh;object-fit:cover}.atmosphere>div{padding:45px}.atmosphere p{color:#655d61}.arrival{padding:clamp(75px,9vw,130px) clamp(20px,5vw,72px);background:#d7c1b9}.arrival>div{display:grid;grid-template-columns:1fr .5fr}.arrival ol{list-style:none;margin:50px 0 0;padding:0;border-top:1px solid #a88f88}.arrival li{display:grid;grid-template-columns:70px 1fr;padding:20px 0;border-bottom:1px solid #a88f88}.arrival li span{color:var(--aub)}.arrival li b{font:400 27px Italiana}.arrival li p{grid-column:2;margin:0;color:#685d61}.hygiene{padding:clamp(75px,9vw,130px) clamp(20px,5vw,72px)}.hygiene dl{display:grid;grid-template-columns:repeat(4,1fr);margin-top:45px}.hygiene dl div{padding:20px;border-top:1px solid var(--line)}.hygiene dt{font:400 27px Italiana}.hygiene dd{margin:8px 0;color:#645c60}.booking{padding:clamp(75px,9vw,130px) clamp(20px,5vw,72px);display:grid;grid-template-columns:1fr .75fr;gap:60px;background:var(--rose);color:white}.booking form{align-self:end}.booking label{display:block;font-size:11px;margin-bottom:15px}.booking input{width:100%;height:49px;background:transparent;color:white;border:0;border-bottom:1px solid #efd1d5}.booking button{height:48px;background:var(--aub);color:white;border:0;padding:0 18px}.booking #status{min-height:24px}footer{padding:30px clamp(20px,5vw,72px);background:var(--aub);color:white;display:flex;justify-content:space-between}footer p{font-size:11px}@media(max-width:900px){nav{display:none}header>a:last-child{margin-left:auto}.hero,.tray,.atmosphere,.booking{grid-template-columns:1fr}.hero figure{min-height:60vh}.choose-head,.menu>div,.arrival>div{grid-template-columns:1fr}.tray form{border-right:0;border-bottom:1px solid var(--line)}.menu{grid-template-columns:1fr}.menu>div{grid-column:auto}.hygiene dl{grid-template-columns:1fr 1fr}.atmosphere img{height:60vh}}@media(max-width:600px){header{padding:0 16px}header>a:last-child{display:none}.hero>div,.choose,.menu,.atmosphere>div,.arrival,.hygiene,.booking{padding-left:18px;padding-right:18px}.hero h1,.choose h2,.menu h2,.atmosphere h2,.arrival h2,.hygiene h2,.booking h2{font-size:49px}fieldset label{display:block}.tray dl div{grid-template-columns:1fr;gap:5px}.hygiene dl{grid-template-columns:1fr}.booking{gap:40px}footer{flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
