/*
Theme Name: House of Tastara Coming Soon
Theme URI: https://hotdehydrate.com/
Author: OpenAI
Description: Premium black-and-gold coming soon landing page for House of Tastara, spices and dehydrated ingredients.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: house-of-tastara
*/
:root{--gold:#e9b94e;--gold-light:#ffe6a0;--ink:#080706;--cream:#f7ecd2;--muted:#c8bda7}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--cream);font-family:Georgia,"Times New Roman",serif}
a{color:inherit}
.site-shell{min-height:100vh;position:relative;overflow:hidden;background:radial-gradient(ellipse at 78% 45%,rgba(130,48,14,.18),transparent 38%),linear-gradient(115deg,#050505 0%,#100c08 58%,#080706 100%)}
.site-shell:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.28'/%3E%3C/svg%3E")}
.container{width:min(1180px,calc(100% - 56px));margin:auto;position:relative;z-index:1}
.topbar{display:flex;align-items:center;justify-content:space-between;padding:24px 0 18px;gap:24px}
.brand{display:flex;align-items:center;text-decoration:none;max-width:300px}
.brand img{width:min(260px,100%);height:auto;display:block;max-height:160px;object-fit:contain}
.nav{display:flex;gap:26px;align-items:center;color:var(--gold-light);font-size:14px;letter-spacing:.04em}
.nav a{text-decoration:none;opacity:.9}
.nav a:hover{color:#fff}
.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:34px;padding:30px 0 56px;min-height:610px}
.copy{max-width:590px}
.eyebrow{display:flex;align-items:center;gap:15px;color:var(--gold);text-transform:uppercase;letter-spacing:.25em;font-size:13px;margin-bottom:22px}
.eyebrow:before,.eyebrow:after{content:"";height:1px;background:linear-gradient(90deg,transparent,var(--gold));width:44px;flex:0 0 44px}
.eyebrow:after{background:linear-gradient(90deg,var(--gold),transparent)}
h1{font-weight:400;text-transform:uppercase;font-size:clamp(56px,7.5vw,100px);line-height:.86;letter-spacing:-.045em;margin:0;color:var(--gold-light);text-shadow:0 2px 25px rgba(222,157,39,.12)}
h1 span{display:block;color:var(--gold);margin-left:clamp(30px,7vw,88px)}
.subhead{font-size:clamp(21px,2.4vw,30px);font-style:italic;line-height:1.25;margin:24px 0 22px;color:#fff0cb}
.intro{font-size:17px;line-height:1.8;color:#e6d9be;margin:0 0 26px;max-width:470px}
.product-list{color:var(--gold-light);font-size:15px;line-height:1.8}
.contact-pill{margin-top:28px;display:flex;align-items:center;gap:14px;max-width:500px;border:1px solid var(--gold);border-radius:999px;padding:7px 8px 7px 18px;text-decoration:none;background:rgba(0,0,0,.28);transition:.2s}
.contact-pill:hover{background:rgba(233,185,78,.12);transform:translateY(-1px)}
.mail-icon{width:31px;height:24px;flex:0 0 31px;border:1.5px solid var(--gold-light);border-radius:3px;position:relative}
.mail-icon:after{content:"";position:absolute;width:15px;height:15px;border-right:1.5px solid var(--gold-light);border-bottom:1.5px solid var(--gold-light);transform:rotate(45deg);top:-7px;left:6px}
.contact-text{font-size:clamp(14px,1.7vw,20px);overflow-wrap:anywhere}
.arrow{margin-left:auto;flex:0 0 48px;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#ffe6a0,#d99c2c);color:#1b1204;font:700 25px Arial}
.contact-note{color:var(--gold);text-align:center;font-size:14px;margin:12px 0 0;letter-spacing:.04em}
.visual{position:relative;min-height:490px;display:flex;align-items:center;justify-content:center}
.visual:before{content:"";position:absolute;width:88%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(164,56,9,.22),transparent 68%);filter:blur(10px)}
.spice-art{position:relative;width:100%;max-width:600px;filter:drop-shadow(0 24px 35px rgba(0,0,0,.55))}
.spice-art img{width:100%;height:auto;display:block;object-fit:contain}
.spice-placeholder{position:relative;width:100%;min-height:480px;border-radius:48% 52% 45% 55%;background:radial-gradient(ellipse at 50% 60%,#a03b12 0%,#4b1b0b 22%,#17100a 58%,transparent 70%);display:flex;align-items:center;justify-content:center;color:var(--gold);text-align:center;padding:35px}
.spice-placeholder:before{content:"";position:absolute;inset:10%;border:1px solid rgba(233,185,78,.45);border-radius:50%}
.spice-placeholder strong{font-size:clamp(26px,4vw,44px);font-weight:400;line-height:1.2;position:relative}
.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:8px 0 42px;max-width:650px}
.trust-item{text-align:center;padding:0 10px;border-right:1px solid rgba(233,185,78,.32)}
.trust-item:last-child{border-right:0}
.trust-icon{width:55px;height:55px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;margin:0 auto 10px;color:var(--gold-light);font-size:25px}
.trust-item span{display:block;color:#e9ddc5;font-size:14px;line-height:1.35}
.footer{border-top:1px solid rgba(233,185,78,.5);padding:20px 0 25px;text-align:center;color:var(--gold);text-transform:uppercase;letter-spacing:.19em;font-size:12px}
.footer:before{content:"";display:block;width:120px;height:2px;margin:-21px auto 17px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.footer small{display:block;text-transform:none;letter-spacing:.04em;color:#a99d87;font-size:12px;margin-top:9px}
@media(max-width:850px){.container{width:min(100% - 36px,680px)}.topbar{padding-top:18px;flex-direction:column;gap:14px}.brand{justify-content:center}.brand img{max-width:220px;max-height:130px}.nav{justify-content:center;gap:16px;flex-wrap:wrap;font-size:12px}.hero{grid-template-columns:1fr;gap:6px;padding:28px 0 35px;min-height:0}.copy{text-align:center;margin:auto}.eyebrow{justify-content:center;font-size:11px;letter-spacing:.19em}.eyebrow:before,.eyebrow:after{width:26px;flex-basis:26px}.intro{margin-left:auto;margin-right:auto}.contact-pill{margin-left:auto;margin-right:auto;text-align:left}.visual{min-height:300px;grid-row:1}.spice-art{max-width:440px}.spice-placeholder{min-height:300px;max-width:440px;margin:auto}.trust{margin:22px auto 34px}.footer{font-size:10px;letter-spacing:.12em}}
@media(max-width:460px){.container{width:calc(100% - 28px)}.nav{gap:10px}.nav a{font-size:11px}h1{font-size:clamp(48px,15vw,68px)}.subhead{font-size:21px}.intro{font-size:15px}.contact-pill{gap:9px;padding-left:12px}.arrow{width:40px;height:40px;flex-basis:40px}.trust{gap:4px}.trust-item{padding:0 4px}.trust-icon{width:46px;height:46px;font-size:21px}.trust-item span{font-size:12px}.visual{min-height:250px}}