.ck{--ck-gold:#b8913f;--ck-gold-ink:#7a5a14;--ck-shadow:19,38,31;position:relative;isolation:isolate;display:flex;flex-direction:column;height:100%;border-radius:24px;overflow:hidden;background:hsl(var(--card));border:1px solid hsl(var(--border)/.85);box-shadow:0 1px 2px rgba(var(--ck-shadow),.04),0 22px 44px -36px rgba(var(--ck-shadow),.5);transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s ease,border-color .4s ease;container-type:inline-size}.dark .ck{--ck-gold-ink:#e6c27a;--ck-shadow:0,0,0}.ck:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--ck-gold) 55%,transparent);box-shadow:0 2px 4px rgba(var(--ck-shadow),.05),0 36px 60px -36px rgba(var(--ck-shadow),.55)}.ck-stretch{color:inherit;text-decoration:none}.ck-stretch:after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit}.ck-stretch:focus-visible{outline:none}.ck:has(.ck-stretch:focus-visible){outline:2px solid var(--ck-gold);outline-offset:3px}.ck-actions{position:relative;z-index:2}.ck-media{position:relative;overflow:hidden;background:hsl(var(--muted));aspect-ratio:16/10;flex:none}.ck-media.wide{aspect-ratio:16/9}.ck-media img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .9s cubic-bezier(.2,.8,.2,1)}.ck:hover .ck-media img{transform:scale(1.06)}.ck-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.18),transparent 30%,transparent 60%,rgba(0,0,0,.35));pointer-events:none}.ck-badge{top:14px;left:14px;display:inline-flex;align-items:center;gap:6px;padding:5px 12px;color:#13261f;background:rgba(255,255,255,.88);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.ck-badge,.ck-time{position:absolute;z-index:2;border-radius:999px;font-size:.74rem;font-weight:600}.ck-time{right:12px;bottom:12px;padding:4px 10px;color:#fff;background:rgba(10,14,12,.72);font-variant-numeric:tabular-nums}.ck-play{position:absolute;z-index:2;left:50%;top:50%;width:60px;height:60px;margin:-30px 0 0 -30px;border-radius:50%;display:grid;place-items:center;background:var(--ck-gold);box-shadow:0 0 0 8px rgba(255,255,255,.25),0 16px 30px -12px rgba(0,0,0,.6);transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease}.ck-play:before{content:"";margin-left:4px;border-left:16px solid #1b1408;border-top:10px solid transparent;border-bottom:10px solid transparent}.ck:hover .ck-play{transform:scale(1.08);box-shadow:0 0 0 12px rgba(255,255,255,.3),0 16px 30px -12px rgba(0,0,0,.6)}.ck-shelf{position:relative;display:flex;justify-content:center;align-items:flex-end;padding:28px 26px 0;background:radial-gradient(120% 95% at 50% 0,#fbf7ee 0,#f1e9d7 62%,#e7dcc3 100%);overflow:hidden;flex:none}.ck-shelf:after{content:"";position:absolute;left:0;right:0;bottom:0;height:12px;background:linear-gradient(180deg,rgba(122,90,20,0),rgba(122,90,20,.2))}.dark .ck-shelf{background:radial-gradient(120% 95% at 50% 0,hsl(160 20% 15%) 0,hsl(160 24% 10%) 100%)}.dark .ck-shelf:after{background:linear-gradient(180deg,transparent,rgba(0,0,0,.4))}.ck-book,.ck-paper{position:relative;z-index:1;overflow:hidden;background:#fff;transform:translateY(10px);transition:transform .6s cubic-bezier(.2,.8,.2,1),box-shadow .6s ease}.ck-book{width:min(78%,220px);aspect-ratio:3/4;border-radius:4px 12px 12px 4px;box-shadow:inset 6px 0 0 rgba(0,0,0,.13),inset 8px 0 6px -4px rgba(255,255,255,.35),0 26px 30px -18px rgba(40,28,8,.55)}.ck-paper{width:min(80%,240px);aspect-ratio:5/7;border-radius:3px;box-shadow:7px 7px 0 -1px #fffdf8,7px 7px 0 0 rgba(40,28,8,.12),14px 14px 0 -2px #fffdf8,14px 14px 0 -1px rgba(40,28,8,.1),0 30px 34px -20px rgba(40,28,8,.55)}.ck:hover .ck-book{transform:translateY(0) rotate(-2deg)}.ck:hover .ck-paper{transform:translateY(0) rotate(1.5deg)}.ck-book img,.ck-paper img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.ck-shelf .ck-badge{top:14px;left:14px}.ck-float{position:absolute!important;z-index:3;top:12px;right:12px;background:rgba(255,255,255,.9);color:#13261f;border-color:transparent;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 8px 18px -10px rgba(0,0,0,.45)}.ck-float[data-tip]:after{bottom:auto;top:calc(100% + 8px);transform:translateY(-4px)}.ck-float[data-tip]:focus-visible:after,.ck-float[data-tip]:hover:after{transform:translateY(0)}.ck-body{display:flex;flex-direction:column;gap:8px;padding:20px 22px 22px;flex:1;min-width:0}.ck-kicker{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 10px;font-size:.78rem;color:hsl(var(--muted-foreground))}.ck-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:999px;background:hsl(var(--primary)/.09);color:hsl(var(--primary));font-weight:600;font-size:.74rem;line-height:1.3}.ck-tag.gold{background:color-mix(in srgb,var(--ck-gold) 16%,transparent)}.ck-date,.ck-tag.gold{color:var(--ck-gold-ink)}.ck-date{font-weight:600;font-size:.8rem}.ck-title{margin:0;font-family:var(--font-serif),Georgia,serif;font-size:1.12rem;font-weight:700;line-height:1.42;color:hsl(var(--foreground));display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease}.ck-title.lg{font-size:clamp(1.35rem,2.2vw,1.8rem);-webkit-line-clamp:3}.ck:hover .ck-title{color:hsl(var(--primary))}.ck-sub{display:flex;align-items:center;gap:7px;font-size:.86rem;color:hsl(var(--muted-foreground));min-width:0}.ck-sub span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ck-sub svg{width:15px;height:15px;flex:none;color:var(--ck-gold)}.ck-desc{margin:0;font-size:.9rem;line-height:1.65;color:hsl(var(--muted-foreground));display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.ck-desc.two{-webkit-line-clamp:2}.ck-facts{display:flex;flex-wrap:wrap;gap:6px}.ck-fact{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid hsl(var(--border));font-size:.76rem;color:hsl(var(--muted-foreground))}.ck-fact svg{width:13px;height:13px;color:var(--ck-gold)}.ck-actions{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:16px}.ck-actions.line{border-top:1px dashed hsl(var(--border));margin-top:auto}.ck-more{display:inline-flex;align-items:center;gap:8px;font-size:.86rem;font-weight:600;color:hsl(var(--primary))}.ck-more svg{width:16px;height:16px;transition:transform .3s ease}.ck:hover .ck-more svg{transform:translateX(4px)}@media (min-width:768px){.ck.row{flex-direction:row}.ck.row .ck-media{width:320px;aspect-ratio:auto;min-height:210px}}.ck.feature{display:grid;grid-template-columns:1fr}@media (min-width:900px){.ck.feature{grid-template-columns:1.05fr 1fr}.ck.feature .ck-media,.ck.feature .ck-shelf{aspect-ratio:auto;min-height:380px;height:100%}.ck.feature .ck-body{padding:40px 44px;justify-content:center;gap:12px}}.ck.feature:hover{transform:translateY(-4px)}.ck-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:.76rem;font-weight:700;letter-spacing:.14em;color:var(--ck-gold-ink)}.ck-eyebrow:before{content:"";width:28px;height:1px;background:currentColor}.ck.compact{width:260px;flex:none}.ck.compact .ck-body{padding:16px 18px 18px}.ck.compact .ck-title{font-size:1rem}.ui-btn{--b-bg:hsl(var(--primary));--b-fg:hsl(var(--primary-foreground));display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:0 20px;border-radius:999px;border:1px solid transparent;background:var(--b-bg);color:var(--b-fg);font:inherit;font-size:.9rem;font-weight:600;line-height:1.2;text-decoration:none;white-space:nowrap;cursor:pointer;box-shadow:0 12px 24px -16px hsl(var(--primary)/.9),inset 0 1px 0 rgba(255,255,255,.16);transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease,color .3s ease}.ui-btn:hover{transform:translateY(-2px);box-shadow:0 18px 30px -18px hsl(var(--primary)),inset 0 1px 0 rgba(255,255,255,.16)}.ui-btn:active{transform:translateY(0) scale(.98)}.ui-btn svg{width:18px;height:18px;flex:none}.ui-btn .ui-arr{transition:transform .3s ease}.ui-btn:hover .ui-arr{transform:translateX(4px)}.ui-btn.grow{flex:1}.ui-btn.gold{--b-bg:#c9a24a;--b-fg:#1b1408;box-shadow:0 12px 24px -16px rgba(150,110,30,.9),inset 0 1px 0 rgba(255,255,255,.3)}.ui-btn.soft{--b-bg:hsl(var(--primary)/.08);--b-fg:hsl(var(--primary));border-color:hsl(var(--primary)/.18);box-shadow:none}.ui-btn.soft:hover{--b-bg:hsl(var(--primary)/.14)}.ui-icon{position:relative;display:inline-grid;place-items:center;width:44px;height:44px;flex:none;border-radius:50%;border:1px solid hsl(var(--border));background:hsl(var(--card));color:hsl(var(--foreground)/.8);cursor:pointer;text-decoration:none;transition:transform .3s ease,background-color .3s ease,color .3s ease,border-color .3s ease}.ui-icon:hover{transform:translateY(-2px);background:#c9a24a;border-color:transparent;color:#1b1408}.ui-icon svg{width:18px;height:18px}.ui-icon[data-tip]:after{content:attr(data-tip);position:absolute;right:0;bottom:calc(100% + 8px);transform:translateY(4px);padding:5px 10px;border-radius:8px;background:#13261f;color:#fff;font-size:.74rem;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.ui-icon[data-tip]:focus-visible:after,.ui-icon[data-tip]:hover:after{opacity:1;transform:translateY(0)}.ui-btn:focus-visible,.ui-icon:focus-visible{outline:2px solid #b8913f;outline-offset:3px}@container (max-width: 250px){.ck-shelf{padding:18px 14px 0}.ck-body{padding:14px 14px 16px;gap:6px}.ck-title{font-size:.98rem}.ck-desc,.ck-kicker>span:not(.ck-tag){display:none}.ck-actions{padding-top:10px}.ui-btn{min-height:40px;padding:0 12px;font-size:.82rem;gap:6px}.ui-btn .ui-arr{display:none}.ck-float{width:38px;height:38px;top:8px;right:8px}}@media (prefers-reduced-motion:reduce){.ck,.ck *,.ui-btn,.ui-icon{transition:none!important}.ck:hover,.ck:hover .ck-book,.ck:hover .ck-media img,.ck:hover .ck-paper{transform:none}}.ck-heading{display:flex;align-items:center;gap:14px;margin:0 0 28px;font-family:var(--font-serif),Georgia,serif;font-size:clamp(1.35rem,2.4vw,1.8rem);font-weight:700;line-height:1.3;color:hsl(var(--foreground))}.ck-heading:before{content:"";width:10px;height:10px;flex:none;background:#b8913f;transform:rotate(45deg);box-shadow:0 0 0 4px color-mix(in srgb,#b8913f 18%,transparent)}.ck-heading:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,hsl(var(--border)),transparent)}