@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');
@import url('seo-page-overrides.css');
:root{--page-hero-height:430px}
header{background:rgba(16,43,44,.96)!important}
main:after{display:none}
.page-hero{position:relative;margin:0 -1px 62px;padding:0 0 62px;color:var(--cream)}
.page-hero:before{content:"";position:absolute;z-index:-1;top:-150px;bottom:0;left:-100vw;right:-100vw;background:radial-gradient(circle at 75% 22%,#b9d0bc33,transparent 16%),linear-gradient(135deg,#0a2022 0%,#123d3b 52%,#294d47 100%);background-image:radial-gradient(circle at 75% 22%,#b9d0bc33,transparent 16%),linear-gradient(135deg,#0a2022 0%,#123d3b 52%,#294d47 100%),url('kumki-tea-logo-white.png');background-repeat:no-repeat;background-position:center,center,82% 46%;background-size:auto,auto,min(32vw,330px)}
.page-hero h1{color:var(--cream)}.page-hero .hero-copy{color:#f1b08c}.page-hero .eyebrow{color:#f2b08d}
.contact-intro{position:relative;padding-bottom:50px}.contact-intro:before{content:"";position:absolute;z-index:-1;top:-150px;bottom:0;left:-100vw;right:-50vw;background:radial-gradient(circle at 75% 22%,#b9d0bc33,transparent 16%),linear-gradient(135deg,#0a2022 0%,#123d3b 52%,#294d47 100%)}.contact-intro h1{color:var(--cream)}.contact-intro .hero-copy{color:#f1b08c}
main{isolation:isolate;overflow:hidden}
main:after{content:"";position:absolute;z-index:0;top:0;left:-100vw;right:-100vw;height:var(--page-hero-height);background:radial-gradient(circle at 75% 22%,#b9d0bc33,transparent 16%),linear-gradient(135deg,#0a2022 0%,#123d3b 52%,#294d47 100%);background-image:radial-gradient(circle at 75% 22%,#b9d0bc33,transparent 16%),linear-gradient(135deg,#0a2022 0%,#123d3b 52%,#294d47 100%),url('kumki-tea-logo-white.png');background-repeat:no-repeat;background-position:center,center,82% 46%;background-size:auto,auto,min(32vw,330px);opacity:1;pointer-events:none}
main>*{position:relative;z-index:1}
main>h1{color:var(--cream);max-width:850px}
main>.hero-copy{color:#d5ded5;max-width:720px}
main>.eyebrow{color:#f2b08d}
main>h1+ .hero-copy{margin-bottom:0}
@media(max-width:500px){nav a:nth-child(2){display:inline}}
:root{--ink:#102b2c;--ink-2:#173b3b;--moss:#7d956d;--copper:#c97848;--cream:#f5f0e6;--paper:#fbf8f1;--line:rgba(16,43,44,.18);--mono:'DM Mono',monospace;--sans:'Manrope',sans-serif;--serif:'Playfair Display',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:10;opacity:.12;background-image:radial-gradient(#102b2c 1px,transparent 1px);background-size:8px 8px;mask-image:linear-gradient(120deg,transparent,black 55%,transparent)}a{color:inherit;text-decoration:none}
header{position:fixed;inset:0 0 auto;z-index:20;height:78px;padding:0 clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;color:var(--cream);background:rgba(16,43,44,.96);box-shadow:0 8px 30px #07171833}header>a{display:flex;align-items:center;height:78px}header img{width:74px;height:74px;object-fit:contain;filter:brightness(0) invert(1)}nav{display:flex;align-items:center;gap:28px;flex-wrap:wrap;font:500 12px var(--mono);letter-spacing:.14em;text-transform:uppercase}nav a{opacity:.82;color:var(--cream);transition:.2s}nav a:hover{color:#f2b08d;opacity:1}
main{position:relative;max-width:1180px;margin:auto;padding:150px clamp(20px,8vw,100px) 110px}main:before{content:"";position:absolute;top:78px;right:-12vw;width:42vw;height:30vw;border-radius:50%;background:radial-gradient(circle,#c9784833,transparent 68%);pointer-events:none}main h1{position:relative;max-width:900px;margin:0 0 24px;color:var(--ink);font:500 clamp(3.2rem,7vw,7.4rem)/.92 var(--serif);letter-spacing:-.07em}h2{color:var(--ink-2);font:500 clamp(2rem,4vw,4rem)/1 var(--serif);letter-spacing:-.05em;margin:72px 0 20px}h3{font:500 1.55rem var(--serif);color:var(--ink);margin:0 0 10px}p{max-width:760px}.eyebrow{position:relative;color:var(--copper);font:500 12px var(--mono);letter-spacing:.18em;text-transform:uppercase;margin-bottom:24px}.hero-copy{position:relative;max-width:720px;margin:0;color:#526b65;font-size:18px;line-height:1.85}.cards{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin:34px 0}.card{min-height:190px;padding:25px 22px;background:var(--ink);color:var(--cream);border-top:1px solid #e5a27d;box-shadow:0 15px 40px #102b2c14;transition:transform .25s,box-shadow .25s}.card:hover{transform:translateY(-6px);box-shadow:0 22px 45px #102b2c26}.card h2{margin:0 0 12px;color:#f1b08c;font-size:2.2rem}.card h3{color:#f1b08c}.card p{color:#d5ded5;line-height:1.7;font-size:14px}.card a{display:inline-block;margin-top:10px;color:#f2b08d;font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase}.cta,.btn{display:inline-flex;align-items:center;gap:12px;padding:15px 20px;border:1px solid var(--copper);border-radius:99px;color:var(--ink);font:500 12px var(--mono);letter-spacing:.1em;text-transform:uppercase;transition:.2s}.cta{background:var(--ink);color:#f5dacd}.cta:hover,.btn:hover{background:var(--copper);border-color:var(--copper);color:white}.page-note{padding:24px 26px;background:#dce3d3;border-left:3px solid var(--copper);color:#41605e;max-width:760px}.contact-form{position:relative;display:grid;gap:18px;margin-top:36px;padding:30px;background:#eef1e8;border:1px solid #102b2c2b;box-shadow:0 18px 50px #102b2c12}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field-group{display:grid;gap:8px}.field-label{font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#4e7068}.field-input,.field-textarea{width:100%;border:1px solid #77908766;background:#fbf8f1;color:var(--ink);padding:13px 14px;font:16px var(--sans);outline:none}.field-textarea{min-height:150px;resize:vertical}.field-input:focus,.field-textarea:focus{border-color:var(--copper);box-shadow:0 0 0 3px #c9784826}.form-note,.form-status{font-size:13px;line-height:1.6;color:#5b716a;margin:0}.form-status{display:none;padding:12px 14px;background:#dcead8;border-left:3px solid #4b8257;color:#285a39}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:7vw;align-items:start}.contact-details{padding-top:24px;border-top:1px solid var(--line)}.contact-details span{display:block;margin-bottom:8px;color:#71877a;font:11px var(--mono);letter-spacing:.15em;text-transform:uppercase}.contact-details a{font:500 clamp(1.4rem,3vw,2.4rem) var(--serif)}footer{padding:30px clamp(20px,8vw,100px);display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;background:#0b2021;color:#afc2b5;font:12px var(--mono);letter-spacing:.06em}footer img{width:80px;height:80px;object-fit:contain;filter:brightness(0) invert(1)}footer a{color:#f2b08d}@media(max-width:800px){header{height:72px;padding:0 20px}header>a{height:72px}header img{width:64px;height:64px}nav{gap:12px;font-size:10px}main{padding:125px 7vw 75px}main h1{font-size:clamp(3rem,14vw,5rem)}.contact-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.contact-form{margin-top:0}}@media(max-width:500px){nav{justify-content:flex-end;max-width:220px}nav a:nth-child(2){display:none}.cards{grid-template-columns:1fr}.card{min-height:160px}footer{flex-direction:column}}