@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Playfair+Display:ital,wght@0,600;1,700&family=Kalam:wght@400;700&display=swap');
:root{--brown:#2a190f;--brown2:#4a2918;--cream:#fff5df;--paper:#f4e3c2;--orange:#d9792b;--green:#284735;--ink:#20150f;--muted:#755e4d}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:"DM Sans",sans-serif}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.site-header{position:sticky;top:0;z-index:20;height:76px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:rgba(34,20,13,.96);color:#fff}.brand{display:flex;align-items:center;gap:10px}.brand-cup{font-size:36px}.brand b,.brand i{font-family:"Playfair Display";font-size:25px}.brand i{color:#e4934a}.brand small{display:block;font:11px Kalam;color:#f5d9b0}.nav{display:flex;align-items:center;gap:26px;font-size:14px}.nav a{opacity:.9}.nav a:hover,.nav .active{color:#f0a35d}.nav-cta,.btn{border:0;border-radius:999px;padding:13px 20px;cursor:pointer;font-weight:700}.nav-cta{background:#f2a35c;color:#27170e}.menu-btn{display:none;background:none;border:0;color:#fff;font-size:25px}
.hero{min-height:620px;padding:75px 8vw;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;color:#fff;background:radial-gradient(circle at 75% 45%,#7a4827 0,#351e12 32%,#1c100b 72%);overflow:hidden}.hero-copy{max-width:650px}.eyebrow{letter-spacing:2px;font-size:11px;font-weight:700;color:#d8833b}.hero h1{font:600 clamp(52px,7vw,92px)/.95 "Playfair Display";margin:15px 0}.hero h1 em,.hero h2 em{color:#df8a3b}.hero-sub{font:700 30px Kalam;margin:0 0 10px}.hero-text{max-width:540px;color:#e8d5c3;font-size:17px;line-height:1.7}.actions{display:flex;gap:14px;margin:25px 0}.primary{background:#ed984d;color:#25150c}.ghost{background:transparent;color:#fff;border:1px solid #d5bca6}.hero-stats{display:flex;gap:32px;margin-top:32px;color:#cdb7a2}.hero-stats span{border-right:1px solid #76533d;padding-right:32px}.hero-stats span:last-child{border:0}.hero-stats b{display:block;color:#f0a15a;font-size:24px}.hero-art{height:440px;position:relative;display:flex;align-items:center;justify-content:center}.big-cup{font-size:230px;filter:drop-shadow(0 35px 25px #0008);transform:rotate(-4deg)}.steam{position:absolute;top:15px;font:80px Kalam;color:#f3dcc2;line-height:.55;transform:rotate(8deg)}.cup-note{position:absolute;right:2%;top:22%;font:26px Kalam;color:#f4d5b4;transform:rotate(5deg)}.leaf{position:absolute;bottom:15%;left:15%;font-size:60px}
.paper-strip{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:18px;align-items:center;padding:30px 7vw;background:#f4e1bc;border-bottom:1px solid #ddc39b}.intro-line{font:28px Kalam}.intro-line b{display:block;font-size:34px}.feature{display:flex;flex-direction:column;gap:4px;padding:10px 15px;border-left:1px solid #d2b78d}.feature strong{font-size:28px}.feature small{color:var(--muted)}
.content-section,.stories,.about{padding:90px 7vw}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px}.section-head h2,h2{font:600 46px "Playfair Display";margin:6px 0}.section-head p{color:var(--muted)}.text-btn{border:1px solid #9b795c;background:none;padding:11px 18px;border-radius:99px;cursor:pointer}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:35px}.card{background:#fffaf0;border:1px solid #ead8b9;border-radius:18px;overflow:hidden;box-shadow:0 8px 25px #68401a12}.card>h3,.card>.tag,.card>.card-foot{margin-left:18px;margin-right:18px}.card h3{font-size:18px}.tag{display:inline-block;margin-top:14px;padding:5px 9px;border-radius:99px;background:#f1d6ae;font-size:11px;font-weight:700}.card-foot{display:flex;justify-content:space-between;padding:10px 0 18px;color:#806b59}.meme-visual,.quote-visual,.story-visual,.note-visual{height:190px;display:flex;align-items:center;justify-content:center;text-align:center}.meme-visual{background:linear-gradient(135deg,#ed9a52,#7e351b);color:#fff;font-size:27px;font-weight:800}.meme-visual span{font-size:17px}.quote-visual{background:#d9a06c;font:25px Kalam}.story-visual{background:linear-gradient(145deg,#6d3a1e,#db9655);color:#fff;font-size:75px}.story-visual small{font:23px Kalam}.note-visual{background:#f8edcf;font:27px Kalam;transform:rotate(-1deg)}
.mood-section{padding:65px 7vw;background:#ead2aa;display:grid;grid-template-columns:1fr 2fr;gap:35px;align-items:center}.mood-section h2{font-size:42px}.moods{display:flex;flex-wrap:wrap;gap:12px}.moods button{border:1px solid #d3b98f;background:#fff8e9;border-radius:18px;padding:18px 14px;min-width:120px;cursor:pointer;box-shadow:0 5px 12px #51301512}.moods button:hover{transform:translateY(-3px)}.moods span{display:block;font-size:12px;margin-top:7px}.mood-result{grid-column:1/-1;background:#fff8e9;padding:18px;border-radius:14px;font-weight:700}
.dark-section{padding:90px 7vw;background:#25160e;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.dark-section p{color:#d7c4b4}.charcha-card{background:#f7e4c0;color:#24160f;border-radius:22px;padding:35px;transform:rotate(1deg)}.charcha-card h3{font:700 30px Kalam}.poll{display:flex;gap:10px}.poll button{flex:1;border:1px solid #bd8e60;background:#fff7e7;border-radius:12px;padding:12px;cursor:pointer}.charcha-card small{display:block;margin-top:14px;color:#7a624d}
.stories{background:#f7e6c7}.polaroids{display:flex;justify-content:center;gap:30px;margin-top:40px}.polaroid{width:210px;padding:12px 12px 28px;background:#fff;color:#39251a;box-shadow:0 15px 30px #51301520;font:18px Kalam;text-align:center}.polaroid b{display:block;margin-top:12px}.rotate-left{transform:rotate(-6deg)}.rotate-right{transform:rotate(5deg)}.dark{background:#2b1a11;color:#fff}.submit-banner{margin:0 7vw;padding:45px;border-radius:24px;background:#e2b47a;display:flex;justify-content:space-between;align-items:center;gap:30px}.submit-banner h2{font-size:36px}.paper-icon{font-size:35px}.newsletter{margin-top:80px;padding:55px 7vw;background:#d4b083;display:flex;justify-content:space-between;align-items:center;gap:30px}.newsletter form{display:flex;background:#fff;border-radius:99px;padding:5px;min-width:380px}.newsletter input{border:0;outline:0;padding:13px 18px;flex:1;background:transparent}.newsletter form button{border:0;background:#6b351d;color:#fff;border-radius:99px;padding:12px 20px;font-weight:700}.about{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center}.about p{max-width:600px;line-height:1.8;color:#6d5645}.about-quote{font:40px Kalam;color:#6a351c;border-left:3px solid #d67f38;padding-left:30px}
footer{padding:45px 7vw 25px;background:#16291f;color:#fff;display:grid;grid-template-columns:1.3fr 2fr 1fr;gap:35px;align-items:start}.footer-brand{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:10px}.footer-brand span{font-size:40px;grid-row:span 2}.footer-brand b{font:27px "Playfair Display"}.footer-brand small{color:#c6ad94}.footer-links{display:flex;gap:18px;flex-wrap:wrap;color:#d8c9ba}.social{color:#d8c9ba}.social b{color:#ed9952}.copyright{grid-column:1/-1;border-top:1px solid #385040;padding-top:18px;color:#9fb1a5;font-size:12px}
.modal{position:fixed;inset:0;background:#120a07aa;display:none;align-items:center;justify-content:center;z-index:50;padding:20px}.modal.show{display:flex}.modal-box{position:relative;background:#fff5df;border-radius:24px;padding:35px;max-width:520px;width:100%;box-shadow:0 30px 80px #0008}.modal-box h2{font-size:38px}.modal-box form{display:grid;gap:12px}.modal-box select,.modal-box textarea{border:1px solid #d6bd99;border-radius:12px;padding:13px;background:#fffaf0}.modal-box textarea{min-height:130px;resize:vertical}.close{position:absolute;right:18px;top:14px;border:0;background:none;font-size:30px;cursor:pointer}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,30px);background:#24150e;color:#fff;padding:14px 20px;border-radius:99px;opacity:0;pointer-events:none;transition:.3s;z-index:60}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){.nav{display:none;position:absolute;top:76px;left:0;right:0;padding:20px;background:#24160f;flex-direction:column}.nav.open{display:flex}.menu-btn{display:block}.hero,.dark-section,.about{grid-template-columns:1fr}.hero{padding-top:55px}.hero-art{height:300px}.paper-strip{grid-template-columns:1fr 1fr}.intro-line{grid-column:1/-1}.cards{grid-template-columns:1fr 1fr}.mood-section{grid-template-columns:1fr}.submit-banner,.newsletter{flex-direction:column;align-items:flex-start}.newsletter form{min-width:0;width:100%}footer{grid-template-columns:1fr}.copyright{grid-column:auto}}
@media(max-width:560px){.site-header{padding:0 18px}.brand b,.brand i{font-size:20px}.hero{padding:45px 22px}.hero h1{font-size:52px}.hero-sub{font-size:25px}.hero-stats{gap:10px}.hero-stats span{padding-right:10px;font-size:11px}.paper-strip,.content-section,.stories,.about,.dark-section,.mood-section{padding-left:22px;padding-right:22px}.cards{grid-template-columns:1fr}.polaroids{gap:8px;flex-wrap:wrap}.polaroid{width:155px}.submit-banner{margin:0 22px}.newsletter{padding:45px 22px}.section-head{align-items:flex-start;flex-direction:column}h2,.section-head h2{font-size:38px}}