.col-page{--col-dark:120 7% 6%;--col-mid:108 14% 14%;--col-gold:28 49% 48%}.col-hero{background:linear-gradient(165deg, hsl(var(--col-dark)) 0%, hsl(var(--col-mid)) 100%);position:relative;overflow:hidden}.col-hero:before{content:"";pointer-events:none;background:radial-gradient(50% 60% at 25%,#5b7f5314 0%,#0000 70%),radial-gradient(40% 50% at 80% 30%,#b6763e0f 0%,#0000 60%);position:absolute;inset:0}.col-hero-grid{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:64px;max-width:1280px;margin:0 auto;padding:120px 24px 80px;display:grid;position:relative}@media (width<=1023px){.col-hero-grid{grid-template-columns:1fr;gap:40px;padding:100px 20px 60px}}.col-hero-text h1{letter-spacing:-.03em;color:#fff;margin-bottom:20px;font-size:clamp(36px,5vw,56px);font-weight:700;line-height:1.1}.col-hero-text p{color:#ffffff8c;max-width:44ch;margin-bottom:28px;font-size:18px;line-height:1.6}.col-hero-cta{background:hsl(var(--col-gold));color:#fff;cursor:pointer;transition:all var(--motion-fast) var(--ease-standard);border:none;border-radius:999px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;display:inline-flex}.col-hero-cta:hover{background:hsl(var(--col-gold) / .85);transform:translateY(-1px)}.col-hero-cards{justify-content:center;align-items:center;height:340px;display:flex;position:relative}@media (width<=1023px){.col-hero-cards{height:240px}}.col-hero-card{border:1px solid #ffffff14;border-radius:16px;width:220px;position:absolute;overflow:hidden;box-shadow:0 20px 60px #0006}@media (width<=639px){.col-hero-card{width:160px}}.col-hero-card-inner{flex-direction:column;gap:12px;min-height:160px;padding:24px 20px;display:flex}.col-hero-card-icon{font-size:28px;line-height:1}.col-hero-card-title{font-family:var(--font-serif);color:#fff;font-size:18px;font-weight:600}.col-hero-card-count{color:#ffffff80;margin-top:auto;font-size:12px;font-weight:500}.col-stats-strip{border-bottom:1px solid hsl(var(--border));background:hsl(var(--background));grid-template-columns:repeat(4,1fr);display:grid}.col-stat{border-right:1px solid hsl(var(--border));flex-direction:column;align-items:center;gap:4px;padding:28px 16px;display:flex}.col-stat:last-child{border-right:none}.col-stat-value{letter-spacing:-.02em;color:hsl(var(--foreground));font-size:28px;font-weight:700}.col-stat-label{color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:500}@media (width<=639px){.col-stats-strip{grid-template-columns:repeat(2,1fr)}.col-stat:nth-child(2){border-right:none}}.col-featured{max-width:1280px;margin:0 auto;padding:64px 24px}.col-featured-card{border:1px solid hsl(var(--border));background:hsl(var(--card));border-radius:20px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}@media (width<=767px){.col-featured-card{grid-template-columns:1fr}}.col-featured-cover{justify-content:center;align-items:center;min-height:280px;display:flex;position:relative;overflow:hidden}.col-featured-glyph{opacity:.3;z-index:1;font-size:80px;position:absolute}.col-featured-cover-label{z-index:2;text-transform:uppercase;letter-spacing:.06em;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000004d;border-radius:999px;padding:4px 12px;font-size:11px;font-weight:600;position:absolute;top:20px;left:20px}.col-featured-info{flex-direction:column;justify-content:center;gap:16px;padding:40px;display:flex}.col-featured-info h2{letter-spacing:-.02em;color:hsl(var(--foreground));font-size:28px;font-weight:650}.col-featured-info p{color:hsl(var(--muted-foreground));font-size:16px;line-height:1.6}.col-featured-meta{color:hsl(var(--muted-foreground));gap:24px;font-size:13px;display:flex}.col-featured-meta span{align-items:center;gap:4px;display:flex}.col-featured-explore{color:hsl(var(--primary));transition:gap var(--motion-fast) var(--ease-standard);align-items:center;gap:6px;margin-top:4px;font-size:14px;font-weight:600;display:inline-flex}.col-featured-explore:hover{gap:10px}.col-chips-row{scrollbar-width:none;-ms-overflow-style:none;gap:10px;max-width:1280px;margin:0 auto;padding:0 24px 40px;display:flex;overflow-x:auto}.col-chips-row::-webkit-scrollbar{display:none}.col-chip{border:1px solid hsl(var(--border));background:hsl(var(--card));color:hsl(var(--foreground));cursor:pointer;transition:all var(--motion-fast) var(--ease-standard);white-space:nowrap;border-radius:999px;flex-shrink:0;padding:8px 18px;font-size:14px;font-weight:500}.col-chip:hover{border-color:hsl(var(--primary))}.col-chip.active{background:hsl(var(--foreground));color:hsl(var(--background));border-color:hsl(var(--foreground))}.col-controls{z-index:30;background:hsl(var(--background) / .9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid hsl(var(--border));padding:12px 0;position:sticky;top:0}.col-controls-inner{flex-wrap:wrap;align-items:center;gap:12px;max-width:1280px;margin:0 auto;padding:0 24px;display:flex}.col-search-input{border:1px solid hsl(var(--border));background:hsl(var(--card));min-width:200px;height:40px;color:hsl(var(--foreground));transition:border-color var(--motion-fast) var(--ease-standard);border-radius:999px;outline:none;flex:1;padding:0 16px 0 40px;font-size:14px}.col-search-input:focus{border-color:hsl(var(--ring))}.col-search-wrap{flex:1;min-width:200px;position:relative}.col-search-wrap svg{color:hsl(var(--muted-foreground));position:absolute;top:50%;left:14px;transform:translateY(-50%)}.col-sort-btn,.col-view-btn{border:1px solid hsl(var(--border));background:hsl(var(--card));height:40px;color:hsl(var(--foreground));cursor:pointer;transition:all var(--motion-fast) var(--ease-standard);border-radius:999px;align-items:center;gap:6px;padding:0 16px;font-size:13px;font-weight:500;display:flex}.col-sort-btn:hover,.col-view-btn:hover{border-color:hsl(var(--primary))}.col-view-btn.active{background:hsl(var(--foreground));color:hsl(var(--background));border-color:hsl(var(--foreground))}.col-masonry{columns:4;column-gap:20px;max-width:1280px;margin:0 auto;padding:40px 24px 80px}@media (width<=1279px){.col-masonry{columns:3}}@media (width<=767px){.col-masonry{columns:2}}@media (width<=479px){.col-masonry{columns:1}}.col-masonry.grid-view{columns:unset;grid-template-columns:repeat(4,1fr);gap:20px;display:grid}@media (width<=1279px){.col-masonry.grid-view{grid-template-columns:repeat(3,1fr)}}@media (width<=767px){.col-masonry.grid-view{grid-template-columns:repeat(2,1fr)}}@media (width<=479px){.col-masonry.grid-view{grid-template-columns:1fr}}.col-mcard{break-inside:avoid;border:1px solid hsl(var(--border));background:hsl(var(--card));cursor:pointer;transition:all var(--motion-base) var(--ease-standard);border-radius:16px;margin-bottom:20px;overflow:hidden}.col-mcard:hover{box-shadow:var(--shadow-lg);border-color:hsl(var(--primary) / .3);transform:translateY(-3px)}.col-mcard-cover{justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.col-mcard-cover.h-sm{height:120px}.col-mcard-cover.h-md{height:160px}.col-mcard-cover.h-lg{height:200px}.col-mcard-cover.h-xl{height:260px}.col-mcard-glyph{opacity:.25;transition:transform var(--motion-base) var(--ease-emphasis);font-size:48px}.col-mcard:hover .col-mcard-glyph{transform:scale(1.15)rotate(-5deg)}.col-mcard-quote-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity var(--motion-fast) var(--ease-standard);background:#000000b3;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.col-mcard:hover .col-mcard-quote-overlay{opacity:1}.col-mcard-quote-overlay p{font-family:var(--font-serif);color:#ffffffd9;text-align:center;max-width:24ch;font-size:15px;font-style:italic;line-height:1.4}.col-mcard-body{padding:16px 18px 18px}.col-mcard-category{text-transform:uppercase;letter-spacing:.06em;color:hsl(var(--primary));margin-bottom:6px;font-size:11px;font-weight:600}.col-mcard-title{color:hsl(var(--foreground));margin-bottom:6px;font-size:17px;font-weight:600;line-height:1.3}.col-mcard-desc{color:hsl(var(--muted-foreground));-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:12px;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.col-mcard-foot{border-top:1px solid hsl(var(--border));justify-content:space-between;align-items:center;padding-top:10px;display:flex}.col-mcard-count{color:hsl(var(--muted-foreground));align-items:center;gap:4px;font-size:12px;display:flex}.col-mcard-arrow{color:hsl(var(--primary));opacity:0;transition:all var(--motion-fast) var(--ease-standard);font-size:12px;font-weight:600;transform:translate(-4px)}.col-mcard:hover .col-mcard-arrow{opacity:1;transform:translate(0)}.col-belt{background:hsl(var(--muted));border-top:1px solid hsl(var(--border));border-bottom:1px solid hsl(var(--border))}.col-belt-inner{grid-template-columns:200px 1fr;align-items:start;gap:40px;max-width:1280px;margin:0 auto;padding:48px 24px;display:grid}@media (width<=767px){.col-belt-inner{grid-template-columns:1fr;gap:24px}}.col-belt-label{position:sticky;top:80px}.col-belt-label h2{font-family:var(--font-serif);color:hsl(var(--foreground));margin-bottom:8px;font-size:24px;font-weight:600}.col-belt-label p{color:hsl(var(--muted-foreground));font-size:14px;line-height:1.5}.col-belt-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=479px){.col-belt-grid{grid-template-columns:1fr}}.col-belt-mood{cursor:pointer;transition:all var(--motion-base) var(--ease-standard);border:1px solid #0000;border-radius:16px;flex-direction:column;gap:10px;padding:28px 24px;display:flex}.col-belt-mood:hover{box-shadow:var(--shadow-md);border-color:hsl(var(--border));transform:translateY(-2px)}.col-belt-mood-icon{font-size:32px;line-height:1}.col-belt-mood h4{color:hsl(var(--foreground));font-size:18px;font-weight:600}.col-belt-mood p{color:hsl(var(--muted-foreground));font-size:13px;line-height:1.4}.col-panel-backdrop{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;position:fixed;inset:0}.col-panel{z-index:51;background:hsl(var(--background));border-left:1px solid hsl(var(--border));flex-direction:column;width:min(480px,90vw);display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}.col-panel-cover{justify-content:center;align-items:center;min-height:200px;display:flex;position:relative}.col-panel-cover-glyph{opacity:.3;font-size:60px}.col-panel-close{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000004d;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;top:16px;right:16px}.col-panel-body{flex:1;padding:28px 24px 40px}.col-panel-title{color:hsl(var(--foreground));margin-bottom:8px;font-size:24px;font-weight:650}.col-panel-desc{color:hsl(var(--muted-foreground));margin-bottom:24px;font-size:15px;line-height:1.6}.col-panel-stats{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:28px;display:grid}.col-panel-stat{text-align:center;background:hsl(var(--muted));border-radius:10px;padding:12px}.col-panel-stat-val{color:hsl(var(--foreground));font-size:20px;font-weight:700}.col-panel-stat-lbl{color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.04em;font-size:11px}.col-panel-section h4{text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--muted-foreground));margin-bottom:12px;font-size:13px;font-weight:600}.col-panel-wisdom{border-bottom:1px solid hsl(var(--border));align-items:flex-start;gap:12px;padding:12px 0;display:flex}.col-panel-wisdom-num{color:hsl(var(--muted-foreground));min-width:20px;padding-top:2px;font-size:12px;font-weight:700}.col-panel-wisdom-text{font-family:var(--font-serif);color:hsl(var(--foreground));font-size:15px;font-style:italic;line-height:1.4}.col-panel-wisdom-author{font-family:var(--font-sans);color:hsl(var(--muted-foreground));margin-top:4px;font-size:12px;font-style:normal;display:block}.col-panel-ctas{gap:10px;margin-top:28px;display:flex}.col-empty{text-align:center;padding:80px 24px}.col-empty-icon{background:hsl(var(--muted));border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;display:flex}.col-empty h2{color:hsl(var(--foreground));margin-bottom:8px;font-size:20px;font-weight:600}.col-empty p{color:hsl(var(--muted-foreground));font-size:15px}.col-footer{border-top:1px solid hsl(var(--border));text-align:center;padding:40px 24px}.col-footer p{color:hsl(var(--muted-foreground));font-size:13px}