@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500&display=swap');
/* ============================================================
   Blyerts × Radnor — designsystem för startsidan (sida 2448)
   Laddas front + editor. Allt skopat under .blxr
   ============================================================ */

@font-face { font-family:'Aspekta'; src:url('https://blyerts.com/wp-content/uploads/blyerts-radnor/fonts/Aspekta-400.woff2') format('woff2'); font-weight:400; font-display:swap; }
@font-face { font-family:'Aspekta'; src:url('https://blyerts.com/wp-content/uploads/blyerts-radnor/fonts/Aspekta-500.woff2') format('woff2'); font-weight:500; font-display:swap; }
@font-face { font-family:'Aspekta'; src:url('https://blyerts.com/wp-content/uploads/blyerts-radnor/fonts/Aspekta-600.woff2') format('woff2'); font-weight:600; font-display:swap; }
@font-face { font-family:'Aspekta'; src:url('https://blyerts.com/wp-content/uploads/blyerts-radnor/fonts/Aspekta-700.woff2') format('woff2'); font-weight:700; font-display:swap; }

.blxr {
  --c-cream:#F7F3EB; --c-beige:#EDE5D8; --c-ink:#0A0A0A; --c-orange:#FF4501;
  --c-muted:#55524C; --c-line:rgba(10,10,10,.12); --c-card:#FFFFFF;
  --f-head:'Aspekta', ui-sans-serif, system-ui, sans-serif;
  --f-mono:'Roboto Mono', ui-monospace, monospace;
  --r-sm:10px; --r-md:14px; --r-lg:18px;
  background:var(--c-cream); color:var(--c-ink);
  font-family:var(--f-head); font-size:17px; line-height:1.55;
  -webkit-font-smoothing:antialiased; overflow-x:clip;
}
.blxr *, .blxr *::before, .blxr *::after { box-sizing:border-box; }
.blxr h1,.blxr h2,.blxr h3,.blxr p,.blxr blockquote,.blxr figure { margin:0; }
.blxr a { color:inherit; text-decoration:none; }
.blxr img { display:block; max-width:100%; height:auto; }

.blxr-container { max-width:1320px; margin:0 auto; padding:0 clamp(20px,4vw,48px); }

.blxr-mono, .blxr-eyebrow {
  font-family:var(--f-mono); font-size:11px; font-weight:500;
  letter-spacing:.22em; text-transform:uppercase; color:var(--c-ink);
}
.blxr-eyebrow { text-align:center; opacity:.75; }

.blxr-btn {
  display:inline-block; font-family:var(--f-head); font-size:15px; font-weight:500;
  padding:12px 22px; border-radius:var(--r-sm); line-height:1.2; cursor:pointer;
  transition:transform .25s ease, opacity .25s ease;
}
.blxr-btn:hover { transform:translateY(-2px); opacity:.92; }
.blxr-btn--orange { background:var(--c-orange); color:var(--c-cream); }
.blxr-btn--light { background:var(--c-cream); color:var(--c-ink); }

.blxr-stars { color:var(--c-orange); font-size:13px; letter-spacing:.2em; }
.blxr-dot { width:30px; height:30px; border-radius:50%; background:var(--c-orange); display:inline-block; }

/* Scroll reveal — transition på transform/opacity, ALDRIG på fixed element */
.blxr-reveal { opacity:0; transform:translateY(26px); transition:opacity .7s ease, transform .7s ease; }
.blxr-in { opacity:1; transform:none; }
.editor-styles-wrapper .blxr-reveal { opacity:1 !important; transform:none !important; }

