/*
Theme Name: Brand Electronics Landing
Template: twentytwentyfive
Version: 1.0.0
Text Domain: brand-electronics-landing
*/
:root{--ink:#0d0f12;--paper:#f7f7f5;--blue:#3b6fff;--line:#e1e3e7;--muted:#626873}body{background:var(--paper);color:var(--ink)}.brand-landing{overflow:hidden}.brand-announcement{background:var(--ink);color:#fff;font-size:.78rem;letter-spacing:.04em;padding:.8rem 1rem;text-align:center}.brand-header{align-items:center;background:rgba(247,247,245,.96);border-bottom:1px solid var(--line);display:flex;gap:1.5rem;justify-content:space-between;padding:1.15rem clamp(1rem,6vw,6rem);position:sticky;top:0;z-index:30}.brand-header .wp-block-site-title{font-size:1rem;font-weight:800;letter-spacing:.08em;margin:0}.brand-nav{display:flex;gap:1rem}.brand-nav a{color:var(--ink);font-size:.86rem;text-decoration:none}.brand-nav a:hover,.brand-nav a:focus-visible{color:var(--blue)}.brand-hero{align-items:center;display:grid;gap:3rem;grid-template-columns:1fr .9fr;min-height:680px;padding:clamp(4rem,8vw,8rem) clamp(1rem,7vw,7rem)}.brand-eyebrow{color:var(--blue);font-size:.78rem;font-weight:800;letter-spacing:.12em;margin:0 0 1rem;text-transform:uppercase}.brand-hero h1,.brand-section h2,.brand-showcase h2{letter-spacing:-.07em;line-height:.91}.brand-hero h1{font-size:clamp(3.4rem,7vw,7rem);margin:0}.brand-hero-copy{font-size:1.1rem;line-height:1.65;max-width:480px}.brand-hero-media,.brand-product-visual{background:linear-gradient(145deg,#e9edf5,#fff 55%,#d6e1fb);border-radius:1.4rem;min-height:500px;position:relative}.brand-hero-media:after,.brand-product-visual:after{background:url('assets/earbuds-placeholder.svg') center/78% no-repeat;content:'';inset:0;position:absolute}.brand-benefits{border-bottom:1px solid var(--line);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding:0 clamp(1rem,7vw,7rem)}.brand-benefit{border-left:1px solid var(--line);padding:1.4rem}.brand-benefit:first-child{border:0}.brand-benefit h3{font-size:.92rem;margin:0 0 .35rem}.brand-benefit p,.brand-section-intro,.brand-tech-card p{color:var(--muted);font-size:.9rem;line-height:1.55;margin:0}.brand-section{padding:clamp(4rem,8vw,8rem) clamp(1rem,7vw,7rem)}.brand-section h2{font-size:clamp(2.5rem,5vw,5.2rem);margin:.5rem 0 1rem;max-width:670px}.brand-section-intro{max-width:620px}.brand-categories,.brand-technology{display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-top:2.5rem}.brand-category,.brand-tech-card{background:#fff;border:1px solid var(--line);min-height:230px;padding:1.5rem}.brand-category:nth-child(2){background:#dfe8ff}.brand-category:nth-child(3){background:#ebeae5}.brand-category:nth-child(4){background:#dce8ec}.brand-category h3{font-size:1.25rem;margin-top:6rem}.brand-category p{color:var(--muted);font-size:.9rem}.brand-showcase{background:var(--ink);color:#fff;display:grid;gap:5rem;grid-template-columns:1.1fr .8fr;padding:clamp(4rem,8vw,8rem) clamp(1rem,7vw,7rem)}.brand-product-visual{background:radial-gradient(circle at 50% 45%,#344870,#12151b 66%)}.brand-showcase h2{font-size:clamp(3rem,5vw,5.7rem);margin:.5rem 0 1.5rem}.brand-showcase p{color:#c4c8d0;line-height:1.65}.brand-points{display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-top:2rem}.brand-points div{border-top:1px solid #424650;padding-top:.8rem}.brand-points strong{display:block;font-size:.9rem}.brand-points span{color:#b5bbc5;font-size:.8rem}.brand-technology{grid-template-columns:1fr 1fr}.brand-tech-card{min-height:0}.brand-tech-card h3{font-size:1.25rem;margin:.35rem 0 .7rem}.brand-email{background:var(--blue);color:#fff;padding:clamp(4rem,7vw,7rem) 1rem;text-align:center}.brand-email h2{font-size:clamp(2.7rem,5vw,5.5rem);letter-spacing:-.07em;line-height:.92;margin:0}.brand-email p{margin:1rem auto 1.5rem;max-width:540px}.brand-email a{color:#fff;font-weight:800}.brand-footer{background:#121419;color:#c6cad2;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:2rem clamp(1rem,7vw,7rem)}.brand-footer p{font-size:.83rem;margin:0}.brand-footer a{color:#fff;text-decoration:none}@media(max-width:780px){.brand-header{align-items:flex-start;flex-direction:column;gap:.7rem}.brand-nav{flex-wrap:wrap}.brand-hero,.brand-showcase{grid-template-columns:1fr;min-height:0}.brand-hero{padding-top:4rem}.brand-hero-media,.brand-product-visual{min-height:360px}.brand-benefits{grid-template-columns:1fr 1fr;padding:0}.brand-benefit{border-bottom:1px solid var(--line);border-left:0}.brand-categories{grid-template-columns:1fr 1fr}.brand-category{min-height:180px}.brand-category h3{margin-top:3.3rem}.brand-technology{grid-template-columns:1fr}.brand-points{gap:.8rem}}/* Visual QA override: keeps the full hero conversion area above the fold. */
.brand-header{padding:1rem clamp(1.5rem,4.2vw,4rem)}
.brand-hero{grid-template-columns:minmax(0,.96fr) minmax(360px,1.04fr);min-height:460px;padding:2.5rem clamp(2rem,6vw,6rem)}
.brand-hero h1{font-size:clamp(3.35rem,5vw,5.2rem);white-space:nowrap}
.brand-hero-media{min-height:390px}
.brand-hero-media:after{background-size:82%;filter:contrast(1.2) saturate(.92) drop-shadow(0 24px 18px rgba(30,52,110,.25))}
@media(max-width:780px){.brand-header{padding:1rem 1.5rem}.brand-hero{display:block;min-height:0;padding:3rem 1.65rem 0}.brand-hero h1{font-size:clamp(3.05rem,14.5vw,4.05rem);white-space:normal}.brand-hero-media{min-height:350px}}`n/* Desktop navigation alignment */`n@media(min-width:801px){.brand-header,.shop-header{position:relative}.brand-header .brand-nav,.shop-header .shop-nav{left:50%!important;margin:0!important;position:absolute!important;transform:translateX(-50%);width:max-content}}`n`n/* Accessible fixed mobile navigation drawer */
.mobile-menu-backdrop{display:none}@media(max-width:800px){body.mobile-menu-open{overflow:hidden!important}.shop-header,.brand-header{position:relative!important;z-index:1002!important}.shop-header .shop-nav,.brand-header .brand-nav{background:#fff!important;box-shadow:18px 0 45px rgba(7,20,48,.14)!important;display:flex!important;flex-direction:column!important;gap:0!important;inset:0 auto 0 0!important;justify-content:flex-start!important;margin:0!important;max-width:340px!important;padding:calc(119px + 1rem) 1.5rem 2rem!important;position:fixed!important;transform:translateX(-105%)!important;transition:transform .24s ease!important;width:86vw!important;z-index:1003!important}.shop-header.is-open .shop-nav,.brand-header.is-open .brand-nav{transform:translateX(0)!important}.shop-header .shop-nav a,.brand-header .brand-nav a{border-bottom:1px solid #e8ebf0!important;color:#071a42!important;display:block!important;font-size:1rem!important;font-weight:700!important;padding:1.05rem 0!important;text-decoration:none!important;width:100%!important}.shop-header .shop-nav a:hover,.shop-header .shop-nav a:focus-visible,.brand-header .brand-nav a:hover,.brand-header .brand-nav a:focus-visible{color:#0758da!important}.mobile-menu-backdrop{background:rgba(5,14,33,.42)!important;display:block!important;inset:0!important;opacity:0!important;pointer-events:none!important;position:fixed!important;transition:opacity .24s ease!important;z-index:1001!important}.shop-header.is-open~.mobile-menu-backdrop,.brand-header.is-open~.mobile-menu-backdrop{opacity:1!important;pointer-events:auto!important}.shop-menu-toggle,.brand-menu-toggle{align-items:center!important;background:transparent!important;border:0!important;color:#071a42!important;display:flex!important;font-size:1.55rem!important;height:42px!important;justify-content:center!important;line-height:1!important;padding:0!important;width:42px!important;z-index:1004!important}.shop-header.is-open .shop-menu-toggle,.brand-header.is-open .brand-menu-toggle{font-size:2rem!important}.shop-header .shop-tools,.brand-header .brand-utilities{align-items:center!important;display:flex!important;z-index:1004!important}.shop-header .shop-wordmark,.brand-header .velora-wordmark{display:block!important;z-index:1004!important}}`n@media(max-width:800px){.shop-header .shop-nav,.brand-header .brand-nav{inset:131px auto 0 0!important;padding:1rem 1.5rem 2rem!important}.shop-header .shop-nav a,.brand-header .brand-nav a{padding:1.05rem 0!important}}`n@media(max-width:800px){
  .shop-header .shop-nav,.brand-header .brand-nav{inset:131px auto 0 0!important;padding:1rem 1.5rem 2rem!important}
  .shop-header .shop-nav a,.brand-header .brand-nav a{padding:1.05rem 0!important}
}