:root{--noir:#111111;--ivoire:#f6f1e9;--beige:#d9c9b2;--serif:"Cormorant Garamond","Playfair Display",Georgia,serif;--sans:"Helvetica Neue",Arial,sans-serif;
box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);color-scheme:light}
*,*::before,*::after{box-sizing:inherit}
html{scroll-behavior:smooth;scroll-padding-top:env(safe-area-inset-top,0px);background:var(--noir)}
body{margin:0;background:var(--noir);color:var(--ivoire);font-family:var(--sans);overflow-x:hidden}
.sec{display:block;width:100%;line-height:0}
.pic{position:relative;width:100%;max-width:100%;overflow:hidden}
.pic img{display:block;width:100%;height:auto}
.mob{display:none}
.hs{position:absolute;display:block;background:none;border:0;padding:0;margin:0;cursor:pointer;border-radius:999px;-webkit-tap-highlight-color:transparent}
.hs.nav,.hs.logo{border-radius:6px}
.hs:focus-visible{outline:2px solid var(--noir);outline-offset:3px;box-shadow:0 0 0 5px var(--ivoire)}
.hs.cta{transition:transform .35s ease,box-shadow .35s ease}
.hs.cta:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(0,0,0,.28)}
.js .sec{opacity:0;transition:opacity .9s ease}
.js .sec.in{opacity:1}
#menu{position:fixed;inset:0;z-index:50;background:var(--noir);color:var(--ivoire);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.2rem;
opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s}
#menu.open{opacity:1;visibility:visible}
#menu a{font-family:var(--sans);font-size:.95rem;letter-spacing:.32em;text-transform:uppercase;color:var(--ivoire);text-decoration:none;padding:.6rem 1rem}
#menu a:focus-visible,#close:focus-visible{outline:1px solid var(--beige);outline-offset:4px}
#close{position:absolute;top:calc(1.2rem + env(safe-area-inset-top,0px));right:1.4rem;background:none;border:0;color:var(--ivoire);font-size:2rem;line-height:1;padding:.5rem;cursor:pointer}
#menu .brand{font-family:var(--serif);font-size:2rem;letter-spacing:.02em;margin-bottom:1rem}
.fillbg{display:none}
html{scroll-padding-top:calc(56px + env(safe-area-inset-top,0px))}
#bar{position:fixed;top:0;left:0;right:0;z-index:40;height:calc(56px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) clamp(16px,4vw,48px) 0;display:flex;align-items:center;justify-content:space-between;background:rgba(17,17,17,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translateY(-100%);transition:transform .45s ease}
#bar.show{transform:none}
#bar a{color:var(--ivoire);text-decoration:none}
.bl{font-family:var(--serif);font-size:1.55rem}
.bn{display:flex;gap:clamp(18px,3.5vw,44px)}
.bn a{font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;padding:.5rem 0;border-bottom:1px solid transparent;transition:border-color .3s}
.bn a:hover{border-color:var(--beige)}
#bar a:focus-visible,.bb:focus-visible{outline:1px solid var(--beige);outline-offset:4px}
.bb{display:none;background:none;border:0;padding:12px 4px;cursor:pointer;flex-direction:column;gap:6px;width:40px}
.bb span{display:block;height:1px;background:var(--ivoire);width:100%}
@media (max-width:767px){.bn{display:none}
.bb{display:flex}
}
@media (max-width:767px){.desk{display:none}
.mob{display:block}
.sec.fill{position:relative;overflow:hidden;min-height:100vh;min-height:100svh;display:flex;align-items:center;background:#141010}
.sec.fill .mob{position:relative;z-index:1;width:100%}
.sec.fit{height:100vh;height:100svh;padding-top:calc(56px + env(safe-area-inset-top,0px));justify-content:center;scroll-snap-align:start}
.sec.fit .mob{display:flex;justify-content:center;align-items:center;height:100%}
.sec.fit .pic{width:min(100%,calc((100svh - 56px - env(safe-area-inset-top,0px)) * .5583));flex:none}
html{scroll-snap-type:y proximity}
.fillbg{display:block;position:absolute;left:-10%;top:-10%;width:120%;height:120%;object-fit:cover;filter:blur(30px) brightness(.85);z-index:0}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}
.js .sec{opacity:1;transition:none}
.hs.cta{transition:none}
}
