/* Styles for GW – WPBakery Elements (Road Rage + Barlow) */
@font-face { font-family: "Road Rage"; src: url("../assets/fonts/RoadRage.woff2") format("woff2"); font-display: swap; font-weight: 400; font-style: normal; }
@font-face { font-family: "Barlow"; src: url("../assets/fonts/Barlow-Regular.woff2") format("woff2"); font-display: swap; font-weight: 400; font-style: normal; }
@font-face { font-family: "Barlow"; src: url("../assets/fonts/Barlow-SemiBold.woff2") format("woff2"); font-display: swap; font-weight: 600; font-style: normal; }

:root{ --ink:#143847; --bg:#ffffff; --muted:#6b7a86; --card:#f6f8f9; --radius:18px; --space: clamp(16px, 2vw, 28px); }
html{scroll-behavior:smooth}
body{ font-family:"Barlow", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial; color:var(--ink); background:var(--bg); line-height:1.55; font-size:clamp(16px, 1.1vw, 18px); }
h1,h2,h3,.font-headline{font-family:"Road Rage","Barlow",system-ui}
h1{font-size: clamp(40px, 7vw, 96px); line-height: .95; letter-spacing:.2px}
h2{font-size: clamp(28px, 3.4vw, 48px); line-height:1.05}
h3{font-size: clamp(22px, 2vw, 28px)}

.gw-btn{ display:inline-block; border:2px solid var(--ink); color:var(--bg); background:var(--ink); text-decoration:none; padding:.7em 1.1em; border-radius:999px; font-weight:600; line-height:1; transition:transform .1s ease, background .2s ease, color .2s ease, border-color .2s ease; }
.gw-btn:hover{transform:translateY(-1px)}
.gw-btn--outline{background:transparent; color:var(--ink)}
.gw-btn--outline:hover{background:var(--ink); color:var(--bg)}

.gw-hero{ padding: clamp(48px,10vw,120px) var(--space); max-width:1200px; margin:auto; }
.gw-hero.align-center{text-align:center}
.gw-hero__title{margin:0 0 .1em}
.gw-hero__sub{max-width:70ch; margin:.3em auto 1em; color:var(--muted)}

.gw-card{ background:var(--card); border:1px solid #dde4ea; border-radius:var(--radius); padding: calc(var(--space) * .9) var(--space); box-shadow: 0 1px 0 rgba(0,0,0,.03); }
.gw-card + .gw-card{margin-top: var(--space)}
.gw-card__title{margin:.2em 0 .2em}
.gw-card__subtitle{margin:0 0 .4em; font-weight:600; color:var(--ink)}
.gw-card__tagline{margin:0 0 .7em; font-style:italic; color:var(--muted)}
.gw-card__text p{margin:.4em 0}

.gw-quote{max-width:1000px; margin: clamp(32px,6vw,72px) auto; padding:0 var(--space); text-align:center}
.gw-quote blockquote{font-size: clamp(28px, 3vw, 44px); line-height:1.1; margin:0}
.gw-quote cite{display:block; margin-top:.6em; color:var(--muted); font-style:normal}

.gw-cta{ max-width:1200px; margin: clamp(28px,6vw,64px) auto; padding: calc(var(--space) * .8) var(--space); border:2px dashed var(--ink); border-radius: var(--radius); display:flex; align-items:center; gap: var(--space); justify-content:space-between; }
.gw-cta__title{margin:0}

.gw-video-wrap{max-width:1000px; margin: clamp(16px,4vw,40px) auto; padding:0 var(--space)}
.gw-video{width:100%; height:auto; border-radius:12px; background:#000}

.gw-contact{max-width:1200px; margin: clamp(48px,8vw,96px) auto; padding:0 var(--space)}
.gw-contact__addr{white-space:pre-wrap}
.gw-contact__list{list-style:none; margin:.6em 0; padding:0; display:flex; gap:1.2em; flex-wrap:wrap}
.gw-contact__list a{color:var(--ink); text-underline-offset:2px}
.gw-contact__links{margin-top: .6em; color:var(--muted)}