/* COOLIO FOREVER — COOLINA HOMEPAGE FEATURE */
.coolina-section{position:relative;isolation:isolate;padding:clamp(70px,8vw,130px) 0;background:radial-gradient(ellipse at 78% 28%,rgba(128,68,135,.2),transparent 58%),linear-gradient(125deg,#090b14,#16111f 58%,#080a10);overflow:hidden}
.coolina-section:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#f1c77b0a 1px,transparent 1px),linear-gradient(90deg,#f1c77b0a 1px,transparent 1px);background-size:60px 60px;pointer-events:none}
.coolina-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.07fr);align-items:center;gap:clamp(30px,5.5vw,85px)}
.coolina-copy{min-width:0}.coolina-eyebrow,.coolina-video-label{display:inline-flex;align-items:center;gap:10px;color:#f2cd84;letter-spacing:.16em;font-size:.72rem;font-weight:850;text-transform:uppercase}
.coolina-dot{display:inline-block;flex:none;width:8px;height:8px;border-radius:50%;background:#f2cd84;box-shadow:0 0 14px #f2cd8488}
.coolina-copy h2{font-size:clamp(3.4rem,6.4vw,6.9rem);font-weight:900;line-height:.98;letter-spacing:-.07em;color:#fff9f1;margin:20px 0}
.coolina-copy h2 span{background:linear-gradient(115deg,#fff6d9,#f3cc7b 37%,#b9802b 70%,#ffe9b0);background-clip:text;-webkit-background-clip:text;color:transparent}
.coolina-copy h3{font-size:clamp(1.1rem,2vw,1.45rem);color:#f2cd84;margin:0 0 24px}
.coolina-copy p{color:#e3dce4;font-size:clamp(1rem,1.25vw,1.1rem);line-height:1.8;margin:0 0 17px}
.coolina-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.coolina-primary,.coolina-secondary{min-height:52px;padding:14px 22px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:.76rem;letter-spacing:.08em;font-weight:850;text-decoration:none;transition:transform .18s,background .18s,border-color .18s}
.coolina-primary{color:#151018;background:linear-gradient(110deg,#ffe7ab,#d9a24b);border:1px solid #ffe7ab}
.coolina-secondary{color:#f8e8c8;border:1px solid #f2cd8488;background:#ffffff08}
.coolina-primary:hover,.coolina-secondary:hover{transform:translateY(-2px)}
.coolina-secondary:hover{background:#f2cd841b;border-color:#f2cd84}
.coolina-signature{margin-top:32px;padding-top:20px;border-top:1px solid #f2cd8433;color:#bfb6c5;font-size:.68rem;letter-spacing:.12em;font-weight:800;line-height:1.8}
.coolina-signature span{color:#f2cd84;padding:0 6px}
.coolina-video-shell{min-width:0;background:#10101a;border:1px solid #f2cd8455;border-radius:20px;overflow:hidden;box-shadow:0 28px 85px #0009,0 0 60px #9365af18}
.coolina-video-top,.coolina-video-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 20px;background:#13121d}
.coolina-video-top{border-bottom:1px solid #f2cd842a}.coolina-video-bottom{border-top:1px solid #f2cd842a;color:#cfc7d2;font-size:.6rem;font-weight:800;letter-spacing:.1em}
.coolina-video-bottom span:last-child{color:#f2cd84}.coolina-video-duration{font-size:.62rem;color:#ada6b5;letter-spacing:.1em;font-weight:800;text-align:right}
.coolina-video-frame{background:#000}.coolina-video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#000}
.coolina-section a:focus-visible,.coolina-section video:focus-visible{outline:3px solid #ffe6a8;outline-offset:4px}
@media(max-width:900px){.coolina-layout{grid-template-columns:1fr}.coolina-copy{max-width:760px}.coolina-video-shell{width:100%}}
@media(max-width:600px){.coolina-section{padding:65px 0}.coolina-copy h2{font-size:clamp(3.1rem,12vw,5.3rem)}.coolina-actions a{width:100%}.coolina-video-top,.coolina-video-bottom{padding:12px 14px}.coolina-video-duration{display:none}.coolina-video-bottom{font-size:.53rem}}
@media(prefers-reduced-motion:reduce){.coolina-primary,.coolina-secondary{transition:none}.coolina-primary:hover,.coolina-secondary:hover{transform:none}}