/* RLC Design v2 – "Nat-LED" · fælles designlag for alle RLC-sider.
   Ændrer kun udseende (farver, typografi, former, header, footer). Intet indhold. */
@font-face{font-family:"RLC Inter";src:url(fonts/Inter-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"RLC Inter";src:url(fonts/Inter-SemiBold.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"RLC Inter";src:url(fonts/Inter-Bold.woff) format("woff");font-weight:700 950;font-style:normal;font-display:swap}
@font-face{font-family:"RLC Display";src:url(fonts/InterDisplay-Bold.woff) format("woff");font-weight:600 700;font-style:normal;font-display:swap}
@font-face{font-family:"RLC Display";src:url(fonts/InterDisplay-ExtraBold.woff) format("woff");font-weight:800 950;font-style:normal;font-display:swap}

body.rlc-site-core{
  --rlc-ink:#0C0E0D; --rlc-cream:#F4F0E7; --rlc-sand:#DDD6C6; --rlc-orange:#C2330A; --rlc-orange-dk:#8F2506; --rlc-orange-lt:#FF8A5B;
  --rlc-display:"RLC Display","RLC Inter","Helvetica Neue",Arial,sans-serif;
  --rlc-sans:"RLC Inter","Helvetica Neue",Arial,sans-serif;
  font-family:var(--rlc-sans);background:var(--rlc-cream);color:var(--rlc-ink);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
body.rlc-site-core *{font-family:inherit}
body.rlc-site-core h1,body.rlc-site-core h2,body.rlc-site-core h3,body.rlc-site-core h4,
body.rlc-site-core .rlc-global-nav a,body.rlc-site-core .btn,body.rlc-site-core .kicker{font-family:var(--rlc-display)}
body.rlc-site-core h1,body.rlc-site-core h2{letter-spacing:-.035em!important;font-weight:800}
body.rlc-site-core h3{letter-spacing:-.025em!important;font-weight:800}
body.rlc-site-core ::selection{background:var(--rlc-orange);color:#fff}
body.rlc-site-core :focus-visible{outline:3px solid var(--rlc-orange);outline-offset:3px}

/* Eyebrows / kickers: orange streg + versaler */
body.rlc-site-core .kicker{display:inline-flex;align-items:center;gap:12px;font-size:12px;font-weight:800;letter-spacing:.14em}
body.rlc-site-core .kicker:before{content:"";width:28px;height:3px;background:currentColor;flex:none}

/* Knapper: kantede, tydelige, hård skygge */
body.rlc-site-core .btn,body.rlc-site-core .btn-dark,body.rlc-site-core .btn-primary{
  border:2px solid var(--rlc-ink);border-radius:2px;font-weight:800;letter-spacing:.01em;
  transition:transform .15s ease,box-shadow .15s ease,background .15s ease}
body.rlc-site-core .btn-dark,body.rlc-site-core .btn-primary{background:var(--rlc-orange);color:#fff;border-color:var(--rlc-ink);box-shadow:4px 4px 0 var(--rlc-ink)}
body.rlc-site-core .btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--rlc-ink)}
body.rlc-site-core .btn:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--rlc-ink)}
body.rlc-site-core .text-link{border-bottom-width:2px;font-weight:800}

/* ---------- HEADER ---------- */
body.rlc-site-core .rlc-global-header,body.rlc-site-core .rlc-en-header{background:var(--rlc-cream);backdrop-filter:none;border-bottom:3px solid var(--rlc-ink)}
body.rlc-site-core .rlc-global-header__inner,body.rlc-site-core .rlc-en-header__inner{min-height:78px}
body.rlc-site-core .rlc-global-brand img,body.rlc-site-core .rlc-en-brand img{width:250px}
body.rlc-site-core .rlc-global-nav,body.rlc-site-core .rlc-en-nav{gap:6px}
body.rlc-site-core .rlc-global-nav a,body.rlc-site-core .rlc-en-nav a{position:relative;padding:12px 14px;font-size:12.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--rlc-ink)!important}
body.rlc-site-core .rlc-global-nav a:not(.rlc-global-cta):after,body.rlc-site-core .rlc-en-nav a:not(.rlc-en-cta):after{content:"";position:absolute;left:14px;right:14px;bottom:5px;height:3px;background:var(--rlc-orange);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
body.rlc-site-core .rlc-global-nav a:not(.rlc-global-cta):hover:after,body.rlc-site-core .rlc-en-nav a:not(.rlc-en-cta):hover:after,
body.rlc-site-core .rlc-global-nav a.is-active:not(.rlc-global-cta):after,body.rlc-site-core .rlc-en-nav a.is-active:not(.rlc-en-cta):after{transform:scaleX(1)}
body.rlc-site-core .rlc-global-nav a.is-active:not(.rlc-global-cta),body.rlc-site-core .rlc-en-nav a.is-active:not(.rlc-en-cta){color:var(--rlc-ink)!important}
body.rlc-site-core .rlc-global-nav .rlc-global-cta,body.rlc-site-core .rlc-en-nav .rlc-en-cta{margin-left:14px;min-height:46px;padding:0 20px;border:2px solid var(--rlc-ink);border-radius:2px;background:var(--rlc-orange);color:#fff!important;box-shadow:3px 3px 0 var(--rlc-ink);transition:transform .15s,box-shadow .15s}
body.rlc-site-core .rlc-global-nav .rlc-global-cta:hover,body.rlc-site-core .rlc-en-nav .rlc-en-cta:hover{background:var(--rlc-orange);transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--rlc-ink)}
body.rlc-site-core .rlc-global-menu-toggle,body.rlc-site-core .rlc-en-menu-toggle{border:2px solid var(--rlc-ink);border-radius:2px;background:var(--rlc-cream)}
body.rlc-site-core .rlc-global-mobile-nav,body.rlc-site-core .rlc-en-mobile-nav{background:var(--rlc-cream);border-top:2px solid var(--rlc-ink)}
body.rlc-site-core .rlc-global-mobile-nav a,body.rlc-site-core .rlc-en-mobile-nav a{font-family:var(--rlc-display);font-size:18px;font-weight:800;border-bottom:1px solid var(--rlc-sand);color:var(--rlc-ink)!important}
body.rlc-site-core .rlc-global-mobile-nav .rlc-global-mobile-cta,body.rlc-site-core .rlc-en-mobile-nav .rlc-en-mobile-cta{border:2px solid var(--rlc-ink);border-radius:2px;background:var(--rlc-orange);color:#fff!important;box-shadow:4px 4px 0 var(--rlc-ink)}
@media(max-width:1080px){body.rlc-site-core .rlc-global-nav a,body.rlc-site-core .rlc-en-nav a{padding:12px 9px;letter-spacing:.06em}}

/* ---------- FOOTER ---------- */
body.rlc-site-core .rlc-site-footer{background:var(--rlc-ink);border-top:6px solid var(--rlc-orange);font-family:var(--rlc-sans)}
body.rlc-site-core .rlc-site-footer__wrap{padding-top:84px}
body.rlc-site-core .rlc-site-footer__logo{font-family:var(--rlc-display);font-size:clamp(30px,3.4vw,46px);font-weight:900;letter-spacing:-.045em;line-height:.95;margin-bottom:22px}
body.rlc-site-core .rlc-site-footer__logo:after{content:"";display:block;width:56px;height:5px;margin-top:16px;background:var(--rlc-orange)}
body.rlc-site-core .rlc-site-footer__eyebrow{font-family:var(--rlc-display);color:var(--rlc-orange-lt);font-size:11px;letter-spacing:.16em;margin-bottom:20px}
body.rlc-site-core .rlc-site-footer__nav a{font-size:15px;font-weight:600;border-bottom:2px solid transparent}
body.rlc-site-core .rlc-site-footer__nav a:hover{border-bottom-color:var(--rlc-orange)}
body.rlc-site-core .rlc-site-footer__bottom{border-top:1px solid rgba(255,255,255,.2)}

/* ---------- FÆLLES SEKTIONSFORM ---------- */
body.rlc-site-core main section{position:relative}
body.rlc-site-core .final-box,body.rlc-site-core .cta-inner{border-radius:4px}

/* =========================================================
   FORSIDE
========================================================= */
body.rlc-page-front{--accent:#C2330A;--accent-dark:#8F2506;--accent-soft:#F4F0E7;--accent-line:#0C0E0D;--line:#0C0E0D;--paper:#F4F0E7;--bg:#F4F0E7}
body.rlc-page-front .wrap{width:min(calc(100% - 56px),1320px)}

/* Hero – mørk scene */
body.rlc-page-front .hero{padding:0;background:var(--rlc-ink);color:#fff;border-bottom:6px solid var(--rlc-orange);overflow:hidden}
body.rlc-page-front .hero-grid{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:clamp(36px,5vw,84px);align-items:center;padding:clamp(48px,6vw,92px) 0}
body.rlc-page-front .hero-copy{padding:0}
body.rlc-page-front .hero .kicker{color:var(--rlc-orange-lt)!important}
body.rlc-page-front .hero h1{margin:26px 0 30px;max-width:none;font-size:clamp(52px,6.3vw,98px);line-height:.93;letter-spacing:-.04em!important;font-weight:900;color:#fff}
body.rlc-page-front .hero h1 em{color:var(--rlc-orange-lt)!important;font-style:normal;display:inline;background:none}
body.rlc-page-front .hero-lead{max-width:560px;color:#D8D2C3;font-size:clamp(18px,1.45vw,22px);line-height:1.55}
body.rlc-page-front .hero-actions{gap:28px;margin-top:38px}
body.rlc-page-front .hero .btn-dark{background:var(--rlc-orange)!important;border:2px solid #fff!important;color:#fff!important;box-shadow:5px 5px 0 #fff;min-height:56px;padding:0 28px;font-size:15px}
body.rlc-page-front .hero .btn-dark:hover{background:var(--rlc-orange)!important;box-shadow:8px 8px 0 #fff}
body.rlc-page-front .hero .text-link{color:#fff;border-bottom-color:var(--rlc-orange-lt)}
body.rlc-page-front .hero-facts{border-top:1px solid rgba(255,255,255,.22);color:#A9A292;font-size:12px;letter-spacing:.04em;text-transform:uppercase}
body.rlc-page-front .hero-facts span:not(:last-child):after{color:var(--rlc-orange-lt)}
body.rlc-page-front .hero-visual{position:relative}
body.rlc-page-front .hero-media-frame{height:min(72vh,720px);min-height:540px;background:#1c1b18;border:3px solid #fff;border-radius:2px;box-shadow:14px 14px 0 var(--rlc-orange)}
body.rlc-page-front .caption{border-bottom:0;padding:26px 0 0;color:#A9A292;text-transform:uppercase;letter-spacing:.08em;font-size:11px}
body.rlc-page-front .caption strong{color:#fff;font-size:12px;letter-spacing:.08em}

/* Tre styrker – nummereret række */
body.rlc-page-front .essentials{background:var(--rlc-cream);border:0;padding:clamp(72px,8vw,120px) 0}
body.rlc-page-front .section-head h2,body.rlc-page-front .bikes-head h2{font-size:clamp(40px,5.2vw,78px);line-height:.94;letter-spacing:-.04em!important;font-weight:900;max-width:960px}
body.rlc-page-front .section-head h2 .rlc-headline-subline{color:var(--rlc-orange)}
body.rlc-page-front .essential-grid{counter-reset:ess;gap:0;border-top:3px solid var(--rlc-ink);border-bottom:3px solid var(--rlc-ink);margin-top:14px}
body.rlc-page-front .essential,body.rlc-page-front .essential+.essential{counter-increment:ess;position:relative;background:transparent;border:0;border-right:3px solid var(--rlc-ink);border-radius:0;padding:34px 34px 40px}
body.rlc-page-front .essential:last-child{border-right:0}
body.rlc-page-front .essential:before{content:"0" counter(ess);display:block;margin-bottom:40px;font-family:var(--rlc-display);font-size:64px;font-weight:900;line-height:1;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:2px var(--rlc-ink)}
body.rlc-page-front .essential small{position:absolute;top:38px;right:34px;margin:0;color:var(--rlc-orange)!important;font-size:11px;letter-spacing:.14em}
body.rlc-page-front .essential h3{font-size:34px;letter-spacing:-.035em!important}
body.rlc-page-front .essential p{color:#4a463e;font-size:16px;line-height:1.6}

/* Classic / Pro – orange scene */
body.rlc-page-front .bikes{background:var(--rlc-orange)!important;border:0!important;padding:clamp(72px,8vw,120px) 0!important;color:var(--rlc-ink)}
body.rlc-page-front .bikes-head h2{color:#fff}
body.rlc-page-front .bike-list{gap:28px!important}
body.rlc-page-front .bike{background:var(--rlc-cream)!important;border:3px solid var(--rlc-ink)!important;border-radius:2px!important;box-shadow:10px 10px 0 var(--rlc-ink);padding:38px!important}
body.rlc-page-front .bike-name small{background:var(--rlc-ink);border:0;border-radius:2px;color:#fff!important;padding:7px 11px}
body.rlc-page-front .bike-name strong{font-family:var(--rlc-display);font-size:clamp(46px,5vw,72px);font-weight:900;letter-spacing:-.05em;line-height:.95;margin-top:10px}
body.rlc-page-front .bike-copy h3{font-size:26px;line-height:1.1}
body.rlc-page-front .bike-copy p{font-size:16px;color:#4a463e;line-height:1.6}
body.rlc-page-front .bike-side{border-top:3px solid var(--rlc-ink)!important}
body.rlc-page-front .bike-side strong{font-family:var(--rlc-display);font-size:34px;font-weight:900}
body.rlc-page-front .bike-side a{background:var(--rlc-ink)!important;border:2px solid var(--rlc-ink)!important;color:#fff!important;border-radius:2px!important;font-weight:800;letter-spacing:.02em;min-height:48px!important;padding:0 20px!important}
body.rlc-page-front .bike-side a:hover{background:var(--rlc-orange)!important}

/* Kampagner – galleri */
body.rlc-page-front .campaigns{background:var(--rlc-cream);border:0;padding:clamp(72px,8vw,120px) 0}
body.rlc-page-front .gallery{gap:20px;min-height:760px}
body.rlc-page-front .side{gap:20px}
body.rlc-page-front .card{border:3px solid var(--rlc-ink);border-radius:2px;box-shadow:8px 8px 0 var(--rlc-ink);transition:transform .2s,box-shadow .2s}
body.rlc-page-front .card:hover{transform:translate(-3px,-3px);box-shadow:12px 12px 0 var(--rlc-ink)}
body.rlc-page-front .card:after{background:linear-gradient(180deg,transparent 35%,rgba(12,14,13,.88) 100%)}
body.rlc-page-front .card small{display:inline-block;background:var(--rlc-orange);color:#fff!important;padding:6px 10px;border-radius:2px;letter-spacing:.12em}
body.rlc-page-front .card h3{font-weight:900;letter-spacing:-.035em!important;line-height:.98}

/* Bureau */
body.rlc-page-front .agency-partner{background:var(--rlc-sand);border-top:3px solid var(--rlc-ink);border-bottom:3px solid var(--rlc-ink);padding:0}
body.rlc-page-front .agency-partner__grid{align-items:stretch}
body.rlc-page-front .agency-partner__copy{padding:clamp(56px,6vw,96px) 56px clamp(56px,6vw,96px) 0}
body.rlc-page-front .agency-partner__copy h2{font-size:clamp(38px,4.4vw,64px);font-weight:900;letter-spacing:-.04em!important;line-height:.95}
body.rlc-page-front .agency-partner__copy p{color:#3d3a33;font-size:17px}
body.rlc-page-front .agency-partner__media{border-left:3px solid var(--rlc-ink);background:var(--rlc-ink)}
body.rlc-page-front .agency-partner__note{background:var(--rlc-orange);color:#fff;font-family:var(--rlc-display);font-size:22px;font-weight:900;letter-spacing:-.02em;padding:12px 16px;border:2px solid var(--rlc-ink);border-radius:2px;transform:rotate(-3deg);box-shadow:4px 4px 0 var(--rlc-ink)}
body.rlc-page-front .agency-partner__note:after{display:none}

/* Afslutning */
body.rlc-page-front .final{padding:0;background:var(--rlc-ink)}
body.rlc-page-front .final .wrap{width:min(calc(100% - 56px),1320px)}
body.rlc-page-front .final-box{background:transparent;padding:clamp(72px,8vw,120px) 0;gap:60px;border-radius:0}
body.rlc-page-front .final h2{font-size:clamp(42px,6vw,92px);font-weight:900;line-height:.93;letter-spacing:-.04em!important;max-width:900px}
body.rlc-page-front .final-box .kicker{color:var(--rlc-orange-lt)!important}
body.rlc-page-front .final p{color:#D8D2C3!important}
body.rlc-page-front .final .btn{background:var(--rlc-orange)!important;border:2px solid #fff!important;color:#fff!important;box-shadow:5px 5px 0 #fff;min-height:60px;padding:0 32px;font-size:16px}
body.rlc-page-front .final .btn:hover{background:var(--rlc-orange)!important;box-shadow:8px 8px 0 #fff}
body.rlc-page-front .final-box .platform-link{color:#D8D2C3!important;border-bottom-color:rgba(255,255,255,.4)!important}

@media(max-width:1000px){
  body.rlc-page-front .hero-grid{grid-template-columns:1fr}
  body.rlc-page-front .hero-media-frame{min-height:420px;height:56vw}
  body.rlc-page-front .essential-grid{grid-template-columns:1fr}
  body.rlc-page-front .essential,body.rlc-page-front .essential+.essential{border-right:0;border-bottom:3px solid var(--rlc-ink)}
  body.rlc-page-front .essential:last-child{border-bottom:0}
}
@media(max-width:760px){
  body.rlc-page-front .wrap,body.rlc-page-front .final .wrap{width:min(calc(100% - 32px),1320px)}
  body.rlc-page-front .hero-grid{padding:40px 0 56px}
  body.rlc-page-front .hero h1{font-size:clamp(44px,13vw,64px)}
  body.rlc-page-front .hero-media-frame{min-height:0;height:auto;aspect-ratio:4/5;box-shadow:8px 8px 0 var(--rlc-orange)}
  body.rlc-page-front .bike{box-shadow:6px 6px 0 var(--rlc-ink);padding:26px 22px!important}
  body.rlc-page-front .card{box-shadow:5px 5px 0 var(--rlc-ink)}
  body.rlc-page-front .agency-partner__grid{grid-template-columns:1fr}
  body.rlc-page-front .agency-partner__copy{padding:48px 0 36px}
  body.rlc-page-front .agency-partner__media{border-left:0;border-top:3px solid var(--rlc-ink)}
  body.rlc-page-front .agency-partner__note{background:var(--rlc-orange);transform:rotate(-3deg);font-size:16px}
  body.rlc-page-front .final-box{padding:56px 0}
}
body.rlc-page-front .bike-copy{padding-bottom:34px}

/* Sektionshoveder: kicker over overskrift (ingen snævre to-kolonne-grids) */
body.rlc-site-core .section-head{display:block!important}
body.rlc-site-core .section-head .kicker{margin-bottom:16px}
body.rlc-site-core .section-head p{margin-top:14px;max-width:680px}

/* Bureau-hero: linjeskift efter "medie." kræver en lidt mindre overskrift */
body.rlc-page-bureau .hero h1{font-size:clamp(30px,2.75vw,42px);line-height:1;max-width:none}

/* Ladcykler-hero: "To LED-ladcykler." skal stå på én linje, også på mobil */
@media(max-width:760px){body.rlc-page-ladcykler .hero h1{font-size:clamp(34px,9.4vw,56px);line-height:.98}}