/* === Inline block 1 | source: head === */ @font-face{ font-family: Inter; font-weight: 800; font-style: normal; font-display: swap; src: url("cdn/fonts/inter/inter_n8.d15c916037fee1656886aab64725534609d62cc8.woff2") format("woff2"), url("cdn/fonts/inter/inter_n8.c88637171fecf10ab2d88c89dbf06f41a1ae8be5.woff") format("woff"); }@font-face{ font-family: Inter; font-weight: 400; font-style: normal; font-display: swap; src: url("cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2") format("woff2"), url("cdn/fonts/inter/inter_n4.af8052d517e0c9ffac7b814872cecc27ae1fa132.woff") format("woff"); }@font-face{ font-family: Inter; font-weight: 600; font-style: normal; font-display: swap; src: url("cdn/fonts/inter/inter_n6.771af0474a71b3797eb38f3487d6fb79d43b6877.woff2") format("woff2"), url("cdn/fonts/inter/inter_n6.88c903d8f9e157d48b73b7777d0642925bcecde7.woff") format("woff"); }@font-face{ font-family: Inter; font-weight: 700; font-style: normal; font-display: swap; src: url("cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2") format("woff2"), url("cdn/fonts/inter/inter_n7.6dab87426f6b8813070abd79972ceaf2f8d3b012.woff") format("woff"); }@font-face{ font-family: Inter; font-weight: 500; font-style: normal; font-display: swap; src: url("cdn/fonts/inter/inter_n5.d7101d5e168594dd06f56f290dd759fba5431d97.woff2") format("woff2"), url("cdn/fonts/inter/inter_n5.5332a76bbd27da00474c136abb1ca3cbbf259068.woff") format("woff"); }@font-face{ font-family: Inter; font-weight: 400; font-style: italic; font-display: swap; src: url("cdn/fonts/inter/inter_i4.feae1981dda792ab80d117249d9c7e0f1017e5b3.woff2") format("woff2"), url("cdn/fonts/inter/inter_i4.62773b7113d5e5f02c71486623cf828884c85c6e.woff") format("woff"); }@font-face{ font-family: Inter; font-weight: 500; font-style: italic; font-display: swap; src: url("cdn/fonts/inter/inter_i5.4474f48e6ab2b1e01aa2b6d942dd27fa24f2d99f.woff2") format("woff2"), url("cdn/fonts/inter/inter_i5.493dbd6ee8e49f4ad722ebb68d92f201af2c2f56.woff") format("woff"); }@font-face{ font-family: Inter; font-weight: 700; font-style: normal; font-display: swap; src: url("cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2") format("woff2"), url("cdn/fonts/inter/inter_n7.6dab87426f6b8813070abd79972ceaf2f8d3b012.woff") format("woff"); }:root, .color-scheme-1{--COLOR-BG-GRADIENT: #fcfbf9; --COLOR-BG: #fcfbf9; --COLOR-BG-RGB: 252, 251, 249; --COLOR-BG-ACCENT: #f5f2ec; --COLOR-BG-ACCENT-LIGHTEN: #ffffff; /* === Link Color ===*/ --COLOR-LINK: #1d1a1a; --COLOR-LINK-A50: rgba(29, 26, 26, 0.5); --COLOR-LINK-A70: rgba(29, 26, 26, 0.7); --COLOR-LINK-HOVER: rgba(29, 26, 26, 0.7); --COLOR-LINK-OPPOSITE: #ffffff; --COLOR-TEXT: #1d1a1a; --COLOR-TEXT-HOVER: rgba(29, 26, 26, 0.7); --COLOR-TEXT-LIGHT: #605e5d; --COLOR-TEXT-DARK: #000000; --COLOR-TEXT-A5: rgba(29, 26, 26, 0.05); --COLOR-TEXT-A35: rgba(29, 26, 26, 0.35); --COLOR-TEXT-A50: rgba(29, 26, 26, 0.5); --COLOR-TEXT-A80: rgba(29, 26, 26, 0.8); --COLOR-BORDER: rgb(209, 205, 196); --COLOR-BORDER-LIGHT: #e2dfd9; --COLOR-BORDER-DARK: #a49c8b; --COLOR-BORDER-HAIRLINE: #f7f4ef; --overlay-bg: #00000021; /* === Bright color ===*/ --COLOR-ACCENT: #ab8c52; --COLOR-ACCENT-HOVER: #806430; --COLOR-ACCENT-FADE: rgba(171, 140, 82, 0.05); --COLOR-ACCENT-LIGHT: #e8d4ae; /* === Default Cart Gradient ===*/ --FREE-SHIPPING-GRADIENT: linear-gradient(to right, var(--COLOR-ACCENT-LIGHT) 0%, #64a264 100%); /* === Buttons ===*/ --BTN-PRIMARY-BG: #db2c00; --BTN-PRIMARY-TEXT: #1d1a1a; --BTN-PRIMARY-BORDER: #1d1a1a; --BTN-PRIMARY-BORDER-A70: rgba(29, 26, 26, 0.7); --BTN-PRIMARY-BG-BRIGHTER: #c22700; --BTN-SECONDARY-BG: #1d1a1a; --BTN-SECONDARY-TEXT: #ffffff; --BTN-SECONDARY-BORDER: #1d1a1a; --BTN-SECONDARY-BORDER-A70: rgba(29, 26, 26, 0.7); --BTN-SECONDARY-BG-BRIGHTER: #2a2626; --COLOR-BG-BRIGHTER: #f4f0e8; --COLOR-BG-ALPHA-25: rgba(252, 251, 249, 0.25); --COLOR-BG-TRANSPARENT: rgba(252, 251, 249, 0);--COLOR-FOOTER-BG-HAIRLINE: #f7f4ef; /* Dynamic color variables */ --accent: var(--COLOR-ACCENT); --accent-fade: var(--COLOR-ACCENT-FADE); --accent-hover: var(--COLOR-ACCENT-HOVER); --border: var(--COLOR-BORDER); --border-dark: var(--COLOR-BORDER-DARK); --border-light: var(--COLOR-BORDER-LIGHT); --border-hairline: var(--COLOR-BORDER-HAIRLINE); --bg: var(--COLOR-BG-GRADIENT, var(--COLOR-BG)); --bg-accent: var(--COLOR-BG-ACCENT); --bg-accent-lighten: var(--COLOR-BG-ACCENT-LIGHTEN); --icons: var(--COLOR-TEXT); --link: var(--COLOR-LINK); --link-a50: var(--COLOR-LINK-A50); --link-a70: var(--COLOR-LINK-A70); --link-hover: var(--COLOR-LINK-HOVER); --link-opposite: var(--COLOR-LINK-OPPOSITE); --text: var(--COLOR-TEXT); --text-dark: var(--COLOR-TEXT-DARK); --text-light: var(--COLOR-TEXT-LIGHT); --text-hover: var(--COLOR-TEXT-HOVER); --text-a5: var(--COLOR-TEXT-A5); --text-a35: var(--COLOR-TEXT-A35); --text-a50: var(--COLOR-TEXT-A50); --text-a80: var(--COLOR-TEXT-A80); }body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-6, .color-scheme-7, .color-scheme-8, .color-scheme-9, .color-scheme-10, .color-scheme-11, .color-scheme-488db969-b6ee-43b4-9212-13f8a3c5c8ca{ color: var(--text); background: var(--bg); }:root{ --scrollbar-width: 0px; /* === Product grid badges ===*/ --COLOR-SALE-BG: #f7e9de; --COLOR-SALE-TEXT: #212121; --COLOR-BADGE-BG: #c0b9b8; --COLOR-BADGE-TEXT: #212121; --COLOR-SOLD-BG: #444444; --COLOR-SOLD-TEXT: #ffffff; --COLOR-NEW-BADGE-BG: #c0b9b8; --COLOR-NEW-BADGE-TEXT: #212121; --COLOR-PREORDER-BG: #644d3e; --COLOR-PREORDER-TEXT: #ffffff; /* === Quick Add ===*/ --COLOR-QUICK-ADD-BG: #fd3300; --COLOR-QUICK-ADD-BG-BRIGHTER: #e42e00; --COLOR-QUICK-ADD-TEXT: #ffffff; /* === Product sale color ===*/ --COLOR-SALE: #212121; /* === Helper colors for form error states ===*/ --COLOR-ERROR: #721C24; --COLOR-ERROR-BG: #F8D7DA; --COLOR-ERROR-BORDER: #F5C6CB; --COLOR-SUCCESS: #56AD6A; --COLOR-SUCCESS-BG: rgba(86, 173, 106, 0.2); --RADIUS: 0px; --RADIUS-SELECT: 0px; --COLOR-HEADER-LINK: #212121; --COLOR-HEADER-LINK-HOVER: #212121; --COLOR-MENU-BG: #fcfbf9; --COLOR-SUBMENU-BG: #fcfbf9; --COLOR-SUBMENU-LINK: #212121; --COLOR-SUBMENU-LINK-HOVER: rgba(33, 33, 33, 0.7); --COLOR-SUBMENU-TEXT-LIGHT: #636262; --COLOR-MENU-TRANSPARENT: #fcfbf9; --COLOR-MENU-TRANSPARENT-HOVER: #fcfbf9; --TRANSPARENT: rgba(255, 255, 255, 0); /* === Default overlay opacity ===*/ --underlay-opacity: 1; --underlay-bg: rgba(0,0,0,0.4); --header-overlay-color: transparent; /* === Custom Cursor ===*/ /* === Custom Icons ===*/ --ICON-ARROW-LEFT: url( "cdn/shop/t/13/assets/icon-nav-arrow-left__qs_b5cbc51d10.svg" ); --ICON-ARROW-RIGHT: url( "cdn/shop/t/13/assets/icon-nav-arrow-right__qs_acb708cec6.svg" ); --PRODUCT-GRID-ASPECT-RATIO: 100%; /* === Typography ===*/ --FONT-HEADING-MINI: 12px; --FONT-HEADING-X-SMALL: 16px; --FONT-HEADING-SMALL: 20px; --FONT-HEADING-MEDIUM: 36px; --FONT-HEADING-LARGE: 48px; --FONT-HEADING-X-LARGE: 60px; --FONT-HEADING-MINI-MOBILE: 12px; --FONT-HEADING-X-SMALL-MOBILE: 16px; --FONT-HEADING-SMALL-MOBILE: 20px; --FONT-HEADING-MEDIUM-MOBILE: 24px; --FONT-HEADING-LARGE-MOBILE: 32px; --FONT-HEADING-X-LARGE-MOBILE: 45px; --FONT-STACK-BODY: Inter, sans-serif; --FONT-STYLE-BODY: normal; --FONT-WEIGHT-BODY: 400; --FONT-WEIGHT-BODY-BOLD: 500; --LETTER-SPACING-BODY: 0.0em; --FONT-STACK-HEADING: Inter, sans-serif; --FONT-WEIGHT-HEADING: 800; --FONT-STYLE-HEADING: normal; --FONT-UPPERCASE-HEADING: uppercase; --LETTER-SPACING-HEADING: 0.0em; --FONT-STACK-SUBHEADING: Inter, sans-serif; --FONT-WEIGHT-SUBHEADING: 700; --FONT-STYLE-SUBHEADING: normal; --FONT-SIZE-SUBHEADING-DESKTOP: 14px; --FONT-SIZE-SUBHEADING-MOBILE: 14px; --FONT-UPPERCASE-SUBHEADING: uppercase; --LETTER-SPACING-SUBHEADING: 0.0em; --FONT-STACK-NAV: Inter, sans-serif; --FONT-WEIGHT-NAV: 600; --FONT-WEIGHT-NAV-BOLD: 700; --FONT-STYLE-NAV: normal; --FONT-SIZE-NAV: 16px; --LETTER-SPACING-NAV: 0.0em; --FONT-SIZE-BASE: 16px; /* === Parallax ===*/ --PARALLAX-STRENGTH-MIN: 120.0%; --PARALLAX-STRENGTH-MAX: 130.0%;--COLUMNS: 4; --COLUMNS-MEDIUM: 3; --COLUMNS-SMALL: 2; --COLUMNS-MOBILE: 1;--LAYOUT-OUTER: 50px; --LAYOUT-GUTTER: 32px; --LAYOUT-OUTER-MEDIUM: 30px; --LAYOUT-GUTTER-MEDIUM: 22px; --LAYOUT-OUTER-SMALL: 16px; --LAYOUT-GUTTER-SMALL: 16px;--base-animation-delay: 0ms; --line-height-normal: 1.375; /* Equals to line-height: normal; */--SIDEBAR-WIDTH: 288px; --SIDEBAR-WIDTH-MEDIUM: 258px;--DRAWER-WIDTH: 380px;--ICON-STROKE-WIDTH: 1px; /* === Button General ===*/ --BTN-FONT-STACK: "SF Mono", Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; --BTN-FONT-WEIGHT: 400; --BTN-FONT-STYLE: normal; --BTN-FONT-SIZE: 14px; --BTN-SIZE-SMALL: 7px; --BTN-SIZE-MEDIUM: 9px; --BTN-SIZE-LARGE: 16px;--BTN-FONT-SIZE-BODY: 0.875rem; --BTN-LETTER-SPACING: 0.025em; --BTN-UPPERCASE: uppercase; --BTN-TEXT-ARROW-OFFSET: -1px; /* === Button White ===*/ --COLOR-TEXT-BTN-BG-WHITE: #fff; --COLOR-TEXT-BTN-BORDER-WHITE: #fff; --COLOR-TEXT-BTN-WHITE: #000; --COLOR-TEXT-BTN-WHITE-A70: rgba(255, 255, 255, 0.7); --COLOR-TEXT-BTN-BG-WHITE-BRIGHTER: #f2f2f2; /* === Button Black ===*/ --COLOR-TEXT-BTN-BG-BLACK: #000; --COLOR-TEXT-BTN-BORDER-BLACK: #000; --COLOR-TEXT-BTN-BLACK: #fff; --COLOR-TEXT-BTN-BLACK-A70: rgba(0, 0, 0, 0.7); --COLOR-TEXT-BTN-BG-BLACK-BRIGHTER: #0d0d0d; /* === Swatch Size ===*/ --swatch-size-filters: 1.15rem; --swatch-size-product: 2.2rem; }/* === Backdrop ===*/::backdrop{ --underlay-opacity: 1; --underlay-bg: rgba(0,0,0,0.4); }/* === Gray background on Product grid items ===*/*, *::before, *::after{ box-sizing: inherit; }*{ -webkit-font-smoothing: antialiased; }html{ box-sizing: border-box; font-size: var(--FONT-SIZE-BASE); }html, body{ min-height: 100%; }body{ position: relative; min-width: 320px; font-size: var(--FONT-SIZE-BASE); text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } /* === Inline block 2 | source: head === */ /* ABC Repro Regular */@font-face{ font-family: 'ABC Repro'; src: url('cdn/shop/t/13/assets/ABCRepro-Regular__qs_a82b2c4dd2.woff2') format('woff2'), url('cdn/shop/t/13/assets/ABCRepro-Regular__qs_f203b87b6a.woff') format('woff'), url('cdn/shop/t/13/assets/ABCRepro-Regular__qs_e7cd498754.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; }/* ABC Repro Medium */@font-face{ font-family: 'ABC Repro'; src: url('cdn/shop/t/13/assets/ABCRepro-Medium__qs_69d3ecad1d.woff2') format('woff2'), url('cdn/shop/t/13/assets/ABCRepro-Medium__qs_e091f8dcd9.woff') format('woff'), url('cdn/shop/t/13/assets/ABCRepro-Medium__qs_bd959e3000.otf') format('opentype'); font-weight: 500; font-style: normal; font-display: swap; }/* ABC Repro Bold */@font-face{ font-family: 'ABC Repro'; src: url('cdn/shop/t/13/assets/ABCRepro-Bold__qs_303967c0cd.woff2') format('woff2'), url('cdn/shop/t/13/assets/ABCRepro-Bold__qs_3bc1bfed68.woff') format('woff'), url('cdn/shop/t/13/assets/ABCRepro-Bold__qs_912b5c5a61.otf') format('opentype'); font-weight: 700; font-style: normal; font-display: swap; } /* === Inline block 3 | source: shopify-section-template--20346678280329__pg_header_anchor_links_Q4YJBP === */ /* ==================== Anchor Target (Global) ==================== */.pg-anchor-target{ display: block; position: relative; top: -80px; /* Offset for sticky header */ visibility: hidden; height: 0; pointer-events: none; }@media (max-width: 989px){.pg-anchor-target{ top: -70px; /* Smaller header on mobile */ }}/* ==================== Announcement Bar ==================== */.pg-header-anchor-links__announcement{ background-color: var(--pg-announcement-bg); color: var(--pg-announcement-text); width: 100vw; margin-left: calc(-50vw + 50%); left: 0; display: flex; align-items: center; justify-content: center; padding: 10px 16px; position: relative; }.pg-header-anchor-links__announcement-track{ position: relative; flex: 1; max-width: 800px; text-align: center; min-height: 20px; }.pg-header-anchor-links__announcement-slide{ position: absolute; top: 0; left: 0; right: 0; opacity: 0; visibility: hidden; transition: opacity 400ms ease, visibility 400ms ease; font-family: 'ABC Repro', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; font-size: 14px; font-weight: 500; letter-spacing: 0.02em; line-height: 1.4; }.pg-header-anchor-links__announcement-slide.is-active{ position: relative; opacity: 1; visibility: visible; }.pg-header-anchor-links__announcement-slide b, .pg-header-anchor-links__announcement-slide strong{ font-weight: 700; }.pg-header-anchor-links__announcement-arrow{ display: flex; align-items: center; justify-content: center; background: transparent; border: none; color: var(--pg-announcement-text); cursor: pointer; padding: 4px; opacity: 0.7; transition: opacity 200ms ease; flex-shrink: 0; }.pg-header-anchor-links__announcement-arrow:hover{ opacity: 1; }.pg-header-anchor-links__announcement-arrow svg{ width: 16px; height: 16px; }@media (max-width: 989px){.pg-header-anchor-links__announcement{ padding: 8px 12px; }.pg-header-anchor-links__announcement-slide{ font-size: 13px; }.pg-header-anchor-links__announcement-arrow svg{ width: 14px; height: 14px; }}@media (max-width: 480px){.pg-header-anchor-links__announcement-slide{ font-size: 12px; }}/* ==================== Structure & Layout ==================== */#pg-header-anchor-links-template--20346678280329__pg_header_anchor_links_Q4YJBP{ position: sticky; top: 0; z-index: 1000; background-color: var(--pg-header-bg); /* Break out of parent container to full viewport width */ width: 100vw; margin-left: calc(-50vw + 50%); left: 0; }.pg-header-anchor-links__container{ max-width: 1440px; margin: 0 auto; padding: 0 clamp(16px, 4vw, 48px); display: flex; align-items: center; justify-content: space-between; height: 60px; }/* ==================== Logo ==================== */.pg-header-anchor-links__logo{ display: flex; align-items: center; gap: 10px; text-decoration: none; flex-shrink: 0; }.pg-header-anchor-links__logo-image{ height: 24px; width: auto; object-fit: contain; }/* ==================== Desktop Navigation ==================== */.pg-header-anchor-links__nav{ display: none; }.pg-header-anchor-links__nav-list{ list-style: none; margin: 0; padding: 0; display: flex; align-items: center; gap: 32px; }.pg-header-anchor-links__nav-item{ margin: 0; }.pg-header-anchor-links__nav-link{ font-family: 'ABC Repro', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; font-size: 14px; font-weight: 500; letter-spacing: 0.02em; color: var(--pg-header-link-color); text-decoration: none; transition: color 200ms ease; white-space: nowrap; }.pg-header-anchor-links__nav-link:hover{ color: var(--pg-header-link-hover); }/* ==================== CTA Button ==================== */.pg-header-anchor-links__cta{ display: none; align-items: center; justify-content: center; background: var(--pg-header-cta-bg); color: var(--pg-header-cta-color); font-family: 'ABC Repro', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; text-decoration: none; padding: 12px 24px; border-radius: 4px; border: none; cursor: pointer; transition: background-color 200ms ease; flex-shrink: 0; }.pg-header-anchor-links__cta:hover{ background: var(--pg-header-cta-hover-bg); }/* ==================== Mobile Menu Toggle ==================== */.pg-header-anchor-links__menu-toggle{ display: flex; align-items: center; justify-content: center; background: transparent; border: none; cursor: pointer; padding: 8px; margin-right: -8px; }.pg-header-anchor-links__menu-icon{ display: flex; flex-direction: column; justify-content: space-between; width: 24px; height: 18px; }.pg-header-anchor-links__menu-bar{ display: block; width: 100%; height: 2px; background-color: var(--pg-header-link-color); border-radius: 1px; transition: transform 300ms ease, opacity 300ms ease; }.pg-header-anchor-links__menu-toggle[aria-expanded="true"] .pg-header-anchor-links__menu-bar:nth-child(1){ transform: translateY(8px) rotate(45deg); }.pg-header-anchor-links__menu-toggle[aria-expanded="true"] .pg-header-anchor-links__menu-bar:nth-child(2){ opacity: 0; }.pg-header-anchor-links__menu-toggle[aria-expanded="true"] .pg-header-anchor-links__menu-bar:nth-child(3){ transform: translateY(-8px) rotate(-45deg); }/* ==================== Mobile Navigation ==================== */.pg-header-anchor-links__mobile-nav{ display: none; position: absolute; top: 100%; left: 0; right: 0; background-color: var(--pg-header-mobile-menu-bg); border-top: 1px solid rgba(255, 255, 255, 0.1); max-height: 0; overflow: hidden; transition: max-height 300ms ease; }.pg-header-anchor-links__mobile-nav.is-open{ max-height: 500px; }.pg-header-anchor-links__mobile-list{ list-style: none; margin: 0; padding: 16px clamp(16px, 4vw, 48px) 24px; display: flex; flex-direction: column; gap: 0; }.pg-header-anchor-links__mobile-item{ border-bottom: 1px solid rgba(255, 255, 255, 0.08); }.pg-header-anchor-links__mobile-item:last-child{ border-bottom: none; }.pg-header-anchor-links__mobile-item--cta{ margin-top: 16px; border-bottom: none; }.pg-header-anchor-links__mobile-link{ display: block; font-family: 'ABC Repro', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; font-size: 16px; font-weight: 500; color: var(--pg-header-link-color); text-decoration: none; padding: 14px 0; transition: color 200ms ease; }.pg-header-anchor-links__mobile-link:hover{ color: var(--pg-header-link-hover); }.pg-header-anchor-links__mobile-cta{ display: block; background: var(--pg-header-cta-bg); color: var(--pg-header-cta-color); font-family: 'ABC Repro', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; text-decoration: none; text-align: center; padding: 14px 24px; border-radius: 4px; transition: background-color 200ms ease; }.pg-header-anchor-links__mobile-cta:hover{ background: var(--pg-header-cta-hover-bg); }/* ==================== Desktop Styles ==================== */@media (min-width: 990px){.pg-header-anchor-links__container{ height: 70px; }.pg-header-anchor-links__nav{ display: flex; flex: 1; justify-content: center; margin: 0 40px; }.pg-header-anchor-links__cta{ display: inline-flex; }.pg-header-anchor-links__menu-toggle{ display: none; }.pg-header-anchor-links__mobile-nav{ display: none !important; }}/* ==================== Mobile Styles ==================== */@media (max-width: 989px){.pg-header-anchor-links__mobile-nav{ display: block; }} /* === Inline block 4 | source: pg-sp-hero-atf-template--20346678280329__pg_sp_hero_atf_kEyGHp === */ /* ==================== Structure & Layout ==================== */#pg-sp-hero-atf-template--20346678280329__pg_sp_hero_atf_kEyGHp{ background-color: var(--pg-sp-hero-bg); padding: var(--pg-sp-hero-pt) 0 var(--pg-sp-hero-pb); }.pg-sp-hero-atf__container{ max-width: 1280px; margin: 0 auto; padding: 0 clamp(16px, 5vw, 64px); }.pg-sp-hero-atf__header{ text-align: center; margin-bottom: 40px; }.pg-sp-hero-atf__content{ display: grid; grid-template-columns: 1fr; gap: 40px; align-items: start; }/* ==================== Prehead (Pill Badge) ==================== */.pg-sp-hero-atf__prehead{ display: inline-flex; align-items: center; justify-content: center; background: var(--pg-sp-hero-prehead-bg); border: 2px solid var(--pg-sp-hero-prehead-border); border-radius: 9999px; padding: 10px 24px; margin-bottom: 20px; font-family: 'ABC Repro', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; font-size: var(--prehead-font-size); font-weight: 700; letter-spacing: var(--prehead-letter-spacing); line-height: var(--prehead-line-height); text-transform: uppercase; color: var(--pg-sp-hero-prehead-color); }/* ==================== Headline ==================== */.pg-sp-hero-atf__headline{ font-family: 'ABC Repro', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; font-size: var(--headline-font-size); font-weight: 700; line-height: var(--headline-line-height); letter-spacing: var(--headline-letter-spacing); text-transform: uppercase; color: var(--pg-sp-hero-headline-color); margin: 0 0 24px; }.pg-sp-hero-atf__headline-text{ color: var(--pg-sp-hero-headline-color); }.pg-sp-hero-atf__headline-accent{ color: var(--pg-sp-hero-accent-color); }/* Desktop/Mobile headline visibility */.pg-sp-hero-atf__headline-desktop{ display: inline; }.pg-sp-hero-atf__headline-mobile{ display: none; }/* ==================== Subhead ==================== */.pg-sp-hero-atf__subhead{ font-family: 'GT Super Text', Georgia, 'Times New Roman', serif; font-size: var(--subhead-font-size); font-weight: 400; line-height: var(--subhead-line-height); letter-spacing: var(--subhead-letter-spacing); color: var(--pg-sp-hero-subhead-color); max-width: 720px; margin: 0 auto; }/* ==================== Media (Hero Animation) ==================== */.pg-sp-hero-atf__media{ width: 100%; }.pg-sp-hero-atf__media-placeholder{ background: linear-gradient(145deg, #f8f8f8 0%, #e8e8e8 100%); border-radius: 24px; aspect-ratio: 1 / 1; position: relative; overflow: hidden; box-shadow: 0 4px 6px -1px rgba(29, 26, 26, 0.08), 0 10px 20px -5px rgba(29, 26, 26, 0.12), 0 25px 50px -12px rgba(29, 26, 26, 0.15); }.pg-sp-hero-atf__hero-image, .pg-sp-hero-atf__hero-video{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 24px; }/* ==================== Info Column ==================== */.pg-sp-hero-atf__info{ display: flex; flex-direction: column; gap: 24px; }/* ==================== Bullets ==================== */.pg-sp-hero-atf__bullets{ list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 20px; }.pg-sp-hero-atf__bullet{ display: flex; align-items: flex-start; gap: 12px; }.pg-sp-hero-atf__bullet-icon{ flex-shrink: 0; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; color: var(--pg-sp-hero-check-color); margin-top: 2px; }.pg-sp-hero-atf__bullet-icon svg{ width: 18px; height: 14px; }.pg-sp-hero-atf__bullet-text{ font-family: 'GT Super Text', Georgia, 'Times New Roman', serif; font-size: var(--bullet-font-size); font-weight: 400; line-height: var(--bullet-line-height); letter-spacing: var(--bullet-letter-spacing); color: var(--pg-sp-hero-bullet-color); }.pg-sp-hero-atf__bullet-text strong{ font-family: 'ABC Repro', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; font-weight: 700; }.pg-sp-hero-atf__bullet-spacer{ display: inline-block; width: var(--bullet-bold-spacing); }/* ==================== CTA Button ==================== */.pg-sp-hero-atf__cta{ display: inline-flex; align-items: center; justify-content: center; background: var(--pg-sp-hero-cta-bg); color: var(--pg-sp-hero-cta-color); font-family: 'ABC Repro', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; font-size: var(--cta-font-size); font-weight: 700; letter-spacing: var(--cta-letter-spacing); text-transform: uppercase; text-decoration: none; padding: 18px 40px; border-radius: 4px; border: none; cursor: pointer; transition: background-color 200ms ease, transform 200ms ease; width: fit-content; }.pg-sp-hero-atf__cta:hover{ background: #DB2C00; transform: translateY(-1px); }/* ==================== Reviews ==================== */.pg-sp-hero-atf__reviews{ display: flex; align-items: center; gap: 8px; justify-content: center; }.pg-sp-hero-atf__stars{ display: flex; align-items: center; gap: 2px; color: var(--pg-sp-hero-star-color); }.pg-sp-hero-atf__stars svg{ width: 18px; height: 17px; }.pg-sp-hero-atf__review-text{ font-family: 'ABC Repro', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; font-size: var(--review-font-size); font-weight: 500; color: var(--pg-sp-hero-review-color); }/* ==================== Guarantee ==================== */.pg-sp-hero-atf__guarantee{ display: flex; align-items: flex-start; justify-content: center; gap: 10px; }.pg-sp-hero-atf__guarantee-icon{ flex-shrink: 0; width: 18px; height: 22px; margin-top: 2px; }.pg-sp-hero-atf__guarantee-icon svg, .pg-sp-hero-atf__guarantee-icon img{ width: 100%; height: 100%; object-fit: contain; }.pg-sp-hero-atf__guarantee-text-wrap{ display: flex; flex-direction: column; align-items: center; gap: 2px; }.pg-sp-hero-atf__guarantee-text{ font-family: 'ABC Repro Mono', 'Courier New', monospace; font-size: var(--guarantee-font-size); font-weight: 400; letter-spacing: var(--guarantee-letter-spacing); text-transform: uppercase; color: var(--pg-sp-hero-guarantee-color); text-align: center; line-height: 1.3; }/* ==================== Desktop Styles ==================== */@media (min-width: 990px){.pg-sp-hero-atf__content{ grid-template-columns: 1fr 1fr; gap: 60px; align-items: start; }.pg-sp-hero-atf__info{ padding-top: 20px; }.pg-sp-hero-atf__cta{ align-self: center; }.pg-sp-hero-atf__headline-desktop{ display: inline; }.pg-sp-hero-atf__headline-mobile{ display: none; }}/* ==================== Mobile Styles ==================== */@media (max-width: 989px){#pg-sp-hero-atf-template--20346678280329__pg_sp_hero_atf_kEyGHp{ padding: var(--pg-sp-hero-mobile-pt) 0 var(--pg-sp-hero-mobile-pb); }.pg-sp-hero-atf__header{ margin-bottom: 32px; }.pg-sp-hero-atf__prehead{ font-size: var(--prehead-font-size-mobile); padding: 8px 20px; }.pg-sp-hero-atf__headline{ font-size: var(--headline-font-size-mobile); margin-bottom: 16px; }.pg-sp-hero-atf__headline-desktop{ display: none; }.pg-sp-hero-atf__headline-mobile{ display: inline; }.pg-sp-hero-atf__subhead{ font-size: var(--subhead-font-size-mobile); }.pg-sp-hero-atf__content{ gap: 32px; }.pg-sp-hero-atf__bullets{ gap: 16px; }.pg-sp-hero-atf__bullet-text{ font-size: var(--bullet-font-size-mobile); }.pg-sp-hero-atf__cta{ width: 100%; padding: 16px 32px; font-size: var(--cta-font-size-mobile); }.pg-sp-hero-atf__review-text{ font-size: var(--review-font-size-mobile); }.pg-sp-hero-atf__guarantee-text{ font-size: var(--guarantee-font-size-mobile); }}