/* Douglas Saunders: editorial, original-photo-first visual system */
:root{
  --ink:#17211d;--ink-soft:#35413a;--cream:#f5f1e8;--cream-deep:#e8e0d2;--white:#fffdf8;
  --copper:#bd6647;--warm:#d8aa68;--line:rgba(23,33,29,.17);--night:#18241f;
  --serif:Georgia,"Times New Roman",serif;--sans:"Helvetica Neue",Arial,system-ui,sans-serif;
  --width:1360px;--ease:cubic-bezier(.2,.7,.2,1);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:95px}
body{margin:0;background:var(--cream);color:var(--ink);font:400 16px/1.6 var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer}
img{display:block;max-width:100%;height:auto}
::selection{background:var(--warm);color:var(--ink)}
:focus-visible{outline:3px solid var(--copper);outline-offset:4px}
.skip-link{position:absolute;top:-100px;left:12px;z-index:200;padding:10px 14px;background:#fff;color:#111}
.skip-link:focus{top:12px}
.wrap{width:min(var(--width),calc(100% - 96px));margin-inline:auto}
.site-header{position:relative;z-index:90;background:var(--cream);border-bottom:1px solid var(--line)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:88px}
.brand{display:inline-flex;flex-direction:column;line-height:.95;font-family:var(--serif);letter-spacing:-.045em;font-size:31px;font-weight:700}
.brand span+span{font-size:18px;letter-spacing:.065em;margin-top:3px;font-family:var(--sans);font-weight:600}
.primary-nav{display:flex;gap:clamp(15px,2vw,34px);align-items:center}
.primary-nav a{font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;border-bottom:1px solid transparent;padding:6px 0}
.primary-nav a:hover,.primary-nav a[aria-current="page"]{border-color:var(--copper)}
.header-cta{font-size:12px;text-transform:uppercase;letter-spacing:.09em;font-weight:800;border:1px solid currentColor;padding:13px 20px;white-space:nowrap;transition:background .2s,color .2s}
.header-cta:hover{background:var(--ink);color:var(--cream)}
.menu-toggle{display:none;background:none;border:1px solid var(--line);color:var(--ink);padding:10px 14px;font-weight:700}
.pill-tag,.eyebrow{font-size:11px;line-height:1.5;letter-spacing:.18em;text-transform:uppercase;font-weight:800}
.eyebrow{color:var(--copper);display:block}
.eyebrow.light{color:var(--warm)}
.breadcrumb{font-size:12px;letter-spacing:.02em;color:#5c645e;padding:22px 0}
.breadcrumb a{text-decoration:underline;text-underline-offset:3px}
.hero{background:var(--ink);color:var(--cream);overflow:hidden}
.hero-inner{display:grid;grid-template-columns:minmax(0,1.33fr) minmax(340px,.67fr);gap:0;min-height:610px}
.hero-copy{padding:78px 46px 88px 0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.hero h1{font:normal clamp(62px,6.8vw,118px)/.94 var(--serif);letter-spacing:-.064em;max-width:940px;margin:26px 0 28px}
.hero h1 em{font-weight:400;color:var(--warm);font-style:italic}
.hero-intro{font-size:clamp(16px,1.35vw,19px);line-height:1.65;max-width:570px;color:#d5dfd5;margin:0 0 35px}
.actions{display:flex;flex-wrap:wrap;gap:12px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:17px 24px;border:1px solid transparent;text-transform:uppercase;font-size:12px;line-height:1.2;letter-spacing:.1em;font-weight:800;min-height:50px;transition:transform .2s var(--ease),background .2s,color .2s}
.btn:hover{transform:translateY(-2px)}
.btn-accent{background:var(--warm);color:var(--ink)}
.btn-accent:hover{background:#e4bd84}
.btn-ghost{border-color:rgba(255,255,255,.45);color:var(--white)}
.btn-ghost:hover{background:rgba(255,255,255,.09)}
.btn-line{border-color:var(--ink);color:var(--ink)}
.btn-line:hover{background:var(--ink);color:var(--cream)}
.hero-panel{border-left:1px solid rgba(255,255,255,.18);position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:flex-start;padding:40px;background:radial-gradient(circle at 90% 15%,#3b4b3e 0%,#1b2a22 49%,#121f1a 100%)}
.hero-panel.has-image{padding:0}
.hero-panel img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
.hero-panel::before{content:"";position:absolute;width:clamp(280px,38vw,630px);aspect-ratio:1;border:1px solid rgba(216,170,104,.33);border-radius:50%;top:12%;left:30%;transform:translateX(-17%)}
.hero-panel::after{content:"";position:absolute;width:clamp(240px,24vw,450px);aspect-ratio:1;border:1px solid rgba(216,170,104,.2);border-radius:50%;top:23%;left:38%}
.hero-panel.has-image::before,.hero-panel.has-image::after{display:none}
.hero-insignia{font:normal clamp(175px,20vw,330px)/.75 var(--serif);letter-spacing:-.14em;color:rgba(246,241,230,.1);position:absolute;top:39%;left:12%;transform:translateY(-20%);user-select:none}
.hero-caption{position:relative;z-index:1;border-top:1px solid rgba(255,255,255,.4);padding:19px 0;width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;text-transform:uppercase;font-size:10px;letter-spacing:.16em;font-weight:800}
.hero-caption strong{color:var(--warm);font-weight:800}
.hero-panel.has-image .hero-caption{background:rgba(14,23,17,.7);padding:22px}
.hero-stat{display:flex;gap:18px;align-items:center;margin-top:42px;color:#bdc7bf;max-width:620px;font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.hero-stat span{height:1px;min-width:50px;background:var(--warm)}
.review-section{background:var(--cream-deep);border-bottom:1px solid var(--line);padding:28px 0 44px;overflow:hidden}
.review-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:17px}
.review-heading h2{font:normal clamp(28px,3vw,42px)/1.05 var(--serif);letter-spacing:-.04em;margin:0}
.review-heading .eyebrow{margin-bottom:9px}
.review-controls{display:flex;gap:12px;align-items:center}
.text-link{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;text-decoration:underline;text-underline-offset:6px;text-decoration-color:var(--copper)}
.pause-button{border:1px solid var(--ink);padding:8px 12px;background:transparent;color:var(--ink);font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:800;min-width:74px}
.marquee-window{overflow:hidden}
.marquee-track{display:flex;gap:0;width:max-content;animation:marquee 58s linear infinite;transform:translateZ(0)}
.marquee-window:hover .marquee-track,.marquee-window:focus-within .marquee-track,.marquee-window.is-paused .marquee-track{animation-play-state:paused}
.marquee-group{display:flex;gap:16px;padding-right:16px;flex:none}
@keyframes marquee{to{transform:translateX(-50%)}}
.review-card{display:flex;flex-direction:column;justify-content:space-between;gap:20px;width:340px;min-height:215px;padding:25px;background:var(--white);border:1px solid rgba(23,33,29,.11);white-space:normal}
.review-card .stars{color:#a85b3d;letter-spacing:.12em;font-size:15px}
.review-card blockquote{margin:0;font:normal 24px/1.19 var(--serif);letter-spacing:-.025em}
.review-card.is-link blockquote{font-size:22px}
.review-card small{font-size:11px;letter-spacing:.09em;text-transform:uppercase;font-weight:700;color:#686b62}
.review-card a{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-decoration:underline;text-decoration-color:var(--copper);text-underline-offset:4px}
.review-card .review-photo{height:125px;width:100%;object-fit:cover;margin-bottom:2px}
.page-section{padding:clamp(74px,8vw,130px) 0}
.section-head{max-width:850px}
.display-title{font:normal clamp(52px,6.2vw,104px)/.98 var(--serif);letter-spacing:-.06em;margin:18px 0 28px}
.section-intro{font-size:clamp(17px,1.7vw,23px);line-height:1.5;color:var(--ink-soft);max-width:760px}
.feature-grid{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;gap:30px}
.feature-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:50px 4vw 50px 0}
.feature-copy h2{font:normal clamp(55px,5.7vw,92px)/.98 var(--serif);letter-spacing:-.06em;margin:18px 0 25px}
.feature-copy p{font-size:18px;line-height:1.65;max-width:520px;color:var(--ink-soft)}
.feature-media{background:#d9cab4;min-height:560px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}
.feature-media img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
.feature-media:not(.has-image){background:linear-gradient(140deg,#e5d0a4,#c98b66 56%,#8a4c3c)}
.feature-type{font:normal clamp(75px,12vw,200px)/.9 var(--serif);letter-spacing:-.12em;padding:40px 22px;color:rgba(255,246,228,.7);position:absolute;top:27%;left:4%;transform:rotate(-10deg)}
.feature-caption{position:relative;z-index:2;margin:20px 28px 30px;border-top:1px solid rgba(37,36,24,.5);padding-top:18px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:#352f22}
.feature-media.has-image .feature-caption{background:rgba(245,241,232,.87);padding:18px;margin:0 0 20px 0}
.three-up{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:42px}
.story-card{background:var(--white);padding:36px;min-height:340px;display:flex;flex-direction:column;align-items:flex-start;border-top:3px solid var(--copper)}
.story-card .card-index{color:var(--copper);font-size:11px;font-weight:800;letter-spacing:.12em}
.story-card h3{font:normal clamp(29px,2.65vw,40px)/1.05 var(--serif);letter-spacing:-.04em;margin:40px 0 15px}
.story-card p{color:var(--ink-soft);margin:0;font-size:15px}
.story-card a{margin-top:auto;padding-top:25px}
.band{background:var(--night);color:var(--cream);padding:clamp(75px,9vw,150px) 0}
.band .eyebrow{color:var(--warm)}
.band h2{font:normal clamp(60px,8vw,140px)/.93 var(--serif);letter-spacing:-.065em;margin:22px 0 33px;max-width:1120px}
.band h2 em{color:var(--warm);font-style:italic}
.band p{max-width:690px;font-size:19px;color:#cad3c9}
.band-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.2);padding-top:30px;margin-top:68px;gap:28px}
.band-footer small{font-size:11px;text-transform:uppercase;letter-spacing:.12em}
.location-block{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.7fr);gap:60px}
.location-block h2{font:normal clamp(65px,7.5vw,114px)/.96 var(--serif);letter-spacing:-.07em;margin:19px 0 30px}
.location-block p{font-size:18px;max-width:570px;color:var(--ink-soft)}
.location-card{background:var(--cream-deep);padding:45px;display:flex;flex-direction:column;justify-content:space-between;min-height:390px}
.location-card .big-number{font:normal clamp(65px,8vw,110px)/.85 var(--serif);letter-spacing:-.07em;color:var(--copper);margin:10px 0}
.location-card h3{font:normal 30px/1.07 var(--serif);margin:0 0 10px}
.location-card p{font-size:14px;margin:0 0 28px}
.page-hero{padding:65px 0 100px;border-bottom:1px solid var(--line)}
.page-hero h1{font:normal clamp(68px,9vw,150px)/.91 var(--serif);max-width:1170px;letter-spacing:-.075em;margin:25px 0}
.page-hero .lead{font-size:clamp(19px,2.2vw,29px);line-height:1.45;max-width:850px;color:var(--ink-soft);margin:0}
.page-hero-meta{display:flex;justify-content:space-between;gap:20px;margin-top:75px;border-top:1px solid var(--line);padding-top:22px;font-size:12px;letter-spacing:.07em;text-transform:uppercase}
.article-section{padding:90px 0;border-bottom:1px solid var(--line)}
.article-grid{display:grid;grid-template-columns:.43fr 1fr;gap:clamp(40px,8vw,140px)}
.article-section h2{font:normal clamp(42px,5vw,74px)/1.04 var(--serif);letter-spacing:-.055em;margin:0 0 24px}
.article-section p{font-size:19px;color:var(--ink-soft);line-height:1.75;max-width:790px;margin:0 0 20px}
.article-section .eyebrow{margin-top:14px}
.article-section .text-link{display:inline-block;margin-top:24px}
.article-section ul{margin:20px 0;padding-left:24px;font-size:18px}
.faqs{padding:85px 0 110px}
.faqs h2{font:normal clamp(44px,5vw,76px)/1 var(--serif);letter-spacing:-.06em}
.faq-list{border-top:1px solid var(--line);max-width:960px}
.faq-list details{border-bottom:1px solid var(--line);padding:26px 0}
.faq-list summary{cursor:pointer;font-weight:700;font-size:19px;list-style:none;display:flex;justify-content:space-between;gap:20px}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:"+";font:normal 30px/1 var(--serif);color:var(--copper)}
.faq-list details[open] summary:after{content:"−"}
.faq-list p{max-width:800px;color:var(--ink-soft);font-size:17px;line-height:1.65}
.review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:50px 0}
.review-grid .review-card{width:auto;min-height:270px}
.review-note{font-size:13px;color:var(--ink-soft);max-width:820px}
.related{background:var(--cream-deep);padding:70px 0}
.related h2{font:normal clamp(42px,5vw,70px)/1 var(--serif);letter-spacing:-.055em;margin:14px 0 40px}
.related-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.related-links a{background:var(--white);padding:30px;min-height:185px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s}
.related-links a:hover{transform:translateY(-4px)}
.related-links span{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--copper);font-weight:800}
.related-links strong{font:normal clamp(25px,3vw,36px)/1.1 var(--serif);letter-spacing:-.04em}
.site-footer{background:var(--night);color:var(--cream);padding:75px 0 26px}
.footer-grid{display:grid;grid-template-columns:1.1fr .6fr .6fr;gap:60px}
.footer-brand{font:normal clamp(44px,4.5vw,77px)/.93 var(--serif);letter-spacing:-.055em;margin-bottom:20px}
.footer-grid p{color:#c2ccc1;font-size:14px;max-width:370px}
.footer-grid h2{font:700 11px/1.5 var(--sans);text-transform:uppercase;letter-spacing:.14em;color:var(--warm)}
.footer-links{display:grid;gap:14px;margin-top:20px}
.footer-links a{font-size:14px;line-height:1.3}
.footer-links a:hover{text-decoration:underline}
.footer-bottom{border-top:1px solid rgba(255,255,255,.2);margin-top:68px;padding-top:24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;color:#a7b6ac;font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.footer-bottom a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:1100px){
 .wrap{width:min(var(--width),calc(100% - 60px))}
 .primary-nav{gap:15px}
 .primary-nav a{font-size:11px}
 .hero-inner{grid-template-columns:1.17fr .83fr}
 .hero h1{font-size:clamp(64px,7.5vw,95px)}
 .hero-copy{padding-right:32px}
 .review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:830px){
 .nav-inner{min-height:74px}
 .brand{font-size:28px}
 .header-cta{display:none}
 .menu-toggle{display:inline-block}
 .primary-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--cream);border-bottom:1px solid var(--line);padding:18px 30px 28px;box-shadow:0 18px 20px rgba(0,0,0,.07)}
 .primary-nav.is-open{display:flex;align-items:stretch;flex-direction:column;gap:6px}
 .primary-nav a{padding:12px 0;font-size:13px;border-bottom:1px solid var(--line)}
 .hero-inner{grid-template-columns:1fr;min-height:unset}
 .hero-copy{padding:70px 0}
 .hero h1{font-size:clamp(57px,11vw,94px)}
 .hero-panel{min-height:290px;border-left:0;border-top:1px solid rgba(255,255,255,.2)}
 .hero-insignia{font-size:220px;top:42%}
 .feature-grid,.location-block{grid-template-columns:1fr}
 .feature-copy{padding:0 0 35px}
 .feature-media{min-height:370px}
 .three-up{grid-template-columns:1fr;gap:13px}
 .story-card{min-height:260px}
 .story-card h3{margin:25px 0 15px}
 .article-grid{grid-template-columns:1fr;gap:20px}
 .article-section{padding:60px 0}
 .page-hero{padding:45px 0 70px}
 .page-hero-meta{margin-top:48px}
 .footer-grid{grid-template-columns:1fr 1fr;gap:30px}
 .footer-grid>div:first-child{grid-column:1/-1}
}
@media(max-width:570px){
 .wrap{width:calc(100% - 36px)}
 .hero-copy{padding:59px 0}
 .hero h1{font-size:clamp(54px,14.2vw,85px);margin:18px 0 24px}
 .hero-intro{font-size:16px}
 .hero-stat{font-size:10px}
 .review-heading{align-items:flex-start;flex-direction:column}
 .review-controls{width:100%;justify-content:space-between}
 .review-card{width:295px;min-height:215px;padding:21px}
 .review-card blockquote{font-size:21px}
 .page-section{padding:70px 0}
 .display-title{font-size:clamp(48px,12vw,76px)}
 .feature-copy h2{font-size:clamp(48px,12vw,77px)}
 .feature-media{min-height:310px}
 .page-hero h1{font-size:clamp(62px,13.5vw,92px)}
 .page-hero .lead{font-size:19px}
 .page-hero-meta{flex-direction:column}
 .article-section h2{font-size:clamp(43px,10vw,64px)}
 .article-section p{font-size:17px}
 .review-grid{grid-template-columns:1fr}
 .location-card{min-height:300px;padding:27px}
 .related-links{grid-template-columns:1fr}
 .related-links a{min-height:130px}
 .footer-grid{grid-template-columns:1fr 1fr}
 .footer-brand{font-size:56px}
 .footer-bottom{line-height:1.7}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:0s!important}
}


/* Menu-verified original drinks: editorial rather than generic cocktail stock imagery */
.drink-showcase{padding:clamp(76px,8vw,126px) 0;background:var(--cream-deep);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.drink-showcase-intro{display:grid;grid-template-columns:1.18fr .82fr;gap:60px;align-items:end;padding-bottom:34px}
.drink-showcase-intro h2{font:normal clamp(55px,6.7vw,108px)/.96 var(--serif);letter-spacing:-.066em;margin:17px 0 0}
.drink-showcase-intro h2 em{color:var(--copper);font-weight:400}
.drink-showcase-intro p{color:var(--ink-soft);font-size:17px;line-height:1.7;margin:0 0 7px;max-width:510px}
.drink-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.drink-card{background:var(--white);min-height:348px;border:1px solid var(--line);display:flex;flex-direction:column;transition:transform .25s var(--ease)}
.drink-card:hover{transform:translateY(-3px)}
.drink-card-image{width:100%;height:250px;overflow:hidden}
.drink-card-image img{width:100%;height:100%;object-fit:cover}
.drink-card-body{padding:31px;flex:1;display:flex;flex-direction:column;align-items:flex-start}
.drink-card-overline{display:flex;width:100%;gap:20px;justify-content:space-between;color:var(--copper);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.drink-card h3{font:normal clamp(36px,4vw,60px)/1.03 var(--serif);letter-spacing:-.056em;margin:32px 0 13px}
.drink-card p{font-size:16px;line-height:1.65;color:var(--ink-soft);max-width:520px;margin:0 0 25px}
.drink-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}
.variant-pill{border:1px solid var(--line);font-size:11px;line-height:1.4;text-transform:uppercase;letter-spacing:.06em;padding:9px 12px;font-weight:700;color:var(--ink-soft)}
.drink-card .text-link{margin-top:auto;padding-top:10px}
.menu-source{display:grid;grid-template-columns:minmax(0,1fr) minmax(0, min(47vw,620px));align-items:start;gap:clamp(24px,4vw,64px);border-top:1px solid var(--line);margin-top:34px;padding-top:30px}
.menu-source p{color:var(--ink-soft);margin:7px 0 0;font-size:13px;max-width:680px;line-height:1.65}
.menu-source a{white-space:nowrap}
.menu-source-photo{width:100%;max-width:620px;min-width:0;margin:0;overflow:visible}
.menu-source-photo img{display:block;width:100%;max-width:100%;height:auto;object-fit:contain;object-position:center;border:1px solid var(--line)}
.menu-source-photo figcaption{font-size:11px;line-height:1.5;color:var(--ink-soft);margin-top:9px}
.drink-detail-data{background:var(--cream-deep);padding:clamp(50px,6vw,100px) 0;border-bottom:1px solid var(--line)}
.drink-detail-head{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:end;margin-bottom:26px}
.drink-detail-head h2{font:normal clamp(40px,4.4vw,70px)/1.03 var(--serif);letter-spacing:-.055em;margin:14px 0 0}
.drink-detail-head p{color:var(--ink-soft);font-size:16px;line-height:1.65;margin:0 0 4px;max-width:500px}
.drink-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.drink-detail-variant{background:var(--white);border:1px solid var(--line);padding:35px;min-height:215px}
.variant-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.variant-top strong{font:normal 32px/1 var(--serif);color:var(--copper)}
.drink-detail-variant h3{font:normal clamp(25px,2.5vw,36px)/1.1 var(--serif);margin:28px 0 12px;letter-spacing:-.03em}
.drink-detail-variant p{font-size:16px;line-height:1.65;color:var(--ink-soft);margin:0}
.menu-fine-print,.detail-alert{font-size:12px;line-height:1.65;max-width:850px;color:var(--ink-soft);margin:22px 0 0}
.detail-alert{border-left:2px solid var(--copper);padding-left:14px;font-size:13px}
@media(max-width:830px){
 .drink-showcase-intro,.drink-detail-head{grid-template-columns:1fr;gap:18px}
 .drink-showcase-intro p{max-width:660px}
 .menu-source{grid-template-columns:1fr;gap:18px}
 .menu-source-photo{max-width:620px;width:100%}
}
@media(max-width:570px){
 .drink-grid,.drink-detail-grid{grid-template-columns:1fr}
 .drink-showcase-intro h2{font-size:clamp(49px,12vw,80px)}
 .drink-card-body{padding:24px}
 .drink-card h3{font-size:48px}
 .drink-card{min-height:310px}
 .drink-detail-variant{min-height:180px;padding:25px}
 .drink-detail-head h2{font-size:45px}
 .menu-source a{white-space:normal}
}

/* Original Douglas Saunders hero photograph, sourced from IMG_1434.jpeg. */
.hero-panel.has-image img{object-fit:cover;object-position:50% 50%;}
.hero-panel.has-image:after{content:"";display:block;position:absolute;inset:35% 0 0;background:linear-gradient(180deg,transparent 0%,rgba(12,19,14,.65) 100%);border:0;transform:none;width:auto;height:auto;border-radius:0;pointer-events:none;}
.hero-panel.has-image .hero-caption{background:transparent;z-index:2;position:relative;}
@media(max-width:830px){.hero-panel.has-image{min-height:clamp(350px,65vw,520px)}.hero-panel.has-image img{object-position:50% 17%}}
@media(max-width:570px){.hero-panel.has-image{min-height:410px}.hero-panel.has-image img{object-position:50% 16%}.hero-panel.has-image .hero-caption{padding:17px}}

/* Make the photographer's original hero photograph visible immediately on phones. */
@media(max-width:570px){.hero-inner>.hero-panel.has-image{grid-row:1;min-height:360px}.hero-inner>.hero-copy{grid-row:2;padding-top:47px}.hero-panel.has-image img{object-position:center 12%}}

/* The original photograph is shown in full, never zoomed or clipped. */
.menu-full-image-link{display:block;width:100%;max-width:100%}
.menu-full-image-link:focus-visible{outline:3px solid var(--copper);outline-offset:4px}
.menu-source-photo figcaption .text-link{display:inline-block;margin-top:8px}
@media(max-width:570px){.menu-source-photo{width:100%;max-width:100%}.menu-source{gap:20px}.menu-source-photo img{width:100%;max-width:100%;height:auto}}

/* Linked Google reviews awaiting verified quotes stay in a compact source list,
   not in the homepage testimonial carousel. */
.review-source-list{margin-top:42px;padding:30px 0 0;border-top:1px solid var(--line)}
.review-source-list h3{font:normal clamp(29px,3.7vw,48px)/1.08 var(--serif);letter-spacing:-.045em;margin:0 0 9px}
.review-source-list p{color:var(--ink-soft);font-size:15px;margin:0 0 22px}
.review-source-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.review-source-links a{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);background:var(--white);padding:18px 20px;font-size:13px;text-decoration:none;text-transform:none;letter-spacing:0}
.review-source-links a:hover{border-color:var(--copper);color:var(--copper)}
@media(max-width:570px){.review-source-links{grid-template-columns:1fr}.review-source-list{margin-top:26px}}
