/* HEBE's burgundy logo, warm ivory surfaces and editorial motion. */
:root{--wine:#2c0001}
body{padding-top:92px}body.is-home{padding-top:0}body:has(dialog[open]){overflow:hidden}
.announcement{display:none}.is-home .announcement{display:block;position:absolute;top:0;left:0;width:100%;z-index:8;background:transparent;color:#f8f0e8;padding-top:12px;font-size:9px}.announcement span{opacity:.8}
#site-header{position:fixed;inset:0 0 auto;height:92px;padding:8px 4%;display:flex;justify-content:center;background:#fff;color:var(--wine);border-bottom:1px solid #e9e3dc;z-index:10;transition:background .28s,color .28s,height .28s,box-shadow .28s,top .28s}
#site-header .brand{width:125px}#site-header .brand img{width:125px;height:78px;transition:filter .28s,height .28s}
#site-header .menu{display:flex;position:absolute;left:4%;align-items:center;gap:12px;font-size:13px;min-height:44px}#site-header .menu svg{width:27px;height:24px;stroke-width:1.1}#site-header .utilities{position:absolute;right:4%;gap:22px}#site-header .icon{min-height:44px;min-width:38px}.is-home:not(.scrolled) #site-header{top:30px;height:122px;background:transparent;border-color:transparent;color:#fff}.is-home:not(.scrolled) #site-header .brand{width:170px}.is-home:not(.scrolled) #site-header .brand img{width:170px;height:112px;filter:brightness(0) invert(1)}.scrolled #site-header{box-shadow:0 3px 18px #30151a09;height:80px}.scrolled #site-header .brand img{height:66px}.scrolled #site-header .brand{width:110px}
.hero{height:100svh;min-height:740px;max-height:1100px;align-items:flex-end;background:#26120e}.hero>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero:after{background:linear-gradient(90deg,rgba(40,8,12,.52),rgba(40,8,12,.03) 72%),linear-gradient(180deg,rgba(25,8,10,.35),transparent 25%,transparent 65%,rgba(28,8,11,.25))}.hero-content{padding:210px 6% 100px;width:55%}.hero h1{font-size:70px}.hero .button{background:var(--wine);border-color:var(--wine);color:white;min-width:240px}.hero .button:hover{background:#642438}.hero-caption{left:6%;right:auto;bottom:24px;max-width:60%;font-size:9px}.hero-controls{position:absolute;right:4%;bottom:20px;z-index:2;display:flex;align-items:center;gap:22px}.motion-toggle{color:#fff;background:#260d1266;border:1px solid #ffffff77;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;font-size:13px}.motion-toggle:hover{background:var(--wine)}.scroll-cue{font-size:10px;color:white;border-bottom:1px solid #ffffff66;padding:4px 0}.scroll-cue span{margin-left:10px}
#menu-dialog{position:fixed;inset:0 auto 0 0;margin:0;max-width:500px;width:42%;height:100dvh;max-height:100dvh;padding:74px 46px 30px;background:var(--cream);border:0;overflow:auto;box-shadow:8px 0 45px #0002}#menu-dialog[open]{animation:drawer-in .25s ease-out}#menu-dialog::backdrop{background:#25131866;backdrop-filter:blur(4px)}#menu-dialog>.eyebrow{margin-bottom:30px;color:var(--wine)}#menu-dialog nav{display:flex;position:static;flex-direction:column;gap:0;padding:0;border:0;background:none;font-size:30px;font-family:var(--serif)}#menu-dialog nav a{padding:11px 0;border:0;display:flex;justify-content:space-between;align-items:center;gap:15px}#menu-dialog nav a span{font-family:Arial,sans-serif;font-size:17px;color:#9a7c78}#menu-dialog nav a:hover{color:#8c3d54}#menu-dialog .close{top:15px;right:25px;width:44px;height:44px;color:var(--wine)}.menu-feature{display:flex;align-items:center;gap:22px;background:var(--sand);padding:18px;margin-top:32px}.menu-feature img{width:92px;height:130px;object-fit:contain;mix-blend-mode:multiply}.menu-feature .eyebrow{font-size:8px;margin-bottom:10px}.menu-feature h3{font-family:var(--serif);font-size:24px;line-height:1.2;margin-bottom:12px}.menu-feature span,.menu-note{font-size:10px}.menu-note{margin:24px 0 0;color:var(--muted)}
@keyframes drawer-in{from{transform:translateX(-100%)}to{transform:translateX(0)}}
@media(max-width:1000px){.hero-content{width:60%}.hero h1{font-size:60px}#menu-dialog{width:52%;padding:70px 34px 25px}}
@media(max-width:700px){body{padding-top:80px}#site-header{height:80px;padding:5px 18px}#site-header .brand,#site-header .brand img{width:105px}#site-header .brand img{height:70px}#site-header .menu{left:16px;gap:8px}#site-header .menu span{display:none}#site-header .utilities{right:12px;gap:2px}.is-home:not(.scrolled) #site-header{top:26px;height:99px}.is-home:not(.scrolled) #site-header .brand,.is-home:not(.scrolled) #site-header .brand img{width:126px}.is-home:not(.scrolled) #site-header .brand img{height:91px}.scrolled #site-header{height:70px}.scrolled #site-header .brand img{height:58px}.hero{height:100svh;min-height:740px;max-height:950px}.hero>video{object-position:65% center}.hero:after{background:linear-gradient(0deg,rgba(32,8,12,.93),rgba(32,8,12,.1) 58%,rgba(32,8,12,.28))}.hero-content{width:100%;padding:190px 26px 98px}.hero h1{font-size:44px;max-width:330px}.hero-content .eyebrow{font-size:9px;margin-bottom:18px}.hero p:not(.eyebrow){font-size:13px}.hero-caption{bottom:22px;left:25px;max-width:230px;font-size:8px}.hero-controls{right:20px;bottom:18px}.scroll-cue{display:none}.hero .button{min-width:225px}#menu-dialog{width:calc(100% - 28px);max-width:420px;padding:72px 28px 28px}#menu-dialog nav{font-size:29px}.menu-feature{gap:15px}.menu-feature h3{font-size:22px}}
@media(max-width:360px){.hero h1{font-size:38px}.hero-content{padding-left:22px;padding-right:22px}#menu-dialog nav{font-size:26px}.hero-caption{max-width:195px}}
@media(prefers-reduced-motion:reduce){#menu-dialog[open]{animation:none}}
@media(max-width:700px){.hero>video{object-position:78% center}}