/* Theme Name: I Am Halloween Starter
Theme URI: https://iamhalloween.com/
Author: I Am Halloween
Description: A bespoke, lightweight starter theme for a WooCommerce digital product storefront.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
Text Domain: iamhalloween-starter
*/
:root{--bg:#16131a;--paper:#f3eadb;--ink:#271b25;--accent:#e1a064;--muted:#bcb0b9;--violet:#56364e;--card:#261d29}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--paper);font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.65}a{color:inherit}a:hover{color:var(--accent)}.wrap{max-width:1160px;margin:auto;padding:0 24px}.skip-link{position:absolute;top:-60px;left:10px;background:#fff;color:#000;padding:8px;z-index:100}.skip-link:focus{top:10px}.sitehead{border-bottom:1px solid #ffffff22}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:83px}.brand{font-family:Georgia,serif;letter-spacing:2px;font-size:1.22rem;font-weight:700;text-decoration:none}.brand span{color:var(--accent)}.menu{display:flex;gap:26px;font-size:.9rem}.menu a{text-decoration:none;color:#d7ccd3}.menu a:hover{color:var(--accent)}.hero{padding:98px 0 102px;position:relative;overflow:hidden;background:radial-gradient(circle at 74% 38%,#46303d 0,transparent 44%),linear-gradient(110deg,#151218,#231922)}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:3px;font-size:.77rem;font-weight:750;color:var(--accent);margin:0 0 24px}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;line-height:1.1;letter-spacing:-.04em}h1{font-size:clamp(3.2rem,6.3vw,6.5rem);margin:0 0 27px}h2{font-size:clamp(2.15rem,4vw,3.8rem);margin:0 0 20px}h3{font-size:1.4rem;margin:0 0 12px}.hero p.lead{font-size:1.15rem;color:#d4c7ce;max-width:570px}.buttons{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:36px}.btn{display:inline-block;background:var(--accent);color:#241319!important;padding:14px 25px;text-decoration:none;font-weight:800;letter-spacing:.02em;border-radius:3px}.btn:hover{background:#f4bc82;color:#241319}.subtle{color:#baaeb8;font-size:.88rem}.cover{width:100%;max-width:420px;display:block;box-shadow:0 25px 75px #0008;border:1px solid #a47a6040;transform:rotate(3deg);margin:auto}.section{padding:85px 0}.section.alt{background:#201920}.intro{max-width:690px;color:#cfc4cc}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px}.tile{background:#2c222d;padding:25px;border:1px solid #574351}.tile b{color:#e4a96f;font-size:1.6rem;font-family:Georgia,serif}.offer{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px}.offer-image{width:100%;max-width:420px;box-shadow:0 15px 40px #0008}.label{font-size:.8rem;text-transform:uppercase;letter-spacing:2px;color:var(--accent)}.price{font-size:2.5rem;font-weight:800;margin:15px 0}.features{padding-left:19px;color:#d8ced3}.features li{margin:8px 0}.faq{max-width:850px}.faq details{border-bottom:1px solid #695767;padding:20px 0}.faq summary{font-weight:700;cursor:pointer}.faq p{color:#cabfc8}.sitefoot{border-top:1px solid #ffffff22;padding:35px 0;color:#9e929c;font-size:.88rem}.sitefoot a{color:#d5bec9}.woocommerce-page .site-content,.woocommerce .site-content{padding:55px 24px;max-width:1160px;margin:auto}.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{background:var(--accent)!important;color:var(--ink)!important}form input,form textarea{max-width:100%}@media(max-width:790px){.hero-grid,.offer{grid-template-columns:1fr}.tiles{grid-template-columns:1fr}.hero{padding:60px 0}.hero-art{display:none}.section{padding:60px 0}.nav{min-height:72px}.menu{gap:14px;font-size:.8rem}h1{font-size:3.5rem}}