/* Widescreen photographs and letterpress type share the structure. */
.booking-fallback{display:none;position:fixed;bottom:8px;left:50%;transform:translateX(-50%);z-index:2147483647;background:var(--paper);color:var(--ink);padding:10px 16px;font:12px/1.4 Arial,sans-serif;text-align:center;width:max-content;max-width:90vw}body:has(.trap.is-active) .booking-fallback{display:block}
.site-header{position:sticky;top:0;z-index:40;height:90px}.brand img{height:70px}.menu-tabs{top:90px}.menu-category{scroll-margin-top:170px}html{scroll-padding-top:110px}main{overflow:clip}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.site-header .booking{background:var(--red);border-color:var(--red)}[hidden]{display:none!important}
.smoke-spread{display:grid;grid-template-columns:42% 58%;background:#e6bd4a url('assets/paper-grain.svg');border-block:3px double var(--ink)}.smoke-type{padding:65px 12%;position:relative;overflow:hidden}.smoke-type h2{font-size:clamp(70px,8vw,130px);line-height:.88;position:relative;z-index:1}.smoke-type h2 em{font-style:normal;color:var(--red)}.smoke-type p:not(.eyebrow){margin-top:30px;max-width:290px}.smoke-type button{background:none;border:0;border-bottom:1px solid;margin-top:18px;text-align:left}.smoke-engraving{width:220px;margin:30px 0 -35px auto;mix-blend-mode:multiply;transform:rotate(-6deg)}.smoke-stage{min-width:0;background:#231b15;color:var(--paper);display:grid}.smoke-cover{position:relative;min-height:640px}.smoke-cover>img{position:absolute;inset:0;height:100%}.image-folio{position:absolute;bottom:0;left:0;background:#231b15;padding:16px 25px;font:11px 'Courier New',monospace;text-transform:uppercase}.smoke-stage .food-browser{margin:0}.smoke-stage .food-browser figure>img{height:510px;aspect-ratio:auto}.smoke-stage .food-browser figcaption,.smoke-stage .gallery-rail,.smoke-stage .gallery-direction{padding-inline:25px}.smoke-stage .gallery-rail button{color:var(--paper)}
.food-browser{margin-top:28px;min-width:0}.food-browser figure{position:relative}.food-browser figure>img{aspect-ratio:4/3;height:auto;object-fit:cover}.food-browser figcaption{font:20px/1.3 Peyote,Georgia,serif;padding:15px 0;border-bottom:1px solid currentColor;gap:16px}.food-browser figcaption>span:last-child{font:12px 'Courier New',monospace;white-space:nowrap;align-self:center}.gallery-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding-top:15px}.gallery-rail button{border:0;border-bottom:3px solid transparent;background:none;padding:0 0 6px;text-align:left;color:inherit}.gallery-rail button img{aspect-ratio:4/3;opacity:.55;transition:opacity .2s}.gallery-rail button[aria-pressed=true]{border-color:var(--red)}.gallery-rail button[aria-pressed=true] img,.gallery-rail button:hover img{opacity:1}.gallery-rail button span{font:10px/1.3 'Courier New',monospace;display:block;margin-top:7px}.gallery-direction{display:flex;gap:12px;align-items:center;padding-top:14px}.gallery-direction>span{margin-right:auto;font:10px 'Courier New',monospace;text-transform:uppercase}.gallery-direction button{background:transparent;color:inherit;border:1px solid;padding:7px 14px}.menu-category{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:7%}.menu-category-heading>p{max-width:none}.menu-category-heading h2{margin-bottom:12px}.menu-paper{padding-inline:6%}.dish{padding-block:21px}.dish h3{font-size:clamp(21px,2.3vw,31px)}.history-fold{margin-top:50px;border-block:3px double var(--ink);padding:25px 0}.history-fold summary{display:grid;grid-template-columns:1fr auto;list-style:none;align-items:center}.history-fold summary::-webkit-details-marker{display:none}.history-fold .eyebrow{grid-column:1/-1}.fold-title{font:clamp(48px,7vw,100px)/1 Alamo,serif;text-transform:uppercase}.fold-action{font:11px 'Courier New',monospace}.fold-action b{font-size:32px;margin-left:30px}.history-fold[open] .fold-action b{display:inline-block;transform:rotate(45deg)}.fold-body{display:grid;grid-template-columns:.6fr 1.4fr;gap:8%;margin:40px 0}.fold-body svg{width:100%;height:auto;mix-blend-mode:multiply}.fold-body p{font:18px/1.7 Georgia,serif;max-width:760px}.fold-body h3{font:35px Peyote,serif}.drinks-editorial{padding:0;border:0;transform:none;max-width:none}.drinks-editorial img{height:360px}
.history-opening{position:relative;background:var(--blue);color:var(--paper);padding-top:55px}.history-title{position:relative;z-index:1;padding:0 6%}.history-title h1{font-size:clamp(80px,12vw,185px);line-height:.78;letter-spacing:-.02em}.history-title h1 br:nth-of-type(2){display:none}.history-title h1 em{display:block;font:clamp(35px,5vw,75px)/1.2 Peyote,serif;margin:24px 0 -22px;text-transform:none;color:var(--yellow)}.history-opening>img{height:580px;object-position:center 55%}.history-date{position:absolute;bottom:0;right:6%;background:var(--red);padding:25px 35px;display:grid;text-align:center;transform:translateY(30%);z-index:2}.history-date strong{font:90px/1 Alamo,serif}.history-date span{font:12px 'Courier New',monospace;text-transform:uppercase}.history-prologue{display:grid;grid-template-columns:1fr 1.6fr;gap:10%;padding-block:110px}.history-prologue h2{font-size:clamp(65px,8vw,115px);margin-bottom:30px}.history-prologue p{max-width:620px}.history-prologue .text-link{margin-top:30px}.wall-spread{display:grid;grid-template-columns:60% 40%;background:var(--red);color:var(--paper)}.wall-spread>img{height:100%;min-height:650px;object-position:45% center}.wall-spread>div{padding:65px 12%}.wall-spread h2{font-size:clamp(55px,5.5vw,85px);margin-bottom:30px}.wall-spread .text-link{margin-top:25px}.page-joe .story-hero{grid-template-columns:48% 52%;background:#243c42}.page-joe .story-hero>img{height:780px;object-position:center 25%}.page-joe .story-hero h1{font-size:clamp(80px,8vw,125px)}.page-joe .london-interlude{display:block;padding-bottom:0}.page-joe .london-interlude>div{max-width:620px;margin:0 auto 25px}.page-joe .london-interlude svg{display:block;width:100%;max-height:none;margin:0}.joe-sound{background:var(--blue);color:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:25px 8%}.joe-sound .eyebrow{grid-column:1/-1}.joe-sound h2{grid-row:2/4;font-size:100px}.joe-sound p{max-width:500px}.page-story .team-section{background:#e4d7bd}.page-story .team-grid{margin-top:30px}
.saloon-room-spread{display:grid;grid-template-columns:44% 56%;position:relative;background:#311c17}.saloon-room-copy{padding:85px 12%}.saloon-room-copy h2{font:clamp(50px,5vw,77px)/1 Alamo,serif;margin-bottom:35px}.saloon-room-copy .text-link{margin-top:25px}.saloon-room-spread figure{grid-row:1/3;grid-column:2;position:relative}.saloon-room-spread figure>img{height:100%;max-height:1000px;object-fit:cover;object-position:center}.saloon-room-spread figcaption{position:absolute;bottom:0;background:#211310dd;padding:18px 25px;width:100%;font:11px 'Courier New',monospace}.room-footnote{padding:0 12% 60px;border-top:1px solid #f2dfb533;margin-inline:12%;padding-inline:0;padding-top:25px}.room-footnote>span{font:27px Peyote,serif}.room-footnote p{font-size:14px;margin-top:15px;max-width:330px}.saloon-pour{display:grid;grid-template-columns:58% 42%;background:#a73e28}.saloon-pour>img{height:660px;object-position:center}.saloon-pour>div{padding:80px 12%;align-self:center}.saloon-pour h2{font-size:clamp(60px,7vw,105px);margin-bottom:30px}.saloon-pour .text-link{margin-top:30px}.saloon-sound{display:grid;grid-template-columns:54% 46%;background:#191914}.saloon-sound>img{height:720px;object-position:42% center}.saloon-sound>div{padding:70px 12%;align-self:center}.saloon-sound h2{font-size:clamp(55px,6vw,94px);line-height:.95;color:#e3bb5a;margin-bottom:30px}.saloon-sound .text-link{margin-top:25px}.film-credit{font:12px/1.6 'Courier New',monospace;margin-top:18px;opacity:.8}.saloon-last .hours{max-width:570px;margin-inline:auto}.page-newspaper .article-index{gap:0}.page-newspaper .article-index>a{padding:0 25px;border-right:1px solid var(--line)}.page-newspaper .article-index>a:first-child{padding-left:0}.page-newspaper .article-index>a:last-child{border:0}.page-newspaper .article-body{max-width:850px}.page-visit .visit-hero{background:#e3b644}.page-visit .visit-hero h1{font-size:clamp(80px,9vw,140px)}
@media(prefers-reduced-motion:no-preference){.food-browser figure>img{animation:ink-in .4s ease both}.cinema-enter{animation:ink-in .6s ease both}@keyframes ink-in{from{opacity:.25;transform:translateY(12px)}to{opacity:1;transform:none}}}
@media(max-width:900px){.site-header nav{gap:12px}.site-header nav a{font-size:10px}.smoke-type{padding:45px 10%}.saloon-room-copy{padding:55px 10%}.wall-spread>div{padding:45px 10%}.history-opening>img{height:450px}.saloon-pour>img,.saloon-sound>img{height:620px}.saloon-pour>div,.saloon-sound>div{padding:45px 10%}}
@media(max-width:760px){.site-header{height:80px}.site-header nav{top:79px}.brand img{height:60px}.menu-tabs{top:80px}.menu-category{scroll-margin-top:140px;grid-template-columns:1fr;gap:28px}.smoke-spread{grid-template-columns:1fr}.smoke-type{padding:40px 7%}.smoke-type h2{font-size:80px}.smoke-engraving{position:absolute;width:40%;right:3%;top:70px;margin:0}.smoke-type p:not(.eyebrow){max-width:240px}.smoke-cover{min-height:380px}.smoke-stage .food-browser figure>img{height:340px}.smoke-stage .food-browser{padding-bottom:24px}.gallery-rail{gap:6px}.food-browser figure>img{aspect-ratio:4/3}.fold-title{font-size:48px}.history-fold summary{grid-template-columns:1fr}.fold-action{margin-top:20px}.fold-action b{margin-left:12px}.fold-body{grid-template-columns:1fr}.fold-body svg{max-width:200px;margin:auto}.history-title h1{font-size:24vw}.history-title h1 em{font-size:10vw;margin-bottom:-12px}.history-opening>img{height:380px}.history-date{padding:16px 22px;right:7%}.history-date strong{font-size:60px}.history-date span{font-size:10px}.history-prologue{grid-template-columns:1fr;gap:10px;padding-top:95px;padding-bottom:60px}.history-prologue h2{font-size:70px}.wall-spread{grid-template-columns:1fr}.wall-spread>img{min-height:0;height:380px}.wall-spread>div{padding:45px 7%}.wall-spread h2{font-size:65px}.page-joe .story-hero{grid-template-columns:1fr}.page-joe .story-hero>img{height:490px}.page-joe .story-hero h1{font-size:80px}.page-joe .london-interlude>div{margin-bottom:30px}.page-joe .london-interlude svg{margin:0;width:110%;max-width:none;margin-left:-5%}.joe-sound{grid-template-columns:1fr}.joe-sound h2{grid-row:auto;font-size:75px}.saloon-room-spread,.saloon-pour,.saloon-sound{grid-template-columns:1fr}.saloon-room-copy{padding:50px 7%}.saloon-room-copy h2{font-size:60px}.saloon-room-spread figure{grid-column:auto;grid-row:auto}.saloon-room-spread figure>img{height:auto;max-height:none}.room-footnote{padding-block:25px 35px;margin-inline:7%;margin-top:0;order:3}.room-footnote p{max-width:none}.saloon-pour>img{height:400px}.saloon-pour>div,.saloon-sound>div{padding:45px 7%}.saloon-sound>img{height:440px}.saloon-sound h2{font-size:70px}.saloon-pour h2{font-size:75px}.page-newspaper .article-index>a{padding:22px 0;border-right:0}.page-newspaper .article-index>a:first-child{padding-top:0}.menu-category-heading .food-browser{margin-top:24px}.drinks-editorial img{height:300px}.page-visit .visit-hero h1{font-size:90px}}

/* Owner walkthrough: illustration at architectural scale, place before personality. */
.smoke-spread{grid-template-columns:56% 44%}
.smoke-type{padding:0;min-height:690px;isolation:isolate;background:#e6bd4a url('assets/paper-grain.svg')}
.smoke-type>.eyebrow{position:absolute;left:6%;top:25px;font-size:10px;z-index:2}
.smoke-type .smoke-engraving{position:absolute;left:2%;bottom:58px;top:auto;width:96%;height:590px;margin:0;transform:none;mix-blend-mode:multiply;z-index:-1}
.smoke-type h2{position:absolute;left:43%;top:65px;font-size:clamp(64px,6.2vw,94px);line-height:.9}
.smoke-type>p:not(.eyebrow){position:absolute;bottom:14px;left:6%;font-size:12px;max-width:245px;margin:0}
.smoke-type>button{position:absolute;bottom:15px;right:6%;margin:0;font-size:10px;gap:15px}
.smoke-cover{min-height:690px}
.home-history-line{font:22px/1.5 Georgia,serif;margin-bottom:20px}
.room-section .visit-secondary{margin-top:12px;font-size:10px}
.history-prologue{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:6%;align-items:stretch;padding-inline:0 6%;padding-block:95px}
.history-life{display:flex;flex-direction:column;min-width:0}
.history-life img{height:100%;min-height:650px;object-fit:cover;object-position:43% center}
.history-life figcaption{font:11px 'Courier New',monospace;padding:16px 6%;border-bottom:1px solid var(--ink)}
.history-prologue h2{font-size:clamp(60px,7vw,100px)}
.saloon-room-spread figure{grid-row:1}
.people-cameo{display:grid;grid-template-columns:54% 46%;background:#223c42;color:var(--paper)}
.people-cameo figure{position:relative}.people-cameo img{display:block;width:100%;height:100%;min-height:690px;object-fit:cover;object-position:center 35%}.people-cameo figcaption{position:absolute;bottom:0;left:0;right:0;padding:16px 7%;background:#17292dcc;font:11px 'Courier New',monospace}.people-cameo>div{align-self:center;padding:80px 14%}.people-cameo h2{font-size:clamp(60px,6vw,96px);line-height:.9;margin:22px 0 32px}.people-cameo p{max-width:380px}
.saloon-radio-spread{display:grid;grid-template-columns:54% 46%;position:relative;background:#172021;color:#f4dfae}.radio-booth{grid-row:1/3;position:relative;min-height:850px;margin:0}.radio-booth img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.saloon-radio-spread figcaption{position:absolute;bottom:0;left:0;padding:14px 18px;background:#0c0f10d9;font:10px 'Courier New',monospace;letter-spacing:.05em}.radio-copy{align-self:end;padding:70px 15% 38px}.radio-copy h2{font-size:clamp(64px,6vw,100px);line-height:.84;color:#e5bb46;margin:22px 0 30px}.radio-copy p{max-width:390px}.radio-on-air{align-self:start;justify-self:end;width:72%;margin:0 9% 75px 0;position:relative;transform:rotate(2deg);box-shadow:15px 16px 0 #b34828}.radio-on-air img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;object-position:center}.saloon-beer-spread{display:grid;grid-template-columns:38% 62%;background:#b4482e;color:#f7e9c7;align-items:stretch}.saloon-beer-spread>div{padding:80px 16%;align-self:center}.saloon-beer-spread h2{font-size:clamp(54px,5vw,82px);line-height:.9;margin:25px 0 30px}.saloon-beer-spread figure{position:relative;margin:0}.saloon-beer-spread img{display:block;width:100%;height:100%;min-height:650px;object-fit:cover}.saloon-beer-spread figcaption{position:absolute;right:0;bottom:0;background:#211310e0;padding:15px 20px;font:10px 'Courier New',monospace}
@media(max-width:1050px) and (min-width:761px){.smoke-type h2{font-size:64px}.smoke-type>p:not(.eyebrow){max-width:180px}.smoke-type>button{right:4%;font-size:9px}.smoke-type .smoke-engraving{height:500px}.smoke-type,.smoke-cover{min-height:620px}}
@media(max-width:760px){.smoke-spread{grid-template-columns:1fr}.smoke-type{min-height:470px}.smoke-type>.eyebrow{font-size:8px;top:20px}.smoke-type h2{left:43%;top:55px;font-size:clamp(45px,12vw,74px)}.smoke-type .smoke-engraving{height:350px;bottom:65px;left:0;width:100%}.smoke-type>p:not(.eyebrow){bottom:16px;max-width:160px;font-size:10px}.smoke-type>button{bottom:15px;font-size:9px;right:5%;gap:8px}.smoke-cover{min-height:400px}.history-prologue{grid-template-columns:1fr;padding:65px 0;gap:35px}.history-prologue>div{padding:0 7%}.history-life img{min-height:0;height:420px;object-position:center}.history-life figcaption{padding-inline:7%}.history-prologue h2{font-size:65px}.people-cameo,.saloon-radio-spread,.saloon-beer-spread{grid-template-columns:1fr}.people-cameo img{min-height:0;height:450px}.people-cameo>div{padding:50px 7%}.people-cameo h2{font-size:64px}.radio-booth{grid-row:auto;min-height:0}.radio-booth img{height:520px}.radio-copy{padding:50px 7% 35px}.radio-copy h2{font-size:68px}.radio-on-air{width:78%;margin:0 12% 55px auto}.saloon-beer-spread>div{padding:50px 7%}.saloon-beer-spread h2{font-size:60px}.saloon-beer-spread img{min-height:0;height:410px}.saloon-beer-spread figcaption{left:0;right:auto}}
.radio-on-air{margin-bottom:42px}.radio-console{position:absolute;z-index:2;bottom:52px;left:47%;width:27%;margin:0;transform:rotate(-3deg);box-shadow:-16px 17px 0 #b34828}.radio-console img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;object-position:center}
@media(max-width:760px){.radio-console{position:relative;left:auto;bottom:auto;width:69%;margin:-20px 8% 55px auto}}

/* Experimental art direction: each room receives its own visual grammar. */
@media(min-width:761px){
  .page-home .home-hero{grid-template-columns:39% 61%;min-height:760px}.page-home .hero-poster{justify-content:center;padding-inline:13%;position:relative;overflow:hidden}.page-home .hero-poster::before{content:'TEXAS / LONDON / 2016';position:absolute;right:-41px;top:42px;writing-mode:vertical-rl;font:11px 'Courier New',monospace;letter-spacing:.35em;color:var(--red);opacity:.8}.page-home .hero-poster h1{font-size:clamp(66px,6.1vw,116px);text-align:left;align-self:stretch;transform:translateX(6%);position:relative;z-index:1}.page-home .hero-image{min-height:760px}.page-home .hero-image::after{content:'SMOKE SIGNAL';position:absolute;right:20px;bottom:22px;color:#f3edda;mix-blend-mode:difference;font:10px 'Courier New',monospace;letter-spacing:.25em;writing-mode:vertical-rl}.page-home .room-section{grid-template-columns:30% 70%;min-height:700px;padding:0;gap:0;background:#e9d4a2}.page-home .room-section>div{padding:90px 22%}.page-home .room-section .photo-button{height:100%;display:block}.page-home .room-section .photo-button>img{height:100%;min-height:700px;object-position:center}.page-home .room-section .photo-button>span{position:absolute;left:0;bottom:0;background:#e9d4a2;padding:18px 32px}.page-home .joe-section{grid-template-columns:58% 42%}.page-home .joe-photo{order:2}.page-home .joe-copy{padding:100px 16%}.page-home .joe-copy h2{font-size:clamp(65px,6.6vw,105px);line-height:.86}.page-home .joe-photo>img{object-position:43% center}
  .page-menu .menu-hero{grid-template-columns:45% 55%;min-height:560px}.page-menu .menu-hero>div{padding:105px 15%;position:relative}.page-menu .menu-hero>div::after{content:'SMOKED / SLICED / SERVED';position:absolute;bottom:28px;right:-15px;transform:rotate(-90deg);transform-origin:right bottom;font:10px 'Courier New',monospace;letter-spacing:.18em}.page-menu .menu-hero h1{font-size:clamp(75px,8vw,132px);line-height:.8}.page-menu .menu-hero img{max-height:none;object-position:center}.page-menu .menu-paper{padding-inline:6%;background:linear-gradient(90deg,#f3edda 0 9%,#eadfca 9% 9.15%,#f3edda 9.15%)}.page-menu .menu-category{grid-template-columns:34% 66%;gap:0}.page-menu .menu-category-heading{padding:15px 13% 20px 4%}.page-menu .dish-list{border-left:1px solid var(--ink);padding-left:8%}.page-menu .dish{padding-block:24px}.page-menu .menu-category:nth-child(even){margin-inline:-6%;padding-inline:6%;background:#243c42;color:#f3edda;border-color:#f3edda}.page-menu .menu-category:nth-child(even) .dish-list{border-color:#f3edda}.page-menu .menu-category:nth-child(even) .menu-category-heading>span{color:#e6bd4a}.page-menu .food-browser{margin-top:32px}.page-menu .food-browser figure>img{height:380px}
  .page-story .history-opening{display:grid;grid-template-columns:49% 51%;padding:0;min-height:820px}.page-story .history-title{padding:120px 13% 80px;align-self:center}.page-story .history-title h1{font-size:clamp(88px,10vw,164px);line-height:.72}.page-story .history-opening>img{height:100%;min-height:820px;object-position:50% center}.page-story .history-date{right:auto;left:43%;bottom:55px;transform:rotate(-5deg)}.page-story .history-prologue{position:relative;grid-template-columns:46% 54%;padding:0}.page-story .history-life img{height:820px}.page-story .history-prologue>div{padding:150px 18% 120px 13%;align-self:center}.page-story .people-cameo{grid-template-columns:62% 38%;min-height:730px}.page-story .people-cameo>div{padding:90px 18%}.page-story .wall-spread{grid-template-columns:43% 57%;min-height:760px}.page-story .wall-spread>div{padding:120px 18%}.page-story .wall-spread>img{min-height:760px}
  .page-visit .visit-hero{grid-template-columns:57% 43%;min-height:720px}.page-visit .visit-hero>div{padding:120px 14%;position:relative}.page-visit .visit-hero>div::after{content:'LONDON BRIDGE / SE1';position:absolute;bottom:38px;left:14%;font:10px 'Courier New',monospace;letter-spacing:.3em}.page-visit .visit-hero h1{font-size:clamp(80px,8.2vw,138px);line-height:.8}.page-visit .visit-hero img{min-height:720px;object-position:center}
}
.page-saloon .saloon-hero{position:relative;overflow:hidden}.page-saloon .saloon-hero-copy{position:relative;z-index:2}.page-saloon .saloon-hero-copy::after{content:'★';position:absolute;right:-10%;bottom:5%;font:clamp(180px,23vw,410px)/.7 Georgia,serif;color:#b6482d;opacity:.72;z-index:-1}.page-saloon .saloon-hero-image{filter:saturate(1.18) contrast(1.06)}.page-saloon .saloon-ribbon{letter-spacing:.28em}.saloon-radio-spread::before{content:'TEXAS RADIO';position:absolute;z-index:3;top:28px;left:calc(54% - 32px);font:10px 'Courier New',monospace;letter-spacing:.35em;color:#e7c05c;writing-mode:vertical-rl;mix-blend-mode:screen}.radio-booth img{filter:saturate(1.18) contrast(1.08)}.radio-console{border:8px solid #e7c05c}.saloon-sound{position:relative;overflow:visible;min-height:810px}.saloon-sound>img{filter:saturate(.8) contrast(1.1)}.sound-charley{position:absolute;z-index:4;right:7%;bottom:-108px;width:min(31vw,455px);margin:0;transform:rotate(3.5deg);border:8px solid #e6bd4a;box-shadow:-20px 20px 0 #b6482d}.sound-charley img{height:100%;max-height:530px;object-position:43% center}.sound-charley figcaption{background:#e6bd4a;color:#24241e;padding:10px 13px;font:10px 'Courier New',monospace}.saloon-last{position:relative;padding-top:185px}
@media(max-width:760px){.page-home .hero-poster h1{letter-spacing:-.07em}.page-menu .menu-category:nth-child(even){margin-inline:-7%;padding-inline:7%;background:#243c42;color:#f3edda;border-color:#f3edda}.page-menu .menu-category:nth-child(even) .dish-list{border-color:#f3edda}.page-menu .menu-category:nth-child(even) .menu-category-heading>span{color:#e6bd4a}.page-story .history-opening{overflow:hidden}.page-story .history-date{transform:rotate(-5deg)}.page-saloon .saloon-hero-copy::after{right:-28px;bottom:-8px;font-size:210px}.saloon-radio-spread::before{left:auto;right:14px;top:18px}.saloon-sound{min-height:0}.sound-charley{position:relative;right:auto;bottom:auto;width:74%;margin:38px 6% -55px auto}.saloon-last{padding-top:115px}}

/* The photographs form the grid. Captions remain attached to their subjects. */
.saloon-radio-spread{grid-template-columns:54% 23% 23%;grid-template-rows:auto auto;isolation:isolate}
.radio-booth{grid-column:1;grid-row:1/3;min-height:0;overflow:hidden}
.radio-booth img{height:100%;position:absolute;inset:0;object-position:50% 55%}
.radio-copy{grid-column:2/4;grid-row:1;padding:80px 13% 55px;align-self:center}
.radio-copy h2{font-size:clamp(65px,7.4vw,112px);line-height:.92}
.radio-on-air,.radio-console{position:relative;inset:auto;grid-row:2;width:100%;margin:0;transform:none;border:0;box-shadow:none;align-self:stretch}
.radio-on-air{grid-column:2}.radio-console{grid-column:3}
.radio-on-air img,.radio-console img{width:100%;height:400px;aspect-ratio:auto;object-fit:cover}
.radio-on-air img{object-position:43% 30%}.radio-console img{object-position:48% 45%}
.saloon-radio-spread figcaption{font-size:9px;letter-spacing:.08em;line-height:1.6;padding:12px 15px}
.saloon-performance{position:relative;display:grid;grid-template-columns:7% 40% 9% 37% 7%;background:#191914;color:#f4dfae;isolation:isolate;padding-bottom:95px}
.performance-room{grid-column:1/-1;grid-row:1;position:relative;height:670px;overflow:hidden}
.performance-room img{height:100%;object-position:50% 60%}
.performance-room::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#191914 0%,#191914b3 15%,transparent 68%)}
.performance-room figcaption{position:absolute;top:25px;right:4%;z-index:1;background:#191914bd;padding:9px 13px;font:10px 'Courier New',monospace}
.performance-title{grid-column:2/5;grid-row:1;align-self:end;z-index:1;padding:0 0 35px;pointer-events:none}
.performance-title h2{font-size:clamp(65px,8.7vw,140px);line-height:.86;letter-spacing:-.025em;text-shadow:0 2px 25px #19191466}
.performance-title h2 em{font-family:Peyote,Georgia,serif;text-transform:none;font-size:.58em;line-height:1.4;display:block;font-weight:400;color:#e6bd4a}
.performance-title .eyebrow{margin-bottom:15px}
.performance-charley{grid-column:2;grid-row:2;position:relative;margin-top:20px;align-self:start}
.performance-charley img{aspect-ratio:4/3;object-position:48% center;filter:none}
.performance-charley figcaption{border-bottom:1px solid #f4dfae55;padding:16px 0;font:10px/1.6 'Courier New',monospace;letter-spacing:.06em}
.performance-copy{grid-column:4;grid-row:2;align-self:center;padding:40px 0;max-width:440px}
.performance-copy>p:first-child{font:clamp(24px,2.5vw,36px)/1.4 Georgia,serif}
.performance-copy .text-link{margin-top:20px}
.saloon-last{padding-top:85px}
#texas-radio,#live-music{scroll-margin-top:90px}
.people-cameo img{object-fit:contain;min-height:0;background:#172c31}
.people-cameo h2{overflow-wrap:normal;font-size:clamp(48px,5vw,76px)}
.page-menu .menu-hero>div::after{right:20px;bottom:28px;transform:none;writing-mode:vertical-rl}
.page-home .hero-poster::before{right:14px}
.page-home .room-section h2{font-size:clamp(42px,4vw,62px)}
.page-home .room-section>div{padding:70px 13%}
.page-story .history-prologue{gap:0}
.page-story .history-title h1{line-height:.88}
.page-story .history-title h1 em{margin-bottom:0;font-size:clamp(32px,4vw,62px);line-height:1.15}
.page-story .history-opening{overflow:hidden}
@media(min-width:761px) and (max-width:1100px){
 .page-story .history-title{padding-inline:10%}.page-story .history-title h1{font-size:10vw}
 .page-story .history-prologue>div{padding:80px 10%}.page-story .history-prologue h2{font-size:65px}
 .radio-copy{padding:55px 10% 35px}.radio-copy h2{font-size:70px}
 .radio-on-air img,.radio-console img{height:320px}
 .page-story .people-cameo>div{padding:60px 12%}
}
@media(max-width:760px){
 .saloon-radio-spread{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto}
 .radio-booth{grid-column:1/-1;grid-row:1;height:auto}
 .radio-booth img{position:static;height:auto;aspect-ratio:4/5;object-position:50% 58%}
 .radio-copy{grid-column:1/-1;grid-row:2;padding:48px 7% 40px}
 .radio-copy h2{font-size:clamp(60px,16vw,95px)}
 .radio-on-air,.radio-console{grid-row:3;margin:0;width:100%;inset:auto}
 .radio-on-air{grid-column:1}.radio-console{grid-column:2}
 .radio-on-air img,.radio-console img{height:310px}
 .saloon-performance{grid-template-columns:7% 86% 7%;padding-bottom:30px}
 .performance-room{height:450px}.performance-room img{object-position:49% center}
 .performance-title{grid-column:2;padding-bottom:20px}
 .performance-title h2{font-size:clamp(56px,14vw,92px)}
 .performance-title .eyebrow{font-size:9px}
 .performance-charley{grid-column:2;grid-row:2;margin-top:10px}
 .performance-copy{grid-column:2;grid-row:3;padding:30px 0}
 .saloon-last{padding-top:55px}
 .people-cameo img{height:auto;aspect-ratio:4/3}
 .page-home .room-section>div{padding:0}.page-home .room-section h2{font-size:48px}
}
/* Slow changes of framing follow natural scrolling; all text stays in place. */
@supports(animation-timeline:view()){
 @media(prefers-reduced-motion:no-preference){
  .performance-room img,.radio-booth img{animation:room-drift linear both;animation-timeline:view();animation-range:entry 0% exit 100%}
  @keyframes room-drift{from{transform:scale(1.035) translateY(-1%)}to{transform:scale(1.09) translateY(1%)}}
 }
}
.saloon-beer-spread{display:flex;flex-direction:column;background:#a43d27}
.saloon-beer-spread>div{display:grid;grid-template-columns:1.1fr 1fr;column-gap:8%;padding:65px 6% 45px;align-self:stretch;align-items:end}
.saloon-beer-spread .eyebrow{grid-column:1/-1;margin:0 0 20px}
.saloon-beer-spread h2{font-size:clamp(68px,8.5vw,145px);line-height:.87;margin:0;letter-spacing:-.025em}
.beer-museum-history{max-width:520px}
.beer-museum-history p:last-child{margin-bottom:0}
.saloon-beer-spread figure{width:100%;padding:0 3% 3%;box-sizing:border-box}
.saloon-beer-spread img{width:100%;height:auto;min-height:0;object-fit:contain}
@media(max-width:760px){.saloon-beer-spread>div{display:block;padding:45px 7% 30px}.saloon-beer-spread h2{font-size:clamp(56px,13vw,90px);margin:0 0 26px}.saloon-beer-spread figure{padding:0 0 20px}.saloon-beer-spread img{height:auto;min-height:0}}
.page-menu .food-browser figure>img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
.page-menu .gallery-rail button img{object-fit:contain;height:auto;aspect-ratio:4/3}
.restaurant-introduction{display:grid;grid-template-columns:43% 57%;position:relative;background:#e9d4a2;isolation:isolate}
.joint-history{padding:75px 12% 100px;align-self:center}
.joint-history h2{font:clamp(52px,5.6vw,90px)/.9 Alamo,serif;margin:25px 0 32px}
.joint-history .standfirst{font:24px/1.4 Georgia,serif}
.joint-history p{max-width:430px}
.joint-history .text-link{margin-top:24px}
.restaurant-introduction figure{margin:0;min-width:0}
.restaurant-introduction figure img{display:block;width:100%;height:100%;object-fit:cover;min-height:700px}
.joint-date{position:absolute;bottom:25px;left:calc(43% - 85px);background:#a83c29;color:#f3edda;padding:18px 24px;transform:rotate(-5deg);display:grid;text-align:center;box-shadow:5px 5px 0 #24241e}
.joint-date span{font:10px/1.5 'Courier New',monospace;text-transform:uppercase;letter-spacing:.08em}
.joint-date strong{font:70px/1 Alamo,serif}
.restaurant-archive-photo{margin:0;padding:65px 12% 45px;background:#172c31;color:#f3edda}
.restaurant-archive-photo img{display:block;width:100%;height:auto;object-fit:contain}
.restaurant-archive-photo figcaption{font:12px/1.6 'Courier New',monospace;padding-top:16px}
@media(max-width:760px){.restaurant-introduction{grid-template-columns:1fr}.joint-history{padding:45px 7% 35px}.joint-history h2{font-size:64px}.restaurant-introduction figure img{min-height:0;height:auto}.joint-date{left:auto;right:6%;bottom:24px;padding:12px 18px}.joint-date strong{font-size:50px}.restaurant-archive-photo{padding:30px 5%}}
.page-story .history-prologue{position:relative;background:#e7bb48;color:#24241e;overflow:hidden}
.page-story .history-prologue>div{padding:65px 9% 65px 8%;position:relative}
.page-story .history-prologue .opening-counter{margin:0 0 22px;line-height:1}
.opening-number{display:block;font:clamp(100px,13vw,230px)/.9 Alamo,serif;letter-spacing:-.045em;color:#a63a27;font-variant-numeric:tabular-nums;transform:rotate(-4deg);transform-origin:left bottom;padding:14px 0 20px}
.opening-unit{display:block;font:clamp(34px,4vw,64px)/.95 Peyote,Georgia,serif;text-transform:none}
.opening-origin{display:flex;gap:14px;align-items:center;border-block:1px solid currentColor;padding:12px 0;margin:25px 0 32px;font:12px/1.5 'Courier New',monospace}
.opening-origin span{font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.page-story .history-prologue .history-life{position:relative;align-self:stretch;margin:0;clip-path:polygon(0 0,100% 0,94% 100%,0 100%)}
.page-story .history-prologue .history-life img{height:100%;min-height:800px;object-fit:cover}
.page-story .history-prologue .history-life figcaption{position:absolute;bottom:30px;left:5%;padding:20px;width:145px;height:145px;border-radius:50%;background:#a63a27;color:#f3edda;display:flex;align-items:center;text-align:center;transform:rotate(-12deg);font:16px/1.4 Peyote,Georgia,serif}
@media(max-width:760px){.page-story .history-prologue{gap:0;padding:0}.page-story .history-prologue>div{padding:35px 7% 45px}.page-story .history-prologue .history-life{clip-path:polygon(0 0,100% 0,100% 89%,0 100%)}.page-story .history-prologue .history-life img{height:380px;min-height:0}.page-story .history-prologue .history-life figcaption{bottom:40px;width:110px;height:110px;font-size:14px}.opening-number{font-size:clamp(100px,28vw,190px)}.opening-unit{font-size:46px}}
@media(prefers-reduced-motion:no-preference){@supports(animation-timeline:view()){.opening-number{animation:opening-settle linear both;animation-timeline:view();animation-range:entry 0% entry 100%}@keyframes opening-settle{from{transform:translateX(25px) rotate(-9deg)}to{transform:translateX(0) rotate(-4deg)}}}}
.lone-star-feature{display:grid;grid-template-columns:52% 48%;position:relative;isolation:isolate;overflow:hidden;background:#ece2c8;color:#762a2a}
.lone-star-feature figure{margin:0;min-width:0;clip-path:polygon(0 0,100% 0,91% 100%,0 100%)}
.lone-star-feature figure img{display:block;width:100%;height:auto}
.lone-star-feature>div{align-self:center;padding:55px 13% 65px 5%;z-index:1}
.lone-star-feature h2{font:clamp(54px,6vw,98px)/.95 Alamo,serif;margin:25px 0 35px}
.lone-star-feature h2 em{display:block;font-family:Peyote,Georgia,serif;font-style:normal;text-transform:none;transform:rotate(-5deg);margin-top:12px}
.lone-star-feature p{max-width:430px}.lone-star-feature .text-link{margin-top:24px}
.lone-star-mark{position:absolute;right:-25px;bottom:-100px;color:#b54a3220;font:470px/1 Georgia,serif;z-index:0;pointer-events:none}
@media(max-width:760px){.lone-star-feature{grid-template-columns:1fr}.lone-star-feature figure{clip-path:polygon(0 0,100% 0,100% 95%,0 100%)}.lone-star-feature>div{padding:20px 7% 55px}.lone-star-feature h2{font-size:64px}.lone-star-mark{font-size:350px;bottom:-75px}}
/* Quiet interaction details: no custom cursor, scroll hijacking or hidden copy. */
@view-transition{navigation:auto}
.site-header{view-transition-name:site-masthead}
::view-transition-old(site-masthead),::view-transition-new(site-masthead){animation:none;mix-blend-mode:normal}
::view-transition-old(root){animation:page-leave .16s ease-out both}
::view-transition-new(root){animation:page-arrive .28s ease-out both}
@keyframes page-leave{to{opacity:0}}
@keyframes page-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.text-link span[aria-hidden]{display:inline-block;transition:transform .2s ease}
.text-link:hover span[aria-hidden],.text-link:focus-visible span[aria-hidden]{transform:translate(3px,-3px)}
.food-browser figure:focus-visible,.cabinet-viewport:focus-visible{outline:3px solid currentColor;outline-offset:6px}
.gallery-rail button{transition:opacity .2s,border-color .2s}
.gallery-rail:has(button:hover) button:not(:hover):not([aria-pressed=true]){opacity:.65}
.cabinet-viewport{width:100%;overflow:hidden}
.cabinet-viewport.is-inspecting{overflow:auto;overscroll-behavior-x:contain;scrollbar-color:#f7e9c7 #762a2a}
.saloon-beer-spread .cabinet-viewport.is-inspecting img{width:220%;max-width:none;height:auto;min-height:0}
.cabinet-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0 5px}
.cabinet-controls button{background:none;color:inherit;border:0;border-bottom:1px solid currentColor;padding:12px 0;cursor:pointer;text-align:left}
.cabinet-controls>span{max-width:310px;font:11px/1.5 'Courier New',monospace}
@media(max-width:760px){.cabinet-controls{padding:12px 7%;align-items:start;flex-direction:column;gap:8px}}
@supports(animation-timeline:scroll()){
 .site-header::after{content:'';position:absolute;left:0;bottom:-2px;width:100%;height:2px;background:var(--red);transform-origin:left;pointer-events:none;animation:reading-line linear both;animation-timeline:scroll(root)}
 @keyframes reading-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}
}
@media(prefers-reduced-motion:reduce){
 ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}
 .text-link span[aria-hidden]{transition:none}.text-link:hover span[aria-hidden]{transform:none}
 .site-header::after{display:none}
}