/*
Theme Name: Chris Sullivan Law Divi Child V8
Theme URI: https://chrissullivanlaw.com
Description: Updated Divi child theme for Chris Sullivan Law with improved hero, Las Vegas section, compact quick-contact dock, and visible practice images.
Author: YAH Digital Marketing
Author URI: https://yahdm.com
Template: Divi
Version: 8.0.0
Text Domain: chris-sullivan-law-v8
*/

:root{
  --csl-black:#0a0a0a;
  --csl-deep:#131110;
  --csl-charcoal:#1a1816;
  --csl-gold:#c19744;
  --csl-gold-dark:#9f7932;
  --csl-gold-soft:#dbc188;
  --csl-cream:#f3efe6;
  --csl-paper:#ece7dc;
  --csl-white:#ffffff;
  --csl-text:#221f1a;
  --csl-muted:#6d665c;
  --csl-line:rgba(10,10,10,.12);
  --csl-shadow:0 28px 80px rgba(0,0,0,.15);
  --csl-soft-shadow:0 16px 40px rgba(0,0,0,.10);
  --csl-container:1220px;
  --csl-radius:2px;
  --csl-transition:260ms ease;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{overflow-x:hidden}
body.csl-menu-open{overflow:hidden}
#page-container{padding-top:0!important}
.csl-container{width:min(var(--csl-container), calc(100% - 42px)); margin-inline:auto}
.csl-page{background:var(--csl-white); color:var(--csl-text); font-family:"Manrope", Arial, sans-serif}
.csl-page a{color:inherit; text-decoration:none}
.csl-page img{display:block; max-width:100%}
.csl-page h1,.csl-page h2,.csl-page h3,.csl-page h4,.csl-header,.csl-footer{font-family:"Manrope", Arial, sans-serif}
.csl-page h1,.csl-page h2,.csl-page h3{margin-top:0; color:var(--csl-black); letter-spacing:-.045em}
.csl-section{position:relative; padding:108px 0}
.csl-section-cream{background:var(--csl-cream)}
.csl-section-paper{background:var(--csl-paper)}
.csl-section-black{background:var(--csl-black); color:var(--csl-white)}
.csl-eyebrow{display:inline-flex; align-items:center; gap:10px; margin-bottom:14px; color:var(--csl-gold-dark); font-size:11px; font-weight:900; letter-spacing:.18em; text-transform:uppercase}
.csl-eyebrow::before{content:""; width:30px; height:2px; background:currentColor}
.csl-section-title{max-width:790px; margin-bottom:48px}
.csl-section-title.csl-center{margin-inline:auto; text-align:center}
.csl-section-title h2{margin-bottom:0; font-size:clamp(42px, 5vw, 72px); line-height:1.02}
.csl-section-title p{max-width:670px; margin:18px 0 0; color:var(--csl-muted); font-size:17px; line-height:1.75}
.csl-section-title.csl-center p{margin-inline:auto}
.csl-section-black .csl-section-title h2{color:var(--csl-white)}
.csl-section-black .csl-section-title p{color:rgba(255,255,255,.62)}

.csl-btn{
  min-height:54px; padding:0 23px; display:inline-flex; align-items:center; justify-content:center; gap:9px;
  border:1px solid transparent; border-radius:var(--csl-radius);
  font-family:"Manrope", Arial, sans-serif; font-size:11px; font-weight:900; letter-spacing:.08em; text-transform:uppercase;
  transition:transform var(--csl-transition), background var(--csl-transition), color var(--csl-transition), border-color var(--csl-transition), box-shadow var(--csl-transition)
}
.csl-btn:hover{transform:translateY(-3px)}
.csl-btn-gold{background:var(--csl-gold)!important; color:var(--csl-white)!important; box-shadow:0 12px 30px rgba(193,151,68,.25)}
.csl-btn-gold:hover{background:var(--csl-gold-dark)!important; color:var(--csl-white)!important}
.csl-btn-black{background:var(--csl-black)!important; color:var(--csl-white)!important}
.csl-btn-black:hover{background:#24201c!important; color:var(--csl-white)!important}
.csl-btn-outline{border-color:rgba(10,10,10,.25)!important; color:var(--csl-black)!important; background:transparent!important}
.csl-btn-outline:hover{background:var(--csl-black)!important; color:var(--csl-white)!important}
.csl-section-black .csl-btn-outline{border-color:rgba(255,255,255,.28)!important; color:var(--csl-white)!important}
.csl-section-black .csl-btn-outline:hover{background:var(--csl-white)!important; color:var(--csl-black)!important}
.csl-case-cta .csl-btn-outline{border-color:rgba(0,0,0,.22)!important; color:var(--csl-black)!important}
.csl-case-cta .csl-btn-outline:hover{background:var(--csl-black)!important; color:var(--csl-white)!important}

/* topbar / header */
.csl-topbar{position:relative; z-index:1003; background:var(--csl-black); color:rgba(255,255,255,.75); font-family:"Manrope",Arial,sans-serif; font-size:10px}
.csl-topbar-inner{min-height:34px; display:flex; align-items:center; justify-content:space-between; gap:18px}
.csl-topbar-note,.csl-topbar-actions{display:flex; align-items:center; gap:14px}
.csl-topbar-note i{width:7px;height:7px;border-radius:50%;background:var(--csl-gold)}
.csl-topbar a{color:var(--csl-white); font-weight:800}
.csl-topbar-cta{min-height:34px;padding:0 15px;display:inline-flex;align-items:center;background:var(--csl-gold);color:var(--csl-white)!important;letter-spacing:.05em;text-transform:uppercase}
.csl-header{position:sticky; top:0; z-index:1002; background:rgba(255,255,255,.97); border-bottom:1px solid rgba(10,10,10,.08); backdrop-filter:blur(16px); transition:box-shadow var(--csl-transition)}
.admin-bar .csl-header{top:32px}
.csl-header.csl-scrolled{box-shadow:0 13px 34px rgba(10,10,10,.09)}
.csl-header-inner{min-height:84px; display:flex; align-items:center; justify-content:space-between; gap:28px}
.csl-brand{min-width:255px; display:inline-flex; align-items:center; gap:12px}
.csl-brand-mark{width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--csl-gold);color:var(--csl-black);font-size:16px;font-weight:900;letter-spacing:-.06em}
.csl-brand-copy strong{display:block;color:var(--csl-black);font-size:15px;font-weight:900;letter-spacing:.08em;line-height:1;text-transform:uppercase}
.csl-brand-copy span{display:block;margin-top:5px;color:var(--csl-gold);font-size:8px;font-weight:900;letter-spacing:.23em;text-transform:uppercase}
.csl-nav{display:flex; align-items:center; gap:26px}
.csl-nav a{position:relative;padding:12px 0;color:var(--csl-black);font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.csl-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:5px;height:2px;background:var(--csl-gold);transition:right var(--csl-transition)}
.csl-nav a:hover::after{right:0}
.csl-header-actions{display:flex; align-items:center; gap:12px}
.csl-menu-toggle{width:48px;height:48px;padding:0;display:none;align-items:center;justify-content:center;border:0;border-radius:50%;background:var(--csl-black);cursor:pointer}
.csl-menu-toggle span{position:relative;width:20px;height:2px;background:var(--csl-white);transition:var(--csl-transition)}
.csl-menu-toggle span::before,.csl-menu-toggle span::after{content:"";position:absolute;left:0;width:20px;height:2px;background:var(--csl-white);transition:var(--csl-transition)}
.csl-menu-toggle span::before{top:-7px}.csl-menu-toggle span::after{top:7px}
.csl-menu-toggle.csl-active span{background:transparent}
.csl-menu-toggle.csl-active span::before{top:0;transform:rotate(45deg)}
.csl-menu-toggle.csl-active span::after{top:0;transform:rotate(-45deg)}

/* hero */
.csl-hero{position:relative; overflow:hidden; background:linear-gradient(90deg, #f4f0e7 0 58%, #ebe3d5 58% 100%)}
.csl-hero::before{
  content:""; position:absolute; inset:0; opacity:.32;
  background-image:linear-gradient(rgba(10,10,10,.03) 1px, transparent 1px), linear-gradient(90deg, rgba(10,10,10,.03) 1px, transparent 1px);
  background-size:38px 38px; mask-image:linear-gradient(90deg,#000,transparent 85%)
}
.csl-hero-grid{position:relative; z-index:2; min-height:735px; display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:60px; padding:66px 0 70px}
.csl-hero-copy{max-width:650px}
.csl-hero h1{margin:0; font-size:clamp(56px,6.7vw,96px); line-height:.94}
.csl-hero h1 span{display:block}
.csl-hero h1 em{color:var(--csl-gold); font-style:normal}
.csl-hero-lead{max-width:620px; margin:25px 0 0; color:var(--csl-muted); font-size:17px; line-height:1.75}
.csl-hero-actions{display:flex; flex-wrap:wrap; gap:13px; margin-top:31px}
.csl-hero-trust{display:flex; flex-wrap:wrap; gap:17px; margin-top:27px}
.csl-hero-trust span{display:inline-flex; align-items:center; gap:8px; color:var(--csl-black); font-size:10px; font-weight:900; letter-spacing:.04em; text-transform:uppercase}
.csl-hero-trust i{width:7px;height:7px;border-radius:50%;background:var(--csl-gold)}
.csl-hero-visual{position:relative; min-height:610px; display:flex; align-items:center; justify-content:center}
.csl-hero-panel-shadow{position:absolute; right:20px; top:55px; width:440px; height:540px; background:var(--csl-black); border-radius:0 0 0 120px}
.csl-hero-photo-wrap{position:relative; z-index:2; width:min(100%, 510px); height:590px; padding:18px; background:rgba(255,255,255,.65); backdrop-filter:blur(3px); border-radius:120px 0 0 0; box-shadow:var(--csl-shadow)}
.csl-hero-photo-frame{position:relative; height:100%; border-radius:110px 0 0 0; overflow:hidden; background:var(--csl-white)}
.csl-hero-photo{width:100%; height:100%; object-fit:cover; object-position:center top; filter:saturate(.92) contrast(1.04)}
.csl-hero-accent{position:absolute; right:-18px; top:-18px; width:170px; height:170px; border-top:4px solid var(--csl-gold); border-right:4px solid var(--csl-gold)}
.csl-hero-badge{position:absolute; right:-36px; top:105px; z-index:3; padding:20px 22px; background:var(--csl-gold); color:var(--csl-black); box-shadow:var(--csl-soft-shadow)}
.csl-hero-badge strong{display:block; font-size:18px; line-height:1.1}
.csl-hero-badge span{display:block; margin-top:7px; font-size:10px; font-weight:900; letter-spacing:.12em; text-transform:uppercase}
.csl-review-float{position:absolute; z-index:4; left:-12px; bottom:24px; width:min(330px,76%); padding:23px; background:var(--csl-white); box-shadow:var(--csl-shadow)}
.csl-review-float-top{display:flex; align-items:center; justify-content:space-between; gap:15px}
.csl-review-float-stars{color:var(--csl-gold); letter-spacing:.15em; font-size:14px}
.csl-review-float-score{color:var(--csl-black); font-size:21px; font-weight:900}
.csl-review-float p{margin:13px 0 0; color:var(--csl-text); font-size:13px; line-height:1.6}
.csl-review-float a{display:inline-block; margin-top:13px; color:var(--csl-gold-dark); font-size:9px; font-weight:900; letter-spacing:.1em; text-transform:uppercase}

/* trust bar */
.csl-trustbar{background:var(--csl-black); color:var(--csl-white)}
.csl-trustbar-grid{display:grid; grid-template-columns:repeat(5, 1fr)}
.csl-trustbar-item{min-height:126px; padding:24px 24px; display:flex; align-items:center; gap:14px; border-right:1px solid rgba(255,255,255,.1)}
.csl-trustbar-item:last-child{border-right:0}
.csl-trustbar-icon{width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;border:1px solid rgba(193,151,68,.58);color:var(--csl-gold-soft);font-size:13px;font-weight:900}
.csl-trustbar-item strong{display:block; font-size:14px}
.csl-trustbar-item span{display:block; margin-top:5px; color:rgba(255,255,255,.55); font-size:11px; line-height:1.4}

/* vegas section */
.csl-vegas-grid{display:grid; grid-template-columns:1fr 1fr; gap:68px; align-items:center}
.csl-vegas-media{position:relative; min-height:560px}
.csl-vegas-image{width:100%; height:560px; object-fit:cover; box-shadow:var(--csl-shadow)}
.csl-vegas-badge{position:absolute; right:30px; bottom:26px; padding:24px 28px; background:var(--csl-gold); color:var(--csl-black); box-shadow:var(--csl-soft-shadow)}
.csl-vegas-badge strong{display:block; font-size:42px; line-height:1}
.csl-vegas-badge span{display:block; margin-top:10px; font-size:10px; font-weight:900; letter-spacing:.13em; text-transform:uppercase}
.csl-vegas-copy h2{margin:0; font-size:clamp(45px,5vw,72px); line-height:1.02}
.csl-vegas-copy p{margin:18px 0 0; color:var(--csl-muted); font-size:16px; line-height:1.8}
.csl-vegas-points{display:grid; gap:0; margin-top:28px; border-top:1px solid var(--csl-line)}
.csl-vegas-point{display:grid; grid-template-columns:48px 1fr; gap:15px; padding:20px 0; border-bottom:1px solid var(--csl-line)}
.csl-vegas-point b{color:var(--csl-gold); font-size:11px}
.csl-vegas-point strong{display:block; color:var(--csl-black); font-size:15px}
.csl-vegas-point span{display:block; margin-top:5px; color:var(--csl-muted); font-size:12px; line-height:1.55}

/* services */
.csl-services-grid{display:grid; grid-template-columns:.66fr 1.34fr; gap:42px; align-items:stretch}
.csl-service-tabs{display:grid; align-content:start; border-top:1px solid var(--csl-line)}
.csl-service-tab{width:100%; min-height:72px; padding:0 16px 0 0; display:grid; grid-template-columns:44px 1fr 24px; align-items:center; gap:12px; border:0; border-bottom:1px solid var(--csl-line); background:transparent; color:var(--csl-black); font-family:"Manrope", Arial, sans-serif; text-align:left; cursor:pointer; transition:padding var(--csl-transition), background var(--csl-transition), color var(--csl-transition)}
.csl-service-tab span:first-child{color:var(--csl-gold-dark); font-size:10px; font-weight:900}
.csl-service-tab strong{font-size:15px}
.csl-service-tab span:last-child{color:var(--csl-gold-dark); font-size:18px}
.csl-service-tab:hover,.csl-service-tab.csl-active{padding-left:15px; background:var(--csl-black); color:var(--csl-white)}
.csl-service-stage{position:relative; min-height:590px; overflow:hidden; background:var(--csl-black); box-shadow:var(--csl-shadow)}
.csl-service-stage-image{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.78; transition:opacity 350ms ease, transform 600ms ease}
.csl-service-stage::after{content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,.8) 86%), linear-gradient(90deg, rgba(0,0,0,.15), transparent 70%)}
.csl-service-stage-innerline{position:absolute; z-index:2; inset:52px 42px; border:1px solid rgba(193,151,68,.18)}
.csl-service-stage-content{position:absolute; z-index:3; left:42px; right:42px; bottom:42px; color:var(--csl-white)}
.csl-service-stage-label{color:var(--csl-gold-soft); font-size:10px; font-weight:900; letter-spacing:.14em; text-transform:uppercase}
.csl-service-stage h3{margin:11px 0 0; color:var(--csl-white); font-size:clamp(35px,4vw,59px); line-height:1}
.csl-service-stage p{max-width:690px; margin:15px 0 0; color:rgba(255,255,255,.72); font-size:14px; line-height:1.7}
.csl-service-stage a{margin-top:22px}

/* case CTA */
.csl-case-cta{position:relative; overflow:hidden; background:var(--csl-gold)}
.csl-case-cta::after{content:"CS"; position:absolute; right:-55px; bottom:-155px; color:rgba(255,255,255,.10); font-size:390px; font-weight:900; letter-spacing:-.13em; line-height:1}
.csl-case-cta-inner{position:relative; z-index:2; min-height:290px; display:grid; grid-template-columns:1fr auto; align-items:center; gap:48px}
.csl-case-cta h2{margin:0; max-width:760px; color:var(--csl-white); font-size:clamp(42px,5vw,72px); line-height:1}
.csl-case-cta p{margin:17px 0 0; color:rgba(255,255,255,.8); font-size:16px}
.csl-case-cta-actions{min-width:235px; display:flex; flex-direction:column; gap:11px}

/* testimonials */
.csl-testimonials-grid{display:grid; grid-template-columns:.75fr 1.25fr; gap:52px; align-items:stretch}
.csl-rating-card{padding:42px; background:var(--csl-black); color:var(--csl-white)}
.csl-rating-card small{color:var(--csl-gold-soft); font-size:10px; font-weight:900; letter-spacing:.14em; text-transform:uppercase}
.csl-rating-number{margin-top:23px; color:var(--csl-white); font-size:76px; font-weight:900; line-height:.9}
.csl-rating-stars{margin-top:18px; color:var(--csl-gold-soft); font-size:17px; letter-spacing:.14em}
.csl-rating-card p{margin:20px 0 0; color:rgba(255,255,255,.58); font-size:13px; line-height:1.65}
.csl-testimonial-list{display:grid; gap:16px}
.csl-testimonial{padding:28px 30px; background:var(--csl-white); border-left:4px solid var(--csl-gold); box-shadow:var(--csl-soft-shadow)}
.csl-testimonial blockquote{margin:0; color:var(--csl-text); font-size:16px; line-height:1.72}
.csl-testimonial-meta{margin-top:17px}
.csl-testimonial-meta strong{display:block; color:var(--csl-black); font-size:12px}
.csl-testimonial-meta span{display:block; margin-top:4px; color:var(--csl-muted); font-size:10px}
.csl-testimonial-note{margin-top:20px; color:var(--csl-muted); font-size:10px; text-align:center}

/* process */
.csl-process-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px}
.csl-process-step{position:relative; min-height:310px; padding:33px; background:var(--csl-charcoal); border:1px solid rgba(255,255,255,.08)}
.csl-process-number{color:var(--csl-gold); font-size:36px; font-weight:300}
.csl-process-step h3{margin:76px 0 0; color:var(--csl-white); font-size:23px}
.csl-process-step p{margin:13px 0 0; color:rgba(255,255,255,.54); font-size:13px; line-height:1.7}

/* faq */
.csl-faq-grid{display:grid; grid-template-columns:.76fr 1.24fr; gap:55px}
.csl-faq-intro h2{margin:0; font-size:clamp(42px,5vw,68px); line-height:1}
.csl-faq-intro p{margin:20px 0 27px; color:var(--csl-muted); font-size:15px; line-height:1.75}
.csl-faq-list{display:grid; gap:11px}
.csl-faq-item{overflow:hidden; background:var(--csl-white); border:1px solid var(--csl-line)}
.csl-faq-question{width:100%; padding:21px 22px; display:flex; align-items:center; justify-content:space-between; gap:18px; border:0; background:transparent; color:var(--csl-black); font-family:"Manrope",Arial,sans-serif; font-size:13px; font-weight:900; text-align:left; cursor:pointer}
.csl-faq-plus{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border-radius:50%;background:rgba(193,151,68,.13);color:var(--csl-gold);transition:transform var(--csl-transition)}
.csl-faq-item.csl-open .csl-faq-plus{transform:rotate(45deg)}
.csl-faq-answer{display:grid; grid-template-rows:0fr; transition:grid-template-rows 350ms ease}
.csl-faq-answer>div{overflow:hidden}
.csl-faq-answer p{margin:0; padding:0 22px; color:var(--csl-muted); font-size:12px; line-height:1.75}
.csl-faq-item.csl-open .csl-faq-answer{grid-template-rows:1fr}
.csl-faq-item.csl-open .csl-faq-answer p{padding-bottom:20px}

/* contact */
.csl-contact{position:relative; overflow:hidden; background:radial-gradient(circle at 16% 20%, rgba(193,151,68,.15), transparent 27%), var(--csl-black)}
.csl-contact::after{content:""; position:absolute; width:430px;height:430px; right:-160px; top:-160px; border:1px solid rgba(255,255,255,.07); border-radius:50%}
.csl-contact-grid{position:relative; z-index:2; display:grid; grid-template-columns:.86fr 1.14fr; gap:62px; align-items:center}
.csl-contact-copy h2{margin:0; color:var(--csl-white); font-size:clamp(47px,5vw,75px); line-height:1}
.csl-contact-copy>p{margin:20px 0 0; color:rgba(255,255,255,.6); font-size:16px; line-height:1.75}
.csl-contact-details{display:grid; gap:15px; margin-top:29px}
.csl-contact-detail{display:flex; align-items:center; gap:14px}
.csl-contact-detail i{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(193,151,68,.5);color:var(--csl-gold-soft);font-style:normal}
.csl-contact-detail strong{display:block; color:var(--csl-white); font-size:13px}
.csl-contact-detail span{display:block; margin-top:3px; color:rgba(255,255,255,.45); font-size:10px}
.csl-contact-form{padding:37px; background:var(--csl-white); box-shadow:0 30px 85px rgba(0,0,0,.3)}
.csl-contact-form h3{margin:0 0 24px; font-size:28px}
.csl-form-grid{display:grid; grid-template-columns:1fr 1fr; gap:13px}
.csl-field{display:grid; gap:7px}
.csl-field.csl-full{grid-column:1 / -1}
.csl-field label{color:var(--csl-black); font-size:10px; font-weight:900; letter-spacing:.06em; text-transform:uppercase}
.csl-field input,.csl-field select,.csl-field textarea{width:100%; min-height:50px; padding:13px 14px; border:1px solid rgba(10,10,10,.14); border-radius:0; background:#faf9f6; color:var(--csl-text); font-family:"Manrope", Arial, sans-serif; outline:0}
.csl-field textarea{min-height:116px; resize:vertical}
.csl-field input:focus,.csl-field select:focus,.csl-field textarea:focus{border-color:var(--csl-gold); box-shadow:0 0 0 3px rgba(193,151,68,.12)}
.csl-form-note{margin-top:13px; color:var(--csl-muted); font-size:9px; line-height:1.55; text-align:center}

/* footer / dock */
.csl-footer{padding:70px 0 114px; background:#050505; color:var(--csl-white)}
.csl-footer-grid{display:grid; grid-template-columns:1.3fr .72fr .9fr 1fr; gap:42px}
.csl-footer .csl-brand-copy strong{color:var(--csl-white)}
.csl-footer-brand p{max-width:330px; margin:22px 0 0; color:rgba(255,255,255,.48); font-size:12px; line-height:1.7}
.csl-footer-col h4{margin:0 0 18px; color:var(--csl-white); font-size:10px; font-weight:900; letter-spacing:.13em; text-transform:uppercase}
.csl-footer-col a,.csl-footer-col span{display:block; margin:9px 0; color:rgba(255,255,255,.52); font-size:11px; line-height:1.45; transition:color var(--csl-transition), transform var(--csl-transition)}
.csl-footer-col a:hover{color:var(--csl-gold-soft); transform:translateX(4px)}
.csl-footer-bottom{margin-top:49px; padding-top:21px; display:flex; align-items:center; justify-content:space-between; gap:24px; border-top:1px solid rgba(255,255,255,.08); color:rgba(255,255,255,.32); font-size:9px}
.csl-contact-dock{position:fixed; z-index:9999; right:18px; bottom:18px; width:292px; display:grid; grid-template-columns:1fr 1fr; background:var(--csl-charcoal); box-shadow:0 20px 60px rgba(0,0,0,.34)}
.csl-contact-dock a{min-height:68px; display:flex; align-items:center; justify-content:center; gap:8px; border-right:1px solid rgba(255,255,255,.12); border-bottom:1px solid rgba(255,255,255,.12); color:var(--csl-white); font-size:9px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; transition:background var(--csl-transition), color var(--csl-transition)}
.csl-contact-dock a:nth-child(2n){border-right:0}
.csl-contact-dock a:nth-last-child(-n+2){border-bottom:0}
.csl-contact-dock a:hover{background:var(--csl-gold); color:var(--csl-white)}
.csl-contact-dock svg{width:18px;height:18px}

/* animation */
.csl-reveal{opacity:0; transform:translateY(28px); transition:opacity 760ms ease, transform 760ms ease}
.csl-reveal.csl-visible{opacity:1; transform:none}
.csl-delay-1{transition-delay:100ms}
.csl-delay-2{transition-delay:200ms}

/* responsive */
@media (max-width:1180px){
  .csl-trustbar-grid{grid-template-columns:repeat(3,1fr)}
  .csl-trustbar-item:nth-child(3){border-right:0}
  .csl-trustbar-item:nth-child(-n+3){border-bottom:1px solid rgba(255,255,255,.1)}
}
@media (max-width:1100px){
  .csl-nav,.csl-header-actions .csl-btn{display:none}
  .csl-menu-toggle{display:flex}
  .csl-nav.csl-mobile-open{position:fixed; inset:118px 0 0; display:flex; flex-direction:column; align-items:flex-start; gap:0; padding:38px; overflow-y:auto; background:var(--csl-white)}
  .admin-bar .csl-nav.csl-mobile-open{top:150px}
  .csl-nav.csl-mobile-open a{width:100%; padding:19px 0; border-bottom:1px solid var(--csl-line); font-size:15px}
  .csl-hero{background:linear-gradient(180deg, #f4f0e7 0 62%, #ebe3d5 62% 100%)}
  .csl-hero-grid,.csl-vegas-grid,.csl-contact-grid{grid-template-columns:1fr}
  .csl-hero-visual{min-height:580px}
  .csl-services-grid,.csl-testimonials-grid{grid-template-columns:1fr}
  .csl-footer-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:782px){
  .admin-bar .csl-header{top:46px}
  .admin-bar .csl-nav.csl-mobile-open{top:164px}
}
@media (max-width:760px){
  .csl-container{width:min(100% - 28px, var(--csl-container))}
  .csl-topbar-note{display:none}
  .csl-topbar-actions{width:100%; justify-content:space-between}
  .csl-brand{min-width:0}
  .csl-brand-mark{width:43px;height:43px;font-size:13px}
  .csl-brand-copy strong{font-size:12px}
  .csl-brand-copy span{font-size:7px}
  .csl-section{padding:80px 0}
  .csl-hero-grid{min-height:auto; padding:58px 0 55px}
  .csl-hero h1{font-size:clamp(50px,16vw,72px)}
  .csl-hero-actions{flex-direction:column}
  .csl-hero-actions .csl-btn{width:100%}
  .csl-hero-visual{min-height:500px}
  .csl-hero-panel-shadow{right:0; top:40px; width:83%; height:430px}
  .csl-hero-photo-wrap{height:470px; width:92%; padding:12px}
  .csl-hero-photo-frame{border-radius:80px 0 0 0}
  .csl-hero-accent{width:120px;height:120px}
  .csl-hero-badge{right:0; top:20px; padding:16px 18px}
  .csl-hero-badge strong{font-size:15px}
  .csl-review-float{left:8px; bottom:10px; width:min(295px, 90%)}
  .csl-trustbar-grid,.csl-process-grid,.csl-faq-grid,.csl-form-grid,.csl-footer-grid{grid-template-columns:1fr}
  .csl-trustbar-item{border-right:0!important; border-bottom:1px solid rgba(255,255,255,.1)}
  .csl-trustbar-item:last-child{border-bottom:0}
  .csl-vegas-media,.csl-vegas-image{min-height:450px;height:450px}
  .csl-vegas-badge{right:12px; bottom:12px}
  .csl-vegas-badge strong{font-size:34px}
  .csl-service-stage{min-height:500px}
  .csl-service-stage-content{left:24px; right:24px; bottom:24px}
  .csl-service-stage-innerline{inset:26px 22px}
  .csl-case-cta-inner{min-height:420px; grid-template-columns:1fr; align-content:center}
  .csl-case-cta-actions{min-width:0}
  .csl-contact-form{padding:25px}
  .csl-footer-bottom{flex-direction:column; align-items:flex-start}
  .csl-contact-dock{right:10px; bottom:10px; width:250px}
  .csl-contact-dock a{min-height:58px; font-size:8px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important; animation-iteration-count:1!important; scroll-behavior:auto!important; transition-duration:.01ms!important}
  .csl-reveal{opacity:1; transform:none}
}


/* ================================================================
   BLOG / LATEST INSIGHTS
================================================================ */

.csl-blog-section{
  background:var(--csl-white);
}

.csl-blog-header{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:40px;
  margin-bottom:48px;
}

.csl-blog-header .csl-section-title{
  margin-bottom:0;
}

.csl-blog-view-all{
  flex:0 0 auto;
}

.csl-blog-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:24px;
}

.csl-blog-card{
  display:flex;
  flex-direction:column;
  min-height:100%;
  overflow:hidden;
  background:var(--csl-cream);
  border:1px solid var(--csl-line);
  transition:
    transform var(--csl-transition),
    box-shadow var(--csl-transition),
    border-color var(--csl-transition);
}

.csl-blog-card:hover{
  transform:translateY(-7px);
  border-color:rgba(193,151,68,.45);
  box-shadow:var(--csl-shadow);
}

.csl-blog-image-wrap{
  position:relative;
  display:block;
  height:245px;
  overflow:hidden;
  background:var(--csl-charcoal);
}

.csl-blog-image{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform 600ms ease;
}

.csl-blog-card:hover .csl-blog-image{
  transform:scale(1.045);
}

.csl-blog-image-placeholder{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  background:
    radial-gradient(circle at 75% 20%, rgba(193,151,68,.2), transparent 26%),
    linear-gradient(135deg, #181512 0%, #090909 100%);
  color:var(--csl-gold-soft);
  font-size:44px;
  font-weight:900;
  letter-spacing:-.08em;
}

.csl-blog-category{
  position:absolute;
  left:18px;
  bottom:18px;
  padding:8px 11px;
  background:var(--csl-gold);
  color:var(--csl-white);
  font-size:9px;
  font-weight:900;
  letter-spacing:.11em;
  text-transform:uppercase;
}

.csl-blog-content{
  flex:1;
  display:flex;
  flex-direction:column;
  padding:27px;
}

.csl-blog-meta{
  color:var(--csl-gold-dark);
  font-size:9px;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.csl-blog-card h3{
  margin:15px 0 0;
  font-size:25px;
  line-height:1.18;
}

.csl-blog-card h3 a{
  color:var(--csl-black);
}

.csl-blog-excerpt{
  margin:14px 0 0;
  color:var(--csl-muted);
  font-size:13px;
  line-height:1.7;
}

.csl-blog-read-more{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin-top:auto;
  padding-top:24px;
  color:var(--csl-gold-dark);
  font-size:10px;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase;
}

.csl-blog-read-more::after{
  content:"→";
  font-size:16px;
  transition:transform var(--csl-transition);
}

.csl-blog-card:hover .csl-blog-read-more::after{
  transform:translateX(5px);
}

.csl-blog-empty{
  grid-column:1 / -1;
  padding:42px;
  background:var(--csl-cream);
  border:1px solid var(--csl-line);
  text-align:center;
}

.csl-blog-empty h3{
  margin:0;
  font-size:28px;
}

.csl-blog-empty p{
  margin:12px 0 0;
  color:var(--csl-muted);
  font-size:14px;
}

@media (max-width:980px){
  .csl-blog-grid{
    grid-template-columns:1fr 1fr;
  }

  .csl-blog-card:last-child{
    grid-column:1 / -1;
  }
}

@media (max-width:760px){
  .csl-blog-header{
    align-items:flex-start;
    flex-direction:column;
  }

  .csl-blog-grid{
    grid-template-columns:1fr;
  }

  .csl-blog-card:last-child{
    grid-column:auto;
  }

  .csl-blog-image-wrap{
    height:220px;
  }

  .csl-blog-view-all{
    width:100%;
  }
}


/* ================================================================
   V6 FIXES: TRUST ICONS, CONTACT DOCK, TESTIMONIAL QUOTES
================================================================ */

/* Replace inconsistent text-symbol rendering with normalized SVG icons. */
.csl-trustbar-icon{
  color:var(--csl-gold-soft);
}

.csl-trustbar-icon svg{
  width:22px;
  height:22px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.75;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* Remove Divi's default blue blockquote border and spacing. */
.csl-testimonial blockquote,
.csl-rating-card blockquote,
.csl-review-float blockquote,
.csl-blog-card blockquote{
  margin-left:0!important;
  padding-left:0!important;
  border-left:0!important;
  border-color:transparent!important;
}

/* Compact, horizontal four-option dock at the lower-right. */
.csl-contact-dock{
  right:18px!important;
  left:auto!important;
  bottom:18px!important;
  width:430px!important;
  display:grid!important;
  grid-template-columns:repeat(4, 1fr)!important;
  transform:none!important;
}

.csl-contact-dock a{
  min-height:66px!important;
  flex-direction:column;
  gap:5px;
  border-right:1px solid rgba(255,255,255,.12)!important;
  border-bottom:0!important;
}

.csl-contact-dock a:last-child{
  border-right:0!important;
}

.csl-contact-dock a:nth-child(2n){
  border-right:1px solid rgba(255,255,255,.12)!important;
}

.csl-contact-dock a:last-child{
  border-right:0!important;
}

.csl-contact-dock svg{
  width:19px!important;
  height:19px!important;
}

@media (max-width:760px){
  .csl-contact-dock{
    right:0!important;
    left:0!important;
    bottom:0!important;
    width:100%!important;
    grid-template-columns:repeat(4, 1fr)!important;
  }

  .csl-contact-dock a{
    min-height:62px!important;
    border-right:1px solid rgba(255,255,255,.12)!important;
  }

  .csl-contact-dock a:last-child{
    border-right:0!important;
  }
}


/* ================================================================
   V7 TRUST BAR — NO ICON BOXES, FULL-WIDTH LAYOUT
================================================================ */

.csl-trustbar .csl-container{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}

.csl-trustbar-grid{
  width:100%!important;
  grid-template-columns:repeat(5, minmax(0, 1fr))!important;
}

.csl-trustbar-item{
  min-height:118px!important;
  padding:24px clamp(22px, 3vw, 54px)!important;
  gap:17px!important;
  justify-content:flex-start;
}

.csl-trustbar-icon{
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  background:transparent!important;
  color:var(--csl-gold)!important;
}

.csl-trustbar-icon svg{
  width:28px!important;
  height:28px!important;
  stroke-width:1.65!important;
}

.csl-trustbar-item strong{
  font-size:15px!important;
}

.csl-trustbar-item span{
  font-size:11px!important;
}

@media (max-width:1180px){
  .csl-trustbar-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr))!important;
  }

  .csl-trustbar-item:nth-child(3){
    border-right:0!important;
  }

  .csl-trustbar-item:nth-child(-n+3){
    border-bottom:1px solid rgba(255,255,255,.1)!important;
  }

  .csl-trustbar-item:nth-child(4),
  .csl-trustbar-item:nth-child(5){
    border-bottom:0!important;
  }
}

@media (max-width:760px){
  .csl-trustbar-grid{
    grid-template-columns:1fr!important;
  }

  .csl-trustbar-item{
    min-height:94px!important;
    padding:20px 26px!important;
  }

  .csl-trustbar-icon svg{
    width:25px!important;
    height:25px!important;
  }
}


/* ================================================================
   V8 — STANDARD SINGLE BLOG TEMPLATE
================================================================ */

.csl-article{
  background:var(--csl-white);
  color:var(--csl-text);
  font-family:"Manrope",Arial,sans-serif;
}

.csl-article-hero{
  position:relative;
  overflow:hidden;
  padding:76px 0 58px;
  background:
    linear-gradient(90deg,var(--csl-cream) 0 64%,var(--csl-paper) 64% 100%);
  border-bottom:1px solid var(--csl-line);
}

.csl-article-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(10,10,10,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(10,10,10,.028) 1px,transparent 1px);
  background-size:38px 38px;
  mask-image:linear-gradient(90deg,#000,transparent 90%);
}

.csl-article-hero-inner{
  position:relative;
  z-index:2;
  max-width:1040px;
}

.csl-breadcrumbs{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  margin-bottom:25px;
  color:var(--csl-muted);
  font-size:10px;
  font-weight:800;
  letter-spacing:.07em;
  text-transform:uppercase;
}

.csl-breadcrumbs a{
  color:var(--csl-gold-dark);
}

.csl-breadcrumbs span[aria-hidden="true"]{
  color:rgba(10,10,10,.35);
}

.csl-article-category{
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:var(--csl-gold-dark);
  font-size:10px;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.csl-article-category::before{
  content:"";
  width:31px;
  height:2px;
  background:currentColor;
}

.csl-article-title{
  max-width:990px;
  margin:18px 0 0;
  color:var(--csl-black);
  font-size:clamp(48px,6vw,84px);
  line-height:.98;
  letter-spacing:-.055em;
}

.csl-article-excerpt{
  max-width:800px;
  margin:22px 0 0;
  color:var(--csl-muted);
  font-size:18px;
  line-height:1.72;
}

.csl-article-meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px 20px;
  margin-top:27px;
  color:var(--csl-muted);
  font-size:10px;
  font-weight:800;
  letter-spacing:.07em;
  text-transform:uppercase;
}

.csl-article-meta span{
  display:inline-flex;
  align-items:center;
  gap:8px;
}

.csl-article-meta span::before{
  content:"";
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--csl-gold);
}

.csl-article-featured{
  position:relative;
  z-index:3;
  width:min(1220px,calc(100% - 42px));
  margin:-1px auto 0;
  background:var(--csl-black);
}

.csl-article-featured img{
  width:100%;
  aspect-ratio:8 / 5;
  object-fit:cover;
}

.csl-article-featured-placeholder{
  aspect-ratio:8 / 5;
  display:grid;
  place-items:center;
  background:
    radial-gradient(circle at 80% 20%,rgba(193,151,68,.22),transparent 25%),
    linear-gradient(135deg,#201c18,var(--csl-black));
  color:var(--csl-gold-soft);
  font-size:72px;
  font-weight:900;
  letter-spacing:-.08em;
}

.csl-article-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  gap:72px;
  align-items:start;
  padding:78px 0 100px;
}

.csl-article-main{
  min-width:0;
}

.csl-article-content{
  max-width:790px;
  color:#37312a;
  font-size:17px;
  line-height:1.86;
}

.csl-article-content > *:first-child{
  margin-top:0;
}

.csl-article-content p{
  margin:0 0 25px;
}

.csl-article-content h2{
  margin:54px 0 18px;
  color:var(--csl-black);
  font-size:38px;
  line-height:1.12;
  letter-spacing:-.035em;
}

.csl-article-content h3{
  margin:40px 0 14px;
  color:var(--csl-black);
  font-size:27px;
  line-height:1.2;
  letter-spacing:-.025em;
}

.csl-article-content h4{
  margin:32px 0 12px;
  color:var(--csl-black);
  font-size:20px;
}

.csl-article-content ul,
.csl-article-content ol{
  margin:0 0 28px;
  padding-left:24px;
}

.csl-article-content li{
  margin:9px 0;
  padding-left:5px;
}

.csl-article-content a{
  color:var(--csl-gold-dark);
  font-weight:800;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}

.csl-article-content blockquote{
  margin:38px 0;
  padding:28px 30px;
  border:0!important;
  border-left:5px solid var(--csl-gold)!important;
  background:var(--csl-cream);
  color:var(--csl-black);
  font-size:21px;
  font-weight:700;
  line-height:1.55;
}

.csl-article-content img{
  width:100%;
  height:auto;
  margin:36px 0;
}

.csl-article-content .wp-caption{
  max-width:100%;
}

.csl-article-content .wp-caption-text{
  margin-top:-24px;
  color:var(--csl-muted);
  font-size:11px;
  line-height:1.5;
}

.csl-article-content table{
  width:100%;
  margin:32px 0;
  border-collapse:collapse;
  font-size:14px;
}

.csl-article-content th,
.csl-article-content td{
  padding:14px;
  border:1px solid var(--csl-line);
  text-align:left;
}

.csl-article-content th{
  background:var(--csl-black);
  color:var(--csl-white);
}

.csl-article-sidebar{
  position:sticky;
  top:132px;
  display:grid;
  gap:18px;
}

.csl-sidebar-card{
  padding:28px;
  border:1px solid var(--csl-line);
  background:var(--csl-cream);
}

.csl-sidebar-card-dark{
  background:var(--csl-black);
  color:var(--csl-white);
  border-color:var(--csl-black);
}

.csl-sidebar-label{
  color:var(--csl-gold-dark);
  font-size:9px;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.csl-sidebar-card-dark .csl-sidebar-label{
  color:var(--csl-gold-soft);
}

.csl-sidebar-card h3{
  margin:12px 0 0;
  color:var(--csl-black);
  font-size:27px;
  line-height:1.12;
}

.csl-sidebar-card-dark h3{
  color:var(--csl-white);
}

.csl-sidebar-card p{
  margin:13px 0 0;
  color:var(--csl-muted);
  font-size:12px;
  line-height:1.7;
}

.csl-sidebar-card-dark p{
  color:rgba(255,255,255,.62);
}

.csl-sidebar-card .csl-btn{
  width:100%;
  margin-top:21px;
}

.csl-sidebar-links{
  display:grid;
  margin-top:15px;
  border-top:1px solid var(--csl-line);
}

.csl-sidebar-links a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  padding:13px 0;
  border-bottom:1px solid var(--csl-line);
  color:var(--csl-black);
  font-size:11px;
  font-weight:800;
}

.csl-sidebar-links a::after{
  content:"→";
  color:var(--csl-gold-dark);
  font-size:15px;
}

.csl-article-share{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:9px;
  margin-top:47px;
  padding-top:27px;
  border-top:1px solid var(--csl-line);
}

.csl-article-share-label{
  margin-right:7px;
  color:var(--csl-muted);
  font-size:9px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.csl-share-btn{
  min-height:38px;
  padding:0 14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--csl-line);
  background:var(--csl-white);
  color:var(--csl-black);
  font-size:9px;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
  transition:background var(--csl-transition),color var(--csl-transition),border-color var(--csl-transition);
}

.csl-share-btn:hover{
  background:var(--csl-black);
  color:var(--csl-white);
  border-color:var(--csl-black);
}

.csl-article-disclaimer{
  margin-top:32px;
  padding:20px 22px;
  background:var(--csl-paper);
  color:var(--csl-muted);
  font-size:11px;
  line-height:1.62;
}

.csl-author-box{
  margin-top:38px;
  padding:28px;
  display:grid;
  grid-template-columns:68px 1fr;
  gap:19px;
  align-items:start;
  border:1px solid var(--csl-line);
  background:var(--csl-white);
}

.csl-author-avatar{
  width:68px;
  height:68px;
  overflow:hidden;
  background:var(--csl-black);
}

.csl-author-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.csl-author-avatar-placeholder{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  color:var(--csl-gold-soft);
  font-size:18px;
  font-weight:900;
}

.csl-author-box small{
  color:var(--csl-gold-dark);
  font-size:9px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.csl-author-box h3{
  margin:6px 0 0;
  color:var(--csl-black);
  font-size:22px;
}

.csl-author-box p{
  margin:8px 0 0;
  color:var(--csl-muted);
  font-size:12px;
  line-height:1.65;
}

.csl-related{
  padding:92px 0 105px;
  background:var(--csl-cream);
  border-top:1px solid var(--csl-line);
}

.csl-related-header{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:30px;
  margin-bottom:39px;
}

.csl-related-header h2{
  margin:12px 0 0;
  color:var(--csl-black);
  font-size:46px;
  line-height:1;
}

.csl-related-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}

.csl-related-card{
  display:flex;
  flex-direction:column;
  min-height:100%;
  overflow:hidden;
  border:1px solid var(--csl-line);
  background:var(--csl-white);
  transition:transform var(--csl-transition),box-shadow var(--csl-transition);
}

.csl-related-card:hover{
  transform:translateY(-6px);
  box-shadow:var(--csl-soft-shadow);
}

.csl-related-image{
  height:205px;
  overflow:hidden;
  background:var(--csl-black);
}

.csl-related-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform 550ms ease;
}

.csl-related-card:hover .csl-related-image img{
  transform:scale(1.045);
}

.csl-related-placeholder{
  height:100%;
  display:grid;
  place-items:center;
  color:var(--csl-gold-soft);
  font-size:34px;
  font-weight:900;
}

.csl-related-content{
  flex:1;
  display:flex;
  flex-direction:column;
  padding:23px;
}

.csl-related-meta{
  color:var(--csl-gold-dark);
  font-size:9px;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.csl-related-card h3{
  margin:13px 0 0;
  color:var(--csl-black);
  font-size:23px;
  line-height:1.18;
}

.csl-related-more{
  margin-top:auto;
  padding-top:21px;
  color:var(--csl-gold-dark);
  font-size:9px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.csl-article-cta{
  padding:82px 0;
  background:var(--csl-black);
  color:var(--csl-white);
}

.csl-article-cta-grid{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:46px;
}

.csl-article-cta h2{
  margin:12px 0 0;
  color:var(--csl-white);
  font-size:clamp(40px,5vw,68px);
  line-height:1;
}

.csl-article-cta p{
  max-width:720px;
  margin:16px 0 0;
  color:rgba(255,255,255,.62);
  font-size:15px;
}

.csl-article-cta-actions{
  min-width:230px;
  display:flex;
  flex-direction:column;
  gap:11px;
}

@media(max-width:1000px){
  .csl-article-layout{
    grid-template-columns:1fr;
    gap:48px;
  }

  .csl-article-content{
    max-width:none;
  }

  .csl-article-sidebar{
    position:static;
    grid-template-columns:1fr 1fr;
  }

  .csl-related-grid{
    grid-template-columns:1fr 1fr;
  }

  .csl-related-card:last-child{
    grid-column:1 / -1;
  }
}

@media(max-width:760px){
  .csl-article-hero{
    padding:57px 0 45px;
    background:var(--csl-cream);
  }

  .csl-article-title{
    font-size:clamp(42px,13vw,62px);
  }

  .csl-article-excerpt{
    font-size:16px;
  }

  .csl-article-featured{
    width:100%;
  }

  .csl-article-layout{
    padding:58px 0 76px;
  }

  .csl-article-content{
    font-size:16px;
  }

  .csl-article-content h2{
    margin-top:44px;
    font-size:31px;
  }

  .csl-article-content h3{
    font-size:24px;
  }

  .csl-article-sidebar{
    grid-template-columns:1fr;
  }

  .csl-author-box{
    grid-template-columns:1fr;
  }

  .csl-related{
    padding:72px 0 86px;
  }

  .csl-related-header{
    align-items:flex-start;
    flex-direction:column;
  }

  .csl-related-grid{
    grid-template-columns:1fr;
  }

  .csl-related-card:last-child{
    grid-column:auto;
  }

  .csl-article-cta-grid{
    grid-template-columns:1fr;
  }

  .csl-article-cta-actions{
    min-width:0;
  }
}