/* Layout plan: 1. Separate transparent header logo; 2. Full-width artwork and overlaid copy; 3. Mobile layout; 4. Native logo rotation. */
/* 1. Header logo */
header{background:#042e38;color:#fff;padding:16px 4vw;min-height:112px;border:0}
.brand{display:block;line-height:0;flex-shrink:0}.brand img{width:245px;height:auto;display:block}
/* 2. Artwork backdrop and content above it */
.hero{position:relative;display:block;padding:0;min-height:calc(100vw + 270px);overflow:hidden;background:#034451;isolation:isolate}
.animated-art{position:absolute;top:250px;left:0;width:100%;aspect-ratio:1;perspective:1600px;z-index:-2}
.art-backdrop{position:absolute;inset:0;width:100%;height:auto;display:block}
.hero:before{content:'';position:absolute;inset:0 0 auto;height:400px;background:linear-gradient(#042e38 50%,#042e38d9 68%,transparent);z-index:-1;pointer-events:none}
.hero-copy{position:relative;color:#fff;text-align:left;padding:25px 5vw 35px;max-width:1050px;text-shadow:0 2px 14px #00232e}
.hero-copy h1{font-size:clamp(28px,3.1vw,47px);line-height:1.18;margin:10px 0 12px}.hero-copy h1 em{color:#ffc956}
.hero-copy .intro{max-width:760px;color:#e2f2ef;font-size:16px;line-height:1.6;margin:0 0 18px}
.hero-copy .eyebrow{margin:0}.hero-copy .caption{display:inline-block;color:#d9efed;margin:0 0 0 20px}
.visit{background:#e8eee6}.booking .brand img{width:245px}
/* 3. Mobile */
@media(min-width:1600px){.hero{min-height:calc(100vw + 270px)}}
@media(max-width:700px){header{min-height:90px;padding:14px 4vw}.brand img{width:175px}nav .small{font-size:12px;padding:12px}.hero{min-height:calc(100vw + 335px)}.art-backdrop{top:325px}.hero:before{height:400px}.hero-copy{padding:25px 6vw}.hero-copy h1{font-size:32px}.hero-copy .intro{font-size:14px}.hero-copy .caption{display:block;margin:15px 0 0;font-size:11px}}
/* 4. Rotate only the separate wordmark around the D; scenery stays stationary. */
.main-spin{position:absolute;left:3.125%;top:24.21875%;width:93.75%;height:auto;transform-origin:47% 80%;animation:kanaya-turn 10s linear infinite;will-change:transform}
@keyframes kanaya-turn{from{transform:rotateY(0deg)}to{transform:rotateY(360deg)}}
@media(max-width:700px){.animated-art{top:325px}.art-backdrop{top:0}}
@media(prefers-reduced-motion:reduce){.main-spin{animation:none}}