/* Restore the approved full-width slideshow and scroll-driven notebook story. */
.b2b-hero-carousel .hero-carousel-media{position:absolute;inset:0;z-index:0;width:100%;height:100%;min-height:0;overflow:hidden}
.b2b-hero-carousel .b2b-hero-copy{position:relative;z-index:3;pointer-events:none}
.b2b-hero-carousel .b2b-hero-copy a{pointer-events:auto}
.b2b-hero-carousel:after{display:none}
.b2b-hero-carousel .hero-carousel-media:after{background:linear-gradient(90deg,#102c2280 0%,#102c2245 30%,transparent 60%);z-index:2}
.b2b-hero-carousel .hero-slide>picture{display:block;width:100%;height:100%}
.b2b-hero-carousel .hero-slide img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;visibility:visible;transform:none!important;animation:none}
.b2b-hero-carousel .hero-carousel-controls{z-index:5}
.signature-story .signature-pin{top:var(--story-header-height,88px);height:calc(100svh - var(--story-header-height,88px))}
@media(max-width:720px){
 .b2b-hero-carousel{--hero-photo-height:calc(100vw * 2 / 3);padding-top:var(--hero-photo-height)}
 .b2b-hero-carousel .hero-slide>picture{height:var(--hero-photo-height)}
 .b2b-hero-carousel .hero-carousel-media:after{background:linear-gradient(0deg,#173f32 calc(100% - var(--hero-photo-height)),transparent calc(100% - var(--hero-photo-height) + 55px))}
 .b2b-hero-carousel .b2b-hero-copy{padding-bottom:100px}
 .b2b-hero-carousel .actions{align-items:center;flex-wrap:wrap}
 .b2b-hero-carousel .actions .inline-link{font-size:12px;min-height:44px;display:inline-flex;align-items:center}
}
@media(max-width:720px) and (prefers-reduced-motion:no-preference){
 .signature-story{height:300svh;min-height:2100px;padding:0}
 .signature-story .signature-pin{position:sticky;display:grid;grid-template-columns:1fr;grid-template-areas:'heading' 'visual' 'body';grid-template-rows:auto minmax(220px,1fr) auto;align-content:stretch;align-items:center;min-height:0;gap:8px;overflow:hidden;padding:16px 0 12px}
 .signature-story .signature-heading{grid-area:heading;padding:0 6%;width:100%}
 .signature-story .signature-heading h2{font-size:32px;line-height:1.08;margin:0 0 14px;text-wrap:initial}
 .signature-story .signature-heading h2 br{display:none}
 .signature-story .story-purpose-controls{margin:0;gap:8px}
 .signature-story .story-purpose-controls button{min-height:44px;font-size:14px;padding:8px 10px}
 .signature-story .signature-visual{grid-area:visual;padding:4px 6%;width:100%;perspective:1600px}
 .signature-story .story-book{width:150px;height:212px;aspect-ratio:auto;border:0;border-radius:0;box-shadow:none;transform-style:preserve-3d;transform:translateX(calc(var(--cover-open)*64px)) rotate(calc(-4deg + var(--flat)*4deg)) rotateX(calc(8deg - var(--flat)*8deg))}
 .signature-story .story-cover,.signature-story .story-turning-page,.signature-story .story-page-stack,.signature-story .story-back-cover{display:block}
 .signature-story .story-base-page{position:absolute;inset:0;transform:none}
 .signature-story .signature-cue{display:block!important;font-size:8px;margin:15px 0 6px}
 .signature-story .story-zoom{margin:0;font-size:12px;min-height:36px;padding-block:8px}
 .signature-story .signature-copy{grid-area:body;width:100%;padding:0 6%;align-self:end}
 .signature-story .story-purpose-detail{font-size:12px;line-height:1.45;min-height:0;margin:0 0 10px}
 .signature-story .story-features{display:grid;min-height:70px;align-items:start}
 .signature-story .story-features:before{content:'A thoughtful cover. A whole world inside.';display:block;grid-area:1/1;font:17px/1.4 var(--serif);padding:12px 0;opacity:0}
 .signature-story[data-stage=cover] .story-features:before{opacity:1}
 .signature-story .story-feature{grid-area:1/1;visibility:hidden;opacity:0!important;pointer-events:none;padding:10px 0;transform:none}
 .signature-story .story-feature.is-active{visibility:visible;opacity:1!important;pointer-events:auto}
 .signature-story .story-feature h3{font-size:20px;margin-bottom:4px}
 .signature-story .story-feature p{font-size:12px;line-height:1.45}
 .signature-story .story-playback{display:flex!important;margin:6px 0;gap:8px}
 .signature-story .story-play{font-size:12px;min-height:40px;padding:8px 12px}
 .signature-story .story-status{display:none}
 .signature-story .story-navigation{display:flex!important;justify-content:space-between;gap:12px;margin:0}
 .signature-story .story-navigation button{min-height:36px;padding:5px 0}
 .signature-story .signature-shop{font-size:12px;min-height:32px;padding-top:8px;margin-top:4px}
}
@media(max-width:720px) and (max-height:760px) and (prefers-reduced-motion:no-preference){
 .signature-story .signature-pin{padding-top:10px;grid-template-rows:auto minmax(150px,1fr) auto;gap:4px}
 .signature-story .signature-heading h2{font-size:27px;margin-bottom:8px}
 .signature-story .story-book{width:108px;height:153px}
 .signature-story .signature-cue{display:none!important}
 .signature-story .story-zoom{min-height:28px;font-size:11px;padding:4px 0}
 .signature-story .story-purpose-detail{display:none}
 .signature-story .story-features{min-height:58px}
 .signature-story .story-feature h3{font-size:17px}.signature-story .story-feature p{font-size:11px}
 .signature-story .story-playback{margin:2px 0}.signature-story .story-play{min-height:36px}
}
@media(prefers-reduced-motion:reduce){
 .signature-story .signature-pin{position:relative;top:0;height:auto}
}
