@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Instrument+Serif:ital@0;1&display=swap');

:root{
  --ink:#14221f; --cream:#f4efdf; --sand:#dfd0ae; --ocean:#3c796f;
  --chili:#dc553d; --sun:#f0b84f; --line:rgba(20,34,31,.18);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif;overflow-x:hidden}
img{display:block;width:100%;height:100%;object-fit:cover}
a{color:inherit;text-decoration:none}
.site-header{position:absolute;z-index:20;top:0;left:0;width:100%;height:96px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;color:#fff}
.brand img{width:180px;height:auto}
.nav{display:flex;gap:34px;font-size:13px;text-transform:uppercase;letter-spacing:.12em}
.nav a{opacity:.9}.nav a:hover{opacity:1}
.menu-toggle{display:none;background:none;border:0;width:42px;height:42px}.menu-toggle span{display:block;background:#fff;height:1px;margin:8px}
.hero{min-height:100vh;position:relative;color:white;display:flex;align-items:flex-end;overflow:hidden}
.hero-image{position:absolute;inset:0;background:url('https://images.unsplash.com/photo-1551504734-5ee1c4a1479b?auto=format&fit=crop&w=2000&q=90') center/cover no-repeat;transform:scale(1.015)}
.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,15,14,.18),rgba(5,15,14,.2) 45%,rgba(5,15,14,.82))}
.hero-kicker{position:absolute;top:112px;right:4vw;font-size:11px;letter-spacing:.24em}
.hero-copy{position:relative;z-index:2;padding:0 8vw 7vh;width:min(1180px,92%)}
.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.22em;margin-bottom:20px}.eyebrow.dark{color:var(--ocean)}.eyebrow.light{color:#dfe7df}
.hero h1,.intro h2,.menu-heading h2,.zeus-copy h2,.coast h2,.night-section h2,.about h2,.cta h2{font-family:"Instrument Serif",serif;font-weight:400;letter-spacing:-.035em;margin:0}
.hero h1{font-size:clamp(64px,10vw,154px);line-height:.77;max-width:980px}.hero h1 em{color:#ffdd91}
.hero-bottom{margin-top:34px;display:flex;align-items:flex-end;gap:42px;max-width:760px}.hero-bottom p{max-width:510px;font-size:15px;line-height:1.7;margin:0;color:rgba(255,255,255,.84)}
.circle-link{width:92px;height:92px;border:1px solid rgba(255,255,255,.6);border-radius:50%;display:flex;align-items:center;justify-content:center;gap:5px;font-size:11px;text-transform:uppercase}
.side-stamp{position:absolute;right:3vw;bottom:5vh;border:1px solid rgba(255,255,255,.45);padding:13px 15px;font-size:10px;letter-spacing:.18em;line-height:1.5;transform:rotate(-4deg)}
.intro{padding:110px 7vw 100px;display:grid;grid-template-columns:.45fr 1.7fr 1fr;gap:55px;border-bottom:1px solid var(--line)}
.intro-number{font-family:"Instrument Serif";font-size:64px;color:var(--chili)}
.intro h2{font-size:clamp(48px,6vw,90px);line-height:.92}
.intro-copy{padding-top:38px}.intro-copy p{line-height:1.8;font-size:14px;margin:0 0 22px;color:#4b5652}
.mosaic{padding:70px 7vw 125px;display:grid;grid-template-columns:1.55fr .7fr;grid-template-rows:360px 230px;gap:18px}
.mosaic figure{margin:0;overflow:hidden}.mosaic-large{grid-row:1/3;position:relative}.mosaic-large figcaption{position:absolute;left:18px;bottom:18px;background:var(--cream);padding:12px 14px;font-size:11px}
.mosaic-small{grid-column:2}.mosaic-note{background:var(--sun);padding:34px;display:flex;flex-direction:column;justify-content:space-between}.mosaic-note span{font-size:10px;letter-spacing:.2em}.mosaic-note p{font-family:"Instrument Serif";font-size:31px;line-height:1.08;margin:0}
.menu-journal{background:#d85a40;padding:110px 7vw;color:#1a2622;display:grid;grid-template-columns:.85fr 1.45fr;gap:90px}
.menu-heading h2{font-size:clamp(54px,6vw,88px);line-height:.92}
.menu-list article{border-top:1px solid rgba(20,34,31,.35);padding:24px 0;display:grid;grid-template-columns:50px 1fr auto;gap:20px;align-items:start}.menu-list article:last-child{border-bottom:1px solid rgba(20,34,31,.35)}
.menu-list span,.menu-list b{font-size:10px;letter-spacing:.15em}.menu-list h3{font-family:"Instrument Serif";font-size:38px;font-weight:400;margin:0 0 5px}.menu-list p{margin:0;font-size:13px}
.zeus-section{background:#193c38;color:#fff;display:grid;grid-template-columns:1.25fr 1fr;min-height:760px}.zeus-photo{min-height:650px}.zeus-copy{padding:11vw 8vw;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.zeus-copy h2{font-size:clamp(60px,7vw,105px);line-height:.88;position:relative}.zeus-copy p:not(.eyebrow){max-width:460px;line-height:1.8;color:#c9d4cf;position:relative}.vertical-word{position:absolute;right:-34px;top:35px;font-family:"Instrument Serif";font-size:140px;color:rgba(255,255,255,.045);transform:rotate(90deg)}
.coast{padding:130px 7vw;display:grid;grid-template-columns:.75fr 1.35fr;gap:100px;align-items:center}.coast-copy h2{font-size:clamp(55px,6vw,86px);line-height:.93}.coast-copy>p:not(.eyebrow){line-height:1.85;color:#56605d;max-width:510px}.text-link{display:inline-block;margin-top:20px;padding-bottom:6px;border-bottom:1px solid}
.coast-image{height:720px;position:relative}.caption{position:absolute;right:-45px;bottom:70px;background:var(--cream);padding:12px;font-size:10px;letter-spacing:.15em;transform:rotate(90deg)}
.night-section{background:#101918;color:#f4efdf;padding:120px 7vw}.night-top{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.18);margin-bottom:65px}.night-top span{font-size:10px;letter-spacing:.15em}.night-section h2{font-size:clamp(64px,8vw,120px);line-height:.85;color:#f2d588}.night-grid{margin-top:80px;display:grid;grid-template-columns:1fr 1.2fr;gap:18vw}.night-grid>p{max-width:420px;line-height:1.9;color:#aeb8b3}.slot-card{border:1px solid rgba(255,255,255,.18);padding:36px}.slot-card small{letter-spacing:.2em}.slot-card strong{display:block;font-family:"Instrument Serif";font-size:54px;font-weight:400;color:#e16950;margin:18px 0}.slot-card p{color:#aeb8b3;line-height:1.7;font-size:13px}
.about{padding:120px 7vw;display:grid;grid-template-columns:1.15fr .7fr;gap:70px}.about-title h2{font-size:clamp(56px,6vw,92px);line-height:.9}.about-card{padding-top:42px}.about-card p{line-height:1.8;color:#58615e}.about figure{grid-column:1/3;margin:30px 0 0;height:560px}
.cta{padding:100px 7vw;background:var(--sun);display:flex;align-items:flex-end;justify-content:space-between}.cta span{font-size:10px;letter-spacing:.2em}.cta h2{font-size:clamp(56px,7vw,104px);line-height:.86;margin-top:18px}.cta>a{border:1px solid var(--ink);border-radius:50%;width:120px;height:120px;display:flex;align-items:center;justify-content:center;font-size:11px;text-transform:uppercase}
footer{background:#0f2623;color:#fff;padding:70px 7vw;display:grid;grid-template-columns:1fr 1.3fr .5fr;gap:70px}.footer-brand img{width:210px;height:auto}.footer-copy p{max-width:470px;line-height:1.7;color:#bdcbc6}.footer-copy small{color:#7f928c}.footer-links{display:flex;flex-direction:column;gap:10px;font-size:12px;text-transform:uppercase;letter-spacing:.12em}

@media(max-width:900px){
  .site-header{height:78px}.brand img{width:150px}.nav{position:absolute;top:78px;left:0;width:100%;background:#102b28;padding:30px 6vw;display:none;flex-direction:column}.nav.open{display:flex}.menu-toggle{display:block}
  .hero-copy{padding:0 6vw 8vh;width:100%}.hero h1{font-size:clamp(58px,16vw,102px)}.hero-bottom{display:block}.circle-link{margin-top:25px;width:80px;height:80px}.side-stamp{display:none}
  .intro{grid-template-columns:1fr;padding:80px 6vw;gap:20px}.intro-number{font-size:40px}.intro-copy{padding-top:0}
  .mosaic{padding:50px 6vw 85px;grid-template-columns:1fr;grid-template-rows:480px 300px auto}.mosaic-large{grid-row:auto}.mosaic-small{grid-column:auto}.mosaic-note{min-height:220px}
  .menu-journal{padding:80px 6vw;grid-template-columns:1fr;gap:55px}
  .zeus-section{grid-template-columns:1fr}.zeus-photo{min-height:520px}.zeus-copy{padding:80px 7vw}
  .coast{grid-template-columns:1fr;padding:90px 6vw;gap:50px}.coast-image{height:520px}.caption{right:-70px}
  .night-section{padding:90px 6vw}.night-grid{grid-template-columns:1fr;gap:35px;margin-top:50px}
  .about{grid-template-columns:1fr;padding:90px 6vw}.about figure{grid-column:auto;height:420px}
  .cta{padding:80px 6vw;display:block}.cta>a{margin-top:40px;width:95px;height:95px}
  footer{grid-template-columns:1fr;gap:35px;padding:60px 6vw}
}
@media(max-width:520px){
  .hero{min-height:92vh}.hero-kicker{top:92px;left:6vw;right:auto}.hero h1{line-height:.83}.hero-bottom p{font-size:13px}
  .mosaic{grid-template-rows:360px 220px auto}.menu-list article{grid-template-columns:32px 1fr}.menu-list b{display:none}.menu-list h3{font-size:32px}
  .zeus-photo{min-height:420px}.coast-image{height:420px}.night-section h2{font-size:58px}.about figure{height:330px}
}