.storybook-hero{position:relative;display:block;isolation:isolate;min-height:530px;background:#fbf5e8;border-radius:26px;overflow:hidden}
.storybook-hero .landing-hero-art{position:absolute;inset:0;display:block;margin:0;max-height:none;aspect-ratio:auto;background:none;z-index:-1}
.storybook-hero .landing-hero-art img{display:block;width:100%;height:100%;max-height:none;object-fit:cover;object-position:center;aspect-ratio:auto}
.storybook-hero .landing-hero-copy{width:53%;padding:42px 24px 52px 36px}
.story-tagline{display:flex;align-items:center;gap:14px;margin-bottom:23px}
.story-tagline p{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:21px;line-height:1.35;color:#536b5c;margin:0}
.story-sun{width:58px;height:58px;flex-shrink:0;overflow:visible}.story-sun circle{fill:#efbd58}.story-sun path{fill:none;stroke:#efbd58;stroke-width:4;stroke-linecap:round}
.storybook-hero h1{font-size:clamp(34px,3.5vw,46px);line-height:1.12;letter-spacing:-1.4px;margin:0 0 21px;max-width:590px}
.storybook-hero .landing-lead{font-size:19px;line-height:1.5;max-width:400px;margin:0 0 28px;color:var(--ink)}
.storybook-hero .landing-actions{gap:12px;flex-wrap:wrap}
.storybook-hero .landing-actions .button{min-height:54px;padding:14px 17px;border-radius:17px;font-size:15px;gap:10px}
.storybook-hero .landing-actions .primary{background:linear-gradient(180deg,#248c7e,#17665a);border:1px solid #17665a;box-shadow:0 6px 12px rgba(128,128,128,.16)}
.storybook-hero .landing-actions .primary:hover{background:#105247}
.storybook-hero .landing-actions .button:not(.primary){border:1px solid var(--green);background:rgba(255,255,255,.72);color:var(--green)}
.storybook-hero .landing-actions .button:not(.primary):hover{background:white}
.story-benefits{display:flex;gap:20px;align-items:center;margin-top:30px;color:#40594c}
.story-benefits>span{display:flex;gap:9px;align-items:center;font-size:14px;line-height:1.45}
.story-icon{width:25px;height:29px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.story-benefits>span:nth-child(2) .story-icon{color:#6c8e43}.story-benefits>span:nth-child(3) .story-icon{fill:#edab83;stroke:#edab83}
.story-wave{position:absolute;bottom:-1px;left:0;width:100%;height:30px;fill:var(--page);pointer-events:none}
.header{gap:22px}.header>nav{gap:24px}.header-subscription{display:flex;align-items:center;justify-content:center;gap:9px;flex-shrink:0;background:#fae9bc;color:#564117;text-decoration:none;border-radius:18px;padding:12px 15px;font-size:14px;line-height:1.4;white-space:nowrap;min-height:47px;margin-left:auto}
.header-subscription:hover{background:#f5dda1}.header-subscription.active{outline:1px solid #bc8b32}
.crown-icon{width:23px;height:23px;fill:#c88d1d;flex-shrink:0}
.header #account-menu{margin-left:0}
.ribbon-card .ribbon-cover{height:190px;flex:0 0 190px;padding:12px 12px 0}
.ribbon-cover .cover-link,.ribbon-cover img{border-radius:20px;overflow:hidden}
.ribbon-cover img{object-position:center top}
.ribbon-card .body{padding:12px 18px 18px;flex:1 1 auto}
.ribbon-card .material-kind{line-height:1.4}
.ribbon-card .favorite-button{top:20px;right:20px}
.ribbon-card .audience-pill{left:22px;bottom:10px}
.ribbon-card h2{margin-top:8px;margin-bottom:12px}
.ribbon-card .card-value{margin-bottom:14px}
.card-secondary{padding:0 0 12px;text-align:left}
.card-tags,.material-tags{display:none}
.landing-free-grid .ribbon-card .ribbon-cover{height:150px;flex-basis:150px;padding:12px 12px 0}
.landing-free-grid .ribbon-card .body{padding:12px 16px 16px}
@media(max-width:1100px){.header{flex-wrap:wrap;gap:10px 20px;padding-top:14px;padding-bottom:10px}.header>.brand{order:1;margin-right:auto}.header #account-menu{order:2}.header>nav{order:3;width:auto;flex:1;justify-content:flex-start;border:0;margin-top:0}.header-subscription{order:4;margin-left:auto}.storybook-hero{min-height:510px}.storybook-hero .landing-hero-copy{width:55%;padding:32px 18px 40px 28px}.storybook-hero h1{font-size:38px}.story-benefits{gap:13px}.story-benefits>span{font-size:13px;gap:7px}.story-icon{width:22px}.storybook-hero .landing-actions .button{font-size:14px;padding:12px 14px}}
@media(max-width:800px){.storybook-hero{display:flex;flex-direction:column;min-height:0}.storybook-hero .landing-hero-copy{width:100%;padding:32px 28px 10px}.storybook-hero h1{font-size:40px;max-width:600px}.storybook-hero .landing-lead{max-width:none;font-size:18px}.story-tagline{margin-bottom:20px}.story-benefits{gap:25px;margin-top:23px}.story-benefits>span{font-size:14px}.storybook-hero .landing-hero-art{position:relative;inset:auto;order:2;height:350px;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:600px){.header>nav{width:100%;flex:1 1 100%;order:4;justify-content:space-between;border-top:1px solid var(--line);padding-top:2px}.header-subscription{order:3;width:100%;padding:8px 12px;min-height:38px;border-radius:12px;font-size:14px}.header{gap:10px;padding-top:12px;padding-bottom:0}.header>nav a{padding:9px 6px;font-size:14px}.header-subscription .crown-icon{width:20px;height:20px}.storybook-hero{border-radius:20px}.storybook-hero .landing-hero-copy{padding:25px 22px 10px}.story-tagline p{font-size:19px}.story-sun{width:48px;height:48px}.storybook-hero h1{font-size:32px;letter-spacing:-1px}.storybook-hero .landing-lead{font-size:16px;margin-bottom:21px}.storybook-hero .landing-actions{display:grid;grid-template-columns:1fr}.storybook-hero .landing-actions .button{font-size:16px;min-height:49px}.story-benefits{gap:12px;flex-wrap:wrap;margin-top:23px}.story-benefits>span{font-size:13px;gap:7px}.story-benefits>span:last-child br{display:none}.story-icon{width:21px;height:25px}.storybook-hero .landing-hero-art{height:275px}.story-wave{height:22px}.landing-free-grid .ribbon-card .ribbon-cover{height:145px;flex-basis:145px}}