:root{--page-gutter:clamp(40px,6vw,112px)}
.wrap{max-width:none;width:100%;padding-inline:var(--page-gutter)}
.catalog-layout{grid-template-columns:224px minmax(0,1fr);gap:32px}
.catalog-layout .grid,.landing-free-grid,.landing-new-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px}
.landing-new-grid .card{min-width:0}
.collection-buttons{display:flex;flex-direction:column;gap:5px}
.collection-buttons button{justify-content:flex-start;text-align:left;padding:11px 12px;font-size:16px;border:0;background:transparent;font-weight:500}
.collection-buttons button.selected{background:var(--soft);color:var(--green);box-shadow:inset 3px 0 var(--green)}
.collection-note{font-size:15px;margin:0 0 20px;color:var(--muted)}
.pricing-page{width:100%}
.pricing-page>.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.pricing-page .plan{padding:30px;border-width:2px}
.plan-label{display:flex;align-items:center;min-height:31px;font-size:15px;color:var(--muted);margin-bottom:14px}
.pricing-page .plan h2{font-size:25px;line-height:1.3;min-height:33px;margin:0 0 21px}
.plan-price{font-size:44px;line-height:1.15;min-height:87px;font-weight:700;font-variant-numeric:tabular-nums}
.price-main{display:inline-flex;align-items:baseline;gap:.14em;white-space:nowrap;line-height:1.15}
.price-amount{font-size:1em;line-height:inherit}
.price-prefix{font-size:.45em;font-weight:400;margin-right:.13em}
.price-currency{font-size:.58em;font-weight:500}
.price-period{display:block;font-size:16px;line-height:1.5;font-weight:400;color:var(--muted);margin-top:9px}
.landing-plan-price{font-size:42px;line-height:1.15;font-weight:700;margin-top:16px;font-variant-numeric:tabular-nums}
.card-value strong{font-variant-numeric:tabular-nums;line-height:1.2}
.subscription-note strong{font-size:26px;line-height:1.2}.subscription-note .price-period{margin-top:4px;font-size:14px}
.pricing-details{max-width:820px}
@media(min-width:1600px){.storybook-hero{min-height:620px}.storybook-hero .landing-hero-art img{object-fit:contain;object-position:right center}.storybook-hero .landing-hero-copy{width:50%;max-width:850px;padding:55px 40px 60px 56px}.storybook-hero h1{font-size:54px}.storybook-hero .landing-lead{font-size:21px;max-width:550px}.story-benefits{gap:25px}.story-benefits>span{font-size:16px}.storybook-hero .landing-actions .button{font-size:17px;padding:16px 23px}}
@media(max-width:900px){.catalog-layout{grid-template-columns:190px minmax(0,1fr);gap:24px}.pricing-page .plan{padding:24px}.pricing-page>.plan-grid{gap:24px}}
@media(max-width:720px){.catalog-layout{display:block}.catalog-layout .grid,.landing-free-grid,.landing-new-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.pricing-page>.plan-grid{grid-template-columns:1fr}.plan-price{font-size:40px}.pricing-page .plan h2{font-size:23px}.landing-plan-price{font-size:38px}.pricing-page .plan-label{margin-bottom:12px}.collection-buttons{flex-direction:row;flex-wrap:wrap}.collection-buttons button{flex:1}}
@media(max-width:520px){.catalog-layout .grid,.landing-free-grid,.landing-new-grid{grid-template-columns:1fr}.landing-free-grid{max-width:none}.pricing-page .plan{padding:22px}.plan-price{font-size:38px}}
@media(min-width:1600px){.storybook-hero .landing-hero-art{left:auto;width:min(78%,1400px);-webkit-mask-image:linear-gradient(to right,transparent,#000 180px);mask-image:linear-gradient(to right,transparent,#000 180px)}.storybook-hero .landing-hero-art img{object-fit:cover;object-position:right center}}
.topic-rail{margin-inline:calc(-1 * var(--page-gutter))}
.storybook-hero{background:#fbf5e8 url('/assets/storybook-background.webp') center/cover no-repeat}
@media(min-width:1101px){.storybook-hero .landing-hero-copy{padding-left:clamp(48px,4vw,84px)}.storybook-hero .landing-hero-art{left:auto;right:clamp(24px,2.5vw,48px);width:calc(100% - 24px);-webkit-mask-image:linear-gradient(to right,transparent,#000 140px,#000 calc(100% - 64px),transparent);mask-image:linear-gradient(to right,transparent,#000 140px,#000 calc(100% - 64px),transparent)}}
@media(min-width:1600px){.storybook-hero .landing-hero-art{width:min(82%,1380px);right:48px}.storybook-hero .landing-hero-copy{padding-left:80px}}
@media(min-width:721px) and (max-width:1100px){:root{--page-gutter:clamp(32px,5vw,56px)}}
@media(max-width:1100px){.storybook-hero{display:flex;flex-direction:column;min-height:0}.storybook-hero .landing-hero-copy{width:100%;max-width:none;padding:32px 28px 10px}.storybook-hero .landing-hero-art{position:relative;inset:auto;order:2;width:100%;height:350px;max-height:none;z-index:0;overflow:hidden;-webkit-mask-image:linear-gradient(transparent,#000 24px);mask-image:linear-gradient(transparent,#000 24px)}.storybook-hero .landing-hero-art img{width:100%;height:100%;object-fit:cover;object-position:right center}.story-wave{z-index:2}}
@media(max-width:720px){:root{--page-gutter:20px}}
@media(max-width:600px){.storybook-hero .landing-hero-copy{padding:25px 22px 10px}.storybook-hero .landing-hero-art{height:275px}}
@media(min-width:1101px) and (max-width:1399px){.storybook-hero .landing-hero-art{right:12px}.storybook-hero h1{font-size:40px}.storybook-hero .landing-actions .button{font-size:14px;padding-inline:15px}.story-benefits{gap:13px}.story-benefits>span{font-size:13px}}
@media(min-width:801px) and (max-width:1100px){.storybook-hero .landing-hero-art{height:420px}}