===================================================== SINGLE INSIGHT ===================================================== */ .fit-insight-single-frame{ overflow:hidden; } .fit-insight-single-hero{ position:relative; padding:80px 0 60px; text-align:center; } .fit-insight-single-hero::before{ content:""; position:absolute; top:-180px; left:50%; transform:translateX(-50%); width:620px; height:620px; border-radius:50%; background:radial-gradient(circle, rgba(212,170,70,.16), transparent 70%); filter:blur(20px); pointer-events:none; } .fit-insight-single-hero .fit-container{ position:relative; z-index:2; } .fit-insight-single-hero h1{ max-width:980px; margin:20px auto; color:#fff; font-size:clamp(54px,7vw,92px); line-height:.9; letter-spacing:-.06em; } .fit-insight-single-meta{ display:flex; justify-content:center; flex-wrap:wrap; gap:12px; } .fit-insight-single-meta span{ padding:10px 16px; border-radius:999px; background:rgba(212,170,70,.08); border:1px solid rgba(212,170,70,.16); color:var(--fit-gold-light); font-size:11px; font-weight:900; text-transform:uppercase; letter-spacing:.08em; } /* COVER */ .fit-insight-single-cover{ padding:0 0 60px; } .fit-insight-single-cover .fit-container{ max-width:1500px; } .fit-insight-single-cover-image{ min-height:clamp(340px,48vw,620px); border-radius:40px; background-size:cover; background-position:center; border:1px solid rgba(255,255,255,.08); box-shadow: 0 40px 120px rgba(0,0,0,.45), 0 0 60px rgba(212,170,70,.08); } /* CONTENT */ .fit-insight-single-content-section{ padding:40px 0 70px; } .fit-insight-single-content{ width:100%; max-width:900px; margin:0 auto; padding:0 20px; color:rgba(255,255,255,.82); font-size:20px; line-height:1.95; } .fit-insight-single-content>*{ max-width:100%; } .fit-insight-single-content p{ margin:0 0 34px; } .fit-insight-single-content h2, .fit-insight-single-content h3{ margin:60px 0 22px; color:#fff; line-height:1.1; letter-spacing:-.04em; } .fit-insight-single-content h2{ font-size:clamp(34px,4vw,52px); } .fit-insight-single-content h3{ font-size:clamp(28px,3vw,38px); } .fit-insight-single-content ul, .fit-insight-single-content ol{ margin:0 0 34px; padding-left:28px; } .fit-insight-single-content li{ margin-bottom:14px; } .fit-insight-single-content a{ color:var(--fit-gold-light); font-weight:800; text-decoration-thickness:2px; text-underline-offset:4px; } .fit-insight-single-content img{ display:block; width:100%; height:auto; margin:50px auto; border-radius:26px; box-shadow:0 30px 90px rgba(0,0,0,.35); } .fit-insight-single-content blockquote{ margin:50px 0; padding:28px 34px; border-left:4px solid var(--fit-gold-light); background:rgba(212,170,70,.07); border-radius:22px; color:#fff; font-size:24px; line-height:1.6; } /* DIVIDER */ .fit-insight-divider{ display:flex; justify-content:center; margin:30px 0 70px; } .fit-insight-divider span{ width:90px; height:4px; border-radius:999px; background:linear-gradient( 90deg, transparent, var(--fit-gold-light), transparent ); } /* CTA */ .fit-insight-single-cta{ padding:0 0 90px; } .fit-insight-cta-card{ max-width:900px; margin:auto; padding:42px; text-align:center; border-radius:34px; background: radial-gradient(circle at top, rgba(212,170,70,.14), transparent 40%), linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025)), var(--fit-card); border:1px solid var(--fit-border); } .fit-insight-cta-card h2{ margin:18px 0; color:#fff; font-size:clamp(34px,4vw,54px); line-height:1; letter-spacing:-.05em; } .fit-insight-cta-card p{ max-width:640px; margin:0 auto 28px; color:var(--fit-muted); font-size:18px; line-height:1.8; } .fit-insight-cta-card .fit-insights-actions{ justify-content:center; } /* MOBILE */ @media(max-width:768px){ .fit-insight-single-hero{ padding:60px 0 40px; } .fit-insight-single-hero h1{ font-size:52px; } .fit-insight-single-cover-image{ border-radius:26px; min-height:280px; } .fit-insight-single-content{ font-size:17px; line-height:1.85; } .fit-insight-cta-card{ padding:32px; } } /* RELATED ARTICLES */ .fit-insights-related{ padding:0 0 110px; } .fit-insights-related .fit-section-heading{ text-align:center; margin-bottom:50px; } .fit-insights-related .fit-section-heading h2{ color:#fff; font-size:clamp(42px,5vw,70px); line-height:.95; letter-spacing:-.05em; margin:18px 0 0; } .fit-insights-related .fit-insights-grid{ margin-top:20px; } .fit-reading-progress{ position:fixed; top:0; left:0; width:0%; height:3px; z-index:9999; background:linear-gradient( 90deg, #fbc827, #ffd84d ); box-shadow:0 0 18px rgba(251,200,39,.45); } ::selection{ background:#fbc827; color:#111; } .fit-insight-single-content img{ transition:.35s ease; } .fit-insight-single-content img:hover{ transform:scale(1.015); } .fit-insight-single-content table{ width:100%; border-collapse:collapse; margin:45px 0; } .fit-insight-single-content th{ background:#171b25; color:#fff; } .fit-insight-single-content th, .fit-insight-single-content td{ padding:16px; border:1px solid rgba(255,255,255,.08); } .fit-insight-single-content pre{ overflow:auto; margin:40px 0; padding:24px; border-radius:20px; background:#10131d; border:1px solid rgba(255,255,255,.08); }