main.container{padding-top:var(--space-sm);padding-bottom:var(--space-xl)}.cw-writers-hero{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;min-height:clamp(280px,42vw,400px);margin:0 auto 10px;padding:clamp(16px,2.4vw,26px);border-radius:0;overflow:hidden;isolation:isolate;box-sizing:border-box;background:linear-gradient(90deg,var(--bg-primary) 0%,rgba(11,13,15,0) 7%,rgba(11,13,15,0) 93%,var(--bg-primary) 100%),linear-gradient(0deg,rgba(11,13,15,0.16),rgba(11,13,15,0.16)),url("../media/panorama/writers_page_hero.webp") right center / cover no-repeat}.cw-writers-hero::before{content:'';position:absolute;inset:0;z-index:0;background:linear-gradient( 90deg,rgba(1,2,3,0.95) 0%,rgba(4,6,8,0.88) 30%,rgba(7,10,13,0.63) 52%,rgba(9,12,15,0.28) 72%,rgba(11,13,15,0) 90% );pointer-events:none}.cw-writers-hero::after{content:'';position:absolute;inset:0;z-index:0;background:radial-gradient( circle at 87% 43%,rgba(255,255,255,0.19) 0%,rgba(255,255,255,0.07) 23%,rgba(255,255,255,0) 54% );pointer-events:none}body.light-mode .cw-writers-hero{background:linear-gradient(90deg,var(--bg-primary) 0%,rgba(255,255,255,0) 7%,rgba(255,255,255,0) 93%,var(--bg-primary) 100%),linear-gradient(0deg,rgba(255,255,255,0.08),rgba(255,255,255,0.08)),url("../media/panorama/writers_page_hero.webp") right center / cover no-repeat}body.light-mode .cw-writers-hero::before{background:linear-gradient( 90deg,rgba(252,254,255,0.96) 0%,rgba(248,252,255,0.88) 32%,rgba(244,249,253,0.66) 54%,rgba(241,247,252,0.3) 74%,rgba(241,247,252,0) 90% )}body.light-mode .cw-writers-hero::after{background:radial-gradient( circle at 87% 43%,rgba(0,168,150,0.26) 0%,rgba(0,168,150,0.11) 22%,rgba(0,168,150,0) 52% )}.cw-writers-hero-copy{position:relative;z-index:1;max-width:min(65ch,58%)}.cw-writers-hero .cw-writers-kicker{margin:0 0 8px;color:var(--cw-teal);font-size:0.8rem;font-weight:800;letter-spacing:0.08em;text-transform:uppercase}.cw-writers-hero h1{margin:0 0 12px;max-width:24ch;font-size:clamp(1.9rem,3.2vw,2.9rem);line-height:1.1;text-wrap:balance;text-shadow:0 4px 24px rgba(0,0,0,0.28)}.cw-writers-hero p{margin:0 0 12px;max-width:60ch;font-size:1rem;color:color-mix(in srgb,var(--text-secondary) 92%,#ffffff);line-height:1.58;text-wrap:pretty}body.light-mode .cw-writers-hero p{color:var(--text-secondary)}.cw-writers-hero-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.cw-writers-hero-credit{position:absolute;right:14px;bottom:10px;margin:0;z-index:1;font-size:0.42rem;letter-spacing:0.02em;color:color-mix(in srgb,var(--text-primary) 88%,#ffffff);text-shadow:0 1px 8px rgba(0,0,0,0.42);opacity:0.9;pointer-events:none;user-select:none}body.light-mode .cw-writers-hero-credit{color:color-mix(in srgb,var(--text-secondary) 86%,#ffffff);text-shadow:0 1px 8px rgba(255,255,255,0.5)}.cw-writers-overview{margin:0 0 14px}.cw-writers-overview h2{margin:0 0 8px;font-size:clamp(1.3rem,2.1vw,1.8rem);line-height:1.2;text-wrap:balance}.cw-writers-overview p{margin:0 0 10px;font-size:0.95rem;line-height:1.62;color:var(--text-secondary);text-wrap:pretty}.cw-writers-overview p:last-child{margin-bottom:0}.cw-writers-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0 0}.cw-writers-stat{border:1px solid var(--border-color);border-radius:var(--radius-md);padding:12px;background:color-mix(in srgb,var(--bg-secondary) 80%,transparent)}.cw-writers-stat strong{display:block;font-size:1.2rem;color:var(--cw-teal);line-height:1.2}.cw-writers-stat span{display:block;margin-top:2px;font-size:0.8rem;color:var(--text-muted)}.cw-writers-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.cw-writers-groups-nav{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (4 * 12px)) / 5);gap:12px;margin:18px 0 8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.cw-writers-group-tab{border:1px solid var(--border-color);border-radius:12px;min-height:48px;padding:9px 12px;background:color-mix(in srgb,var(--bg-secondary) 84%,transparent);color:var(--text-secondary);cursor:pointer;font-size:0.8rem;font-weight:700;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:8px;transition:transform 0.2s ease,border-color 0.2s ease,color 0.2s ease,background 0.2s ease;text-align:left}.cw-writers-group-tab:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--cw-teal) 55%,var(--border-color));color:var(--text-primary)}.cw-writers-group-tab.is-active{border-color:color-mix(in srgb,var(--cw-teal) 60%,var(--border-color));color:var(--text-heading);background:color-mix(in srgb,var(--cw-teal) 12%,var(--bg-secondary))}.cw-writers-group-tab-short{display:inline;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cw-writers-group-tab-full{display:none;line-height:1.25;font-size:0.76rem}.cw-writers-group-tab:hover .cw-writers-group-tab-short,.cw-writers-group-tab.is-active .cw-writers-group-tab-short{display:none}.cw-writers-group-tab:hover .cw-writers-group-tab-full,.cw-writers-group-tab.is-active .cw-writers-group-tab-full{display:inline}.cw-writers-group-count{border-radius:999px;padding:2px 7px;font-size:0.7rem;font-weight:800;color:var(--cw-teal);border:1px solid color-mix(in srgb,var(--cw-teal) 42%,var(--border-color));line-height:1.2;flex-shrink:0}.cw-writers-group-panel{display:none;margin-top:14px}.cw-writers-group-panel.is-active{display:block}.cw-writers-group-intro{border:1px solid var(--border-color);border-radius:var(--radius-md);padding:12px;background:color-mix(in srgb,var(--bg-secondary) 78%,transparent)}.cw-writers-group-intro h3{margin:0 0 6px;font-size:1rem}.cw-writers-group-intro p{margin:0;font-size:0.86rem;line-height:1.55;color:var(--text-secondary)}.cw-writers-carousel{margin-top:14px;overflow:hidden;position:relative}.cw-writers-track{display:flex;transition:transform 0.52s ease;will-change:transform}.cw-writers-slide{flex:0 0 100%}.cw-writers-slide .cw-writers-grid{margin-top:0}.cw-writers-carousel-dots{margin-top:10px;display:flex;justify-content:center;gap:7px}.cw-writers-carousel-dot{width:9px;height:9px;border-radius:50%;border:1px solid color-mix(in srgb,var(--cw-teal) 45%,var(--border-color));background:color-mix(in srgb,var(--bg-secondary) 92%,transparent);padding:0;cursor:pointer;transition:transform 0.2s ease,background 0.2s ease,border-color 0.2s ease}.cw-writers-carousel-dot:hover{transform:scale(1.1)}.cw-writers-carousel-dot.is-active{background:var(--cw-teal);border-color:var(--cw-teal)}.cw-writer-card{border:1px solid var(--border-color);border-radius:14px;padding:12px;background:color-mix(in srgb,var(--bg-secondary) 84%,transparent);display:grid;gap:10px;position:relative;overflow:hidden;transition:transform 0.24s ease,background 0.24s ease}.cw-writer-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--cw-teal),transparent 70%);opacity:0.9}.cw-writer-card::after{content:'';position:absolute;inset:0;border-radius:14px;padding:2px;background:linear-gradient( 145deg,color-mix(in srgb,var(--border-strong) 96%,transparent),transparent 62% );-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0.82;pointer-events:none;transition:opacity 0.24s ease,background 0.24s ease}.cw-writer-card:hover{transform:translateY(-3px);background:color-mix(in srgb,var(--bg-secondary) 76%,var(--cw-teal) 7%)}.cw-writer-card:hover::after{background:linear-gradient( 145deg,color-mix(in srgb,var(--cw-teal) 88%,#0b0d0f),transparent 60% );opacity:1}body.light-mode .cw-writer-card::after{background:linear-gradient( 145deg,rgba(32,26,19,0.22),transparent 62% );opacity:0.74}body.light-mode .cw-writer-card:hover::after{background:linear-gradient( 145deg,color-mix(in srgb,var(--cw-teal) 84%,#ffffff),transparent 60% );opacity:1}.cw-writer-head{display:flex;align-items:center;gap:10px;min-width:0}.cw-writer-avatar{width:56px;height:56px;border-radius:50%;overflow:hidden;border:1px solid var(--border-strong);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:color-mix(in srgb,var(--cw-teal) 18%,transparent);color:var(--cw-teal);font-size:1rem;font-weight:700}.cw-writer-avatar img{width:100%;height:100%;object-fit:cover;display:block}.cw-writer-head h3{margin:0;font-size:0.98rem;line-height:1.25}.cw-writer-discipline{margin:2px 0 0;color:var(--text-muted);font-size:0.78rem}.cw-writer-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.cw-writer-meta p{margin:0;font-size:0.75rem;color:var(--text-secondary)}.cw-writer-meta strong{display:block;font-size:0.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.04em}.cw-writer-rating-stars{display:inline-flex;gap:1px;color:color-mix(in srgb,var(--text-muted) 78%,transparent);margin-right:6px}.cw-writer-rating-stars .is-on{color:#f5b93a}.cw-writer-specs{display:flex;flex-wrap:wrap;gap:6px}.cw-writer-spec{border:1px solid color-mix(in srgb,var(--cw-teal) 36%,var(--border-color));border-radius:999px;padding:3px 8px;font-size:0.72rem;color:var(--text-secondary);background:color-mix(in srgb,var(--cw-teal) 10%,transparent)}.cw-writer-bio{margin:0;font-size:0.84rem;line-height:1.6;color:var(--text-secondary);text-wrap:pretty}.cw-writers-section{margin-top:clamp(20px,3vw,32px);border:1px solid var(--border-color);border-radius:14px;padding:clamp(14px,2vw,22px);background:color-mix(in srgb,var(--bg-elevated) 86%,transparent)}.cw-writers-section h2{margin:0 0 10px;font-size:clamp(1.3rem,2.2vw,1.9rem)}.cw-writers-section p{margin:0 0 10px;color:var(--text-secondary);font-size:0.95rem;line-height:1.65;text-wrap:pretty}.cw-writers-section p:last-child{margin-bottom:0}.cw-writers-panorama{margin-top:16px;border-radius:var(--radius-lg);border:1px solid var(--border-color);overflow:hidden;position:relative;height:clamp(432px,35vw,480px)}.cw-writers-panorama img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.cw-writers-panorama::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,13,15,0.55),rgba(11,13,15,0.2) 50%,rgba(11,13,15,0.55))}.cw-writers-panorama-note{position:absolute;z-index:1;left:14px;bottom:10px;margin:0;color:var(--text-heading);font-size:0.86rem;font-weight:700}@media (max-width:980px){.cw-writers-hero{min-height:clamp(320px,58vw,390px);padding:16px 14px;background-position:76% center}.cw-writers-hero-credit{right:10px;bottom:7px;font-size:0.58rem;max-width:48vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0.78}.cw-writers-hero-copy{max-width:min(72ch,84%)}.cw-writers-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cw-writers-group-tab{font-size:0.76rem}.cw-writers-groups-nav{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(2,minmax(0,1fr));overflow-x:visible}}@media (max-width:680px){.cw-writers-hero{min-height:340px;padding:14px 12px;background-position:78% center}.cw-writers-hero::before{background:linear-gradient( 90deg,rgba(1,2,3,0.96) 0%,rgba(3,5,8,0.9) 34%,rgba(5,8,11,0.82) 60%,rgba(7,10,14,0.66) 80%,rgba(9,12,15,0.56) 100% )}.cw-writers-hero::after{background:radial-gradient( circle at 84% 42%,rgba(255,255,255,0.14) 0%,rgba(255,255,255,0.05) 24%,rgba(255,255,255,0) 54% )}body.light-mode .cw-writers-hero{background:linear-gradient(90deg,var(--bg-primary) 0%,rgba(255,255,255,0) 6%,rgba(255,255,255,0) 94%,var(--bg-primary) 100%),linear-gradient(0deg,rgba(255,255,255,0.28),rgba(255,255,255,0.28)),url("../media/panorama/writers_page_hero.webp") 78% center / cover no-repeat}body.light-mode .cw-writers-hero::before{background:linear-gradient( 90deg,rgba(255,255,255,0.95) 0%,rgba(255,255,255,0.9) 34%,rgba(255,255,255,0.8) 60%,rgba(255,255,255,0.62) 80%,rgba(255,255,255,0.48) 100% )}body.light-mode .cw-writers-hero::after{background:radial-gradient( circle at 84% 42%,rgba(255,255,255,0.38) 0%,rgba(255,255,255,0.16) 24%,rgba(255,255,255,0) 54% )}.cw-writers-hero-copy{max-width:100%}.cw-writers-hero p{font-size:0.93rem}.cw-writers-hero-credit{right:10px;bottom:6px;font-size:0.5rem;max-width:44vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0.7}.cw-writers-stats{grid-template-columns:1fr}.cw-writers-grid{grid-template-columns:1fr}.cw-writer-meta{grid-template-columns:1fr 1fr}.cw-writers-panorama{height:120px}.cw-writers-panorama-note{font-size:0.62rem;left:10px;bottom:8px}.cw-writers-groups-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.cw-writers-group-tab{min-height:52px}}
@media (max-width:640px){.cw-writers-hero{background:linear-gradient(90deg,var(--bg-primary) 0%,rgba(11,13,15,0) 7%,rgba(11,13,15,0) 93%,var(--bg-primary) 100%),linear-gradient(0deg,rgba(11,13,15,0.16),rgba(11,13,15,0.16)),url("../media/mobile/panorama/writers_page_hero.webp") right center / cover no-repeat}body.light-mode .cw-writers-hero{background:linear-gradient(90deg,var(--bg-primary) 0%,rgba(255,255,255,0) 7%,rgba(255,255,255,0) 93%,var(--bg-primary) 100%),linear-gradient(0deg,rgba(255,255,255,0.08),rgba(255,255,255,0.08)),url("../media/mobile/panorama/writers_page_hero.webp") right center / cover no-repeat}}
@media (min-width:641px){.cw-writers-hero{border-radius:clamp(18px,2.7vw,34px) clamp(18px,2.7vw,34px) clamp(30px,4vw,54px) clamp(10px,1.7vw,24px);box-shadow:inset 0 0 0 1px var(--border-color),inset 0 -34px 54px color-mix(in srgb,var(--bg-primary) 72%,transparent),0 16px 34px rgba(0,0,0,.16);background-position:center center,center center,right center!important;background-size:100% 100%,100% 100%,auto!important;background-repeat:no-repeat!important}.cw-writers-panorama img{width:auto!important;height:auto!important;max-width:none!important;max-height:none!important;object-fit:initial!important}}@media (max-width:640px){.cw-writers-hero{min-height:auto;background-image:linear-gradient(135deg,color-mix(in srgb,var(--cw-teal) 9%,transparent),transparent 58%)!important;background-color:var(--bg-elevated)!important;background-position:center!important;background-size:auto!important;border-radius:18px;padding:16px 12px;box-shadow:inset 0 0 0 1px var(--border-color)}.cw-writers-hero::before,.cw-writers-hero::after,.cw-writers-hero-credit{display:none!important}body.light-mode .cw-writers-hero{background-image:linear-gradient(135deg,color-mix(in srgb,var(--cw-teal) 12%,transparent),rgba(255,255,255,.62) 62%)!important}.cw-writers-panorama{display:none!important}}
@media (min-width:641px){.cw-writers-hero{background-size:100% 100%,100% 100%,cover!important}.cw-writers-panorama img{width:100%!important;height:100%!important;max-width:100%!important;max-height:none!important;object-fit:cover!important;object-position:center!important}}