.section--bg-image .stack:has(> h1.heading--h1 + .rich-text):has(a[href="/#catalog"]) > h1.heading--h1 + .rich-text p{ margin:0; color:var(--color-accent); font-family:var(--lod-font-display); font-weight:600; font-size:var(--lod-text-2xl); line-height:1.05; text-transform:uppercase; letter-spacing:.02em; max-width:11em;} .section--bg-image .stack:has(> h1.heading--h1 + .rich-text):has(a[href="/#catalog"]) .grid.cols-2.cols-md-4 .rich-text p{ margin:0; color:#e3e7f0; font-size:var(--lod-text-sm); font-weight:500; letter-spacing:.08em; text-transform:uppercase;} .section--bg-image .stack:has(> h1.heading--h1 + .rich-text):has(a[href="/#catalog"]) .grid.cols-2.cols-md-4 .rich-text p > strong:first-child{ color:var(--color-accent); font-family:var(--lod-font-display); font-weight:700; font-size:var(--lod-text-hero); line-height:1;} .section--bg-subtle .stack.gap-md.align-center a.btn--ghost[href*="youtube"]{ display:inline-block; background:transparent; border:0; border-radius:0; padding:0 0 var(--lod-space-2); color:var(--color-accent); font-family:var(--lod-font-display); font-weight:600; font-size:var(--lod-text-lg); letter-spacing:.06em; text-transform:uppercase; text-decoration:none; border-bottom:2px solid var(--color-accent);} .section--bg-subtle .stack.gap-md.align-center a.btn--ghost[href*="youtube"]:hover{ background:transparent; color:var(--color-accent-hover); border-bottom-color:var(--color-accent-hover);} .section--bg-image:has(a[href="/#catalog"])::before{ background:linear-gradient(90deg, rgba(22,32,58,.94) 0%, rgba(22,32,58,.60) 48%, rgba(22,32,58,.16) 100%);} .section--bg-image:has(a[href="/#catalog"])::after{ content:''; position:absolute; top:0; bottom:0; right:0; width:32%; background:radial-gradient(120% 90% at 100% 50%, rgba(58,106,191,.16) 0%, rgba(58,106,191,0) 60%); pointer-events:none;} .section--bg-image .stack:has(> h1.heading--h1 + .rich-text):has(a[href="/#catalog"]) > .rich-text:first-child p:first-child > strong:first-child{ border:1px solid var(--color-accent); border-radius:9999px; padding:6px 14px; background:rgba(212,160,48,.08);} .section--bg-image .stack:has(> h1.heading--h1 + .rich-text):has(a[href="/#catalog"]) > .rich-text:first-child p:first-child > strong:first-child::before{ width:8px; height:8px; border-radius:9999px;} .section:has(a[href="/#catalog"]) .grid.cols-lg-5 > .rich-text{ background: #171B24; border: 2px solid #232936; border-radius: 20px; padding: 20px 24px; display: flex; align-items: center; justify-content: space-between; transition: border-color var(--lod-transition), background var(--lod-transition);} .section:has(a[href="/#catalog"]) .grid.cols-lg-5 > .rich-text strong{ font-family: var(--lod-font-display); font-weight: 600; text-transform: uppercase; font-size: 17px; letter-spacing: 0.05em; color: #E8EAF0;} .section:has(a[href="/#catalog"]) .grid.cols-lg-5 > .rich-text::after{ content: '\203A'; font-size: 20px; line-height: 1; color: #5A6478; transition: color var(--lod-transition);} .section:has(a[href="/#catalog"]) .grid.cols-lg-5 > .rich-text:hover{ border-color: #D4A030; background: #1E2635;} .section:has(a[href="/#catalog"]) .grid.cols-lg-5 > .rich-text:hover::after{ color: #D4A030;} .section:has(a[href="/#catalog"]) ul{ list-style: none; margin: 0; padding: 0;} .section:has(a[href="/#catalog"]) ul li{ position: relative; padding-left: 28px; font-family: var(--lod-font-serif); color: var(--lod-text-muted);} .section:has(a[href="/#catalog"]) ul li::before{ content: '\2713'; position: absolute; left: 0; top: 0; color: #D4A030; font-weight: 700;} .section--bg-subtle .stack.gap-md.align-center a.btn--ghost[href*="youtube"]::before{ content: '\25B7'; color: #D4A030; margin-right: 8px;}