:root{--video-navy:#082b52;--video-blue:#104e96;--video-gold:#ffc21c;--video-ink:#061f3d;--video-soft:#f2f7fc}
.video-page{background:#fff;color:var(--video-ink)}
.video-hero{background:linear-gradient(125deg,#06294e 0%,#0b477f 68%,#1261a4 100%);color:#fff;padding:76px 0 64px;overflow:hidden;position:relative}
.video-hero:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-90px;bottom:-210px;background:rgba(255,194,28,.16)}
.video-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.75fr);gap:48px;align-items:center;position:relative;z-index:1}
.video-breadcrumb{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px;font-weight:700}.video-breadcrumb a{color:var(--video-gold)}
.video-eyebrow{color:var(--video-gold);font-weight:800;text-transform:uppercase;letter-spacing:.09em;margin:0 0 14px}
.video-hero h1{font-size:clamp(2.5rem,5vw,5rem);line-height:1.02;margin:0 0 22px;max-width:850px}.video-hero p{font-size:1.15rem;line-height:1.75;max-width:760px}
.video-hero-panel{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.24);border-radius:28px;padding:30px;backdrop-filter:blur(9px)}
.video-hero-panel strong{display:block;font-size:1.45rem;margin-bottom:14px}.video-hero-panel ul{margin:0;padding:0;list-style:none;display:grid;gap:12px}.video-hero-panel li{display:flex;gap:10px;align-items:flex-start}.video-hero-panel li:before{content:"✓";color:var(--video-gold);font-weight:900}
.video-section{padding:76px 0}.video-section-soft{background:var(--video-soft)}.video-section-heading{max-width:850px;margin:0 auto 36px;text-align:center}.video-section-heading h2{font-size:clamp(2rem,4vw,3.4rem);margin:0 0 14px}.video-section-heading p{font-size:1.08rem;line-height:1.7;color:#536c88}
.video-filters{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:0 0 34px}.video-filter{border:1px solid #bed0e3;border-radius:999px;padding:11px 18px;background:#fff;color:var(--video-ink);font-weight:800;cursor:pointer}.video-filter:hover,.video-filter.is-active{background:var(--video-blue);color:#fff;border-color:var(--video-blue)}
.video-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.video-story-card,.guide-video-card{background:#fff;border:1px solid #d7e3ef;border-radius:24px;overflow:hidden;box-shadow:0 15px 38px rgba(6,42,80,.1);display:flex;flex-direction:column}.video-story-card[hidden],.guide-video-card[hidden]{display:none}
.video-player{aspect-ratio:16/10;background:linear-gradient(145deg,#082b52,#1763a4);position:relative;display:grid;place-items:center;overflow:hidden}.video-player img{width:100%;height:100%;object-fit:cover}.video-player video{width:100%;height:100%;object-fit:contain;background:#03172c}.video-fallback-mark{font-size:3rem;color:#fff;opacity:.9}.video-play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:66px;height:66px;border-radius:50%;border:3px solid #fff;background:var(--video-gold);color:#061f3d;display:grid;place-items:center;font-size:1.25rem;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.28)}.video-play:hover{background:var(--video-blue);color:#fff;transform:translate(-50%,-50%) scale(1.06)}
.video-card-body{padding:24px;display:flex;flex-direction:column;gap:12px;flex:1}.video-card-kicker{color:var(--video-blue);font-size:.82rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.video-card-body h2,.video-card-body h3{font-size:1.45rem;line-height:1.25;margin:0}.video-card-body p{color:#536c88;line-height:1.65;margin:0}.video-card-link{margin-top:auto;color:var(--video-blue);font-weight:900;text-decoration:none}.video-card-link:hover{color:#896400;text-decoration:underline}
.instagram-embed-frame{width:100%;height:100%;border:0;background:#fff}.guide-video-card .video-player{cursor:pointer}
.instagram-player{aspect-ratio:16/10;background:#071f3c;overflow:hidden;position:relative;cursor:pointer}.instagram-player iframe{position:absolute;inset:-58px 0 auto;width:100%;height:calc(100% + 116px);border:0;background:#fff;pointer-events:none}.instagram-player:after{content:"Official @califsol video";position:absolute;left:16px;bottom:14px;padding:7px 11px;border-radius:999px;background:rgba(6,31,61,.88);color:#fff;font-size:.72rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.guide-video-card .instagram-player{border-bottom:1px solid #d7e3ef}
.video-library-meta{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:-18px 0 34px}.video-library-meta span{background:#e8f1fb;border:1px solid #c9dbee;border-radius:999px;color:#174f87;font-weight:800;padding:9px 14px}
.video-story-card.is-requested{outline:4px solid var(--video-gold);outline-offset:4px}
.video-trust-note{margin:34px auto 0;max-width:980px;background:#fff6d9;border-left:5px solid var(--video-gold);padding:20px 24px;border-radius:14px;color:#4c3d0a;line-height:1.65}
.video-faq{display:grid;grid-template-columns:.65fr 1.35fr;gap:44px}.video-faq-list{display:grid;gap:12px}.video-faq-list details{border:1px solid #d7e3ef;border-radius:16px;padding:18px 20px;background:#fff}.video-faq-list summary{cursor:pointer;font-weight:850}.video-faq-list p{color:#536c88;line-height:1.65}
.video-final-cta{background:linear-gradient(120deg,#082b52,#125c9b);color:#fff;border-radius:28px;padding:38px;display:flex;align-items:center;justify-content:space-between;gap:30px}.video-final-cta h2{font-size:clamp(1.8rem,4vw,3rem);margin:0 0 12px}.video-final-cta p{max-width:720px;line-height:1.65}.video-cta-actions{display:flex;gap:12px;flex-wrap:wrap;min-width:max-content}.video-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border-radius:12px;font-weight:850;text-decoration:none}.video-btn-primary{background:var(--video-gold);color:#061f3d}.video-btn-secondary{background:#078b45;color:#fff}.video-btn-primary:hover{background:var(--video-blue);color:#fff}.video-btn-secondary:hover{background:#fff;color:#061f3d}
.video-faq-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:44px}.video-faq-grid>div:last-child{display:grid;gap:12px}.video-faq-grid details{border:1px solid #d7e3ef;border-radius:16px;padding:18px 20px;background:#fff}.video-faq-grid summary{cursor:pointer;font-weight:850}.video-faq-grid details p{color:#536c88;line-height:1.65}
.video-cta{padding:0 0 76px}.video-cta>.container{background:linear-gradient(120deg,#082b52,#125c9b);color:#fff;border-radius:28px;padding:38px;display:flex;align-items:center;justify-content:space-between;gap:30px}.video-cta h2{font-size:clamp(1.8rem,4vw,3rem);margin:0 0 12px}.video-cta p{max-width:720px;line-height:1.65}
.video-library-link{display:grid;grid-template-columns:repeat(2,minmax(250px,320px));justify-content:center;align-items:stretch;gap:24px;margin-top:32px}.video-library-link .btn{display:inline-flex!important;align-items:center;justify-content:center;width:100%;min-width:0;min-height:58px;visibility:visible!important;opacity:1!important}
.video-filters{display:none!important}
.video-library-marquee{overflow:hidden;position:relative;padding:10px 0 22px}
.video-card-grid.video-marquee-track{display:flex;width:max-content;gap:24px;animation:videoHubMarquee 58s linear infinite;will-change:transform}
.video-marquee-track .video-story-card,.video-marquee-track .guide-video-card{flex:0 0 clamp(290px,30vw,370px);max-width:370px}
.video-library-marquee:hover .video-marquee-track,.video-library-marquee:focus-within .video-marquee-track{animation-play-state:paused}
@keyframes videoHubMarquee{from{transform:translateX(var(--video-loop-distance))}to{transform:translateX(0)}}
.video-modal[hidden]{display:none}.video-modal{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:20px}.video-modal__backdrop{position:absolute;inset:0;background:rgba(2,18,36,.82);backdrop-filter:blur(4px)}
.video-modal__dialog{position:relative;width:min(920px,96vw);max-height:92vh;overflow:auto;background:#fff;border-radius:22px;padding:22px;box-shadow:0 25px 80px rgba(0,0,0,.4)}.video-modal__dialog h2{margin:0 52px 16px 0;font-size:1.3rem}.video-modal__close{position:absolute;right:16px;top:12px;width:42px;height:42px;border:0;border-radius:50%;background:var(--video-gold);color:#061f3d;font-size:2rem;cursor:pointer}.video-modal__close:hover{background:var(--video-blue);color:#fff}.video-modal__media{display:grid;place-items:center;background:#03172c;border-radius:15px;overflow:hidden;min-height:300px}.video-modal__media video{width:100%;max-height:76vh}.video-modal__media iframe{width:min(540px,100%);height:min(76vh,760px);border:0;background:#fff}.video-modal-open{overflow:hidden}
@media(prefers-reduced-motion:reduce){.video-card-grid.video-marquee-track{animation:none}.video-library-marquee{overflow-x:auto}}
@media(max-width:1020px){.video-hero-grid,.video-faq,.video-faq-grid{grid-template-columns:1fr}.video-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.video-final-cta,.video-cta>.container{align-items:flex-start;flex-direction:column}}
@media(max-width:680px){.video-hero{padding:48px 0}.video-section{padding:54px 0}.video-card-grid{grid-template-columns:1fr}.video-hero-panel{padding:22px}.video-card-body{padding:20px}.video-final-cta,.video-cta>.container{padding:26px}.video-cta{padding-bottom:54px}.video-cta-actions{min-width:0;width:100%}.video-cta-actions a{width:100%}.video-library-link{grid-template-columns:1fr;gap:14px}.video-library-link .btn{width:100%;min-width:0}}