/* ============================================================
 * LUMEN — Product category landing (HiGuys Beauty / Strands by Kikkie)
 * Scoped to .lcat-*. Brand accent set inline via --bacc / --bacc2 / --btint.
 * ============================================================ */
.lcat-hero,.lcat-outro{
	--ink:#2A2620; --muted:#8B8275; --soft:#6B6358; --cream:#F4EFE6; --line:#D8CDB9; --glass:#F1EBDF; --bg:#E6DDCD;
	--sans:'Inter',system-ui,sans-serif; --serif:'Playfair Display',Georgia,serif;
	--bacc:#5C6B50; --bacc2:#37362F; --btint:rgba(92,107,80,0.1);
}
/* full-bleed breakout from the Woo container */
.lcat-hero{position:relative;width:100vw;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;
	background:
		radial-gradient(ellipse 55% 70% at 100% 0%, var(--btint) 0%, transparent 60%),
		radial-gradient(ellipse 50% 60% at 0% 100%, var(--btint) 0%, transparent 58%),
		repeating-linear-gradient(125deg, rgba(184,160,124,0.05) 0 1px, transparent 1px 28px),
		var(--bg);
	border-bottom:1px solid var(--line);overflow:hidden;font-family:var(--sans);color:var(--ink);font-weight:300;margin-bottom:clamp(30px,4vw,56px);}
.lcat-hero-inner{max-width:1340px;margin:0 auto;padding:clamp(48px,6vw,96px) clamp(20px,5vw,72px);display:grid;grid-template-columns:1.08fr 0.92fr;gap:clamp(32px,5vw,80px);align-items:center;}
.lcat-eyebrow{display:inline-flex;align-items:center;gap:13px;font-size:0.64rem;font-weight:500;letter-spacing:0.28em;text-transform:uppercase;color:var(--muted);margin:0 0 18px;}
.lcat-eyebrow::before{content:"";width:34px;height:1px;background:var(--bacc);}
.lcat-title{font-family:var(--sans);font-weight:800;font-size:clamp(3rem,7vw,6rem);line-height:0.92;letter-spacing:-0.03em;text-transform:uppercase;margin:0;}
.lcat-title em{display:block;font-family:var(--serif);font-style:italic;font-weight:500;text-transform:none;letter-spacing:-0.01em;color:var(--bacc);font-size:1.04em;line-height:1.02;margin-top:4px;}
.lcat-tagline{font-size:clamp(1rem,1.4vw,1.18rem);line-height:1.8;color:var(--soft);max-width:42ch;margin:24px 0 28px;}
.lcat-props{display:flex;flex-wrap:wrap;gap:10px 12px;margin:0 0 30px;}
.lcat-prop{display:inline-flex;align-items:center;gap:9px;font-size:0.64rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:var(--ink);background:var(--glass);border:1px solid var(--line);border-radius:9999px;padding:11px 17px;}
.lcat-prop::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--bacc);}
.lcat-cue{display:inline-flex;align-items:center;gap:10px;font-size:0.66rem;font-weight:600;letter-spacing:0.16em;text-transform:uppercase;color:var(--bacc);}
.lcat-visual{position:relative;}
.lcat-visual-frame{position:relative;aspect-ratio:4/5;border-radius:20px;overflow:hidden;box-shadow:0 32px 60px -28px rgba(42,38,32,0.4);}
.lcat-visual-frame img{width:100%;height:100%;object-fit:cover;transition:transform 9s ease-out;animation:lcatKen 16s ease-in-out infinite alternate;}
.lcat-visual-bracket{position:absolute;top:-14px;left:-14px;width:50px;height:50px;border-top:1px solid var(--bacc);border-left:1px solid var(--bacc);opacity:0.6;}
.lcat-visual-badge{position:absolute;bottom:-16px;right:-12px;background:var(--ink);color:var(--cream);font-size:0.55rem;font-weight:600;letter-spacing:0.22em;text-transform:uppercase;padding:12px 18px;border-radius:9999px;}
@keyframes lcatKen{from{transform:scale(1);}to{transform:scale(1.07);}}

/* outro / cta band */
.lcat-outro{position:relative;width:100vw;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;margin-top:clamp(40px,5vw,72px);
	background:linear-gradient(150deg,var(--bacc),var(--bacc2));color:var(--cream);font-family:var(--sans);overflow:hidden;}
.lcat-outro::before{content:"";position:absolute;inset:0;opacity:0.5;pointer-events:none;background:radial-gradient(120% 80% at 50% 0%,rgba(244,239,230,0.16),transparent 58%);}
.lcat-outro-inner{position:relative;max-width:760px;margin:0 auto;padding:clamp(54px,7vw,96px) clamp(24px,5vw,48px);text-align:center;}
.lcat-outro .lcat-eyebrow{color:rgba(244,239,230,0.7);justify-content:center;}
.lcat-outro .lcat-eyebrow::before{background:rgba(244,239,230,0.7);}
.lcat-outro h2{font-family:var(--sans);font-weight:700;font-size:clamp(1.9rem,4vw,3rem);text-transform:uppercase;letter-spacing:-0.02em;line-height:1.05;margin:14px 0 14px;}
.lcat-outro h2 em{font-family:var(--serif);font-style:italic;font-weight:500;text-transform:none;color:rgba(244,239,230,0.85);}
.lcat-outro p{font-size:0.98rem;line-height:1.75;color:rgba(244,239,230,0.82);max-width:42ch;margin:0 auto 30px;}
.lcat-outro-links{display:flex;flex-wrap:wrap;gap:14px 16px;justify-content:center;}
.lcat-btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--sans);font-size:0.68rem;font-weight:600;letter-spacing:0.14em;text-transform:uppercase;padding:16px 30px;border-radius:9999px;background:var(--cream);color:var(--ink)!important;border:0;text-decoration:none;transition:transform .3s,filter .3s;}
.lcat-btn:hover{transform:translateY(-2px);filter:brightness(1.03);}
.lcat-btn--ghost{background:transparent;color:var(--cream)!important;border:1px solid rgba(244,239,230,0.45);}
.lcat-btn--ghost:hover{background:rgba(244,239,230,0.12);}

/* kill the gap between the fixed site header and the hero on brand category pages */
.aria-shop-main{padding-top:0!important;}
.aria-shop-wrap>.woocommerce-products-header{margin:0!important;padding:0!important;border:0!important;}
.aria-shop-wrap>.woocommerce-products-header>.lcat-hero:first-child{margin-top:0!important;}

/* small heading above the product grid */
.lcat-shophead{max-width:1340px;margin:0 auto clamp(8px,1.5vw,18px);padding:0 clamp(20px,5vw,72px);}
.lcat-shophead .lcat-eyebrow{margin:0;}

@media(max-width:900px){
	.lcat-hero-inner{grid-template-columns:1fr;gap:40px;}
	.lcat-visual{max-width:440px;}
}
@media (prefers-reduced-motion:reduce){
	.lcat-visual-frame img{animation:none!important;}
}