@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@400;500;600&display=swap');
:root{--bg:#f4eee5;--ink:#281a14;--muted:#73665b;--gold:#c38d55;--dark:#1b110e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{text-decoration:none;color:inherit}button{font:inherit;cursor:pointer}header{position:sticky;top:0;z-index:9;background:#f4eee5ed;backdrop-filter:blur(18px);border-bottom:1px solid #e4d9c9}.nav{max-width:1400px;margin:auto;padding:18px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:25px;font-weight:700;letter-spacing:.14em;line-height:.95}.brand small{display:block;font-size:9px;letter-spacing:.42em;text-align:center;margin-top:7px}.links{display:flex;align-items:center;gap:32px;font-size:11px;text-transform:uppercase;letter-spacing:.15em;font-weight:700}.links a:hover{color:#956037}.links button,.plain{border:0;background:none;color:inherit}.cartbtn{border:1px solid #796555!important;padding:13px 19px}.announcement{text-align:center;background:#241610;color:#e6d6c4;padding:10px 15px;font-size:10px;letter-spacing:.19em;text-transform:uppercase}.hero{background:linear-gradient(90deg,rgba(21,11,7,.95) 0%,rgba(28,15,9,.82) 43%,rgba(29,15,9,.28) 100%),url('https://images.unsplash.com/photo-1447933601403-0c6688de566e?auto=format&fit=crop&w=2000&q=85') center/cover;color:#f7ecdd;min-height:700px;display:flex;align-items:center;padding:95px max(6%,calc((100vw - 1250px)/2))}.hero>div:first-child{position:relative;z-index:1;max-width:670px}.eyebrow{font-size:11px;letter-spacing:.31em;text-transform:uppercase;color:#c89d6c;font-weight:700}h1,h2,h3{font-family:'Playfair Display',Georgia,serif;font-weight:400}h1{font-size:clamp(64px,7vw,116px);line-height:1.04;letter-spacing:-.045em;margin:23px 0 24px}h2{font-size:clamp(40px,4.8vw,68px);letter-spacing:-.04em;line-height:1.12;margin:18px 0}h3{font-size:28px}.hero p{font-size:17px;line-height:1.85;max-width:510px;color:#e0d0bd}.cta{display:inline-block;background:#d2a06b;color:#1a100c;padding:18px 29px;border:0;font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;margin-top:23px;transition:background .2s,transform .2s}.cta:hover{background:#ecc393;transform:translateY(-2px)}.hero-art{display:none}.perks{background:#2c1b14;color:#f0e1cf;display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:23px 5%;text-align:center;font-size:11px;letter-spacing:.15em;text-transform:uppercase}.perks span+span{border-left:1px solid #6d5040}section{max-width:1370px;margin:auto;padding:110px 5%}.intro{display:flex;justify-content:space-between;align-items:end;gap:45px}.intro p{max-width:400px;line-height:1.8;color:var(--muted)}.filters{display:flex;gap:9px;flex-wrap:wrap;margin:36px 0}.filters button{border:1px solid #c8b7a6;background:transparent;padding:11px 17px;font-size:11px;letter-spacing:.05em}.filters button:hover,.filters button.active{background:var(--dark);color:#fff}.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:23px}.product{background:#fffcf6;box-shadow:0 10px 30px #3522170c;overflow:hidden;transition:transform .25s,box-shadow .25s}.product:hover{transform:translateY(-5px);box-shadow:0 20px 45px #3522171c}.product .visual{min-height:325px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;background:radial-gradient(circle at 50% 45%,#d9bfa0,#ab8970)}.product .visual:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#2d170d52,transparent 55%)}.product .visual:after{content:'THE SIGNATURE SEVEN';position:absolute;top:19px;left:19px;font-size:9px;letter-spacing:.19em;color:#fff}.bag{position:relative;background:linear-gradient(105deg,#120f0c,#3b3028 55%,#14100d);width:165px;height:265px;border-radius:5px 5px 10px 10px;box-shadow:17px 24px 30px #0006;padding:42px 10px 12px;display:flex;align-items:center;justify-content:center}.bag:before{content:'';position:absolute;top:17px;left:4%;right:4%;height:9px;border-top:3px solid #65594d;border-bottom:2px solid #65594d}.bag .label{background:#e8d9bd;color:#211b15;width:100%;min-height:160px;text-align:center;padding:18px 6px;display:flex;flex-direction:column;justify-content:space-between}.label b{font-size:22px;letter-spacing:.05em}.label small{font-size:8px;letter-spacing:.2em}.label strong{font-family:'Playfair Display',Georgia,serif;font-size:19px;font-weight:400}.label i{font-size:10px;font-style:normal}.product .bag{transform:scale(.88);transition:transform .3s}.product:hover .bag{transform:scale(.95) rotate(-2deg)}.product .info{padding:24px}.product h3{margin:10px 0}.product p{font-size:13px;color:var(--muted);line-height:1.75;min-height:65px}.tag{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#8d603d}.product button{width:100%;padding:15px;background:#271810;color:white;border:0;font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:700}.product button:hover{background:#70472d}.note{font-size:12px;color:#817165;line-height:1.7}.story{max-width:none;background:#261811;color:#f5e6d2;padding:105px max(6%,calc((100vw - 1240px)/2));display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.story h2{font-size:clamp(48px,5vw,78px)}.story p{font-size:16px;line-height:1.95;color:#d2bfa9}.story:after{content:'';display:none}.banner{background:#dbc2a4;text-align:center;padding:85px 6%}.banner h2{font-size:clamp(40px,5vw,65px)}.banner p{color:#655041}.email{display:flex;gap:10px;max-width:580px;margin:30px auto 0}.email input{padding:18px;flex:1;min-width:0;border:1px solid #ad9277;background:#fffaf3}.email button{background:#261811;color:white;border:0;padding:17px 25px;font-weight:700}.footer{background:#170e0a;color:#dbcbbb;padding:55px 6%;display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap;font-size:12px}.footer a{text-decoration:underline}.overlay{position:fixed;inset:0;background:#0009;z-index:20;display:none}.overlay.open{display:block}.drawer{position:fixed;right:0;top:0;bottom:0;width:min(440px,100%);background:#faf5ed;z-index:21;padding:28px;transform:translateX(110%);transition:.25s;overflow:auto}.drawer.open{transform:translateX(0)}.drawerhead{display:flex;align-items:center;justify-content:space-between}.drawerhead button{border:0;background:none;font-size:28px}.cartline{padding:18px 0;border-bottom:1px solid #ddcfbe;display:flex;justify-content:space-between;gap:15px}.cartline button{border:0;background:none;text-decoration:underline}.checkout{width:100%;background:#281a14;color:white;border:0;padding:17px;margin-top:20px}.disclaimer{background:#e9d9c4;padding:16px;font-size:12px;line-height:1.7}.sr{position:absolute;left:-9999px}@media(max-width:1000px){.products{grid-template-columns:repeat(2,1fr)}.hero{min-height:610px}.story{gap:40px}}@media(max-width:650px){.nav{padding:16px 5%}.links{gap:8px}.links a{display:none}.cartbtn{padding:11px 12px}.hero{min-height:590px;padding:80px 7%;background-position:58% center}.hero h1{font-size:clamp(59px,13vw,85px)}.hero p{font-size:15px}.perks{grid-template-columns:1fr;gap:13px}.perks span+span{border-left:0}section{padding:70px 5%}.intro{display:block}.products{gap:12px}.product .visual{min-height:220px}.product .bag{transform:scale(.63);margin:-45px}.product:hover .bag{transform:scale(.67)}.product .info{padding:15px}.product h3{font-size:23px}.product p{font-size:12px;min-height:88px}.product button{font-size:10px;padding:13px 8px}.story{grid-template-columns:1fr;padding:80px 7%}.email{flex-direction:column}.footer{padding:40px 6%}}
/* Signature Seven merchandising: distinctive, expressive, supplier-neutral */
.product{border:1px solid #e5d7c6;border-radius:3px}
.product .visual{isolation:isolate;min-height:340px;background:radial-gradient(circle at 48% 47%,var(--blend-accent),#785844 105%)}
.product .visual:before{z-index:-1;background:linear-gradient(165deg,#ffffff18 0%,transparent 42%,#1e110c88 100%)}
.product .visual:after{display:none}
.product .visual-glow{position:absolute;width:240px;height:240px;border-radius:50%;background:#fff7df35;filter:blur(30px);z-index:-1}
.product--midnight .visual{background:radial-gradient(circle at 50% 35%,#655957,#211a1c 90%)}
.product--elevation .visual{background:radial-gradient(circle at 50% 38%,#9e7151,#36241b 95%)}
.product--horizon .visual{background:radial-gradient(circle at 50% 38%,#f0d3a5,#a88c70 100%)}
.product--velvet .visual{background:radial-gradient(circle at 50% 38%,#e6bcae,#a77a72 100%)}
.product--afterglow .visual{background:radial-gradient(circle at 50% 38%,#c8bba8,#706155 100%)}
.blend-number,.blend-moment,.visual-foot{position:absolute;z-index:2;color:#fffaf2;text-shadow:0 1px 7px #29160d55}
.blend-number{top:20px;left:19px;font-size:10px;letter-spacing:.17em;font-weight:700}
.blend-moment{top:20px;right:18px;font-size:10px;max-width:48%;text-align:right;letter-spacing:.04em}
.visual-foot{bottom:18px;left:19px;right:19px;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.19em}
.visual-foot span{font-size:22px;line-height:1}
.product .bag{z-index:1;box-shadow:18px 24px 24px #180e0b66;transform:scale(.91) rotate(-3deg)}
.product:hover .bag{transform:scale(.99) rotate(0deg)}
.product .info{padding:25px 23px 22px}
.product .tag{font-size:9px;font-weight:700}
.product h3{font-size:33px;margin:9px 0 5px}
.product .product-hook{font-family:'Playfair Display',Georgia,serif;color:#51392b;font-size:16px;line-height:1.45;min-height:46px;margin:8px 0 19px}
.taste{border-top:1px solid #e8ddd0;padding:15px 0 19px;display:flex;flex-direction:column;gap:7px;min-height:77px}
.taste-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:#9a7a5e}
.taste-notes{font-size:12px;font-weight:600;color:#3d3027}
.product .info button{display:flex;align-items:center;justify-content:space-between;text-align:left;padding:16px 17px;transition:background .2s}
.product .info button span{font-size:18px}
.product-caveat{text-align:center;font-size:10px;color:#9a897a;margin-top:12px}
@media(max-width:650px){.product .visual{min-height:245px}.blend-number{top:12px;left:11px}.blend-moment{top:12px;right:10px;font-size:9px}.visual-foot{bottom:12px;left:11px;right:11px;font-size:8px}.product .bag{transform:scale(.64) rotate(-3deg);margin:-42px}.product:hover .bag{transform:scale(.68)}.product .info{padding:17px 13px}.product h3{font-size:25px}.product .product-hook{font-size:14px;min-height:60px}.taste{min-height:92px}.taste-notes{font-size:11px}.product .info button{font-size:9px;padding:13px 9px}.product-caveat{font-size:9px}}

/* Personal brand story */
.story{grid-template-columns:.95fr 1.05fr;align-items:start}
.story h3{font-size:26px;margin:10px 0 12px;color:#f2d3ac}
.story .story-signature{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-size:23px;color:#d8aa79;margin-top:28px}
.story .story-closing{color:#e9c597;font-weight:700;font-size:14px;letter-spacing:.02em;border-top:1px solid #684838;padding-top:23px;margin-top:28px}
@media(max-width:650px){.story{grid-template-columns:1fr}.story h3{font-size:24px}}

.founder-note{margin-top:38px;padding:32px;background:#39251b;border-left:3px solid #d2a46e}
.founder-note-label{font-size:10px;letter-spacing:.22em;color:#d7aa79;font-weight:700}
.founder-note blockquote{margin:19px 0;font:italic 21px/1.65 'Playfair Display',Georgia,serif;color:#f8e8d6}
.founder-note blockquote p{font:inherit;color:inherit;margin:16px 0}
.founder-credit{font-size:12px;color:#d6b894;font-weight:700}
.founder-pick{display:inline-block;margin-top:25px;padding:12px 0;border-bottom:1px solid #d2a46e;color:#edc496;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700}
.founder-pick:hover{color:#fff}
@media(max-width:650px){.founder-note{padding:24px}.founder-note blockquote{font-size:19px}}

/* First-cup audience storytelling */
.first-cup{max-width:1370px;padding:95px 5% 30px}
.first-cup-heading{text-align:center;max-width:680px;margin:0 auto 36px}
.first-cup-heading p{color:#73665b;line-height:1.8}
.first-cup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.first-cup-card{position:relative;overflow:hidden;min-height:385px;padding:38px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;color:#fff3e4;background-size:cover;background-position:center}
.first-cup-home{background-image:linear-gradient(0deg,#21130deb,#21130d6b 75%),url('https://images.unsplash.com/photo-1495474472287-4d71bcdd2085?auto=format&fit=crop&w=1200&q=80')}
.first-cup-work{background-image:linear-gradient(0deg,#21130deb,#21130d6b 75%),url('https://images.unsplash.com/photo-1517245386807-bb43f82c33c4?auto=format&fit=crop&w=1200&q=80')}
.first-cup-index{font-size:10px;letter-spacing:.2em;font-weight:700;color:#e4b888}
.first-cup-card h3{font-size:clamp(30px,3vw,43px);margin:15px 0 6px}
.first-cup-card p{line-height:1.75;max-width:400px;color:#ebdbcc}
.first-cup-card a{font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:700;color:#f4c58f;border-bottom:1px solid #f4c58f;padding:10px 0}
@media(max-width:650px){.first-cup{padding:70px 5% 10px}.first-cup-grid{grid-template-columns:1fr}.first-cup-card{min-height:335px;padding:26px}}

/* Refined footer: strong signature, readable navigation, quiet bottom bar */
.footer{display:block;padding:0;background:#1c110d;color:#e8d8c8}
.footer-main{max-width:1320px;margin:auto;padding:78px 5% 67px;display:grid;grid-template-columns:1.25fr 1fr;gap:90px}
.footer-brand{max-width:490px}
.footer-logo{display:inline-flex;flex-direction:column;align-items:center;font-size:36px;line-height:1;font-weight:700;letter-spacing:.06em;color:#f2ddc3;text-decoration:none}
.footer-logo span{font-size:10px;letter-spacing:.43em;margin-top:9px}
.footer-brand h2{font-size:clamp(34px,3.4vw,52px);line-height:1.1;margin:34px 0 18px;color:#f6e9d9}
.footer-brand p{max-width:395px;font-size:14px;line-height:1.85;color:#bda995}
.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding-top:9px}
.footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:17px}
.footer-column h3{font-family:'DM Sans',Arial,sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.21em;color:#d2a16e;margin:0 0 10px}
.footer-column a{font-size:13px;text-decoration:none;color:#ddcbb8;transition:color .2s}
.footer-column a:hover{color:#f4bf85}
.footer-bottom{border-top:1px solid #51392b;max-width:1320px;margin:auto;padding:24px 5% 30px;display:flex;align-items:center;justify-content:space-between;gap:22px;font-size:11px;color:#aa9584}
.footer-bottom a{color:#ddc4a8;text-decoration:none;white-space:nowrap}
.footer-bottom a:hover{color:#fff}
@media(max-width:750px){.footer-main{grid-template-columns:1fr;gap:42px;padding:58px 6% 50px}.footer-links{gap:25px}.footer-bottom{padding:23px 6% 28px;flex-wrap:wrap;justify-content:flex-start}.footer-bottom span:nth-child(2){width:100%;order:3}.footer-brand h2{margin-top:25px}}
@media(max-width:380px){.footer-links{grid-template-columns:1fr 1fr;gap:14px}.footer-column a{font-size:12px}}

/* Premium guided discovery and accessible FAQs */
.coffee-guide{max-width:1370px;padding:75px 5% 95px}
.guide-heading,.faq-heading{text-align:center;max-width:700px;margin:0 auto 36px}
.guide-heading p,.faq-heading p{color:#73665b;line-height:1.85}
.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.guide-grid article{background:#fffaf3;border:1px solid #e4d5c2;padding:35px;display:flex;flex-direction:column;align-items:flex-start;min-height:275px}
.guide-icon{font-size:28px;color:#a16b3f}
.guide-grid h3{font-size:29px;margin:20px 0 8px}
.guide-grid p{font-size:13px;line-height:1.8;color:#6c5a4d;flex:1}
.guide-grid a{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;border-bottom:1px solid #a16b3f;padding-bottom:6px}
.guide-grid a:hover{color:#a16b3f}
.faq{max-width:1080px;padding:90px 5%}
.faq-items{border-top:1px solid #d6c4b0}
.faq-items details{border-bottom:1px solid #d6c4b0;padding:22px 5px}
.faq-items summary{font-size:16px;font-weight:700;cursor:pointer;list-style-position:outside}
.faq-items details[open] summary{color:#865532}
.faq-items p{font-size:14px;line-height:1.85;color:#6c5a4d;max-width:770px}
.faq-items a{text-decoration:underline}
@media(max-width:800px){.guide-grid{grid-template-columns:1fr}.guide-grid article{min-height:220px}.coffee-guide,.faq{padding:65px 5%}}

.product-detail-link{display:flex;justify-content:space-between;align-items:center;margin:0 0 12px;padding:12px 3px;color:#6e452d;font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid #bfa38b}.product-detail-link:hover{color:#281a14;border-color:#281a14}