@font-face{font-family:Alamo;src:url('assets/alamo.otf') format('opentype');font-display:swap}
.pit-art{mix-blend-mode:multiply}
.page-story .london-interlude .london-drawing{display:block;overflow:hidden;margin:0}
.mutton-drawing{width:175px;float:right;margin:0 0 20px 35px;mix-blend-mode:multiply;overflow:hidden}.menu-history:after{content:'';display:block;clear:both}@media(max-width:500px){.mutton-drawing{width:110px;margin-left:20px}}
@font-face{font-family:Peyote;src:url('assets/peyote.otf') format('opentype');font-display:swap}
@font-face{font-family:Cosmic;src:url('assets/cosmic.otf') format('opentype');font-display:swap}
:root{--display:Alamo,Rockwell,Georgia,serif;--paper:#f0e8d5;--yellow:#e8c14c;--red:#ae3829;--blue:#204951}
h1,h2{font-weight:400;letter-spacing:0;line-height:1.02}h2{font-size:clamp(42px,5.2vw,76px)}
.eyebrow,.site-header nav a,.button,.text-link,.edition-line,.menu-tabs,.photo-label,.poster-status,.price{font-family:'Courier New',monospace;font-weight:700}
.site-header{border-bottom:3px double var(--ink)}.site-header nav a{letter-spacing:0}.button{box-shadow:3px 3px 0 transparent}.button:hover{box-shadow:3px 3px 0 var(--ink);transform:translate(-2px,-2px)}
.hero-poster{position:relative;margin:18px;padding:23px 8% 29px;border:1px solid var(--ink);outline:3px double var(--ink);outline-offset:5px;justify-content:center}
.hero-poster h1{font-size:clamp(70px,7.3vw,115px);line-height:.89;letter-spacing:0;margin:20px 0}.hero-poster h1 span{display:block}.hero-poster h1 span:nth-child(2){font-size:1.07em}.hero-poster>.eyebrow{letter-spacing:.04em}.hero-poster>.button{margin-top:22px}.hero-poster .print-rule{max-width:340px}.home-hero{grid-template-columns:45% 55%}.hero-image{min-height:700px}.hero-image .photo-label{left:0;bottom:25px;padding:13px 25px;border-block:1px solid var(--ink)}
.ticker{font-family:Peyote,Georgia,serif;font-size:19px;padding:14px 4%;border-block:3px double var(--ink);letter-spacing:.04em}.section-heading{border-top:3px double var(--ink);padding-top:24px}.food-pictures{gap:18px}.food-pictures figcaption{font-family:Peyote,Georgia,serif;font-size:23px;font-weight:400;letter-spacing:0}.food-pictures figcaption span{font:11px 'Courier New',monospace}.food-pictures img{border:1px solid var(--ink)}
.joe-copy h2{font-size:clamp(60px,6.5vw,96px)}.joe-copy{position:relative}.joe-copy:before{content:'';position:absolute;inset:20px;border:1px solid #f0e8d555;pointer-events:none}.joe-copy .text-link{position:relative}.room-section h2{font-size:clamp(48px,5.5vw,80px)}
.saloon-copy h2,.saloon-hero h1{font-family:Cosmic,Georgia,serif;font-size:clamp(44px,4.6vw,68px);line-height:1.12}.saloon-copy em,.saloon-hero em{font-family:Alamo,Georgia,serif;font-style:normal;font-size:1.7em;line-height:.95;letter-spacing:0}.saloon-hero h1{font-size:clamp(55px,6vw,86px)}
.saloon-ribbon{border-block:3px double #e9c9a0;font-family:'Courier New',monospace;font-size:12px}.menu-hero h1{font-size:110px}.menu-category-heading h2{font-size:60px}.dish h3{font-family:Peyote,Georgia,serif;font-size:25px;font-weight:400;letter-spacing:0}.menu-tabs{border-block:3px double var(--ink)}.menu-editorial{transform:none;padding:8px;border:1px solid var(--ink)}.menu-editorial figcaption{padding:9px 2px 2px}.menu-history{border-block:3px double var(--ink);margin-top:55px;padding:35px 0;max-width:720px}.menu-history h2{font-size:52px;margin-bottom:20px}.menu-history p{max-width:570px}.menu-history .text-link{margin-top:15px}
.pit-note{background:#e6bd4a url('assets/paper-grain.svg');display:grid;grid-template-columns:1.2fr 1fr;gap:7%;align-items:center;border-block:3px double var(--ink)}.ink-drawing{height:auto;object-fit:contain;mix-blend-mode:multiply}.pit-art{transform:rotate(-3deg)}.pit-note h2{font-size:clamp(64px,7vw,108px);line-height:.94;margin-bottom:25px}.pit-note h2 span{color:var(--red)}.pit-note p:not(.eyebrow){max-width:460px}.pit-note .text-link{margin-top:20px}
.london-interlude{display:grid;grid-template-columns:1fr 1.3fr;gap:5%;align-items:center;border-bottom:3px double var(--ink)}.london-interlude h2{margin-bottom:25px}.london-interlude .ink-drawing{width:100%}.story-hero h1{font-size:clamp(72px,7vw,105px)}.story-hero .standfirst{font-style:italic;font-size:28px}.chapter-title h2{font-size:clamp(50px,5vw,72px)}.team-grid h3{font-family:Peyote,Georgia,serif;font-weight:400}.visit-hero h1{font-size:100px}.visit-strip h2{font-size:56px}.visit-poster h2{font-size:68px}
.signal-section{border-top:1px solid var(--ink);background:var(--paper) url('assets/paper-grain.svg')}.edition-line{display:flex;justify-content:space-between;gap:20px;border-block:1px solid var(--ink);padding:10px 0;font-size:11px;text-transform:uppercase;letter-spacing:.04em}.signal-masthead{display:block;margin:24px auto 30px;max-width:1050px;mix-blend-mode:multiply}.signal-masthead img{height:auto}.signal-intro{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;border-top:3px double var(--ink);padding-top:30px}.signal-intro p:not(.eyebrow){font:23px/1.5 Georgia,serif;max-width:550px}.signal-intro .text-link{margin-top:25px}
.newspaper{max-width:1250px;margin:auto}.newspaper-masthead{mix-blend-mode:multiply;margin:30px auto;height:auto}.newspaper h1{font-size:72px;margin:30px 0 15px}.newspaper-note{max-width:750px;font-size:15px;margin-top:22px}.article-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;border-block:3px double var(--ink);margin:45px 0;padding:30px 0}.article-index a{display:flex;flex-direction:column;align-items:start;gap:15px;font:12px 'Courier New',monospace}.article-index strong{font:29px/1.2 Peyote,Georgia,serif}.newspaper-article{padding:60px 0;border-top:3px double var(--ink);scroll-margin-top:25px}.newspaper-article h2{font-family:Peyote,Georgia,serif;font-size:clamp(35px,4vw,58px);text-transform:none;line-height:1.13;max-width:870px}.article-byline{font:12px 'Courier New',monospace;margin:20px 0 35px;text-transform:uppercase}.article-body{max-width:760px;margin:auto;font:20px/1.75 Georgia,serif}.article-body p+p{margin-top:24px}.article-body h3{font:34px Alamo,Georgia,serif;margin:35px 0 20px}.article-body>p:first-child:first-letter{float:left;font:77px/.85 Alamo,serif;padding:8px 10px 0 0}.article-source{font:12px/1.6 'Courier New',monospace;border-top:1px solid var(--ink);padding-top:20px;margin-top:40px}
@media(max-width:1050px){.hero-poster{margin:14px;padding-inline:6%}.hero-poster h1{font-size:85px}.hero-image{min-height:660px}.site-header nav{gap:14px}.dish h3{font-size:23px}}
@media(max-width:760px){.home-hero{grid-template-columns:1fr}.hero-poster{margin:16px;padding:22px 7% 26px}.hero-poster h1{font-size:clamp(77px,21vw,112px);line-height:.89}.hero-poster .hatch-mark{max-width:330px}.hero-poster .print-rule{max-width:270px}.hero-image{min-height:350px}.hero-image .photo-label{font-size:9px;padding:10px 16px}.ticker{font-size:14px}.section-heading h2{font-size:43px}.section-heading{padding-top:20px}.food-pictures figcaption{font-size:19px}.joe-copy h2{font-size:68px}.room-section h2{font-size:58px}.pit-note,.london-interlude,.signal-intro{grid-template-columns:1fr;gap:30px}.pit-note{padding-top:30px}.pit-art{max-width:440px}.pit-note h2{font-size:82px}.pit-note h2 br{display:none}.pit-note h2{font-size:60px;max-width:330px}.london-interlude .ink-drawing{margin-top:-50px;margin-bottom:-50px}.menu-hero h1{font-size:80px}.menu-category-heading h2{font-size:53px}.dish h3{font-size:22px}.saloon-copy h2{font-size:42px}.saloon-hero h1{font-size:54px}.saloon-copy em,.saloon-hero em{font-size:1.5em}.story-hero h1{font-size:73px}.chapter-title h2{font-size:55px}.visit-hero h1{font-size:82px}.visit-strip h2{font-size:44px}.edition-line{font-size:9px}.signal-intro h2{font-size:62px}.signal-intro p:not(.eyebrow){font-size:21px}.newspaper h1{font-size:51px}.article-index{grid-template-columns:1fr;gap:25px}.article-index a+a{border-top:1px solid var(--line);padding-top:25px}.article-body{font-size:18px}.newspaper-article h2{font-size:35px}.newspaper-article{padding:40px 0}.menu-history h2{font-size:47px}}
.smoker-gallery{display:grid;grid-template-columns:1.05fr .95fr;gap:45px;align-items:center;margin:65px 0;padding:30px 0;border-block:3px double var(--ink)}.smoker-gallery-frame{position:relative;border:1px solid var(--ink);padding:8px;background:var(--paper)}.smoker-gallery-frame img{height:440px;object-fit:cover}.smoker-gallery-count{position:absolute;right:8px;bottom:8px;background:var(--ink);color:var(--paper);padding:7px 10px;font:11px 'Courier New',monospace}.smoker-gallery h3{font:50px/1 Peyote,Georgia,serif;margin:14px 0}.smoker-gallery-controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:23px}.dish-thumb{border:1px solid var(--ink);background:transparent;padding:8px 10px;font:11px 'Courier New',monospace}.dish-thumb:hover,.dish-thumb.active{background:var(--ink);color:var(--paper)}
.newspaper-article{position:relative}.newspaper-article::after{content:'TEXAS JOE’S FREE PRESS';position:absolute;right:0;top:68px;writing-mode:vertical-rl;font:10px 'Courier New',monospace;letter-spacing:.2em;opacity:.55}.article-visual{float:right;width:min(36%,320px);margin:0 0 25px 45px;padding:10px;border:1px solid var(--ink);background:var(--paper)}.article-visual img{height:180px;object-fit:contain;mix-blend-mode:multiply}.article-visual svg{display:block;width:100%;height:auto;mix-blend-mode:multiply}.article-visual figcaption{font:10px 'Courier New',monospace;padding-top:8px}
@media(max-width:760px){.smoker-gallery{grid-template-columns:1fr;gap:30px;margin:45px 0}.smoker-gallery-frame img{height:320px}.smoker-gallery h3{font-size:43px}.newspaper-article::after{display:none}.article-visual{float:none;width:100%;margin:20px 0}.article-visual img{height:210px}}
body{background-image:url('assets/paper-grain.svg')}
/* A small, documentary-style film feature: atmosphere rather than endorsement. */
.charley-feature{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.1fr);gap:clamp(1.25rem,3vw,3.8rem);align-items:start;background:rgba(88,30,20,.055);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.charley-copy{padding-top:clamp(.25rem,2vw,2rem)}.charley-copy h2{font-family:var(--display);font-size:clamp(3rem,6.5vw,7.3rem);line-height:.83;margin:.35rem 0 1.4rem}.charley-copy p{max-width:31rem}
.charley-feature figure{margin:0;position:relative}.charley-feature figure img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.88) contrast(1.04)}.charley-poster{aspect-ratio:4/3;transform:rotate(-1.1deg);box-shadow:8px 10px 0 rgba(31,27,23,.13);background:var(--paper)}.charley-guitar{aspect-ratio:4/5;grid-column:1;max-width:28rem;justify-self:end;transform:rotate(1.25deg);box-shadow:8px 10px 0 rgba(31,27,23,.13);background:var(--paper)}.charley-feature figcaption{font-family:var(--smallcaps);font-size:.67rem;letter-spacing:.11em;padding:.5rem .65rem;background:var(--paper)}
.charley-film{grid-column:2;aspect-ratio:16/9;border:8px solid var(--ink);background:var(--ink);align-self:center;box-shadow:9px 10px 0 rgba(31,27,23,.13)}.charley-film iframe{width:100%;height:100%;border:0;display:block}
@media(max-width:700px){.charley-feature{grid-template-columns:1fr;gap:1.5rem}.charley-copy{padding-top:0}.charley-poster{width:min(100%,31rem)}.charley-film{grid-column:1;width:100%}.charley-guitar{grid-column:1;justify-self:start;width:min(82%,27rem)}}
.charley-feature:has(.charley-guitar:only-child){display:flex;justify-content:flex-end;padding-block:clamp(1.5rem,4vw,4rem);background:transparent;border-top:0}.charley-feature:has(.charley-guitar:only-child) .charley-guitar{width:min(100%,35rem);grid-column:auto;justify-self:auto}
.contact-section{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(2rem,8vw,10rem);align-items:end;border-top:3px double var(--ink);border-bottom:1px solid var(--ink);background:rgba(232,193,76,.13)}.contact-section h2{font-size:clamp(3.5rem,7vw,8rem);line-height:.8;margin:.45rem 0 0}.contact-details{display:grid;border-top:1px solid var(--ink)}.contact-details a{display:flex;justify-content:space-between;gap:1rem;padding:1.25rem 0;border-bottom:1px solid var(--ink);font:clamp(1.05rem,2vw,1.55rem) Peyote,Georgia,serif}.contact-details a:hover{color:var(--red)}.contact-details span{font:11px 'Courier New',monospace;letter-spacing:.08em;padding-top:.28rem}.footer-contact{display:block;margin-top:1rem;font:12px 'Courier New',monospace}@media(max-width:700px){.contact-section{grid-template-columns:1fr;gap:2rem}.contact-section h2{font-size:4.1rem}.contact-details a{font-size:1.14rem}}
.jerky-links{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.25rem}.jerky-links a{font:11px 'Courier New',monospace;letter-spacing:.03em;border:1px solid var(--ink);padding:.7rem .85rem}.jerky-links a:hover{background:var(--ink);color:var(--paper)}
.page-saloon .saloon-about figure{width:100%;max-width:none;transform:rotate(-1deg)}.page-saloon .saloon-about figure img{height:auto;aspect-ratio:auto;object-fit:contain}@media(max-width:760px){.page-saloon .saloon-about figure{max-width:none}}
.drinks-editorial{margin:1.75rem 0 0;border:1px solid var(--ink);padding:.5rem;background:var(--paper);transform:rotate(1deg)}.drinks-editorial img{width:100%;height:250px;object-fit:cover}.drinks-editorial figcaption{padding:.55rem 0 .1rem;font:11px 'Courier New',monospace}@media(max-width:760px){.drinks-editorial{max-width:360px}.drinks-editorial img{height:210px}}
/* The saloon is read as a sequence of rooms and objects, not a set of floating frames. */
.page-saloon .saloon-details{grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);gap:clamp(2rem,6vw,7rem);align-items:start;padding-block:clamp(2rem,6vw,6rem)}.page-saloon .saloon-detail{display:grid;gap:1.15rem}.page-saloon .saloon-editorial{margin:0;display:grid;gap:.8rem}.page-saloon .saloon-editorial img{height:clamp(320px,36vw,540px);margin:0;object-fit:cover}.page-saloon .saloon-editorial figcaption{padding:0;color:#eda674;font:11px 'Courier New',monospace;letter-spacing:.08em;text-transform:uppercase}.page-saloon .saloon-detail:nth-child(2){padding-top:clamp(3rem,10vw,11rem)}.page-saloon .saloon-detail:nth-child(2) .saloon-editorial img{height:clamp(260px,26vw,410px)}.saloon-music-strip{background:#20120f;border-top:1px solid #f2dfb555;border-bottom:1px solid #f2dfb555}.saloon-music-strip figure{margin:0;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(15rem,.55fr);align-items:end}.saloon-music-strip img{height:clamp(300px,42vw,620px);object-fit:cover;object-position:center 42%}.saloon-music-strip figcaption{min-height:100%;padding:clamp(1.5rem,4vw,4rem);display:flex;align-items:end;background:#472822;color:#f2dfb5;font:clamp(.7rem,1.1vw,.9rem) 'Courier New',monospace;letter-spacing:.08em;text-transform:uppercase}.team-intro{max-width:37rem;margin:1.1rem 0 2.2rem}.page-story .team-grid{border-top:1px solid var(--ink)}
@media(max-width:760px){.page-saloon .saloon-details{grid-template-columns:1fr;gap:3rem}.page-saloon .saloon-detail:nth-child(2){padding-top:0}.page-saloon .saloon-editorial img,.page-saloon .saloon-detail:nth-child(2) .saloon-editorial img{height:340px}.saloon-music-strip figure{grid-template-columns:1fr}.saloon-music-strip img{height:360px}.saloon-music-strip figcaption{min-height:auto;padding:1.25rem 7%}}