/* RAD LINES — editorial colouring book page */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&display=swap');

:root {
  --rl-black: #161616;
  --rl-deep: #0b0b0b;
  --rl-red: #d82c25;
  --rl-paper: #f7f5f0;
  --rl-muted: #62615d;
  --rl-line: #d9d6cf;
  --rl-display: 'Barlow Condensed', 'Arial Narrow', Impact, sans-serif;
}

.rad-lines-page { background: var(--rl-paper); color: var(--rl-black); overflow: hidden; }
.rad-lines-page p { max-width: none; }
.rad-lines-hero { min-height: 750px; padding: 92px 5.55vw 70px; background: var(--rl-deep); color: var(--rl-paper); display: grid; grid-template-columns: minmax(0, 1fr) minmax(420px, 1fr); gap: 64px; align-items: center; }
.rad-lines-intro { width: min(592px, 100%); justify-self: end; }
.rad-lines-brand { display: flex; align-items: center; gap: 14px; font: 800 36px/1 var(--rl-display); letter-spacing: .02em; }
.rad-lines-brand__logo { width: 52px; height: 52px; flex: 0 0 52px; border-radius: 50%; object-fit: cover; background: #000; }
.rad-lines-intro h1 { margin: 32px 0 24px; color: var(--rl-paper); font: 800 clamp(4.5rem, 7.2vw, 6.75rem)/.94 var(--rl-display); letter-spacing: -.035em; }
.rad-lines-intro h1 em { color: var(--rl-red); font-style: normal; }
.rad-lines-intro > p { width: min(470px, 100%); color: var(--rl-muted); font: 400 18px/1.6 Inter, sans-serif; }
.rad-lines-purchase { display: flex; align-items: center; gap: 20px; margin-top: 32px; }
.rad-lines-button { height: 56px; padding: 0 28px; display: inline-flex; align-items: center; gap: 28px; background: var(--rl-red); color: white; font: 600 15px Inter, sans-serif; transition: transform .25s ease, background .25s ease; }
.rad-lines-button:hover { background: #ef3b32; transform: translateY(-2px); }
.rad-lines-button span { font-size: 20px; }
.rad-lines-purchase small { color: var(--rl-muted); font: 400 12px Inter, sans-serif; }
.rad-lines-showcase { height: 640px; position: relative; overflow: hidden; isolation: isolate; background: radial-gradient(circle at 68% 28%, #2d8790 0%, rgba(27,91,100,.9) 21%, transparent 48%), radial-gradient(circle at 22% 76%, #315f52 0%, rgba(24,53,49,.88) 26%, transparent 54%), linear-gradient(135deg, #071b2c 0%, #0d3345 42%, #1c4a4d 68%, #9e251f 100%); display: flex; align-items: center; justify-content: center; text-decoration: none; perspective: 1100px; transform-style: preserve-3d; }
.rad-lines-showcase::before,
.rad-lines-showcase::after { display: none; }
.rad-lines-showcase .home-rad-lines__label { position: absolute; top: 24px; left: 24px; z-index: 4; color: #fff; font: 400 10px Inter, sans-serif; letter-spacing: .08em; }
.rad-lines-showcase .home-rad-lines__orbit { position: absolute; z-index: 1; border: 1px solid rgba(255,255,255,.28); border-radius: 50%; pointer-events: none; }
.rad-lines-showcase .home-rad-lines__orbit--one { width: 76%; aspect-ratio: 1; transform: rotate(25deg) scaleY(.42); animation: radLinesOrbit 10s linear infinite; }
.rad-lines-showcase .home-rad-lines__orbit--two { width: 90%; aspect-ratio: 1; transform: rotate(-30deg) scaleY(.28); border-color: rgba(255,255,255,.16); animation: radLinesOrbitReverse 14s linear infinite; }
@keyframes radLinesOrbit { to { transform: rotate(385deg) scaleY(.42); } }
@keyframes radLinesOrbitReverse { to { transform: rotate(-390deg) scaleY(.28); } }
.rad-lines-showcase > img { position: relative; z-index: 2; width: 62%; aspect-ratio: 1; object-fit: cover; transform: rotate(-17deg) translate3d(0, 0, 0) scale(1); box-shadow: 18px 28px 38px rgba(0,0,0,.34); transition: transform .45s var(--ease-out), box-shadow .45s ease; }
.rad-lines-showcase:hover > img { transform: rotate(-14deg) translate3d(0, -4px, 22px) scale(1.035); box-shadow: 26px 36px 48px rgba(0,0,0,.42); }
.rad-lines-showcase .home-rad-lines__badge { position: absolute; right: 5%; bottom: 7%; z-index: 3; width: 116px; height: 116px; display: grid; place-items: center; border-radius: 50%; background: #fff; transform: rotate(10deg); box-shadow: 0 18px 28px rgba(0,0,0,.26); animation: radLinesBadge 3.5s ease-in-out infinite; }
.rad-lines-showcase .home-rad-lines__badge-logo { width: 84px; height: 84px; border-radius: 50%; object-fit: cover; display: block; }
@keyframes radLinesBadge { 0%,100% { transform: rotate(10deg) translateY(0); } 50% { transform: rotate(6deg) translateY(-10px); } }
.rad-lines-showcase .home-rad-lines__hint { position: absolute; left: 24px; bottom: 24px; z-index: 4; color: #fff; font: 400 11px Inter, sans-serif; letter-spacing: .05em; }
.rad-lines-showcase .home-rad-lines__hint b { color: #fff; font-size: 1rem; margin-left: 8px; }
.book-art { position: relative; background: #f1dfbb; color: var(--rl-black); box-shadow: 14px 20px 28px rgba(22,22,22,.28); overflow: hidden; }
.book-art--hero { width: min(330px, 62%); aspect-ratio: 236/324; padding: 22px; transform: rotate(-7deg); border-left: 5px solid #62615d; display: flex; flex-direction: column; justify-content: space-between; }
.book-art__top { display: flex; justify-content: space-between; font: 600 9px Inter, sans-serif; letter-spacing: .12em; }
.book-art strong { position: relative; z-index: 2; font: 800 clamp(28px, 4vw, 42px)/.82 var(--rl-display); letter-spacing: -.02em; }
.book-art small { position: relative; z-index: 2; font: 600 9px Inter, sans-serif; letter-spacing: .2em; }
.monster { position: absolute; inset: 21% 10% 28%; background: #d8a15d; border: 5px solid var(--rl-black); border-radius: 48% 52% 44% 56%; transform: rotate(-9deg); }
.monster:before, .monster:after { content: ''; position: absolute; top: -12%; width: 32%; height: 34%; background: #d8a15d; border: 5px solid var(--rl-black); }
.monster:before { left: 3%; transform: rotate(-35deg); border-radius: 80% 20% 20% 20%; }
.monster:after { right: 3%; transform: rotate(35deg); border-radius: 20% 80% 20% 20%; }
.monster i { position: absolute; top: 32%; width: 14px; height: 18px; border-radius: 50%; background: var(--rl-black); z-index: 2; }
.monster i:nth-child(1) { left: 25%; }.monster i:nth-child(2) { right: 25%; }
.monster i:nth-child(3), .monster i:nth-child(4) { top: 11%; width: 8px; height: 20px; border-radius: 0; background: var(--rl-red); }
.monster i:nth-child(3) { left: 15%; transform: rotate(-30deg); }.monster i:nth-child(4) { right: 15%; transform: rotate(30deg); }
.monster b { position: absolute; left: 33%; bottom: 20%; width: 34%; height: 10px; border-bottom: 4px solid var(--rl-black); border-radius: 50%; }
.rad-lines-statement { min-height: 60px; padding: 0; display: flex; align-items: center; overflow: hidden; background: var(--rl-black); color: var(--rl-paper); font: 500 11px Inter, sans-serif; letter-spacing: .04em; }
.rad-lines-statement__track { display: flex; width: max-content; flex: 0 0 max-content; animation: radLinesMarquee 24s linear infinite; will-change: transform; }
.rad-lines-statement__group { display: flex; align-items: center; justify-content: space-around; width: 100vw; min-width: 100vw; }
.rad-lines-statement span { display: inline-flex; align-items: center; gap: 2px; white-space: nowrap; }
.rad-lines-statement span::first-letter { color: var(--rl-red); }
@keyframes radLinesMarquee { from { transform: translateX(-50%); } to { transform: translateX(0); } }

/* Animated artwork preview section */
.rad-lines-motion { position: relative; overflow: hidden; background: var(--rl-deep); color: var(--rl-paper); border-top: 1px solid rgba(247,245,240,.12); border-bottom: 1px solid rgba(247,245,240,.12); }
.rad-lines-motion::before { content: ''; position: absolute; top: 10%; right: -12%; width: 42vw; height: 42vw; border: 1px solid rgba(216,44,37,.24); border-radius: 50%; transform: rotate(-18deg) scaleY(.42); pointer-events: none; }
.rad-lines-motion__inner { width: min(1240px, 89vw); margin-inline: auto; padding: 86px 0 78px; position: relative; z-index: 1; }
.rad-lines-motion__intro { max-width: 760px; }
.rad-lines-motion__intro h2 { margin: 16px 0 18px; color: var(--rl-paper); font: 800 clamp(3.4rem, 6vw, 6.2rem)/.86 var(--rl-display); letter-spacing: -.035em; }
.rad-lines-motion__intro h2 em { color: var(--rl-red); font-style: normal; }
.rad-lines-motion__intro p { max-width: 52ch; color: rgba(247,245,240,.62); font: 400 16px/1.6 Inter, sans-serif; }
.rad-lines-motion__gallery { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-top: 48px; }
.rad-lines-motion__tile { min-width: 0; margin: 0; overflow: hidden; background: #111; border: 1px solid rgba(247,245,240,.15); transition: transform .45s var(--ease-out), border-color .35s ease, box-shadow .45s ease; }
.rad-lines-motion__tile:hover { transform: translateY(-8px); border-color: rgba(216,44,37,.82); box-shadow: 0 22px 42px rgba(0,0,0,.38), 0 0 26px rgba(216,44,37,.12); }
.rad-lines-motion__video { width: 100%; aspect-ratio: 4 / 3; display: block; object-fit: cover; background: #090909; transition: transform .7s var(--ease-out), filter .45s ease; }
.rad-lines-motion__tile:hover .rad-lines-motion__video { transform: scale(1.045); filter: contrast(1.05) saturate(1.08); }
.rad-lines-motion__tile figcaption { display: flex; align-items: center; gap: 9px; min-height: 42px; padding: 10px 12px; color: rgba(247,245,240,.7); font: 700 10px/1 Inter, sans-serif; letter-spacing: .06em; text-transform: uppercase; }
.rad-lines-motion__tile figcaption span { color: var(--rl-red); font: 800 1.2rem/1 var(--rl-display); }
.rad-lines-motion__disclaimer { margin: 24px 0 0; color: rgba(247,245,240,.42); font: 400 11px/1.45 Inter, sans-serif; letter-spacing: .02em; }
.rad-lines-motion__disclaimer::before { content: '◼'; margin-right: 8px; color: var(--rl-red); font-size: 8px; }

.rad-lines-inside { padding: 68px 5.55vw 80px; background: var(--rl-deep); color: var(--rl-paper); display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 68px; align-items: center; }
.colouring-preview { width: 100%; }
.protected-preview { position: relative; overflow: hidden; aspect-ratio: 4 / 3; background: #282725; user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; }
.preview-art { width: 100%; height: auto; aspect-ratio: 4 / 3; display: block; object-fit: cover; user-select: none; -webkit-user-select: none; -webkit-user-drag: none; pointer-events: none; }
.preview-sun { position: absolute; width: 130px; height: 130px; top: 36px; right: 70px; border-radius: 50%; background: #e6aa42; border: 5px solid var(--rl-black); }
.preview-mountain { position: absolute; bottom: 0; border: 5px solid var(--rl-black); border-bottom: 0; transform: skewX(-16deg); }
.preview-mountain--back { left: 4%; width: 74%; height: 67%; background: #a9bd8d; clip-path: polygon(0 100%, 45% 0, 100% 100%); }
.preview-mountain--front { right: -5%; width: 74%; height: 54%; background: #809a6f; clip-path: polygon(0 100%, 48% 0, 100% 100%); }
.preview-monster { position: absolute; left: 36%; bottom: 11%; width: 160px; height: 170px; border: 6px solid var(--rl-black); border-radius: 49% 51% 42% 58%; background: #d17c69; transform: rotate(5deg); }
.preview-monster:before, .preview-monster:after { content: ''; position: absolute; width: 58px; height: 75px; top: -34px; background: #d17c69; border: 6px solid var(--rl-black); }
.preview-monster:before { left: 5px; border-radius: 90% 10% 0; transform: rotate(-25deg); }.preview-monster:after { right: 5px; border-radius: 10% 90% 0; transform: rotate(25deg); }
.preview-monster span { position: absolute; top: 52px; width: 18px; height: 24px; border-radius: 50%; background: var(--rl-black); z-index: 2; }.preview-monster span:nth-child(1) { left: 36px; }.preview-monster span:nth-child(2) { right: 36px; }.preview-monster span:nth-child(3) { width: 50px; height: 20px; left: 50px; top: 100px; background: none; border-bottom: 5px solid var(--rl-black); }
.preview-plant { position: absolute; bottom: -4px; width: 120px; height: 210px; border-left: 5px solid var(--rl-black); transform: rotate(25deg); }.preview-plant:before, .preview-plant:after { content: ''; position: absolute; width: 62px; height: 26px; border: 5px solid var(--rl-black); border-radius: 100% 0; }.preview-plant:before { top: 35px; left: -54px; }.preview-plant:after { top: 85px; left: -10px; transform: rotate(25deg); }.preview-plant--left { left: 8%; }.preview-plant--right { right: 8%; transform: rotate(-25deg); }
.preview-caption { display: flex; justify-content: space-between; gap: 16px; margin-top: 16px; color: var(--rl-muted); font: 400 11px Inter, sans-serif; }.preview-caption b { color: var(--rl-red); font-size: 10px; white-space: nowrap; }
.book-benefits { width: 100%; }.section-label { color: var(--rl-red); font: 600 11px Inter, sans-serif; letter-spacing: .04em; }.book-benefits h2, .next-copy h2 { margin: 20px 0 28px; font: 700 clamp(3.2rem, 5.4vw, 4rem)/.98 var(--rl-display); letter-spacing: -.025em; }.book-benefits h2 { color: var(--rl-red); }.features { margin: 0; padding: 0; list-style: none; }.features li { display: flex; gap: 16px; padding: 18px 0; border-bottom: 1px solid #62615d; }.feature-bullet { width: 24px; flex: 0 0 24px; color: var(--rl-red); font: 700 22px/1 Inter, sans-serif; }.features h3 { color: var(--rl-paper); margin-bottom: 6px; font: 600 16px/1.3 Inter, sans-serif; letter-spacing: 0; }.features p { color: var(--rl-muted); font: 400 13px/1.5 Inter, sans-serif; }
.rad-lines-next { min-height: 440px; padding: 48px 5.55vw; background: #e9e6df; display: grid; grid-template-columns: minmax(300px, 1fr) minmax(0, 1fr); gap: 80px; align-items: center; }.mystery-stage { display: flex; justify-content: center; }.mystery-cover { width: 236px; height: 324px; padding: 22px; position: relative; background: var(--rl-black); color: var(--rl-paper); box-shadow: 14px 20px 28px rgba(22,22,22,.17); border-left: 5px solid var(--rl-muted); transform: rotate(5deg); display: flex; flex-direction: column; justify-content: space-between; }.mystery-cover > div { display: flex; justify-content: space-between; font: 400 8px Inter, sans-serif; }.mystery-cover > div small { color: #aaa69f; }.mystery-cover > strong { color: var(--rl-red); text-align: center; font: 600 140px/1 var(--rl-display); }.mystery-cover > span { text-align: center; font: 400 10px Inter, sans-serif; }.next-copy > p { width: 430px; max-width: 100%; color: var(--rl-muted); font: 400 16px/1.6 Inter, sans-serif; }.release { display: flex; align-items: center; gap: 20px; margin-top: 24px; }.release b { padding: 9px 14px; border: 1px solid var(--rl-black); font: 600 11px Inter, sans-serif; }.release span { color: var(--rl-muted); font: 400 12px Inter, sans-serif; }

.rad-lines-page .rad-lines-about { display: none; }
.rad-lines-about { padding: 40px 5.55vw; background: var(--rl-black); color: var(--rl-paper); }.about-top { display: flex; justify-content: space-between; gap: 40px; align-items: center; }.brand-story { width: 600px; max-width: 100%; }.brand-story p { margin-top: 12px; color: #aaa69f; font: 400 14px/1.6 Inter, sans-serif; }.signoff { text-align: right; font: 600 44px/.98 var(--rl-display); }.signoff em { color: var(--rl-red); font-style: normal; }.rad-lines-footer { display: flex; justify-content: space-between; gap: 20px; margin-top: 32px; padding-top: 20px; border-top: 1px solid var(--rl-muted); color: #aaa69f; font: 400 10px Inter, sans-serif; }.rad-lines-footer span:first-child { font-size: 11px; }

@media (max-width: 900px) {
  .rad-lines-hero { min-height: auto; padding-top: 96px; grid-template-columns: 1fr; }.rad-lines-intro { justify-self: stretch; }.rad-lines-showcase { height: 520px; }.rad-lines-motion__inner { width: min(680px, calc(100% - 40px)); padding-block: 70px; }.rad-lines-motion__gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }.rad-lines-inside { grid-template-columns: 1fr; gap: 56px; }.rad-lines-next { gap: 40px; }.rad-lines-statement__group { width: 100vw; min-width: 100vw; }
}
@media (max-width: 600px) {
  .rad-lines-brand { font-size: 30px; }.rad-lines-intro h1 { font-size: clamp(3.75rem, 17vw, 5.4rem); }.rad-lines-purchase { align-items: flex-start; flex-direction: column; }.rad-lines-showcase { height: 450px; }.hero-book-image { width: 62%; }.out-now { right: -2px; bottom: 18px; width: 150px; height: 150px; font-size: 32px; }.rad-lines-showcase .home-rad-lines__badge { width: 94px; height: 94px; }.rad-lines-showcase .home-rad-lines__badge-logo { width: 70px; height: 70px; }.rad-lines-motion__inner { width: calc(100% - 40px); padding-block: 58px; }.rad-lines-motion__intro h2 { font-size: clamp(3rem, 15vw, 4.6rem); }.rad-lines-motion__gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin-top: 30px; }.rad-lines-motion__video { aspect-ratio: 1 / 1; }.rad-lines-motion__tile figcaption { min-height: 34px; padding: 8px; font-size: 8px; }.rad-lines-motion__tile figcaption span { font-size: 1rem; }.rad-lines-inside, .rad-lines-next { padding-inline: 20px; }.rad-lines-next { grid-template-columns: 1fr; }.mystery-stage { min-height: 360px; }.about-top, .rad-lines-footer { align-items: flex-start; flex-direction: column; }.signoff { text-align: left; font-size: 38px; }.rad-lines-footer { gap: 10px; }
}

/* Scroll choreography and editorial motion */
.rad-lines-page .reveal {
  opacity: 0;
  transform: translateY(38px) scale(.985);
  transition: opacity 850ms var(--ease-out), transform 850ms var(--ease-out);
  will-change: opacity, transform;
}
.rad-lines-page .reveal.revealed { opacity: 1; transform: translateY(0) scale(1); }
.rad-lines-page .rad-lines-intro.reveal { transform: translateX(-44px); }
.rad-lines-page .rad-lines-intro.reveal.revealed { transform: translateX(0); }
.rad-lines-page .rad-lines-showcase.reveal { transform: translateX(44px) scale(.96); }
.rad-lines-page .rad-lines-showcase.reveal.revealed { transform: translateX(0) scale(1); }
.rad-lines-page .features li.reveal { transform: translateX(28px); }
.rad-lines-page .features li.reveal.revealed { transform: translateX(0); }
.rad-lines-page .mystery-stage.reveal { transform: translateX(-30px) rotate(-1deg); }
.rad-lines-page .mystery-stage.reveal.revealed { transform: translateX(0) rotate(0); }
.rad-lines-page .hero-book-image,
.rad-lines-page .preview-art,
.rad-lines-page .mystery-cover { transition: transform 700ms var(--ease-out), box-shadow 700ms var(--ease-out); }
.rad-lines-page .hero-book-image:hover { transform: rotate(-19deg) scale(1.035) translateY(-5px); box-shadow: 20px 28px 38px rgba(0,0,0,.35); }
.rad-lines-page .preview-art:hover { transform: scale(1.018); box-shadow: 0 18px 38px rgba(0,0,0,.2); }
.rad-lines-page .mystery-cover:hover { transform: rotate(2deg) translateY(-8px); box-shadow: 20px 28px 38px rgba(22,22,22,.24); }
.rad-lines-page .features li { transition: border-color 300ms ease, padding-left 300ms ease; }
.rad-lines-page .features li:hover { border-color: var(--rl-red); padding-left: 8px; }
.rad-lines-page .rad-lines-button { transition: transform 300ms var(--ease-out), box-shadow 300ms ease, background 300ms ease; }
.rad-lines-page .rad-lines-button:hover { box-shadow: 0 12px 24px rgba(216,44,37,.32); }

@media (prefers-reduced-motion: reduce) {
  .rad-lines-statement__track { animation: none; transform: none; }
  .rad-lines-motion::before,
  .rad-lines-motion__tile,
  .rad-lines-motion__video { transition: none; transform: none; }
  .rad-lines-page .reveal,
  .rad-lines-page .rad-lines-intro.reveal,
  .rad-lines-page .rad-lines-showcase.reveal,
  .rad-lines-page .features li.reveal,
  .rad-lines-page .mystery-stage.reveal { transform: none; }
  .rad-lines-page .hero-book-image:hover,
  .rad-lines-page .preview-art:hover,
  .rad-lines-page .mystery-cover:hover { transform: none; }
}
.rad-lines-page .company-logo {
  width: 110px;
  height: 110px;
  object-fit: cover;
  object-position: center;
  border-radius: 50%;
  display: block;
  margin: 0 auto;
}

/* ============================================================
   BOOK SPECIFICATIONS BAR (Black & Red Theme + Animations)
   ============================================================ */
.rad-lines-specs {
  background-color: var(--rl-deep, #0b0b0b);
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  padding: 56px 24px;
  position: relative;
  overflow: hidden;
}

/* Subtle red accent background flare */
.rad-lines-specs::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 600px;
  height: 240px;
  background: radial-gradient(ellipse at center, rgba(216, 44, 37, 0.09) 0%, transparent 70%);
  pointer-events: none;
  z-index: 0;
}

.rad-lines-specs__container {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.rad-lines-specs__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  align-items: stretch;
}

/* Spec Card Base */
.rad-lines-spec-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 32px 20px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.01) 100%);
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 12px;
  position: relative;
  cursor: default;
  transition: 
    transform 380ms cubic-bezier(0.16, 1, 0.3, 1),
    border-color 380ms ease,
    background 380ms ease,
    box-shadow 380ms ease;
  will-change: transform, box-shadow;
}

/* Top accent hairline that lights up red on hover */
.rad-lines-spec-card::after {
  content: "";
  position: absolute;
  top: 0;
  left: 20%;
  right: 20%;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--rl-red, #d82c25), transparent);
  opacity: 0;
  transform: scaleX(0.4);
  transition: opacity 350ms ease, transform 350ms ease;
}

/* Label (e.g. Print length) */
.rad-lines-spec-card__label {
  font-family: var(--font-body, inherit);
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.02em;
  color: rgba(255, 255, 255, 0.65);
  margin-bottom: 20px;
  transition: color 300ms ease;
}

/* Icon Container */
.rad-lines-spec-card__icon {
  width: 44px;
  height: 44px;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
  transition: 
    transform 400ms cubic-bezier(0.34, 1.56, 0.64, 1),
    color 300ms ease,
    filter 300ms ease;
}

.rad-lines-spec-card__icon svg {
  width: 100%;
  height: 100%;
  display: block;
}

/* Value (e.g. 136 pages) */
.rad-lines-spec-card__value {
  font-family: var(--font-body, inherit);
  font-size: 19px;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: -0.01em;
  line-height: 1.25;
  margin-top: auto;
  transition: color 300ms ease, transform 300ms ease;
}

/* ============================================================
   HOVER & INTERACTIVE ANIMATIONS
   ============================================================ */
.rad-lines-spec-card:hover {
  transform: translateY(-8px) scale(1.02);
  border-color: rgba(216, 44, 37, 0.55);
  background: linear-gradient(180deg, rgba(216, 44, 37, 0.09) 0%, rgba(20, 20, 20, 0.85) 100%);
  box-shadow: 
    0 16px 36px rgba(0, 0, 0, 0.45),
    0 0 24px rgba(216, 44, 37, 0.18);
}

.rad-lines-spec-card:hover::after {
  opacity: 1;
  transform: scaleX(1);
}

.rad-lines-spec-card:hover .rad-lines-spec-card__label {
  color: rgba(255, 255, 255, 0.95);
}

.rad-lines-spec-card:hover .rad-lines-spec-card__icon {
  transform: scale(1.15) rotate(-2deg);
  color: var(--rl-red, #d82c25);
  filter: drop-shadow(0 4px 12px rgba(216, 44, 37, 0.45));
}

.rad-lines-spec-card:hover .rad-lines-spec-card__value {
  color: #ffffff;
}

/* In-and-Out Reveal Choreography integration */
.rad-lines-page .rad-lines-spec-card.reveal {
  opacity: 0;
  transform: translateY(28px) scale(0.96);
  transition: opacity 700ms var(--ease-out, cubic-bezier(0.16, 1, 0.3, 1)),
              transform 700ms var(--ease-out, cubic-bezier(0.16, 1, 0.3, 1));
}

.rad-lines-page .rad-lines-spec-card.reveal.revealed {
  opacity: 1;
  transform: translateY(0) scale(1);
}

/* Stagger delays */
.reveal-delay-1 { transition-delay: 80ms; }
.reveal-delay-2 { transition-delay: 160ms; }
.reveal-delay-3 { transition-delay: 240ms; }
.reveal-delay-4 { transition-delay: 320ms; }

/* Responsive adjustments */
@media (max-width: 900px) {
  .rad-lines-specs__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
  .rad-lines-specs {
    padding: 44px 18px;
  }
}

@media (max-width: 520px) {
  .rad-lines-specs__grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .rad-lines-spec-card {
    padding: 24px 16px;
  }
  .rad-lines-spec-card__value {
    font-size: 17px;
  }
}