@font-face{font-family:'PP Fragment';src:url('/direction/fonts/PPFragment-GlareVariable.woff') format('woff');font-style:normal;font-display:swap}
@font-face{font-family:Inter;src:url('/direction/fonts/inter-regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('/direction/fonts/inter-medium.woff2') format('woff2');font-weight:500;font-display:swap}
:root{--surface:#f1ede5;--paper:#f1ede5;--ink:#2c3026;--brown:#424936;--olive:#424936;--sand:#e3dfd4;--soft:#e3dfd4;--muted:#64675c;--line:#c8c9bd;--white:#fbf8f4;--font:Inter,Arial,sans-serif;--display:'PP Fragment',Georgia,serif;--gutter:clamp(16px,1.12vw,28px);--bb-section:clamp(64px,6.6vw,120px);--bb-gap:32px;--bb-body:Inter,Arial,sans-serif;--bb-display:'PP Fragment',Georgia,serif}
*{box-sizing:border-box}html{scroll-padding-top:24px}html body{margin:0;background:var(--surface);color:var(--ink);font:400 16px/1.4 var(--font);letter-spacing:-.01em}
html body :is(p,li,a,button,input,select,textarea,label,small,summary,dt,dd,output){font-family:var(--font)}
html body :is(h1,h2,h3,legend){font-family:var(--display);font-weight:310;letter-spacing:0;line-height:1.15}
html body[data-bb-inner] h1{font-size:clamp(40px,4.2vw,72px);font-weight:220;line-height:1.05;letter-spacing:-.02em}
html body[data-bb-inner] :is(h1,h2,h3){text-wrap:balance}
html body[data-bb-inner] h2{font-size:32px}html body[data-bb-inner] h3{font-size:20px;line-height:1.2}
html body :is(.eyebrow,.bb-eyebrow){font:500 14px/1 Inter,Arial,sans-serif;letter-spacing:0;text-transform:uppercase;color:inherit}
html body a{text-decoration:none;color:inherit}html body a:hover{text-decoration:none}html body :is(button,input,select,textarea){font-family:Inter,Arial,sans-serif}
html body :is(input:not([type=checkbox]):not([type=radio]),select,textarea){border:1px solid var(--line);border-radius:2px;background:#fbf8f4;color:var(--ink);font-size:16px;line-height:1.4;min-height:48px;padding:12px}
html body :is(input[type=checkbox],input[type=radio]){accent-color:var(--olive)}
html body :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--olive);outline-offset:4px}
html body [hidden]{display:none!important}
html body .preview-note{position:static;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px var(--gutter);background:var(--soft);color:var(--ink);font:400 12px/1.4 Inter;border:0;text-align:left}
html body .preview-note span{opacity:.8}
/* Shared action palette. Keep the established inner-page shape and sizing. */
body[data-bb-inner]{--bb-action:#4a543b;--bb-action-hover:#323d2a;--bb-action-text:#fbf8ef;--bb-action-soft:#e1e5d8;--bb-action-border:#a9b19b;--bb-secondary:#e4dfd3;--bb-secondary-hover:#d5d0c2;--bb-secondary-text:#343c2d;--bb-disabled:#e4e1d9;--bb-disabled-text:#76796f;--bb-focus:#4a543b}
/* Full-size action surfaces, shared in appearance with the homepage. */
html body[data-bb-inner] .bb-cta{--control-bg:var(--bb-action);--control-fg:var(--bb-action-text);position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;gap:8px;width:fit-content;max-width:100%;height:auto;min-height:52px;padding:14px 24px;border:1px solid transparent!important;border-radius:4px;background:var(--control-bg)!important;color:var(--control-fg);font:500 16px/22px Inter;letter-spacing:-.01em;white-space:normal;text-align:center;cursor:pointer;text-decoration:none;transform:none;transition:background-color .18s,color .18s,border-color .18s}
html body .bb-cta:before,html body .bb-cta:after{content:none}
html body .bb-cta:is(:hover,:focus-visible):not(:disabled){--control-bg:var(--bb-action-hover);--control-fg:var(--bb-action-text)}
html body[data-bb-inner] .bb-cta:disabled{--control-bg:var(--bb-disabled);--control-fg:var(--bb-disabled-text);border-color:var(--line)!important;cursor:not-allowed;opacity:1}
html body[data-bb-inner] .product-control>.bb-cta{--control-bg:var(--bb-action-soft);--control-fg:var(--bb-secondary-text);border-color:var(--bb-action-border)!important;min-height:48px;padding:12px 18px;font-size:15px;line-height:22px}
html body[data-bb-inner] .product-control>.bb-cta:is(:hover,:focus-visible):not(:disabled){--control-bg:var(--bb-action);--control-fg:var(--bb-action-text)}
html body[data-bb-inner] .product-control>.bb-cta:disabled{--control-bg:var(--bb-disabled);--control-fg:var(--bb-disabled-text);border-color:var(--line)!important}
html body .bb-utility{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:44px;height:auto;max-width:100%;padding:10px 14px;border:1px solid transparent;border-radius:4px;background:var(--bb-secondary);color:var(--bb-secondary-text);font:500 14px/22px Inter;letter-spacing:-.01em;gap:8px;white-space:normal;text-decoration:none;cursor:pointer;transition:background-color .18s,border-color .18s}
html body .bb-utility:is(:hover,:focus-visible):not(:disabled){background:var(--bb-secondary-hover);border-color:var(--bb-action-border);color:var(--bb-secondary-text)}
html body .bb-utility:disabled{background:var(--bb-disabled);color:var(--bb-disabled-text);opacity:1;cursor:not-allowed}
html body .bb-utility:before{content:none}
html body .actions>.bb-utility{min-height:52px;padding-inline:20px;font-size:16px}
html body :is(.form-actions,.age-actions){gap:12px}
html body[data-bb-inner] .bb-cta:focus-visible{outline:2px solid var(--bb-focus);outline-offset:4px}
html body[data-bb-inner] .bb-utility:focus-visible{outline:2px solid var(--bb-focus);outline-offset:4px}
@media(prefers-reduced-motion:reduce){html body :is(.bb-cta,.bb-utility){transition:none}}
html body :is(.stepper,.qty) button{width:44px;min-width:44px;height:44px;min-height:44px;padding:0;border:1px solid var(--line);border-radius:2px;background:transparent;color:var(--ink);font:400 20px/1 Inter}
html body :is(.stepper,.qty) button:hover{background:var(--soft)}
/* Shared chrome lifted from the homepage; namespaced away from application layout. */
html body .bb-site-header{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;width:100%;min-height:164px;padding:24px var(--gutter) 32px;background:var(--surface);color:var(--ink);border:0;z-index:5}
html body .bb-header-link,html body .bb-cart-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;padding:0;background:transparent;border:0;color:inherit;font:500 14px/1 Inter;text-transform:uppercase;text-decoration:none}
html body .bb-site-header>.bb-wordmark{position:absolute;left:50%;transform:translateX(-50%)}
html body .bb-wordmark{display:block;width:124px;height:124px;padding:0;color:inherit;text-decoration:none}
html body .bb-wordmark>.bb-brand-logo{display:block;width:100%;height:100%;object-fit:contain;filter:brightness(0) saturate(100%)}
html body[data-bb-inner="contact/index.html"] .bb-wordmark>.bb-brand-logo{filter:none}
.bb-menu-lines{display:inline-block;width:20px;height:7px;border-top:1px solid;border-bottom:1px solid}.bb-cart-link{margin-left:auto}
.bb-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}
html body.bb-menu-open{overflow:hidden}html body .bb-menu-dialog{position:fixed;inset:8px 8px auto auto;width:470px;height:calc(100dvh - 16px);max-width:100%;max-height:none;border:0;margin:0;padding:0;background:transparent;color:var(--ink);overflow:visible}
.bb-menu-dialog::backdrop{background:#42493680}.bb-menu-panel{height:100%;width:100%;padding:80px 32px 56px;border-radius:4px;background:var(--surface);overflow:auto}
.bb-dialog-top>.bb-wordmark{display:none}.bb-dialog-top>button{position:absolute;right:22px;top:0;z-index:2}
.bb-menu-dialog nav{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
html body .bb-menu-dialog nav a{font:220 40px/1 var(--display);letter-spacing:0;padding:0;min-height:40px}
.bb-menu-dialog nav a:hover{color:#7a806c}.bb-menu-bottom{display:flex;flex-direction:column;gap:24px;align-items:flex-start;margin-top:40px}.bb-menu-bottom p{margin:0}
/* Inner-page spacing and layout roles. */
html body :is(.shell,.hire-shell,.custom-page,.enquiry-page,.product-page){max-width:none;margin:0;padding:var(--bb-section) var(--gutter);background:var(--surface)}
html body .hire-shell{padding-top:0}.progress{padding-block:24px;margin-bottom:64px;gap:40px}.progress button{border-radius:0;font-size:14px;background:transparent;color:var(--ink)}
html body .step-heading{margin-bottom:40px}.step-heading h1{font-size:clamp(40px,3.6vw,56px);margin:16px 0 24px}.step-heading>p:last-child{font-size:16px;line-height:1.5;max-width:52ch}
.hire-layout{gap:clamp(32px,5vw,100px)}html body .product-info h2{font-size:24px}.product-info p{line-height:1.5}
html body :is(.product-photo,.placeholder-photo,.media,.unit-card,.unit-image,.ticket,.summary,.date-card,.pour,.proof-receipt,.preview-explanation,.form-errors,.login-card,.panel,.notice){border-radius:2px;box-shadow:none}
html body .product-photo{border-radius:0}.photo-label,.selected-label{border-radius:2px}.placeholder-photo{background:var(--soft)}
html body .summary{top:24px;background:var(--soft);padding:32px}.summary h2{font-size:24px}.empty-summary{font-family:var(--display)!important;font-size:24px;letter-spacing:0}
html body :is(.form-group legend,.extras summary>span:first-child,.practical summary){font-family:var(--display);font-size:28px;letter-spacing:0;line-height:1.2}
html body .practical summary span{font-family:Inter;font-size:12px}.duration label{border-radius:2px}.date-card{background:#fbf8f4;max-width:720px;padding:32px}
.calendar button{border-radius:2px;font-family:Inter}.calendar-head h2{font-size:24px}.form-group{margin-bottom:40px}.form-grid{gap:24px}.form-grid label{font-size:14px}.draft-tools{padding-top:32px;margin-top:64px}
html body .custom-page{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:8.3%;align-items:start;padding-block:var(--bb-section)}
.custom-intro{position:sticky;top:32px}.custom-intro h1{margin:24px 0 32px}.custom-intro>p:last-child{max-width:36ch;line-height:1.5}
html body #custom-form{width:100%;max-width:none;margin:0;padding:0;border:0;background:transparent;box-shadow:none}
#custom-form fieldset{padding:0;margin:0 0 32px;border:0}#custom-form legend{font-size:28px;margin-bottom:24px}.custom-audiences{display:flex;flex-wrap:wrap;gap:16px 24px}.custom-audiences label{min-height:44px;display:flex;align-items:center;gap:10px}
html body .field{margin-bottom:24px}.fields-two{gap:24px}html body .field label{display:block;font-size:14px;margin-bottom:8px}html body .field :is(input,textarea,select){width:100%}
#custom-review{grid-column:2;min-width:0}#custom-review h2{margin-bottom:32px}.form-actions{display:flex;flex-wrap:wrap;gap:12px 24px}.review-details>div{padding:16px 0;border-bottom:1px solid var(--line)}
html body .enquiry-page{min-height:60vh;padding-block:120px}.enquiry-title{max-width:60ch;margin-bottom:32px}
html body .product-detail{gap:clamp(32px,6vw,120px);padding:0}.product-detail>.product-info{padding:16px 0}.product-detail .gallery-main{border-radius:0}.product-detail .product-lead{font-size:18px;line-height:1.5;max-width:44ch}
.product-detail .product-accordions{margin-top:32px}.product-accordions summary{font-family:Inter;font-size:16px;padding-block:24px}.product-page .detail-story{padding:100px 0 0;gap:32px}.detail-story img{border-radius:0}
html body .product-page .mobile-product-action{background:var(--surface);border-color:var(--line)}
html body .shop-nav{padding:0 var(--gutter);gap:24px;min-height:56px;background:var(--olive);color:var(--surface);border-bottom:0}
html body .shop-nav a{position:relative;display:inline-flex;align-items:center;min-height:44px;height:44px;margin-block:6px;padding:14px 8px;border:0;border-radius:0;background:transparent;color:inherit;font:500 14px/1 Inter;isolation:isolate}
html body .shop-nav a:is(:hover,.current){color:#fff;box-shadow:none;background:transparent}
html body .shop-nav a:focus-visible{color:#fff;outline:2px solid var(--surface);outline-offset:-4px}
html body .shell .hero{padding:0 0 64px;margin:0 0 64px;gap:48px;background:transparent;border-radius:0;align-items:start}
html body .shell .hero h1{font-size:clamp(40px,4.2vw,72px);line-height:1.05;letter-spacing:-.02em}.shell .hero p{font-size:16px;line-height:1.5;max-width:42ch}
html body .unit-grid{gap:32px 16px}.shell .unit-card{border:0;border-radius:0;background:transparent;overflow:hidden}.shell .unit-card:hover{background:transparent}.shell .unit-card h3{font-size:24px}.shell .unit-content{padding:24px 0;border-top:1px solid var(--line)}
html body .shop-search{padding:0;background:transparent;border:0;border-radius:0;margin-block:32px}.search-controls{align-items:center;gap:16px}.search-controls input{min-width:0}
html body .shell .media{border-radius:0;background:var(--soft)}html body .send-on{padding:48px 0;border-radius:0;background:transparent;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:80px}
html body .send-on h2{font-size:32px}.shell .product{gap:clamp(32px,6vw,120px)}.shell .product-info{top:24px}.shell .product-info h1{font-size:clamp(40px,3.6vw,64px)}.shell .product-info .intro{font-size:16px;line-height:1.5}
html body .ticket{background:var(--soft);border:0;padding:32px;top:24px}.cart .line{border-radius:0;background:transparent;border-bottom:1px solid var(--line)}.cart .line img{border-radius:0}
html body dialog:not(.bb-menu-dialog){background:var(--surface);border:1px solid var(--line);border-radius:4px;color:var(--ink)}
html body #age-gate{padding:40px;max-width:480px;border-radius:4px}html body #age-gate h2{font-size:32px}html body #age-gate .age-actions{display:flex;flex-direction:row;flex-wrap:nowrap;gap:16px;align-items:stretch}html body #age-gate .age-actions button{flex:1 1 auto;width:auto;min-width:0}
@media(max-width:480px){html body #age-gate .age-actions{flex-direction:column}html body #age-gate .age-actions button{flex:none;width:100%}}
html body[data-bb-inner='staff/index.html'] main{padding:64px var(--gutter);max-width:1600px}html body[data-bb-inner='staff/index.html'] .demo-bar{font-family:Inter;background:var(--soft);color:var(--ink)}
html body[data-bb-inner='staff/index.html'] :is(.login-card,.panel){background:transparent;border:1px solid var(--line);padding:32px}.stats>div{border-radius:2px;background:var(--soft)}
@media(min-width:1920px){html body .bb-menu-dialog{width:625px}.bb-menu-panel{padding:100px 42px 42px}}
@media(max-width:1023px){html body[data-bb-inner] h2{font-size:28px}.progress{gap:24px;margin-bottom:40px}.bb-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.custom-intro{position:static}html body .custom-page{gap:48px;grid-template-columns:1fr}#custom-review{grid-column:1}.custom-intro>p:last-child{max-width:48ch}.product-page .detail-story{padding-top:64px}}
@media(max-width:760px){html body :is(.shell,.custom-page,.enquiry-page,.product-page){padding-block:56px}.hire-layout{gap:32px}.step-heading{margin-bottom:32px}.products{gap:40px}.product-info h2{font-size:24px!important}.product-info{gap:16px}.summary{padding:20px!important}.summary-toggle{font-family:Inter;background:transparent;color:var(--ink)}.progress{margin-bottom:32px}.calendar-head{gap:12px}.calendar-head>div{display:flex;gap:12px}.calendar-head .bb-utility{font-size:12px}.date-card{padding:16px}.duration{flex-wrap:wrap}.actions{flex-wrap:wrap;gap:12px}.actions>.primary{margin-left:auto}.draft-tools>div{gap:8px 16px}.fields-two{grid-template-columns:1fr}.bb-site-header{min-height:128px!important;padding-top:16px!important}.bb-wordmark{width:96px!important;height:96px!important}.bb-header-link,.bb-cart-link{font-size:12px!important}.bb-menu-lines{width:16px}.bb-menu-toggle{gap:8px!important}.bb-cart-link{margin-right:-12px}.shell .hero{display:block!important;padding-bottom:40px!important;margin-bottom:40px!important}.shell .hero h1{margin-bottom:24px}.shell .unit-card h3{font-size:20px}.shell .unit-content{padding-top:20px}.send-on{gap:24px!important;padding-block:32px!important}.send-on h2{font-size:28px!important}.search-controls{flex-wrap:wrap}.search-controls input{flex-basis:100%}.shell .product-info h1{font-size:40px}.ticket{padding:24px!important}.gallery-main img{border-radius:0}.product-page .detail-story{padding-bottom:0}.form-group legend{font-size:24px!important}.form-grid{gap:20px}.bb-cta{max-width:100%}html body #age-gate{padding:28px}.shop-nav{gap:24px!important}}
@media(max-width:485px){html body .bb-menu-dialog{inset:0;width:100%;height:100dvh}.bb-menu-panel{border-radius:0;padding:100px 16px 56px}.bb-dialog-top>button{right:16px}.bb-menu-dialog nav{gap:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Older shop selectors use IDs; keep them inside the same new visual system. */
html body .shell .hero{color:var(--ink);min-height:0}
html body .shell .hero :is(.intro,.eyebrow){color:var(--ink)}
html body :is(#collections-grid,#others) .unit-card{background:transparent;border:0;border-radius:0}
html body :is(#collections-grid,#others) .unit-card:hover{background:var(--soft)}
html body :is(#collections-grid,#others) .unit-content{padding:28px 150px 28px 0;border-top:1px solid var(--line);min-height:160px}
html body :is(#collections-grid,#others) h3{font-family:var(--display);font-size:24px;font-weight:310;letter-spacing:0}
html body .shell .empty{border-radius:2px;background:var(--soft)}
@media(max-width:760px){html body :is(#collections-grid,#others) .unit-content{padding:20px 110px 20px 0;min-height:136px}html body :is(#collections-grid,#others) h3{font-size:20px}}
html body :is(.summary,.calendar-head,.product-info) h2{font-size:24px}
html body[data-bb-inner] button{text-decoration:none;border-radius:2px}
html body .tabs button{padding:12px;min-height:44px;border:0;border-radius:2px}
html body .tabs button[aria-current]{background:var(--soft)}
html body .stats strong{font-family:var(--display);font-weight:310}
html body .shell .hero .eyebrow{font:500 14px/1 Inter;letter-spacing:0;text-transform:uppercase}

/* Editorial wrapping only: preserve copy, type size, controls and intentional breaks. */
main p{ text-wrap:pretty; }
:is(.intro-copy,.pieces-heading,.contact-route,.page-outro>div,.step-heading)>p:not(.eyebrow){text-wrap:balance}

/* Transaction pages retain compact tasks; editorial joins use the reviewed spacing. */
body[data-bb-inner]{--bb-editorial-space:clamp(96px,9vw,160px)}
html body .shell[data-page=home] .hero{padding-bottom:0;margin-bottom:var(--bb-editorial-space)}
.shell[data-page=home] .hero>div:first-child{display:flex;flex-direction:column;align-items:flex-start;gap:24px}
html body .shell[data-page=home] .hero :is(h1,p,.button){margin:0}
html body .shell .section-head{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:32px}
html body .shell .send-on{display:flex;flex-direction:column;align-items:flex-start;gap:24px;margin-top:var(--bb-editorial-space);padding-block:48px}
.shell .send-on>div{display:flex;flex-direction:column;align-items:flex-start;gap:20px}
html body .shell .send-on :is(h2,p){margin:0}
html body .shell[data-page=collection]>section:not(.drink-range){margin-top:var(--bb-editorial-space)}
.custom-intro>p:last-child,.shell .hero .intro,.shell .send-on p{ text-wrap:balance }
html body #custom-form fieldset{margin-bottom:48px}
#custom-form>.fineprint{max-width:56ch;margin-block:8px 24px;text-wrap:pretty}
#custom-review .form-actions{margin-top:24px}
html body .product-page .detail-story{padding-top:var(--bb-editorial-space)}
@media(max-width:760px){
 body[data-bb-inner]{--bb-editorial-space:72px}
 html body .shell[data-page=home] .hero{margin-bottom:var(--bb-editorial-space);padding-bottom:0}
 .shell[data-page=home] .hero>div:first-child{gap:20px}
 html body .shell[data-page=home] .hero .media{margin-top:32px}
 html body .shell .send-on{padding-block:36px}
 html body #custom-form fieldset{margin-bottom:36px}
}

/* Prevent legacy page button colours from overriding shared hover/focus contrast. */
html body[data-bb-inner] .bb-cta{color:var(--control-fg)}

/* Shared polish: legacy templates keep the same content edges and control geometry. */
html body .skip{position:fixed;left:16px;top:-100px;z-index:100;padding:12px;background:var(--surface)}
html body .skip:focus{top:12px}
html body .product-detail .bb-cta{width:fit-content;min-width:0;align-self:flex-start}
html body .product-detail .gallery-main{padding:0}
html body .product-detail .product-accordions summary{line-height:1.4}
html body .cart:has(#lines[hidden]) .ticket{background:var(--soft);padding:clamp(24px,4vw,48px)}
html body .empty-cart>p:first-child{font-weight:310;line-height:1.15;letter-spacing:0;margin:0 0 24px;text-wrap:balance}
html body .empty-cart .bb-cta{margin-top:0}
html body .shell .browse-actions:not(:has(button:not([hidden]))){display:none}
html body .missing-page{padding:var(--bb-editorial-space) var(--gutter);min-height:50svh}
.missing-page h1{margin:0 0 28px;max-width:20ch}
.missing-page>p{max-width:48ch;line-height:1.5;margin:0}
.missing-page .miss-actions{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;margin-top:32px;max-width:none}
.miss-actions>a[href^="tel:"]{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:600px){
 html body :is(#collections-grid,#others) .unit-content{padding:20px 0 116px;min-height:220px;justify-content:flex-start}
 html body :is(#collections-grid,#others) h3{font-size:22px;line-height:1.15;max-width:100%}
 html body :is(#collections-grid,#others) .unit-content p{margin:8px 0 0;max-width:22ch;line-height:1.5}
 html body :is(#collections-grid,#others) .collection-thumb{width:96px;height:96px;right:0;top:auto;bottom:8px;transform:none}
 html body .missing-page h1{font-size:40px}
}

/* Keep the main next step easy to find and tap on small screens. */
@media(max-width:600px){
 html body[data-bb-inner] .actions>.primary{width:100%;margin-left:0}
 html body[data-bb-inner] .form-actions>.bb-cta{width:100%}
}

/* Selection feedback uses the same olive family as the next-step action. */
html body[data-bb-inner] .selected-label{background:var(--bb-action);color:var(--bb-action-text)}
html body[data-bb-inner] .hero-product.selected .stepper button{background:var(--bb-action-soft);border-color:var(--bb-action-border);color:var(--bb-secondary-text)}
html body[data-bb-inner] .hero-product.selected .stepper button:hover:not(:disabled){background:var(--bb-action);color:var(--bb-action-text)}

/* Shared public email supplied by the owners. */
.bb-footer-email{display:block;margin-top:12px;font-size:14px;line-height:1.5;overflow-wrap:anywhere}

/* Included keg choices share the same price hierarchy on hire cards and in the planner. */
html body .hire-package-picker{min-width:0;border:0;padding:0;margin:0;color:var(--ink);font:400 14px/1.35 Inter,sans-serif}
.hire-package-picker legend{padding:0;margin-bottom:8px;font-weight:500}
.hire-package-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.hire-package-options label{position:relative;display:grid;min-width:0;cursor:pointer}
.hire-package-options input{position:absolute;opacity:0}
.hire-package-copy{display:grid;gap:4px;min-width:0;padding:10px;border:1px solid var(--line);border-radius:2px}
.hire-package-options label:hover .hire-package-copy{border-color:var(--olive)}
.hire-package-options input:checked+.hire-package-copy{border-color:var(--olive);box-shadow:inset 0 0 0 1px var(--olive);background:var(--bb-action-soft)}
.hire-package-options input:focus-visible+.hire-package-copy{outline:2px solid var(--olive);outline-offset:2px}
.hire-package-size{font-weight:500}
.hire-package-price{font-weight:600}
html body .hire-shell .product-meta:has(.hire-package-picker){display:grid;grid-template-columns:minmax(0,1fr)}
@media(max-width:420px){.hire-package-copy{padding:8px 6px}.hire-package-options{gap:6px}html body .hire-package-picker{font-size:13px}}