:root {
  --accent: #AD272F;
  --bg: #070707;
  --bg2: #0E0D0D;
  --card: #121011;
  --img: #161415;
  --line: #242021;
  --fg: #FFFFFF;
  --muted: #BDB8B8;
  --dim: #8F8A8A;
  --eyebrow: #E58A90;
  --logo: #F2E7D3;
  --glass: rgba(24,21,22,0.62);
  --glass-line: rgba(255,255,255,0.13);
  --field-bg: rgba(255,255,255,0.06);
  --field-line: rgba(255,255,255,0.26);
  --shadow: 0 36px 80px rgba(0,0,0,0.6);
  --shadow-sm: 0 12px 28px rgba(0,0,0,0.5);
  color-scheme: dark;
}
:root[data-theme="light"] {
  --bg: #FFFFFF;
  --bg2: #F6F3F1;
  --card: #F6F3F1;
  --img: #E9E5E2;
  --line: #E4DFDC;
  --fg: #141112;
  --muted: #555051;
  --dim: #746E6F;
  --eyebrow: #A3232B;
  --logo: #141112;
  --glass: rgba(255,255,255,0.72);
  --glass-line: rgba(20,17,18,0.12);
  --field-bg: #FFFFFF;
  --field-line: rgba(20,17,18,0.28);
  --shadow: 0 30px 70px rgba(60,16,22,0.22);
  --shadow-sm: 0 10px 24px rgba(60,16,22,0.16);
  color-scheme: light;
}
body{margin:0;background:var(--bg)}
a{color:var(--fg);text-decoration:none}a:hover{color:var(--eyebrow)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
img{display:block;max-width:100%}
.serif{font-family:'Instrument Serif',Georgia,serif;font-weight:400}
.glass{background:var(--glass);-webkit-backdrop-filter:saturate(180%) blur(22px);backdrop-filter:saturate(180%) blur(22px);border:1px solid var(--glass-line)}
.glass-dark{background:rgba(24,21,22,0.62);-webkit-backdrop-filter:saturate(180%) blur(22px);backdrop-filter:saturate(180%) blur(22px);border:1px solid rgba(255,255,255,0.16)}
.rail{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:18px max(28px, calc((100% - 1224px) / 2)) 22px;scroll-padding-left:max(28px, calc((100% - 1224px) / 2))}
.rail::-webkit-scrollbar{display:none}
.snap{scroll-snap-align:start;flex:none}
.lift{transition:transform .25s ease}
.lift:hover{transform:translateY(-6px)}
.navlinks{display:flex;align-items:center;gap:2px;font-size:14px;font-weight:500}
.field{width:100%;padding:15px 16px;border-radius:14px;border:1px solid var(--field-line);background:var(--field-bg);color:var(--fg);font:inherit;font-size:16px}
.field::placeholder{color:var(--dim)}
.field:focus{outline:3px solid var(--fg);outline-offset:1px;border-color:var(--fg)}
button:focus-visible,a:focus-visible{outline:3px solid var(--fg);outline-offset:3px}
section{scroll-margin-top:72px}
@media (max-width:760px){
.hdr{padding:8px 18px!important}
.hide-sm{display:none}
.sec-x{padding-left:20px!important;padding-right:20px!important}
.sec{padding-top:72px!important;padding-bottom:72px!important}
.sec-hero{padding-top:36px!important;padding-bottom:56px!important}
.sec-about{padding-bottom:72px!important}
.hero-img{aspect-ratio:3 / 1.15!important;min-height:0!important;border-radius:20px!important}
.hero-link{margin-top:36px!important}
.about-label{flex-basis:100%!important;margin:0!important}
.guys-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px 12px!important}
.guys-grid > article > div{border-radius:16px!important}
.guys-grid h3{font-size:17px!important}
.guys-grid p{font-size:14px!important}
.guys-grid p:first-of-type{font-size:11px!important;letter-spacing:0.1em!important}
.contact-card{padding:20px!important;border-radius:22px!important}
.rail{padding-left:20px;padding-right:20px;scroll-padding-left:20px}
}
@media (max-width:760px){
.navlinks{order:3;width:100%;overflow-x:auto;white-space:nowrap;scrollbar-width:none;margin:0 -8px}
.navlinks::-webkit-scrollbar{display:none}
}
@media (prefers-reduced-motion: reduce){.lift{transition:none}html{scroll-behavior:auto}}
[hidden]{display:none!important}
[data-if]{display:contents}
:root[data-theme="light"] [data-icon="sun"]{display:none!important}
:root:not([data-theme="light"]) [data-icon="moon"]{display:none!important}
.short{display:block;width:224px;aspect-ratio:5 / 6;border-radius:22px;overflow:hidden;background:#2A0A10;box-shadow:var(--shadow-sm)}
.short img{width:100%;height:100%;object-fit:cover;object-position:center top}
.crate-btn{width:280px;padding:0;border:0;background:none;color:var(--fg);font:inherit;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:12px}
.cover{display:block;width:100%;aspect-ratio:16 / 9;border-radius:18px;overflow:hidden;background:var(--img);box-shadow:var(--shadow-sm);opacity:.8}
.cover img{width:100%;height:100%;object-fit:cover}
.crate-btn[aria-pressed="true"] .cover{box-shadow:0 0 0 3px var(--fg),var(--shadow-sm);opacity:1}
.pill{min-height:44px;padding:10px 18px;border-radius:999px;font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.pour-filter{border:1px solid rgba(242,231,211,0.45);background:rgba(255,255,255,0.06);color:#F2E7D3}
.pour-filter[aria-pressed="true"]{border-color:#F2E7D3;background:#F2E7D3;color:#2E0B11}
.kind{border:1px solid var(--field-line);background:transparent;color:var(--fg)}
.kind[aria-pressed="true"]{border-color:var(--fg);background:var(--fg);color:var(--bg)}
.player{position:relative;aspect-ratio:16 / 9;border-radius:28px;overflow:hidden;background:#161415;box-shadow:var(--shadow)}
.player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.player-btn{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:none;cursor:pointer}
.player-btn img{width:100%;height:100%;object-fit:cover}
.player-play{position:absolute;left:50%;top:50%;width:88px;height:88px;margin:-44px 0 0 -44px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;box-shadow:0 12px 30px rgba(0,0,0,0.45)}
.form-error{flex-basis:100%;margin:12px 0 0;font-size:15px;line-height:1.45;color:var(--eyebrow)}
form[data-busy] button[type="submit"]{opacity:.6;cursor:progress}
@media (max-width:760px){
.hero-cta{flex:1 1 100%!important}
.crate-btn{width:236px}
.short{width:190px}
.player{border-radius:18px}
.player-play{width:64px;height:64px;margin:-32px 0 0 -32px}
}