.blog-spotlight{padding:64px 24px 48px;background:var(--site-bg)}.blog-spotlight-heading{text-align:center;max-width:580px;margin:0 auto 40px}.blog-spotlight-heading h2{font-size:32px;font-weight:600;color:var(--site-text)}.blog-spotlight-heading p{font-size:14px;line-height:1.6;color:var(--site-muted);margin-top:8px}.blog-spotlight-layout{max-width:1200px;margin:auto}.creator-category-section{padding:0 24px 16px}.creator-category-layout{max-width:1400px;margin:auto;display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,2.1fr);gap:48px;align-items:start}.creator-category-content,.creator-workspace{min-width:0}.avatar-typing{width:100%;aspect-ratio:1;position:relative;background:url(/avatar/typing-sprite.webp) 0 0 / 200% 100% no-repeat;animation:avatar-type .38s steps(1) infinite;animation-play-state:paused}.creator-workspace[data-typing=true] .avatar-typing{animation-play-state:running}@keyframes avatar-type{0%,49.99%{background-position:0 0}50%,to{background-position:100% 0}}.avatar-laptop-brand{position:absolute;left:68.3%;top:34.6%;width:14.2%;display:flex;align-items:center;flex-direction:column;gap:3px;transform:skew(-19deg)}.avatar-laptop-brand span{color:#fff;font-size:clamp(5px,.48vw,8px);font-weight:700;white-space:nowrap}.avatar-laptop-brand img{width:48%;height:auto}.creator-message{--screen-bg: var(--site-bg);--screen-text: var(--site-text);--screen-rule: var(--site-border);min-height:214px;border-radius:12px;border:1px solid var(--screen-rule);background:var(--screen-bg);color:var(--screen-text);padding:22px 24px;margin-top:12px;box-shadow:0 8px 24px #1118270d}.creator-message-label{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid var(--screen-rule);padding-bottom:13px}.creator-message-label button{margin-left:auto;flex-shrink:0;padding:5px 0 5px 8px;font-size:10px;font-weight:400;letter-spacing:0;text-transform:none;color:inherit}.creator-message-label button:disabled{opacity:.6}.creator-message-label button:focus-visible{outline:2px solid currentColor;outline-offset:3px}.message-status-dot{width:6px;height:6px;border-radius:50%;background:#fbc02d;flex-shrink:0}.creator-message-text{display:grid}.creator-message-text>p{grid-area:1 / 1;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:15px;line-height:1.7;padding-top:15px}.creator-message-reserve{visibility:hidden}.typing-cursor{display:inline-block;width:6px;height:1em;margin-left:3px;background:currentColor;vertical-align:-.12em;opacity:0}.creator-workspace[data-typing=true] .typing-cursor{animation:message-cursor 1s steps(1) infinite}@keyframes message-cursor{0%,49%{opacity:1}50%,to{opacity:0}}.article-gallery-area{min-width:0}.article-gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 12px}.article-gallery-toolbar p{font-size:11px;color:var(--site-link);text-transform:uppercase;letter-spacing:.12em;font-weight:600}.article-gallery-toolbar button{font-size:12px;color:var(--site-link);border:1px solid #2E7D32;border-radius:999px;padding:9px 16px;white-space:nowrap;background:var(--site-bg)}.article-gallery-toolbar button:disabled{opacity:.6}.article-gallery-toolbar button:focus-visible,.blog-all-articles:focus-visible{outline:3px solid var(--site-link);outline-offset:4px}.article-depth-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-top:24px;padding:12px}.article-depth-card{display:block;min-width:0;flex:1;text-decoration:none;color:var(--site-text);background:var(--site-surface);border:1px solid var(--site-border);border-radius:14px;overflow:hidden;box-shadow:0 14px 40px #1b5e2014}.article-depth-gallery:not([data-depth=true]) .article-depth-card{transform:none!important;opacity:1!important;z-index:auto!important}.article-depth-card>img{width:100%;aspect-ratio:4 / 3;-o-object-fit:cover;object-fit:cover}.article-depth-caption{padding:18px}.article-depth-category{font-size:10px;color:var(--site-link);font-weight:600}.article-depth-caption h3{font-size:16px;font-weight:600;line-height:1.45;margin:10px 0 16px}.article-depth-readtime{font-size:11px;color:var(--site-muted);display:flex;justify-content:space-between}.article-depth-gallery[data-depth=true]{display:block;position:relative;height:400px;perspective:850px;overflow:hidden;isolation:isolate;container-type:inline-size}.article-depth-gallery[data-depth=true] .article-depth-card{position:absolute;width:250px;left:50%;top:30px;will-change:transform}.article-depth-gallery[data-depth=true] .article-depth-card:nth-child(1){transform:translate3d(calc(-50% - 33.333cqw - 100px),0,-60px) rotateY(16deg)}.article-depth-gallery[data-depth=true] .article-depth-card:nth-child(2){transform:translate3d(-50%,0,-180px)}.article-depth-gallery[data-depth=true] .article-depth-card:nth-child(3){transform:translate3d(calc(-50% + 33.333cqw + 100px),0,-60px) rotateY(-16deg)}.article-depth-gallery[data-depth=true] .article-depth-card:focus-visible{transform:translate3d(-50%,0,0)!important;opacity:1!important;z-index:300!important;outline:3px solid var(--site-link);outline-offset:4px}.article-gallery-hint{text-align:center;font-size:12px;color:var(--site-muted);margin-top:8px}.blog-all-articles{display:block;width:-moz-fit-content;width:fit-content;margin:40px auto 0;font-size:14px;color:var(--site-link);font-weight:600;text-decoration:none}.blog-all-articles:hover{text-decoration:underline}@media (max-width: 1050px){.creator-category-layout{gap:24px;grid-template-columns:minmax(280px,1fr) minmax(0,2fr)}.article-depth-gallery[data-depth=true] .article-depth-card{width:225px}.article-gallery-toolbar{flex-wrap:wrap}}@media (max-width: 900px){.creator-category-section{padding:0 20px 16px}.creator-category-layout{grid-template-columns:minmax(0,1fr);gap:0}.creator-workspace{max-width:440px;width:100%;margin:auto}.avatar-laptop-brand span{font-size:6px}}@media (max-width: 760px){.blog-spotlight{padding:48px 20px 40px}.creator-workspace{max-width:440px;width:100%;margin:auto}.avatar-laptop-brand span{font-size:6px}.creator-message{min-height:212px}.article-depth-gallery[data-depth=true]{height:370px}.article-depth-gallery:not([data-depth=true]) .article-depth-card{width:100%}.article-depth-gallery:not([data-depth=true]) .article-depth-card>img{aspect-ratio:16 / 9}}@media (prefers-reduced-motion: reduce){.avatar-typing,.typing-cursor{animation:none!important}.article-depth-gallery[data-depth=true]{display:grid;height:auto;perspective:none;overflow:visible;container-type:normal}.article-depth-gallery[data-depth=true] .article-depth-card{position:static;width:auto;transform:none!important;opacity:1!important;z-index:auto!important;will-change:auto}}