body{margin:0;background:#faf3e8}
.tep{--champagne:#faf3e8;--linen:#f4ebdb;--blush:#f2dcce;--sage-pale:#cecbae;--bourbon:#5b3a29;--muted:#75553f;--link:#7e4f33;--sage:#56614a;--sage-dk:#47513d;--honey:#d4a24c;--peach:#ebc098;--line:#dbd2c2;--line-strong:#8a7a6a;--display:"Italiana","Cormorant Garamond",Didot,Georgia,serif;--sans:"Jost",Futura,"Century Gothic","Avenir Next",system-ui,sans-serif;background:var(--champagne);color:var(--bourbon);font-family:var(--sans);font-size:17px;line-height:28px;-webkit-font-smoothing:antialiased}
.tep *{box-sizing:border-box}
.tep h1,.tep h2,.tep h3{font-family:var(--display);font-weight:400;margin:0;text-wrap:balance}
.tep p{margin:0}
.tep a{color:var(--link)}
.tep a:hover{color:var(--bourbon)}
.wrap{max-width:1200px;margin:0 auto;padding-inline:48px}
.eyebrow{font:500 12px/16px var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--muted);display:inline-flex;align-items:center;gap:12px}
.eyebrow::before{content:"";width:32px;height:1px;background:var(--honey)}
.eyebrow.center::after{content:"";width:32px;height:1px;background:var(--honey)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 30px;border-radius:999px;font:500 13px/18px var(--sans);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border:1px solid transparent;cursor:pointer;white-space:nowrap}
.tep a.btn-primary,.tep .btn-primary{background:var(--sage);color:var(--champagne)}
.tep a.btn-primary:hover{background:var(--sage-dk);color:var(--champagne)}
.tep a.btn-secondary{background:transparent;color:var(--bourbon);border-color:var(--bourbon)}
.tep a.btn-secondary:hover{background:var(--bourbon);color:var(--champagne)}
.tep a.btn-sm{min-height:44px;padding:0 22px}
.tep a.btn-dark{background:transparent;color:var(--champagne);border-color:var(--peach)}
.tep a.btn-dark:hover{background:var(--peach);color:var(--bourbon)}
.tep a.textlink{display:inline-flex;align-items:center;gap:8px;font:500 13px/18px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--bourbon);text-decoration:none;border-bottom:1px solid var(--honey);padding-bottom:6px;min-height:32px}
.tep a.textlink:hover{border-bottom-color:var(--bourbon)}
.tep a:focus-visible,.tep button:focus-visible{outline:2px solid var(--sage);outline-offset:3px}
.tep footer a:focus-visible{outline-color:var(--peach)}
.arch{position:relative;margin:0}
.arch::before{content:"";position:absolute;inset:-12px 12px 12px -12px;border:1px solid var(--honey);border-radius:1000px 1000px 0 0}
.arch img{position:relative;display:block;width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:1000px 1000px 0 0}
.nav{display:flex;align-items:center;gap:28px;list-style:none;margin:0;padding:0}
.tep .nav a{display:inline-flex;align-items:center;gap:6px;font:500 13px/18px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--bourbon);text-decoration:none;padding:12px 0;border-bottom:1px solid transparent}
.tep .nav a:hover{border-bottom-color:var(--honey)}
.dd{position:relative}
.dd-menu{display:none;position:absolute;top:100%;left:-24px;z-index:20;min-width:260px;margin:0;padding:12px 0;list-style:none;background:#faf3e8;border:1px solid #dbd2c2;border-radius:6px;box-shadow:0 1px 2px rgba(91,58,41,.06),0 12px 32px rgba(91,58,41,.10)}
.dd:hover .dd-menu,.dd:focus-within .dd-menu{display:block}
.tep .nav .dd-menu a{display:block;padding:10px 24px;font:400 15px/24px var(--sans);letter-spacing:0;text-transform:none;border-bottom:0}
.tep .nav .dd-menu a:hover{background:#f4ebdb}
.dd-note{display:block;font-size:13px;line-height:18px;color:#75553f}
.menu-btn{display:none}
.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:96px;align-items:center}
.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.six{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.foot{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.4fr;gap:48px}
.hero-title{font-size:76px;line-height:80px;letter-spacing:.01em}
.page-title{font-size:56px;line-height:62px;letter-spacing:.01em}
.h1{font-size:40px;line-height:48px;letter-spacing:.01em}
.h2{font-size:30px;line-height:38px;letter-spacing:.02em}
.lead{font-size:21px;line-height:34px;font-weight:300}
.video{position:relative;height:680px;overflow:hidden;background:#ddb66a}
.video img{width:100%;height:100%;object-fit:cover;object-position:50% 62%;display:block}
.tile{display:block;aspect-ratio:1/1;overflow:hidden;border-radius:6px}
.tile img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.tile:hover img{transform:scale(1.03)}
.card-img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:6px}
.slats{background-color:#cfa152;background-image:url("/assets/slat-texture.svg");background-size:auto 320px;background-repeat:repeat}
@media (max-width:1100px){
.nav{display:none}
.menu-btn{display:inline-flex}
.call-text{display:none}
}
@media (max-width:860px){
.wrap{padding-inline:20px}
.two{grid-template-columns:1fr;gap:56px}
.three{grid-template-columns:1fr;gap:48px}
.six{grid-template-columns:repeat(3,minmax(0,1fr))}
.foot{grid-template-columns:1fr 1fr;gap:40px}
.hero-title{font-size:44px;line-height:48px}
.page-title{font-size:38px;line-height:44px}
.h1{font-size:32px;line-height:40px}
.lead{font-size:19px;line-height:30px}
.video{height:420px}
.sec{padding-block:64px!important}
.order-first{order:-1}
.hdr{min-height:64px!important;padding-inline:16px!important}
.hdr-logo{height:34px!important}
.hdr .btn-sm{padding:0 16px}
}
.four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.faq{border-top:1px solid #dbd2c2}
.faq:last-child{border-bottom:1px solid #dbd2c2}
.faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;cursor:pointer;font-family:var(--display);font-size:28px;line-height:36px}
.faq summary::-webkit-details-marker{display:none}
.faq[open] .faq-icon{transform:rotate(45deg)}
.faq-icon{flex-shrink:0;transition:transform .2s ease}
@media (max-width:860px){.four{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.faq summary{font-size:24px;line-height:32px}}
.quote-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:80px}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 20px}
.fld{display:flex;flex-direction:column;gap:8px;min-width:0}
.fld.full{grid-column:1/-1}
.fld label,.fld legend{font:500 13px/18px var(--sans);letter-spacing:.02em;color:#5b3a29;padding:0}
.fld .opt{font-weight:400;color:#75553f}
.inp{width:100%;min-height:48px;padding:12px 14px;border:1px solid #8a7a6a;border-radius:2px;background:#faf3e8;font:400 16px/24px var(--sans);color:#5b3a29}
.inp::placeholder{color:#8a7a6a}
.inp:focus{outline:2px solid #56614a;outline-offset:2px}
textarea.inp{min-height:112px;resize:vertical}
.sel{position:relative}
.sel select.inp{appearance:none;padding-right:40px}
.sel svg{position:absolute;right:14px;bottom:18px;pointer-events:none}
fieldset.fld{border:0;margin:0;padding:0}
.pills{display:flex;flex-wrap:wrap;gap:10px}
.pill{position:relative;display:inline-flex}
.pill input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.pill span{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:1px solid #8a7a6a;border-radius:999px;font-size:15px;background:#faf3e8}
.pill input:checked+span{background:#cecbae;border-color:#56614a}
.pill input:focus-visible+span{outline:2px solid #56614a;outline-offset:2px}
.pkg-card{display:flex;flex-direction:column;gap:20px;padding:40px;background:#f4ebdb;border:1px solid #d4a24c;border-radius:6px}
.upg{display:flex;flex-direction:column;gap:16px;padding:32px;background:#faf3e8;border:1px solid #dbd2c2;border-radius:6px}
@media (max-width:860px){.quote-grid{grid-template-columns:1fr;gap:48px}.quote-grid > div:first-child{position:static!important}.form-grid{grid-template-columns:1fr}.pkg-card{padding:28px}.form-card{padding:32px 20px!important}}
.chipnav{display:flex;flex-wrap:wrap;gap:10px}
.tep a.chiplink{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:1px solid #8a7a6a;border-radius:999px;font:500 12px/16px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#5b3a29;text-decoration:none}
.tep a.chiplink:hover{background:#cecbae;border-color:#56614a}
.ph{display:flex;align-items:center;justify-content:center;text-align:center;padding:32px;background:repeating-linear-gradient(135deg,#f4ebdb 0 12px,#efe4d1 12px 24px);border:1px dashed #8a7a6a;color:#75553f;font-size:15px;line-height:24px}
.menu-card{background:#faf3e8;border:1px solid #d4a24c;border-radius:1000px 1000px 6px 6px;padding:120px 40px 48px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px}
.faq-group{display:flex;flex-direction:column;gap:8px;scroll-margin-top:120px}
.masonry{columns:3 320px;column-gap:20px}
.masonry figure{break-inside:avoid;margin:0 0 20px}
.masonry img{width:100%;display:block;border-radius:6px}
.prose{max-width:680px;margin:0 auto;display:flex;flex-direction:column;gap:24px}
.prose h2{font-size:32px;line-height:40px;padding-top:16px}
.rv{display:flex;flex-direction:column;gap:20px;padding:32px;background:#faf3e8;border:1px solid #dbd2c2;border-radius:6px}
.vid{position:relative;aspect-ratio:9/16;border-radius:6px;overflow:hidden;background:#dbd2c2}
.vid img{width:100%;height:100%;object-fit:cover;display:block}
.vid .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:rgba(250,243,232,.92);display:flex;align-items:center;justify-content:center;color:#5b3a29}
.recipe-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:80px;align-items:start}
.towns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
@media (max-width:860px){.recipe-grid{grid-template-columns:1fr;gap:48px}.towns{grid-template-columns:repeat(2,minmax(0,1fr))}.masonry{columns:2 160px}}
@media (prefers-reduced-motion:reduce){.faq-icon{transition:none}.tile img{transition:none}}
@media (max-width:860px){.faq-grid{grid-template-columns:1fr}.faq-grid aside{position:static!important}.quote-grid{grid-template-columns:1fr;gap:48px}.quote-grid > div:first-child{position:static!important}.form-grid{grid-template-columns:1fr}.pkg-card{padding:28px}.form-card{padding:32px 20px!important}}
@media (min-width:861px){.faq-grid{grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:64px}}
/* ===== Site additions (coded build) ===== */
@font-face{font-family:"Italiana";src:url("/fonts/Italiana-Regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Jost";src:url("/fonts/Jost-Variable.woff2") format("woff2");font-weight:300 600;font-display:swap}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.tep img{max-width:100%}
.skip{position:absolute;left:-9999px;top:8px;z-index:100;background:var(--sage);color:var(--champagne)!important;padding:12px 20px;border-radius:999px;text-decoration:none}
.skip:focus{left:16px}
.hdr{position:sticky;top:0;z-index:40}
.dot-list{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;border-top:1px solid var(--line)}
.dot-list li{display:flex;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}
.dot-list li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--sage);flex-shrink:0}
.dot-list.sm li{font-size:15px;line-height:24px}
.small{font-size:15px;line-height:24px}
.muted{color:var(--muted)}
.label{font:500 12px/16px var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
.stack{display:flex;flex-direction:column}
.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:var(--sage-pale);font:500 12px/16px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--bourbon)}
.badge::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--sage)}
.video video{width:100%;height:100%;object-fit:cover;object-position:50% 62%;display:block}
/* Mobile menu (phone design: menu-open-phone) */
.mm{position:fixed;inset:0;z-index:60;display:none;flex-direction:column;background:var(--champagne);overflow-y:auto}
.mm.open{display:flex}
body.mm-lock{overflow:hidden}
.mm a{color:var(--bourbon);text-decoration:none}
.mm-top{display:flex;align-items:center;justify-content:space-between;min-height:60px;padding:0 16px;border-bottom:1px solid var(--line)}
.mm-close{width:44px;height:44px;border:0;background:transparent;color:var(--bourbon);display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer}
.mm nav{padding:8px 20px 0;flex:1}
.mm-row{display:flex;align-items:center;justify-content:space-between;min-height:56px;border-bottom:1px solid var(--line);font-family:var(--display);font-size:26px;line-height:34px;width:100%;background:none;border-left:0;border-right:0;border-top:0;padding:0;color:var(--bourbon);cursor:pointer;text-align:left}
.mm-sub{list-style:none;margin:0;padding:4px 0 16px 0;border-bottom:1px solid var(--line);display:none}
.mm-group.open .mm-sub{display:block}
.mm-group.open .chev svg{transform:rotate(180deg)}
.mm-sub a{display:flex;flex-direction:column;padding:10px 0 10px 16px;border-left:1px solid var(--honey);font-size:16px;line-height:24px}
.mm-sub small{font-size:13px;line-height:18px;color:var(--muted)}
.chev{width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--muted)}
.mm-actions{display:flex;flex-direction:column;gap:12px;padding:24px 20px}
.mm-actions .btn{width:100%}
/* Quick action bar: phones only */
.qab{display:none}
@media (max-width:560px){
.tep{font-size:16px;line-height:26px}
.hdr{min-height:60px!important}
.hdr-logo{height:30px!important}
.hdr .btn-sm,.hdr .call-text{display:none!important}
.hero-title{font-size:42px;line-height:46px}
.video{height:480px!important}
.video img,.video video{object-position:42% 62%!important}
.tep a.btn:not(.btn-sm){width:100%}
.tep a[href^="tel"]{white-space:nowrap}
.tep blockquote{font-size:28px!important;line-height:38px!important}
.slats{padding:64px 16px!important}
.slats > div{padding:104px 24px 40px!important}
.slats[role=presentation]{padding:0!important}
.foot{grid-template-columns:1fr 1fr!important;gap:40px 24px!important;padding-top:64px!important}
.foot > :first-child,.foot > :last-child{grid-column:1/-1}
.foot > :first-child img{width:128px!important;height:128px!important}
footer .wrap:last-child{flex-direction:column;align-items:stretch!important;padding-bottom:96px!important}
footer .wrap:last-child .btn{width:100%}
.quote-grid{gap:20px!important}
.quote-grid > div:first-child{display:contents!important}
.quote-grid > div:first-child > div{order:2}
.quote-grid > form{order:1;margin:20px 0 28px}
.form-card{border-radius:175px 175px 6px 6px!important;padding:96px 20px 32px!important}
.qab{position:fixed;bottom:0;left:0;right:0;z-index:50;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px 16px calc(14px + env(safe-area-inset-bottom));background:rgba(250,243,232,.97);border-top:1px solid var(--line);box-shadow:0 -8px 24px rgba(91,58,41,.08)}
.tep .qab .btn{width:100%;min-height:48px;padding:0 12px}
}
/* Form states */
.form-msg{display:none;padding:16px 20px;border-radius:6px;font-size:15px;line-height:24px}
.form-msg.err{display:block;background:#f2dcce;color:var(--bourbon)}
.fld .hint{font-size:13px;line-height:18px;color:var(--muted)}
.fld.invalid .inp{border-color:#9b3d2a}
.fld .err-text{display:none;font-size:13px;line-height:18px;color:#9b3d2a}
.fld.invalid .err-text{display:block}
.tep button.btn{font-family:var(--sans)}
.tep button.btn-primary:hover{background:var(--sage-dk)}
.tep button.btn[disabled]{opacity:.6;cursor:wait}
/* Hero video: desktop cut by default, square cut on phones */
.video .hero-mobile{display:none}
@media (max-width:560px){.video .hero-desktop{display:none}.video .hero-mobile{display:block}}
/* Drinks heading: soft pour-in (replaces the heading-pour embed) */
@keyframes tep-pour{from{background-position:0 0}to{background-position:0 100%}}
.pour-heading{background:linear-gradient(to top,#5b3a29 50%,#d4a24c 50%,#d4a24c 51.5%,rgba(91,58,41,.14) 51.5%) 0 0/100% 200%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:tep-pour 2.4s ease-out .3s both}
@media (prefers-reduced-motion:reduce){.pour-heading{animation:none;background:none;color:var(--bourbon)}}
.jf [hidden]{display:none!important}
/* Drinks strip video (Journal): 8:3 on desktop, square cut on phones */
.strip{position:relative;overflow:hidden;background:#faf3e8;aspect-ratio:8/3;max-height:560px;width:100%}
.strip video{width:100%;height:100%;object-fit:cover;display:block}
.strip .hero-mobile{display:none}
@media (max-width:560px){.strip{aspect-ratio:1/1;max-height:none}.strip .hero-desktop{display:none}.strip .hero-mobile{display:block}}
/* Animations: each [data-anim] waits until runtime/interact.js marks it .in, plays once,
   and .done (already played before a live refresh) shows the end state. */
[data-anim]:not(.in) *,[data-anim]:not(.in)::before,[data-anim]:not(.in)::after,[data-anim]:not(.in){animation-play-state:paused!important}
[data-anim].done *,[data-anim].done::before,[data-anim].done::after,[data-anim].done{animation:none!important}
@keyframes a-draw{from{stroke-dashoffset:1;opacity:0}6%{opacity:1}to{stroke-dashoffset:0;opacity:1}}
@keyframes a-fade{from{opacity:0}}
@keyframes a-up{from{opacity:0;transform:translateY(32px)}}
/* Garnish drop (Thank you) */
.garnish{width:220px;height:242px;margin:0 auto 8px}
.garnish .a-draw{stroke-dasharray:1 2;animation:a-draw .9s cubic-bezier(.45,0,.25,1) both}
.garnish .a-fade{animation:a-fade .6s ease-out both}
.garnish .a-drop{animation:a-drop 1.2s 1.2s both}
@keyframes a-drop{0%{transform:translate(150px,-330px) rotate(220deg);opacity:0;animation-timing-function:cubic-bezier(.5,0,.9,.45)}8%{opacity:1}55%{transform:translate(0,6px) rotate(-10deg);animation-timing-function:cubic-bezier(.3,.6,.4,1)}75%{transform:translate(0,-4px) rotate(5deg);animation-timing-function:cubic-bezier(.4,0,.4,1)}88%{transform:translate(0,1px) rotate(-2deg)}100%{transform:none}}
/* Arch photo, poured in (Our story): gold stream, the photo rises behind it, outline follows */
.pour-in::before{animation:a-outline 2.2s .1s cubic-bezier(.45,0,.25,1) both}
.pour-in::after{content:"";position:absolute;left:50%;top:-80px;width:2.5px;height:calc(100% + 80px);margin-left:-1px;border-radius:2px;background:#d4a24c;animation:a-stream 2.6s .3s both;pointer-events:none}
.pour-in img{animation:a-rise 1.8s .6s cubic-bezier(.3,0,.4,1) both}
@keyframes a-outline{from{clip-path:inset(100% 0 0 0);opacity:0}10%{opacity:1}to{clip-path:inset(0 0 0 0)}}
@keyframes a-stream{0%{clip-path:inset(0 0 100% 0);animation-timing-function:cubic-bezier(.5,0,1,1)}11.5%{clip-path:inset(0 0 0 0);animation-timing-function:cubic-bezier(.3,0,.4,1)}80.8%{clip-path:inset(0 0 85% 0);opacity:1;animation-timing-function:cubic-bezier(.5,0,1,1)}100%{clip-path:inset(15% 0 85% 0);opacity:0}}
@keyframes a-rise{from{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}
.pour-in{overflow:visible}
/* Quote band, slats rise (Home): slats rise from the middle out, then the card settles */
.rise{position:relative;overflow:hidden;background-image:none!important;background-color:#faf3e8!important}
.rise-slats{position:absolute;inset:0;display:flex;justify-content:center;overflow:hidden}
.rise-slats i{flex:0 0 22px;height:100%;border-right:3px solid #8e6a30;box-shadow:inset 1.2px 0 0 rgba(240,213,154,.55);animation:a-slat 1.1s cubic-bezier(.2,.75,.2,1) both}
@keyframes a-slat{from{transform:translateY(101%)}}
.rise .rise-card{position:relative;z-index:1;animation:a-up .9s .7s cubic-bezier(.2,.7,.2,1) both}
@media (prefers-reduced-motion:reduce){[data-anim] *,[data-anim]::before,[data-anim]::after,[data-anim]{animation:none!important}.pour-in::after{display:none}}

/* Themes lookbook */
.lb{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:88px;align-items:center}
.lb.flip{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.lb.flip .lb-photos{order:2}
.lb-photos{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);grid-template-rows:auto auto;gap:24px;align-items:end;padding:12px 0 0 12px}
.lb-main{grid-row:1 / span 2}
.lb-small{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:6px}
.lb-text{display:flex;flex-direction:column;gap:20px;min-width:0}
.lb-feel{font:500 13px/20px var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#56614a;margin:0}
.lb-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.lb-chips li{display:inline-flex;align-items:center;min-height:32px;padding:0 14px;border-radius:999px;background:#cecbae;color:#3f4836;font-size:14px}
.lb-menu{margin-top:8px;border:1px solid #d4a24c;border-radius:6px;padding:28px 28px 12px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.lb-menu-title{font:400 26px/32px Italiana,Georgia,serif;letter-spacing:.12em;text-transform:uppercase}
.lb-menu ul{list-style:none;margin:0;padding:0;width:100%}
.lb-menu li+li{border-top:1px solid #dbd2c2}
.tep a.lb-drink{display:flex;flex-direction:column;gap:2px;padding:16px 8px;color:#5b3a29;text-decoration:none;min-height:44px}
.tep a.lb-drink:hover .lb-dname{text-decoration:underline;text-decoration-color:#d4a24c;text-underline-offset:6px}
.lb-dname{font:400 24px/32px Italiana,Georgia,serif}
.lb-dline{font-size:15px;line-height:22px;color:#75553f}
.lb-dmock{font:500 11px/18px var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#56614a}
@media (max-width:860px){.lb,.lb.flip{grid-template-columns:1fr;gap:48px}.lb.flip .lb-photos{order:0}.lb-photos{gap:14px}.lb-menu{padding:24px 16px 8px}.lb-dname{font-size:22px;line-height:30px}}
.lb-photos.solo{grid-template-columns:1fr}.lb-photos.solo .lb-main{grid-row:auto}.lb.nophoto{grid-template-columns:minmax(0,720px)}
span.lb-drink{display:flex;flex-direction:column;gap:2px;padding:16px 8px}

/* Phone tuning (2026-10-10) */
@media (max-width:600px){
.eyebrow{letter-spacing:.18em;gap:10px}
.eyebrow::before,.eyebrow.center::after{width:20px}
.post-cover{padding-bottom:0!important}
.slats .eyebrow.center::before,.slats .eyebrow.center::after{display:none}
.post-cover img{aspect-ratio:4/3!important}
}
/* Landscape photos get a squarer arch so less of the picture is cut away. */
.arch.wide img{aspect-ratio:1/1}
/* Home banner: one photo, framed rather than full-bleed so the menu isn't cropped. */
.banner{background:#faf3e8;padding:0 0 96px}
.banner-photo{position:relative;margin:0 auto;max-width:1040px;padding:0 0 0 12px}
.banner-photo::before{content:"";position:absolute;inset:-12px 12px 12px 0;border:1px solid var(--honey);border-radius:6px}
.banner-photo img{position:relative;display:block;width:100%;aspect-ratio:7/5;object-fit:cover;object-position:var(--pos);border-radius:6px}
@media (max-width:560px){.banner{padding-bottom:64px}.banner-photo img{aspect-ratio:1/1;object-position:var(--phone-pos)}}
.walk video{position:relative;display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:6px;background:#e9dcc4}
@media (max-width:560px){.walk video{aspect-ratio:4/3}}
/* Packages: four tiers in the lookbook's back-and-forth layout, then upgrades (2026-10-15) */
.tier-desc{display:flex;flex-direction:column;gap:12px;font-size:19px;line-height:30px;font-weight:300}
.tier-inc{display:flex;flex-direction:column;gap:4px;padding-top:4px}
.tier-inc .dot-list li{align-items:baseline;font-size:16px;line-height:24px}
.tier-inc .dot-list li::before{transform:translateY(-3px)}
.tier-price{margin:0;font:400 32px/40px Italiana,Georgia,serif}
.tier-price span{display:block;font:400 13px/20px var(--sans);color:#75553f}
.tier-cta{display:flex;flex-wrap:wrap;align-items:center;gap:20px 32px;padding-top:8px}
.upg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 48px;border-top:1px solid #d4a24c}
.upg-item{display:flex;flex-direction:column;gap:12px;padding:32px 0;border-bottom:1px solid #dbd2c2}
.upg-desc{display:flex;flex-direction:column;gap:10px;font-size:15px;line-height:24px;color:#75553f}
.upg-photo{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:6px;margin-bottom:8px}
@media (max-width:960px){.upg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.upg-grid{grid-template-columns:1fr}.upg-item{padding:24px 0}.tier-desc{font-size:17px;line-height:28px}.tier-cta .btn{width:100%;justify-content:center}}