@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600;700;800&family=Permanent+Marker&family=Roboto+Mono:wght@500;600&display=swap');
:root{--black:#050505;--cream:#eadcc1;--orange:#d97c2e;--purple:#9047e8;--green:#548052;--line:#28231f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 22% 20%,#122019 0,transparent 28%),radial-gradient(circle at 80% 35%,#1e1128 0,transparent 25%),var(--black);color:#eee7dc;font-family:'DM Sans',sans-serif}.nav{height:84px;padding:0 clamp(22px,5vw,74px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:5;background:#070706}.brand{color:var(--cream);text-decoration:none;display:flex;align-items:center;gap:12px;font:400 clamp(21px,2vw,29px) 'Permanent Marker',cursive}.brand img{border-radius:50%;object-fit:cover}.nav-links{display:flex;align-items:center;gap:28px}.nav-links a{color:#c9bdab;text-decoration:none;font:600 12px 'Roboto Mono';text-transform:uppercase;letter-spacing:.08em}.nav-links a:hover{color:white}.nav-coffee{border:1px solid var(--purple);padding:12px 16px;box-shadow:inset 0 0 18px #9047e820}.hero{position:relative;padding:clamp(18px,2.5vw,38px) clamp(16px,3vw,48px) 0}.banner-wrap{position:relative;max-width:1800px;margin:auto;border:1px solid #342a22;box-shadow:0 22px 75px #000;border-radius:4px;overflow:hidden}.banner{width:100%;height:auto;display:block}.banner-shade{position:absolute;inset:0;box-shadow:inset 0 0 80px #0006;pointer-events:none}.mobile-copy{display:none}.cta-card{max-width:1160px;margin:-25px auto 0;position:relative;z-index:3;background:linear-gradient(110deg,#11100e,#090909);border:1px solid #3b3129;box-shadow:0 15px 40px #000c;display:flex;align-items:center;justify-content:space-between;padding:24px 28px;gap:28px}.status{font:600 10px 'Roboto Mono';letter-spacing:.18em;color:#907f6c}.status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#65a25c;box-shadow:0 0 12px #65a25c;margin-right:9px}.cta-copy h2{font:400 clamp(23px,2.2vw,32px)/1.05 'Permanent Marker';margin:9px 0 0;color:var(--cream)}.actions{display:flex;gap:12px}.button{min-width:240px;min-height:66px;padding:0 18px;display:flex;align-items:center;gap:14px;color:white;text-decoration:none;border:1px solid #38312b;background:#171512;transition:.2s}.button:hover{transform:translateY(-3px);border-color:#695745}.button b{font-size:24px}.button span{display:flex;flex-direction:column;font-weight:700}.button small{font:500 8px 'Roboto Mono';letter-spacing:.11em;color:#8e8275;margin-bottom:3px}.button>i{font-style:normal;margin-left:auto}.coffee{border-color:#7640bb;background:linear-gradient(110deg,#24142f,#120d16)}.coffee:hover{border-color:#a365ef;box-shadow:0 0 25px #9047e82b}.about{max-width:1250px;margin:120px auto;padding:0 40px;display:grid;grid-template-columns:minmax(320px,.85fr) minmax(380px,1.15fr);align-items:center;gap:90px}.logo-frame{position:relative}.logo-frame:before{content:"";position:absolute;inset:8%;border-radius:50%;background:#9047e8;filter:blur(75px);opacity:.15}.logo-frame img{width:100%;height:auto;position:relative;filter:drop-shadow(0 25px 35px #000)}.kicker{color:var(--orange);font:600 10px 'Roboto Mono';letter-spacing:.25em}.about h2{font-size:clamp(44px,5vw,72px);line-height:.95;letter-spacing:-.04em;margin:18px 0 30px}.about h2 em{font:400 1.05em 'Permanent Marker';color:var(--purple)}.about-copy>p:not(.kicker){color:#a99e91;line-height:1.75;font-size:18px;max-width:620px}.signature{font:400 34px 'Permanent Marker';color:var(--cream);transform:rotate(-3deg);margin-top:26px}footer{border-top:1px solid var(--line);min-height:72px;padding:0 clamp(24px,5vw,74px);display:flex;align-items:center;justify-content:space-between;color:#71685f;font:500 9px 'Roboto Mono';letter-spacing:.14em}@media(max-width:900px){.banner{display:none}.banner-wrap{min-height:680px;background:linear-gradient(0deg,#050505 0%,transparent 55%),url('/smellslikecoffee-logo.png') center 12%/min(110vw,620px) auto no-repeat;border:0}.banner-shade{background:linear-gradient(180deg,transparent 42%,#050505 84%);box-shadow:none}.mobile-copy{display:block;position:absolute;z-index:2;left:24px;right:24px;bottom:44px;text-align:center}.mobile-copy p{font:600 10px 'Roboto Mono';letter-spacing:.22em;color:var(--orange)}.mobile-copy h1{font-size:clamp(44px,11vw,68px);line-height:.93;margin:16px 0;color:var(--cream)}.mobile-copy h1 em{font:400 1.1em 'Permanent Marker';color:var(--purple)}.mobile-copy span{color:#aa9d8f}.cta-card{margin:0 16px;flex-direction:column;text-align:center}.actions{width:100%}.button{flex:1}.about{grid-template-columns:1fr;gap:34px;margin:80px auto;text-align:center}.logo-frame{max-width:500px;margin:auto}.about-copy>p{margin-left:auto;margin-right:auto}.nav-links a:first-child{display:none}}@media(max-width:620px){.nav{height:74px}.brand span{font-size:19px}.brand img{width:44px;height:44px}.nav-coffee{font-size:9px!important;padding:10px!important}.hero{padding:0}.banner-wrap{border-radius:0;min-height:600px}.actions{flex-direction:column}.button{width:100%;min-width:0}.about{padding:0 22px;margin-top:65px}.about h2{font-size:43px}footer{padding:24px;gap:20px;flex-direction:column;text-align:center}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}