.gateway-content{width:min(100%,1220px)}.manga-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.manga-choices .choice-card h2{font-size:22px}.choice-visual{height:275px}.choice-character{height:242px;width:88%;right:0}.choice-bubble{font-size:14px;left:12px;top:14px;padding:10px 13px}.choice-copy{padding:18px}.choice-commerce{--green:#6843aa}.manga-choices .choice-commerce{border-color:#493766;box-shadow:6px 6px 0 #d3c4ea}.choice-commerce .choice-visual{background-color:#eee6fa;background-image:radial-gradient(#9c80bd66 1px,transparent 1px)}.choice-commerce .choice-character{width:100%;right:0;height:230px}.choice-commerce .choice-audience{background:#eee6fa;color:#6843aa}.choice-commerce .choice-action{background:#6843aa}.choice-commerce .choice-copy{border-color:#493766}.choice-commerce .choice-bubble{border-color:#493766;box-shadow:2px 3px 0 #493766}.lp-commerce{--ink:#302342;--green:#6843aa;--lime:#e6d9fa;--yellow:#ffe47c;--mint:#f5f0fb;--line:#d5c8e5}.lp-commerce .hero-title{font-size:clamp(36px,4.3vw,59px)}.lp-commerce .story-section{background-color:#eee6fa;background-image:radial-gradient(#b09bc055 .8px,transparent .8px)}.lp-commerce .story-aside h2{font-size:32px}.lp-commerce .last-cta{background:#38264d}.lp-commerce .chapter-caption{box-shadow:5px 5px 0 #cbb4e5}.duo-problems,.duo-paths{display:grid;grid-template-columns:1fr 1fr;gap:24px;text-align:left}.duo-problems article,.duo-paths article{border:1px solid var(--line);border-radius:12px;padding:28px;background:white}.duo-problems h3{font-size:24px;line-height:1.65;margin:18px 0 12px}.duo-problems p,.duo-paths p{font-size:16px;line-height:1.9}.duo-label{display:inline-block;border-radius:5px;padding:5px 10px;font-size:14px;font-weight:700}.duo-label.shop{background:#fff0d5;color:#8b4b06}.duo-label.creator{background:#eee6fa;color:#6843aa}.commerce-flow-section{padding-top:90px;padding-bottom:90px}.commerce-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;list-style:none;padding:0;margin:34px 0 20px}.commerce-steps li{padding:24px 16px;border-top:4px solid #6843aa;background:#f5f0fb}.commerce-steps li>span{font:italic 28px Georgia,serif;color:#6843aa}.commerce-steps h3{margin:12px 0;font-size:22px}.commerce-steps p{font-size:15px;line-height:1.8}.duo-paths{margin-top:30px}.duo-paths h3{font-size:21px;line-height:1.7;margin:15px 0}.commerce-crowdfunding{padding:65px 0;background:#f3eafa;border-top:2px solid #493766;border-bottom:2px solid #493766}.commerce-crowdfunding h2{font-size:clamp(28px,4vw,42px);line-height:1.5}.crowd-intro{font-size:18px;margin:22px 0}.lp-commerce .plan.recommended .button{background:var(--green);color:white}.lp-commerce .plan:first-child .button{background:white;color:var(--green);box-shadow:none}.lp-commerce footer>div{display:flex;gap:20px;flex-wrap:wrap}.lp-commerce .note{line-height:1.9}.lp-commerce .hero-facts{flex-wrap:wrap}.lp-commerce .hero-facts span{white-space:nowrap}html.js[data-initial-lp="commerce"] #gateway{display:none}html.js[data-initial-lp="commerce"] #commerce-view{display:block}
@media(max-width:900px){.manga-choices{gap:15px}.choice-copy{padding:14px}.manga-choices .choice-card h2{font-size:18px}.commerce-steps{grid-template-columns:repeat(2,1fr)}.lp-commerce .hero-title{font-size:40px}}
@media(max-width:700px){.manga-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.manga-choices .choice-commerce{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.choice-visual{height:215px}.choice-character{height:172px;width:115%;right:-8%}.choice-bubble{font-size:12px;left:6px;right:6px;top:10px;padding:9px 2px}.choice-copy{padding:12px 9px 16px}.manga-choices .choice-card h2{font-size:clamp(14px,3.9vw,18px)}.choice-commerce .choice-copy{border-top:0;border-left:1.5px solid #493766;display:flex;flex-direction:column;justify-content:center}.choice-commerce .choice-visual{height:100%;min-height:215px}.choice-commerce .choice-character{height:180px;width:115%;right:-8%}.choice-commerce .choice-bubble{font-size:11px}.duo-problems,.duo-paths{grid-template-columns:1fr;gap:16px}.duo-problems article,.duo-paths article{padding:22px}.commerce-flow-section{padding-top:55px;padding-bottom:55px}.commerce-steps{gap:10px}.commerce-steps li{padding:18px 12px}.commerce-steps h3{font-size:19px}.commerce-steps p{font-size:14px}.lp-commerce .story-aside h2{font-size:29px}.lp-commerce .hero-title{font-size:clamp(34px,9vw,48px)}.lp-commerce .hero-facts{font-size:11px}.lp-commerce .hero-facts b{font-size:20px}.lp-commerce .hero .primary{font-size:14px}.lp-commerce .header nav>a:not(.reselect){display:none}.commerce-crowdfunding{padding:45px 0}}

/* Use the same comic framing and footer spacing as the other stories. */
.lp-commerce .hero-art{box-shadow:12px 12px 0 #cfb9eb}
.lp-commerce .hero-art img{aspect-ratio:2/3}
