@font-face{font-family:Barlow;src:url('/assets/barlow-800.ttf') format('truetype');font-weight:800;font-display:swap}
@font-face{font-family:DM;src:url('/assets/dm-sans.ttf') format('truetype');font-weight:400 500;font-display:swap}
@font-face{font-family:DM;src:url('/assets/dm-sans-bold.ttf') format('truetype');font-weight:600 900;font-display:swap}
:root{--ink:#171916;--paper:#f7f4eb;--yellow:#f4b82b;--muted:#686a60;--line:#d4d3c8;--display:Barlow,'Arial Narrow',Impact,sans-serif;--body:DM,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6.5rem}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:1rem;line-height:1.65}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:800}a:focus-visible{outline:3px solid #bc531f;outline-offset:6px}.skip-link{position:fixed;top:1rem;left:1rem;background:var(--yellow);color:var(--ink);padding:.8rem 1.2rem;z-index:20;transform:translateY(-180%)}.skip-link:focus{transform:none}.site-header{display:flex;align-items:center;justify-content:space-between;padding:1.4rem clamp(1.4rem,5vw,5rem);background:var(--ink);color:var(--paper);gap:2rem;border-bottom:1px solid #393b32}.brand{display:flex;flex-direction:column;align-items:center;line-height:1}.brand-name{position:relative;font-family:var(--display);font-size:2.9rem;letter-spacing:.015em}.brand-dot{font-family:var(--body);font-size:.875rem;position:absolute;top:.2rem;right:-.8rem}.brand-subtitle{font-size:.75rem;letter-spacing:.25em;font-weight:700;margin-top:.35rem}.main-nav{display:flex;align-items:center;gap:clamp(1.25rem,3.4vw,3.4rem);font-size:.9rem;font-weight:500}.main-nav a{padding:.55rem 0;transition:color .2s}.main-nav a:hover{color:var(--yellow)}.nav-contact{display:flex;gap:2rem;align-items:center}.nav-contact span{font-size:1.5rem}.hero{display:grid;grid-template-columns:1.03fr 1fr;min-height:690px;background:var(--ink);color:var(--paper)}.hero-copy{padding:clamp(3rem,5.1vw,6rem) clamp(1.4rem,5vw,5rem) 2rem;display:flex;flex-direction:column;align-items:flex-start;position:relative}.eyebrow{font-size:.875rem;font-weight:700;letter-spacing:.13em;line-height:1.5;display:flex;align-items:center;gap:.75rem}.line{width:2rem;height:1px;background:var(--yellow)}h1{font-size:clamp(4.8rem,7.6vw,8rem);line-height:.98;letter-spacing:-.015em;margin:2rem 0 1.65rem}h1 span{color:var(--yellow)}.hero-description{font-size:1.1rem;color:#cfcec5;line-height:1.7}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:2.5rem;padding:1.1rem 1.5rem;min-height:3.5rem;font-weight:600;transition:background .2s,transform .2s}.button:hover{transform:translateY(-3px)}.button span[aria-hidden]{font-size:1.45rem;line-height:1}.button-yellow{background:var(--yellow);color:var(--ink);margin-top:2rem}.button-yellow:hover{background:#ffd271}.hero-bottom{display:flex;flex-wrap:wrap;gap:.25rem 1rem;margin-top:auto;padding-top:3.2rem;font-size:.75rem;letter-spacing:.08em;color:#adada3}.hero-visual{position:relative;background:var(--yellow);color:var(--ink);min-height:600px;overflow:hidden}.hero-photo-wrap{height:100%;position:absolute;inset:0}.hero-photo{position:absolute;width:65%;height:82%;object-fit:contain;mix-blend-mode:multiply;bottom:8%;left:18%;transform:rotate(9deg);z-index:2}.hero-can-left{width:46%;height:65%;left:-4%;bottom:15%;transform:rotate(-15deg);z-index:1}.hero-can-right{width:47%;height:66%;left:auto;right:-4%;bottom:14%;transform:rotate(18deg);z-index:0}.hero-photo-label{position:absolute;z-index:3;left:2rem;top:2rem;writing-mode:vertical-rl;font-size:.75rem;font-weight:700;letter-spacing:.18em;background:var(--yellow);padding:.8rem .4rem}.hero-caption{position:absolute;z-index:3;bottom:1.75rem;right:1.75rem;left:1.75rem;display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.hero-caption>span{font-family:var(--display);font-size:2.6rem;line-height:1.05;background:var(--yellow);padding:.7rem 1rem}.hero-caption a{width:3.6rem;height:3.6rem;background:var(--ink);color:var(--paper);border-radius:50%;display:grid;place-items:center;font-size:1.6rem}.hero-caption a:hover{background:#383c31}.brand-strip{display:flex;align-items:center;justify-content:center;gap:2.3rem;white-space:nowrap;overflow:hidden;background:var(--yellow);padding:1rem 0;font-family:var(--display);font-size:1.45rem;letter-spacing:.04em}.strip-star{font-family:Arial,sans-serif;font-size:1.65rem}.section-space{padding:6.3rem clamp(1.4rem,5vw,5rem)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:3.2rem}h2{font-size:clamp(3.7rem,5.2vw,5.5rem);line-height:1.02;letter-spacing:-.01em;margin-top:1.25rem}.section-heading h2 span{color:#777a6c}.section-heading>p{max-width:24rem;color:#626558;padding-bottom:.35rem}.beer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.beer-card{background:#eeecdf;display:flex;flex-direction:column;min-width:0}.beer-ipa{--beer-bg:#efccc0;--beer-border:#bd6550}.beer-porter{--beer-bg:#c3dce5;--beer-border:#6d9cba}.beer-lager{--beer-bg:#efdda7;--beer-border:#b49b44}.beer-topline{display:flex;align-items:center;justify-content:space-between;background:var(--beer-bg);padding:1.3rem 1.5rem 0;font-size:.75rem;letter-spacing:.1em;font-weight:700}.beer-topline>span:first-child{opacity:.65}.beer-image{background:var(--beer-bg);height:320px;display:flex;align-items:center;justify-content:center;padding:1rem 1.8rem;overflow:hidden}.beer-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .4s}.beer-card:hover .beer-image img{transform:rotate(-3deg) scale(1.035)}.beer-content{padding:1.6rem 1.5rem 1.4rem;display:flex;flex-direction:column;flex:1}.beer-content h3{font-size:2.65rem;line-height:1.1}.beer-character{font-size:1rem;font-weight:600;margin:.6rem 0}.beer-content>p:not(.beer-character){font-size:1rem;color:#56594e;line-height:1.6;margin-bottom:1.5rem}.beer-specs{display:flex;gap:2rem;border-top:1px solid #c9cbbb;margin-top:auto;padding-top:1rem;font-size:.75rem;letter-spacing:.04em}.beer-specs strong{font-size:1.05rem;margin-right:.3rem;font-weight:700}.beers-note{display:flex;justify-content:space-between;gap:1rem 2rem;align-items:center;margin-top:2rem;font-size:.9rem;color:#626558;flex-wrap:wrap}.text-link{display:inline-flex;gap:1.5rem;align-items:center;font-weight:600;color:var(--ink);border-bottom:1px solid currentColor;padding-bottom:.3rem}.text-link:hover{color:#795300}.story{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:4.5rem}.story .eyebrow{color:#c6c9bc}.story h2{font-size:clamp(3.8rem,6vw,6.3rem);line-height:1.02}.story h2 span{color:var(--yellow)}.story-copy{padding-top:.2rem;max-width:32rem}.story-date{font-size:.75rem;letter-spacing:.14em;border:1px solid #676a5c;padding:.5rem 1rem;display:inline-block;margin-bottom:2rem;color:#e0e1d7}.story-lead{font-size:1.65rem;line-height:1.45;letter-spacing:-.02em;margin-bottom:1.3rem}.story-copy>p:not(.story-lead){color:#bcbfb2;margin-top:1rem;font-size:1rem}.story-signature{border-top:1px solid #45483f;margin-top:2.3rem;padding-top:1.3rem;font-family:var(--display);font-size:2.2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.story-signature>span{font-family:var(--body);font-size:.75rem;letter-spacing:.1em;max-width:11rem;line-height:1.7}.contact{background:var(--yellow);display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.contact h2{font-size:clamp(4rem,6.5vw,7rem)}.contact h2 span{-webkit-text-stroke:1.5px var(--ink);color:transparent}.contact-copy{max-width:28rem;margin-left:auto}.contact-copy>p{font-size:1.15rem;line-height:1.7}.button-dark{margin-top:2rem;background:var(--ink);color:var(--paper);width:100%}.button-dark:hover{background:#35392e}.site-footer{padding:2rem clamp(1.4rem,5vw,5rem);display:flex;align-items:center;gap:2rem;justify-content:space-between;background:var(--ink);color:var(--paper);font-size:.85rem}.footer-brand{font-family:var(--display);font-size:2rem;line-height:1}.site-footer p{margin-right:auto;color:#c2c3b7}.site-footer>span{font-size:.75rem;color:#aeb0a3}
@media(min-width:1600px){.site-header,.hero-copy,.section-space,.site-footer{padding-left:max(5rem,calc((100vw - 1440px)/2))}.site-header,.section-space,.site-footer{padding-right:max(5rem,calc((100vw - 1440px)/2))}.hero{min-height:760px}}
@media(max-width:1000px){.hero{min-height:610px}.hero-copy{padding-top:3.3rem}h1{font-size:clamp(4rem,8.2vw,6rem)}.hero-visual{min-height:610px}.hero-bottom{font-size:.75rem;gap:.3rem}.section-space{padding-top:4.5rem;padding-bottom:4.5rem}.beer-image{height:250px;padding:.75rem 1rem}.beer-content{padding:1.3rem 1.1rem}.beer-content h3{font-size:2.2rem}.beer-specs{gap:1rem}.story,.contact{gap:3rem}.story-lead{font-size:1.35rem}.story-signature{align-items:flex-start}.story-signature>span{max-width:8rem}}
@media(max-width:700px){html{scroll-padding-top:1.5rem}.site-header{padding:1.05rem 1.25rem;gap:1rem;flex-wrap:wrap}.brand-name{font-size:2.4rem}.brand-subtitle{font-size:.75rem}.main-nav{gap:1rem;font-size:.875rem}.main-nav a{padding:.6rem 0}.main-nav a:nth-child(2){display:none}.nav-contact{gap:.35rem}.hero{grid-template-columns:1fr}.hero-copy{padding:2.8rem 1.5rem 2rem}.hero .eyebrow{font-size:.75rem}h1{font-size:clamp(4.5rem,13.5vw,6.5rem);margin:1.5rem 0}.hero-description{font-size:1rem}.hero-bottom{padding-top:2.3rem;font-size:.75rem}.hero-visual{min-height:480px}.hero-photo-label{left:1.25rem;top:1.25rem}.hero-caption{left:1.25rem;right:1.25rem;bottom:1.25rem}.brand-strip{padding:.8rem 0;font-size:1.25rem;gap:1.5rem}.section-space{padding:3.8rem 1.5rem}.section-heading{display:block;margin-bottom:2rem}h2{font-size:3.5rem}.section-heading>p{margin-top:1.3rem;font-size:1rem}.beer-grid{grid-template-columns:1fr;gap:1.5rem}.beer-image{height:310px;padding:0 2rem 1rem}.beer-topline{padding:1.1rem 1.4rem 0}.beer-content{padding:1.5rem}.beer-content h3{font-size:2.7rem}.beer-content>p:not(.beer-character){font-size:1rem;max-width:32rem}.beer-specs{gap:2rem}.beers-note{gap:1rem;align-items:flex-start;font-size:.9rem}.story{grid-template-columns:1fr;gap:2.4rem}.story h2{font-size:3.9rem}.story-copy{max-width:none}.story-date{margin-bottom:1.4rem}.story-lead{font-size:1.5rem}.story-signature>span{max-width:none;font-size:.75rem}.contact{grid-template-columns:1fr;gap:2rem}.contact h2{font-size:4.5rem}.contact-copy{margin:0;max-width:30rem}.contact-copy>p{font-size:1rem}.site-footer{flex-wrap:wrap;gap:.6rem 1rem;padding:1.8rem 1.5rem}.site-footer p{font-size:.75rem}.site-footer>span{flex-basis:100%}}
@media(max-width:370px){.main-nav{font-size:.75rem;gap:.7rem}.brand-name{font-size:2.2rem}.hero-copy{padding-left:1.25rem;padding-right:1.25rem}.section-space{padding-left:1.25rem;padding-right:1.25rem}h1{font-size:4rem}.contact h2{font-size:3.7rem}.story h2{font-size:3.4rem}.button{gap:1.5rem}.story-signature{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Casa Sapiens: dedicated restaurant page and brand navigation */
.family-switch{display:flex;align-items:center;justify-content:space-between;padding:0 5vw;min-height:42px;background:#262a23;color:#f4f0e7;font-size:.7rem;letter-spacing:.08em;border-bottom:1px solid #41453c}.family-switch>span{font-size:.62rem;letter-spacing:.14em;color:#cecec3}.family-switch nav{display:flex;align-self:stretch}.family-switch nav a{display:flex;align-items:center;gap:1rem;padding:.65rem 1.35rem}.family-switch nav a[aria-current]{background:var(--yellow);color:var(--ink);font-weight:700}.family-switch nav a:hover{background:#4b5144;color:white}.family-switch nav a[aria-current]:hover{background:#ffd271;color:var(--ink)}.family-switch nav a[aria-current] span{font-size:.5rem}.casa-feature{display:grid;grid-template-columns:1fr 1fr;background:#e9dfce}.casa-feature-photo{position:relative;min-height:570px}.casa-feature-photo img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.casa-feature-copy{padding:4rem 5vw}.casa-feature-copy h2{font-size:clamp(3.5rem,5.2vw,5.3rem);margin-bottom:1.5rem}.casa-feature-copy h2 span{color:#9c442e}.casa-feature-copy>p:not(.eyebrow){max-width:27rem;color:#626258;font-size:1rem}.casa-feature-copy .button{max-width:27rem}
@media(max-width:700px){.family-switch{justify-content:flex-end;padding:0 1.2rem;font-size:.66rem}.family-switch>span{display:none}.family-switch nav a{padding:.65rem 1rem}.casa-feature{grid-template-columns:1fr}.casa-feature-photo{min-height:0;aspect-ratio:1.2}.casa-feature-copy{padding:3.5rem 1.5rem}.casa-feature-copy h2{font-size:3.7rem}}

/* Official transparent logo; frame removes only the supplied canvas padding. */
.brand-mark{display:block;position:relative;width:8.75rem;aspect-ratio:621/426;overflow:hidden;flex-shrink:0}
.brand-mark img{position:absolute;width:133.1723%;max-width:none;height:auto;left:-16.5862%;top:-44.8357%}
.brand{flex-shrink:0}
.footer-brand .brand-mark,.story-signature .brand-mark{width:7rem;max-width:none;font-size:inherit;letter-spacing:normal;line-height:1}
.story-signature{align-items:center}
.story-signature .story-tagline{font-family:var(--body);font-size:.75rem;letter-spacing:.1em;max-width:11rem;line-height:1.7}
.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}

/* Product notes transcribed from the supplied brand tasting sheets. */
.beer-grid{align-items:start}
.beer-specs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;font-size:.65rem;letter-spacing:.025em}
.beer-specs>span{display:flex;flex-direction:column;gap:.2rem}
.beer-specs strong{margin:0;font-size:1.05rem;line-height:1.3;white-space:nowrap}
.tasting-notes{margin-top:1.25rem;border-top:1px solid #c9cbbb}
.tasting-notes summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:48px;padding:.9rem 0 .1rem;font-size:.9rem;font-weight:700;cursor:pointer;list-style:none}
.tasting-notes summary::-webkit-details-marker{display:none}
.tasting-notes summary:focus-visible{outline:3px solid #bc531f;outline-offset:5px}
.tasting-notes summary:hover{color:#795300}
.tasting-toggle{font-family:var(--body);font-weight:400;font-size:1.5rem;line-height:1;transition:transform .2s}
.tasting-notes[open] .tasting-toggle{transform:rotate(45deg)}
.tasting-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.15rem 1rem;margin:1.2rem 0 .3rem}
.tasting-wide{grid-column:1/-1}
.tasting-grid dt{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.25rem;color:#686a60}
.tasting-grid dd{font-size:.95rem;line-height:1.65;margin:0;color:#383d33}
@media(max-width:700px){.brand-mark{width:7.25rem}.site-header{gap:.8rem}.footer-brand .brand-mark,.story-signature .brand-mark{width:6.5rem}.beer-specs{font-size:.68rem;gap:.75rem}.beer-specs strong{font-size:1.15rem}.tasting-notes summary{font-size:1rem}.tasting-grid dd{font-size:1rem}}
@media(max-width:370px){.brand-mark{width:6.5rem}.main-nav{gap:.8rem}.story-signature .story-tagline{max-width:10rem}}