/*
Theme Name: Twister Coffee
Theme URI: https://www.twister-coffee.com/
Author: Twister Coffee
Description: A clean, premium coffee brand WordPress theme inspired by the supplied Twister Coffee visual.
Version: 1.0.0
License: GPL-2.0-or-later
Text Domain: twister-coffee
*/
:root{--blue:#073b9d;--blue2:#0b4cc2;--ink:#111827;--gold:#c99a32;--cream:#f6f3ed;--white:#fff;--muted:#667085;--line:#e6e8ee;--radius:18px;--shadow:0 14px 40px rgba(17,24,39,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.6}a{color:inherit;text-decoration:none}.container{width:min(1180px,92%);margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.07)}.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;max-width:225px}.brand img{display:block;width:210px;height:auto;max-height:58px;object-fit:contain}.menu{display:flex;gap:28px;align-items:center;font-size:14px;font-weight:700}.menu a:hover{color:var(--blue)}.cta{background:var(--blue);color:#fff!important;padding:12px 18px;border-radius:999px}.hero{background:var(--blue);color:#fff;padding:82px 0 72px}.hero-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:44px;align-items:center}.eyebrow{font-size:12px;letter-spacing:.22em;text-transform:uppercase;font-weight:800;color:#d8b45a}.hero h1{font-size:clamp(42px,6vw,74px);line-height:1.02;margin:12px 0 22px;letter-spacing:-.04em}.hero p{font-size:18px;color:#eaf0ff;max-width:560px}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-block;padding:14px 22px;border-radius:999px;font-weight:800}.btn-light{background:#fff;color:var(--blue)}.btn-outline{border:1px solid rgba(255,255,255,.45);color:#fff}.hero-image{border-radius:24px;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.28)}.hero-image img{width:100%;display:block;aspect-ratio:1.61/1;object-fit:cover}.section{padding:82px 0}.section.alt{background:var(--cream)}.section-head{text-align:center;max-width:720px;margin:0 auto 42px}.section-head h2{font-size:clamp(30px,4vw,48px);line-height:1.1;margin:0 0 12px}.section-head p{color:var(--muted);margin:0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:25px;box-shadow:var(--shadow)}.card .swatch{height:9px;width:55px;border-radius:999px;background:var(--blue);margin-bottom:22px}.card.gold .swatch{background:var(--gold)}.card.dark .swatch{background:#111}.card h3{margin:0 0 8px;font-size:20px}.card p{margin:0;color:var(--muted);font-size:14px}.story{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.story img{width:100%;border-radius:24px;box-shadow:var(--shadow)}.story h2{font-size:44px;line-height:1.1;margin:0 0 16px}.points{display:grid;gap:14px;margin-top:25px}.point{display:flex;gap:14px}.dot{flex:0 0 12px;height:12px;margin-top:8px;border-radius:50%;background:var(--gold)}.business{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.business .card{min-height:180px}.contact{background:var(--blue);color:#fff;border-radius:28px;padding:52px}.contact-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:center}.contact h2{font-size:44px;line-height:1.1;margin:0 0 12px}.contact p{color:#dbe7ff}.contact-box{background:#fff;color:var(--ink);padding:26px;border-radius:18px}.contact-box strong{display:block;color:var(--blue);margin-bottom:4px}.site-footer{background:#07132f;color:#cbd5e1;padding:45px 0}.footer-grid{display:flex;justify-content:space-between;gap:25px;align-items:center}.footer-brand{color:#fff;font-weight:900;letter-spacing:.08em}.small{font-size:13px;color:#94a3b8}.mobile-toggle{display:none;background:none;border:0;font-size:26px;color:var(--blue)}@media(max-width:900px){.hero-grid,.story,.contact-grid{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.business{grid-template-columns:1fr}.menu{display:none}.mobile-toggle{display:block}.nav.open .menu{display:flex;position:absolute;left:4%;right:4%;top:78px;background:#fff;padding:18px;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);flex-direction:column;align-items:flex-start}.hero{padding-top:55px}.story h2,.contact h2{font-size:36px}}@media(max-width:560px){.cards{grid-template-columns:1fr}.section{padding:60px 0}.hero h1{font-size:46px}.contact{padding:32px 24px}}
@media(max-width:900px){.brand img{width:185px}}