/* full-bleed: span the full viewport width regardless of the container Elementor places this in */
.cbcl-page{width:100vw; max-width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);}
.cbcl-page{--red-base:#B91C1C; --red-hover:#9F1818;
    --gold-base:#C99A3B; --gold-hover:#B0852E; --gold-soft:#E6CF96; --gold-50:#FBF5E8;
    --green-base:#104A2C; --green-100:#CFE3D5;
    --parch:#F6EBD6; --parch-raised:#FCF5E7; --parch-border:#E4D4AD; --parch-divider:#EADCC0;
    --text-base:#33291d; --text-muted:#7a6c54; --head-brown:#3a2716;
    --night:#14161E; --night-2:#1B1E28; --dusk:#20242F; --night-line:rgba(230,207,150,.24);
    --glow-tile:
      radial-gradient(90px 70px at 26% 26%, rgba(255,221,150,.42), transparent 62%),
      radial-gradient(120px 90px at 74% 72%, rgba(185,28,28,.30), transparent 60%),
      linear-gradient(155deg,#261c15,#15100d);}
.cbcl-page *{box-sizing:border-box;}
.cbcl-page *{font-synthesis-weight:none;}
.cbcl-page{font-family:"DM Sans",system-ui,sans-serif; color:var(--text-base); line-height:1.6; -webkit-font-smoothing:antialiased;}
.cbcl-page h1, .cbcl-page h2, .cbcl-page h3{font-family:"DM Serif Display",Georgia,serif; line-height:1.1; margin:0; color:var(--head-brown);}
.cbcl-page .section--night h2, .cbcl-page .section--night h3, .cbcl-page .section--dusk h2, .cbcl-page .section--dusk h3, .cbcl-page .hero h1{color:#F6EFDD;}
.cbcl-page p{margin:0;}
.cbcl-page a{color:inherit; text-decoration:none;}
.cbcl-page img{max-width:100%; display:block;}
.cbcl-page :focus-visible{outline:2px solid var(--gold-base); outline-offset:3px; border-radius:2px;}
.cbcl-page .wrap{max-width:1180px; margin:0 auto; padding:0 24px; position:relative; z-index:2;}
.cbcl-page .eyebrow{font-size:13.5px; font-weight:600; letter-spacing:.2em; text-transform:uppercase; color:var(--gold-hover);}
.cbcl-page .section--night .eyebrow, .cbcl-page .section--dusk .eyebrow, .cbcl-page .hero .eyebrow{color:var(--gold-soft);}
.cbcl-page .section{padding:80px 0; position:relative;}
.cbcl-page .section--warm{background:var(--parch);}
.cbcl-page .section--warm::before{content:""; position:absolute; top:0; left:0; right:0; height:140px; background:radial-gradient(620px 150px at 50% 0,rgba(201,154,59,.16),transparent 70%), linear-gradient(180deg,rgba(18,20,28,.20),transparent); pointer-events:none;}
.cbcl-page .section--night{background:var(--night); color:#F2E8D4;}
.cbcl-page .section--dusk{background:linear-gradient(180deg,var(--dusk),var(--night-2)); color:#F2E8D4;}
.cbcl-page .bokeh{position:absolute; inset:0; overflow:hidden; pointer-events:none; z-index:1;}
.cbcl-page .bokeh i{position:absolute; border-radius:50%; filter:blur(7px); opacity:.5;}
.cbcl-page .btn{display:inline-flex; align-items:center; justify-content:center; gap:9px; font-weight:600; font-size:15px; padding:14px 26px; border-radius:999px; border:1.5px solid transparent; cursor:pointer; font-family:inherit; transition:background .18s,color .18s,border-color .18s,transform .18s;}
.cbcl-page .btn:active{transform:translateY(1px);}
.cbcl-page .btn-gold{background:var(--gold-base); color:#3A2A0C;}
.cbcl-page .btn-gold:hover{background:var(--gold-hover); color:#fff3de;}
.cbcl-page .btn-ghost{background:transparent; color:#F3E9D2; border-color:rgba(243,233,210,.45);}
.cbcl-page .btn-ghost:hover{border-color:var(--gold-soft); color:#fff;}
.cbcl-page .btn-dark{background:var(--head-brown); color:#F6EFDD;}
.cbcl-page .btn-dark:hover{background:#2a1c10;}
.cbcl-page .btn-lg{padding:16px 30px; font-size:16px;}
.cbcl-page .promo{position:relative; border-bottom:1px solid var(--night-line); font-size:13.5px;}
.cbcl-page .promo-inner{display:flex; align-items:center; justify-content:center; gap:16px; min-height:42px; padding:7px 40px 7px 24px; flex-wrap:wrap;}
.cbcl-page .promo--green{background:linear-gradient(90deg,#0d3f25,#104A2C 50%,#0d3f25);}
.cbcl-page .promo-text{color:#F3E9D2;}
.cbcl-page .promo-cta{font-weight:600; color:var(--gold-soft); white-space:nowrap;}
.cbcl-page .promo-cta:hover{color:#fff;}
.cbcl-page .promo-x{position:absolute; right:14px; top:50%; transform:translateY(-50%); background:none; border:0; color:#C7BBA3; font-size:20px; line-height:1; cursor:pointer;}
.cbcl-page .garland{display:flex; justify-content:center; gap:clamp(20px,4vw,54px); align-items:flex-start; position:relative; height:32px; overflow:hidden;}
.cbcl-page .garland::before{content:""; position:absolute; top:5px; left:-2%; right:-2%; height:2px; background:linear-gradient(90deg,transparent,var(--night-line) 8%,var(--night-line) 92%,transparent);}
.cbcl-page .bulb{position:relative; width:9px; height:13px; border-radius:50% 50% 50% 50%/62% 62% 38% 38%; margin-top:6px; animation:tw 3.6s ease-in-out infinite;}
.cbcl-page .bulb::after{content:""; position:absolute; top:-3px; left:50%; width:3px; height:4px; background:#2f2718; border-radius:2px; transform:translateX(-50%);}
.cbcl-page .warm{background:#FFE7B0; box-shadow:0 0 6px 2px rgba(255,221,150,.85),0 0 14px 5px rgba(255,200,110,.45);}
.cbcl-page .gold{background:var(--gold-soft); box-shadow:0 0 6px 2px rgba(230,207,150,.8),0 0 15px 6px rgba(201,154,59,.4);}
.cbcl-page .red{background:#FF6A5E; box-shadow:0 0 6px 2px rgba(255,90,80,.75),0 0 15px 6px rgba(185,28,28,.45);}
.cbcl-page .green-b{background:#7FCF9A; box-shadow:0 0 6px 2px rgba(127,207,154,.7),0 0 15px 6px rgba(16,74,44,.5);}
.cbcl-page .bulb:nth-child(2n){margin-top:11px; animation-delay:.5s;}
.cbcl-page .bulb:nth-child(3n){animation-delay:1.1s; margin-top:8px;}
.cbcl-page .bulb:nth-child(4n){animation-delay:1.7s;}
.cbcl-page .bulb:nth-child(5n){animation-delay:2.3s; margin-top:12px;}
@keyframes tw{0%,100%{opacity:1;}45%{opacity:.45;}70%{opacity:.85;}}
.cbcl-page .garland-divider{background:var(--parch); height:34px;}
.cbcl-page /* ===== Cohesive gold icon set ===== */
  .ico{width:26px; height:26px; display:block;}
.cbcl-page .ico-sm{width:20px; height:20px; display:block; color:var(--gold-hover); filter:drop-shadow(0 0 2px rgba(201,154,59,.4));}
.cbcl-page .icowrap{width:58px; height:58px; border-radius:50%; display:grid; place-items:center; flex:none;
    color:var(--gold-hover);
    background:radial-gradient(circle at 34% 30%,#ffffff,var(--gold-50));
    border:1px solid var(--gold-soft);
    box-shadow:0 8px 20px -10px rgba(201,154,59,.55), 0 0 0 5px rgba(201,154,59,.05);}
.cbcl-page .icowrap .ico{filter:drop-shadow(0 0 3px rgba(201,154,59,.45));}
.cbcl-page /* glowing gold on dark sections */
  .section--night .icowrap, .cbcl-page .section--dusk .icowrap{color:var(--gold-soft);
    background:radial-gradient(circle at 34% 30%,rgba(230,207,150,.20),rgba(201,154,59,.05));
    border:1px solid rgba(230,207,150,.42);
    box-shadow:0 0 24px rgba(201,154,59,.32), inset 0 0 14px rgba(230,207,150,.12);}
.cbcl-page .section--night .icowrap .ico, .cbcl-page .section--dusk .icowrap .ico{filter:drop-shadow(0 0 7px rgba(230,207,150,.75));}
.cbcl-page .hero{position:relative; overflow:hidden; color:#F6EFDD;}
.cbcl-page .hero-bg{position:absolute; inset:0; background:radial-gradient(1000px 540px at 22% -10%,rgba(201,154,59,.22),transparent 60%), radial-gradient(720px 500px at 86% 6%,rgba(185,28,28,.16),transparent 62%), linear-gradient(180deg,#181B24,#14161E 62%,#0E1016);}
.cbcl-page .hero-grid{position:relative; z-index:3; display:grid; grid-template-columns:1.02fr .98fr; gap:50px; align-items:center; padding:54px 0 60px;}
.cbcl-page .hero-inner{max-width:560px;}
.cbcl-page .hero-media{aspect-ratio:5/4; border-radius:20px; background:var(--hero-img,none) center/cover no-repeat, var(--glow-tile); border:1px solid rgba(230,207,150,.2); box-shadow:0 36px 80px -34px rgba(0,0,0,.7); position:relative; overflow:hidden;}
.cbcl-page .hero-media::after{content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 58%,rgba(20,16,10,.34));}
.cbcl-page .crumbs{font-size:14px; color:#B6A988; letter-spacing:.04em; margin-bottom:6px;}
.cbcl-page .crumbs a:hover{color:var(--gold-soft);}
.cbcl-page .crumbs span{color:#6f6650;}
.cbcl-page .hero h1{font-size:clamp(33px,4.8vw,56px); letter-spacing:-.01em; margin-top:14px; text-shadow:0 2px 40px rgba(0,0,0,.5);}
.cbcl-page .hero .lede{font-size:clamp(16px,1.6vw,18.5px); color:#E7DCC6; margin:20px 0 0; max-width:600px;}
.cbcl-page .hero-cta{display:flex; gap:13px; flex-wrap:wrap; margin-top:30px;}
.cbcl-page .hero-trust{display:flex; gap:9px 22px; flex-wrap:wrap; margin-top:26px; font-size:13px; color:#CDBF9F;}
.cbcl-page .hero-trust span{display:inline-flex; align-items:center; gap:8px;}
.cbcl-page .hero-trust .dot{width:5px;height:5px;border-radius:50%;background:var(--gold-base);}
.cbcl-page .head-block{max-width:680px; margin:0 auto 48px; text-align:center;}
.cbcl-page .head-block h2{font-size:clamp(27px,3.4vw,42px); margin-top:12px;}
.cbcl-page .head-block p{color:var(--text-muted); margin-top:13px; font-size:16px;}
.cbcl-page .section--night .head-block p, .cbcl-page .section--dusk .head-block p{color:#C9BCA1;}
.cbcl-page /* Intro split */
  .split{display:grid; grid-template-columns:1.15fr .85fr; gap:46px; align-items:start;}
/* breathing room between the story heading and its copy (BugHerd #134) */
.cbcl-page .split .txt h2{margin:12px 0 18px;}
.cbcl-page .split .lead-line{font-family:"DM Serif Display"; font-size:18px; color:var(--head-brown); line-height:1.4;}
.cbcl-page .split p{color:var(--text-muted); font-size:15.5px;}
.cbcl-page .split p + p{margin-top:16px;}
.cbcl-page .split.rev .txt{order:2;}
.cbcl-page .split.rev .media{order:1;}
.cbcl-page .split .media{aspect-ratio:4/3; border-radius:18px; background:var(--img,none) center/cover no-repeat, var(--glow-tile); box-shadow:0 26px 60px -32px rgba(40,28,14,.5); position:relative; overflow:hidden;}
.cbcl-page .split .media::after{content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 60%,rgba(20,16,10,.22));}
.cbcl-page .glance{background:var(--parch-raised); border:1px solid var(--parch-border); border-radius:18px; padding:26px 26px; box-shadow:0 22px 50px -34px rgba(40,28,14,.4);}
.cbcl-page .glance h3{font-size:19px; color:var(--head-brown); margin-bottom:14px;}
.cbcl-page .glance .row{display:flex; gap:13px; align-items:flex-start; padding:12px 0; border-top:1px solid var(--parch-divider);}
.cbcl-page .glance .row:first-of-type{border-top:0;}
.cbcl-page .glance .row b{display:block; font-size:14.5px; color:var(--head-brown);}
.cbcl-page .glance .row span{font-size:13px; color:var(--text-muted);}
.cbcl-page /* Service cards */
  .scards{display:grid; grid-template-columns:repeat(3,1fr); gap:22px;}
.cbcl-page .scard{background:var(--parch-raised); border:1px solid var(--parch-border); border-radius:18px; padding:30px 28px; transition:transform .18s, box-shadow .18s;}
.cbcl-page .scard:hover{transform:translateY(-4px); box-shadow:0 26px 50px -30px rgba(40,28,14,.45);}
.cbcl-page .scard .icowrap{margin-bottom:18px;}
.cbcl-page .scard h3{font-size:21px; color:var(--head-brown); margin-bottom:9px;}
.cbcl-page .scard p{font-size:14.5px; color:var(--text-muted);}
.cbcl-page .scard .more{display:inline-flex; gap:6px; margin-top:16px; color:var(--gold-hover); font-weight:600; font-size:14px;}
.cbcl-page /* Why-choose grid (glowing icons on dark) */
  .why{display:grid; grid-template-columns:repeat(3,1fr); gap:36px 30px;}
.cbcl-page .wcard{display:flex; gap:18px; align-items:flex-start;}
.cbcl-page .wcard h3{font-size:18px; color:#F6EFDD; margin-bottom:6px;}
.cbcl-page .wcard p{font-size:14px; color:#C9BCA1;}
.cbcl-page /* Gallery (mosaic — recent work) */
  .gal{display:grid; grid-template-columns:repeat(4,1fr); grid-auto-rows:150px; gap:14px; grid-auto-flow:dense;}
.cbcl-page .gal a{position:relative; border-radius:14px; overflow:hidden; background:var(--img,none) center/cover no-repeat, var(--glow-tile); box-shadow:0 18px 40px -28px rgba(40,28,14,.4); text-decoration:none;}
.cbcl-page .gal a::after{content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 42%,rgba(20,16,10,.55)); transition:opacity .25s;}
.cbcl-page .gal a:hover::after{opacity:.6;}
.cbcl-page .gal .tall{grid-row:span 2;}
.cbcl-page .gal .wide{grid-column:span 2;}
.cbcl-page .cap{position:absolute; left:12px; bottom:12px; z-index:2; font-size:11.5px; letter-spacing:.02em; color:#F3E9D2; background:rgba(20,16,10,.5); border:1px solid rgba(230,207,150,.28); padding:4px 11px; border-radius:999px; backdrop-filter:blur(3px); display:inline-flex; align-items:center; gap:7px;}
.cbcl-page .cap::before{content:""; width:6px; height:6px; border-radius:50%; background:#FFE7B0; box-shadow:0 0 6px 1px rgba(255,221,150,.9);}
.cbcl-page .review-solo{max-width:760px; margin:46px auto 0; text-align:center;}
.cbcl-page .review-solo .stars{color:var(--gold-base); letter-spacing:4px; font-size:17px;}
.cbcl-page .review-solo p{font-family:"DM Serif Display"; font-size:clamp(19px,2.3vw,26px); color:var(--head-brown); line-height:1.45; margin:16px 0 14px;}
.cbcl-page .review-solo .who{color:var(--text-muted); font-size:14px;}
.cbcl-page /* Process / how it works */
  .steps{display:grid; grid-template-columns:repeat(4,1fr); gap:26px;}
.cbcl-page .step{position:relative; padding-top:12px;}
.cbcl-page .step .n{font-family:"DM Serif Display"; font-size:46px; color:var(--gold-soft); line-height:1;}
.cbcl-page .step h3{font-size:20px; margin:12px 0 9px;}
.cbcl-page .step p{font-size:14.5px; color:#C9BCA1;}
.cbcl-page .step::before{content:""; position:absolute; top:22px; left:48px; right:-13px; height:1px; background:linear-gradient(90deg,var(--night-line),transparent);}
.cbcl-page .step:last-child::before{display:none;}
.cbcl-page /* Areas */
  .areas{display:flex; flex-wrap:wrap; gap:10px; justify-content:center; max-width:920px; margin:0 auto;}
.cbcl-page .pill{font-size:13.5px; color:#e7ddca; border:1px solid rgba(230,207,150,.28); border-radius:999px; padding:8px 16px; transition:border-color .15s,color .15s,background .15s;}
.cbcl-page .pill:hover{border-color:var(--gold-soft); color:#fff; background:rgba(201,154,59,.12);}
.cbcl-page .pill[aria-current]{background:rgba(201,154,59,.16); border-color:var(--gold-soft); color:#fff;}
.cbcl-page /* FAQ */
  .faq{max-width:790px; margin:0 auto;}
.cbcl-page .faq details{border-bottom:1px solid var(--parch-divider); padding:6px 0;}
.cbcl-page .faq summary{list-style:none; cursor:pointer; padding:18px 40px 18px 4px; position:relative; font-family:"DM Serif Display"; font-size:19px; color:var(--head-brown);}
.cbcl-page .faq summary::-webkit-details-marker{display:none;}
.cbcl-page .faq summary::after{content:"+"; position:absolute; right:8px; top:50%; transform:translateY(-50%); font-family:"DM Sans"; font-size:24px; color:var(--gold-base);}
.cbcl-page .faq details[open] summary::after{content:"–";}
.cbcl-page .faq .ans{padding:0 4px 20px; color:var(--text-muted); font-size:15.5px; max-width:720px;}
.cbcl-page .final{text-align:center; position:relative; overflow:hidden;}
.cbcl-page .final .glow-bg{position:absolute; inset:0; background:radial-gradient(720px 400px at 50% 0,rgba(201,154,59,.26),transparent 60%), radial-gradient(620px 380px at 50% 120%,rgba(185,28,28,.18),transparent 60%);}
.cbcl-page .final h2{font-size:clamp(30px,4.4vw,50px); color:#fff;}
.cbcl-page .final p{color:#D8CBB0; margin:16px auto 0; max-width:560px; font-size:16.5px;}
.cbcl-page .final-cta{display:flex; gap:13px; justify-content:center; flex-wrap:wrap; margin-top:28px;}
.cbcl-page .final .resp{margin-top:16px; font-size:13px; color:#B6A988;}
@media(max-width:980px){
.cbcl-page .hero-grid{grid-template-columns:1fr; gap:30px;}
.cbcl-page .hero-media{aspect-ratio:16/10;}
.cbcl-page .split{grid-template-columns:1fr; gap:30px;}
.cbcl-page .scards, .cbcl-page .gal{grid-template-columns:1fr 1fr;}
.cbcl-page .why{grid-template-columns:1fr 1fr;}
.cbcl-page .steps{grid-template-columns:1fr 1fr;}
.cbcl-page .step::before{display:none;}
.cbcl-page .section{padding:62px 0;}
}
@media(max-width:560px){
.cbcl-page .scards, .cbcl-page .why{grid-template-columns:1fr;}
.cbcl-page .steps{grid-template-columns:1fr;}
.cbcl-page .gal{grid-template-columns:1fr; grid-auto-rows:200px;}
.cbcl-page .gal .tall, .cbcl-page .gal .wide{grid-column:auto; grid-row:auto;}
.cbcl-page .hero-cta .btn{flex:1;}
}
@media(prefers-reduced-motion:reduce){
.cbcl-page .bulb{animation:none!important;}
}
.cbcl-page /* Choose-your-display cards */
  .choose{display:grid; grid-template-columns:repeat(2,1fr); gap:20px; max-width:920px; margin:0 auto;}
.cbcl-page .ccard{display:flex; gap:20px; align-items:flex-start; background:rgba(255,247,230,.04); border:1px solid rgba(230,207,150,.18); border-radius:18px; padding:28px 26px; transition:transform .18s,border-color .18s,box-shadow .18s;}
.cbcl-page .ccard:hover{transform:translateY(-4px); border-color:rgba(230,207,150,.4); box-shadow:0 0 30px rgba(201,154,59,.18);}
.cbcl-page .ccard h3{font-size:20px; color:#F6EFDD; margin-bottom:7px;}
.cbcl-page .ccard p{font-size:14px; color:#C9BCA1;}
.cbcl-page .ccard .more{display:inline-flex; gap:6px; margin-top:13px; color:var(--gold-soft); font-weight:600; font-size:13.5px;}
.cbcl-page .choose-cta{text-align:center; margin-top:38px; color:#C9BCA1; font-size:15.5px;}
.cbcl-page .choose-cta a{color:var(--gold-soft); font-weight:600;}
.cbcl-page .choose-2nd{text-align:center; margin-top:12px; font-size:13.5px; color:#9c917c;}
.cbcl-page .choose-2nd a{color:var(--gold-soft); font-weight:600;}
@media(max-width:680px){
.cbcl-page .choose{grid-template-columns:1fr;}
}
.cbcl-page /* ===== Choose-your-display cards ===== */
  .choose{display:grid; grid-template-columns:repeat(2,1fr); gap:20px; max-width:920px; margin:0 auto;}
.cbcl-page .ccard{display:flex; gap:20px; align-items:flex-start; background:rgba(255,247,230,.04); border:1px solid rgba(230,207,150,.18); border-radius:18px; padding:28px 26px; transition:transform .18s,border-color .18s,box-shadow .18s;}
.cbcl-page .ccard:hover{transform:translateY(-4px); border-color:rgba(230,207,150,.4); box-shadow:0 0 30px rgba(201,154,59,.18);}
.cbcl-page .ccard h3{font-size:20px; color:#F6EFDD; margin-bottom:7px;}
.cbcl-page .ccard p{font-size:14px; color:#C9BCA1;}
.cbcl-page .ccard .more{display:inline-flex; gap:6px; margin-top:13px; color:var(--gold-soft); font-weight:600; font-size:13.5px;}
.cbcl-page .choose-cta{text-align:center; margin-top:38px; color:#C9BCA1; font-size:15px;}
.cbcl-page .choose-cta a{color:var(--gold-soft); font-weight:600;}
@media(max-width:680px){
.cbcl-page .choose{grid-template-columns:1fr;}
}
.cbcl-page /* ===== About: ribbon marquee ===== */
  .ribbon-sec{position:relative; overflow:hidden; background:linear-gradient(180deg,#101019,#14161E 60%,#101019); padding:54px 0;}
.cbcl-page .ribbon{position:relative; width:118%; margin-left:-9%; transform:rotate(-2.6deg);
    background:linear-gradient(180deg,#EAD79E,#C99A3B 52%,#AC7F2C);
    box-shadow:0 24px 60px -22px rgba(201,154,59,.6), inset 0 2px 0 rgba(255,255,255,.45), inset 0 -3px 6px rgba(120,84,20,.35);
    padding:10px 0; border-top:1px solid rgba(255,246,220,.6); border-bottom:1px solid rgba(120,84,20,.5);}
.cbcl-page .ribbon::before, .cbcl-page .ribbon::after{content:""; position:absolute; top:0; bottom:0; width:90px; z-index:3; pointer-events:none;}
.cbcl-page .ribbon::before{left:0; background:linear-gradient(90deg,#101019 6%,transparent);}
.cbcl-page .ribbon::after{right:0; background:linear-gradient(270deg,#101019 6%,transparent);}
.cbcl-page .ribbon-track{display:inline-flex; align-items:center; white-space:nowrap; will-change:transform; animation:ribbonScroll 34s linear infinite;}
.cbcl-page .ribbon-track .ph{font-family:"DM Serif Display"; font-style:italic; font-size:clamp(15px,1.85vw,22px); color:#2A1C08; letter-spacing:.01em; padding:0 22px;}
.cbcl-page .ribbon-track .bulb{width:9px; height:9px; border-radius:50%; flex:none;}
.cbcl-page .ribbon-track .bulb.r{background:#C0342B; box-shadow:0 0 9px 1px rgba(200,60,50,.8);}
.cbcl-page .ribbon-track .bulb.g{background:#1C6B3B; box-shadow:0 0 9px 1px rgba(40,150,90,.7);}
.cbcl-page .ribbon-track .bulb.w{background:#FFF4D6; box-shadow:0 0 10px 2px rgba(255,240,200,.9);}
@keyframes ribbonScroll{from{transform:translateX(0);} to{transform:translateX(-50%);}}
@media(prefers-reduced-motion:reduce){
.cbcl-page .ribbon-track{animation:none;}
}
.cbcl-page /* ===== About: video slot ===== */
  .video-wrap{max-width:940px; margin:0 auto;}
.cbcl-page .video-frame{position:relative; display:block; aspect-ratio:16/9; border-radius:20px; overflow:hidden; text-decoration:none;
    border:1px solid rgba(230,207,150,.3); box-shadow:0 44px 100px -44px rgba(0,0,0,.75);
    background:var(--poster,none) center/cover no-repeat, var(--glow-tile);}
.cbcl-page .video-frame::after{content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(13,15,22,.3),rgba(13,15,22,.62));}
.cbcl-page .video-play{position:absolute; inset:0; margin:auto; width:90px; height:90px; border-radius:50%; display:grid; place-items:center; z-index:2;
    background:radial-gradient(circle at 40% 34%,#EAD79E,#C99A3B); border:none;
    box-shadow:0 0 0 12px rgba(230,207,150,.1), 0 20px 46px -14px rgba(201,154,59,.75); transition:transform .2s;}
.cbcl-page .video-frame:hover .video-play{transform:scale(1.06);}
.cbcl-page .video-play svg{width:34px; height:34px; fill:#1c140a; margin-left:5px;}
.cbcl-page .video-cap{text-align:center; margin-top:20px; color:#C9BCA1; font-size:14px;}
.cbcl-page /* ===== About: values + stats ===== */
  .vals{display:grid; grid-template-columns:repeat(4,1fr); gap:20px;}
.cbcl-page .val{background:rgba(255,247,230,.04); border:1px solid rgba(230,207,150,.18); border-radius:16px; padding:28px 22px; text-align:center;}
.cbcl-page .val .icowrap{margin:0 auto 14px;}
.cbcl-page .val h3{font-size:17px; color:#F6EFDD; margin-bottom:7px;}
.cbcl-page .val p{font-size:13.5px; color:#C9BCA1;}
.cbcl-page .stats{display:grid; grid-template-columns:repeat(4,1fr); gap:20px; max-width:900px; margin:0 auto; text-align:center;}
.cbcl-page .stat .num{font-family:"DM Serif Display"; font-size:clamp(34px,4.4vw,50px); color:var(--gold-soft); line-height:1;}
.cbcl-page .stat .lbl{color:#C9BCA1; font-size:13.5px; margin-top:8px; letter-spacing:.02em;}
@media(max-width:980px){
.cbcl-page .vals{grid-template-columns:1fr 1fr;}
.cbcl-page .stats{grid-template-columns:1fr 1fr;}
}
@media(max-width:560px){
.cbcl-page .vals{grid-template-columns:1fr;}
}
/* #149: the story video now plays inline (native <video> replaces the linked poster) */
.cbcl-page video.video-frame{width:100%; background:#0D0F16; object-fit:cover;}