/* ---------- Marquee (ren CSS) ---------- */
.blxr-marquee { overflow:hidden; width:100%; }
.blxr-track { display:flex; gap:18px; width:max-content; animation:blxr-scroll 42s linear infinite; }
.blxr-track--slow { animation-duration:70s; }
.blxr-track--brand { gap:0; animation-duration:36s; }
.blxr-marquee:hover .blxr-track { animation-play-state:paused; }
@keyframes blxr-scroll { to { transform:translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .blxr-track { animation:none; } }
.editor-styles-wrapper .blxr-track { animation:none; }

/* ---------- 1. Hero ---------- */
.blxr-hero { padding:clamp(48px,7vw,96px) 0 clamp(56px,7vw,100px); }
.blxr-hero__top { text-align:center; margin-bottom:clamp(40px,5vw,72px); }
.blxr-hero__title {
  font-size:clamp(38px,6.4vw,84px); font-weight:500; letter-spacing:-0.035em;
  line-height:1.04; max-width:20ch; margin:20px auto 0;
}
.blxr-hcard {
  width:clamp(280px,26vw,360px); height:clamp(360px,32vw,440px); flex:none;
  border-radius:var(--r-md); overflow:hidden; position:relative; background:var(--c-card);
}
.blxr-hcard--photo img { width:100%; height:100%; object-fit:cover; }
.blxr-hcard--quote { background:var(--c-orange); color:var(--c-cream); padding:26px; display:flex; flex-direction:column; }
.blxr-hcard--quote .blxr-stars { color:var(--c-cream); }
.blxr-hcard--quote blockquote { font-size:20px; font-weight:500; line-height:1.35; letter-spacing:-0.01em; margin-top:18px; }
.blxr-hcard__who { margin-top:auto; display:flex; align-items:center; gap:10px; font-size:13px; }
.blxr-hcard__who img { width:34px; height:34px; border-radius:50%; object-fit:cover; }
.blxr-hcard--ui { background:#111; color:#F1EDE5; padding:24px; display:flex; flex-direction:column; gap:14px; }
.blxr-hcard--ui .blxr-mono { color:#F1EDE5; opacity:.7; }
.blxr-ui-row { display:flex; align-items:center; gap:10px; background:rgba(255,255,255,.07); border-radius:999px; padding:8px 14px 8px 8px; font-size:13px; }
.blxr-ui-row img { width:30px; height:30px; border-radius:50%; object-fit:cover; }
.blxr-ui-row em { margin-left:auto; font-style:normal; font-family:var(--f-mono); font-size:11px; color:#F1EDE5; opacity:.8; }
.blxr-hcard--ui .blxr-btn { margin-top:auto; text-align:center; }

/* ---------- 2. Intro ---------- */
.blxr-intro { padding:clamp(72px,10vw,150px) 0; }
.blxr-intro__grid { display:grid; grid-template-columns:120px 1fr; gap:24px; align-items:start; }
.blxr-intro__text { font-size:clamp(26px,3.4vw,44px); font-weight:500; letter-spacing:-0.02em; line-height:1.22; max-width:26ch; }
.blxr-fade { color:rgba(10,10,10,.38); }

/* ---------- 3. Jätteord ---------- */
.blxr-giant { overflow:hidden; padding:clamp(24px,4vw,64px) 0; }
.blxr-giant__word {
  font-size:clamp(88px,17vw,250px); font-weight:600; letter-spacing:-0.045em;
  line-height:.95; white-space:nowrap; will-change:transform; padding-left:2vw;
}

/* ---------- 4. Fyra funktioner ---------- */
.blxr-features { padding:clamp(64px,8vw,120px) 0; }
.blxr-features__grid { display:grid; grid-template-columns:minmax(260px,1fr) minmax(0,2fr); gap:clamp(32px,5vw,72px); }
.blxr-features__title { font-size:clamp(24px,2.6vw,34px); font-weight:500; letter-spacing:-0.015em; line-height:1.25; }
.blxr-stat { margin-top:clamp(48px,8vw,140px); }
.blxr-stat__num { font-size:clamp(56px,6vw,92px); font-weight:500; letter-spacing:-0.03em; display:block; line-height:1; }
.blxr-stat__num sup { font-size:.45em; color:var(--c-orange); }
.blxr-stat__label { color:var(--c-muted); font-size:15px; }
.blxr-features__cards { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.blxr-fcard { background:var(--c-card); border-radius:var(--r-md); padding:26px; min-height:300px; display:flex; flex-direction:column; }
.blxr-fcard header { display:flex; justify-content:space-between; align-items:center; margin-bottom:auto; }
.blxr-fcard h3 { font-size:clamp(22px,2.2vw,30px); font-weight:500; letter-spacing:-0.015em; margin-top:70px; }
.blxr-fcard p { color:var(--c-muted); font-size:14.5px; line-height:1.55; margin-top:10px; }

/* ---------- 5. Så funkar det ---------- */
.blxr-approach { padding:clamp(64px,8vw,120px) 0 0; }
.blxr-approach__title {
  font-size:clamp(28px,3.6vw,48px); font-weight:500; letter-spacing:-0.02em;
  line-height:1.15; text-align:center; max-width:22ch; margin:18px auto clamp(36px,5vw,64px);
}
.blxr-approach__media { position:relative; border-radius:var(--r-lg); overflow:hidden; }
.blxr-approach__media img { width:100%; aspect-ratio:16/8; object-fit:cover; }
.blxr-chip {
  position:absolute; left:50%; bottom:24px; transform:translateX(-50%);
  background:rgba(10,10,10,.72); color:#F1EDE5; backdrop-filter:blur(6px);
  font-family:var(--f-mono); font-size:11px; letter-spacing:.18em; text-transform:uppercase;
  padding:10px 18px; border-radius:999px; white-space:nowrap;
}

/* ---------- 6. Fyra ingångar (jätteord-rader) ---------- */
.blxr-services { padding:clamp(72px,9vw,140px) 0; }
.blxr-services__intro { display:flex; justify-content:flex-end; margin-bottom:clamp(32px,4vw,56px); }
.blxr-services__intro h3 { font-size:clamp(20px,2.2vw,28px); font-weight:500; letter-spacing:-0.01em; max-width:24ch; text-align:left; }
.blxr-srow {
  display:grid; grid-template-columns:140px 1fr 170px; align-items:center; gap:20px;
  border-top:1px solid var(--c-line); padding:clamp(14px,2vw,26px) 0; position:relative;
}
.blxr-srow:last-child { border-bottom:1px solid var(--c-line); }
.blxr-srow__label { color:var(--c-muted); }
.blxr-srow__word {
  font-size:clamp(48px,7.6vw,112px); font-weight:500; letter-spacing:-0.035em; line-height:1;
  transition:color .3s ease, transform .3s ease;
}
.blxr-srow:hover .blxr-srow__word { color:var(--c-orange); transform:translateX(10px); }
.blxr-srow__img { border-radius:var(--r-sm); overflow:hidden; opacity:0; transform:scale(.94); transition:opacity .35s ease, transform .35s ease; justify-self:end; width:170px; height:96px; }
.blxr-srow__img img { width:100%; height:100%; object-fit:cover; }
.blxr-srow:hover .blxr-srow__img, .blxr-srow:focus-visible .blxr-srow__img { opacity:1; transform:scale(1); }
.editor-styles-wrapper .blxr-srow__img { opacity:1; transform:none; }

/* ---------- 7. Röster ---------- */
.blxr-quotes { background:var(--c-beige); padding:clamp(64px,8vw,120px) 0; }
.blxr-quotes__head { display:flex; justify-content:space-between; align-items:flex-start; gap:32px; margin-bottom:clamp(36px,5vw,64px); flex-wrap:wrap; }
.blxr-quotes__head h2 { font-size:clamp(30px,3.8vw,52px); font-weight:500; letter-spacing:-0.02em; line-height:1.1; max-width:14ch; }
.blxr-scorebox { border:1px solid var(--c-line); border-radius:var(--r-md); padding:20px 26px; min-width:240px; }
.blxr-scorebox__big { font-size:44px; font-weight:500; letter-spacing:-0.02em; line-height:1.1; margin:8px 0 4px; }
.blxr-scorebox__big small { font-size:16px; color:var(--c-muted); font-weight:400; }
.blxr-qcard {
  width:clamp(280px,24vw,340px); flex:none; background:var(--c-cream);
  border-radius:var(--r-md); padding:24px; display:flex; flex-direction:column; min-height:240px;
}
.blxr-qcard blockquote { font-size:16px; line-height:1.5; margin-top:16px; letter-spacing:-0.005em; }
.blxr-qcard__who { margin-top:auto; padding-top:18px; display:flex; align-items:center; gap:10px; font-size:13px; color:var(--c-muted); }
.blxr-qcard__who img { width:32px; height:32px; border-radius:50%; object-fit:cover; }

/* ---------- 8. I rörelse ---------- */
.blxr-motion { position:relative; background:var(--c-beige); padding:clamp(120px,18vw,260px) 0; overflow:hidden; }
.blxr-motion__center { position:relative; z-index:2; text-align:center; }
.blxr-motion__center h2 { font-size:clamp(40px,6vw,76px); font-weight:500; letter-spacing:-0.03em; line-height:1.05; margin-top:16px; }
.blxr-motion__img { position:absolute; border-radius:var(--r-sm); object-fit:cover; z-index:1; will-change:transform; }
.blxr-motion__img--1 { width:clamp(120px,16vw,240px); height:clamp(160px,20vw,300px); right:4%; top:6%; }
.blxr-motion__img--2 { width:clamp(100px,12vw,180px); height:clamp(130px,15vw,230px); left:6%; bottom:10%; }
.blxr-motion__img--3 { width:clamp(90px,10vw,150px); height:clamp(90px,10vw,150px); left:38%; bottom:4%; }

/* ---------- 9. CTA-kort ---------- */
.blxr-cta { padding:clamp(64px,8vw,120px) 0; }
.blxr-cta__grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.blxr-ccard {
  border-radius:var(--r-lg); padding:30px; min-height:420px; position:relative; overflow:hidden;
  display:flex; flex-direction:column; transition:transform .3s ease;
}
.blxr-ccard:hover { transform:translateY(-4px); }
.blxr-ccard header { display:flex; justify-content:space-between; align-items:center; }
.blxr-ccard h3 { font-size:clamp(26px,2.8vw,38px); font-weight:500; letter-spacing:-0.02em; line-height:1.15; margin-top:auto; max-width:14ch; }
.blxr-ccard .blxr-btn { margin-top:22px; align-self:flex-start; }
.blxr-ccard--dark { background:#0E0E0E; color:#F1EDE5; }
.blxr-ccard--dark .blxr-mono { color:#F1EDE5; opacity:.65; }
.blxr-ccard--orange { background:var(--c-orange); color:var(--c-cream); }
.blxr-ccard--orange .blxr-mono { color:var(--c-cream); opacity:.8; }
.blxr-ccard--orange::after {
  content:''; position:absolute; width:300px; height:300px; border-radius:50%;
  background:rgba(180,105,110,.55); right:-40px; top:50%; transform:translateY(-50%);
}
.blxr-ccard--orange h3, .blxr-ccard--orange .blxr-btn { position:relative; z-index:1; }
.blxr-arrow {
  width:40px; height:40px; border-radius:50%; background:#F1EDE5; color:#0E0E0E;
  display:flex; align-items:center; justify-content:center; font-size:18px;
  transition:transform .3s ease;
}
.blxr-ccard:hover .blxr-arrow { transform:translateX(4px); }

/* ---------- 10. Sidfot ---------- */
.blxr-footer { padding-top:clamp(48px,6vw,80px); }
.blxr-brand {
  font-size:clamp(96px,18vw,250px); font-weight:700; letter-spacing:-0.05em;
  line-height:1; white-space:nowrap; display:inline-block; padding-right:.15em;
}
.blxr-brand em { font-style:normal; color:var(--c-ink); font-size:.55em; vertical-align:.12em; padding:0 .12em; }
.blxr-footer__grid {
  display:grid; grid-template-columns:2fr 1fr 1fr; gap:clamp(28px,4vw,64px);
  padding-top:clamp(40px,5vw,64px); align-items:start;
}
.blxr-footer__note { font-size:clamp(18px,1.8vw,24px); font-weight:500; letter-spacing:-0.01em; line-height:1.35; max-width:26ch; }
.blxr-footer__col { display:flex; flex-direction:column; gap:10px; }
.blxr-footer__col .blxr-mono { margin-bottom:6px; opacity:.6; }
.blxr-footer__col a { font-size:15px; }
.blxr-footer__col a:hover { color:var(--c-orange); }
.blxr-footer__legal {
  display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap;
  border-top:1px solid var(--c-line); margin-top:clamp(40px,5vw,64px);
  padding-top:22px; padding-bottom:40px; font-size:13px; color:var(--c-muted);
}

/* ---------- Mobil ---------- */
@media (max-width: 900px) {
  .blxr-intro__grid { grid-template-columns:1fr; }
  .blxr-features__grid { grid-template-columns:1fr; }
  .blxr-features__cards { grid-template-columns:1fr; }
  .blxr-fcard { min-height:0; } .blxr-fcard h3 { margin-top:40px; }
  .blxr-srow { grid-template-columns:70px 1fr; }
  .blxr-srow__img { display:none; }
  .blxr-cta__grid { grid-template-columns:1fr; }
  .blxr-ccard { min-height:320px; }
  .blxr-footer__grid { grid-template-columns:1fr 1fr; }
  .blxr-footer__note { grid-column:1 / -1; }
}

/* ---------- FC-frame overrides ---------- */
.blxr h1, .blxr h2, .blxr h3, .blxr .blxr-hero__title, .blxr .blxr-giant__word, .blxr .blxr-srow__word, .blxr .blxr-brand, .blxr .blxr-stat__num, .blxr blockquote, .blxr p, .blxr a, .blxr span { font-family: var(--f-head) !important; }
.blxr .blxr-mono, .blxr .blxr-eyebrow, .blxr .blxr-chip, .blxr .blxr-ui-row em { font-family: var(--f-mono) !important; }
.entry-content .blxr, .entry-content > .blxr { margin-top: 0 !important; margin-bottom: 0 !important; max-width: none !important; }
.entry-content { margin-top: 0 !important; margin-bottom: 0 !important; }
.blxr h1, .blxr h2, .blxr h3 { margin: 0 !important; }

/* ---------- FC-frame overrides 2 ---------- */
.blxr blockquote { border: none !important; padding: 0 !important; background: none !important; font-style: normal !important; }
.blxr h1, .blxr h2, .blxr h3 { color: inherit !important; }
.blxr { color: var(--c-ink); }
.blxr .blxr-hcard--quote, .blxr .blxr-hcard--quote blockquote, .blxr .blxr-ccard--orange, .blxr .blxr-ccard--orange h3 { color: var(--c-cream) !important; }
.blxr .blxr-hcard--ui, .blxr .blxr-ccard--dark, .blxr .blxr-ccard--dark h3 { color: #F1EDE5 !important; }

/* ---------- Radnor del 2: nav, om, kontakt ---------- */
.blxr-nav { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px clamp(20px,4vw,48px); }
.blxr-nav__logo { font-weight:700 !important; font-size:22px; letter-spacing:-0.03em; }
.blxr-nav__pill { display:flex; gap:4px; background:#fff; border-radius:999px; padding:5px; box-shadow:0 1px 3px rgba(10,10,10,.07); }
.blxr-nav__pill a { font-size:13.5px; padding:8px 16px; border-radius:999px; transition:background .2s ease; }
.blxr-nav__pill a:hover, .blxr-nav__pill a.is-active { background:var(--c-cream); }
.blxr-nav__right { display:flex; align-items:center; gap:14px; }
.blxr-nav__right .blxr-btn { padding:10px 18px; font-size:14px; }
.blxr-clock { font-family:var(--f-mono) !important; font-size:11px; letter-spacing:.14em; opacity:.7; }
@media (max-width:800px){ .blxr-nav__pill { display:none; } .blxr-clock { display:none; } }

.blxr--dark { background:#0A0A0A; color:#F1EDE5; }
.blxr--dark .blxr-eyebrow, .blxr--dark .blxr-mono { color:#F1EDE5 !important; }
.blxr--dark h1, .blxr--dark h2, .blxr--dark h3 { color:#F1EDE5 !important; }
.blxr-abhero { padding:clamp(64px,9vw,130px) 0 clamp(36px,5vw,60px); text-align:center; }
.blxr-abhero h1 { font-size:clamp(36px,5.6vw,72px); font-weight:500; letter-spacing:-0.03em; line-height:1.06; max-width:18ch; margin:18px auto 0 !important; }
.blxr-abmedia { padding-bottom:clamp(48px,7vw,96px); }
.blxr-abmedia img { width:100%; aspect-ratio:16/8; object-fit:cover; border-radius:var(--r-lg); }

.blxr-steps { padding:clamp(24px,4vw,64px) 0 clamp(72px,9vw,140px); }
.blxr-steps__intro { display:flex; justify-content:flex-end; margin-bottom:clamp(32px,4vw,56px); }
.blxr-steps__intro p { max-width:34ch; font-size:15px; color:rgba(241,237,229,.75); }
.blxr-step { display:grid; grid-template-columns:minmax(0,1.1fr) 1fr 170px; align-items:center; gap:24px; border-top:1px solid rgba(255,255,255,.14); padding:clamp(18px,2.5vw,32px) 0; }
.blxr-step:last-child { border-bottom:1px solid rgba(255,255,255,.14); }
.blxr-step__num { font-family:var(--f-mono) !important; font-size:11px; opacity:.55; margin-right:14px; vertical-align:super; }
.blxr-step__word { font-size:clamp(38px,5.4vw,80px); font-weight:500; letter-spacing:-0.03em; line-height:1; }
.blxr-step p { color:rgba(241,237,229,.75); font-size:14.5px; line-height:1.55; max-width:40ch; }
.blxr-step__img { width:170px; height:110px; border-radius:var(--r-sm); overflow:hidden; justify-self:end; }
.blxr-step__img img { width:100%; height:100%; object-fit:cover; }
@media (max-width:900px){ .blxr-step { grid-template-columns:1fr; gap:10px; } .blxr-step__img { display:none; } }

.blxr-team { padding:clamp(64px,8vw,120px) 0; }
.blxr-team h2 { font-size:clamp(30px,3.8vw,52px); font-weight:500; letter-spacing:-0.02em; margin-bottom:clamp(28px,4vw,48px) !important; }
.blxr-team__grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.blxr-tcard { position:relative; border-radius:var(--r-md); overflow:hidden; }
.blxr-tcard img { width:100%; aspect-ratio:4/5; object-fit:cover; }
.blxr-tcard::after { content:''; position:absolute; inset:auto 0 0 0; height:45%; background:linear-gradient(to top, rgba(10,10,10,.55), transparent); }
.blxr-tcard__who { position:absolute; left:16px; bottom:14px; z-index:1; color:#fff; }
.blxr-tcard__who strong { display:block; font-weight:500; font-size:16px; }
.blxr-tcard__who span { font-family:var(--f-mono) !important; font-size:10px; letter-spacing:.16em; text-transform:uppercase; opacity:.85; }
@media (max-width:900px){ .blxr-team__grid { grid-template-columns:1fr 1fr; } }

.blxr-ethos { padding:clamp(64px,9vw,140px) 0; }
.blxr-ethos .blxr-intro__grid { align-items:start; }
.blxr-fullphoto { padding-bottom:clamp(48px,6vw,80px); }
.blxr-fullphoto img { width:100%; aspect-ratio:16/7; object-fit:cover; border-radius:var(--r-lg); }

.blxr-contact { padding:clamp(56px,7vw,100px) 0 clamp(64px,8vw,120px); }
.blxr-contact__grid { display:grid; grid-template-columns:1fr 1.1fr; gap:clamp(32px,6vw,90px); align-items:start; }
.blxr-contact h1 { font-size:clamp(44px,6vw,80px); font-weight:500; letter-spacing:-0.035em; line-height:1; }
.blxr-contact__lead { font-size:clamp(18px,1.8vw,24px); font-weight:500; letter-spacing:-0.01em; line-height:1.35; max-width:26ch; margin-top:20px !important; }
.blxr-contact__meta { margin-top:44px; display:flex; flex-direction:column; gap:24px; }
.blxr-contact__meta .blxr-mono { opacity:.55; display:block; margin-bottom:4px; }
.blxr-contact__meta a:hover { color:var(--c-orange); }
@media (max-width:900px){ .blxr-contact__grid { grid-template-columns:1fr; } }

.blxr-ff .ff-el-form-control, .blxr-ff .ff-el-form-control:focus { background:transparent !important; border:0 !important; border-bottom:1px solid var(--c-line) !important; border-radius:0 !important; padding:10px 2px !important; font-family:var(--f-head) !important; font-size:15px !important; box-shadow:none !important; color:var(--c-ink) !important; }
.blxr-ff .ff-el-input--label label { font-family:var(--f-mono) !important; font-size:10px !important; letter-spacing:.18em; text-transform:uppercase; font-weight:500 !important; color:var(--c-ink) !important; }
.blxr-ff .ff-el-group { margin-bottom:28px !important; }
.blxr-ff .ff-el-form-check-label { font-family:var(--f-head) !important; font-size:14px !important; }
.blxr-ff .ff_flexible_content { display:flex; flex-wrap:wrap; gap:10px 28px; }
.blxr-ff .ff-btn-submit { background:var(--c-orange) !important; color:var(--c-cream) !important; border:0 !important; border-radius:10px !important; padding:13px 26px !important; font-family:var(--f-head) !important; font-weight:500 !important; font-size:15px !important; }
/* ---------- Radnor del 3 ---------- */
.blxr-assets { display:none !important; margin:0 !important; }
.entry-content > *:first-child { margin-top:0 !important; }
.blxr-nav { position:sticky; top:0; z-index:60; background:var(--c-cream); }
/* ---------- Radnor del 4 ---------- */
.blxr-nav { background:rgba(247,243,235,.82); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); }
/* ---------- Radnor del 5: granskningsfixar ---------- */
/* 1. Jätteordet ska synas i sin helhet — storlek relativt containern (FC-ytan), inte viewporten */
.blxr-giant { container-type: inline-size; }
.blxr-giant__word { font-size: clamp(48px, 10.5vw, 210px); padding-left: 0; text-align: center; }
@supports (width: 1cqw) { .blxr-giant__word { font-size: 11.6cqw; } }
/* 2. Footer-ordmärket: y-svansen kapades av line-height 1 + overflow hidden */
.blxr-brand { line-height: 1.12; padding-bottom: .05em; }
/* 3. Statement låg dikt an mot bilden — globala margin-nollningen åt upp rubrikens bottenmarginal */
.blxr .blxr-approach__title { margin: 18px auto clamp(48px, 6vw, 88px) !important; }
.blxr .blxr-hero__title { margin: 20px auto 0 !important; }
/* ---------- Radnor del 6: kontexta-illustrationernas beskärning ---------- */
/* 16:9-illustrationer i stående kort — rikta beskärningen mot figurerna */
.blxr img[src*="people-walking"] { object-position: 22% 25%; }
.blxr img[src*="woman-phone"] { object-position: 76% 30%; }
.blxr img[src*="girl-mountains"] { object-position: 50% 35%; }
.blxr img[src*="motion-1"] { object-position: 55% 30%; }
.blxr img[src*="motion-2"] { object-position: 40% 30%; }
.blxr img[src*="motion-3"] { object-position: 50% 40%; }
.blxr img[src*="avatar-woman-1"] { object-position: 22% 25%; }
.blxr img[src*="avatar-man-2"] { object-position: 12% 45%; }
.blxr img[src*="team-2"] { object-position: 45% 30%; }
/* ---------- Radnor del 7: Väg B — kontexta-paletten (tuschblå + flagg-gul + papper) ---------- */
.blxr {
  --c-cream:#F3ECDA; --c-beige:#E8DDC2; --c-ink:#101C2C; --c-orange:#F7D348;
  --c-muted:#4E5563; --c-line:rgba(16,28,44,.15); --c-card:#FAF6EB;
}
/* Gul bär aldrig text — alltid tuschblå text på gul yta */
.blxr .blxr-btn--orange { color:var(--c-ink); font-weight:600; }
.blxr-ff .ff-btn-submit { color:#101C2C !important; font-weight:600 !important; }
/* Stjärnor: tuschblå på ljusa ytor, gula på mörka */
.blxr .blxr-stars { color:var(--c-ink); }
.blxr .blxr-hcard--quote .blxr-stars { color:#F7D348; }
/* Citatkortet i heron: orange → tuschblått */
.blxr .blxr-hcard--quote, .blxr .blxr-hcard--quote blockquote { background:#101C2C; color:#F3ECDA !important; }
.blxr .blxr-hcard--quote blockquote { background:none; }
/* UI-kortet + mörka ytor: svart → tuschblå */
.blxr .blxr-hcard--ui { background:#101C2C; }
.blxr--dark { background:#101C2C; }
.blxr .blxr-ccard--dark { background:#101C2C; }
/* Orange CTA-kort → gult kort med tuschblå text och mörk knapp */
.blxr .blxr-ccard--orange { background:#F7D348; }
.blxr .blxr-ccard--orange, .blxr .blxr-ccard--orange h3, .blxr .blxr-ccard--orange .blxr-mono { color:#101C2C !important; }
.blxr .blxr-ccard--orange .blxr-mono { opacity:.65; }
.blxr .blxr-ccard--orange::after { background:rgba(16,28,44,.16); }
.blxr .blxr-ccard--orange .blxr-btn--light { background:#101C2C; color:#F3ECDA; }
/* Ikonprickar: gul med tusch-ring (seriens kontur-idiom) */
.blxr .blxr-dot { background:#F7D348; box-shadow: inset 0 0 0 1.5px rgba(16,28,44,.4); }
/* Detaljer */
.blxr .blxr-fade { color:rgba(16,28,44,.38); }
.blxr .blxr-chip { background:rgba(16,28,44,.8); }
.blxr-nav { background:rgba(243,236,218,.85); }
.blxr .blxr-nav__pill { background:#FAF6EB; }
/* ---------- Radnor del 8: konsumera Blyerts Papper-tokens ---------- */
.blxr { --c-ink:var(--bp-ink,#101C2C); --c-orange:var(--bp-gul,#F7D348); --c-cream:var(--bp-papper,#F3ECDA); --c-beige:var(--bp-papper-djup,#E8DDC2); --c-card:var(--bp-kort,#FAF6EB); --c-muted:var(--bp-mut,#4E5563); --c-line:var(--bp-linje,rgba(16,28,44,.15)); --f-head:var(--bp-font,'Aspekta',sans-serif); --f-mono:var(--bp-mono,monospace); }