@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;600;700&family=Inter:wght@400;500;600&display=swap');
:root{--black:#090a08;--panel:#11130f;--ink:#eee8dc;--muted:#b6ad9d;--copper:#b96a36;--line:#49301f;--max:1320px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--ink);font-family:Inter,Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,.brand,.button,.eyebrow{font-family:'Barlow Condensed',Arial,sans-serif;text-transform:uppercase;letter-spacing:.055em}h1{font-size:clamp(3rem,7vw,7rem);line-height:.9;margin:.2em 0}h2{font-size:clamp(2.4rem,4vw,4.5rem);line-height:1;margin:.15em 0 .5em}h3{font-size:1.65rem;line-height:1.05;margin:.2rem 0}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:1rem;top:1rem;z-index:100;background:#fff;color:#000;padding:.7rem}.site-header{height:84px;display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:0 clamp(1rem,4vw,4rem);border-bottom:1px solid var(--line);background:rgba(9,10,8,.96);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:.65rem;font-size:1.35rem;font-weight:700;line-height:.9}.brand small{display:block;font-size:.62rem;letter-spacing:.2em;color:var(--copper);margin-top:.4rem}.brand-mark{color:var(--copper);font-size:1.9rem}.site-nav{display:flex;align-items:center;gap:clamp(1rem,2.5vw,2.5rem);font-family:'Barlow Condensed';font-size:1.05rem;text-transform:uppercase;letter-spacing:.08em}.site-nav a:hover,.text-link:hover{color:var(--copper)}.cart-link span{display:inline-grid;place-items:center;background:var(--copper);color:#080808;border-radius:50%;min-width:1.5rem;height:1.5rem;margin-left:.25rem}.menu-toggle{display:none;background:none;border:1px solid var(--line);color:var(--ink);padding:.5rem .8rem}.hero{min-height:calc(100vh - 84px);position:relative;display:flex;align-items:flex-end;background-image:var(--hero);background-position:center;background-size:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,6,5,.94) 0%,rgba(5,6,5,.6) 44%,rgba(5,6,5,.1)),linear-gradient(0deg,rgba(5,6,5,.8),transparent 55%)}.hero-copy{position:relative;width:min(760px,90%);padding:clamp(3rem,8vw,8rem) clamp(1.25rem,6vw,7rem)}.hero-copy>p:not(.eyebrow){max-width:620px;font-size:clamp(1rem,2vw,1.25rem);color:#d7d0c5}.eyebrow{color:var(--copper);font-weight:600;letter-spacing:.18em;margin:0 0 .75rem}.actions{display:flex;align-items:center;gap:1.4rem;flex-wrap:wrap;margin-top:2rem}.button{display:inline-flex;justify-content:center;border:1px solid var(--copper);background:var(--copper);color:#080908;padding:.85rem 1.3rem;font-weight:700;font-size:1rem;cursor:pointer}.button:hover{background:#d07b42}.button:disabled{opacity:.45;cursor:not-allowed}.button.full{width:100%;margin-top:1rem}.text-link{font-family:'Barlow Condensed';text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid var(--copper)}.section-pad{padding:clamp(4rem,8vw,8rem) clamp(1.25rem,5vw,5rem);max-width:var(--max);margin:auto}.story{max-width:none;display:grid;grid-template-columns:minmax(320px,1.1fr) minmax(320px,.9fr);padding-left:0;gap:clamp(2rem,6vw,7rem);align-items:center}.story-image{min-height:680px;background:var(--story) center/cover no-repeat;border-right:1px solid var(--line)}.story-copy{max-width:630px;padding-right:2rem}.rte{color:#cbc3b7}.rte p{margin:0 0 1.2rem}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2rem}.product-section{max-width:none}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}.product-card{background:var(--panel);min-width:0;transition:transform .25s,background .25s}.product-card:hover{background:#191b16;transform:translateY(-3px)}.product-media{aspect-ratio:4/5;overflow:hidden;background:#0c0d0b}.product-media img{width:100%;height:100%;object-fit:contain;padding:5%;transition:transform .45s}.product-card:hover img{transform:scale(1.025)}.product-info{padding:1.2rem}.product-info span,.price{color:var(--copper);font-family:'Barlow Condensed';font-size:1.25rem;letter-spacing:.08em}.empty-state{grid-column:1/-1;padding:3rem;background:var(--panel);color:var(--muted)}.product-page{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.75fr);gap:clamp(2rem,7vw,8rem);align-items:start}.product-gallery{display:grid;gap:1rem}.product-gallery img,.placeholder{width:100%;background:var(--panel);object-fit:contain;max-height:760px}.product-detail{position:sticky;top:120px}.product-detail h1{font-size:clamp(3rem,5vw,5rem)}label{display:block;margin-top:1rem;color:var(--muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.12em}select,input[type=number]{width:100%;background:#121410;border:1px solid var(--line);color:var(--ink);padding:.85rem;margin-top:.35rem}.collection-head{max-width:700px;margin-bottom:3rem}.collection-head h1,.narrow h1{font-size:clamp(3rem,6vw,6rem)}.narrow{max-width:900px}.cart-lines{border-top:1px solid var(--line)}.cart-line{display:grid;grid-template-columns:100px 1fr auto;gap:1rem;align-items:center;padding:1rem 0;border-bottom:1px solid var(--line)}.cart-line img{width:100px;height:100px;object-fit:contain;background:var(--panel)}.cart-line input{max-width:90px}.cart-total{display:flex;justify-content:space-between;font-size:1.3rem;padding:1.5rem 0}.site-footer{border-top:1px solid var(--line);padding:3rem clamp(1.25rem,5vw,5rem);display:grid;grid-template-columns:1fr 1fr auto;gap:3rem;color:var(--muted);font-size:.85rem}.site-footer strong{font-family:'Barlow Condensed';font-size:1.7rem;color:var(--ink);letter-spacing:.12em}.site-footer nav{display:flex;flex-direction:column;gap:.5rem}
@media(max-width:900px){.menu-toggle{display:block}.site-nav{display:none;position:absolute;left:0;right:0;top:84px;background:#0b0c0a;padding:1.5rem;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.site-nav.open{display:flex}.story{grid-template-columns:1fr;padding:0 0 4rem}.story-image{min-height:58vh;border-right:0}.story-copy{padding:1.5rem}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-page{grid-template-columns:1fr}.product-detail{position:static}.site-footer{grid-template-columns:1fr}.hero{min-height:78vh;background-position:62% center}.hero-copy{padding-bottom:4rem}}
@media(max-width:560px){.site-header{height:70px}.site-nav{top:70px}.hero{min-height:calc(100svh - 70px)}.hero-copy{width:100%}.product-grid{grid-template-columns:1fr}.product-media{aspect-ratio:1/1}.section-heading{align-items:flex-start;flex-direction:column}.cart-line{grid-template-columns:76px 1fr}.cart-line>span{grid-column:2}.site-footer{gap:1.5rem}}

/* Pine & Steel universe */
.series-section{max-width:none;background:radial-gradient(circle at 50% 0,#1b1d17 0,transparent 35%),#0a0b09}.series-intro{max-width:var(--max);margin:0 auto 3rem;display:grid;grid-template-columns:1fr minmax(300px,.7fr);gap:4rem;align-items:end}.series-intro p:last-child{color:var(--muted);max-width:600px}.beer-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}.beer-card{background:#0d0f0c;min-width:0;transition:background .25s,transform .25s}.beer-card:hover{background:#171a14;transform:translateY(-4px)}.beer-can{height:390px;display:flex;align-items:center;justify-content:center;padding:1.25rem;overflow:hidden;background:linear-gradient(180deg,#161913,#090a08)}.beer-can img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 18px #000);transition:transform .35s}.beer-card:hover img{transform:scale(1.035)}.beer-meta{padding:1rem 1.1rem 1.3rem;border-top:1px solid var(--line)}.beer-meta>span,.archive-box span{font-family:'Barlow Condensed';color:var(--copper);text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}.beer-meta small{color:var(--muted)}.foundry-section{background:linear-gradient(180deg,#080907,#11100c 45%,#080907);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.foundry-inner{max-width:1500px}.foundry-head{max-width:750px;margin:0 auto 3rem;text-align:center}.foundry-head>p:last-child{color:var(--muted)}.archive-boxes{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}.archive-box{display:grid;grid-template-columns:1.2fr .8fr;background:#0b0c0a;align-items:center;min-height:440px}.archive-box.frost{background:#d8d2c6;color:#24231f}.archive-box img{width:100%;height:440px;object-fit:contain;padding:1rem}.archive-box>div{padding:2rem}.archive-box h3{font-size:2.7rem}.archive-row{display:grid;grid-template-columns:repeat(8,1fr);gap:1px;background:var(--line);margin-top:1px}.archive-row a{background:#0b0c0a;padding:.8rem;text-align:center}.archive-row img{height:260px;width:100%;object-fit:contain}.archive-row span{display:block;font-family:'Barlow Condensed';text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.preview-note{text-align:center;color:var(--muted);font-size:.82rem;margin:2rem 0 0}.shop-portals{max-width:1500px}.portal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.portal{position:relative;min-height:300px;padding:2rem;display:flex;flex-direction:column;justify-content:end;background:linear-gradient(145deg,#191b16,#0b0c0a);overflow:hidden}.portal:before{content:'';position:absolute;width:220px;height:220px;border:1px solid var(--line);transform:rotate(45deg);top:-100px;right:-80px}.portal>span{position:absolute;top:1.5rem;left:1.5rem;color:var(--copper);font-family:'Barlow Condensed';font-size:1.1rem}.portal p{color:var(--copper);text-transform:uppercase;letter-spacing:.15em;font-size:.75rem;margin:0}.portal h3{font-size:2.5rem}.portal small{color:var(--muted)}.portal:hover{background:linear-gradient(145deg,#252319,#10120e)}.contact-band{max-width:none;padding:clamp(3rem,6vw,6rem) clamp(1.25rem,6vw,7rem);display:flex;justify-content:space-between;align-items:center;gap:3rem;background:#15140f;border-top:1px solid var(--line)}.contact-band h2{margin-bottom:.2rem}.contact-band p:last-child{color:var(--muted)}
@media(max-width:1100px){.beer-grid{grid-template-columns:repeat(2,1fr)}.beer-can{height:360px}.archive-row{grid-template-columns:repeat(4,1fr)}.archive-box{grid-template-columns:1fr}.archive-box img{height:330px}.portal-grid{grid-template-columns:1fr}}
@media(max-width:700px){.series-intro{grid-template-columns:1fr;gap:1rem}.beer-grid{grid-template-columns:1fr}.beer-can{height:440px}.archive-boxes{grid-template-columns:1fr}.archive-row{grid-template-columns:repeat(2,1fr)}.archive-row img{height:230px}.contact-band{align-items:flex-start;flex-direction:column}.portal{min-height:230px}}
.password-page{min-height:100svh}.password-shell{min-height:100svh;display:grid;place-items:center;position:relative;background:var(--hero) center/cover no-repeat;padding:2rem}.password-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,6,5,.96),rgba(5,6,5,.64)),linear-gradient(0deg,rgba(5,6,5,.8),transparent)}.password-content{position:relative;width:min(620px,100%);padding:clamp(2rem,6vw,5rem);background:rgba(9,10,8,.88);border:1px solid var(--line);backdrop-filter:blur(8px)}.password-brand{margin-bottom:3rem}.password-content h1{font-size:clamp(3.5rem,8vw,7rem)}.password-content>p:not(.eyebrow){color:var(--muted);max-width:520px}.password-form,.search-form{display:flex;gap:.7rem;align-items:end;margin:1.5rem 0}.password-form input,.search-form input{margin:0}.password-content>a{color:var(--muted);font-size:.8rem}.search-form{max-width:700px;margin-bottom:3rem}.search-results{margin-top:2rem}
.workshop-detail{min-height:calc(100svh - 84px);display:grid;grid-template-columns:minmax(360px,.9fr) minmax(520px,1.1fr);background:#090a08}.workshop-visual{position:sticky;top:84px;height:calc(100svh - 84px);display:flex;align-items:center;justify-content:center;padding:4rem;background:radial-gradient(circle,#25281f 0,#10120e 45%,#080908 76%);border-right:1px solid var(--line)}.workshop-visual img{width:100%;height:100%;max-height:760px;object-fit:contain;filter:drop-shadow(0 30px 28px #000)}.back-link{position:absolute;top:1.5rem;left:2rem;font-family:'Barlow Condensed';text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.workshop-copy{padding:clamp(3rem,7vw,7rem);max-width:900px}.workshop-copy h1{font-size:clamp(4rem,8vw,8rem)}.workshop-copy h1 span{display:block;color:var(--copper);font-size:.42em;margin-top:.3em}.beer-tagline{font-family:'Barlow Condensed';text-transform:uppercase;letter-spacing:.12em;color:var(--copper);font-size:1.3rem}.beer-story{font-size:1.05rem;color:#cec6ba;max-width:700px}.beer-role{display:grid;grid-template-columns:150px 1fr;margin:2.5rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:1.2rem 0}.beer-role small{grid-row:1/3;color:var(--copper);text-transform:uppercase;letter-spacing:.12em}.beer-role strong{font-family:'Barlow Condensed';text-transform:uppercase;font-size:1.7rem}.beer-role span{color:var(--muted)}.beer-stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.beer-stats div{padding:1rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.beer-stats small{display:block;color:var(--copper);text-transform:uppercase;letter-spacing:.1em}.beer-stats strong{font-family:'Barlow Condensed';font-size:1.25rem;text-transform:uppercase}.beer-notes{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);margin-top:2rem}.beer-notes>div{background:#10120e;padding:1.5rem}.beer-notes h2{font-size:1.7rem}.beer-notes ul{list-style:none;padding:0;margin:0;color:var(--muted)}.beer-notes li{padding:.55rem 0;border-bottom:1px solid #ffffff0b}.preview-note.left{text-align:left}
@media(max-width:900px){.workshop-detail{grid-template-columns:1fr}.workshop-visual{position:relative;top:0;height:68svh;min-height:520px;border-right:0;border-bottom:1px solid var(--line);padding:4rem 2rem 2rem}.workshop-copy{padding:3rem 1.25rem}.beer-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.workshop-visual{height:60svh;min-height:460px}.workshop-copy h1{font-size:4rem}.beer-role{grid-template-columns:1fr}.beer-role small{grid-row:auto;margin-bottom:.5rem}.beer-notes{grid-template-columns:1fr}}
.brand-logo{display:block;width:clamp(190px,20vw,270px);height:auto}.site-header .brand{min-width:190px}.story-epilogue{max-width:1300px;padding-top:clamp(4rem,8vw,8rem);padding-bottom:clamp(4rem,8vw,8rem);border-top:1px solid var(--line)}.story-statement{display:grid;grid-template-columns:minmax(180px,.35fr) minmax(0,1fr);gap:clamp(2rem,6vw,7rem);align-items:start}.story-statement blockquote{font-family:'Barlow Condensed';font-size:clamp(2.6rem,5vw,5.5rem);font-weight:600;line-height:1.02;text-transform:uppercase;letter-spacing:.025em;margin:0;color:var(--ink)}.story-columns{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,7vw,8rem);margin:clamp(3rem,7vw,7rem) 0}.story-columns .rte{font-size:1.05rem}.story-columns strong{font-family:'Barlow Condensed';font-size:1.35rem;color:var(--copper);text-transform:uppercase;letter-spacing:.1em}.story-signoff{display:grid;grid-template-columns:auto 1fr minmax(120px,1fr) auto 1fr minmax(120px,1fr) auto 1fr minmax(120px,1fr);gap:1rem;align-items:center;border-top:1px solid var(--line);padding-top:2rem}.story-signoff span{font-family:'Barlow Condensed';font-size:1.2rem;color:var(--copper);letter-spacing:.15em}.story-signoff i{height:1px;background:var(--line)}.story-signoff small{color:var(--muted)}
@media(max-width:900px){.brand-logo{width:200px}.story-statement{grid-template-columns:1fr;gap:1rem}.story-columns{grid-template-columns:1fr;gap:1.5rem}.story-signoff{grid-template-columns:auto 1fr minmax(130px,1fr)}.story-signoff span:nth-of-type(n){display:block}}
@media(max-width:560px){.brand-logo{width:170px}.site-header .brand{min-width:0}.story-statement blockquote{font-size:2.6rem}.story-signoff{grid-template-columns:auto 1fr}.story-signoff small{grid-column:1/-1;margin-bottom:1rem}}
.heroes-section{background:#e8e1d4;color:#171812;border-top:8px solid var(--copper);overflow:hidden}.heroes-rule{display:flex;align-items:center;gap:1.5rem;padding:1rem clamp(1.25rem,5vw,5rem);white-space:nowrap;border-bottom:1px solid #17181224;color:#714323;font-family:'Barlow Condensed';font-weight:700;letter-spacing:.16em}.heroes-rule i{width:46px;height:1px;background:#a86639}.heroes-inner{display:grid;grid-template-columns:minmax(220px,.4fr) minmax(0,1fr);gap:clamp(3rem,8vw,10rem);padding-top:clamp(4rem,9vw,9rem);padding-bottom:clamp(4rem,9vw,9rem)}.heroes-kicker .eyebrow{color:#9b582d}.heroes-kicker>span{display:block;margin-top:2rem;font-family:'Barlow Condensed';font-size:1.35rem;text-transform:uppercase;letter-spacing:.12em;color:#6b665d}.heroes-copy{max-width:850px}.heroes-copy h2{font-size:clamp(3.6rem,7vw,7.5rem);color:#171812;margin-top:0}.heroes-lead{font-family:'Barlow Condensed';font-size:clamp(1.6rem,2.5vw,2.3rem);line-height:1.25;max-width:760px}.heroes-body{display:grid;grid-template-columns:1fr 1fr;gap:2rem;color:#45443e;margin-top:2.5rem}.heroes-body p{margin:0}.heroes-toast{margin:3rem 0 0;padding-top:1.5rem;border-top:1px solid #17181235;font-family:'Barlow Condensed';font-size:1.5rem;text-transform:uppercase;letter-spacing:.08em;color:#9b582d}
@media(max-width:800px){.heroes-rule{overflow:hidden}.heroes-inner{grid-template-columns:1fr;gap:2rem}.heroes-copy h2{font-size:3.7rem}.heroes-body{grid-template-columns:1fr}.heroes-kicker>span{margin-top:.5rem}}
.collection-page{position:relative;padding-top:6rem}.collection-back{top:1.7rem;left:clamp(1.25rem,5vw,5rem)}.collection-page .product-info .eyebrow{font-size:.72rem;margin-bottom:.4rem}.collection-page .product-info h2{font-size:1.7rem}