:root{--night:#061b24;--deep:#0b2f3a;--foam:#eee5d4;--mist:#a9c2c3;--sand:#c5ae87;--line:rgba(238,229,212,.25);color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--night);color:var(--foam);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}.skip{position:fixed;top:-5rem;left:1rem;z-index:100;background:white;color:#111;padding:.95rem 1.1rem}.skip:focus{top:1rem}.concept{position:fixed;z-index:60;right:1rem;bottom:1rem;display:flex;align-items:center;gap:.55rem;padding:.65rem .85rem;border:1px solid rgba(255,255,255,.2);border-radius:2px;background:rgba(4,20,27,.82);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:.67rem;letter-spacing:.06em}.concept i{width:18px;height:1px;background:var(--mist)}header{position:absolute;z-index:20;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:1.6rem 3vw;border-bottom:1px solid rgba(255,255,255,.18)}.wordmark{font-family:Georgia,serif;font-size:1.1rem;text-transform:uppercase;letter-spacing:.18em}.wordmark b{margin:0 .35rem;color:var(--sand);font-weight:400}nav{display:flex;gap:2.2rem;align-items:center;font-size:.67rem;text-transform:uppercase;letter-spacing:.14em}.book{padding:.7rem 1rem;border:1px solid rgba(255,255,255,.55)}.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden;padding:7rem 5vw 8vh}.hero-poster,.hero-poster img,.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-video{z-index:1}.veil{position:absolute;z-index:2;inset:0;background:linear-gradient(180deg,rgba(3,18,25,.6),rgba(3,18,25,.42) 9rem,rgba(3,18,25,0) 21rem),linear-gradient(90deg,rgba(3,18,25,.4),rgba(3,18,25,0) 58%),linear-gradient(0deg,rgba(3,18,25,.62),rgba(3,18,25,0) 54%)}.coordinates{position:absolute;z-index:3;top:6.8rem;left:5vw;right:5vw;display:flex;justify-content:space-between;font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;opacity:.92}.hero-copy{position:relative;z-index:3}.hero-copy>p,.kicker{font-size:.65rem;text-transform:uppercase;letter-spacing:.2em}.hero h1,.place h2,.stay h2,.tide h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-.055em}.hero h1{font-size:clamp(4.2rem,9.4vw,10.2rem);line-height:.85;margin:.9rem 0 2rem}.hero h1 em{color:var(--mist);font-weight:400}.hero-copy>a{display:inline-flex;gap:4rem;border-bottom:1px solid;padding:1rem 0;font-size:.7rem;text-transform:uppercase;letter-spacing:.14em}.hero-copy>a span{transition:transform .35s cubic-bezier(.2,.7,.2,1)}.hero-copy>a:hover span{transform:translate(4px,4px)}.tide-ruler{position:absolute;z-index:3;right:3vw;top:13rem;bottom:9rem;display:flex;flex-direction:column;justify-content:space-between;align-items:center;font-size:.55rem;letter-spacing:.14em;text-shadow:0 1px 8px rgba(3,18,25,.7)}.tide-ruler i{display:block;width:1px;flex:1 1;margin:.75rem 0;background:repeating-linear-gradient(0deg,#fff 0 1px,transparent 1px 12px)}.place{padding:10rem 5vw;background:var(--foam);color:var(--night);display:grid;grid-template-columns:1.1fr .75fr;grid-gap:7vw;gap:7vw}.place h2,.stay h2,.tide h2{font-size:clamp(3.4rem,6.5vw,7rem);line-height:1.04;margin:1rem 0}.place-copy{padding-top:8rem;font-family:Georgia,serif;font-size:clamp(1.2rem,1.8vw,1.7rem);line-height:1.5}.place-copy p:last-child{margin-top:3rem;color:#405860}.place figure{grid-column:1/-1;margin:7rem 0 0;position:relative}.place figure img{width:100%;height:clamp(360px,72vh,780px);object-fit:cover}.place figcaption{display:flex;justify-content:space-between;margin-top:.7rem;font-size:.6rem;text-transform:uppercase;letter-spacing:.15em}.tide{position:relative;padding:9rem 5vw 5rem;min-height:100svh;background:#0b303a;display:grid;grid-template-columns:.6fr 1.4fr;grid-gap:5vw;gap:5vw;overflow:hidden}.tide-copy{align-self:center}.tide h2{font-size:clamp(2.7rem,5vw,5rem)}.tide-copy>p:last-child{max-width:360px;line-height:1.7;color:rgba(238,229,212,.7)}.tide-window{display:block;height:clamp(420px,64vh,650px);overflow:hidden}.tide-window img{display:block;width:100%;height:100%;object-fit:cover}.stay{min-height:90vh;padding:9rem 7vw;background:var(--sand);color:var(--night);display:grid;grid-template-columns:1.15fr .85fr;grid-gap:6vw;gap:6vw;align-items:center}.stay h2{font-size:clamp(3.2rem,6.1vw,6.6rem)}.aside{max-width:330px;line-height:1.6}.stay fieldset{border:0;padding:0;margin:0 0 2.5rem}.stay form>label,.stay legend{display:block;width:100%;font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;margin-bottom:.8rem}.stay fieldset button{width:100%;display:grid;grid-template-columns:3rem 1fr auto;text-align:left;align-items:center;padding:1.15rem 0;border:0;border-bottom:1px solid rgba(6,27,36,.25);background:transparent;color:inherit;cursor:pointer;transition:background .25s,box-shadow .25s}.stay fieldset button span{font-family:Georgia,serif}.stay fieldset button i{font-style:normal;font-size:.68rem;opacity:.84}.stay fieldset button:hover{background:rgba(238,229,212,.22);box-shadow:-1rem 0 0 rgba(238,229,212,.22),1rem 0 0 rgba(238,229,212,.22)}.stay fieldset button.selected{background:rgba(238,229,212,.42);box-shadow:-1rem 0 0 rgba(238,229,212,.42),1rem 0 0 rgba(238,229,212,.42)}.stay form>label{display:flex;justify-content:space-between}.stay form>input{width:100%;height:2.75rem;accent-color:var(--night)}.confirmation button,.reserve{width:100%;margin-top:2.5rem;padding:1.1rem 1.2rem;display:flex;justify-content:space-between;border:0;background:var(--night);color:var(--foam);cursor:pointer;transition:background .25s}.confirmation button:hover,.reserve:hover{background:#0d3a48}.reserve span{transition:transform .35s cubic-bezier(.2,.7,.2,1)}.reserve:hover span{transform:translate(4px,-4px)}.stay form>p{font-size:.66rem;opacity:.88}.confirmation{padding:3rem;border:1px solid rgba(6,27,36,.35)}.confirmation>span{font-family:Georgia,serif;font-size:5rem}.confirmation h3{font-family:Georgia,serif;font-size:2.5rem;font-weight:400;margin:1rem 0}.confirmation p{line-height:1.6}.confirmation button{width:auto;display:block}footer{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:2rem 4vw 5rem;background:var(--night);font-size:.66rem}footer p{opacity:.65}footer p a{padding:1.15rem .55rem;margin:0 -.55rem;text-decoration:underline}footer p a:hover{color:var(--sand)}nav a:not(.book){padding:.3rem 0;border-bottom:1px solid transparent;transition:border-color .25s}nav a:not(.book):hover{border-bottom-color:currentColor}.book{transition:background .25s}.book:hover{background:rgba(255,255,255,.14)}.wordmark b{transition:color .25s}.wordmark:hover b{color:var(--foam)}.concept{transition:border-color .25s}.concept:hover{border-color:rgba(255,255,255,.45)}:focus-visible{outline:2px solid var(--sand);outline-offset:3px}.place :focus-visible,.stay :focus-visible{outline-color:#0b2f3a}.skip:focus-visible{outline-color:#111}input[type=range]:focus-visible{outline-offset:2px}.book:active,button:active{transform:translateY(1px)}@media(max-width:800px){header{padding:.55rem 1.2rem}nav a:not(.book){display:none}.wordmark{display:inline-flex;align-items:center;min-height:44px;font-size:.9rem}nav a.book{padding:1rem}.coordinates{top:5.7rem;left:1.2rem;right:1.2rem}.coordinates span:nth-child(2){display:none}.hero{padding:7rem 1.2rem 5rem}.hero h1{font-size:clamp(4.2rem,19vw,6rem)}.veil{background:linear-gradient(180deg,rgba(3,18,25,.62),rgba(3,18,25,.44) 8rem,rgba(3,18,25,0) 18rem),linear-gradient(0deg,rgba(3,18,25,.72),rgba(3,18,25,.2) 34%,rgba(3,18,25,0) 62%)}.tide-ruler{display:none}.place{padding:7rem 1.2rem;grid-template-columns:1fr}.place-copy{padding-top:0;max-width:38rem}.place figure{margin-top:3rem}.place figure img{height:clamp(300px,58vh,540px)}.tide{padding:7rem 1.2rem 3rem;grid-template-columns:1fr}.tide-window{min-height:clamp(360px,58vh,560px)}.stay{padding:7rem 1.2rem;grid-template-columns:1fr;gap:2.5rem}.stay h2{font-size:3.8rem}.confirmation{padding:1.75rem}.confirmation>span{font-size:4rem}.confirmation h3{font-size:2rem}footer{flex-direction:column;align-items:flex-start;padding:2rem 1.2rem 6rem}.concept{right:.7rem;bottom:.7rem;padding:.95rem .9rem}}@media(max-width:380px){.place h2,.stay h2{font-size:3.15rem}}@media(max-height:560px){.hero{padding-top:5.5rem;padding-bottom:2.5rem}.hero h1{font-size:clamp(2.6rem,6.6vw,4.6rem);margin:.6rem 0 1.2rem}.coordinates{top:6.6rem}.tide-ruler{display:none}.place{padding-top:5rem;padding-bottom:5rem}.place figure{margin-top:3rem}.tide{padding-bottom:3rem}.stay,.tide{padding-top:5rem}.stay{padding-bottom:5rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-video{display:none}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}