.cocktails-book{max-width:1100px;margin:auto}.cocktails-book>.eyebrow,.cocktails-book>.page-title,.cocktails-book>.cocktail-subtitle{text-align:center}.cocktail-subtitle{font-family:Georgia,serif;font-size:clamp(19px,2.3vw,27px);color:#e9dcc2;margin:10px 0 30px}.cocktail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.cocktail-tile{position:relative;min-height:270px;overflow:hidden;border:1px solid #a77f42;border-radius:12px;background:#1e140e;text-align:left;color:#fff6e6;isolation:isolate;cursor:pointer}.cocktail-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .4s}.cocktail-tile:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#100a06ed,#100a0666 65%,transparent);z-index:-1}.cocktail-tile:hover img{transform:scale(1.04)}.cocktail-tile-copy{display:flex;flex-direction:column;align-items:flex-start;padding:28px;max-width:80%;min-height:270px}.cocktail-tile h2{font:38px/1.02 Georgia,serif;margin:19px 0 13px;max-width:220px}.cocktail-tile-copy>span{font:18px Georgia,serif}.cocktail-footnote{text-align:center;font:italic 20px Georgia,serif;color:#bca88a;margin:36px 0}.cocktail-text-btn{border:0;background:transparent;padding:12px 0;color:#ebc878;cursor:pointer;font:18px Georgia,serif}.cocktail-detail{max-width:1120px;margin:auto}.cocktail-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px;margin-top:22px}.cocktail-portrait{position:relative}.cocktail-portrait .page-title{font-size:clamp(40px,4.5vw,66px);margin:14px 0}.cocktail-portrait>img{width:100%;height:440px;object-fit:cover;border-radius:12px;border:1px solid #856436}.cocktail-glass{display:block;font:italic 19px Georgia,serif;margin:16px 0;color:#c9b695}.cocktail-controls{display:flex;gap:15px;justify-content:space-between;flex-wrap:wrap;margin:4px 0 26px}.cocktail-segment,.cocktail-servings{display:flex;align-items:center;border:1px solid #a88950;border-radius:10px;padding:5px;gap:5px}.cocktail-segment button,.cocktail-servings button{min-width:48px;padding:10px 16px;border:0;background:transparent;color:#f5e6c8;font:21px Georgia,serif;cursor:pointer;border-radius:7px}.cocktail-segment .selected{background:linear-gradient(125deg,#f5d585,#ba873d);color:#241508}.cocktail-servings span{min-width:92px;text-align:center;font:17px Georgia,serif}.cocktail-servings button{font-size:25px;padding:7px 12px}.cocktail-servings button:disabled{opacity:.3;cursor:default}.cocktail-recipe>h2{font:32px Georgia,serif;margin:15px 0}.cocktail-ingredients label{display:flex;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid #735a343d;font:20px/1.35 Georgia,serif;cursor:pointer}.cocktail-ingredients input{width:23px;height:23px;accent-color:#c9a35d;flex-shrink:0}.cocktail-ingredients input:checked+span{text-decoration:line-through;opacity:.55}.cocktail-bottle{display:flex!important;align-items:center;gap:16px;padding:18px!important;margin:26px 0 20px;position:relative;border:1px solid #a58447!important;background:linear-gradient(125deg,#39231599,#17100b)!important;flex-wrap:wrap}.cocktail-bottle h3{font:23px Georgia,serif;margin:9px 0}.cocktail-bottle p{font:15px/1.5 Georgia,serif;margin:4px 0}.cocktail-bottle .eyebrow{font-size:10px}.cocktail-bottle-art{width:65px;flex-shrink:0}.cocktail-bottle-art img,.cocktail-bottle-art svg{height:120px!important;width:65px!important;object-fit:contain}.cocktail-bottle>.cocktail-text-btn{margin-left:auto;font-size:15px;padding-bottom:0}.cocktail-start{display:flex!important;justify-content:space-between;align-items:center;width:100%;font:24px Georgia,serif!important;padding:20px 24px!important}.cocktail-method{margin-top:25px;color:#cbb899;font:17px/1.7 Georgia,serif}.cocktail-method summary{cursor:pointer;color:#e8cf9a}.cocktail-method li{padding:6px 0}.cocktail-conversion{font-size:12px;margin-top:10px}.cocktail-picker{max-width:1100px;margin:auto}.cocktail-picker>.eyebrow{margin-top:30px}.cocktail-picker-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin:30px 0}.cocktail-pick{color:#f4e8d2;cursor:pointer;display:block!important;text-align:center;background:#261b13!important;padding:20px!important}.cocktail-pick.selected{border:2px solid #e8bd69!important}.cocktail-pick h2{font:22px Georgia,serif}.cocktail-pick-art img,.cocktail-pick-art svg{height:180px!important;width:100%!important;object-fit:contain}.cocktail-mixing,.cocktail-complete{max-width:560px;margin:0 auto;text-align:center}.cocktail-mixing>h1{font:44px Georgia,serif;margin:20px 0}.mixing-cancel{display:block;margin-bottom:20px;font-size:15px}.cocktail-progress{display:flex;gap:10px;margin:25px auto 35px;max-width:320px}.cocktail-progress span{height:8px;border:1px solid #b69a67;border-radius:10px;flex:1}.cocktail-progress .done{background:linear-gradient(#ffe4a3,#bd8b3e)}.cocktail-mixing h2{font:clamp(40px,5vw,62px)/1.08 Georgia,serif;margin:28px 0 20px}.mixing-instruction{font:23px/1.4 Georgia,serif;color:#f4e6ce;margin:auto;max-width:490px}.mixing-art{color:#dfb65d;width:250px;height:270px;margin:18px auto 0;filter:drop-shadow(0 8px 24px #b77a171f)}.mixing-tip{font:19px Georgia,serif;color:#d4bea0;margin:10px 0 28px}.cocktail-mixing>.cocktail-text-btn:last-child{margin:15px 0}.cocktail-complete>img{width:100%;height:370px;object-fit:cover;border-radius:12px;margin:0 0 20px}.cocktail-check{border:2px solid #ebc76c;border-radius:50%;height:60px;width:60px;line-height:55px;margin:18px auto 22px;font-size:36px;color:#ebc76c}.cocktail-complete>.cocktail-start{margin-bottom:15px}.cocktail-complete>.page-title{font-size:clamp(43px,5vw,64px)}.cocktail-complete>.cocktail-text-btn{margin:10px 0 20px}@media(max-width:760px){.cocktail-grid{grid-template-columns:1fr;gap:17px}.cocktail-tile,.cocktail-tile-copy{min-height:230px}.cocktail-tile h2{font-size:36px}.cocktail-tile-copy{padding:24px}.cocktail-detail-grid{grid-template-columns:1fr;gap:15px}.cocktail-portrait>img{height:300px}.cocktail-portrait .cocktail-subtitle{margin-bottom:20px}.cocktail-detail-grid .cocktail-portrait>.eyebrow{display:none}.cocktail-controls{flex-wrap:nowrap;gap:8px}.cocktail-segment button{padding:10px 15px;min-width:48px}.cocktail-servings button{min-width:35px;padding:7px 9px}.cocktail-servings span{min-width:80px}.cocktail-bottle{gap:12px}.cocktail-bottle h3{font-size:21px}.cocktail-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cocktail-pick{padding:15px!important}.cocktail-pick h2{font-size:19px}.cocktail-mixing>h1{font-size:36px}.mixing-instruction{font-size:21px}.cocktail-mixing h2{margin-top:22px}.cocktail-complete>img{height:320px}}@media(prefers-reduced-motion:reduce){.cocktail-tile img{transition:none}}
/* Each instruction has its own bartender action illustration. */
.mixing-action-art{width:min(100%,330px);aspect-ratio:1;margin:22px auto 16px;background-image:url('assets/cocktail-actions.png');background-size:300% 300%;background-repeat:no-repeat;mix-blend-mode:screen;mask-image:radial-gradient(ellipse at center,#000 54%,transparent 76%);-webkit-mask-image:radial-gradient(ellipse at center,#000 54%,transparent 76%)}.action-measure{background-position:0 0}.action-stir{background-position:50% 0}.action-rocks-strain{background-position:100% 0}.action-coupe-strain{background-position:0 50%}.action-dry-shake{background-position:50% 50%}.action-ice-strain{background-position:100% 50%}.action-julep-prep{background-position:0 100%}.action-muddle{background-position:50% 100%}.action-julep-build{background-position:100% 100%}@media(max-width:560px){.mixing-action-art{width:min(100%,280px);margin:18px auto 14px}}