.cat-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--radius-full);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;transition:all var(--duration-fast)}.cat-badge--behind-studio{background:var(--cat-behind-studio-bg);color:var(--cat-behind-studio);border:1px solid var(--cat-behind-studio-border)}.cat-badge--world-lore{background:var(--cat-world-lore-bg);color:var(--cat-world-lore);border:1px solid var(--cat-world-lore-border)}.cat-badge--releases{background:var(--cat-releases-bg);color:var(--cat-releases);border:1px solid var(--cat-releases-border)}.cat-badge--culture-community{background:var(--cat-culture-community-bg);color:var(--cat-culture-community);border:1px solid var(--cat-culture-community-border)}.cat-badge--craft-process{background:var(--cat-craft-process-bg);color:var(--cat-craft-process);border:1px solid var(--cat-craft-process-border)}a.cat-badge:hover{text-decoration:underline}.ip-tag{padding:3px 10px;border-radius:var(--radius-full);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;background:transparent;border:1px solid var(--color-border-medium);color:var(--color-text-tertiary)}.reading-progress{position:fixed;top:0;left:0;right:0;height:var(--progress-height);z-index:101;background:transparent}.reading-progress__bar{height:100%;width:0%;background:var(--color-accent-amber);transition:width .1s linear;border-radius:0 2px 2px 0}.post{max-width:var(--blog-content-width);margin:0 auto;padding:0 var(--container-padding)}.post-header{padding-top:calc(var(--nav-height) + 48px);padding-bottom:32px;text-align:left}.post-header__top{display:flex;align-items:center;gap:10px;margin-bottom:16px}.post-header__title{font-size:clamp(32px,5vw,48px);font-weight:900;line-height:1.12;color:var(--color-text-primary);letter-spacing:-.01em;margin-bottom:20px;text-transform:none}.post-header__meta{display:flex;align-items:center;flex-wrap:wrap;gap:0;margin-bottom:0}.post-header__avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;margin-right:10px;border:2px solid var(--color-border-medium)}.post-header__author{font-size:15px;font-weight:600;color:var(--color-text-primary)}.post-header__date,.post-header__read-time{font-size:14px;color:var(--color-text-tertiary)}.post-header__sep{margin:0 8px;color:var(--color-text-tertiary);opacity:.4}.post-header__image{max-width:var(--blog-wide-width);margin:0 auto 48px;border-radius:var(--radius-lg);overflow:hidden}.post-header__image img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block}.post-toc{background:var(--color-surface-1);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:24px;margin-bottom:48px}.post-toc__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.post-toc__label{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-tertiary)}.post-toc__toggle{width:28px;height:28px;border-radius:50%;background:var(--color-surface-2);border:1px solid var(--color-border-medium);color:var(--color-text-secondary);font-size:16px;cursor:pointer;transition:background var(--duration-fast);display:flex;align-items:center;justify-content:center;line-height:1}.post-toc__toggle:hover{background:var(--color-surface-3)}.post-toc__list{list-style:none;counter-reset:toc;padding:0;overflow:hidden;transition:max-height var(--duration-medium) ease,opacity var(--duration-medium) ease}.post-toc__list.collapsed{max-height:0;opacity:0;margin-top:0}.post-toc__list li{counter-increment:toc;padding:8px 0;border-bottom:1px solid var(--color-border-subtle)}.post-toc__list li:last-child{border-bottom:none}.post-toc__list a{font-size:14px;font-weight:500;color:var(--color-text-secondary);transition:color var(--duration-fast);text-decoration:none}.post-toc__list a:before{content:counter(toc) ".";color:var(--color-text-tertiary);margin-right:10px;font-weight:600;font-size:13px}.post-toc__list a:hover{color:var(--color-accent-amber)}.post-toc__list li.active a{color:var(--color-accent-amber);font-weight:600}.post-body p{font-size:17px;font-weight:400;line-height:1.8;color:var(--color-text-secondary);margin-bottom:24px}.post-body h2{font-size:28px;font-weight:700;line-height:1.25;color:var(--color-text-primary);margin-bottom:16px;margin-top:56px;scroll-margin-top:calc(var(--nav-height) + 24px)}.post-body h3{font-size:22px;font-weight:700;line-height:1.3;color:var(--color-text-primary);margin-bottom:12px;margin-top:40px;scroll-margin-top:calc(var(--nav-height) + 24px)}.post-body h4{font-size:18px;font-weight:600;line-height:1.4;color:var(--color-text-primary);margin-bottom:12px;margin-top:32px;scroll-margin-top:calc(var(--nav-height) + 24px)}.post-body strong{font-weight:600;color:var(--color-text-primary)}.post-body em{font-style:italic}.post-body a{color:var(--color-accent-amber)}.post-body a:hover{text-decoration:underline}.post-body ul,.post-body ol{font-size:17px;font-weight:400;line-height:1.8;color:var(--color-text-secondary);margin-bottom:24px;padding-left:24px}.post-body li{margin-bottom:8px}.pull-quote{border-left:4px solid var(--color-accent-amber);padding:24px 0 24px 28px;margin:40px 0;background:transparent}.pull-quote p{font-size:22px;font-weight:500;font-style:italic;line-height:1.6;color:var(--color-text-primary);letter-spacing:0;margin:0}.callout{background:var(--color-surface-1);border:1px solid var(--color-border-subtle);border-left:4px solid var(--color-accent-amber);border-radius:0 var(--radius-md) var(--radius-md) 0;padding:20px 24px;margin:32px 0;font-size:15px;line-height:1.7;color:var(--color-text-secondary)}.callout p{font-size:15px;line-height:1.7;color:var(--color-text-secondary);margin:0}.callout strong{color:var(--color-accent-amber)}.post-image{margin:32px 0}.post-image img{width:100%;border-radius:var(--radius-md);border:1px solid var(--color-border-subtle)}.post-image figcaption{font-size:13px;color:var(--color-text-tertiary);text-align:center;margin-top:10px;line-height:1.5}.post-image--wide{max-width:var(--blog-wide-width);margin-left:calc(50% - min(480px,50vw));margin-right:calc(50% - min(480px,50vw));width:min(960px,100vw - 40px);margin-top:40px;margin-bottom:40px}.post-image--wide img{border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle)}.post-gallery{display:grid;gap:12px;margin:32px 0}.post-gallery--2{grid-template-columns:repeat(2,1fr)}.post-gallery--3{grid-template-columns:repeat(3,1fr)}.post-gallery__item img{aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);width:100%}.post-video{position:relative;padding-bottom:56.25%;margin:40px 0;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border-subtle)}.post-video iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.email-signup--inline{background:var(--color-accent-amber-subtle);border:1px solid rgba(255,187,94,.2);border-left:4px solid var(--color-accent-amber);border-radius:0 var(--radius-lg) var(--radius-lg) 0;padding:32px;margin:48px 0;text-align:left}.email-signup--inline h3{font-size:20px;font-weight:700;color:var(--color-text-primary);margin-bottom:8px}.email-signup--inline p{font-size:15px;color:var(--color-text-secondary);line-height:1.6;margin-bottom:16px}.email-signup--inline .email-signup__form{display:flex;flex-direction:column;gap:0;max-width:100%;margin:0 0 12px}.email-signup--inline .email-signup__form input{width:100%;height:52px;padding:0 20px;background:#ffffff0f;border:1px solid var(--color-border-medium);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:15px;font-family:var(--font-body);margin-bottom:12px}.email-signup--inline .email-signup__form input::placeholder{color:var(--color-text-tertiary)}.email-signup--inline .email-signup__form input:focus{outline:none;border-color:var(--color-accent-amber)}.email-signup--inline .email-signup__form .btn{width:100%;border-radius:var(--radius-md);min-width:auto;padding:14px 24px}.email-signup__privacy{font-size:12px;color:var(--color-text-tertiary)}.post-share{display:flex;align-items:center;justify-content:space-between;padding:24px 0;margin:48px 0 0;border-top:1px solid var(--color-border-subtle)}.post-share__label{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-tertiary)}.post-share__buttons{display:flex;gap:10px}.post-share__btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-full);background:var(--color-surface-2);border:1px solid var(--color-border-subtle);font-size:13px;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all var(--duration-fast);font-family:var(--font-body);text-decoration:none}.post-share__btn:hover{background:var(--color-surface-3);border-color:var(--color-border-medium);color:var(--color-text-primary)}.post-share__btn svg{width:16px;height:16px;fill:currentColor}.author-bio{display:flex;gap:24px;align-items:flex-start;background:var(--color-surface-1);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:28px;margin:32px 0}.author-bio__photo{width:72px;height:72px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid var(--color-border-medium)}.author-bio__label{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-tertiary);margin-bottom:4px;display:block}.author-bio__name{font-size:20px;font-weight:700;color:var(--color-text-primary);margin-bottom:8px}.author-bio__text{font-size:14px;line-height:1.7;color:var(--color-text-secondary);margin-bottom:12px}.author-bio__link{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--color-accent-amber);transition:opacity var(--duration-fast)}.author-bio__link:hover{opacity:.8}.author-bio__link svg{width:16px;height:16px;fill:currentColor}.product-cta{display:flex;gap:24px;align-items:center;background:var(--color-surface-1);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:24px;margin:0 0 32px;transition:border-color var(--duration-medium)}.product-cta:hover{border-color:var(--color-border-medium)}.product-cta__image{width:100px;height:140px;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0}.product-cta__image img{width:100%;height:100%;object-fit:cover}.product-cta__label{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-tertiary);margin-bottom:6px;display:block}.product-cta__title{font-size:18px;font-weight:700;color:var(--color-text-primary);margin-bottom:6px}.product-cta__text{font-size:14px;color:var(--color-text-secondary);line-height:1.6;margin-bottom:16px}.series-nav{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:32px 0}.series-nav__item{display:flex;flex-direction:column;padding:20px;background:var(--color-surface-1);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);transition:border-color var(--duration-medium),background var(--duration-medium);text-decoration:none}.series-nav__item:hover{border-color:var(--color-border-medium);background:var(--color-surface-2)}.series-nav__item--prev{text-align:left}.series-nav__item--next{text-align:right}.series-nav__direction{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent-amber);margin-bottom:6px}.series-nav__title{font-size:15px;font-weight:600;color:var(--color-text-primary);line-height:1.4}.related-posts{padding:64px 0 96px;background:var(--color-surface-1)}.related-posts__heading{font-size:24px;font-weight:700;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:32px}.related-posts__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--grid-gap)}.post-card{background:var(--color-surface-1);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--duration-medium),box-shadow var(--duration-medium),transform var(--duration-medium);cursor:pointer}.post-card:hover{border-color:var(--color-border-medium);box-shadow:0 8px 32px #0000004d;transform:translateY(-4px)}.post-card__link{display:block;text-decoration:none;color:inherit}.post-card__image{aspect-ratio:16/9;overflow:hidden;background:var(--color-surface-2)}.post-card__image img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease-default)}.post-card:hover .post-card__image img{transform:scale(1.05)}.post-card__body{padding:20px}.post-card__body .cat-badge{margin-bottom:12px}.post-card__title{font-size:18px;font-weight:700;line-height:1.3;color:var(--color-text-primary);margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-card__excerpt{font-size:14px;font-weight:400;line-height:1.6;color:var(--color-text-secondary);margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-card__meta{font-size:13px;color:var(--color-text-tertiary);font-weight:400}.post-card__sep{margin:0 6px;opacity:.5}*:focus-visible{outline:2px solid var(--color-accent-amber);outline-offset:2px}@media(prefers-reduced-motion:reduce){.reading-progress__bar,.post-card__image img,.post-toc__list{transition:none}html{scroll-behavior:auto}}@media(max-width:1023px){.nav-links,.nav-cta{display:none}.mobile-toggle{display:flex}.footer-grid{grid-template-columns:1fr 1fr}.post-image--wide{max-width:calc(100vw - 40px);margin-left:calc(50% - 50vw + 20px);margin-right:calc(50% - 50vw + 20px);width:calc(100vw - 40px)}.post-gallery--3,.related-posts__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){:root{--nav-height:64px;--container-padding:20px}.footer-grid{grid-template-columns:1fr}.post-header__title{font-size:28px}.post-body p{font-size:16px;line-height:1.75}.post-body h2{font-size:24px}.post-body h3{font-size:20px}.post-body a{text-decoration:underline}.pull-quote p{font-size:19px}.post-image--wide{border-radius:0;margin-left:calc(-1 * var(--container-padding));margin-right:calc(-1 * var(--container-padding));width:calc(100% + 2 * var(--container-padding));max-width:none}.post-image--wide img{border-radius:0}.post-gallery--2,.post-gallery--3{grid-template-columns:1fr}.author-bio{flex-direction:column;align-items:center;text-align:center}.product-cta{flex-direction:column}.product-cta__image{width:100%;height:200px}.series-nav{grid-template-columns:1fr}.series-nav__item--next{text-align:left}.related-posts__grid{grid-template-columns:1fr}.post-share{flex-direction:column;gap:12px;align-items:flex-start}.post-share__buttons{flex-direction:column;width:100%}.post-share__btn{width:100%;justify-content:center}.email-signup--inline{padding:20px}.email-signup--inline h3{font-size:18px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/clash-post.css.map */