.hero{height:calc(100svh - 56px);min-height:620px;padding:0;display:block;position:relative;overflow:hidden;color:#fff}
.hero-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%}
.hero-video{filter:grayscale(1) contrast(.88) brightness(.78);object-position:center center}
.hero-photo{object-position:center 48%;filter:contrast(.92) brightness(.9) saturate(.9)}
.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.30) 55%,rgba(0,0,0,.50))}
.hero-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem 2rem 16vh}
.hero-center>p{font-size:.66rem;letter-spacing:.23em;margin:0 0 1.1rem}
.hero-center h1{font-family:"Cormorant Garamond",serif;font-size:clamp(2rem,3.2vw,3.2rem);font-weight:400;font-style:italic;line-height:1.15;letter-spacing:.035em;margin:0 0 2rem}
.hero-center a{min-width:230px;border:1.5px solid #fff;border-radius:12px;padding:1.1rem 2rem;font-size:.85rem;letter-spacing:.09em;background:rgba(0,0,0,.06);backdrop-filter:blur(2px);transition:.25s}
.hero-center a:hover{background:#fff;color:var(--ink)}
@media(max-width:760px){
  .nav{height:56px;padding:0 16px;background:#fff}
  .brand{font-size:1.35rem}
  .menu-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--ink);color:#fff;font-size:0}
  .menu-button:before{content:'☰';font-size:1.45rem;line-height:1}
  .hero{height:calc(100svh - 56px);min-height:610px;padding:0;display:block}
  .hero-background{object-position:center 36%}
  .hero-video{object-position:center center}
  .hero-photo{object-position:center 48%}
  .hero-shade{background:linear-gradient(180deg,rgba(0,0,0,.16),rgba(0,0,0,.35) 58%,rgba(0,0,0,.56))}
  .hero-center{justify-content:center;padding:1.5rem 1.5rem 15vh}
  .hero-center>p{font-size:.56rem;letter-spacing:.18em}
  .hero-center h1{font-size:2rem;letter-spacing:.025em;margin-bottom:1.8rem}
  .hero-center a{min-width:205px;border-radius:11px;padding:1rem 1.5rem}
}

.hero-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;max-width:100%}.hero-actions a:focus-visible{outline:3px solid #fff;outline-offset:5px}
@media(max-width:520px){.hero-actions{flex-direction:column;align-items:stretch;width:min(100%,270px)}.hero-actions a{min-width:0}}