.shabox-page{background:#0c1017;color:#f5f7f5;min-height:100vh}.shabox-header{position:sticky;top:0;z-index:30;height:70px;padding:0 clamp(18px,5vw,72px);display:flex;align-items:center;gap:30px;background:rgba(12,16,23,.92);backdrop-filter:blur(16px);border-bottom:1px solid #ffffff12}.shabox-brand{color:#fff;text-decoration:none;font:700 20px/1 Fraunces,serif;letter-spacing:.02em;white-space:nowrap}.shabox-brand>span{display:inline-grid;place-items:center;width:24px;height:24px;margin-right:4px;border-radius:7px;background:#b8f13e;color:#132016;font:800 14px/1 'DM Sans',sans-serif}.shabox-brand b{color:#b8f13e;font:700 18px/1 'DM Sans',sans-serif;margin-left:6px}.shabox-header nav{display:flex;gap:24px}.shabox-header nav a{color:#b7bec9;text-decoration:none;font-size:13px;font-weight:700}.shabox-header nav a:hover,.shabox-header nav a.active{color:#fff}.shabox-search{margin-left:auto;display:flex;align-items:center;gap:7px;width:min(230px,25vw);padding:8px 10px;background:#ffffff10;border:1px solid #ffffff14;border-radius:9px;color:#b8f13e}.shabox-search input{width:100%;padding:0;border:0;background:transparent;color:#fff;font:500 12px 'DM Sans',sans-serif}.shabox-search input:focus{box-shadow:none}.shabox-search input::placeholder{color:#a7afba}.shabox-hero{min-height:clamp(470px,65vh,680px);display:flex;align-items:flex-end;padding:70px clamp(20px,8vw,120px);background:linear-gradient(90deg,#0c1017 0%,#0c1017e8 30%,#0c101730 73%,#0c1017 100%),linear-gradient(0deg,#0c1017 0%,transparent 48%),url('https://images.unsplash.com/photo-1519608487953-e999c86e7454?auto=format&fit=crop&w=1800&q=85') center/cover}.shabox-hero-copy{max-width:550px}.shabox-kicker{margin:0 0 13px;color:#b8f13e;font-size:11px;font-weight:800;letter-spacing:.13em}.shabox-hero h1{margin:0;font:700 clamp(44px,6vw,78px)/.95 Fraunces,serif;letter-spacing:-.055em}.shabox-hero h1 em{color:#b8f13e}.shabox-meta{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 14px;color:#d7dde0;font-size:11px;font-weight:700}.shabox-meta span{padding-right:8px;border-right:1px solid #ffffff40}.shabox-meta span:last-child{border:0}.shabox-hero-copy>p:not(.shabox-kicker){margin:0;max-width:510px;color:#c6cdd1;font-size:15px;line-height:1.55}.shabox-hero-actions{display:flex;gap:10px;margin-top:24px}.shabox-play,.shabox-info{border:0;border-radius:8px;padding:12px 17px;font:800 13px 'DM Sans',sans-serif;cursor:pointer}.shabox-play{background:#b8f13e;color:#122015}.shabox-play:hover{background:#d1ff6e}.shabox-info{background:#ffffff16;color:#fff}.shabox-info:hover{background:#ffffff28}.shabox-content{padding:0 clamp(20px,5vw,72px) 65px;margin-top:-10px;position:relative}.shabox-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 30px}.shabox-filters{display:flex;gap:8px;overflow:auto;scrollbar-width:none}.shabox-filters button{flex:0 0 auto;border:1px solid #ffffff22;background:transparent;border-radius:999px;padding:8px 12px;color:#ccd3db;font:700 11px 'DM Sans',sans-serif;cursor:pointer}.shabox-filters button:hover,.shabox-filters button.selected{border-color:#b8f13e;background:#b8f13e;color:#122015}.shabox-toolbar p{margin:0;color:#8e99a5;font-size:11px}.shabox-row{margin-top:38px}.shabox-row-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.shabox-row h2{margin:0;font:700 25px/1 Fraunces,serif;letter-spacing:-.03em}.shabox-row-heading a{color:#b8f13e;text-decoration:none;font:700 11px 'DM Sans',sans-serif}.shabox-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.shabox-card{position:relative;overflow:hidden;min-width:0;border-radius:9px;background:#161d28;cursor:pointer;transition:transform .2s,box-shadow .2s}.shabox-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #0008}.shabox-card img{display:block;width:100%;height:clamp(150px,16vw,230px);object-fit:cover;filter:saturate(.8)}.shabox-card::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0b1018c9,transparent 62%);pointer-events:none}.shabox-card button{position:absolute;z-index:1;top:11px;right:11px;width:35px;height:35px;border:0;border-radius:50%;background:#b8f13e;color:#122015;opacity:0;transform:scale(.8);transition:.2s;font-size:13px;cursor:pointer}.shabox-card:hover button{opacity:1;transform:scale(1)}.shabox-card>div{position:absolute;z-index:1;left:13px;right:13px;bottom:12px}.shabox-card span{font-size:9px;font-weight:800;letter-spacing:.09em;color:#c9d2d9}.shabox-card h3{margin:4px 0 0;font:700 18px/1 Fraunces,serif}.shabox-card[hidden]{display:none}.shabox-preview{width:min(670px,92vw);padding:0;border:1px solid #ffffff20;background:#121925;color:#fff;box-shadow:0 28px 80px #000b}.shabox-preview::backdrop{background:#020407c9}.shabox-preview-art{height:280px;display:grid;place-items:center;background:linear-gradient(135deg,#b8f13e,#2f536d 60%,#111724)}.shabox-preview-art span{display:grid;place-items:center;width:74px;height:74px;border-radius:50%;background:#0d131d;color:#b8f13e;font-size:24px}.shabox-preview p,.shabox-preview h2,.shabox-preview .shabox-play{margin-left:26px;margin-right:26px}.shabox-preview p{color:#aeb9c5;font-size:13px;line-height:1.5}.shabox-preview p:first-of-type{margin-top:22px;margin-bottom:4px;color:#b8f13e;font-size:10px;font-weight:800;letter-spacing:.12em}.shabox-preview h2{margin-top:0;margin-bottom:10px;font:700 36px/1 Fraunces,serif}.shabox-preview .shabox-play{margin-top:8px;margin-bottom:28px}.shabox-preview-close{position:absolute;top:10px;right:11px;width:33px;height:33px;border:0;border-radius:50%;background:#111a;color:#fff;font-size:23px;cursor:pointer}@media(max-width:850px){.shabox-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shabox-header{gap:16px}.shabox-header nav{gap:14px}.shabox-search{width:180px}}@media(max-width:600px){.shabox-header{height:62px;padding:0 16px}.shabox-brand{font-size:17px}.shabox-brand b{font-size:15px}.shabox-header nav{display:none}.shabox-search{width:126px;margin-left:auto}.shabox-hero{min-height:530px;padding:65px 20px 55px;background-position:60% center}.shabox-hero h1{font-size:50px}.shabox-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.shabox-card img{height:145px}.shabox-card h3{font-size:15px}.shabox-card>div{left:10px;right:10px;bottom:9px}.shabox-card span{font-size:8px}.shabox-card button{opacity:1;transform:none;width:30px;height:30px}.shabox-toolbar{align-items:flex-start;flex-direction:column}.shabox-row{margin-top:31px}.shabox-preview-art{height:200px}}