.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 24px}.blog-cover,.blog-cover-image{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.blog-cover{padding:24px;display:flex;flex-direction:column;justify-content:flex-end;text-align:left;background:linear-gradient(140deg,#155762,#0b232b)}.blog-cover>span{font-size:10px;letter-spacing:2px;margin-bottom:auto;opacity:.6}.blog-cover>b{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;font-size:clamp(26px,3vw,44px);margin:30px 0 8px}.blog-cover>p{font-size:14px;line-height:1.5;margin:0;color:#ffffffad}.tone-1{background:linear-gradient(140deg,#61472b,#211810)}.tone-2{background:linear-gradient(140deg,#354862,#101a28)}.tone-3{background:linear-gradient(140deg,#475b42,#151f12)}.tone-4{background:linear-gradient(140deg,#644566,#201122)}.blog-card-copy{padding:18px 0}.blog-category{font-size:12px;color:#38bfcc;font-weight:600;letter-spacing:.8px}.blog-card h3{font-size:17px;line-height:1.45;margin:9px 0 13px}.blog-card h3 button{background:none;border:0;padding:0;color:inherit;text-align:left;font-weight:600;font-size:inherit;line-height:inherit}.blog-card-copy>p{font-size:13px;color:#aaa;margin:0 0 5px}.blog-card time{font-size:12px;color:#777}.blog-local-note{font-size:13px;color:#9b9ba3;line-height:1.6;margin:0 0 24px}.blog-heading{gap:20px}.blog-heading p{max-width:60%}.blog-dialog{width:min(780px,calc(100% - 32px))}.blog-reading-cover .blog-cover,.blog-reading-cover img{aspect-ratio:2/1;max-height:340px}.blog-reading-cover .blog-cover{padding:32px}.blog-reading h2{font-size:32px;line-height:1.2}.blog-byline{font-size:13px!important}.blog-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px;line-height:1.85;color:#d3d3d7;padding:16px 0 30px}.blog-comments{border-top:1px solid #333;padding-top:20px}.blog-comments h3{font-size:20px}.blog-comment{border-bottom:1px solid #303030;padding:18px 0}.blog-comment>div{display:flex;gap:12px;justify-content:space-between;font-size:14px}.blog-comment time{font-size:12px;color:#8a8a91}.blog-comment p{font-size:15px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;color:#bfbfc5}.blog-empty{color:#999;font-size:14px}.blog-dialog form{display:grid;gap:18px;margin-top:24px}.blog-dialog label{display:grid;gap:9px;color:#ddd;font-size:14px}.blog-dialog input:not([type=range]),.blog-dialog textarea,.blog-dialog select{width:100%;min-width:0;background:#202023;color:#fff;border:1px solid #414148;border-radius:6px;padding:12px;font:inherit;font-size:16px}.blog-dialog textarea{resize:vertical}.blog-dialog input:focus-visible,.blog-dialog textarea:focus-visible,.blog-dialog select:focus-visible{outline:2px solid #1bb4c5;outline-offset:2px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.blog-editor{padding-top:45px}.blog-editor h2{margin-bottom:15px}.blog-dialog form .blog-local-note{margin:0}.upload-label span{color:#999}.blog-dialog input[type=file]{font-size:13px}.blog-dialog input::file-selector-button{border:0;background:#39393e;color:white;padding:10px;border-radius:4px;margin-right:12px;cursor:pointer}.image-preview{background:#080808;border:1px solid #333;padding:12px;text-align:center;margin-bottom:20px}.image-preview canvas{max-width:100%;max-height:300px;object-fit:contain}.blog-dialog input[type=range]{width:100%;accent-color:#0796a5}.image-tools{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:15px}.image-tools output{font-size:13px;color:#aaa}.image-tools button{font-size:12px;padding:8px 12px;min-height:38px}.form-status{font-size:14px;line-height:1.5;color:#ffc4c8;margin:0;overflow-wrap:anywhere}.form-status:empty{display:none}.blog-dialog form>.button{justify-self:start}.blog-card h3,.blog-card-copy p{overflow-wrap:anywhere}@media(max-width:1000px){.header-note{display:none}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-carousel .app-card{flex-basis:calc((100% - 40px)/2.5)}}@media(max-width:640px){.header{height:auto;min-height:90px;flex-wrap:wrap;padding-top:18px;padding-bottom:12px;gap:12px 24px}.header nav{height:40px;gap:22px}.header nav a[aria-current]:after{bottom:0}.blog-grid{grid-template-columns:1fr}.blog-cover>b{font-size:38px}.blog-carousel .app-card{flex-basis:78%}.blog-carousel .blog-cover>b{font-size:32px}.blog-heading{align-items:flex-start;flex-direction:column}.blog-heading p{max-width:100%}.blog-reading h2{font-size:27px}.form-row{grid-template-columns:1fr}.blog-reading-cover .blog-cover,.blog-reading-cover img{aspect-ratio:4/3}.blog-comment>div{flex-wrap:wrap}.blog-section .section-heading{align-items:center}}
.cover-poster img{width:100%;height:100%;object-fit:cover;display:block}.cover-poster.dialog-poster img{object-fit:contain;background:#111}.admin-footer-link{font-size:12px;color:#888;margin-left:12px}
.hero-art.hero-art-image{right:0;top:50%;transform:translateY(-50%);width:52%;height:auto;aspect-ratio:3/2;perspective:none}.hero-art-image img{display:block;width:100%;height:auto;mask-image:linear-gradient(to right,transparent,#000 12%,#000 95%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 12%,#000 95%,transparent)}@media(max-width:640px){.hero-art.hero-art-image{position:relative;top:auto;right:auto;transform:none;width:calc(100% + 13.6%);margin:25px -6.8% 0;height:auto;aspect-ratio:3/2}}
.cover-poster.app-cover{background:radial-gradient(ellipse at top,#233d43,#10191e 70%);display:grid;place-items:center;padding:18%}.cover-poster.app-cover img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:22%;box-shadow:0 14px 30px #0005}.cover-poster.movie-cover{aspect-ratio:2/3}.cover-poster.movie-cover img{object-fit:cover}.cover-poster.app-cover.dialog-poster{padding:30px;display:flex;justify-content:center}.cover-poster.app-cover.dialog-poster img{width:auto;height:100%;aspect-ratio:1}.cover-poster.movie-cover.dialog-poster{height:350px;aspect-ratio:auto;background:#0b0b0b}.cover-poster.movie-cover.dialog-poster img{object-fit:contain}