:root,:root[data-theme]{
  --color-base-100:#FBF6EE; --color-base-200:#F3EADC; --color-base-300:#E2D6C3; --color-base-content:#1A1715;
  --color-primary:#B4500E; --color-primary-content:#FFFFFF; --color-accent:#1A1715; --color-accent-content:#FFFFFF;
  --color-neutral:#141212; --color-neutral-content:#F4F1EC;
  --radius-box:1rem; --radius-field:.6rem; --radius-selector:.6rem;
  --font-display:"Josefin Sans", system-ui, sans-serif; --font-sans:"DM Sans", system-ui, sans-serif;
  --ginta-accent:#B4500E; --ginta-accent-ink:#FFFFFF; --ginta-radius:1rem;
  --soft:#5E554D; --silver:#C9C7C2; --orange:#E8822A;
  --step--1:clamp(.875rem,.86rem + .1vw,.94rem); --step-0:clamp(1rem,.96rem + .2vw,1.125rem); --step-1:clamp(1.2rem,1.1rem + .5vw,1.45rem);
  --step-2:clamp(1.45rem,1.25rem + 1vw,1.9rem); --step-3:clamp(1.75rem,1.4rem + 1.8vw,2.6rem); --step-4:clamp(2.1rem,1.5rem + 3vw,3.6rem); --step-5:clamp(2.4rem,1.6rem + 4.6vw,4.8rem);
  --sp-1:.25rem; --sp-2:.5rem; --sp-3:.75rem; --sp-4:1rem; --sp-5:1.5rem; --sp-6:2rem; --sp-7:3rem; --sp-8:4rem; --sp-9:6rem;
  --section:clamp(3rem,2rem + 4vw,5.5rem); --container:72rem; --measure:62ch;
}
body{background:var(--color-base-100);color:var(--color-base-content);font-family:var(--font-sans);font-size:var(--step-0);line-height:1.55;overflow-wrap:break-word}
h1,h2,h3{font-family:var(--font-display);line-height:1.1;letter-spacing:.02em}
.zb-wrap{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--sp-4)}
@media (min-width:768px){.zb-wrap{padding-inline:var(--sp-6)}}
.zb-script{font-family:"Great Vibes",cursive;font-weight:400;letter-spacing:0;text-transform:none}
.zb-eyebrow{display:inline-block;font-family:var(--font-display);font-size:var(--step--1);font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--color-primary);margin-bottom:var(--sp-3)}
.btn{min-height:44px;display:inline-flex;align-items:center;gap:var(--sp-2);border-radius:999px;font-family:var(--font-display);font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding-inline:var(--sp-5)}
.btn-primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}
.btn-primary:hover{background:#953F08;border-color:#953F08}
.zb-btn-ghost{background:transparent;color:inherit;border:1.5px solid currentColor}
.zb-btn-ghost:hover{background:rgba(255,255,255,.12)}
a:focus-visible,.btn:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:3px}

