.theme-fire { --fire-accent: #b8401b; --fire-ink: #302e29; --fire-muted: #6e685f; background: #faf7f1; color: var(--fire-ink); font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif; }
.theme-fire .site-main { max-width: 1240px; margin: 0 auto; padding: 60px 36px 24px; }
.theme-fire a { color: var(--fire-accent); text-underline-offset: .2em; }
.theme-fire a:focus-visible, .theme-fire summary:focus-visible { outline: 3px solid var(--fire-accent); outline-offset: 5px; }
.theme-fire .site-masthead { background: #faf7f1; }
.fire-hero { display: grid; grid-template-columns: 1fr 1.05fr; gap: 64px; align-items: center; min-height: 660px; }
.fire-hero h1 { font-size: clamp(38px, 4.3vw, 60px); line-height: 1.12; font-weight: 650; letter-spacing: -.045em; margin: 24px 0; text-wrap: balance; }
.fire-icon { border-radius: 18px; margin-top: 26px; }
.fire-status, .fire-platforms, .fire-scene figcaption { color: var(--fire-muted); font-size: 13px; line-height: 1.7; }
.fire-status { letter-spacing: .02em; }
.fire-intro { font-size: 19px; line-height: 1.75; color: var(--fire-muted); max-width: 43ch; }
.fire-platforms { margin-top: 28px; }
.fire-actions { display: flex; flex-wrap: wrap; gap: 16px 28px; margin-top: 28px; font-size: 15px; }
.fire-actions a { display: inline-flex; min-height: 44px; align-items: center; }
.fire-scene { margin: 0; min-width: 0; padding: 26px 0; }
.fire-widget { display: block; width: 100%; height: auto; border-radius: 22px; box-shadow: 0 14px 36px #4a332414, 0 0 0 1px #5d4c3510; }
.fire-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; margin-top: 22px; }
.fire-scene figcaption { margin-top: 20px; font-size: 11px; text-align: center; }
.fire-style-intro { max-width: 680px; margin: 90px auto 64px; text-align: center; }
.fire-kicker { color: var(--fire-accent); font-size: 12px; font-weight: 700; letter-spacing: .18em; }
.fire-style-intro h2 { font-size: clamp(28px,3vw,40px); line-height: 1.3; letter-spacing: -.03em; margin: 18px 0; }
.fire-style-intro p:not(.fire-kicker), .fire-features p { line-height: 1.8; color: var(--fire-muted); font-size: 16px; }
.fire-features { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 44px; padding: 48px 0; border-top: 1px solid #ded6ca; }
.fire-features h2 { font-size: 20px; line-height: 1.5; font-weight: 600; margin: 0 0 18px; }
.fire-free { text-align: center; padding: 44px 0 70px; color: var(--fire-muted); font-size: 14px; line-height: 1.8; }
.fire-footer { display: flex; flex-wrap: wrap; gap: 16px 26px; border-top: 1px solid #ded6ca; padding: 28px 0; font-size: 13px; line-height: 1.8; }
.fire-footer span { margin-left: auto; color: var(--fire-muted); }
.fire-document { max-width: 760px; margin: 28px auto 70px; }
.fire-document h1 { font-size: clamp(30px,4vw,46px); line-height: 1.25; letter-spacing: -.03em; margin: 0 0 20px; }
.fire-document section { margin-top: 44px; }
.fire-document h2 { font-size: 22px; line-height: 1.4; margin: 0 0 14px; }
.fire-document p, .fire-document li { font-size: 16px; line-height: 1.85; color: var(--fire-muted); overflow-wrap: anywhere; }
.theme-fire .product-identity { max-width: 760px; margin: 0 auto 28px; display: flex; gap: 14px; align-items: center; font-size: 14px; }
.theme-fire .product-identity img { border-radius: 13px; }
@media (max-width: 900px) { .fire-hero { gap: 32px; } .fire-features { gap: 24px; } }
@media (max-width: 680px) { .theme-fire .site-main { padding: 28px 22px 16px; } .fire-hero { grid-template-columns: 1fr; gap: 24px; min-height: 0; } .fire-hero h1 { font-size: clamp(34px,8vw,48px); } .fire-icon { margin-top: 16px; } .fire-scene { padding: 10px 0; max-width: 520px; } .fire-pair { gap: 16px; margin-top: 16px; } .fire-widget { border-radius: 18px; } .fire-style-intro { margin: 64px auto 32px; text-align: left; } .fire-features { grid-template-columns: 1fr; gap: 28px; padding: 32px 0; } .fire-free { text-align: left; padding: 20px 0 44px; } .fire-footer span { margin-left: 0; width: 100%; } }