/* Karibean Mood: CMS-led product presentation in the LB APPAREL design system. */
.page-template-universe_krbm{background:#f7f5f1;color:#171717}
.page-template-universe_krbm .page-hero{position:relative;overflow:hidden;background:#111115;color:#fff;padding:clamp(72px,8vw,128px) 0}
.page-template-universe_krbm .page-hero:before{content:"";position:absolute;inset:-25% -8% auto auto;width:72vw;height:72vw;background:radial-gradient(circle,rgba(181,36,45,.24),transparent 64%);pointer-events:none}
.page-template-universe_krbm .page-hero .container{position:relative}
.page-template-universe_krbm .page-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,.82fr);align-items:center;gap:clamp(40px,7vw,105px)}
.page-template-universe_krbm .page-brand-icon{width:80px;height:80px;border-radius:23px;background:#fff;margin-bottom:27px;box-shadow:0 22px 65px #0006}
.page-template-universe_krbm .eyebrow{color:#ad2530;letter-spacing:.18em;font-size:12px;font-weight:850;text-transform:uppercase}
.page-template-universe_krbm .page-hero .eyebrow{color:#ffbcc3}
.page-template-universe_krbm .page-hero h1{font-size:clamp(62px,8vw,118px);line-height:.88;letter-spacing:-.075em;color:#fff;margin:20px 0 28px}
.page-template-universe_krbm .page-hero .lead{font-size:clamp(19px,2vw,25px);line-height:1.52;color:#e3e2e4;max-width:620px}
.page-template-universe_krbm .page-hero .lead strong{color:#fff}
.page-template-universe_krbm .page-hero .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.page-template-universe_krbm .btn-primary{background:#ae222e;border-color:#ae222e;box-shadow:0 16px 40px #ae222e38}
.page-template-universe_krbm .page-hero .btn{min-height:54px;padding:15px 23px}
.page-template-universe_krbm .page-hero .btn-secondary{color:#fff;background:transparent;border:1px solid #ffffff70}
.page-template-universe_krbm .page-cover{width:min(100%,470px);height:clamp(510px,48vw,700px);justify-self:center;overflow:hidden;border-radius:32px;background:#25292a;box-shadow:0 38px 92px #0008}
.page-template-universe_krbm .page-cover img{width:100%;height:100%;object-fit:cover;object-position:center 20%}
.page-template-universe_krbm .block{padding:clamp(78px,9vw,128px) 0}
.page-template-universe_krbm .block h2{font-size:clamp(42px,5.2vw,74px);line-height:.98;letter-spacing:-.055em;max-width:920px}
.page-template-universe_krbm .block .rich{font-size:clamp(17px,1.5vw,20px);line-height:1.72}
.page-template-universe_krbm .block-grid{align-items:center;gap:clamp(44px,6vw,100px)}
.page-template-universe_krbm .block-grid .block-media{overflow:hidden;border-radius:28px;box-shadow:0 28px 68px #14141420}
.page-template-universe_krbm .block-grid .block-media img{width:100%;height:100%;object-fit:cover}
.page-template-universe_krbm #krbm-promise{background:#fff}
.page-template-universe_krbm #krbm-promise .block-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1fr)}
.page-template-universe_krbm #krbm-promise .block-media{height:clamp(450px,48vw,650px)}
.page-template-universe_krbm #krbm-promise .rich{color:#55545a}
.page-template-universe_krbm #krbm-value{background:#eceae6}
.page-template-universe_krbm #krbm-value .block-intro{max-width:820px;color:#57565b}
.page-template-universe_krbm #krbm-value .stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:42px}
.page-template-universe_krbm #krbm-value .stat{display:block;padding:35px 29px;border-radius:24px;background:#fff;box-shadow:0 16px 42px #1212120a}
.page-template-universe_krbm #krbm-value .stat strong{font-size:clamp(31px,3.8vw,54px);line-height:1;letter-spacing:-.05em;color:#a6202d}
.page-template-universe_krbm #krbm-value .stat p{font-size:16px;line-height:1.5;color:#5e5d61;margin:16px 0 0}
.page-template-universe_krbm .krbm-fee-note{font-size:13px!important;color:#68676b!important;margin-top:28px!important}
.page-template-universe_krbm #krbm-control{background:#17171b;color:#fff}
.page-template-universe_krbm #krbm-control h2{color:#fff}
.page-template-universe_krbm #krbm-control .block-intro{color:#ceced1;max-width:790px}
.page-template-universe_krbm #krbm-control .feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:45px;counter-reset:krbm}
.page-template-universe_krbm #krbm-control .feature{display:block;min-height:245px;padding:28px 24px;border-radius:21px;background:#26262c;counter-increment:krbm}
.page-template-universe_krbm #krbm-control .feature:before{content:"0" counter(krbm);display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#4a2b31;color:#ffbec6;font-weight:850;margin-bottom:29px}
.page-template-universe_krbm #krbm-control .feature strong{display:block;color:#fff;font-size:20px;line-height:1.2}
.page-template-universe_krbm #krbm-control .feature p{color:#bfbec4;line-height:1.6;margin:13px 0 0}
.page-template-universe_krbm #krbm-roles{background:#fff}
.page-template-universe_krbm #krbm-roles .page-rich{max-width:none}
.page-template-universe_krbm .krbm-roles-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:32px}
.page-template-universe_krbm .krbm-role{padding:34px;border:1px solid #e5e2dd;border-radius:24px;background:#faf9f7}
.page-template-universe_krbm .krbm-role h3{font-size:26px;letter-spacing:-.035em;margin:0 0 16px}
.page-template-universe_krbm .krbm-role ul{margin:0;padding-left:21px;color:#55545a;line-height:1.8;font-size:17px}
.page-template-universe_krbm .krbm-role li+li{margin-top:7px}
.page-template-universe_krbm #krbm-screens{background:#f1efeb;overflow:hidden}
.page-template-universe_krbm #krbm-screens .block-intro{max-width:790px;color:#56545a}
.page-template-universe_krbm #krbm-screens .block-gallery-grid{display:flex;overflow-x:auto;gap:20px;scroll-snap-type:x mandatory;margin-top:25px;padding:20px 7px 35px;scrollbar-color:#b8323e #ddd9d4}
.page-template-universe_krbm #krbm-screens .gallery-item{flex:0 0 clamp(220px,23vw,310px);aspect-ratio:1320/2868;border-radius:24px;overflow:hidden;background:#e7e9e2;scroll-snap-align:start;box-shadow:0 23px 50px #14141420}
.page-template-universe_krbm #krbm-screens .gallery-item img{width:100%;height:100%;object-fit:cover}
.page-template-universe_krbm #krbm-final{background:#101014;color:#fff;text-align:center}
.page-template-universe_krbm #krbm-final .cta-section{max-width:900px;margin:auto}
.page-template-universe_krbm #krbm-final h2{color:#fff;margin-inline:auto}
.page-template-universe_krbm #krbm-final .rich{max-width:730px;color:#cccbce;margin:23px auto 30px}
.page-template-universe_krbm #krbm-final .actions{justify-content:center;gap:12px}
.page-template-universe_krbm #krbm-final .btn-secondary{color:#fff;background:transparent;border:1px solid #ffffff70}
.page-template-universe_krbm .krbm-store-row{display:flex;justify-content:center;gap:13px;flex-wrap:wrap;margin:36px auto 0}
.page-template-universe_krbm .krbm-store-badge{display:flex;align-items:center;gap:12px;min-width:220px;padding:12px 18px;border:1px solid #ffffff4d;border-radius:13px;background:#020203;color:#fff;text-align:left;text-decoration:none!important;transition:transform .2s}
.page-template-universe_krbm .krbm-store-badge:hover{transform:translateY(-3px)}
.page-template-universe_krbm .krbm-store-badge img{width:31px;height:31px;object-fit:contain}
.page-template-universe_krbm .krbm-store-badge small{display:block;color:#d1d0d3;font-size:10px;letter-spacing:.12em;text-transform:uppercase;line-height:1.2}
.page-template-universe_krbm .krbm-store-badge strong{display:block;color:#fff;font-size:19px;line-height:1.3}
@media(max-width:1020px){.page-template-universe_krbm #krbm-control .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.page-template-universe_krbm .page-hero-grid,.page-template-universe_krbm #krbm-promise .block-grid{grid-template-columns:1fr}.page-template-universe_krbm .page-cover{height:570px;max-width:410px}.page-template-universe_krbm #krbm-value .stats-grid{grid-template-columns:1fr}.page-template-universe_krbm .krbm-roles-grid{grid-template-columns:1fr}}
@media(max-width:620px){.page-template-universe_krbm .page-hero{padding:50px 0 72px}.page-template-universe_krbm .page-hero h1{font-size:clamp(58px,14vw,80px)}.page-template-universe_krbm .page-cover{height:460px;max-width:350px}.page-template-universe_krbm .block{padding:72px 0}.page-template-universe_krbm #krbm-promise .block-media{height:400px}.page-template-universe_krbm #krbm-control .feature-grid{grid-template-columns:1fr}.page-template-universe_krbm #krbm-control .feature{min-height:0}.page-template-universe_krbm #krbm-screens .block-gallery-grid{margin-inline:-16px;padding-inline:16px}.page-template-universe_krbm #krbm-final .actions{flex-direction:column}}
