@font-face{font-family:NothingYouCouldDo;src:url('assets/nothing-you-could-do.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:LaBelleAurore;src:url('assets/la-belle-aurore.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:ReenieBeanie;src:url('assets/reenie-beanie.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Kalam;src:url('assets/kalam.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Londrina;src:url('assets/londrina-solid-black.ttf') format('truetype');font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:Caveat;src:url('assets/caveat.ttf') format('truetype');font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:Instrument;src:url('assets/instrument-serif.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Instrument;src:url('assets/instrument-serif-italic.ttf') format('truetype');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:DM;src:url('assets/dm-sans.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{color-scheme:light;--paper:#f1eee6;--ink:#1c1b18;--brown:#261b17;--algae:#474424;--algae-deep:#2f2e14;--orange:#ec5425;--blue:#0a42a8;--blue-ink:#14336e;--slate:#474d64;--flesh:#e8dfd8;--nacre:#dfd8d0;--shell:#c4bab6;--shell-deep:#918481;--hero-fg:var(--flesh);--story-bg:var(--brown);--story-fg:var(--flesh);--photos-bg:var(--brown);--photos-fg:var(--flesh);--menu-bg:var(--brown);--menu-fg:var(--flesh);--sheet-bg:var(--nacre);--sheet-fg:var(--blue-ink);--footer-bg:var(--ink);--footer-fg:var(--flesh);--brand:Londrina,Impact,sans-serif;--accent:Instrument,Georgia,serif;--accent-weight:400;--accent-style:italic;--serif:Instrument,Georgia,serif;--body:DM,Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:0;scroll-snap-type:none;overscroll-behavior-y:none;overflow-x:clip}
body{margin:0;overscroll-behavior-y:none;overflow-x:clip;background:var(--brown);color:var(--ink);font-family:var(--body);font-size:1rem;line-height:1.5}
::selection{background:var(--orange);color:var(--flesh)}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:5px}
a:focus-visible,button:focus-visible,.oyster-track:focus-visible{outline:2px solid currentColor;outline-offset:6px}
h1,h2,h3,p,figure,blockquote,dl,dd{margin:0}
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
img{display:block;width:100%;height:auto}
.skip-link{position:fixed;z-index:20;top:12px;left:12px;background:var(--orange);color:var(--ink);padding:10px 16px;transform:translateY(-160%)}
.skip-link:focus{transform:translateY(0)}
.paper-surface{position:relative;isolation:isolate}
.paper-surface::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('assets/paper-grain.jpg') center/820px 820px repeat;mix-blend-mode:multiply;opacity:.45;filter:grayscale(1) contrast(1.12) brightness(.98)}
.hero{position:relative;min-height:560px;height:100svh;isolation:isolate;color:var(--hero-fg);background:#181818;overflow:hidden}
.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;transform:scale(1.22);transform-origin:center 48%;z-index:-2}
.hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#09090966,#09090940 32%,#09090970 65%,#09090980)}
.site-header{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:flex-end;gap:20px;padding:23px 36px}
nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px 32px;padding-top:8px;font-family:var(--serif);font-size:1.5rem;font-style:italic}
nav a{text-decoration:none}
nav a:hover{text-decoration:underline}
.hero-type{position:absolute;left:3%;right:3%;top:60%;transform:translateY(-50%);text-align:center}
h1{display:flex;justify-content:center;align-items:center;gap:.95vw;font-family:var(--brand);font-weight:900;font-size:clamp(3rem,16.4vw,16.4rem);letter-spacing:-.012em;line-height:1.02;white-space:nowrap}
.tint-defs{position:absolute;width:0;height:0;overflow:hidden}
.title-mascot{filter:url(#flesh-ink);flex:none;width:clamp(104px,31.2vw,468px);height:auto;transform:rotate(-6deg)}
/* Story first, then photographs, then the menu — all three on brown. */
.photos-section{--photos-pad:clamp(24px,4svh,48px);--photos-gap:clamp(14px,1.5vw,24px);background:var(--photos-bg);color:var(--photos-fg);min-height:100svh;display:grid;align-content:center;padding:var(--photos-pad) 7%}
.menu-section{background:var(--menu-bg);color:var(--menu-fg);padding:76px 7% 84px}
.story-section::before,.photos-section::before,.menu-section:not(.is-expanded)::before,.footer-colophon::before{mix-blend-mode:soft-light;opacity:.36;filter:grayscale(1) brightness(.72) contrast(2)}
h2{font-family:var(--body);font-weight:400;font-size:clamp(2.4rem,4.6vw,4.6rem);line-height:1.02;letter-spacing:-.045em}

.hero,.story-section,.photos-section,.menu-section,.site-footer{scroll-snap-align:none}
.photo-triptych{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--photos-gap);align-items:stretch}
.oyster-gallery,.editorial-photo{position:relative;min-width:0;aspect-ratio:2/3;margin:0;isolation:isolate}
.editorial-photo{overflow:hidden}
.editorial-photo img{width:100%;height:100%;object-fit:cover}
@media(min-width:1025px){
 .oyster-gallery,.editorial-photo{aspect-ratio:3/5}
 /* Three columns at 3:5 measure 1.8x their own height, so this keeps the
    group inside the viewport and inside the text column, whichever is tighter. */
 .photo-triptych{width:100%;max-width:min(1290px,calc((100svh - var(--photos-pad) * 2) * 1.8 + var(--photos-gap) * 2));margin-inline:auto}
}
.oyster-track{position:absolute;inset:0;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.oyster-track::-webkit-scrollbar{display:none}
.oyster-slide{position:relative;flex:0 0 100%;min-width:0;height:100%;scroll-snap-align:start;scroll-snap-stop:always}
.dish-card{position:absolute;inset:0;perspective:1400px}
.dish-card-inner{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.dish-card[data-flipped="true"] .dish-card-inner{transform:rotateY(180deg)}
.dish-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}
.dish-front img{width:100%;height:100%;object-fit:cover}
.dish-front::after,.wine-photo::after{content:"";position:absolute;inset:20% 0 0;z-index:1;background:linear-gradient(transparent,#10100ecc);pointer-events:none}
.photo-title{position:absolute;z-index:2;left:clamp(22px,2vw,36px);right:22px;bottom:24px;margin:0;padding:0;font-family:var(--accent);font-style:var(--accent-style);font-weight:var(--accent-weight);font-size:clamp(2rem,3vw,3.25rem);line-height:1.02;color:var(--flesh);text-shadow:0 2px 15px #0005}
.dish-front .photo-title{bottom:86px}
.dish-back{transform:rotateY(180deg);background:var(--card-colour);color:var(--card-ink);padding:80px clamp(24px,2.5vw,42px) 96px;overflow-y:auto;overscroll-behavior-y:auto;scrollbar-width:thin}
.dish-back h3{font-family:var(--accent);font-style:var(--accent-style);font-weight:var(--accent-weight);font-size:clamp(2.25rem,3.2vw,3.5rem);line-height:1.04;color:inherit}
.dish-flavours{font-family:var(--serif);font-style:italic;font-size:clamp(1.625rem,2vw,2rem);line-height:1.22;margin-top:30px}
.dish-origin{font-family:var(--body);font-size:1rem;line-height:1.55;margin-top:30px}
.dish-info{position:absolute;z-index:4;top:20px;right:20px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #e8dfd8a0;border-radius:50%;background:#18181670;color:var(--flesh);font:italic 1.75rem/1 var(--serif);cursor:pointer}
.dish-card[data-flipped="true"] .dish-info{background:transparent;border-color:currentColor;color:var(--card-ink)}
.gallery-controls{position:absolute;z-index:3;left:20px;right:20px;bottom:20px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--gallery-ink,var(--flesh))}
.gallery-controls button{display:grid;place-items:center;width:48px;height:44px;padding:0;border:0;border-radius:50%;background:#18181655;color:inherit;font:1.5rem var(--body);cursor:pointer}
.oyster-gallery[data-showing-back="true"] .gallery-controls button{background:#ffffff18}
.gallery-controls button:hover{background:#ffffff35}
.gallery-controls button:disabled{opacity:.3;cursor:default}
.gallery-count{font-size:.875rem;font-variant-numeric:tabular-nums;letter-spacing:.04em}
.dish-info:focus-visible,.gallery-controls button:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.dish-back:focus-visible{outline:2px solid currentColor;outline-offset:-8px}
.story-section{background:var(--story-bg);color:var(--story-fg);min-height:100svh;display:grid;align-content:center;grid-template-columns:1fr 1.05fr;gap:7%;padding:clamp(56px,8svh,96px) 7%}
.story-copy{max-width:650px}
.story-section h2{font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(4rem,7.3vw,7rem);letter-spacing:-.025em;line-height:.92}
blockquote{max-width:560px;font-family:var(--body);font-size:1.125rem;line-height:1.5;margin-top:7px}
blockquote p+p{margin-top:22px}
.site-footer{background:var(--footer-bg);color:var(--footer-fg);font-size:.875rem;line-height:1.5}
.last-pour{position:relative;isolation:isolate;min-height:540px;height:min(720px,75svh);display:flex;align-items:flex-end;padding:60px 5.5%;color:var(--flesh);overflow:hidden}
.pour-photo{position:absolute;inset:0;z-index:-2;height:100%;object-fit:cover;object-position:center 50%}
.last-pour::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#15130f6b,transparent 75%),linear-gradient(0deg,#15130f66,transparent 60%);pointer-events:none}
.last-pour-copy{max-width:60%}
.footer-mascot{width:240px;max-width:50%;margin:0 0 22px;transform:rotate(-7deg)}
.footer-wordmark{display:block;font-family:var(--brand);font-weight:900;font-size:clamp(4rem,11.6vw,11rem);line-height:1.05;text-decoration:none;letter-spacing:-.012em;white-space:nowrap}
.footer-colophon{display:flex;justify-content:flex-end;padding:26px 42px}
.study-disclosure{text-align:right;color:#d1cdc2}
@media(min-width:1600px){.hero-type{left:50%;right:auto;width:1500px;transform:translate(-50%,-50%)}.hero{height:100svh}.menu-section{padding-inline:max(7%,calc((100vw - 1290px)/2))}.story-section{padding-inline:max(7%,calc((100vw - 1290px)/2))}}
@media(max-width:1000px){.menu-section{padding:56px 5% 64px}.photos-section{padding:28px 5%}.photo-triptych{gap:16px}.story-section{gap:7%;padding:62px 5%}.footer-colophon{padding-inline:30px;gap:20px}}
@media(max-width:700px){
  .hero{height:100svh;min-height:560px}
  .hero-photo{object-position:54% top;transform:none}
  .site-header{padding:20px 21px}
  nav{gap:19px;font-size:1.25rem}
  .hero-type{top:53%;left:5%;right:5%}
  h1{flex-direction:column;gap:0;font-size:min(26vw,17svh);line-height:.95;letter-spacing:-.012em}
  .brand-no{font-size:1.28em}
  .title-mascot{width:min(63vw,36svh);margin:8px 0}
  .menu-section{padding:42px 20px 48px}
  .photos-section{min-height:100svh;padding:24px 20px}
  .photo-triptych{grid-template-columns:1fr;gap:24px;width:100%;max-width:540px;margin:0 auto}
  .photo-triptych>*{scroll-snap-align:none;scroll-margin-top:24px}
  .photo-title{font-size:2.5rem}
  .dish-back{padding:76px 26px 92px}
  .dish-back h3{font-size:2.65rem}
  h2{font-size:clamp(2.6rem,9.9vw,4rem);line-height:1.08}
  .story-section{grid-template-columns:1fr;padding:54px 25px 48px;gap:40px}
  .story-section h2{font-size:clamp(3.4rem,12vw,5rem)}
  blockquote{font-size:1.0625rem}
  .last-pour{height:78svh;min-height:570px;max-height:780px;padding:38px 25px}
  .pour-photo{object-position:74% center}
  .last-pour-copy{max-width:100%}
  .footer-mascot{width:160px;margin-bottom:19px}
  .footer-wordmark{font-size:22vw}
  .footer-colophon{flex-direction:column;align-items:flex-start;gap:18px;padding:28px 25px}
  .study-disclosure{text-align:left;font-size:.8125rem}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;scroll-snap-type:none}.dish-card-inner{transition:none}}

.place-lede{font-family:var(--body);font-size:clamp(1.4rem,2.2vw,2rem);line-height:1.25;margin-top:42px}
.place-lede em{font-family:var(--serif);font-weight:400}
.place-intro{font-size:1.125rem;line-height:1.5;max-width:430px;margin-top:28px}
.visit-details{font-family:var(--accent);font-style:var(--accent-style);font-size:1.875rem;font-weight:var(--accent-weight);line-height:1.05;margin:36px 0 0}
.pen-circle{position:relative;display:inline-block;white-space:nowrap}
.pen-circle svg{position:absolute;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;pointer-events:none;overflow:visible}
.pen-circle svg{width:112%;height:140%;left:-6%;top:-18%}
.founder-favourite{font-family:var(--serif);font-style:italic;font-size:1.625rem;line-height:1.25;padding-top:10px}
@media(min-width:701px) and (max-width:1024px){
  .photo-triptych{grid-template-columns:1fr;gap:28px;width:100%;max-width:540px;margin:0 auto}
  .photo-triptych>*{scroll-snap-align:none;scroll-margin-top:28px}
  .dish-back{padding:80px 38px 96px}
}

/* The founder's heading and generated autograph. */
.story-section h2{position:relative;padding-bottom:35px;width:max-content;max-width:100%}
.heading-strokes{position:absolute;left:0;bottom:0;width:100%;height:28px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;transform:rotate(-1.4deg)}
.founder-signature{width:200px;max-width:60%;height:100px;object-fit:contain;margin:14px 0 -15px auto;transform:rotate(-5deg)}
.story-copy blockquote{font-size:1.0625rem;line-height:1.45}
.story-copy blockquote p+p{margin-top:19px}
.story-copy .founder-favourite{font-size:1.5rem;line-height:1.2}

/* A complete selection printed directly on the brown page. */
.menu-section{min-height:100svh;display:grid;align-content:center;padding:clamp(28px,4svh,50px) 7%;background:var(--menu-bg)}
.counter-menu{width:100%;max-width:1320px;margin:0 auto}
.selection-header{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px}
.selection-header h2{font-family:var(--serif);font-size:clamp(3.5rem,5.4vw,5rem);font-style:italic;line-height:1;letter-spacing:-.025em}
.quantity-picker{display:flex;align-items:center;gap:18px;border:0;padding:0;margin:0}
.quantity-picker legend{float:left;font-size:1rem;margin:0 16px 0 0;padding:12px 0}
.quantity-options{display:flex;border:1px solid currentColor;border-radius:40px;padding:4px;gap:3px}
.quantity-options label{position:relative;cursor:pointer}
.quantity-options input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
.quantity-options span{display:block;border-radius:30px;padding:8px 17px;font-size:1rem}
.quantity-options input:checked+span{color:var(--ink);background:var(--orange)}
.quantity-options input:focus-visible+span{outline:2px solid currentColor;outline-offset:6px}
.selection-columns{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:8%}
.selection-table{width:100%;border-collapse:collapse;text-align:left;table-layout:auto;font-size:1rem}
.selection-table th{font-weight:400}
.selection-table thead{border-bottom:1px solid currentColor}
.selection-table thead th{vertical-align:bottom;padding:0 0 10px}
.selection-table thead th:first-child{font-family:var(--serif);font-style:italic;font-size:2.5rem;line-height:1}
.selection-table thead th:not(:first-child){font-size:.875rem;text-align:right;padding-left:13px}
.selection-table tbody th{padding:13px 14px 0 0;vertical-align:top}
.selection-table td{padding:13px 0 0 12px;text-align:right;vertical-align:top;white-space:nowrap;font-family:var(--serif);font-size:1.5rem;line-height:1.1;font-variant-numeric:tabular-nums}
.selection-name{display:block;font-family:var(--serif);font-size:1.5rem;line-height:1.1;font-style:italic}
.selection-description{display:block;font-size:1rem;line-height:1.3;margin-top:4px}
.oyster-selection .selection-table+.selection-table{margin-top:26px}
.selection-side-note{font-size:.875rem;line-height:1.4;margin-top:16px}
.measure{display:block;font-size:.75rem;white-space:nowrap;margin-top:3px}
.wine-selection tbody th{padding-top:20px}
.wine-selection td{padding-top:20px}
.kronenbourg-pick{position:relative;border:1px solid currentColor;margin-top:34px;padding:17px 23px 20px;transform:none}
.beer-context{font-size:.875rem;margin-bottom:8px}
.beer-line{display:flex;align-items:baseline;justify-content:space-between;gap:20px}
.beer-line h3{font-family:var(--brand);font-style:normal;font-size:3rem;font-weight:900;line-height:1.05;letter-spacing:0}
.beer-price{font-family:var(--serif);font-size:1.75rem}
.kronenbourg-pick>p:not(.beer-context){font-size:1rem}
.kronenbourg-pick .beer-pairing{font-family:var(--serif);font-size:1.5rem!important;font-style:italic;margin-top:12px}
.selection-footer{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-top:30px;border-top:1px solid currentColor;padding-top:17px}
.selection-footer p{font-size:.875rem}
.full-menu-link{font-family:var(--serif);font-size:1.75rem;font-style:italic;text-decoration:none;display:flex;align-items:baseline;gap:30px}
.full-menu-link:hover{text-decoration:underline}
.full-menu-link span{font-family:var(--body);font-style:normal}
/* Keep the bottle at the top of the original photograph in view. */
.pour-photo{object-position:center top}
@media(min-width:1600px){.menu-section{padding-inline:max(7%,calc((100vw - 1320px)/2))}}
@media(max-width:1000px){.menu-section{padding:45px 5%}.selection-columns{gap:5%}.selection-header{flex-wrap:wrap}.selection-description{font-size:1rem}}
@media(max-width:700px){
 .menu-section{padding:48px 25px}
 .selection-header{display:block;margin-bottom:36px}
 .quantity-picker{margin-top:24px;display:block}
 .quantity-picker legend{float:none;padding:0;margin:0 0 10px}
 .quantity-options{width:max-content}
 .quantity-options span{padding:9px 19px}
 .selection-columns{grid-template-columns:1fr;gap:42px}
 .selection-table thead th:first-child{font-size:2.15rem}
 .selection-table tbody th,.selection-table td{padding-top:16px}
 .oyster-selection .selection-table+.selection-table{margin-top:32px}
 .selection-footer{margin-top:38px;gap:15px}
 .full-menu-link{font-size:1.5rem;gap:12px}
 .founder-signature{width:190px;height:95px;margin-bottom:0}
 .last-pour{display:block;height:auto;min-height:0;max-height:none;padding:0;background:#1c1b18}
 .pour-photo{position:relative;inset:auto;width:100%;height:auto;object-fit:contain;object-position:center;z-index:0}
 .last-pour::after{display:none}
 .last-pour-copy{display:flex;align-items:center;justify-content:center;gap:10px;padding:28px 20px 34px}
 .footer-mascot{width:26%;max-width:140px;margin:0}
 .footer-wordmark{font-size:15vw}
}

@media(min-width:1001px) and (max-height:850px){
 .menu-section{padding-block:28px}
 .selection-header{margin-bottom:20px}
 .selection-table thead th:first-child{font-size:2.25rem}
 .selection-table tbody th,.selection-table td{padding-top:10px}
 .oyster-selection .selection-table+.selection-table{margin-top:20px}
 .selection-side-note{margin-top:12px}
 .selection-footer{margin-top:22px;padding-top:14px}
}
/* Allow enlarged text to reflow without pushing the page sideways. */
.story-heading-block,.story-copy,.selection-columns>div{min-width:0}
.story-heading-block,.selection-name,.selection-description{overflow-wrap:anywhere}
.quantity-options{max-width:100%;flex-wrap:wrap}
.beer-line{flex-wrap:wrap}
.beer-line h3{max-width:100%;overflow-wrap:anywhere}
.selection-footer{flex-wrap:wrap}
@media(max-width:700px){.visit-details{overflow-wrap:anywhere}}

/* Bare typographic gallery controls; the photographs carry no captions. */
.dish-front::after,.wine-photo::after{display:none}
.dish-info{width:56px;height:56px;top:12px;right:14px;border:0;border-radius:0;background:transparent;color:var(--flesh);font:italic 3.5rem/1 var(--serif);text-shadow:0 1px 6px #0009}
.dish-info:hover{opacity:.72}
.dish-card[data-flipped="true"] .dish-info{color:var(--card-ink);text-shadow:none}
.gallery-controls{display:grid;grid-template-columns:1fr 1fr;gap:0;bottom:12px;left:16px;right:16px}
.gallery-controls button{width:58px;height:56px;background:transparent;border-radius:0;font:italic 3rem/1 var(--serif);text-shadow:0 1px 6px #0009}
.gallery-controls .gallery-prev{grid-column:1;justify-self:start}
.gallery-controls .gallery-next{grid-column:2;justify-self:end}
.gallery-controls button:hover,.oyster-gallery[data-showing-back="true"] .gallery-controls button{background:transparent}
.gallery-controls button:hover{opacity:.72}
.oyster-gallery[data-showing-back="true"] .gallery-controls button{text-shadow:none}
.paper-surface::before{background-size:1050px 1050px;opacity:.6;filter:grayscale(1) contrast(1.35) brightness(.98)}
.story-section::before,.photos-section::before{opacity:.49;filter:grayscale(1) brightness(.72) contrast(2.2)}
.founder-signature{margin-right:12%}
.story-copy blockquote{position:relative}
.quote-mark{position:absolute;width:42px;height:32px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.quote-open{top:-6px;left:-48px;transform:rotate(-8deg)}
.quote-close{right:12px;bottom:-30px;transform:rotate(174deg)}
@media(max-width:700px){.quote-open{top:-34px;left:-2px}.story-section{row-gap:64px}.founder-signature{margin-right:12%}}
/* One shared price for a freely mixed plate of dressed oysters. */
.dressed-heading{display:flex;align-items:baseline;justify-content:space-between;gap:25px;border-bottom:1px solid currentColor;padding-bottom:10px}
.dressed-heading h3{font:italic 2.5rem/1 var(--serif);margin:0;color:inherit}
.dressed-heading>p{display:flex;align-items:baseline;gap:18px;white-space:nowrap}
.dressed-heading .quantity-heading{font-size:.875rem}
.dressed-heading [data-prices]{font:1.5rem/1 var(--serif)}
.mix-note{font-size:.875rem;margin-top:8px}
.dressed-list{display:grid;gap:11px;margin-top:15px}
.dressed-list dt{font:italic 1.5rem/1.08 var(--serif)}
.dressed-list dd{font-size:1rem;line-height:1.3;margin-top:4px}
.dressed-selection+.classical-table{margin-top:24px}
/* End on the photograph, with practical information in place of another wordmark. */
.last-pour{height:100svh;min-height:700px;padding:0;display:flex;align-items:center;position:relative}
.pour-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;z-index:-2}
.last-pour::after{display:block;background:linear-gradient(90deg,#111b 0%,#1119 30%,#1111 65%),linear-gradient(0deg,#1119,transparent 35%)}
.visit-copy{margin:80px 0 45px 7%;max-width:43%;color:var(--flesh)}
.visit-copy h2{font:italic clamp(3rem,4.8vw,5.5rem)/1 var(--serif);letter-spacing:-.02em}
.visit-copy h2 .pen-circle svg{width:112%;height:140%;top:-17%;left:-5%;stroke-width:1.8}
.reservation-phone{font-family:var(--serif);font-size:clamp(1.8rem,2.5vw,2.75rem);line-height:1.2;margin-top:32px}
.visit-copy address{font-family:var(--body);font-size:1.3rem;line-height:1.4;font-style:normal;margin-top:32px}
.visit-hours{font:italic 1.875rem/1.15 var(--serif);margin-top:32px}
.image-colophon{position:absolute;bottom:24px;left:7%;right:7%;font-size:.8125rem;line-height:1.4;color:var(--flesh)}
@media(min-width:1001px) and (max-height:850px){
 .dressed-heading h3{font-size:2.25rem}
 .dressed-list{gap:8px;margin-top:10px}
 .dressed-list dd{line-height:1.2}
 .dressed-selection+.classical-table{margin-top:18px}
 .selection-header{margin-bottom:16px}
 .selection-footer{margin-top:18px}
}
@media(max-width:700px){
 .dressed-heading h3{font-size:2.15rem}
 .dressed-heading{gap:15px}
 .dressed-heading>p{gap:10px}
 .dressed-list{gap:18px;margin-top:20px}
 .dressed-selection+.classical-table{margin-top:32px}
 .last-pour{height:100svh;min-height:740px;max-height:none;display:flex;padding:0;isolation:isolate}
 .pour-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% top;z-index:-2}
 .last-pour::after{display:block;inset:0;background:linear-gradient(180deg,#1111,#1119 42%,#111c)}
 .visit-copy{margin:160px 25px 95px;max-width:calc(100% - 50px)}
 .visit-copy h2{font-size:clamp(2.5rem,10vw,4rem)}
 .reservation-phone{font-size:1.7rem;margin-top:25px}
 .visit-copy address{font-size:1.125rem;margin-top:26px}
 .visit-hours{font-size:1.7rem;margin-top:26px}
 .image-colophon{left:25px;right:25px;bottom:25px;font-size:.75rem}
}
@media(min-width:1001px){
 .menu-section:not(.is-expanded){padding-block:24px}
 .dressed-list{gap:10px}
}
@media(min-width:1001px) and (max-height:850px){
 .menu-section:not(.is-expanded){padding-block:20px}
 .dressed-list{gap:6px}
 .mix-note{margin-top:6px}
 .dressed-selection+.classical-table{margin-top:16px}
 .selection-footer{margin-top:14px}
}
.last-pour{height:auto;min-height:max(700px,100svh)}
@media(max-width:700px){.last-pour{height:auto;min-height:max(740px,100svh)}.visit-copy h2{font-size:clamp(2rem,10vw,4rem)}}
.last-pour{display:grid;grid-template-rows:1fr auto;align-items:stretch}
.visit-copy{align-self:center}
.image-colophon{position:relative;left:auto;right:auto;bottom:auto;margin:0 7% 24px}
@media(max-width:700px){.visit-copy{margin:160px 25px 50px}.image-colophon{margin:0 25px 25px}}