.zb-head{position:sticky;top:0;z-index:40;background:var(--color-neutral);color:var(--color-neutral-content)}
.zb-head .zb-wrap{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);min-height:60px}
.zb-brand{display:flex;align-items:center;gap:var(--sp-3);color:inherit;text-decoration:none;white-space:nowrap}
.zb-brand img{height:40px;width:auto;border-radius:50%}
.zb-brand span{font-family:var(--font-display);font-size:var(--step-1);font-weight:300;letter-spacing:.14em;text-transform:uppercase}
.zb-nav{display:none;gap:var(--sp-6);align-items:center}
.zb-nav a{color:inherit;text-decoration:none;font-family:var(--font-display);font-size:var(--step--1);font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding-block:var(--sp-2)}
.zb-nav a:hover,.zb-nav a[aria-current="page"]{color:var(--orange)}
.zb-head .btn{min-height:44px;padding-inline:var(--sp-4);white-space:nowrap}
.zb-right{display:flex;align-items:center;gap:var(--sp-3)}
.zb-menu{position:relative}
.zb-menu summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;width:44px;height:44px}
.zb-menu summary::-webkit-details-marker{display:none}
.zb-menu summary svg{width:24px;height:24px}
.zb-menu nav{position:absolute;right:0;top:calc(100% + 8px);background:var(--color-neutral);border:1px solid #333;border-radius:var(--radius-box);padding:var(--sp-3);display:grid;min-width:12rem}
.zb-menu nav a{color:inherit;text-decoration:none;padding:var(--sp-3);font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;font-size:var(--step--1);font-weight:600}
@media (min-width:768px){.zb-nav{display:flex}.zb-menu{display:none}}

.zb-hero{position:relative;min-height:min(88svh,760px);display:flex;align-items:flex-end;color:#fff;overflow:hidden;background:#1a1412}
.zb-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%}
.zb-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,10,8,.05) 25%,rgba(15,10,8,.82) 78%)}
.zb-hero .zb-wrap{position:relative;z-index:1;padding-block:var(--sp-8) var(--sp-7)}
.zb-hero h1{font-size:var(--step-5);font-weight:300;text-transform:uppercase;letter-spacing:.08em;margin:0}
.zb-hero h1 .zb-script{display:block;font-size:1.05em;margin-top:-.15em;margin-left:.6em;color:#FFD8B0}
.zb-hero p{max-width:34rem;font-size:var(--step-1);margin:var(--sp-4) 0 var(--sp-5);color:#F6EEE6}
.zb-actions{display:flex;flex-wrap:wrap;gap:var(--sp-3)}
.zb-facts{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-5);margin-top:var(--sp-5);font-size:var(--step--1);color:#EDE3D8;list-style:none;padding:0}
.zb-facts li{display:flex;align-items:center;gap:var(--sp-2)}
.zb-facts svg{width:18px;height:18px;color:#FFD8B0}

.zb-sec{padding-block:var(--section)}
.zb-sec h2{font-size:var(--step-4);font-weight:600;text-transform:uppercase;margin:0 0 var(--sp-4)}
.zb-lead{max-width:var(--measure);color:var(--soft);font-size:var(--step-1);margin:0}
.zb-shop-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-6)}
.zb-more{color:var(--color-primary);font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:var(--sp-2);min-height:44px}
.zb-more svg{width:18px;height:18px}

.ginta-catalog__card{background:#fff;border-radius:var(--radius-box);overflow:hidden;box-shadow:0 1px 0 var(--color-base-300)}
.ginta-catalog__name{font-family:var(--font-display);font-weight:600;letter-spacing:.04em;padding-inline:var(--sp-4)}
.ginta-catalog__price{font-weight:700;color:var(--color-primary);padding-inline:var(--sp-4);padding-bottom:var(--sp-3)}

.zb-band{background:var(--color-neutral);color:var(--color-neutral-content)}
.zb-band .zb-lead{color:#CFC8BF}
.zb-band .zb-eyebrow{color:var(--orange)}
.zb-split{display:grid;gap:var(--sp-6);align-items:center}
.zb-split img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-box)}
@media (min-width:900px){.zb-split{grid-template-columns:1fr 1fr;gap:var(--sp-8)}}
.zb-points{list-style:none;padding:0;margin:var(--sp-6) 0 0;display:grid;gap:var(--sp-4)}
.zb-points li{display:flex;gap:var(--sp-3);align-items:flex-start}
.zb-points svg{flex:none;width:24px;height:24px;color:var(--orange);margin-top:2px}
.zb-points strong{display:block;font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;font-size:var(--step-0)}
.zb-points span{color:#CFC8BF}

.zb-wide img{width:100%;aspect-ratio:21/9;object-fit:cover;border-radius:var(--radius-box)}
@media (max-width:640px){.zb-wide img{aspect-ratio:4/3}}

.zb-order{display:grid;gap:var(--sp-7)}
@media (min-width:900px){.zb-order{grid-template-columns:5fr 7fr}}
.zb-order form{background:#fff;border-radius:var(--radius-box);padding:var(--sp-5);border:1px solid var(--color-base-300)}
@media (min-width:768px){.zb-order form{padding:var(--sp-6)}}
.zb-fb{display:inline-flex;align-items:center;gap:var(--sp-2);color:var(--color-base-content);font-weight:700;text-decoration:none;min-height:44px;margin-top:var(--sp-5)}
.zb-fb svg{width:22px;height:22px;color:#1877F2}

.zb-foot{background:var(--color-neutral);color:#CFC8BF;padding-block:var(--sp-7);font-size:var(--step--1)}
.zb-foot .zb-wrap{display:grid;gap:var(--sp-5)}
@media (min-width:768px){.zb-foot .zb-wrap{grid-template-columns:auto 1fr auto;align-items:center}}
.zb-foot img{height:64px;width:auto;border-radius:50%}
.zb-foot a{color:#F4F1EC;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.zb-foot a:hover{color:var(--orange)}
.zb-foot nav{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-5)}

.zb-page-head{background:var(--color-neutral);color:var(--color-neutral-content);padding-block:var(--sp-8) var(--sp-7)}
.zb-page-head h1{font-size:var(--step-5);font-weight:300;text-transform:uppercase;letter-spacing:.08em;margin:0 0 var(--sp-3)}
.zb-page-head p{color:#CFC8BF;max-width:var(--measure);font-size:var(--step-1);margin:0}
.legal{max-width:var(--measure);margin-inline:auto;padding:var(--section) var(--sp-4)}
.legal h1{font-size:var(--step-4);text-transform:uppercase}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}