/* Coconut Kronicles presentation. Editorial copy and screenshots remain editable in the Hub CMS. */
.page-template-universe_ckr{background:#f7f6f2;color:#191919}
.page-template-universe_ckr .page-hero{position:relative;overflow:hidden;background:#111116;color:#fff;padding:clamp(70px,8vw,126px) 0}
.page-template-universe_ckr .page-hero:before{content:"";position:absolute;inset:-20% -10% auto auto;width:70vw;height:70vw;max-height:850px;background:radial-gradient(circle,rgba(185,35,47,.23),transparent 62%);pointer-events:none}
.page-template-universe_ckr .page-hero .container{position:relative}
.page-template-universe_ckr .page-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);align-items:center;gap:clamp(42px,7vw,110px)}
.page-template-universe_ckr .page-brand-icon{width:78px;height:78px;border-radius:23px;background:#fff;margin-bottom:28px;box-shadow:0 22px 70px #0005}
.page-template-universe_ckr .page-hero .eyebrow,.page-template-universe_ckr .block .eyebrow{color:#b5242d;letter-spacing:.18em;font-size:12px;font-weight:850;text-transform:uppercase}
.page-template-universe_ckr .page-hero .eyebrow{color:#ffb5bd}
.page-template-universe_ckr .page-hero h1{font-size:clamp(58px,7.3vw,110px);line-height:.89;letter-spacing:-.075em;margin:18px 0 29px;color:#fff}
.page-template-universe_ckr .page-hero .lead{font-size:clamp(19px,2.1vw,25px);line-height:1.5;color:#e0dfe2;max-width:620px}
.page-template-universe_ckr .page-hero .lead strong{color:#fff}
.page-template-universe_ckr .page-hero .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:35px}
.page-template-universe_ckr .page-hero .btn{min-height:54px;padding:15px 23px;font-weight:750}
.page-template-universe_ckr .btn-primary{background:#ad222e;border-color:#ad222e;box-shadow:0 16px 40px #ad222e35}
.page-template-universe_ckr .page-hero .btn-secondary{color:#fff;border:1px solid #ffffff70;background:transparent}
.page-template-universe_ckr .page-cover{height:clamp(510px,51vw,760px);width:min(100%,510px);justify-self:center;overflow:hidden;border-radius:34px;box-shadow:0 45px 100px #0008;background:#25242b}
.page-template-universe_ckr .page-cover img{width:100%;height:100%;object-fit:cover;object-position:center 42%}
.page-template-universe_ckr .block{padding:clamp(80px,9vw,130px) 0}
.page-template-universe_ckr .block h2{font-size:clamp(42px,5.4vw,76px);line-height:.98;letter-spacing:-.055em;max-width:920px}
.page-template-universe_ckr .block .rich{font-size:clamp(17px,1.5vw,20px);line-height:1.72}
.page-template-universe_ckr .block-grid{align-items:center;gap:clamp(45px,7vw,110px)}
.page-template-universe_ckr .block-grid .block-media{overflow:hidden;border-radius:30px;box-shadow:0 28px 65px #1212171c;background:#14141a}
.page-template-universe_ckr .block-grid .block-media img{width:100%;height:100%;object-fit:cover;object-position:center 28%}
.page-template-universe_ckr #ckr-discover{background:#fff}
.page-template-universe_ckr #ckr-discover .block-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1fr)}
.page-template-universe_ckr #ckr-discover .block-media{height:620px;max-width:440px;margin:auto}
.page-template-universe_ckr #ckr-discover .rich{color:#55545a}
.page-template-universe_ckr #ckr-pillars{background:#eeece8}
.page-template-universe_ckr #ckr-pillars .block-intro{max-width:760px;color:#55545a}
.page-template-universe_ckr #ckr-pillars .feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:42px}
.page-template-universe_ckr #ckr-pillars .feature{position:relative;display:block;min-height:245px;padding:34px 26px;border-radius:24px;background:#fff;box-shadow:0 15px 40px #1616160a}
.page-template-universe_ckr #ckr-pillars .feature:before{content:"0" counter(ckr);display:block;width:45px;height:45px;line-height:45px;text-align:center;border-radius:13px;background:#f7e8e9;color:#ad222e;font-size:15px;font-weight:800;margin-bottom:31px}
.page-template-universe_ckr #ckr-pillars .feature-grid{counter-reset:ckr}
.page-template-universe_ckr #ckr-pillars .feature{counter-increment:ckr}
.page-template-universe_ckr #ckr-pillars .feature strong{font-size:21px;line-height:1.15;display:block}
.page-template-universe_ckr #ckr-pillars .feature p{color:#606066;line-height:1.6;margin:14px 0 0}
.page-template-universe_ckr #ckr-screens{background:#17171b;color:#fff;overflow:hidden}
.page-template-universe_ckr #ckr-screens h2{color:#fff}
.page-template-universe_ckr #ckr-screens .block-intro{color:#c4c3c7;max-width:770px}
.page-template-universe_ckr #ckr-screens .block-gallery-grid{display:flex;overflow-x:auto;gap:22px;scroll-snap-type:x mandatory;padding:25px 8px 35px;margin-top:24px;scrollbar-color:#c6424e #34343a}
.page-template-universe_ckr #ckr-screens .gallery-item{flex:0 0 clamp(215px,23vw,315px);aspect-ratio:1284/2778;border-radius:26px;overflow:hidden;scroll-snap-align:start;background:#2c2b30;box-shadow:0 28px 56px #0006}
.page-template-universe_ckr #ckr-screens .gallery-item img{width:100%;height:100%;object-fit:cover}
.page-template-universe_ckr #ckr-screens .gallery-link{flex:0 0 clamp(215px,23vw,315px);scroll-snap-align:start}
.page-template-universe_ckr #ckr-screens .gallery-link .gallery-item{width:100%}
.page-template-universe_ckr #ckr-live{background:#f7f6f2}
.page-template-universe_ckr #ckr-live .block-grid{grid-template-columns:minmax(0,1fr) minmax(0,.75fr)}
.page-template-universe_ckr #ckr-live .block-media{height:610px;max-width:440px;margin:auto}
.page-template-universe_ckr #ckr-live .rich{color:#55545a}
.page-template-universe_ckr #ckr-final{background:#101014;color:#fff;text-align:center}
.page-template-universe_ckr #ckr-final .cta-section{max-width:920px;margin:auto}
.page-template-universe_ckr #ckr-final h2{color:#fff;margin-inline:auto}
.page-template-universe_ckr #ckr-final .rich{max-width:690px;color:#cac9cc;margin:22px auto 30px}
.page-template-universe_ckr #ckr-final .actions{justify-content:center;gap:12px}
.page-template-universe_ckr #ckr-final .btn-secondary{color:#fff;background:transparent;border:1px solid #ffffff70}
.page-template-universe_ckr .ckr-store-row{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin:36px auto 0}
.page-template-universe_ckr .ckr-store-badge{display:flex;align-items:center;gap:13px;min-width:205px;padding:11px 17px;border:1px solid #ffffff48;border-radius:13px;background:#020203;color:#fff;text-align:left;text-decoration:none!important;transition:transform .2s,border-color .2s}
.page-template-universe_ckr a.ckr-store-badge:hover{transform:translateY(-3px);border-color:#fff}
.page-template-universe_ckr .ckr-store-badge[aria-disabled=true]{opacity:.62;cursor:default}
.page-template-universe_ckr .ckr-store-badge img{width:31px;height:31px;object-fit:contain}
.page-template-universe_ckr .ckr-store-badge small{display:block;font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:#d3d3d6;line-height:1.2}
.page-template-universe_ckr .ckr-store-badge strong{display:block;font-size:19px;line-height:1.3;color:#fff}
.page-template-universe_ckr .ckr-store-note{font-size:13px!important;color:#aaa9ad!important;margin-top:19px!important}
@media(max-width:1000px){.page-template-universe_ckr #ckr-pillars .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.page-template-universe_ckr .page-hero-grid,.page-template-universe_ckr #ckr-discover .block-grid,.page-template-universe_ckr #ckr-live .block-grid{grid-template-columns:1fr}.page-template-universe_ckr .page-cover{height:570px;max-width:410px}.page-template-universe_ckr #ckr-live .block-media{order:-1}.page-template-universe_ckr #ckr-discover .block-media,.page-template-universe_ckr #ckr-live .block-media{height:540px}}
@media(max-width:600px){.page-template-universe_ckr .page-hero{padding:48px 0 72px}.page-template-universe_ckr .page-hero h1{font-size:clamp(56px,14vw,78px)}.page-template-universe_ckr .page-cover{height:470px;max-width:350px}.page-template-universe_ckr .block{padding:75px 0}.page-template-universe_ckr #ckr-pillars .feature-grid{grid-template-columns:1fr}.page-template-universe_ckr #ckr-pillars .feature{min-height:0}.page-template-universe_ckr #ckr-screens .block-gallery-grid{margin-inline:-16px;padding-inline:16px}.page-template-universe_ckr #ckr-discover .block-media,.page-template-universe_ckr #ckr-live .block-media{height:450px}.page-template-universe_ckr #ckr-final .actions{flex-direction:column}}