/* ConnectWholesale — Contact page styles
   Extracted from the approved contact HTML prototype. */

:root{
      --navy:#141b2d;
      --navy-2:#1a2238;
      --ink:#141b2d;
      --muted:#5a4a50;
      --paper:#f7f6f2;
      --card:#ffffff;
      --line:#dedfd9;
      --pink:#ff5805;
      --gold:#ff5805;
      --green:#34ad81;
      --blue:#4967d8;
      --cw-orange:#ff5805;
      --cw-dark:#141b2d;
      --soft-blue:#eaf0ff;
      --soft-pink:#fff0f4;
      --soft-gold:#fff7e5;
      --container:1320px;
      --ease:cubic-bezier(.2,.7,.2,1);
      --shadow:0 24px 70px rgba(20,27,45,.08);
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      background:#ffffff;
      color:var(--ink);
      font-family:"Satoshi","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
      line-height:1.6;
      overflow-x:hidden;
    }
    body.page-template-page-contact #main-content,
    body.contact #main-content{
      --page-grid-mouse-x:-9999px;
      --page-grid-mouse-y:-9999px;
      --page-grid-hover-active:0;
      position:relative;
      isolation:isolate;
      background-color:#ffffff;
      background-image:
        linear-gradient(to right,rgba(12,4,7,var(--page-grid-opacity,.015)) 1px,transparent 1px),
        linear-gradient(to bottom,rgba(12,4,7,var(--page-grid-opacity,.015)) 1px,transparent 1px);
      background-size:var(--page-grid-size,36px) var(--page-grid-size,36px);
      background-position:center top;
      background-repeat:repeat;
      background-attachment:scroll;
    }
    body.page-template-page-contact #main-content::before,
    body.contact #main-content::before{
      content:"";
      position:absolute;
      inset:0;
      z-index:0;
      pointer-events:none;
      background-image:
        linear-gradient(to right,rgba(12,4,7,var(--page-grid-hover-opacity,.11)) 1px,transparent 1px),
        linear-gradient(to bottom,rgba(12,4,7,var(--page-grid-hover-opacity,.11)) 1px,transparent 1px);
      background-size:var(--page-grid-size,36px) var(--page-grid-size,36px);
      background-position:center top;
      background-repeat:repeat;
      opacity:var(--page-grid-hover-active,0);
      mask-image:radial-gradient(circle var(--page-grid-hover-radius,220px) at var(--page-grid-mouse-x,-9999px) var(--page-grid-mouse-y,-9999px),#000 0%,transparent 100%);
      -webkit-mask-image:radial-gradient(circle var(--page-grid-hover-radius,220px) at var(--page-grid-mouse-x,-9999px) var(--page-grid-mouse-y,-9999px),#000 0%,transparent 100%);
      transition:opacity .2s ease;
    }
    body.page-template-page-contact #main-content > *,
    body.contact #main-content > *{
      position:relative;
      z-index:1;
    }
    body.page-template-page-contact #main-content > .section,
    body.contact #main-content > .section{
      isolation:auto;
      border-top:0 !important;
      border-bottom:0 !important;
      background-color:transparent;
      background-image:none;
    }
    body.page-template-page-contact #main-content > .section::before,
    body.contact #main-content > .section::before{
      content:none;
      display:none;
    }
    body.page-template-page-contact #main-content > .section > .container,
    body.contact #main-content > .section > .container{
      position:relative;
      z-index:1;
    }

    a{color:inherit;text-decoration:none}
    button,input,select,textarea{font:inherit}
    input,select,textarea{width:100%}
    .container{width:min(calc(100% - 40px),var(--container));margin-inline:auto}
    .section{padding:96px 0}

    .eyebrow{
      margin-bottom:18px;
      font-size:12px;
      font-weight:700;
      letter-spacing:.13em;
      text-transform:uppercase;
      color:var(--muted);
    }

    h1,h2,h3,h4{
      margin:0;
      font-family:"Bricolage Grotesque",sans-serif;
      letter-spacing:-.045em;
      line-height:.98;
    }
    h1{font-size:clamp(58px,7vw,108px);font-weight:600}
    h2{font-size:clamp(42px,5vw,72px);font-weight:600}
    h3{font-size:clamp(28px,3vw,42px);font-weight:600}
    p{margin:0;color:var(--muted);font-size:18px;line-height:1.58}

    .btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:10px;
      min-height:50px;
      padding:0 24px;
      border:1px solid transparent;
      border-radius:999px;
      font-size:15px;
      font-weight:700;
      cursor:pointer;
      transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s var(--ease),border-color .25s var(--ease),color .25s var(--ease);
      will-change:transform;
    }
    .btn:hover{transform:translateY(-2px)}
    .btn-pink,
    .btn-hero-pink{
      background:#ff5805;
      color:#ffffff !important;
      box-shadow:0 10px 26px rgba(255,88,5,.28);
    }
    .btn-pink:hover,
    .btn-hero-pink:hover{
      background:#ff5805;
      box-shadow:0 14px 32px rgba(255,88,5,.38);
    }
    .btn-dark,
    .btn-hero-dark{
      background:#141b2d;
      color:#ffffff !important;
      box-shadow:0 10px 24px rgba(20,27,45,.22);
    }
    .btn-dark:hover,
    .btn-hero-dark:hover{
      background:#141b2d;
      box-shadow:0 14px 30px rgba(20,27,45,.32);
    }
    .btn-blue{background:var(--blue);color:#fff}
    .btn-light{
      background:#fff;
      border-color:#d7d8dc;
      color:#141b2d;
      box-shadow:0 4px 14px rgba(20,27,45,.04);
    }
    .btn-light:hover{
      background:#fff;
      border-color:#c8c9ce;
      box-shadow:0 8px 22px rgba(20,27,45,.1);
    }

    .btn-label-swap {
      display: grid;
      overflow: hidden;
      white-space: nowrap;
      perspective: 240px;
      transform-style: preserve-3d;
    }
    .btn-label-swap > span,
    .btn-label-swap::after {
      grid-area: 1 / 1;
      backface-visibility: hidden;
      will-change: transform, opacity;
      transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.3s ease;
    }
    .btn-label-swap > span {
      transform: translateY(0) rotateX(0deg);
      transform-origin: center bottom;
    }
    .btn-label-swap::after {
      content: attr(data-label);
      opacity: 0;
      transform: translateY(110%) rotateX(-90deg);
      transform-origin: center top;
    }
    .btn:hover .btn-label-swap > span,
    .btn:focus-visible .btn-label-swap > span {
      opacity: 0;
      transform: translateY(-110%) rotateX(90deg);
    }
    .btn:hover .btn-label-swap::after,
    .btn:focus-visible .btn-label-swap::after {
      opacity: 1;
      transform: translateY(0) rotateX(0deg);
    }
    .btn-arrow{
      display:inline-block;
      font-size:16px;
      line-height:1;
      will-change:transform;
      transition:transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
    }
    .btn:hover .btn-arrow,
    .btn:focus-visible .btn-arrow{
      transform:translateX(5px);
    }

    .announcement{
      background:var(--navy);
      color:#fff;
      font-size:13px;
    }
    .announcement .container{
      min-height:34px;
      display:flex;
      align-items:center;
      justify-content:center;
      text-align:center;
    }

    header{
      position:sticky;
      top:0;
      z-index:60;
      background:rgba(246,244,239,.92);
      backdrop-filter:blur(18px);
      border-bottom:1px solid rgba(18,19,23,.06);
    }
    .nav{
      min-height:78px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:28px;
    }
    .brand{
      display:flex;
      align-items:center;
      gap:10px;
      font-family:"Bricolage Grotesque",sans-serif;
      font-size:21px;
      font-weight:700;
      letter-spacing:-.04em;
      white-space:nowrap;
    }
    .brand-mark{
      width:34px;height:34px;border-radius:10px;position:relative;
      background:linear-gradient(135deg,var(--pink),var(--gold));
    }
    .brand-mark::after{
      content:"";
      position:absolute;
      inset:8px;
      border:2px solid #fff;
      border-radius:7px;
    }


    /* HERO */
    .hero{
      margin-top:-98px;
      padding:136px 0 88px;
      position:relative;
      overflow:hidden;
      background-color:#f6f5f1;
      background-image:var(--cw-contact-hero-background, url("../images/contact-bg.png"));
      background-size:cover;
      background-position:center bottom;
      background-repeat:no-repeat;
    }
    .hero-bg-overlay{
      display:none !important;
      position:absolute;
      inset:0;
      background-color:var(--cw-hero-overlay-color, #ffffff);
      opacity:0;
      pointer-events:none;
      z-index:0;
      transition:background-color 0.15s ease, opacity 0.15s ease;
    }
    /* Dark angled backing card matching home/brand hero curvature */
    .hero::before{
      content:"";
      position:absolute;
      top:0;
      bottom:0;
      left:-80px;
      width:calc(50% + 72px);
      background:#141b2d;
      transform:skewX(-8.5deg);
      transform-origin:left bottom;
      border-radius:0 0 44px 0;
      box-shadow:18px 24px 60px rgba(20,27,45,0.3);
      z-index:1;
      pointer-events:none;
    }
    /* White angled content panel with matching curved bottom-right corner */
    .hero::after{
      content:"";
      position:absolute;
      top:0;
      bottom:0;
      left:-80px;
      width:calc(50% + 52px);
      background-color:rgba(255, 255, 255, 0.94);
      background-image:
        linear-gradient(to right, rgba(12, 4, 7, 0.045) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(12, 4, 7, 0.045) 1px, transparent 1px);
      background-size: var(--grid-size, 36px) var(--grid-size, 36px);
      background-position: center top;
      background-repeat: repeat;
      transform:skewX(-8.5deg);
      transform-origin:left bottom;
      border-radius:0 0 40px 0;
      z-index:2;
      pointer-events:none;
    }
    .hero-card-grid-spotlight{
      position:absolute;
      top:0;
      bottom:0;
      left:-80px;
      width:calc(50% + 52px);
      z-index:3;
      overflow:hidden;
      border-radius:0 0 40px 0;
      pointer-events:none;
      transform:skewX(-8.5deg);
      transform-origin:left bottom;
      background-image:
        linear-gradient(to right,rgba(12,4,7,0.22) 1px,transparent 1px),
        linear-gradient(to bottom,rgba(12,4,7,0.22) 1px,transparent 1px);
      background-size:var(--grid-size,36px) var(--grid-size,36px);
      background-position:center top;
      background-repeat:repeat;
      opacity:0;
      mask-image:radial-gradient(circle 280px at calc(var(--hero-card-grid-x,-9999px) + 80px) var(--hero-card-grid-y,-9999px),#000 0%,transparent 100%);
      -webkit-mask-image:radial-gradient(circle 280px at calc(var(--hero-card-grid-x,-9999px) + 80px) var(--hero-card-grid-y,-9999px),#000 0%,transparent 100%);
      transition:opacity .2s ease;
    }
    .hero:hover .hero-card-grid-spotlight{opacity:1}
    .hero .container{
      position:relative;
      z-index:4;
    }
    .hero-grid{
      display:grid;
      grid-template-columns:.9fr 1.1fr;
      gap:72px;
      align-items:center;
    }
    .hero .accent{color:var(--pink)}
    .hero-copy{
      max-width:610px;
    }
    .hero-copy .eyebrow{
      margin:0 0 18px;
      font-size:12px;
      line-height:1;
      font-weight:700;
      letter-spacing:.13em;
      text-transform:uppercase;
      color:var(--muted);
    }
    .hero-copy h1{
      font-size:clamp(38px,3.7vw,56px);
      font-weight:700;
      letter-spacing:-.03em;
      line-height:1.05;
      max-width:590px;
    }
    .hero-br-mobile{display:none}
    .hero-copy p{
      max-width:590px;
      margin-top:24px;
      font-size:17px;
      line-height:1.65;
      color:var(--muted);
    }
    .hero-actions{
      display:flex;
      gap:12px;
      flex-wrap:wrap;
      margin-top:34px;
    }
    .hero-proof{
      display:flex;
      gap:18px;
      flex-wrap:wrap;
      margin-top:28px;
      font-size:14px;
      color:var(--muted);
    }
    .hero-proof span::before{
      content:"✓";
      color:var(--green);
      font-weight:800;
      margin-right:7px;
    }
    .hero-aside{
      background:transparent;
      border:none;
      border-radius:0;
      box-shadow:none;
      overflow:visible;
    }
    .hero-aside:hover{
      transform:none;
      box-shadow:none;
    }
    .hero-aside-body{
      padding:0;
    }
    .quick-routes{
      position:relative;
      display:grid;
      gap:14px;
      max-width:500px;
      margin-left:auto;
    }
    .quick-route{
      --quick-route-grid-x:-9999px;
      --quick-route-grid-y:-9999px;
      position:relative;
      overflow:hidden;
      isolation:isolate;
      display:grid;
      grid-template-columns:42px 1fr;
      gap:16px;
      align-items:center;
      padding:14px 22px 14px 16px;
      border-radius:26px;
      background:rgba(255,255,255,0.94);
      backdrop-filter:blur(16px);
      -webkit-backdrop-filter:blur(16px);
      border:1px solid rgba(255,255,255,0.95);
      border-left:4px solid transparent;
      box-shadow:0 10px 28px -6px rgba(11,21,52,0.09), 0 2px 6px rgba(11,21,52,0.03);
      transition:background-color .25s var(--ease),border-color .25s var(--ease),box-shadow .25s var(--ease);
      cursor:pointer;
      z-index:2;
    }
    .quick-route::before{
      content:"";
      position:absolute;
      inset:0;
      border-radius:inherit;
      z-index:0;
      pointer-events:none;
      background-image:
        linear-gradient(to right,rgba(255,88,5,var(--page-grid-hover-opacity,.11)) 1px,transparent 1px),
        linear-gradient(to bottom,rgba(255,88,5,var(--page-grid-hover-opacity,.11)) 1px,transparent 1px);
      background-size:var(--page-grid-size,36px) var(--page-grid-size,36px);
      background-position:center top;
      opacity:0;
      mask-image:radial-gradient(circle var(--page-grid-hover-radius,220px) at var(--quick-route-grid-x,-9999px) var(--quick-route-grid-y,-9999px),#000 0%,transparent 100%);
      -webkit-mask-image:radial-gradient(circle var(--page-grid-hover-radius,220px) at var(--quick-route-grid-x,-9999px) var(--quick-route-grid-y,-9999px),#000 0%,transparent 100%);
      transition:opacity .2s ease;
    }
    .quick-route:hover::before{
      opacity:1;
    }
    .quick-route > *{
      position:relative;
      z-index:1;
    }
    .quick-route:hover{
      transform:none !important;
      background:#ffffff;
      border-color:rgba(20,27,45,0.16);
      border-left:4px solid #ff5805;
      box-shadow:0 14px 32px rgba(20,27,45,0.08);
      animation:orangeBorderBlink 1.4s infinite ease-in-out;
    }
    .quick-route span:first-child{
      width:42px;
      height:42px;
      border-radius:9999px;
      display:grid;
      place-items:center;
      background:#141b2d;
      border:1px solid #141b2d;
      color:#ffffff;
      font-weight:800;
      font-size:13px;
      transition:background .25s var(--ease),border-color .25s var(--ease),color .25s var(--ease),transform .25s var(--ease);
      flex-shrink:0;
    }
    .quick-route:hover span:first-child{
      background:#ff5805 !important;
      border-color:#ff5805 !important;
      color:#ffffff !important;
      transform:scale(1.08);
    }
    .quick-route b{
      display:block;
      font-size:15px;
      color:var(--ink);
      line-height:1.25;
      margin-bottom:3px;
      font-family:"Bricolage Grotesque",sans-serif;
      font-weight:700;
      letter-spacing:-.015em;
    }
    .quick-route small{
      display:block;
      color:var(--muted);
      font-size:13px;
      line-height:1.45;
    }

    @keyframes orangeBorderBlink {
      0%, 100% {
        border-left-color: #ff5805;
        box-shadow: 0 14px 32px rgba(20, 27, 45, 0.08), -3px 0 14px rgba(255, 88, 5, 0.35);
      }
      50% {
        border-left-color: rgba(255, 88, 5, 0.25);
        box-shadow: 0 14px 32px rgba(20, 27, 45, 0.08), -1px 0 4px rgba(255, 88, 5, 0.08);
      }
    }

    /* ============================================================
       CONTACT MARQUEE BAR (MATCHED TO HOME HERO RULES)
       ============================================================ */
    .contact-marquee-bar {
      --marquee-font-family: "Bricolage Grotesque", "Inter", sans-serif;
      --marquee-font-weight: 700;
      --marquee-font-style: italic;
      --marquee-text-size: 48px;
      --marquee-icon-size: 47px;
      position: relative;
      width: 100%;
      max-width: 100%;
      margin: 0;
      background: var(--cw-marquee-bg, #141b2d);
      border-top: 1px solid var(--cw-marquee-border, rgba(255, 88, 5, 0.25));
      border-bottom: 1px solid var(--cw-marquee-border, rgba(255, 88, 5, 0.25));
      border-left: none;
      border-right: none;
      border-radius: 0 !important;
      height: 112px;
      display: flex;
      align-items: center;
      overflow: hidden;
      box-shadow: var(--cw-marquee-shadow, 0 16px 38px -6px rgba(12, 4, 7, 0.35));
      user-select: none;
      z-index: 5;
      box-sizing: border-box;
      transition: background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
    }
    .contact-marquee-track {
      display: flex;
      width: max-content;
      animation: contactMarqueeScroll 116s linear infinite;
      will-change: transform;
      transform: translate3d(0, 0, 0);
      backface-visibility: hidden;
      align-items: center;
    }
    .contact-marquee-group {
      display: inline-flex;
      align-items: center;
      white-space: nowrap;
    }
    .contact-marquee-item {
      display: inline-flex;
      align-items: center;
      gap: 28px;
      padding: 0 44px;
      font-family: var(--marquee-font-family);
      font-size: var(--marquee-text-size);
      font-weight: var(--marquee-font-weight);
      font-style: var(--marquee-font-style);
      letter-spacing: -0.01em;
      line-height: 1;
      white-space: nowrap;
      transition: opacity 0.2s ease, color 0.3s ease;
    }
    .contact-marquee-item--orange {
      color: var(--cw-marquee-color-orange, #ff5805);
    }
    .contact-marquee-item--white {
      color: var(--cw-marquee-color-white, #ffffff);
    }
    .contact-marquee-item:hover {
      opacity: 0.88;
    }
    .contact-marquee-item .marquee-chevron {
      display: none;
    }
    .contact-marquee-item::after {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 52px;
      flex: 0 0 52px;
      font-family: "Arial Black", "Arial", sans-serif;
      font-size: var(--marquee-icon-size);
      font-weight: 900;
      font-style: normal;
      line-height: 0.8;
      letter-spacing: -0.08em;
      -webkit-text-stroke: 0.35px currentColor;
      transition: color 0.3s ease;
    }
    .contact-marquee-item--orange::after {
      color: var(--cw-marquee-glyph-orange, #ffffff);
    }
    .contact-marquee-item--white::after {
      color: var(--cw-marquee-glyph-white, #ff5805);
    }
    .contact-marquee-item:nth-child(1)::after { content: "⇄"; }
    .contact-marquee-item:nth-child(2)::after { content: "✦"; }
    .contact-marquee-item:nth-child(3)::after { content: "◎"; }
    .contact-marquee-item:nth-child(4)::after { content: "↗"; }
    .contact-marquee-item:nth-child(5)::after { content: "+"; }
    .contact-marquee-item:nth-child(6)::after { content: "◆"; }

    @keyframes contactMarqueeScroll {
      0% { transform: translate3d(0, 0, 0); }
      100% { transform: translate3d(-50%, 0, 0); }
    }

    /* ============================================================
       CONTACT MAIN SECTION: ROUTE SELECTOR & FORMS
       ============================================================ */
    .route-head{
      display:grid;
      grid-template-columns:minmax(320px, 1.05fr) minmax(0, 0.95fr);
      gap:48px;
      align-items:end;
      margin-bottom:44px;
    }
    .route-head h2{
      font-size:clamp(34px, 4vw, 56px);
      line-height:1.06;
      color:var(--navy);
    }
    .route-head h2 span{
      color:#ff5805;
    }
    .route-head p{
      max-width:660px;
      font-size:17px;
      line-height:1.65;
      color:#5a4a50;
    }

    /* Main 2-column Grid */
    .contact-main-grid{
      display:grid;
      grid-template-columns:minmax(280px, 0.68fr) minmax(0, 1.32fr);
      gap:28px;
      align-items:start;
    }

    /* Left Sidebar Card */
    .contact-sidebar{
      position:sticky;
      top:110px;
    }
    .contact-sidebar-card{
      position:relative;
      overflow:hidden;
      isolation:isolate;
      background-color:var(--navy);
      background-image:
        linear-gradient(to right,rgba(255,255,255,var(--page-grid-opacity,.018)) 1px,transparent 1px),
        linear-gradient(to bottom,rgba(255,255,255,var(--page-grid-opacity,.018)) 1px,transparent 1px);
      background-size:28px 28px;
      background-position:center top;
      border:1px solid rgba(255,255,255,0.09);
      border-radius:26px;
      padding:40px 32px;
      color:#ffffff;
      box-shadow:0 18px 48px rgba(20,27,45,0.16);
    }
    .contact-sidebar-card::before{
      content:"";
      position:absolute;
      inset:0;
      z-index:0;
      pointer-events:none;
      background-image:
        linear-gradient(to right,rgba(255,88,5,var(--page-grid-hover-opacity,.14)) 1px,transparent 1px),
        linear-gradient(to bottom,rgba(255,88,5,var(--page-grid-hover-opacity,.14)) 1px,transparent 1px);
      background-size:28px 28px;
      background-position:center top;
      opacity:0;
      mask-image:radial-gradient(circle var(--page-grid-hover-radius,200px) at var(--contact-sidebar-grid-x,-9999px) var(--contact-sidebar-grid-y,-9999px),#000 0%,transparent 100%);
      -webkit-mask-image:radial-gradient(circle var(--page-grid-hover-radius,200px) at var(--contact-sidebar-grid-x,-9999px) var(--contact-sidebar-grid-y,-9999px),#000 0%,transparent 100%);
      transition:opacity .2s ease;
    }
    .contact-sidebar-card:hover::before{
      opacity:1;
    }
    .contact-sidebar-card > *{
      position:relative;
      z-index:1;
    }
    .sidebar-eyebrow{
      display:flex;
      align-items:center;
      gap:8px;
      font-family:"Satoshi","Inter",sans-serif;
      font-size:11px;
      font-weight:800;
      text-transform:uppercase;
      letter-spacing:.1em;
      color:#ff5805;
      margin-bottom:18px;
    }
    .sidebar-dash{
      width:14px;
      height:2px;
      background:#ff5805;
      border-radius:2px;
    }
    .contact-sidebar-card h3{
      font-family:"Bricolage Grotesque",sans-serif;
      font-size:clamp(21px,1.6vw,25px);
      font-weight:700;
      line-height:1.18;
      letter-spacing:-.025em;
      color:#ffffff;
      margin-bottom:16px;
    }
    .contact-sidebar-card p{
      font-size:14px;
      line-height:1.6;
      color:rgba(255,255,255,0.72);
      margin-bottom:26px;
    }
    .sidebar-features{
      display:grid;
      gap:14px;
      padding-top:22px;
      border-top:1px solid rgba(255,255,255,0.1);
    }
    .sidebar-feature{
      display:grid;
      grid-template-columns:18px 1fr;
      gap:10px;
      align-items:start;
      font-size:13px;
      line-height:1.45;
    }
    .sidebar-check{
      color:#ff5805;
      font-weight:800;
      font-size:14px;
      line-height:1;
      margin-top:2px;
    }
    .sidebar-feature strong{
      display:block;
      color:#ffffff;
      font-size:13px;
      font-weight:700;
      margin-bottom:1px;
    }
    .sidebar-feature small{
      display:block;
      color:rgba(255,255,255,0.64);
      font-size:12px;
      line-height:1.35;
    }

    /* Right Column Flow */
    .contact-right-flow{
      display:flex;
      flex-direction:column;
      gap:18px;
    }

    /* 3 Top Selection Cards */
    .route-cards-row{
      display:grid;
      grid-template-columns:repeat(3, 1fr);
      gap:14px;
    }
    .route-cards-row .route-card{
      background:#ffffff;
      border:1.5px solid #dedfd9;
      border-radius:18px;
      padding:16px 20px;
      text-align:left;
      cursor:pointer;
      transition:background-color .25s var(--ease),border-color .25s var(--ease),box-shadow .25s var(--ease),transform .25s var(--ease);
      display:flex;
      align-items:center;
      justify-content:space-between;
      min-height:74px;
      box-shadow:0 4px 14px rgba(20,27,45,0.03);
      user-select:none;
    }
    .route-cards-row .route-card:hover{
      border-color:rgba(255,88,5,0.45);
      box-shadow:0 10px 24px rgba(20,27,45,0.06);
      transform:translateY(-2px);
    }
    .route-cards-row .route-card.is-active{
      border:2px solid #ff5805 !important;
      box-shadow:0 8px 24px rgba(255,88,5,0.14) !important;
      background:#ffffff !important;
      transform:translateY(-2px);
    }
    .route-card-header{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:14px;
      width:100%;
      margin:0;
    }
    .route-card-header strong{
      font-family:"Bricolage Grotesque",sans-serif;
      font-size:16px;
      font-weight:700;
      color:#141b2d;
      line-height:1.25;
      letter-spacing:-.015em;
    }
    .route-icon-badge{
      width:40px;
      height:40px;
      border-radius:12px;
      background:#f7f6f2;
      border:1px solid #dedfd9;
      display:flex;
      align-items:center;
      justify-content:center;
      color:#141b2d;
      flex-shrink:0;
      transition:all .25s var(--ease);
    }
    .route-icon-badge svg{
      width:19px;
      height:19px;
      display:block;
    }
    .route-cards-row .route-card:hover .route-icon-badge{
      border-color:rgba(255,88,5,0.4);
      color:#ff5805;
      background:#fff8f4;
    }
    .route-cards-row .route-card.is-active .route-icon-badge{
      background:#ff5805 !important;
      border-color:#ff5805 !important;
      color:#ffffff !important;
      box-shadow:0 4px 14px rgba(255,88,5,0.32);
    }

    /* Active Form Card Beneath */
    .contact-form-card{
      background:#ffffff;
      border:1px solid #dedfd9;
      border-radius:24px;
      padding:38px 40px;
      box-shadow:0 10px 36px rgba(20,27,45,0.04);
      position:relative;
    }
    .form-card-head{
      margin-bottom:28px;
      padding-bottom:18px;
      border-bottom:1px solid #dedfd9;
    }
    .form-card-head h3{
      font-family:"Bricolage Grotesque",sans-serif;
      font-size:clamp(22px,1.8vw,27px);
      font-weight:700;
      line-height:1.15;
      letter-spacing:-.025em;
      color:#141b2d;
      margin-bottom:6px;
    }
    .form-card-head p{
      font-size:15px;
      line-height:1.55;
      color:#5a4a50;
      margin:0;
    }

    /* Form Panels Switching */
    .contact-route-panel{
      display:none;
    }
    .contact-route-panel.is-active{
      display:block;
      animation:cwRoutePanelFade .32s var(--ease) forwards;
    }
    @keyframes cwRoutePanelFade{
      0%{
        opacity:0;
        transform:translateY(10px);
      }
      100%{
        opacity:1;
        transform:translateY(0);
      }
    }

    /* ============================================================
       FLUENT FORMS INTEGRATION STYLES
       ============================================================ */
    .fluentform,
    .fluentform * {
      box-sizing: border-box;
    }
    .fluentform {
      margin: 0 !important;
      padding: 0 !important;
    }
    .fluentform fieldset {
      border: none !important;
      margin: 0 !important;
      padding: 0 !important;
    }
    .fluentform .ff-t-container {
      display: flex !important;
      flex-direction: row !important;
      gap: 18px !important;
      width: 100% !important;
      margin-bottom: 18px !important;
    }
    .fluentform .ff-t-cell {
      flex: 1 1 0 !important;
      min-width: 0 !important;
      width: 50% !important;
      padding: 0 !important;
    }
    .fluentform .ff-el-group {
      margin-bottom: 18px !important;
      width: 100% !important;
    }
    .fluentform .ff-t-cell .ff-el-group {
      margin-bottom: 0 !important;
    }
    .fluentform .ff-el-input--label {
      margin-bottom: 8px !important;
    }
    .fluentform .ff-el-input--label label {
      display: block !important;
      font-family: inherit !important;
      font-size: 13px !important;
      font-weight: 700 !important;
      color: #141b2d !important;
      line-height: 1.25 !important;
      margin: 0 !important;
      cursor: pointer;
    }
    .fluentform .ff-el-is-required .ff-el-input--label label::after,
    .fluentform .asterisk-right label::after {
      content: " *";
      color: #ff5805;
      font-weight: 700;
    }
    .fluentform .ff-el-asterisk {
      display: none !important;
    }
    .fluentform .ff-el-form-control,
    .fluentform input[type="text"],
    .fluentform input[type="email"],
    .fluentform input[type="tel"],
    .fluentform input[type="url"],
    .fluentform select.ff-el-form-control,
    .fluentform textarea.ff-el-form-control {
      width: 100% !important;
      border: 1px solid #d9dad5 !important;
      background: #ffffff !important;
      color: #141b2d !important;
      border-radius: 14px !important;
      outline: none !important;
      font-size: 15px !important;
      font-family: inherit !important;
      line-height: normal !important;
      box-sizing: border-box !important;
      box-shadow: none !important;
      transition: border-color .2s ease, box-shadow .2s ease !important;
    }
    .fluentform input[type="text"],
    .fluentform input[type="email"],
    .fluentform input[type="tel"],
    .fluentform input[type="url"],
    .fluentform select.ff-el-form-control {
      height: 48px !important;
      padding: 0 14px !important;
    }
    .fluentform select.ff-el-form-control {
      padding-right: 36px !important;
      cursor: pointer;
      appearance: none;
      -webkit-appearance: none;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23141b2d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important;
      background-repeat: no-repeat !important;
      background-position: right 14px center !important;
      background-size: 16px !important;
    }
    .fluentform textarea.ff-el-form-control {
      min-height: 120px !important;
      padding: 14px !important;
      resize: vertical !important;
    }
    .fluentform .ff-el-form-control:focus,
    .fluentform input:focus,
    .fluentform select:focus,
    .fluentform textarea:focus {
      border-color: #ff5805 !important;
      box-shadow: 0 0 0 4px rgba(255, 88, 5, 0.09) !important;
    }
    .fluentform .ff-el-help-message {
      margin-top: 6px !important;
      font-size: 12px !important;
      color: #8a8e96 !important;
      line-height: 1.4 !important;
    }
    .fluentform .form-section-title-wrap,
    .fluentform .form-section-title-container {
      width: 100% !important;
      margin: 12px 0 18px !important;
      padding-top: 18px !important;
      border-top: 1px dashed #dedfd9 !important;
    }
    .fluentform .form-section-title {
      font-family: "Bricolage Grotesque", sans-serif !important;
      font-size: 18px !important;
      font-weight: 700 !important;
      letter-spacing: -.02em !important;
      color: #141b2d !important;
      margin: 0 !important;
      padding: 0 !important;
      border: none !important;
    }
    .fluentform .consent-container,
    .fluentform .ff-el-tc {
      margin-top: 22px !important;
      margin-bottom: 22px !important;
    }
    .fluentform .ff-el-form-check-label,
    .fluentform .ff_tc_label {
      display: flex !important;
      align-items: flex-start !important;
      gap: 10px !important;
      font-size: 12.5px !important;
      color: #5a4a50 !important;
      line-height: 1.45 !important;
      cursor: pointer !important;
      max-width: 650px !important;
    }
    .fluentform .ff-el-form-check-input,
    .fluentform .ff_tc_checkbox input {
      width: 16px !important;
      height: 16px !important;
      min-width: 16px !important;
      margin-top: 2px !important;
      accent-color: #ff5805 !important;
      cursor: pointer !important;
    }
    .fluentform .cw-ff-submit-container,
    .fluentform .ff_submit_btn_wrapper {
      margin-top: 24px !important;
      padding-top: 22px !important;
      border-top: 1px solid #dedfd9 !important;
      display: flex !important;
      justify-content: flex-start !important;
    }
    .fluentform button.cw-ff-submit,
    .fluentform button.ff-btn-submit {
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      height: 50px !important;
      padding: 0 32px !important;
      border-radius: 9999px !important;
      background: #ff5805 !important;
      color: #ffffff !important;
      font-family: "Bricolage Grotesque", sans-serif !important;
      font-size: 15px !important;
      font-weight: 700 !important;
      border: none !important;
      cursor: pointer !important;
      box-shadow: 0 6px 18px rgba(255, 88, 5, 0.28) !important;
      transition: transform .2s ease, background .2s ease, box-shadow .2s ease !important;
      text-decoration: none !important;
    }
    .fluentform button.cw-ff-submit:hover,
    .fluentform button.ff-btn-submit:hover {
      background: #e04a00 !important;
      transform: translateY(-2px) !important;
      box-shadow: 0 10px 24px rgba(255, 88, 5, 0.36) !important;
    }
    .fluentform button.cw-ff-submit:active,
    .fluentform button.ff-btn-submit:active {
      transform: translateY(0) !important;
    }
    .fluentform .text-danger,
    .fluentform .error,
    .fluentform .ff-error {
      color: #e53935 !important;
      font-size: 12px !important;
      font-weight: 600 !important;
      margin-top: 5px !important;
      display: block;
    }
    .fluentform .ff-message-success,
    .fluentform_success {
      background: #e6f5ef !important;
      color: #2e7059 !important;
      border: 1px solid #c2ebd9 !important;
      padding: 18px 24px !important;
      border-radius: 16px !important;
      font-size: 15px !important;
      font-weight: 600 !important;
      line-height: 1.5 !important;
      margin: 20px 0 !important;
    }
    .fluentform .ff-errors-in-stack {
      margin-top: 14px !important;
    }

    /* Fallback static Form Elements */
    .form-label{
      display:block;
      font-size:13px;
      font-weight:700;
      color:#141b2d;
      margin-bottom:8px;
    }
    .required{color:#ff5805}
    .input,.select,.textarea{
      width:100%;
      border:1px solid #d9dad5;
      background:#fff;
      color:var(--ink);
      border-radius:14px;
      outline:none;
      transition:border-color .2s var(--ease),box-shadow .2s var(--ease);
      font-size:15px;
    }
    .input,.select{height:48px;padding:0 14px}
    .textarea{min-height:120px;padding:14px;resize:vertical}
    .input:focus,.select:focus,.textarea:focus{
      border-color:#ff5805;
      box-shadow:0 0 0 4px rgba(255,88,5,.09);
    }

    /* NEXT STEPS */
    .next-head{
      display:grid;
      grid-template-columns:.85fr 1.15fr;
      gap:70px;
      align-items:end;
      margin-bottom:44px;
    }
    .next-head p{max-width:650px}
    .next-grid{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:16px;
    }
    .next-card{
      background:#fff;
      border:1px solid var(--line);
      border-radius:22px;
      padding:28px;
      min-height:250px;
    }
    .next-card .step{
      display:block;
      font-family:"Bricolage Grotesque",sans-serif;
      font-size:58px;
      color:#d3d5da;
      letter-spacing:-.06em;
      margin-bottom:34px;
    }
    .next-card h3{font-size:28px;margin-bottom:10px}
    .next-card p{font-size:15px}

    /* EDITORIAL FAQ SECTION (Exact match with Home, Brand & Wholesale pages) */
    .faq-section{
      position:relative;
      overflow:hidden;
      isolation:isolate;
      background-color:transparent;
    }
    .faq-section > .container{position:relative;z-index:2}
    .faq-showcase{
      display:grid;
      grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);
      gap:74px;
      align-items:start;
    }
    .faq-section .faq-intro{
      position:sticky;
      top:120px;
      padding:12px 0 36px 36px;
      border-left:6px solid #ff5805;
      max-width:530px;
    }
    .faq-section .faq-intro h2{
      font-size:clamp(38px,3.7vw,56px);
      font-weight:700;
      line-height:.98;
      letter-spacing:-.055em;
      color:#141b2d;
    }
    .faq-section .faq-intro h2 span{color:#ff5805}
    .faq-section .faq-intro > p{
      max-width:600px;
      margin-top:24px;
      font-size:17px;
      line-height:1.65;
      color:#5a4a50;
    }
    .faq-section .faq-intro .btn{margin-top:30px}
    .faq-audience{display:grid;gap:10px;margin-top:32px}
    .faq-audience-card{
      position:relative;
      display:grid;
      grid-template-columns:36px 1fr;
      column-gap:10px;
      align-items:center;
      padding:13px 14px;
      border:1px solid rgba(12,4,7,.09);
      border-radius:14px;
      background:rgba(255,255,255,.64);
    }
    .faq-audience-card > span{
      grid-row:1 / 3;
      font-family:"Bricolage Grotesque",sans-serif;
      font-size:12px;
      font-weight:700;
      color:#ff5805;
    }
    .faq-audience-card strong{
      font-family:"Bricolage Grotesque",sans-serif;
      font-size:15px;
      line-height:1.2;
      color:#141b2d;
    }
    .faq-audience-card small{
      font-size:12px;
      line-height:1.35;
      color:#5a4a50;
    }
    .faq-list{display:grid;gap:12px;position:relative}
    .faq-item{
      position:relative;
      overflow:hidden;
      border:1px solid rgba(12,4,7,.12);
      border-radius:18px;
      background:#fff;
      transition:background-color .3s var(--ease),border-color .3s var(--ease),transform .3s var(--ease);
    }
    .faq-item:hover{
      transform:translateX(-5px);
      border-color:rgba(255,88,5,.32);
    }
    .faq-item.is-open{
      z-index:1;
      border-color:#d3cac3;
      background:#e5e1dd;
      background-image:none;
    }
    .faq-item h3{margin:0}
    .faq-item h3 button{
      display:grid;
      width:100%;
      padding:24px 26px;
      grid-template-columns:minmax(0,1fr) 40px;
      gap:18px;
      align-items:center;
      border:0;
      background:transparent;
      color:inherit;
      text-align:left;
      cursor:pointer;
    }
    .faq-item h3 button > span:first-child{
      font-family:"Bricolage Grotesque",sans-serif;
      font-size:clamp(16px,1.15vw,18px);
      font-weight:600;
      letter-spacing:-.02em;
      line-height:1.22;
      color:#141b2d;
    }
    .faq-toggle{
      position:relative;
      width:38px;
      height:38px;
      border:1px solid rgba(12,4,7,.14);
      border-radius:50%;
      background:#fff;
      color:#141b2d;
      transition:background .3s var(--ease),border-color .3s var(--ease),color .3s var(--ease),transform .3s var(--ease);
    }
    .faq-toggle::before,.faq-toggle::after{
      content:"";
      position:absolute;
      top:50%;
      left:50%;
      width:13px;
      height:2px;
      border-radius:2px;
      background:currentColor;
      transform:translate(-50%,-50%);
      transition:transform .3s var(--ease),opacity .3s var(--ease);
    }
    .faq-toggle::after{transform:translate(-50%,-50%) rotate(90deg)}
    .faq-item.is-open .faq-toggle{
      transform:rotate(90deg);
      border-color:#141b2d;
      background:#141b2d;
      color:#fff;
    }
    .faq-item.is-open .faq-toggle::after{opacity:0}
    .faq-answer{
      display:grid;
      grid-template-rows:0fr;
      transition:grid-template-rows .38s var(--ease);
    }
    .faq-answer > div{overflow:hidden}
    .faq-answer p{
      max-width:760px;
      padding:0 82px 0 26px;
      font-size:15px;
      line-height:1.68;
      color:#5a4a50;
      opacity:0;
      transform:translateY(-8px);
      transition:padding .38s var(--ease),opacity .28s var(--ease),transform .38s var(--ease);
    }
    .faq-item.is-open .faq-answer{grid-template-rows:1fr}
    .faq-item.is-open .faq-answer p{padding-bottom:28px;opacity:1;transform:translateY(0)}

    footer{
      margin-top:44px;
      padding:56px 0 28px;
      background:var(--navy);
      color:#fff;
      border-radius:30px 30px 0 0;
    }

    .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
    .reveal.visible{opacity:1;transform:none}

    @media(max-width:1050px){
      .hero::before{
        clip-path:none;
        background:linear-gradient(to bottom, rgba(255,255,255,0.96) 0%, rgba(255,255,255,0.92) 55%, rgba(255,255,255,0.8) 100%);
        filter:none;
      }
      .hero::after{
        display:none;
      }
      .quick-routes{
        margin-left:0;
      }
      .hero-grid,.route-head,.general-shell,.brand-form-shell,.wholesale-top,.next-head,.faq-shell{grid-template-columns:1fr}
      .faq-section .faq-showcase{grid-template-columns:1fr;gap:48px}
      .faq-section .faq-intro{position:relative;top:auto;max-width:720px;padding:0 0 0 24px}
      .route-cards,.next-grid{grid-template-columns:1fr}
      .brand-form-copy{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}
      .step-pills{justify-content:flex-start}
      .footer-grid{grid-template-columns:1fr 1fr}

    }

    @media(max-width:768px){
      .hero{
        margin-top:-98px;
        padding-top:126px;
        padding-bottom:56px;
      }
      .hero::before,
      .hero::after,
      .hero-card-grid-spotlight{
        display:none !important;
        content:none !important;
        background:none !important;
      }
      .hero-aside{
        display:none !important;
      }
      .hero-bg-overlay{
        display:block !important;
        position:absolute;
        inset:0;
        background-color:#ffffff;
        opacity:0.75;
        pointer-events:none;
        z-index:0;
      }
      .hero-grid{
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;
        text-align:center !important;
        width:100% !important;
      }
      .hero-copy{
        max-width:100% !important;
        text-align:center !important;
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;
        margin:0 auto !important;
      }
      .hero-br-mobile{
        display:inline !important;
      }
      .hero-copy .eyebrow{
        text-align:center !important;
        margin:0 auto 18px !important;
      }
      .hero-copy h1{
        text-align:center !important;
        font-size:clamp(36px, 10vw, 48px) !important;
        line-height:1.08 !important;
        letter-spacing:-0.03em !important;
        font-weight:700 !important;
        margin:0 auto !important;
        max-width:100% !important;
      }
      .hero-copy p{
        text-align:center !important;
        margin:20px auto 0 !important;
        font-size:17px !important;
        line-height:1.6 !important;
        max-width:440px !important;
        padding:0 8px !important;
      }
      .hero-actions{
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        width:100% !important;
        max-width:360px !important;
        gap:14px !important;
        margin:28px auto 0 !important;
      }
      .hero-actions .btn,
      .hero-actions .btn-hero-pink,
      .hero-actions .btn-hero-dark{
        width:100% !important;
        min-height:52px !important;
        padding:0 24px !important;
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        text-align:center !important;
        font-size:15px !important;
        font-weight:700 !important;
        box-sizing:border-box !important;
      }
      .hero-actions .btn .btn-label-swap{
        display:inline-grid !important;
        text-align:center !important;
        flex:0 0 auto !important;
        width:auto !important;
        margin:0 !important;
      }
      .hero-actions .btn .btn-arrow{
        display:inline-block !important;
        flex:0 0 auto !important;
        margin-left:0 !important;
      }
      .hero-proof{
        display:flex !important;
        flex-wrap:nowrap !important;
        justify-content:center !important;
        align-items:center !important;
        text-align:center !important;
        gap:12px !important;
        margin:24px auto 0 !important;
        font-size:13px !important;
        white-space:nowrap !important;
      }
      .route-head,
      body.page-template-page-contact #main-content > .section .route-head,
      body.page-template-page-contact #main-content .route-head{
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;
        text-align:center !important;
        gap:18px !important;
        margin-bottom:36px !important;
        width:100% !important;
      }
      .route-head > div,
      body.page-template-page-contact #main-content > .section .route-head > div{
        text-align:center !important;
        margin-inline:auto !important;
        width:100% !important;
      }
      .route-head .eyebrow,
      body.page-template-page-contact #main-content > .section .route-head .eyebrow{
        text-align:center !important;
        margin-inline:auto !important;
        margin-bottom:14px !important;
      }
      .route-head h2,
      body.page-template-page-contact #main-content > .section .route-head h2{
        text-align:center !important;
        margin-inline:auto !important;
        font-size:clamp(36px, 10vw, 48px) !important;
        line-height:1.08 !important;
        letter-spacing:-0.03em !important;
        font-weight:700 !important;
        max-width:100% !important;
      }
      .route-head p,
      body.page-template-page-contact #main-content > .section .route-head > p,
      body.page-template-page-contact #main-content .route-head > p{
        text-align:center !important;
        margin-inline:auto !important;
        max-width:580px !important;
        font-size:17px !important;
        line-height:1.6 !important;
      }
      .contact-sidebar{
        display:none !important;
      }
      .contact-main-grid{
        display:block !important;
        width:100% !important;
      }
      .route-cards-row{
        grid-template-columns:1fr !important;
        gap:12px !important;
      }
      .faq-section{
        padding-top:48px !important;
        padding-bottom:32px !important;
      }
      .faq-section .faq-showcase{
        grid-template-columns:1fr !important;
        gap:36px !important;
      }
      .faq-section .faq-intro{
        position:relative !important;
        top:auto !important;
        max-width:100% !important;
        padding:0 0 0 18px !important;
      }
      footer{
        margin-top:0 !important;
      }
    }

    @media(max-width:720px){
      .container{width:min(calc(100% - 24px),var(--container))}
      .section{padding:74px 0}
      .contact-marquee-bar{height:76px}
      .contact-marquee-item{padding:0 20px;gap:12px;font-size:26px}
      .contact-marquee-item::after{width:34px;flex-basis:34px;font-size:26px}
      .form-grid{grid-template-columns:1fr}
      .contact-form-card{padding:24px 18px !important;border-radius:20px !important}
      .fluentform .ff-t-container{flex-direction:column !important;gap:14px !important;margin-bottom:14px !important}
      .fluentform .ff-t-cell{width:100% !important;flex-basis:100% !important}
      .fluentform button.cw-ff-submit,
      .fluentform button.ff-btn-submit{width:100% !important}
      .full,.form-section-title{grid-column:auto}
      .general-copy,.general-form,.brand-form-copy,.brand-form,.wholesale-top,.wholesale-form,.faq-intro{padding:30px}
      .faq-item h3 button{padding:20px 18px;grid-template-columns:minmax(0,1fr) 34px;gap:12px}
      .faq-toggle{width:34px;height:34px}
      .faq-item h3 button > span:first-child{font-size:16px}
      .faq-answer p{padding-left:18px;padding-right:50px;font-size:15px}
    }

.acc-item.open .acc-panel { max-height: 220px; }

/* ============================================================
   CONTACT PAGE POST-HERO TYPOGRAPHY & TITLE STYLES
   Matches the approved Homepage, Brand, and Wholesale hierarchy.
   ============================================================ */
@keyframes orangeBorderBlink {
  0%, 100% { border-left-color: #ff5805; }
  50% { border-left-color: transparent; }
}

body.page-template-page-contact #main-content > .section .eyebrow,
body.page-template-page-contact #main-content .eyebrow{
  font-family:"Satoshi","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-style:normal;
  font-weight:700;
  margin:0 0 18px;
  color:#5a4a50;
  font-size:12px;
  line-height:1;
  letter-spacing:.13em;
  text-transform:uppercase;
}
body.page-template-page-contact #main-content .eyebrow.eyebrow--soft{
  color:#ff5805;
}
body.page-template-page-contact #main-content .eyebrow.eyebrow--white-soft{
  color:rgba(255,255,255,.84);
}

body.page-template-page-contact #main-content .section h2{
  font-family:"Bricolage Grotesque","Inter",sans-serif;
  font-style:normal;
  color:#141b2d;
  font-size:clamp(38px,3.7vw,56px);
  font-weight:700;
  line-height:1.05;
  letter-spacing:-.03em;
}
body.page-template-page-contact #main-content .section h2 span,
body.page-template-page-contact #main-content .section h2 .accent{
  color:#ff5805;
}
body.page-template-page-contact #main-content .general-copy h2,
body.page-template-page-contact #main-content .brand-form-copy h2{
  color:#ffffff;
}
body.page-template-page-contact #main-content .general-copy h2 span,
body.page-template-page-contact #main-content .brand-form-copy h2 span,
body.page-template-page-contact #main-content .faq-section .faq-intro h2 span{
  color:#ff5805;
}
body.page-template-page-contact #main-content .faq-section .faq-intro h2{
  color:#141b2d;
}

body.page-template-page-contact #main-content .route-card h3{
  font-family:"Bricolage Grotesque","Inter",sans-serif;
  font-size:clamp(22px,1.8vw,27px);
  font-weight:700;
  line-height:1.12;
  letter-spacing:-.025em;
  color:#141b2d;
}
body.page-template-page-contact #main-content .form-section-title{
  font-family:"Bricolage Grotesque","Inter",sans-serif;
  font-size:clamp(20px,1.6vw,24px);
  font-weight:700;
  line-height:1.2;
  letter-spacing:-.02em;
  color:#141b2d;
}
body.page-template-page-contact #main-content .acc-btn{
  font-family:"Bricolage Grotesque","Inter",sans-serif;
  font-size:clamp(16px,1.15vw,18px);
  font-weight:700;
  line-height:1.3;
  letter-spacing:-.01em;
  color:#141b2d;
}
body.page-template-page-contact #main-content .acc-btn:hover{
  color:#ff5805;
}
body.page-template-page-contact #main-content .route-head > p,
body.page-template-page-contact #main-content .wholesale-top > div > p{
  font-family:"Satoshi","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:17px;
  font-weight:400;
  line-height:1.65;
  letter-spacing:0;
  color:#5a4a50;
}
body.page-template-page-contact #main-content .route-card p,
body.page-template-page-contact #main-content .acc-panel p{
  font-family:"Satoshi","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:15px;
  font-weight:400;
  line-height:1.58;
  letter-spacing:0;
  color:#5a4a50;
}
body.page-template-page-contact #main-content .faq-intro > div > p,
body.page-template-page-contact #main-content .brand-form-copy > div > p{
  font-family:"Satoshi","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:17px;
  font-weight:400;
  line-height:1.65;
  color:rgba(255,255,255,.76);
}
body.page-template-page-contact #main-content .general-copy > div > p{
  font-family:"Satoshi","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:17px;
  font-weight:400;
  line-height:1.65;
  color:rgba(255,255,255,.86);
}

body.page-template-page-contact .site-header,
body.page-template-page-contact .site-header:not(.is-scrolled),
body.contact .site-header,
body.contact .site-header:not(.is-scrolled) {
  background-color: transparent !important;
  background-image: none !important;
  border-bottom: 0 !important;
}