/* LIT homepage — WordPress additions on top of the preview's home.css / seismic-scroll.css.
   Loaded on the front page only (as are home.css and seismic-scroll.css). */

/* Inter from our own server (the preview loads it from Google Fonts; the product page already ships these files). */
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../litgraphics-product/assets/fonts/inter-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../litgraphics-product/assets/fonts/inter-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* Neue Haas Grotesk (Adobe Fonts kit, as on the product page) when the kit loads; Inter otherwise. */
/* body.lit-home-page beats any leftover theme `body{font-family}` printed after this file. */
body.lit-home-page{font-family:var(--font)}
:root{--font:"neue-haas-grotesk-text","Neue Haas Grotesk Text Pro",Inter,Arial,sans-serif}
body.lit-home-nhg :is(h1,h2,.hero h1,.seismic h2){font-family:"neue-haas-grotesk-display","neue-haas-grotesk-text",Inter,Arial,sans-serif}
/* The preview's very tight heading tracking (-.04 to -.07em) is tuned for Inter; Neue Haas
   Display is already narrow, so the same values run words together ("RIDEYOUROWNLOOK"). */
body.lit-home-nhg .hero h1{letter-spacing:-.025em}
body.lit-home-nhg .seismic h2{letter-spacing:-.025em}
body.lit-home-nhg :is(.section-heading h2,.customer-card h2,.dialog-top h2){letter-spacing:-.02em}

/* Real cart: item count on the bag icon. */
.cart-link{position:relative}
.lit-home-cart-count{position:absolute;top:4px;right:-6px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--tan);color:#151515;font-size:10px;font-weight:700;line-height:16px;text-align:center}

/* Rider List: spam trap (invisible to people), and the fields go once the address is accepted. */
.lit-home-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.newsletter-fields[hidden]{display:none}
body.lit-home-nhg :is(.featured-card blockquote,.featured-person strong,.latest .product-details strong,.more-card>span,.image-card-label,.style-card>span:first-child,.brand-card strong){letter-spacing:-.01em}
/* Phones: brand names keep the package's tight tracking, so "HUSQVARNA" fits its card at 320 px (Neue Haas is a touch wider than Inter). */
@media(max-width:700px){body.lit-home-nhg .brand-rail .brand-card strong{letter-spacing:-.045em}}

/* Hero slogan (Povilas 2026-10-12): a quieter set-up line, then the punchline — bigger, tan, its own line. */
/* 2026-10-14 (Povilas): "the build is almost done…" light italic lower case, then MAKE THE FINAL TOUCH. in pale tan. */
.hero h1 .hero-setup{display:block;margin-bottom:.22em;font-family:"neue-haas-grotesk-text",Inter,Arial,sans-serif;font-size:.6em;font-style:italic;font-weight:400;line-height:1.15;letter-spacing:.01em;text-transform:none;color:#e1d5c8} /* thinnest in the Adobe kit (Text 400; the kit has no italics or light weights yet) */
.hero h1 em{display:block;font-size:1.18em;font-weight:700;line-height:.98;letter-spacing:-.03em;color:#ffdda5}

/* Featured riders: riders.css (shared with the Full custom page, Povilas 2026-10-15). */

/* 2026-10-14: supplied LIT signature between the quality heading and its step copy. */
.seismic .seismic-sign{display:block;width:102px;height:auto;max-width:100%;margin:-8px 0 17px}
@media(max-width:700px){.seismic .seismic-sign{width:80px;margin:-4px auto 14px}}
@media(max-height:540px) and (orientation:landscape){.seismic .seismic-sign{width:72px;margin:-5px 0 11px}}
/* Horizontal logo "LIT Graphics" in header and footer (Povilas 2026-10-15: brand name readable) */
.brand img.lit-logo-h{width:150px;height:auto;aspect-ratio:912/244;object-fit:contain;filter:none;mix-blend-mode:normal}
.footer-brand img.lit-logo-h{width:170px;height:auto;aspect-ratio:912/244;object-fit:contain;filter:none;mix-blend-mode:normal;margin:0 0 12px}
@media(max-width:700px){.brand img.lit-logo-h{width:120px}.footer-brand img.lit-logo-h{width:150px}}