:root{--navy:#071426;--blue:#0e73d8;--cyan:#71d8ff;--sand:#e7d3b4;--cream:#fbf8f1;--ink:#122032;--muted:#667085;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--ink);background:var(--cream);line-height:1.6}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}
.az-header{position:fixed;z-index:50;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 5vw;color:#fff;background:linear-gradient(180deg,rgba(7,20,38,.72),transparent);transition:background .3s var(--ease),padding .3s var(--ease)}
.az-header.scrolled{padding-block:14px;background:rgba(7,20,38,.9);backdrop-filter:blur(16px)}.az-brand{font-family:Georgia,serif;font-size:1.5rem;font-weight:700;letter-spacing:.04em}.az-nav{display:flex;gap:20px;align-items:center}.az-nav a{font-weight:700;color:rgba(255,255,255,.82)}.az-menu{display:none;width:44px;height:44px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:rgba(255,255,255,.08);color:#fff}.az-menu span{display:block;width:18px;height:2px;margin:5px auto;background:currentColor}
.az-hero{min-height:100vh;display:grid;align-items:end;padding:120px 5vw 90px;color:#fff;background:linear-gradient(90deg,rgba(7,20,38,.9),rgba(7,20,38,.34)),url("../../assets/images/hero-mediterranean-resort.jpg") center/cover}.az-hero-copy{max-width:760px}.az-hero p,.az-kicker{color:var(--cyan);font-size:.78rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.az-hero h1,.az-section h2{font-family:Georgia,serif;font-size:clamp(2.7rem,7vw,6.5rem);line-height:1.02;margin:.1em 0 .4em}.az-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 18px;border-radius:999px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;font-weight:900;border:0}
.az-booking{position:relative;z-index:4;margin:-42px auto 70px;width:min(1120px,90%);display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:18px;border-radius:22px;background:#fff;box-shadow:0 24px 70px rgba(7,20,38,.18)}label{display:grid;gap:6px;font-weight:800}input,select,textarea{width:100%;padding:12px;border:1px solid rgba(18,32,50,.14);border-radius:12px;font:inherit}
.az-section{width:min(1120px,90%);margin:0 auto;padding:82px 0}.az-intro{display:grid;grid-template-columns:1fr .8fr;gap:44px}.az-section h2{font-size:clamp(2rem,4vw,4rem);color:var(--navy)}
.az-room-grid{display:grid;gap:22px}.az-room{display:grid;grid-template-columns:.9fr 1fr;overflow:hidden;border-radius:24px;background:#fff;box-shadow:0 20px 56px rgba(7,20,38,.12)}.az-room img{height:100%;object-fit:cover}.az-room div{padding:28px}.az-room ul{padding-left:18px}.az-link{border:0;background:transparent;color:var(--blue);font-weight:900;padding:0}
.az-experience{color:#fff;width:100%;padding-inline:5vw;background:linear-gradient(135deg,var(--navy),#0b2b4d)}.az-experience h2{color:#fff}.az-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.az-feature-grid article{padding:22px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(255,255,255,.08)}.az-section:not(.az-experience) .az-feature-grid article{background:#fff;border-color:rgba(18,32,50,.08)}
.az-gallery{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:12px;padding:0 5vw 80px}.az-gallery img{height:380px;width:100%;object-fit:cover;border-radius:22px}.az-quote{text-align:center}.az-quote blockquote{font-family:Georgia,serif;font-size:clamp(2rem,4vw,4rem);line-height:1.1;margin:0}
details{padding:18px 0;border-top:1px solid rgba(18,32,50,.12)}summary{cursor:pointer;font-weight:900}.az-enquiry{display:grid;grid-template-columns:1fr 1fr;gap:34px}.az-enquiry form{padding:24px;border-radius:22px;background:#fff;box-shadow:0 20px 56px rgba(7,20,38,.12)}
.az-footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:34px 5vw;color:#fff;background:var(--navy)}.az-footer a,.az-footer button{color:#fff}.az-footer button{padding:0;border:0;background:transparent;font:inherit;font-weight:800;text-decoration:underline;cursor:pointer}.az-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:rgba(7,20,38,.72);opacity:0;visibility:hidden}.az-modal.open{opacity:1;visibility:visible}.az-modal-card{max-width:560px;padding:28px;border-radius:22px;background:#fff}.az-modal button{float:right}
@media(max-width:820px){.az-nav{position:fixed;top:72px;left:16px;right:16px;display:grid;padding:18px;border-radius:18px;background:rgba(7,20,38,.96);opacity:0;pointer-events:none;transform:translateY(-10px)}.az-nav.open{opacity:1;pointer-events:auto;transform:translateY(0)}.az-menu{display:block}.az-booking,.az-intro,.az-room,.az-feature-grid,.az-gallery,.az-enquiry{grid-template-columns:1fr}.az-gallery img{height:260px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}
