.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip{z-index:10;background:var(--gold-grad);color:var(--wine-900);border-radius:99px;padding:.6rem 1rem;position:fixed;inset-block-start:.5rem;inset-inline-start:.5rem;transform:translateY(-200%)}.skip:focus{transform:none}html{scroll-padding-top:6rem}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@view-transition{navigation:auto}::view-transition-old(root){animation-duration:.32s;animation-timing-function:var(--ease)}::view-transition-new(root){animation-duration:.32s;animation-timing-function:var(--ease)}@keyframes rise{0%{opacity:0;transform:translateY(1.4rem)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference) and (scripting:enabled){[data-reveal]:not(.is-in){opacity:0;transform:translateY(1.6rem)}[data-reveal]{transition:opacity .8s var(--ease), transform .9s var(--ease);transition-delay:calc(var(--i,0) * 70ms)}[data-reveal=clip]:not(.is-in){opacity:1;transform:none}[data-reveal=clip]>*{transition:clip-path 1.1s var(--ease);clip-path:inset(0)}[data-reveal=clip]:not(.is-in)>*{clip-path:inset(0 0 100%)}.is-split .w{vertical-align:top;margin-bottom:-.08em;padding-bottom:.08em;display:inline-block;overflow:hidden}.is-split .w>span{transition:transform .9s var(--ease);transition-delay:calc(var(--w) * 55ms);display:inline-block;transform:translateY(105%)}.is-split.is-in .w>span{transform:none}}.pagehead{background:radial-gradient(90% 70% at 85% 0%, #a3264a73, transparent 60%), var(--wine-900);justify-items:start;gap:1.4rem;padding:clamp(8.5rem,16vw,12rem) clamp(1.25rem,6vw,7rem) clamp(3rem,6vw,5rem);display:grid}[dir=rtl] .pagehead{background:radial-gradient(90% 70% at 15% 0%, #a3264a73, transparent 60%), var(--wine-900)}.pagehead__title{max-width:16ch;font-size:clamp(2.6rem,1.2rem + 5.4vw,6.4rem)}.pagehead .lede{max-width:46ch}.pagehead--tight{padding-bottom:2rem}.pagehead--about{grid-template-columns:auto 1fr;align-items:end;column-gap:2rem}.pagehead__mark{width:clamp(4.5rem,10vw,7.5rem);height:auto}.index{margin:0;padding:0 clamp(1.25rem,6vw,7rem) clamp(5rem,10vw,8rem);list-style:none}.index__row{border-top:1px solid var(--hair)}.index__row:last-child{border-bottom:1px solid var(--hair)}.index__row a{grid-template-columns:3.5rem 1fr auto 2rem;align-items:center;gap:1.25rem;padding-block:clamp(1.1rem,2.2vw,1.8rem);text-decoration:none;display:grid}.index__num{color:var(--gold-400);font-variant-numeric:tabular-nums;font-family:Fraunces Variable,serif;font-size:.95rem}.index__name{font-family:var(--font-display);transition:transform .5s var(--ease), color .3s var(--ease);font-size:clamp(1.7rem,1rem + 2.6vw,3.4rem);line-height:1.1}.index__meta{color:var(--cream-dim);font-size:.85rem}.index__arrow{color:var(--gold-400);transition:transform .4s var(--ease)}[dir=rtl] .index__arrow{transform:scaleX(-1)}.index__thumb{display:none}@media (hover:hover) and (pointer:fine){.index__row a:hover .index__name{color:var(--gold-200);transform:translate(.75rem)}[dir=rtl] .index__row a:hover .index__name{transform:translate(-.75rem)}.index__row a:hover .index__arrow{transform:translate(.4rem)}[dir=rtl] .index__row a:hover .index__arrow{transform:scaleX(-1)translate(.4rem)}}.index__preview{z-index:2;aspect-ratio:4/3;border-radius:var(--r);pointer-events:none;opacity:0;width:clamp(14rem,22vw,20rem);transition:opacity .3s var(--ease), scale .5s var(--ease);position:fixed;top:0;left:0;overflow:hidden;scale:.85;box-shadow:0 30px 60px -20px #0a0004b3}.index__preview.is-on{opacity:1;scale:1}.index__preview img{object-fit:cover;width:100%;height:100%}@media (hover:none),(pointer:coarse),(width<=699px){.index__preview{display:none}.index__row a{grid-template-columns:4.5rem 1fr auto;gap:1rem}.index__num{display:none}.index__thumb{object-fit:cover;border-radius:.8rem;width:4.5rem;height:3.4rem;display:block}.index__meta{grid-area:2/2;margin-top:-.6rem}.index__arrow{grid-area:1/3/span 2}}.cathead{grid-template-columns:1fr;align-items:end;min-height:88svh;padding:7rem clamp(1.25rem,6vw,7rem) 3rem;display:grid;position:relative;overflow:hidden}.cathead__media{position:absolute;inset:0}.cathead__media:after{content:"";background:linear-gradient(to top, var(--wine-900) 8%, #2c02108c 45%, #2c021040);position:absolute;inset:0}.cathead__img,.cathead__media .img-empty{object-fit:cover;width:100%;height:115%}@media (prefers-reduced-motion:no-preference){.cathead__img{animation:unveil 1.4s var(--ease) both}@supports (animation-timeline:scroll()){.cathead__media{animation:linear both drift;animation-timeline:scroll(root);animation-range:0 100svh}}}@keyframes unveil{0%{clip-path:inset(0 0 100%);transform:scale(1.12)}to{clip-path:inset(0);transform:scale(1)}}@keyframes drift{to{transform:translateY(18%)}}.cathead__text{justify-items:start;gap:1.2rem;max-width:52rem;display:grid;position:relative}.cathead__title{font-size:clamp(3rem,1.4rem + 6.5vw,7.5rem)}.crumb{color:var(--cream-dim);gap:.5rem;font-size:.9rem;text-decoration:none;display:inline-flex}.crumb:hover{color:var(--cream)}[dir=rtl] .crumb span{display:inline-block;transform:scaleX(-1)}.catbody{grid-template-columns:minmax(12rem,16rem) 1fr;gap:clamp(2rem,5vw,5rem);padding:clamp(3rem,6vw,5rem) clamp(1.25rem,6vw,7rem) clamp(4rem,8vw,6rem);display:grid}.catnav nav{position:sticky;top:7rem}.catnav__title{letter-spacing:.18em;text-transform:uppercase;color:var(--gold-400);margin:0 0 1rem;font-size:.75rem;font-weight:500}:lang(ar) .catnav__title{letter-spacing:0;font-size:.85rem}.catnav ol{border-inline-start:1px solid var(--hair);gap:.2rem;margin:0;padding:0;list-style:none;display:grid}.catnav a{color:var(--cream-dim);transition:color .3s var(--ease), border-color .3s var(--ease);border-inline-start:2px solid #0000;margin-inline-start:-1px;padding:.55rem 1rem;font-size:.95rem;text-decoration:none;display:block}.catnav a:hover,.catnav a[aria-current]{color:var(--cream);border-color:var(--gold-400)}.groups{gap:clamp(4rem,9vw,7rem);display:grid}.group{grid-template-columns:5fr 6fr;align-items:start;gap:clamp(1.5rem,4vw,3.5rem);scroll-margin-top:7rem;display:grid}.group--flip .group__media{order:2}.group__media{border-radius:var(--r);background:var(--wine-800);margin:0;position:sticky;top:7rem;overflow:hidden}.group__media img,.group__media .img-empty{aspect-ratio:4/5;object-fit:cover;width:100%;height:auto;display:block}.group__body{align-content:start;gap:1.1rem;display:grid}.group__title{font-family:var(--font-display);margin:0;font-size:clamp(1.8rem,1.1rem + 2vw,2.9rem);line-height:1.15}.group__count{color:var(--gold-400);margin:0;font-size:.85rem}.group__desc{color:var(--cream-dim);max-width:60ch;margin:0;line-height:1.9}.group__brands{border-top:1px solid var(--hair);flex-wrap:wrap;align-items:center;gap:1rem;padding-top:1rem;display:flex}.group__brands span{color:var(--cream-dim);font-size:.8rem}.group__brands img{background:var(--cream);border-radius:8px;width:auto;height:28px;padding:4px 10px}.chips{flex-wrap:wrap;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.chip{border:1px solid var(--hair);min-height:44px;font:inherit;color:var(--cream);cursor:pointer;text-align:start;transition:background-color .25s var(--ease), border-color .25s var(--ease), transform .2s var(--ease);background:#ffffff0a;border-radius:99px;align-items:center;gap:.65rem;padding-block:.4rem;padding-inline:1rem .45rem;font-size:.95rem;display:inline-flex}.chip:hover{border-color:#d8b86373}.chip:active{transform:scale(.97)}.chip__mark{border:1px solid var(--hair);width:1.7rem;height:1.7rem;transition:background-color .3s var(--ease), border-color .3s var(--ease);border-radius:50%;flex:none;position:relative}.chip__mark:before,.chip__mark:after{content:"";width:.7rem;height:1.5px;transition:transform .35s var(--ease), width .35s var(--ease);background:currentColor;border-radius:2px;margin:auto;position:absolute;inset:0}.chip__mark:after{transform:rotate(90deg)}.chip[aria-pressed=true]{border-color:var(--gold-400);background:#d8b8631f}.chip[aria-pressed=true] .chip__mark{background:var(--gold-grad);color:var(--wine-900);border-color:#0000}.chip[aria-pressed=true] .chip__mark:before{width:.4rem;transform:translate(-.22rem,.12rem)rotate(45deg)}.chip[aria-pressed=true] .chip__mark:after{width:.72rem;transform:translate(.12rem,-.04rem)rotate(-50deg)}.empty{text-align:center;justify-items:center;gap:1.5rem;padding:clamp(4rem,9vw,7rem) 1.25rem;display:grid}.empty .lede{max-width:44ch}.nextcat{border-radius:calc(var(--r) * 1.4);border:1px solid var(--hair);background:var(--wine-800);justify-items:start;gap:.75rem;margin:0 clamp(1.25rem,6vw,7rem) clamp(4rem,8vw,6rem);padding:clamp(2.5rem,6vw,4.5rem);text-decoration:none;display:grid;position:relative;overflow:hidden}.nextcat__name{z-index:1;font-size:clamp(2.2rem,1rem + 4.5vw,5rem);position:relative}.nextcat .eyebrow{z-index:1;position:relative}.nextcat__img{object-fit:cover;opacity:.35;width:45%;height:100%;transition:opacity .6s var(--ease), transform .9s var(--ease);position:absolute;inset-block:0;inset-inline-end:0;-webkit-mask-image:linear-gradient(270deg,#000 30%,#0000);mask-image:linear-gradient(270deg,#000 30%,#0000)}[dir=rtl] .nextcat__img{-webkit-mask-image:linear-gradient(90deg,#000 30%,#0000);mask-image:linear-gradient(90deg,#000 30%,#0000)}@media (hover:hover){.nextcat:hover .nextcat__img{opacity:.6;transform:scale(1.05)}}.prose-wrap{gap:3rem;max-width:62rem;padding:0 clamp(1.25rem,6vw,7rem) clamp(4rem,8vw,6rem);display:grid}.prose{color:var(--cream-dim);font-size:1.08rem;line-height:1.95}.prose h2{font-family:var(--font-display);color:var(--cream);margin:2.2rem 0 .6rem;font-size:1.7rem}.prose p{max-width:66ch;margin:0 0 1.2rem}.prose a{color:var(--gold-400)}.stats--big{gap:clamp(2.5rem,6vw,5rem)}.stats--big dd{font-size:clamp(3rem,2rem + 4vw,5.5rem)}.marquee{border-top:1px solid var(--hair);padding:3rem 0 clamp(4rem,8vw,6rem);overflow:hidden}.marquee h2{margin:0 clamp(1.25rem,6vw,7rem) 2rem;display:inline-block}.marquee__track{width:max-content;display:flex}.marquee ul{gap:4rem;margin:0;padding:0 2rem;list-style:none;display:flex}.marquee li{color:#fbf5ea59;white-space:nowrap;font-family:Fraunces Variable,serif;font-size:clamp(2rem,1.2rem + 3vw,3.8rem)}@media (prefers-reduced-motion:no-preference){.marquee__track{animation:40s linear infinite slide}.marquee:hover .marquee__track{animation-play-state:paused}}[dir=rtl] .marquee__track{animation-direction:reverse}@keyframes slide{to{transform:translate(-50%)}}.quote{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:clamp(1.5rem,4vw,3rem);padding:0 clamp(1.25rem,6vw,7rem) clamp(4rem,8vw,6rem);display:grid}.quote__basket{position:sticky;top:7rem}.quote__basket .core{justify-items:start;gap:1.2rem;padding:1.6rem;display:grid}.quote__h{margin:0;font-size:1.15rem;font-weight:500}.quote__n{color:var(--gold-400)}.basket{width:100%;margin:0;padding:0;list-style:none;display:grid}.basket li{border-bottom:1px solid var(--hair);justify-content:space-between;align-items:center;gap:1rem;padding:.7rem 0;display:flex}.basket__rm{border:1px solid var(--hair);min-height:36px;color:var(--cream-dim);font:inherit;cursor:pointer;background:0 0;border-radius:99px;padding:0 .8rem;font-size:.8rem}.basket__rm:hover{color:var(--cream);border-color:var(--gold-400)}.basket__empty{color:var(--cream-dim);margin:0}.quote__form{gap:1.5rem;display:grid}.fields{grid-template-columns:1fr 1fr;gap:1.1rem;display:grid}.field{gap:.45rem;display:grid}.field--wide{grid-column:1/-1}.field label{font-size:.9rem}.field__opt{color:var(--cream-dim);font-size:.8rem}.field input,.field textarea{border:1px solid var(--hair);width:100%;min-height:50px;color:var(--cream);font:inherit;transition:border-color .2s var(--ease), background-color .2s var(--ease);background:#ffffff0a;border-radius:1rem;padding:.75rem 1rem}.field textarea{resize:vertical;min-height:8rem}.field input:focus,.field textarea:focus{border-color:var(--gold-400);background:#ffffff12;outline:none}.field__hint,.form-note{color:var(--cream-dim);margin:0;font-size:.82rem}.form-note a{color:var(--gold-400)}.field.is-invalid input,.field.is-invalid textarea{border-color:#e7867a}.field__err,.form-error{color:#f2a79d;margin:0;font-size:.85rem}.form-error{background:#e7867a1f;border-radius:1rem;padding:.8rem 1rem}.hp{width:1px;height:1px;position:absolute;inset-inline-start:-9999px;overflow:hidden}.done{text-align:center;place-content:center;justify-items:center;gap:1.4rem;min-height:80svh;padding:8rem 1.25rem 4rem;display:grid}.done .lede{max-width:44ch}.done__code{background:var(--gold-grad);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-family:Fraunces Variable,serif;font-size:clamp(5rem,3rem + 10vw,11rem);line-height:1}.done .cta-row{justify-content:center}.img-empty{background:var(--wine-800);place-items:center;display:grid}.img-empty img{opacity:.35}@media (width<=899px){.island{width:calc(100% - 1.5rem);padding-inline:.9rem .4rem}.island__nav,.island__lang{display:none}.island__basket-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.island__tools{margin-inline-start:auto}.island__basket{padding-inline:.75rem}.island__basket:before{content:"";background:currentColor;width:1.1rem;height:1.1rem;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6'%3E%3Cpath d='M6 7h12l-1 13H7L6 7Z'/%3E%3Cpath d='M9 7a3 3 0 0 1 6 0'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6'%3E%3Cpath d='M6 7h12l-1 13H7L6 7Z'/%3E%3Cpath d='M9 7a3 3 0 0 1 6 0'/%3E%3C/svg%3E") 50%/contain no-repeat}.island__menu{display:grid}.catbody{grid-template-columns:1fr}.catnav nav{position:static}.catnav ol{border:0;flex-wrap:wrap;gap:.4rem;display:flex}.catnav a{border:1px solid var(--hair);border-radius:99px;margin:0;padding:.45rem .9rem}.group,.group--flip{grid-template-columns:1fr}.group--flip .group__media{order:0}.group__media{position:static}.group__media img,.group__media .img-empty{aspect-ratio:16/10}.quote{grid-template-columns:1fr}.quote__basket{position:static}.pagehead--about{grid-template-columns:1fr}}@media (width<=559px){.fields{grid-template-columns:1fr}.nextcat__img{width:60%}}
