.feature-page{padding-top:6.5rem;overflow-x:clip}.feature-container{max-width:1280px;margin-inline:auto;padding-inline:2.5rem}.feature-breadcrumb{color:var(--color-ink-soft);flex-wrap:wrap;align-items:center;gap:.8rem;font-size:1rem;display:flex}.feature-breadcrumb a{align-items:center;gap:.5rem;display:inline-flex}.feature-breadcrumb a:hover{color:var(--color-garnet)}.feature-hero{grid-template-columns:1fr 1.2fr;align-items:center;gap:2rem;min-height:min(620px,75svh);padding-block:3rem;display:grid}.feature-hero h1{max-width:13ch;font-size:clamp(2.9rem,5vw,4.8rem)}.feature-hero-art{min-width:0;padding-bottom:2rem;position:relative}.feature-scene-frame{aspect-ratio:1.45;align-items:center;display:grid}.feature-scene-frame>svg{max-height:100%}.feature-replay{color:var(--color-ink-soft);cursor:pointer;align-items:center;gap:.5rem;min-height:44px;font-size:.95rem;display:inline-flex;position:absolute;bottom:0;right:1.5rem}.feature-replay:hover{color:var(--color-garnet)}.feature-intro{text-align:center;flex-direction:column;align-items:center;padding-block:2.5rem 1rem;display:flex}.feature-intro h1{max-width:15ch;margin-top:1.25rem;font-size:clamp(2.9rem,6vw,5.4rem)}.feature-intro .lede{margin-top:1.5rem}.feature-intro .hand{color:var(--color-gold-ink-deep);margin-top:1.25rem;font-size:1.5rem}.feature-intro .btn-ink{margin-top:2rem}.feature-walkthrough,.feature-map{scroll-margin-top:6rem}.feature-chapter{grid-template-columns:1fr 1.15fr;align-items:center;gap:4rem;padding-block:6rem;scroll-margin-top:6rem;display:grid}.feature-chapter h2,.feature-faq h2,.feature-related h2,.feature-launch h2,.feature-plans h2{font-size:clamp(2.1rem,3.5vw,3.1rem)}.feature-chapter-art{aspect-ratio:1.5;align-items:center;min-width:0;display:grid}.feature-chapter-note{color:var(--color-gold-ink-deep);max-width:34ch;margin-top:1.8rem;font-size:1.3rem}.feature-chapter-2{grid-template-columns:1.15fr 1fr}.feature-chapter-2 .feature-chapter-copy{order:2}.feature-chapter-3{text-align:center;grid-template-columns:1fr;gap:2rem;padding-top:3rem}.feature-chapter-3 .feature-chapter-copy{max-width:660px;margin-inline:auto}.feature-chapter-3 .lede,.feature-chapter-3 .hand{margin-inline:auto}.feature-chapter-3 .feature-chapter-art{width:min(100%,760px);margin-inline:auto}.feature-faq{border-top:1px solid var(--color-rule);grid-template-columns:.85fr 1.15fr;gap:5rem;padding-block:4rem;display:grid}.feature-question{border-bottom:1px solid var(--color-rule);padding-block:1.15rem}.feature-question:first-child{padding-top:0}.feature-question summary{cursor:pointer;justify-content:space-between;gap:1.5rem;font-weight:700;list-style:none;display:flex}.feature-question summary::-webkit-details-marker{display:none}.feature-question summary svg{flex-shrink:0;margin-top:.3rem;transition:transform .2s}.feature-question[open] summary svg{transform:rotate(45deg)}.feature-question p{color:var(--color-ink-soft);padding-top:.8rem}.feature-related{padding-block:3rem 5rem}.feature-related-links{grid-template-columns:repeat(3,1fr);gap:2.5rem;margin-top:2rem;display:grid}.feature-related-links a,.feature-map-group a{color:var(--color-ink-soft);justify-content:space-between;align-items:center;gap:1rem;padding-block:1rem;display:flex}.feature-related-links strong,.feature-map-group strong{color:var(--color-ink);font-size:1.4rem;font-weight:500;line-height:1.2;display:block}.feature-related-links a>span>span,.feature-map-group a>span>span{margin-top:.45rem;font-size:1rem;display:block}.feature-related-links svg,.feature-map-group svg{flex-shrink:0;transition:transform .2s}.feature-related-links a:hover strong,.feature-map-group a:hover strong{color:var(--color-garnet)}.feature-related-links a:hover svg,.feature-map-group a:hover svg{transform:translate(5px)}.feature-launch{border-top:1px solid var(--color-rule);justify-content:space-between;align-items:center;gap:3rem;padding-block:4rem 6rem;display:flex}.feature-launch .btn-ink{flex-shrink:0}.feature-plans{background:var(--color-paper-light);border-radius:22px;grid-template-columns:1fr 1fr;gap:4rem;margin-bottom:5rem;padding:3rem;display:grid}.feature-plans .hand{color:var(--color-gold-ink-deep);font-size:1.5rem}.feature-plans ul{gap:1rem;margin-top:2rem;display:grid}.feature-plans li{align-items:center;gap:.7rem;display:flex}.feature-plans li svg{flex-shrink:0}.feature-directory{padding-top:5rem}.feature-map{padding-bottom:5rem}.feature-map-group{border-top:1px solid var(--color-rule);grid-template-columns:.8fr 2fr;gap:4rem;padding-block:3rem;display:grid}.feature-map-group h2{padding-top:1rem;font-size:clamp(2rem,3vw,2.7rem)}.feature-map-group>div{grid-template-columns:repeat(2,1fr);column-gap:3rem;display:grid}@media (max-width:767px){.feature-page{padding-top:5.7rem}.feature-container{padding-inline:1.5rem}.feature-hero{grid-template-columns:1fr;gap:1.5rem;min-height:auto;padding-block:2rem}.feature-hero h1{max-width:17ch;font-size:clamp(2.7rem,9vw,4rem)}.feature-hero .lede{font-size:1.1rem}.feature-scene-frame{aspect-ratio:1.5}.feature-intro{padding-block:1.5rem 0}.feature-intro h1{font-size:clamp(2.5rem,11vw,3.6rem)}.feature-intro .lede{font-size:1.1rem}.feature-intro .hand{font-size:1.3rem}.feature-chapter{grid-template-columns:1fr;gap:2rem;padding-block:3.5rem}.feature-chapter-2 .feature-chapter-copy{order:0}.feature-chapter-3{text-align:left}.feature-chapter-3 .lede,.feature-chapter-3 .hand{margin-inline:0}.feature-faq{grid-template-columns:1fr;gap:2rem;padding-block:3rem}.feature-related-links{grid-template-columns:1fr;gap:.5rem}.feature-launch{flex-direction:column;align-items:flex-start;gap:2rem;padding-block:3rem 4rem}.feature-plans{grid-template-columns:1fr;gap:3rem;padding:1.5rem}.feature-map-group{grid-template-columns:1fr;gap:1.5rem;padding-block:2rem}.feature-map-group>div{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.feature-page *,.feature-page :before,.feature-page :after{transition:none!important;animation:none!important}}
