/*
Theme Name: DIRTY COFFEE
Author: DIRTY COFFEE
Description: Custom editorial ecommerce theme for DIRTY COFFEE.
Version: 1.1.0
Text Domain: dirty-coffee
*/
:root{--black:#111;--cream:#f4e8d5;--yellow:#f2e51d;--walnut:#392418;--white:#f7f4ee;--burgundy:#8a2649;--forest:#437a57;--muted:#b8ad9d;--border:rgba(244,232,213,.22);--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--cream);font-family:Arial,Helvetica,sans-serif;line-height:1.6}img{display:block;max-width:100%;height:auto}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:20px;top:20px;z-index:9999;background:var(--yellow);color:#111;padding:12px}.wrap{width:min(var(--max),calc(100% - 80px));margin:auto}.announcement{background:var(--yellow);color:#111;text-align:center;font-weight:900;letter-spacing:.12em;padding:7px 15px;font-size:.78rem}.site-header{position:sticky;top:0;z-index:100;background:rgba(17,17,17,.96);border-bottom:1px solid var(--border)}.header-inner{height:82px;display:flex;align-items:center;gap:34px}.brand{text-decoration:none;font-family:Impact,'Arial Narrow',sans-serif;font-size:2.25rem;line-height:1;white-space:nowrap}.nav{display:flex;gap:26px;margin-left:auto;align-items:center}.nav a{text-decoration:none;text-transform:uppercase;font-size:.82rem;font-weight:800;letter-spacing:.08em}.menu-toggle{display:none;background:none;border:1px solid var(--cream);color:var(--cream);padding:10px 14px}.hero{min-height:620px;background:#17110e url('assets/images/homepage/dirty-coffee-wide-hero.png') center/cover no-repeat;display:flex;align-items:center}.hero-copy{width:min(520px,45%);padding:90px 0}.eyebrow{color:var(--yellow);font-weight:900;letter-spacing:.18em;text-transform:uppercase;font-size:.8rem}.display,h1,h2,h3{font-family:Impact,'Arial Narrow',sans-serif;text-transform:uppercase;letter-spacing:.015em;line-height:.95;margin:.25em 0}.hero h1{font-size:clamp(3.5rem,6.8vw,6.2rem)}h1{font-size:clamp(3rem,6vw,5.2rem)}h2{font-size:clamp(2.5rem,5vw,4.2rem)}h3{font-size:clamp(1.6rem,3vw,2.4rem)}.lead{font-size:clamp(1.08rem,2vw,1.28rem);max-width:720px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;min-height:50px;align-items:center;justify-content:center;padding:12px 22px;background:var(--yellow);color:#111;text-decoration:none;text-transform:uppercase;font-weight:900;letter-spacing:.06em;border:2px solid var(--yellow);border-radius:3px}.btn.secondary{background:transparent;color:var(--cream);border-color:var(--cream)}.section{padding:110px 0}.section.cream{background:var(--cream);color:#111}.section.yellow{background:var(--yellow);color:#111}.section.walnut{background:var(--walnut)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.card{border-top:5px solid var(--yellow);background:#181818;padding:18px}.card.witches{border-color:var(--burgundy)}.card.forest{border-color:var(--forest)}.card img{aspect-ratio:1;object-fit:cover}.meta{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:.76rem;font-weight:800}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.social-callout{text-align:center}.social-callout h2{font-size:clamp(3.5rem,8vw,7.5rem)}.trust{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;border-block:1px solid var(--border)}.trust div{padding:25px 10px;font-weight:900;font-size:.78rem;letter-spacing:.08em}.newsletter form,.contact-form{display:grid;gap:15px;max-width:680px}.field{display:grid;gap:7px}.field label{font-weight:800}.field input,.field textarea{background:#191919;color:var(--cream);border:1px solid var(--cream);padding:14px;font:inherit}.consent{display:flex;gap:10px;align-items:flex-start}.site-footer{padding:70px 0 30px;border-top:5px solid var(--yellow)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer-links{list-style:none;margin:0;padding:0}.footer-links a{text-decoration:none}.page-hero{padding:100px 0 55px;background:var(--walnut)}.prose{max-width:760px}.prose h2{margin-top:1.2em}.faq details{border-top:1px solid var(--border);padding:20px 0}.faq summary{font-weight:900;font-size:1.15rem;cursor:pointer}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.article{max-width:760px;margin:auto}.article-meta{color:var(--yellow);text-transform:uppercase;font-size:.8rem;letter-spacing:.1em}.product-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:55px}.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.gallery img:first-child{grid-column:1/-1}.product-panel{position:sticky;top:120px;align-self:start}.admin-note{display:none}.private-message{border:1px solid var(--yellow);padding:16px;color:var(--cream)}@media(max-width:900px){.wrap{width:min(100% - 40px,var(--max))}.menu-toggle{display:block;margin-left:auto}.nav{display:none;position:fixed;inset:112px 0 0;background:#111;padding:35px;flex-direction:column;align-items:flex-start}.nav.open{display:flex}.hero{min-height:0;background-position:65% center;padding-top:56vw;align-items:flex-end}.hero-copy{width:100%;background:#111;padding:40px 20px;margin:0 -20px}.grid-3,.blog-grid,.trust{grid-template-columns:1fr}.split,.product-intro,.footer-grid{grid-template-columns:1fr}.section{padding:72px 0}.product-panel{position:static}.trust div{border-bottom:1px solid var(--border)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

/* Responsive refinement: 28 October 2026 */
body{overflow-x:hidden}.nav a{font-weight:600}.menu-toggle{min-width:44px;min-height:44px}.eyebrow{font-weight:700}.display,h1,h2,h3{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;letter-spacing:.01em}.display,h1{font-weight:700;line-height:.92}.hero h1{font-size:clamp(3.6rem,6.5vw,5.5rem)}h1{font-size:clamp(3.2rem,6vw,5.2rem)}h2{font-size:clamp(2.7rem,4.5vw,3.7rem);font-weight:600;line-height:1}h3{font-size:clamp(1.8rem,2.5vw,2.2rem);font-weight:600;line-height:1.05}.section[id]{scroll-margin-top:90px}.comparison-section{padding-bottom:45px}.story-section{padding-top:55px}.social-callout h2{font-size:clamp(3rem,6vw,5rem);font-weight:600;line-height:.95}
@media(max-width:900px){.header-inner{height:70px}.brand{font-size:clamp(1.75rem,8vw,2.15rem)}.nav{inset:105px 0 0;padding:30px 20px;overflow-y:auto}.hero{min-height:0;padding-top:clamp(360px,105vw,520px);background-image:url('assets/images/homepage/dirty-coffee-mobile-hero.webp');background-position:center top;background-size:cover;background-repeat:no-repeat;align-items:flex-end}.hero>.wrap{width:100%}.hero-copy{box-sizing:border-box;width:100%;margin:0;padding:32px 20px 38px}.hero h1{font-size:clamp(3rem,15vw,4.3rem)}.actions .btn{flex:1 1 180px}.section{padding:64px 0}.comparison-section{padding-bottom:28px}.story-section{padding-top:36px}}
@media(max-width:360px){.announcement{font-size:.68rem}.brand{font-size:1.68rem}.hero-copy{padding-inline:16px}.hero h1{font-size:3rem}.actions .btn{width:100%}}