@font-face{font-family:"Zodiak";src:url("../betu/zodiak-300.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Zodiak";src:url("../betu/zodiak-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Zodiak";src:url("../betu/zodiak-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Zodiak";src:url("../betu/zodiak-800.woff2") format("woff2");font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:"GeneralSans";src:url("../betu/general-sans-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"GeneralSans";src:url("../betu/general-sans-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"GeneralSans";src:url("../betu/general-sans-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}

:root{
  --deep:#150404;
  --canvas:#1B0605;
  --canvas-2:#26090C;
  --slab:#37110F;
  --umber:#4A1A15;
  --wine:#7A1210;
  --cream:#F2EEDF;
  --paper:#FBF8EE;

  --ground:#1B0605;
  --on:#F4EFE0;
  --on-2:#CFC0AC;
  --on-3:#9C8A79;
  --hair:rgba(244,239,224,.2);
  --edge:rgba(244,239,224,.5);
  --well:rgba(244,239,224,.09);
  --acc:#C2372C;
  --acc-tx:#EC7A69;
  --acc-hi:#D9483B;
  --acc-on:#FFF6F0;
  --sage-on:#8E9885;

  --r-pill:999px;
  --r-lg:24px;
  --r-md:14px;
  --r-sm:6px;

  --fw-tx:500;
  --fw-md:600;
  --fw-bd:700;
  --fw-dp-l:300;
  --fw-dp:400;
  --fw-dp-b:700;
  --fw-dpx:800;

  --disp:"Zodiak",Georgia,"Times New Roman",serif;
  --text:"GeneralSans","Helvetica Neue",Arial,system-ui,sans-serif;

  --gut:clamp(1.25rem,4vw,3.5rem);
  --sec:clamp(4rem,9vw,8.5rem);
  --hdr:4.5rem;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--canvas);color:var(--on);font-family:var(--text);font-size:1.0625rem;font-weight:var(--fw-tx);line-height:1.65;-webkit-font-smoothing:antialiased}
img,svg,video{display:block;max-width:100%}
img{height:auto}
button,input,select,textarea{font:inherit;color:inherit}
[hidden]{display:none!important}
ul,ol{margin:0;padding:0;list-style:none}
h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}
a{color:inherit}
:focus-visible{outline:3px solid var(--acc-hi);outline-offset:3px}

@media (prefers-reduced-motion:no-preference){
  html{scroll-behavior:smooth}
}

.g-canvas,.g-canvas2,.g-slab,.g-umber,.g-chrome{--on:#F4EFE0;--on-2:#CFC0AC;--on-3:#9C8A79;--hair:rgba(244,239,224,.2);--edge:rgba(244,239,224,.5);--lift:rgba(244,239,224,.08);--well:rgba(244,239,224,.09);--acc:#C2372C;--acc-tx:#EC7A69;--acc-hi:#D9483B;--acc-on:#FFF6F0;--sage-on:#8E9885;color:var(--on)}
.g-canvas{background:var(--canvas);--ground:#1B0605}
.g-canvas2{background:var(--canvas-2);--ground:#26090C}
.g-slab{background:var(--slab);--ground:#37110F}
.g-umber{background:var(--umber);--ground:#4A1A15;--on-3:#AB9887;--acc:#D9483B;--acc-tx:#EC7A69;--acc-hi:#F0685A;--lift:rgba(244,239,224,.14)}
.g-chrome{background:var(--deep);--ground:#150404}
.g-wine{background:var(--wine);--ground:#7A1210;--on:#F9F1E8;--on-2:#EBD3CA;--on-3:#CFAAA1;--hair:rgba(249,241,232,.3);--edge:rgba(249,241,232,.55);--lift:rgba(249,241,232,.12);--well:rgba(58,7,6,.42);--acc:#F9F1E8;--acc-tx:#F9F1E8;--acc-hi:#FFFFFF;--acc-on:#7A1210;--sage-on:#CFC5AE;color:var(--on)}
.g-cream{background:var(--cream);--ground:#F2EEDF;--on:#1B0605;--on-2:#4A322C;--on-3:#7C6459;--hair:rgba(27,6,5,.2);--edge:rgba(27,6,5,.55);--lift:rgba(27,6,5,.06);--well:rgba(27,6,5,.05);--acc:#7A1210;--acc-tx:#7A1210;--acc-hi:#8F1A17;--acc-on:#F7F3E6;--sage-on:#5F6858;color:var(--on)}

.sm-skip{position:absolute;left:-9999px;top:0;z-index:99;padding:.75rem 1.25rem;background:var(--acc);color:var(--acc-on);font-size:1rem;font-weight:var(--fw-bd);border-radius:var(--r-pill)}
.sm-skip:focus{left:1rem;top:1rem}

.sm-wrap{width:100%;max-width:84rem;margin-inline:auto;padding-inline:var(--gut)}
.sm-flow>*+*{margin-top:1.5rem}
.sm-flow--w>*+*{margin-top:2.5rem}
.sm-sec{padding-block:var(--sec)}

.h1,.h2,.h3,.h4{font-family:var(--disp);font-weight:var(--fw-dp);line-height:1.02;letter-spacing:-.01em;color:var(--on)}
.h1{font-size:clamp(2.75rem,6.4vw,5.5rem)}
.h2{font-size:clamp(2.125rem,4.8vw,4rem)}
.h3{font-size:clamp(1.5rem,2.4vw,2.125rem);line-height:1.12}
.h4{font-size:clamp(1.25rem,1.6vw,1.5rem);line-height:1.2}

.sm-sans{font-family:var(--text);font-weight:var(--fw-md);letter-spacing:.005em}

.p{font-size:1.0625rem;font-weight:var(--fw-tx);line-height:1.65;color:var(--on-2)}
.p--lg{font-size:clamp(1.125rem,1.5vw,1.375rem);line-height:1.5;color:var(--on)}
.p--sm{font-size:1rem;line-height:1.6}
.p--fine{font-size:1rem;line-height:1.55;color:var(--on-3)}

.sm-lab{display:block;font-family:var(--disp);font-size:clamp(1rem,1.3vw,1.25rem);font-weight:var(--fw-dp);letter-spacing:.2em;text-transform:uppercase;color:var(--on-3)}

.sm-tag{display:inline-block;font-size:1rem;font-weight:var(--fw-md);letter-spacing:.16em;text-transform:uppercase;color:var(--sage-on)}
.sm-tag::before{content:"[";margin-right:.2em}
.sm-tag::after{content:"]";margin-left:.2em}
.sm-tag--acc{color:var(--acc-tx)}

.sm-head{display:flex;flex-direction:column;gap:.1em;font-family:var(--disp);font-weight:var(--fw-dp);line-height:1.02;letter-spacing:-.01em;font-size:clamp(2.125rem,4.8vw,4rem);color:var(--on)}
.sm-head__a{display:block;font-family:var(--text);font-weight:var(--fw-md);letter-spacing:.005em;text-transform:uppercase}
.sm-head__b{display:block;align-self:flex-end;text-align:right;max-width:88%;color:var(--acc);text-transform:uppercase}
.sm-head--r .sm-head__a{font-family:var(--disp);color:var(--acc);align-self:flex-start;text-transform:uppercase}
.sm-head--r .sm-head__b{font-family:var(--text);font-weight:var(--fw-md);color:var(--on)}
.sm-head--wide .sm-head__b{max-width:none}
.sm-head--lg{font-size:clamp(2rem,5.4vw,4.5rem);line-height:1.04}
.sm-head--sm{font-size:clamp(1.5rem,2.6vw,2.125rem);line-height:1.1}

.sm-fig{display:block;overflow:hidden;border-radius:var(--r-md);background:var(--slab)}
.sm-fig>img{width:100%;height:100%;object-fit:cover}
.sm-fig--lg{border-radius:var(--r-lg)}
.sm-fig--sq{aspect-ratio:1}
.sm-fig--p{aspect-ratio:3/4}
.sm-fig--l{aspect-ratio:4/3}
.sm-fig--w{aspect-ratio:3/2}
.sm-fig--x{aspect-ratio:16/9}
.sm-fig--t{aspect-ratio:2/3}

.sm-mark{display:block;font-family:var(--disp);font-weight:var(--fw-dp-l);font-size:clamp(3.25rem,14.2vw,13.5rem);line-height:.86;letter-spacing:-.01em;text-transform:uppercase;white-space:nowrap;color:var(--on)}
.g-wine .sm-mark{font-weight:var(--fw-dp)}

.sm-chip{display:inline-flex;align-items:baseline;gap:.45rem;min-height:2.75rem;padding:.5rem 1.125rem;border:1px solid var(--hair);border-radius:var(--r-pill);background:transparent;color:var(--on);font-size:1rem;font-weight:var(--fw-md);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:background-color .25s,border-color .25s,color .25s}
.sm-chip__n{font-size:.8em;font-weight:var(--fw-tx);color:var(--sage-on);transform:translateY(-.45em)}
.sm-chip__n::before{content:"["}
.sm-chip__n::after{content:"]"}
.sm-chip:hover{border-color:var(--on)}
.sm-chip.is-on{background:var(--acc);border-color:var(--acc);color:var(--acc-on)}
.sm-chip.is-on .sm-chip__n{color:var(--acc-on)}

.sm-chip--st{align-items:center;gap:.75rem;border-radius:var(--r-lg);border-color:transparent;padding:.75rem 1.25rem;line-height:1.35;text-align:left;cursor:default;transition:background-color .45s ease,color .45s ease}
.sm-chip--st:hover{border-color:transparent}
.sm-chip__ic{display:block;flex:none;width:1.25rem;height:1.25rem;color:var(--acc);transition:color .45s ease}
.sm-chip__ic svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

@media (prefers-reduced-motion:reduce){
  .sm-chip--st,.sm-chip__ic{transition:none}
}

.sm-fld{display:block;width:100%;min-height:3.5rem;padding:.75rem 1.25rem;border:3px solid var(--edge);border-radius:var(--r-pill);background:var(--well);box-shadow:inset 0 2px 5px rgba(0,0,0,.28);color:var(--on);font-size:1rem;font-weight:var(--fw-tx);transition:border-color .25s,background-color .25s}
.sm-fld:hover{border-color:var(--on-3)}
.sm-fld:focus{border-color:var(--acc);outline:none}
.sm-fld::placeholder{color:var(--on-3);opacity:1}
textarea.sm-fld{border-radius:var(--r-lg);min-height:9rem;resize:none}
select.sm-fld{appearance:none;-webkit-appearance:none;padding-right:3rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='none' stroke='%23F4EFE0' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m1 1.5 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1.25rem center;background-size:.75rem}
.g-cream select.sm-fld{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='none' stroke='%231B0605' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m1 1.5 5 5 5-5'/%3E%3C/svg%3E")}
select.sm-fld option{background:var(--deep);color:#F4EFE0}
.sm-fld:disabled{opacity:.55}
.sm-pot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.sm-lbl{display:block;font-size:1rem;font-weight:var(--fw-md);letter-spacing:.08em;text-transform:uppercase;color:var(--on-2);margin-bottom:.5rem}

.sm-btn{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;min-height:3.5rem;padding:0 1.5rem;border:2px solid transparent;border-radius:var(--r-pill);font-family:var(--text);font-size:1rem;font-weight:var(--fw-bd);letter-spacing:.02em;line-height:1.2;text-decoration:none;cursor:pointer;transition:background-color .25s,border-color .25s,color .25s,transform .12s}
.sm-btn--ico{padding-right:.6875rem}
.sm-btn--sm{min-height:2.75rem;padding:0 1.125rem;font-size:1rem}
.sm-btn--sm.sm-btn--ico{padding-right:.5rem}
.sm-btn__ic{display:block;flex:none;width:2.125rem;height:2.125rem;color:inherit;transition:transform .3s ease-in-out}
.sm-btn--sm .sm-btn__ic{width:1.75rem;height:1.75rem}
.sm-btn__ic svg{display:block;width:100%;height:100%}
.sm-btn:hover .sm-btn__ic,.sm-btn:focus-visible .sm-btn__ic{transform:translateX(.3125rem)}
.sm-btn:active{transform:scale(.95)}

.sm-btn--acc{background:var(--acc);color:var(--acc-on)}
.sm-btn--acc:hover{background:var(--acc-hi)}
.sm-btn--solid{background:var(--on);color:var(--ground)}
.sm-btn--solid:hover{background:var(--acc);color:var(--acc-on)}
.sm-btn--line{background:transparent;border-color:var(--on);color:var(--on)}
.sm-btn--line:hover{background:var(--on);color:var(--ground)}
.sm-btn--wine{background:var(--wine);color:#F9F1E8}
.sm-btn--wine:hover{background:var(--acc);color:var(--acc-on)}
.sm-btn--sage{background:transparent;border-color:var(--sage-on);color:var(--sage-on)}
.sm-btn--sage:hover{background:var(--sage-on);border-color:var(--sage-on);color:var(--ground)}

.sm-lnk{display:inline-block;font-size:1rem;font-weight:var(--fw-md);letter-spacing:.06em;text-decoration:none;color:var(--on);border-bottom:1px solid currentColor;padding-bottom:.15rem;transition:color .25s,border-color .25s}
.sm-lnk:hover{color:var(--acc-tx)}

.sm-cbx{display:flex;align-items:flex-start;gap:.75rem}
.sm-cbx input{appearance:none;-webkit-appearance:none;flex:none;width:1.5rem;height:1.5rem;margin:.1rem 0 0;border:3px solid var(--edge);border-radius:var(--r-sm);background:var(--well);cursor:pointer;transition:background-color .25s,border-color .25s}
.sm-cbx input:hover{border-color:var(--on-2)}
.sm-cbx input:checked{background-color:var(--acc);border-color:var(--acc);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10' fill='none' stroke='%23FFF6F0' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m1 5 3.4 3.4L11 1.6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:.7rem}
.g-wine .sm-cbx input:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10' fill='none' stroke='%237A1210' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m1 5 3.4 3.4L11 1.6'/%3E%3C/svg%3E")}
.sm-cbx span{font-size:1rem;line-height:1.4;color:var(--on-2)}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .sm-btn{transition:background-color .01ms,border-color .01ms,color .01ms}
  .sm-btn__ic{transition:none}
  .sm-btn:hover .sm-btn__ic,.sm-btn:focus-visible .sm-btn__ic{transform:none}
  .sm-btn:active{transform:none}
}

@media (min-width:36rem){
  .sm-flow>*+*{margin-top:1.75rem}
}

@media (min-width:58rem){
  :root{--hdr:4.75rem}
  .sm-head{gap:.02em}
  .sm-head__b{max-width:78%}
}