/*
Theme Name: Epic Motorcycles
Theme URI: https://www.epicmotorcycles.nl/
Author: Epic Motorcycles
Description: Maatwerk WordPress-theme op basis van de goedgekeurde Epic Motorcycles-testsite.
Version: 1.0.3
Text Domain: epic-motorcycles
*/
:root{--ink:#0b0b0a;--paper:#e9e4da;--acid:#d9ff3f;--muted:#a19d94;--line:#33332f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,Helvetica,sans-serif}.site-header{position:absolute;z-index:10;top:0;left:0;right:0;height:104px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,80px);border-bottom:1px solid #ffffff2b}.brand img{width:164px;height:68px;object-fit:contain;filter:brightness(0) invert(1)}nav{display:flex;gap:34px}nav a,.text-link{color:#fff;text-decoration:none;font-size:12px;text-transform:uppercase;letter-spacing:.16em}.btn{display:inline-flex;align-items:center;gap:38px;padding:17px 22px;background:var(--acid);color:#111;text-decoration:none;text-transform:uppercase;font-weight:800;font-size:12px;letter-spacing:.1em;border:1px solid var(--acid)}.btn-small{padding:13px 16px;gap:10px}.hero{position:relative;min-height:820px;height:100vh;overflow:hidden;display:flex;align-items:center}.hero-image{object-fit:cover;object-position:52% 42%;filter:saturate(.65) contrast(1.1)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,4,.94) 0%,rgba(5,5,4,.6) 48%,rgba(5,5,4,.14) 100%),linear-gradient(0deg,rgba(0,0,0,.55),transparent 45%)}.hero-content{position:relative;z-index:2;width:min(760px,88vw);margin-left:clamp(24px,9vw,150px);padding-top:70px}.eyebrow,.section-number{color:var(--acid);font-size:11px;text-transform:uppercase;letter-spacing:.28em;font-weight:700}.hero h1,.intro h2{font-family:Impact,"Arial Narrow",sans-serif;text-transform:uppercase;letter-spacing:-.035em;line-height:.86;margin:28px 0;font-size:clamp(70px,9.4vw,154px);font-weight:900}.hero h1 em,.intro h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px var(--paper)}.lead{max-width:580px;color:#d1cec7;font-size:18px;line-height:1.65}.actions{display:flex;align-items:center;gap:34px;margin-top:38px}.hero-index{position:absolute;z-index:2;right:clamp(24px,5vw,80px);bottom:42px;display:flex;align-items:center;gap:18px;font-size:10px;text-transform:uppercase;letter-spacing:.16em}.hero-index span{color:var(--acid)}.hero-index i{width:70px;height:1px;background:#ffffff77}.hero-index b{font-weight:400}.wrap{max-width:1280px;margin:auto;padding:120px 40px}.intro{display:grid;grid-template-columns:1fr 2fr;gap:60px;background:var(--paper);color:var(--ink);max-width:none;padding-left:max(40px,calc((100vw - 1280px)/2 + 40px));padding-right:max(40px,calc((100vw - 1280px)/2 + 40px))}.intro h2{font-size:clamp(54px,7vw,105px);margin:0}.intro h2 em{-webkit-text-stroke-color:var(--ink)}.intro>div p{max-width:720px;font-size:19px;line-height:1.75;color:#45443f}.service-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.service-card{padding:64px clamp(24px,4vw,70px);color:inherit;text-decoration:none;border-right:1px solid var(--line);min-height:320px;transition:.25s}.service-card:hover{background:#151513;transform:translateY(-4px)}.service-card span{color:var(--acid);font-size:11px}.service-card h3{font:56px Impact,"Arial Narrow",sans-serif;text-transform:uppercase;margin:30px 0 14px}.service-card p{color:var(--muted);line-height:1.6}.service-card b{display:block;margin-top:38px;font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:var(--acid)}@media(max-width:900px){nav{display:none}.site-header .btn{display:none}.hero{min-height:720px}.hero-content{margin-left:24px}.hero h1{font-size:clamp(58px,16vw,100px)}.intro{grid-template-columns:1fr;padding:80px 24px}.service-strip{grid-template-columns:1fr}.service-card{border-right:0;border-bottom:1px solid var(--line);min-height:auto}.hero-index{display:none}.actions{align-items:flex-start;flex-direction:column}}