/* The illustrated cover opens into the family's narrated story. */
.hero-film{position:relative;z-index:3;margin:27px -9px 26px;min-width:0}
.hero-film-frame{position:relative;aspect-ratio:16/9;background:#e9d5b4;border:1px solid #ae94734d;border-radius:3px 10px 10px 3px;box-shadow:0 3px 0 #d6c6a8,0 9px 24px #6d533417;overflow:hidden;isolation:isolate}
.hero-film video{display:block;width:100%;height:100%;aspect-ratio:16/9;object-fit:contain;background:#f5efdf;border-radius:inherit}
.hero-film video:focus-visible{outline:3px solid #975c3d;outline-offset:-4px}
.hero-film video::cue{font-family:'DM Sans',Arial,sans-serif;font-size:1em}
.hero-film-play{position:absolute;inset:0;width:100%;height:100%;padding:0;background:linear-gradient(90deg,#3e33240f,transparent 60%);border:0;border-radius:inherit;color:#304638;cursor:pointer;text-align:center}
.hero-film-invitation{position:absolute;left:21%;top:51%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:9px}
.hero-film-play-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:#fffaedee;border:1px solid #fff9eccc;box-shadow:0 2px 0 #b09a7480,0 4px 20px #3f392b2e;transition:transform .2s,background .2s}
.hero-film-play-icon svg{width:24px;height:24px;fill:currentColor;stroke:currentColor;stroke-width:1;transform:translateX(2px)}
.hero-film-play-label{font:500 .75rem/1.35 var(--sans);background:#fff9eeeb;padding:5px 9px;border-radius:3px;white-space:nowrap}
.hero-film-play:hover .hero-film-play-icon{transform:scale(1.06);background:#fffaf0}
.hero-film-play:focus-visible{outline:3px solid #975c3d;outline-offset:-5px}
.hero-film-duration{position:absolute;right:10px;bottom:10px;background:#304638e8;color:#fffaf0;font:500 .6875rem/1 var(--sans);padding:6px 8px;border-radius:3px;letter-spacing:.03em}
.hero-film figcaption{text-align:center;color:#65704f;font:italic 1.0625rem/1.5 var(--serif);margin-top:12px;transform:rotate(-2deg)}
.hero-film .hero-film-status{font:400 .875rem/1.5 var(--sans);color:#594d3d;margin:12px 0 0}
@media(max-width:359px){.hero-film{margin-inline:-7px}.hero-film-play-icon{width:48px;height:48px}.hero-film-invitation{gap:7px}.hero-film-play-label{font-size:.6875rem}}
@media(min-width:600px){.hero-film{margin:34px 0 32px}.hero-film-play-icon{width:76px;height:76px}.hero-film-play-icon svg{width:30px;height:30px}.hero-film-play-label{font-size:.875rem;padding:7px 12px}.hero-film-duration{right:15px;bottom:15px;font-size:.8125rem}.hero-film figcaption{font-size:1.1875rem;margin-top:16px}}
@media(min-width:1000px){
 .hero-copy{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);column-gap:48px;align-content:center;min-height:820px;padding:65px 55px 115px}
 .hero-copy>:not(.hero-film){grid-column:1;max-width:none}
 .hero-copy>.eyebrow{grid-row:1;margin-bottom:25px}
 .hero-copy>h1{grid-row:2;font-size:clamp(3.1rem,4.3vw,4.3rem);max-width:none}
 .hero-copy>.hero-description{grid-row:3;max-width:none}
 .hero-copy>.hero-actions{grid-row:4;max-width:none}
 .hero-copy>.hero-details{grid-row:5;max-width:none}
 .hero-copy>.hero-note{grid-row:6;max-width:none}
 .hero-copy>.hero-film{grid-column:2;grid-row:1/7;align-self:center;margin:0;position:relative;z-index:3}
 .hero-film-play-icon{width:68px;height:68px}
 .hero-film figcaption{font-size:1.1875rem}
}
@media(prefers-reduced-motion:reduce){.hero-film-play-icon{transition:none}}