/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}::backdrop{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.start{inset-inline-start:var(--spacing)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.hidden{display:none}.table{display:table}.lowercase{text-transform:lowercase}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}@font-face{font-family:Dark Blackletter;src:url(/fonts/old-english-text-mt.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Gothic Readable;src:url(/fonts/gothic-readable.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Constantia Custom;src:url(/fonts/constantia-regular.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Constantia Custom;src:url(/fonts/constantia-bold.ttf)format("truetype");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Constantia Custom;src:url(/fonts/constantia-italic.ttf)format("truetype");font-style:italic;font-weight:400;font-display:swap}:root{--black:#070606;--velvet:#140b0a;--ivory:#f0e5d1;--muted:#9b8b76;--gold:#c2a063;--gold-dark:#685538;--red:#a5251c;--red-bright:#d2392d;--line:#c2a06342}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--black);-moz-text-size-adjust:100%;text-size-adjust:100%}body{color:var(--ivory);background:radial-gradient(circle at 14% 0,#72120f33,#0000 34rem),radial-gradient(circle at 91% 28%,#5d0e0c1a,#0000 32rem),#070606;margin:0;font-family:Gothic Readable,Georgia,Times New Roman,serif}button,a{font:inherit}button{color:inherit}:is(button:focus-visible,a:focus-visible){outline:1px solid var(--gold);outline-offset:4px}.random-button{border:0;border-bottom:1px solid var(--gold-dark);color:var(--gold);cursor:pointer;text-transform:uppercase;letter-spacing:.16em;background:0 0;padding:.55rem 0;font:.58rem Arial,sans-serif}.random-button span{color:var(--red-bright);margin-left:.6rem}.random-button:hover{border-color:var(--red);color:var(--ivory)}.collection{border:1px solid #c2a06352;max-width:116rem;margin:clamp(.7rem,2vw,1.5rem) auto 0;padding:clamp(2rem,4vw,4.2rem) clamp(1.1rem,4.2vw,5rem) 8rem;position:relative}.collection:before{content:"";pointer-events:none;border:1px solid #c2a06324;position:absolute;inset:.48rem}.book-heading{z-index:1;text-align:center;justify-items:center;margin-bottom:clamp(1.5rem,3vw,2.8rem);display:grid;position:relative}.book-name{color:var(--red-bright);letter-spacing:-.035em;text-transform:uppercase;margin:0;font-size:clamp(1.7rem,3.4vw,3.6rem);font-weight:400;line-height:.78}.book-name b{font-size:1.45em;font-weight:400}.book-author{color:var(--red-bright);margin:.85rem 0 .4rem;font-size:clamp(.9rem,1.5vw,1.35rem);font-style:italic}.book-title-line{width:min(38rem,100%);color:var(--gold-dark);grid-template-columns:1fr auto 1fr;align-items:center;gap:.8rem;margin-top:.7rem;display:grid}.book-title-line:before,.book-title-line:after{content:"";background:linear-gradient(90deg,transparent,var(--gold-dark));height:1px}.book-title-line h1{color:var(--gold);letter-spacing:.2em;text-transform:uppercase;margin:0;font-size:clamp(1.2rem,2vw,1.8rem);font-weight:400}.book-heading>p:last-child{max-width:32rem;color:var(--muted);margin:.75rem 0 0;font-size:.82rem;line-height:1.55}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.28em;margin:0 0 .9rem;font:.58rem Arial,sans-serif}.collection-bar{z-index:1;border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:2rem;min-height:4.15rem;display:flex;position:relative}.collection-actions{flex:none;align-items:center;gap:1.2rem;display:flex}.collection-actions>p{color:var(--muted);text-transform:uppercase;letter-spacing:.16em;margin:0;font:.56rem Arial,sans-serif}.collection-actions>p span{color:var(--gold);margin-right:.42rem}.filters{scrollbar-width:none;gap:1.35rem;display:flex;overflow-x:auto}.filters::-webkit-scrollbar{display:none}.filters button{color:var(--muted);cursor:pointer;text-transform:uppercase;letter-spacing:.14em;background:0 0;border:0;flex:none;padding:1.48rem 0 1.35rem;font:.58rem Arial,sans-serif;position:relative}.filters button:after{content:"";background:var(--red-bright);height:1px;transition:right .25s;position:absolute;bottom:-1px;left:0;right:100%}.filters button:hover,.filters button.active{color:var(--ivory)}.filters button.active:after{right:0}.cocktail-grid{padding-top:clamp(1rem,2vw,1.8rem)}.gallery-layout{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:11vw;gap:clamp(.7rem,1.2vw,1.25rem);display:grid}.filtered-layout{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.8rem,1.4vw,1.35rem);display:grid}.cocktail-card{min-width:0;position:relative}.gallery-layout .cocktail-card{grid-area:span 3/span 3}.gallery-layout .gallery-position-1{grid-area:span 5/span 6}.gallery-layout .gallery-position-2,.gallery-layout .gallery-position-3{grid-area:span 3/span 3}.gallery-layout .gallery-position-4,.gallery-layout .gallery-position-5{grid-area:span 4/span 3}.gallery-layout .gallery-position-6{grid-area:span 5/span 6}.gallery-layout .gallery-position-7,.gallery-layout .gallery-position-8{grid-area:span 3/span 3}.gallery-layout .gallery-position-9,.gallery-layout .gallery-position-10{grid-area:span 4/span 3}.gallery-layout .gallery-position-11{grid-area:span 5/span 6}.gallery-layout .gallery-position-12,.gallery-layout .gallery-position-13{grid-area:span 3/span 3}.gallery-layout .gallery-position-14{grid-area:span 5/span 6}.card-hitbox{text-align:left;cursor:pointer;background:0 0;border:0;width:100%;height:100%;padding:0;display:block}.card-image{background:var(--velvet);border:1px solid #c2a06338;transition:border-color .35s;position:absolute;inset:0;overflow:hidden}.filtered-layout .card-image{aspect-ratio:.75;position:relative}.card-image:after{content:"";pointer-events:none;background:linear-gradient(#04030305 42%,#040303e6 100%);position:absolute;inset:0}.card-image img{object-fit:cover;filter:saturate(.82)brightness(.9);width:100%;height:100%;transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .55s}.card-index{z-index:2;border:1px solid var(--gold-dark);color:var(--gold);letter-spacing:.14em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#070606c7;padding:.44rem .58rem;font:.5rem Arial,sans-serif;position:absolute;top:.9rem;left:.9rem}.cocktail-card:hover .card-image{border-color:#c2a063a6}.card-copy{z-index:2;pointer-events:none;grid-template-columns:1fr auto;align-items:end;gap:.4rem 1rem;padding:clamp(1rem,1.8vw,1.7rem);display:grid;position:absolute;bottom:0;left:0;right:0}.filtered-layout .card-copy{border-bottom:1px solid var(--line);min-height:7.3rem;padding:1rem .05rem;position:relative}.card-copy h3{color:var(--ivory);letter-spacing:-.03em;text-shadow:0 2px 18px #000;margin:0;font-size:clamp(1.18rem,1.75vw,1.9rem);font-weight:400;line-height:1.02}.gallery-layout .gallery-position-1 .card-copy h3,.gallery-layout .gallery-position-6 .card-copy h3,.gallery-layout .gallery-position-11 .card-copy h3,.gallery-layout .gallery-position-14 .card-copy h3{font-size:clamp(2rem,3vw,3.7rem)}.card-copy p{color:#b4a38d;text-transform:lowercase;margin:.55rem 0 0;font-size:.68rem;line-height:1.4}.card-arrow{color:var(--red-bright);align-self:start;font-size:1rem;transition:transform .25s}.cocktail-card:hover .card-arrow{transform:translate(.18rem,-.18rem)}.card-base{color:var(--gold);text-transform:uppercase;letter-spacing:.2em;grid-column:1/-1;font:.5rem Arial,sans-serif}.final-seal{text-align:center;background:radial-gradient(circle at 50% 18%,#8218131c,#0000 27rem),#080707;border-left:1px solid #c2a0634d;border-right:1px solid #c2a0634d;max-width:72rem;margin:0 auto;padding:clamp(5rem,10vw,9rem) clamp(1.2rem,8vw,7rem) clamp(4rem,8vw,7rem);position:relative}.final-seal:before{content:"";pointer-events:none;border:1px solid #c2a06329;position:absolute;inset:1rem}.seal-emblem{aspect-ratio:1;border:1px solid var(--red);width:clamp(7rem,16vw,11rem);box-shadow:inset 0 0 0 .55rem #080707,inset 0 0 0 .65rem var(--gold-dark),0 0 3rem #8218132b;border-radius:50%;place-items:center;margin:0 auto 1.8rem;display:grid;transform:rotate(45deg)}.seal-emblem span{color:var(--red-bright);letter-spacing:.14em;font-size:1.25rem;transform:rotate(-45deg)}.final-seal h2{color:var(--red-bright);letter-spacing:-.055em;text-transform:uppercase;margin:.4rem 0 1rem;font-size:clamp(3rem,7vw,6.5rem);font-weight:400;line-height:.9}.final-rule{width:min(24rem,75%);color:var(--red-bright);align-items:center;gap:.8rem;margin:1rem auto 1.8rem;display:flex}.final-rule:before,.final-rule:after{content:"";background:var(--gold-dark);flex:1;height:1px}.final-seal h3{color:var(--gold);letter-spacing:.16em;text-transform:uppercase;margin:0 0 1rem;font-size:1.3rem;font-weight:400}.final-index{columns:2;column-gap:2rem;width:min(28rem,100%);margin:0 auto;padding:0;list-style:none}.final-index li{break-inside:avoid}.final-index button{color:#c5b296;cursor:pointer;text-align:left;background:0 0;border:0;gap:.8rem;width:100%;padding:.27rem 0;font-size:.9rem;display:flex}.final-index button:hover{color:var(--ivory)}.final-index button span{width:1.5rem;color:var(--red-bright);text-align:right;font-size:.75rem}.final-warning{color:#b6a07d;margin:2.4rem 0 0;font-size:.93rem;line-height:1.6}.end-mark{color:var(--red-bright);margin:1.7rem auto .7rem;font-size:1.4rem}.the-end{color:var(--red-bright);margin:0 0 1.3rem}.final-seal>small{color:#766754;text-transform:uppercase;letter-spacing:.13em;font:.52rem Arial,sans-serif}.recipe-backdrop{z-index:100;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:#000000e6;justify-content:flex-end;display:flex;position:fixed;inset:0}.recipe-panel{border-left:1px solid var(--line);background:#0c0908;grid-template-columns:minmax(20rem,.78fr) minmax(30rem,1.22fr);width:min(80rem,100%);height:100%;animation:.3s ease-out reveal;display:grid;position:relative;overflow-y:auto;box-shadow:-3rem 0 7rem #000}@keyframes reveal{0%{opacity:0;transform:translate(2rem)}}.close-button{z-index:4;border:1px solid var(--gold-dark);width:3rem;height:3rem;color:var(--ivory);cursor:pointer;background:#070606e6;font-size:1.6rem;line-height:1;position:fixed;top:1rem;right:1rem}.recipe-visual{background:var(--black);border-right:1px solid var(--line);height:100svh;position:sticky;top:0;overflow:hidden}.recipe-visual img{object-fit:cover;filter:saturate(.9)brightness(.94);width:100%;height:100%}.recipe-number{border:1px solid var(--gold-dark);width:4rem;height:4rem;color:var(--gold);letter-spacing:.12em;background:#070606e6;place-items:center;font-size:.8rem;display:grid;position:absolute;bottom:1.4rem;left:1.4rem}.recipe-content{padding:clamp(4rem,8vw,7rem) clamp(1.5rem,5.5vw,5.5rem)}.recipe-content h2{color:var(--ivory);letter-spacing:-.06em;margin:.6rem 0;font-size:clamp(3rem,6vw,6.6rem);font-weight:400;line-height:.88}.recipe-tagline{color:var(--red-bright);letter-spacing:.17em;text-transform:uppercase;margin:0 0 3.5rem;font:.63rem Arial,sans-serif}.recipe-grid{grid-template-columns:1fr 1fr;gap:clamp(2rem,4vw,4rem);display:grid}.recipe-content h3{color:var(--gold);letter-spacing:.2em;text-transform:uppercase;font:400 .6rem Arial,sans-serif}.ingredients,.method{margin:0;padding:0}.ingredients{list-style:none}.ingredients li{color:#c8b8a2;border-bottom:1px solid #c2a06329;align-items:baseline;gap:.8rem;padding:.72rem 0;font-size:.87rem;display:flex}.ingredients li span{flex:1}.ingredients li b{color:var(--ivory);white-space:nowrap;font-weight:400}.method{color:#c8b8a2;padding-left:1.2rem;font-size:.87rem;line-height:1.65}.method li{padding:.35rem 0 .65rem .35rem}.method li::marker{color:var(--red-bright)}.profile-card{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:3rem;padding:.5rem 0}.rating-row{border-bottom:1px solid #c2a0631f;justify-content:space-between;gap:1rem;padding:.78rem .1rem;font-size:.82rem;display:flex}.rating-row:last-child{border:0}.rating-row>span:first-child{color:#c8b8a2}.drops{gap:.48rem;display:flex}.drops i{color:#3e3428;font-size:.65rem;font-style:normal;transform:rotate(45deg)}.drops i.filled{color:var(--red-bright)}.notes{border-left:1px solid var(--gold);color:#aa9c89;background:#c2a0630e;margin-top:2rem;padding:1.2rem 1.3rem;font-size:.78rem;line-height:1.6}.notes h3{margin-top:0}.notes p{margin-bottom:.4rem}.allergen-note{color:#d6b37b}.recipe-nav{justify-content:space-between;gap:1rem;margin-top:2rem;display:flex}.recipe-nav button{border:0;border-bottom:1px solid var(--gold-dark);color:var(--muted);cursor:pointer;text-transform:uppercase;letter-spacing:.13em;background:0 0;padding:.75rem 0;font:.53rem Arial,sans-serif}.recipe-nav button:hover{border-color:var(--red);color:var(--ivory)}@media (max-width:1100px){.gallery-layout{grid-auto-rows:15vw}.filtered-layout{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){body{background:radial-gradient(circle at 0 0,#72120f2e,#0000 24rem),#070606}.collection{margin-top:.45rem;padding-top:1.6rem;padding-bottom:4.5rem}.book-name{font-size:clamp(1.65rem,8.5vw,2.8rem)}.book-author{font-size:1rem}.book-heading>p:last-child{padding:0 .6rem;font-size:.78rem}.eyebrow{letter-spacing:.2em;margin-bottom:.55rem;font-size:.57rem}.collection-bar{border-top:1px solid var(--line);background:#070606d6;margin-left:0;margin-right:0;padding:.75rem 0 0;display:block}.collection-actions{justify-content:space-between;margin-bottom:.6rem}.random-button{min-height:2.75rem;padding:.45rem .15rem;font-size:.56rem}.filters{gap:.45rem;padding-bottom:.7rem;scroll-padding-left:1rem}.filters button{color:#b6a58d;letter-spacing:.1em;border:1px solid #c2a0633d;min-height:2.75rem;padding:.7rem .95rem;font-size:.6rem}.filters button:after{display:none}.filters button.active{border-color:var(--gold-dark);color:var(--ivory);background:#c2a0631a}.gallery-layout,.filtered-layout{grid-template-columns:1fr;grid-auto-rows:auto;gap:1.45rem;padding-top:1rem;display:grid}.gallery-layout .cocktail-card,.gallery-layout .gallery-position-1,.gallery-layout .gallery-position-2,.gallery-layout .gallery-position-3,.gallery-layout .gallery-position-4,.gallery-layout .gallery-position-5,.gallery-layout .gallery-position-6,.gallery-layout .gallery-position-7,.gallery-layout .gallery-position-8,.gallery-layout .gallery-position-9,.gallery-layout .gallery-position-10,.gallery-layout .gallery-position-11,.gallery-layout .gallery-position-12,.gallery-layout .gallery-position-13,.gallery-layout .gallery-position-14{grid-area:auto}.card-hitbox{height:auto}.card-image,.filtered-layout .card-image{aspect-ratio:.82;border-color:#c2a0634d;position:relative}.card-copy,.filtered-layout .card-copy{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;min-height:auto;padding:.9rem .05rem 1rem;display:grid;position:relative}.card-copy h3,.gallery-layout .gallery-position-1 .card-copy h3,.gallery-layout .gallery-position-6 .card-copy h3,.gallery-layout .gallery-position-11 .card-copy h3,.gallery-layout .gallery-position-14 .card-copy h3{text-shadow:none;font-size:1.65rem}.card-copy p{color:#ad9c86;margin-top:.45rem;font-size:.78rem;display:block}.card-arrow{font-size:1.1rem}.card-base{margin-top:.35rem;font-size:.55rem}.recipe-backdrop{background:var(--black);-webkit-backdrop-filter:none;backdrop-filter:none;display:block}.recipe-panel{width:100%;box-shadow:none;border:0;display:block}.close-button{background:#070606f5;width:3.25rem;height:3.25rem;top:.75rem;right:.75rem}.recipe-visual{border-right:0;border-bottom:1px solid var(--line);height:min(57svh,32rem);position:relative}.recipe-number{width:3.5rem;height:3.5rem;bottom:1rem;left:1rem}.recipe-content{padding:2rem 1.15rem 3.5rem}.recipe-content h2{margin-top:.45rem;font-size:clamp(2.8rem,14vw,4.2rem);line-height:.9}.recipe-tagline{margin-bottom:2rem;font-size:.65rem;line-height:1.5}.recipe-grid{grid-template-columns:1fr;gap:1.4rem}.recipe-content h3{margin-bottom:.7rem;font-size:.65rem}.ingredients li{min-height:3rem;padding:.75rem 0;font-size:1rem;line-height:1.35}.method{padding-left:1.35rem;font-size:1rem;line-height:1.65}.method li{padding:.35rem 0 .8rem .4rem}.profile-card{margin-top:2rem}.rating-row{align-items:center;min-height:3.1rem;font-size:.95rem}.drops i{font-size:.72rem}.notes{font-size:.9rem;line-height:1.65}.recipe-nav button{min-height:3rem;font-size:.61rem}}@media (max-width:430px){.collection{padding-left:.8rem;padding-right:.8rem}.collection-bar{margin-left:0;margin-right:0;padding-left:0;padding-right:0}.card-image,.filtered-layout .card-image{aspect-ratio:.78}.recipe-visual{height:52svh;min-height:20rem}.recipe-nav{flex-direction:column}.final-seal{margin:0 .45rem;padding-left:1.35rem;padding-right:1.35rem}.final-index{columns:1;width:min(19rem,100%)}.final-index button{align-items:center;min-height:2.4rem;font-size:.92rem}}:root{--black:#040303;--velvet:#100505;--ivory:#dbc8a8;--muted:#9b8567;--gold:#b99150;--gold-dark:#5d4526;--red:#8b0d0a;--red-bright:#d22b1f;--blood:#4a0504;--line:#b9915052}body{background:radial-gradient(circle at 50% -8rem,#8b0d0a3d,#0000 31rem),repeating-linear-gradient(127deg,#ffffff03 0 1px,#0000 1px 7px),repeating-radial-gradient(circle at 18% 28%,#b9915005 0 1px,#0000 1px 5px),#040303;min-height:100vh}.collection{background:linear-gradient(90deg,#7808061c,#0000 14% 86%,#7808061c),radial-gradient(circle at 50% 5%,#7d0c082b,#0000 25rem),repeating-linear-gradient(42deg,#ffffff03 0 1px,#0000 1px 9px),#070505;border:1px solid #5a4225;max-width:92rem;margin:clamp(.35rem,1.3vw,1rem) auto 0;padding:clamp(2.4rem,5vw,5.5rem) clamp(1.1rem,4vw,4.5rem) clamp(5rem,9vw,9rem);overflow:hidden;box-shadow:inset 0 0 0 .35rem #050404,inset 0 0 0 .42rem #b9915038,0 0 4rem #000}.collection:before{border-color:#b9915059;inset:.7rem;box-shadow:inset 0 0 0 .2rem #070505,inset 0 0 0 .25rem #6408068c}.collection:after{content:"";aspect-ratio:1;pointer-events:none;border:1px solid #8b0d0a47;border-radius:50%;width:35rem;position:absolute;top:-17rem;left:50%;translate:-50%;box-shadow:inset 0 0 0 1.3rem #070505,inset 0 0 0 1.4rem #b991501a,inset 0 0 0 5rem #070505,inset 0 0 0 5.1rem #8b0d0a3b}.book-heading{margin-bottom:clamp(2rem,4vw,3.6rem)}.book-sigil{aspect-ratio:1;width:clamp(4.8rem,8vw,6.8rem);color:var(--red-bright);border:1px solid var(--red);box-shadow:inset 0 0 0 .42rem #070505,inset 0 0 0 .48rem var(--gold-dark),0 0 1.8rem #8b0d0a61;border-radius:50%;place-items:center;margin-bottom:1rem;display:grid;position:relative;transform:rotate(45deg)}.book-sigil:before,.book-sigil:after{content:"";border:1px solid #b9915099;position:absolute;inset:19%;transform:rotate(45deg)}.book-sigil:after{border-color:var(--red-bright);inset:33%}.book-sigil span{z-index:1;letter-spacing:.12em;font-size:.8rem;position:relative;transform:rotate(-45deg)}.book-kicker{color:var(--gold);letter-spacing:.28em;text-transform:uppercase;margin:0 0 1rem;font:.55rem Arial,sans-serif}.book-name{color:var(--red-bright);letter-spacing:-.065em;text-shadow:0 2px #3a0302,0 0 1.2rem #8b0d0a59;font-family:Palatino Linotype,Georgia,serif;font-size:clamp(2.8rem,7vw,7.2rem);line-height:.76}.book-name small{color:#a91b14;letter-spacing:.08em;margin-bottom:.22em;font-size:.36em;line-height:1;display:block}.book-name b{font-size:1em;font-weight:400;display:block}.book-author{color:#a5261e;margin:1rem 0 .5rem;font-size:clamp(1.05rem,2vw,1.65rem)}.occult-divider{width:min(28rem,80%);color:var(--red-bright);align-items:center;gap:.85rem;margin:.65rem 0;display:flex}.occult-divider:before,.occult-divider:after{content:"";background:linear-gradient(90deg,transparent,var(--gold-dark),var(--red));flex:1;height:1px}.occult-divider:after{transform:scaleX(-1)}.book-title-line{margin-top:.35rem}.book-title-line>span{color:var(--red);font-size:.55rem;display:block}.book-title-line h1{color:var(--gold);letter-spacing:.25em;font-size:clamp(1.3rem,2.6vw,2rem)}.book-heading>p:last-child{color:#aa9473;max-width:35rem;font-size:.9rem}.collection-bar{border:1px solid var(--gold-dark);background:linear-gradient(#2a07058c,#050404eb);min-height:auto;padding:1rem;display:block;box-shadow:inset 0 0 0 .22rem #070505,inset 0 0 0 .27rem #b9915021}.collection-actions{border-bottom:1px solid #b9915033;justify-content:space-between;gap:1rem;padding:.15rem .2rem .85rem}.collection-actions>p{color:#a8906e;letter-spacing:.2em}.collection-actions>p span{color:var(--red-bright)}.random-button{color:#c4a771;background:#48050447;border:1px solid #8b0d0aad;min-height:2.5rem;padding-inline:.65rem}.random-button:hover{border-color:var(--red-bright);background:#8b0d0a4d}.filters{justify-content:center;gap:.45rem;padding-top:.85rem}.filters button{color:#a18c70;border:1px solid #0000;min-height:2.55rem;padding:.65rem .9rem}.filters button:after{display:none}.filters button:hover,.filters button.active{border-color:var(--gold-dark);color:var(--ivory);background:linear-gradient(#530a078c,#1b0403b3);box-shadow:inset 0 0 0 2px #070505,inset 0 0 0 3px #b9915029}.gallery-layout,.filtered-layout{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:auto;gap:clamp(1.1rem,2vw,2rem);padding-top:clamp(1.5rem,3vw,2.8rem);display:grid}.gallery-layout .cocktail-card,.gallery-layout .gallery-position-1,.gallery-layout .gallery-position-2,.gallery-layout .gallery-position-3,.gallery-layout .gallery-position-4,.gallery-layout .gallery-position-5,.gallery-layout .gallery-position-6,.gallery-layout .gallery-position-7,.gallery-layout .gallery-position-8,.gallery-layout .gallery-position-9,.gallery-layout .gallery-position-10,.gallery-layout .gallery-position-11,.gallery-layout .gallery-position-12,.gallery-layout .gallery-position-13,.gallery-layout .gallery-position-14{grid-area:auto}.card-hitbox{border:1px solid var(--gold-dark);background:#060404;height:auto;padding:.45rem;position:relative;box-shadow:inset 0 0 0 .22rem #060404,inset 0 0 0 .27rem #8b0d0a8c,0 .9rem 2.5rem #0000008c}.card-hitbox:before,.card-hitbox:after{content:"◆";z-index:4;color:#986f38;text-shadow:0 0 .4rem #000;font-size:.6rem;position:absolute;top:.68rem}.card-hitbox:before{left:.72rem}.card-hitbox:after{right:.72rem}.card-image,.filtered-layout .card-image{aspect-ratio:.705;background:#030202;border:1px solid #b991503d;position:relative}.card-image:after{background:linear-gradient(#0000 68%,#03020247)}.card-image img{object-fit:contain;object-position:center top;filter:saturate()brightness(.96)contrast(1.04)}.card-index{color:#cb3327;background:#040303e0;border-color:#8b0d0ad1;padding:.45rem .7rem;top:.7rem;left:50%;translate:-50%}.cocktail-card:hover .card-image img{filter:saturate(1.06)brightness()contrast(1.04);transform:scale(1.01)}.card-copy,.filtered-layout .card-copy{background:radial-gradient(circle at 50% 0,#6e0a0729,#0000 10rem);border:0;border-top:1px solid #b9915033;grid-template-columns:1fr auto;min-height:7.7rem;padding:1.15rem .85rem .9rem;position:relative}.card-copy h3,.gallery-layout .gallery-position-1 .card-copy h3,.gallery-layout .gallery-position-6 .card-copy h3,.gallery-layout .gallery-position-11 .card-copy h3,.gallery-layout .gallery-position-14 .card-copy h3{color:var(--red-bright);text-shadow:0 1px #310302;font-family:Palatino Linotype,Georgia,serif;font-size:clamp(1.35rem,2vw,2rem);line-height:.96}.card-copy p{color:#a99272;letter-spacing:.025em;font-size:.72rem}.card-arrow{color:var(--gold)}.card-base{color:#8f744d}.final-seal{background:radial-gradient(circle at 50% 17%,#8b0d0a33,#0000 25rem),repeating-linear-gradient(42deg,#ffffff03 0 1px,#0000 1px 9px),#060404;border:1px solid #5a4225;border-top:0;max-width:92rem;box-shadow:inset 0 0 0 .4rem #060404,inset 0 0 0 .46rem #b9915033}.final-seal:before{border-color:#b9915052;inset:.72rem}.seal-emblem{border-color:var(--red-bright);box-shadow:inset 0 0 0 .55rem #060404,inset 0 0 0 .65rem var(--gold-dark),0 0 4rem #8b0d0a4d}.final-seal h2{color:var(--red-bright);text-shadow:0 2px #360302,0 0 1.2rem #8b0d0a4d;font-family:Palatino Linotype,Georgia,serif}.final-index{background:#03020261;border:1px solid #b9915042;padding:1.1rem 1.3rem}.final-index button{color:#bda986}.recipe-backdrop{background:#000000f5}.recipe-panel{border:1px solid var(--gold-dark);background:radial-gradient(circle at 72% 12%,#8b0d0a21,#0000 25rem),repeating-linear-gradient(42deg,#ffffff03 0 1px,#0000 1px 8px),#070505;box-shadow:inset 0 0 0 .35rem #070505,inset 0 0 0 .4rem #b991502b,-3rem 0 7rem #000}.close-button{border-color:var(--red);color:var(--red-bright);box-shadow:inset 0 0 0 3px #090505,inset 0 0 0 4px var(--gold-dark);background:#090505}.recipe-visual{border-color:var(--gold-dark)}.recipe-visual img{object-fit:contain;filter:saturate()brightness(.96);background:#030202}.recipe-number{border-color:var(--red);color:var(--red-bright);box-shadow:inset 0 0 0 3px #070505,inset 0 0 0 4px var(--gold-dark)}.recipe-content h2{color:var(--red-bright);text-shadow:0 2px #350302,0 0 1rem #8b0d0a40;font-family:Palatino Linotype,Georgia,serif}.recipe-content h3{color:var(--gold)}.ingredients,.method,.profile-card,.notes{position:relative}.profile-card{border:1px solid var(--gold-dark);background:#03020259;padding:.65rem .8rem;box-shadow:inset 0 0 0 3px #070505,inset 0 0 0 4px #8b0d0a66}.notes{border:1px solid #b991505c;border-left:3px solid var(--red);background:#4b060429}@media (max-width:980px){.gallery-layout,.filtered-layout{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.collection{border-left:0;border-right:0;margin:0;padding:2.4rem .85rem 5rem}.collection:before{inset:.38rem}.collection:after{width:24rem;top:-12rem}.book-sigil{width:4.7rem}.book-kicker{max-width:16rem;font-size:.49rem;line-height:1.6}.book-name{font-size:clamp(2.65rem,14.5vw,4.7rem)}.book-heading>p:last-child{max-width:21rem;font-size:.84rem;line-height:1.55}.collection-bar{padding:.7rem}.collection-actions{grid-template-columns:1fr auto;align-items:center;display:grid}.collection-actions>p{font-size:.49rem;line-height:1.45}.random-button{letter-spacing:.1em;font-size:.6rem}.filters{justify-content:flex-start;padding-top:.7rem}.filters button{border-color:#b991502e;padding-inline:.8rem}.gallery-layout,.filtered-layout{grid-template-columns:1fr;gap:1.55rem}.card-hitbox{padding:.38rem}.card-image,.filtered-layout .card-image{aspect-ratio:.705}.card-copy,.filtered-layout .card-copy{min-height:7rem;padding:1rem .75rem .85rem}.card-copy h3,.gallery-layout .gallery-position-1 .card-copy h3,.gallery-layout .gallery-position-6 .card-copy h3,.gallery-layout .gallery-position-11 .card-copy h3,.gallery-layout .gallery-position-14 .card-copy h3{color:var(--red-bright);text-shadow:0 1px #310302;font-size:1.75rem}.recipe-panel{border:0}.recipe-visual{background:#030202;height:min(67svh,42rem)}.recipe-content{border-top:1px solid var(--gold-dark);background:radial-gradient(circle at 50% 0,#8b0d0a1f,#0000 18rem)}.recipe-content h2{color:var(--red-bright)}.final-seal{border-left:0;border-right:0;margin:0}}@media (max-width:430px){.collection{padding-left:.7rem;padding-right:.7rem}.book-name{font-size:clamp(2.55rem,14vw,3.65rem)}.final-seal{padding-left:1.2rem;padding-right:1.2rem}}html,body,main{min-height:100%}main{background:linear-gradient(#0403034d,#0403034d),url(/dark-fantasy-frame-v1.webp) top/min(92rem,100%) repeat-y,#040303}.collection{border-top:0;border-bottom:0;min-height:100vh;margin-top:0;padding-bottom:0;box-shadow:inset 0 0 0 .35rem #050404,inset 0 0 0 .42rem #b9915038,0 0 4rem #000}.collection:before{border-bottom:0;bottom:0}.book-kicker,.collection-actions,.filters,.random-button,.card-base,.card-index,.book-name,.book-title-line h1,.book-name small{font-family:Constantia Custom,Constantia,Georgia,serif}.book-heading{row-gap:0}.book-name{letter-spacing:.035em;width:100%;font-family:Constantia Custom,Constantia,Georgia,serif;font-size:clamp(2.8rem,6.2vw,6.4rem);font-weight:700;line-height:.94}.book-name b{letter-spacing:.035em;font-family:inherit;font-weight:700}.book-title-line{grid-template-columns:minmax(2rem,1fr) auto minmax(2rem,1fr);align-items:center;gap:1rem;width:min(31rem,88%);margin:1.8rem auto .8rem;display:grid}.book-title-line:before,.book-title-line:after{content:"";background:linear-gradient(90deg,transparent,var(--gold-dark),var(--red));height:1px;display:block}.book-title-line:after{background:linear-gradient(90deg,var(--red),var(--gold-dark),transparent)}.book-title-line h1{color:var(--gold);letter-spacing:.24em;text-indent:.24em;text-transform:uppercase;grid-column:2;margin:0;font-family:Constantia Custom,Constantia,Georgia,serif;font-size:clamp(1.15rem,2.2vw,1.65rem);font-weight:700;line-height:1}.book-title-line>span{display:none}.book-continuation{z-index:1;height:clamp(10rem,22vw,20rem);color:var(--red-bright);justify-content:center;align-items:flex-end;padding-bottom:clamp(3rem,7vw,6rem);display:flex;position:relative}.book-continuation:before{content:"";background:linear-gradient(transparent,var(--gold-dark),var(--red),transparent);width:1px;position:absolute;top:2rem;bottom:2rem;left:50%}.book-continuation span{z-index:1;border:1px solid var(--gold-dark);width:2rem;height:2rem;color:var(--red-bright);background:#050303;place-items:center;font-size:.55rem;display:grid;position:relative;transform:rotate(45deg)}@media (max-width:760px){main{background-size:auto,100%,auto}.collection{min-height:100dvh}.book-continuation{height:11rem}}.collection{background:linear-gradient(#04030324,#0403034d),url(/dark-fantasy-frame-v1.webp) top/100% repeat-y,#050303}.collection:after{display:none}.cocktail-grid{z-index:1;position:relative}.book-heading{padding:clamp(2.5rem,7vw,6rem) clamp(.75rem,10vw,8rem) clamp(1rem,3vw,2.5rem)}.book-heading:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(#030202e0 0,#030202ab 40%,#0000 76%);position:absolute;inset:0}.collection-bar{box-shadow:inset 0 0 0 .22rem #070505,inset 0 0 0 .27rem #b991502e,0 1.1rem 3rem #000000b8}.final-seal{background:linear-gradient(#04030352,#0403037a),url(/dark-fantasy-frame-v1.webp) bottom/100% no-repeat,#050303}.book-name,.book-title-line h1,.card-copy h3{font-family:Dark Blackletter,Gothic Readable,Georgia,serif;font-weight:400}.book-name{letter-spacing:-.025em;line-height:.88}.book-name small{letter-spacing:.14em;font-family:Gothic Readable,Georgia,serif}.book-name b{letter-spacing:.015em}.book-title-line h1{letter-spacing:.13em}.card-copy h3,.gallery-layout .gallery-position-1 .card-copy h3,.gallery-layout .gallery-position-6 .card-copy h3,.gallery-layout .gallery-position-11 .card-copy h3,.gallery-layout .gallery-position-14 .card-copy h3{letter-spacing:.02em;line-height:1.05}.collection{padding-bottom:clamp(2.5rem,6vw,5rem)}.visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.recipe-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#000;place-items:center;padding:0;display:grid}.recipe-panel{width:100%;height:100svh;box-shadow:none;background:radial-gradient(circle,#4c05042e,#0000 55%),#000;border:0;grid-template-columns:1fr;place-items:center;animation:.25s ease-out card-reveal;display:grid;overflow:hidden}@keyframes card-reveal{0%{opacity:0;transform:scale(.985)}}.recipe-visual{background:#000;border:0;place-items:center;width:100%;height:100svh;padding:clamp(.25rem,1.2vw,1rem);display:grid;position:relative;top:auto;overflow:hidden}.recipe-visual img{object-fit:contain;object-position:center;filter:none;background:#000;width:100%;max-width:100%;height:100%;max-height:100%}.close-button{top:max(.65rem,env(safe-area-inset-top));right:max(.65rem,env(safe-area-inset-right));color:#e33a2d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#030202e6;border-color:#9c1711;width:3.25rem;height:3.25rem;box-shadow:inset 0 0 0 3px #050303,inset 0 0 0 4px #7b5a31,0 0 1.5rem #000}.recipe-switch{z-index:4;color:#be9a5c;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#030202c7;border:1px solid #7b5a31bf;place-items:center;width:3.1rem;height:4.8rem;padding:0;font-size:2rem;line-height:1;display:grid;position:fixed;top:50%;translate:0 -50%}.recipe-switch:hover{border-color:var(--red-bright);color:var(--red-bright)}.recipe-switch-previous{left:max(.55rem,env(safe-area-inset-left))}.recipe-switch-next{right:max(.55rem,env(safe-area-inset-right))}@media (max-width:760px){.collection{background-size:auto,100%,auto}.book-heading{padding:2.75rem .7rem 1.2rem}.recipe-panel,.recipe-visual{height:100dvh;min-height:0}.recipe-visual{padding:0}.recipe-switch{top:auto;bottom:max(.7rem,env(safe-area-inset-bottom));background:#030202e6;border-radius:50%;width:3.2rem;height:3.2rem;translate:0}.recipe-switch-previous{left:max(.75rem,env(safe-area-inset-left))}.recipe-switch-next{right:max(.75rem,env(safe-area-inset-right))}.final-seal{background-size:auto,auto 100%,auto}}body{font-family:Constantia Custom,Constantia,Georgia,serif}main{isolation:isolate;background:0 0;min-height:100vh;position:relative}main:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(#03020233,#03020257),url(/dark-fantasy-frame-v1.webp) 50%/cover no-repeat;position:fixed;inset:0}main:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(#03020242,#0302020d 60%,#00000038);position:fixed;inset:0}.collection{z-index:1;background:#0403031f;border-top:0;border-bottom:0;min-height:100vh;margin:0 auto;padding-bottom:clamp(8rem,18vw,16rem);box-shadow:inset .35rem 0 #050404,inset -.35rem 0 #050404,0 0 4rem #000}.collection:before{border-top-color:#b9915038;border-bottom:0;bottom:0}.book-kicker,.collection-actions,.filters,.random-button,.card-base,.card-index{font-family:Constantia Custom,Constantia,Georgia,serif}.book-name,.book-title-line h1{font-family:Dark Blackletter,Constantia Custom,Georgia,serif}.book-name small{font-family:Constantia Custom,Constantia,Georgia,serif}.card-copy h3,.gallery-layout .gallery-position-1 .card-copy h3,.gallery-layout .gallery-position-6 .card-copy h3,.gallery-layout .gallery-position-11 .card-copy h3,.gallery-layout .gallery-position-14 .card-copy h3{letter-spacing:-.025em;font-family:Constantia Custom,Constantia,Georgia,serif;font-weight:700;line-height:1.02}.card-copy p{letter-spacing:0;font-family:Constantia Custom,Constantia,Georgia,serif;font-style:italic}@media (max-width:760px){main:before{background-position:top;background-size:auto 100vh}.collection{min-height:100dvh;box-shadow:none;background:#0403032e;padding-bottom:9rem}.book-name{font-size:clamp(2.65rem,13vw,4.25rem)}.book-title-line{gap:.7rem;width:min(20rem,86%);margin-top:1.35rem}.book-title-line h1{letter-spacing:.2em;text-indent:.2em;font-size:1rem}}.book-name,.book-name b{letter-spacing:.035em;font-family:Constantia Custom,Constantia,Georgia,serif;font-weight:700}.book-name small{letter-spacing:.17em;font-family:inherit;font-weight:400}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.card-hitbox{-webkit-user-select:none;user-select:none}.recipe-panel{overscroll-behavior:contain;touch-action:pan-y pinch-zoom}.recipe-switch,.close-button{touch-action:manipulation}.back-to-menu{z-index:20;right:max(1rem,env(safe-area-inset-right));bottom:max(1rem,env(safe-area-inset-bottom));border:1px solid var(--gold-dark);min-width:48px;min-height:48px;color:var(--gold);cursor:pointer;letter-spacing:.12em;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#050303eb;justify-content:center;align-items:center;gap:.5rem;padding:.7rem .85rem;font:.6rem Constantia Custom,Constantia,Georgia,serif;display:inline-flex;position:fixed;box-shadow:inset 0 0 0 3px #050303,inset 0 0 0 4px #8b0d0a8c,0 .7rem 2rem #000}.back-to-menu span{color:var(--red-bright);font-size:1rem}.back-to-menu:hover{border-color:var(--red-bright);color:var(--ivory)}@media (max-width:760px){.collection{padding-top:max(2.4rem,env(safe-area-inset-top));padding-left:max(.7rem,env(safe-area-inset-left));padding-right:max(.7rem,env(safe-area-inset-right));padding-bottom:max(9rem,calc(env(safe-area-inset-bottom) + 7rem))}.collection-bar{position:relative;overflow:hidden}.collection-actions{grid-template-columns:minmax(0,1fr) auto;gap:.65rem}.random-button{min-height:48px;padding:.65rem .75rem}.filters{overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;margin-inline:-.7rem;padding:.75rem .7rem .2rem;scroll-padding-inline:.7rem}.filters button{min-width:52px;min-height:48px;padding:.75rem .9rem;font-size:.68rem}.cocktail-card{scroll-margin-top:1rem}.card-hitbox{min-height:48px}.card-copy{align-content:center;min-height:7.25rem}.card-arrow{place-items:center;min-width:44px;min-height:44px;margin:-.55rem -.45rem 0 0;display:grid}.recipe-backdrop,.recipe-panel,.recipe-visual{width:100%;height:100dvh;min-height:100dvh}.recipe-visual img{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.close-button{top:max(.75rem,env(safe-area-inset-top));right:max(.75rem,env(safe-area-inset-right));min-width:52px;min-height:52px}.recipe-switch{bottom:max(.75rem,env(safe-area-inset-bottom));min-width:52px;min-height:52px}.back-to-menu{right:max(.75rem,env(safe-area-inset-right));bottom:max(.75rem,env(safe-area-inset-bottom));min-width:54px;min-height:54px}}@media (max-width:380px){.book-heading{padding-inline:.35rem}.book-kicker{letter-spacing:.2em}.collection-actions>p{max-width:7.2rem;font-size:.55rem}.random-button{padding-inline:.55rem;font-size:.56rem}.card-copy h3,.gallery-layout .gallery-position-1 .card-copy h3,.gallery-layout .gallery-position-6 .card-copy h3,.gallery-layout .gallery-position-11 .card-copy h3,.gallery-layout .gallery-position-14 .card-copy h3{font-size:1.62rem}}@media (hover:none) and (pointer:coarse){.cocktail-card:hover .card-image img{filter:saturate()brightness(.96)contrast(1.04);transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.collection-tools{justify-content:flex-end;align-items:stretch;gap:.55rem;display:flex}.availability-button,.profile-button,.empty-state button,.sheet-close,.first-guide>button{min-height:48px;color:var(--gold);cursor:pointer;letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(#280908f0,#080404f7);border:1px solid #7b5a31bf;padding:.7rem 1rem;font:.65rem Constantia Custom,Constantia,Georgia,serif}.availability-button:hover,.profile-button:hover,.empty-state button:hover,.sheet-close:hover,.first-guide>button:hover{border-color:var(--red-bright);color:var(--ivory)}.profile-button{justify-content:center;align-items:center;gap:.5rem;display:inline-flex}.profile-button>span{width:1.55rem;height:1.55rem;color:var(--red-bright);border:1px solid #c2a06399;border-radius:50%;place-items:center;font-size:.66rem;display:grid}.card-image{position:relative}.card-favorite{z-index:5;color:#e1cca1bd;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#040202db;border:1px solid #b991509e;border-radius:50%;place-items:center;width:48px;height:48px;font-size:1.05rem;display:grid;position:absolute;top:.8rem;right:.8rem;box-shadow:0 .5rem 1.4rem #000000b3,inset 0 0 0 3px #050303cc}.card-favorite.active,.recipe-favorite.active{color:#ef4438;text-shadow:0 0 .7rem #ef4438b3;border-color:#ba281f}.empty-state{text-align:center;max-width:34rem;color:var(--ivory);grid-column:1/-1;margin:clamp(3rem,8vw,7rem) auto;padding:2.5rem 1.25rem}.empty-state>span{color:var(--red-bright);margin-bottom:1rem;font-size:1.5rem;display:block}.empty-state h2{color:var(--gold);margin:0 0 .65rem;font-size:clamp(1.45rem,5vw,2rem)}.empty-state p{color:#e1cca1b8;margin:0 auto 1.35rem;line-height:1.55}.mobile-dock{display:none}.recipe-visual{overscroll-behavior:contain;touch-action:pan-x pan-y;scrollbar-width:thin;scrollbar-color:#7b1712 #050303;display:block;overflow:auto}.recipe-zoom-content{place-items:center;min-width:100%;min-height:100%;transition:width .18s,height .18s;display:grid}.recipe-zoom-content img{-webkit-user-select:none;user-select:none}.recipe-actions{z-index:6;left:50%;bottom:max(.8rem,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#040202e6;border:1px solid #7b5a31ad;grid-template-columns:44px 54px 44px 48px minmax(96px,auto);gap:.3rem;padding:.42rem;display:grid;position:fixed;translate:-50%;box-shadow:0 .8rem 2.5rem #000,inset 0 0 0 3px #050303db}.recipe-actions button{min-width:44px;min-height:44px;color:var(--gold);cursor:pointer;letter-spacing:.04em;background:#140605e6;border:1px solid #7b5a3194;font:700 .72rem Constantia Custom,Constantia,Georgia,serif}.recipe-actions button:hover{border-color:var(--red-bright);color:var(--ivory)}.recipe-actions button:disabled{opacity:.35;cursor:default}.recipe-actions .zoom-level{font-variant-numeric:tabular-nums;font-size:.58rem}.recipe-actions .recipe-favorite{font-size:1.05rem}.recipe-actions .choose-cocktail{color:#f0d79b;text-transform:uppercase;white-space:nowrap;padding-inline:.7rem}.order-card{z-index:8;text-align:center;color:var(--ivory);background:radial-gradient(circle,#5c080661,#0000 32rem),#020101f7;place-content:center;justify-items:center;padding:2rem 1.2rem;display:grid;position:fixed;inset:0}.order-card:before{content:"";inset:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));border:1px solid var(--gold-dark);pointer-events:none;position:absolute;box-shadow:inset 0 0 0 4px #050303,inset 0 0 0 5px #8b0d0a94}.order-card p{color:var(--gold);letter-spacing:.28em;text-transform:uppercase;margin:0 0 .8rem;font-size:.7rem}.order-card>span{color:var(--red-bright);letter-spacing:.15em;text-transform:uppercase;font-size:.72rem}.order-card h3{color:#d6382c;max-width:95vw;margin:.55rem 0 .8rem;font-size:clamp(2.25rem,9vw,5.5rem);line-height:.95}.order-card small{color:#e1cca1b8;font-size:.88rem}.order-card button{border:1px solid var(--gold-dark);min-height:48px;color:var(--gold);cursor:pointer;background:#130504;margin-top:1.6rem;padding:.75rem 1rem;position:relative}.sheet-backdrop,.guide-backdrop{z-index:40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;display:grid;position:fixed;inset:0}.sheet-backdrop{place-items:end center}.availability-sheet{width:min(42rem,100%);max-height:min(88dvh,52rem);padding:1rem clamp(1rem,4vw,2rem) max(1.2rem,env(safe-area-inset-bottom));border:1px solid var(--gold-dark);color:var(--ivory);overscroll-behavior:contain;background:radial-gradient(circle at 50% 0,#7a0d0a33,#0000 22rem),#090504;border-bottom:0;overflow:auto;box-shadow:0 -1.5rem 4rem #000}.sheet-handle{background:#b991508c;border-radius:3px;width:3.5rem;height:4px;margin:0 auto 1.3rem}.eyebrow{color:var(--red-bright);letter-spacing:.2em;text-transform:uppercase;margin:0 0 .5rem;font-size:.58rem}.availability-sheet h2,.first-guide h2{color:var(--gold);margin:0 0 .6rem;font-size:clamp(1.7rem,7vw,2.5rem);line-height:1.05}.availability-sheet>p:not(.eyebrow){color:#e1cca1ad;margin:0 0 1.2rem;line-height:1.5}.availability-list{gap:.42rem;display:grid}.availability-list button{color:#e1cca18c;text-align:left;cursor:pointer;background:#040303ad;border:1px solid #7b5a315c;grid-template-columns:2.2rem minmax(0,1fr) auto;align-items:center;gap:.7rem;min-height:52px;padding:.55rem .7rem;display:grid}.availability-list button span{color:var(--red-bright);font-variant-numeric:tabular-nums;font-size:.63rem}.availability-list button b{text-overflow:ellipsis;white-space:nowrap;font-weight:400;overflow:hidden}.availability-list button i{color:#e1cca175;letter-spacing:.08em;text-align:center;text-transform:uppercase;min-width:3rem;font-size:.62rem;font-style:normal}.availability-list button.available{color:var(--ivory);border-color:#b99150a8}.availability-list button.available i{color:#d4b36e}.sheet-close{width:100%;margin-top:1rem}.guide-backdrop{padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));place-items:center}.first-guide{border:1px solid var(--gold-dark);width:min(32rem,100%);max-height:100%;color:var(--ivory);background:radial-gradient(circle at 50% 0,#7d0c093d,#0000 20rem),#080404;padding:clamp(1.4rem,6vw,2.5rem);overflow:auto;box-shadow:inset 0 0 0 4px #030202,inset 0 0 0 5px #8b0d0a85,0 2rem 5rem #000}.first-guide ol{gap:.7rem;margin:1.4rem 0;padding:0;list-style:none;display:grid}.first-guide li{border-bottom:1px solid #7b5a3147;grid-template-columns:2rem 1fr;column-gap:.8rem;padding-bottom:.7rem;display:grid}.first-guide li>span{color:var(--red-bright);grid-row:1/3;font-size:.65rem}.first-guide li b{font-weight:400}.first-guide li small{color:#e1cca1a6;margin-top:.15rem;line-height:1.35}.first-guide>button{width:100%}.profile-sheet{width:min(34rem,100%);max-height:min(88dvh,46rem);padding:1rem clamp(1.25rem,5vw,2.5rem) max(1.4rem,env(safe-area-inset-bottom));border:1px solid var(--gold-dark);color:var(--ivory);text-align:center;overscroll-behavior:contain;background:radial-gradient(circle at 50% 0,#7a0d0a3d,#0000 22rem),#090504;border-bottom:0;overflow:auto;box-shadow:0 -1.5rem 4rem #000}.profile-avatar{border:1px solid var(--red-bright);width:5rem;height:5rem;color:var(--gold);background:radial-gradient(circle,#8b0d0a52,#080404 68%);border-radius:50%;place-items:center;margin:.35rem auto 1rem;font-size:1.45rem;display:grid;box-shadow:inset 0 0 0 4px #050303,inset 0 0 0 5px #b991506b,0 0 2rem #6f080759}.profile-sheet h2{color:var(--gold);margin:0;font-size:clamp(1.75rem,7vw,2.55rem);line-height:1.05}.profile-sheet>p:not(.eyebrow):not(.profile-email):not(.role-badge){color:#e1cca1b8;max-width:27rem;margin:1rem auto;line-height:1.5}.profile-email{color:#e1cca194;overflow-wrap:anywhere;margin:.45rem 0 .7rem;font-size:.82rem}.role-badge{width:max-content;max-width:100%;color:var(--gold);letter-spacing:.1em;text-transform:uppercase;border:1px solid #7b5a3185;margin:0 auto;padding:.35rem .65rem;font-size:.6rem}.role-badge.admin{color:#e44337;border-color:#c7261db3}.profile-primary,.profile-secondary{min-height:50px;color:var(--gold);cursor:pointer;letter-spacing:.13em;text-transform:uppercase;background:linear-gradient(#4d0b08a6,#0d0504f5);border:1px solid #8b0d0acc;justify-content:center;align-items:center;margin-top:.8rem;padding:.72rem 1rem;font:.67rem Constantia Custom,Constantia,Georgia,serif;text-decoration:none;display:flex}.profile-secondary{color:#e1cca1a6;background:#0403038c;border-color:#7b5a316b}.profile-sheet>small{color:#e1cca17a;margin:1rem auto 0;line-height:1.4;display:block}.profile-sheet .sheet-close{margin-top:1.1rem}@media (max-width:760px){.collection-tools{grid-template-columns:1fr 1fr;gap:.5rem;width:100%;display:grid}.collection-actions{grid-template-columns:1fr}.availability-button,.profile-button,.random-button{width:100%;min-width:0}.card-favorite{width:50px;height:50px;top:.65rem;right:.65rem}.mobile-dock{z-index:25;left:max(.55rem,env(safe-area-inset-left));right:max(.55rem,env(safe-area-inset-right));bottom:max(.55rem,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#040202f0;border:1px solid #7b5a31bf;grid-template-columns:.9fr 1.15fr 1.15fr;gap:.25rem;padding:.35rem;display:grid;position:fixed;box-shadow:0 .8rem 2.6rem #000,inset 0 0 0 3px #050303}.mobile-dock button{color:#e1cca1bd;cursor:pointer;text-align:center;background:0 0;border:1px solid #0000;place-content:center;gap:.12rem;min-width:0;min-height:52px;padding:.28rem .16rem;font:.55rem/1.05 Constantia Custom,Constantia,Georgia,serif;display:grid}.mobile-dock button span{color:var(--red-bright);font-size:.92rem}.mobile-dock button.active,.mobile-dock button:active{color:var(--ivory);background:#5a0a0840;border-color:#b9915085}.mobile-dock .dock-random{color:var(--gold);border-color:#8b0d0a9e}.back-to-menu{display:none}.recipe-switch{border-radius:0;width:48px;min-width:48px;height:58px;min-height:58px;top:50%;bottom:auto;translate:0 -50%}.recipe-switch-previous{left:max(.35rem,env(safe-area-inset-left))}.recipe-switch-next{right:max(.35rem,env(safe-area-inset-right))}.recipe-actions{bottom:max(.45rem,env(safe-area-inset-bottom));grid-template-columns:44px 50px 44px 44px minmax(88px,auto);gap:.2rem;width:max-content;max-width:calc(100vw - 1rem);padding:.3rem}.recipe-actions button{min-width:44px;min-height:46px}.recipe-actions .choose-cocktail{padding-inline:.4rem;font-size:.58rem}.recipe-visual img{padding-bottom:calc(env(safe-area-inset-bottom) + 4rem)}.availability-sheet,.profile-sheet{border-left:0;border-right:0}}@media (max-width:360px){.collection-tools{grid-template-columns:1fr}.mobile-dock{left:.25rem;right:.25rem;bottom:max(.25rem,env(safe-area-inset-bottom))}.mobile-dock button{font-size:.5rem}.recipe-actions{grid-template-columns:44px 48px 44px 44px minmax(82px,auto)}.recipe-actions button{min-width:44px}}html{min-height:100%;min-height:-webkit-fill-available}body{min-height:100svh;min-height:-webkit-fill-available}button,a,.card-hitbox{-webkit-touch-callout:none}.recipe-visual,.availability-sheet,.profile-sheet,.first-guide{-webkit-overflow-scrolling:touch}.back-to-menu,.close-button,.recipe-switch,.recipe-actions,.card-favorite,.sheet-backdrop,.guide-backdrop,.mobile-dock{-webkit-backdrop-filter:blur(12px)}@media (max-width:760px){main,.collection{min-height:100svh}.collection{padding-bottom:max(9rem,calc(env(safe-area-inset-bottom) + 7.75rem))}.mobile-dock{left:max(.45rem,env(safe-area-inset-left));right:max(.45rem,env(safe-area-inset-right));padding:.35rem .35rem max(.35rem,env(safe-area-inset-bottom));border-bottom:0;bottom:0}.recipe-backdrop,.recipe-panel,.recipe-visual{height:100svh;min-height:100svh}.close-button{top:max(.75rem,calc(env(safe-area-inset-top) + .45rem));right:max(.75rem,calc(env(safe-area-inset-right) + .45rem))}.recipe-actions{bottom:max(.45rem,calc(env(safe-area-inset-bottom) + .45rem))}.recipe-visual img{padding-top:env(safe-area-inset-top);padding-bottom:calc(env(safe-area-inset-bottom) + 4.25rem)}.availability-sheet,.profile-sheet{max-height:min(88dvh,calc(100dvh - env(safe-area-inset-top) - .5rem));padding-bottom:calc(1.4rem + env(safe-area-inset-bottom))}}@supports (height:100dvh){@media (max-width:760px){.recipe-backdrop,.recipe-panel,.recipe-visual{height:100dvh;min-height:100dvh}}}@media (max-width:360px){.mobile-dock{bottom:0;left:.25rem;right:.25rem}}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
