/* Large, useful previews in the existing owner journey. */
.manual-guides-page .visual-setup-flow{display:block;margin-top:30px}
.manual-guides-page .visual-setup-flow>li{grid-template-columns:22px minmax(0,1fr);gap:12px;padding:30px 0}
.manual-guides-page .visual-setup-flow>li:last-child{padding-bottom:0}
.manual-guides-page .setup-step-body{display:grid;gap:20px;min-width:0}
.manual-guides-page .visual-setup-flow h3{font-size:23px;line-height:1.3}
.manual-guides-page .setup-step-copy p{max-width:29rem}
.manual-guides-page .setup-app-badges{margin:0;gap:16px}
.manual-guides-page .setup-written{display:inline-block;font-size:14px;margin-top:16px;text-decoration:underline;text-underline-offset:4px}
.guide-film{display:block;position:relative;padding:0;border:0;border-radius:3px;overflow:hidden;isolation:isolate;background:#1b3637;cursor:pointer;width:100%;aspect-ratio:4/3;text-align:left;color:white}
.guide-film>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 45%;transition:transform .2s ease}
.guide-film::after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#071b20b3);pointer-events:none;z-index:0}
.film-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;display:grid;place-items:center;padding-left:4px;background:#eef2ecf2;color:#1d4545;font-size:22px;z-index:1;box-shadow:0 3px 22px #10252533}
.film-time{position:absolute;left:18px;bottom:15px;font:500 14px/1.4 var(--body);z-index:1}
.guide-film:hover>img{transform:scale(1.025)}
.guide-film:focus-visible{outline:3px solid #1d5f63;outline-offset:5px}
.mount-picture-choices{display:grid;grid-template-columns:1fr;gap:24px}
.mount-picture-choices>a{display:block;background:#eef1eb;border:1px solid #b7cac0;overflow:hidden;border-radius:3px}
.mount-picture-choices>a>img{width:100%;height:auto;display:block;aspect-ratio:4/3;object-fit:cover;object-position:50% 43%}
.mount-picture-choices>a>div{padding:18px}
.mount-picture-choices h4{font:500 21px/1.3 var(--heading);letter-spacing:-.035em;margin:0}
.manual-guides-page .mount-picture-choices p{font-size:15px;line-height:1.55;margin:10px 0 16px}
.mount-picture-choices span{font-size:14px;text-decoration:underline;text-underline-offset:4px}
.mount-picture-choices a:hover h4{text-decoration:underline;text-underline-offset:4px}
.manual-guides-page .guide-directory{padding-top:40px}
.everyday-film-grid{display:grid;grid-template-columns:1fr;gap:32px}
.everyday-film{min-width:0}
.everyday-caption{display:block;margin-top:16px}
.manual-guides-page .everyday-caption h3{font:500 24px/1.25 var(--heading);letter-spacing:-.035em;margin:0}
.everyday-caption p{font-size:15px;line-height:1.5;margin:8px 0 12px}
.everyday-caption span{font-size:14px;text-decoration:underline;text-underline-offset:4px}
@media(min-width:600px){
 .mount-picture-choices{grid-template-columns:1fr 1fr;gap:20px}
 .everyday-film-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
 .everyday-film-grid .guide-film{aspect-ratio:3/4}
 .manual-guides-page .everyday-caption h3{font-size:21px}
 .visual-setup-flow .guide-film{max-width:520px}
}
@media(min-width:1000px){
 .manual-guides-page .visual-setup-flow>li{grid-template-columns:32px minmax(0,1fr);gap:20px;padding:34px 0}
 .manual-guides-page .setup-step-body{grid-template-columns:minmax(220px,.72fr) minmax(0,1.4fr);gap:38px;align-items:start}
 .manual-guides-page .visual-setup-flow h3{font-size:28px;max-width:300px}
 .manual-guides-page .setup-step-copy p{font-size:16px}
 .manual-guides-page .download-step .setup-step-body{align-items:center}
 .visual-setup-flow .guide-film{aspect-ratio:16/10;max-width:none}
 .mount-picture-choices{gap:22px}
 .mount-picture-choices>a>img{aspect-ratio:1;object-position:50% 40%}
 .mount-picture-choices h4{font-size:22px}
 .everyday-film-grid{gap:28px}
 .everyday-film-grid .guide-film{aspect-ratio:1}
 .manual-guides-page .everyday-caption h3{font-size:25px}
}
@media(prefers-reduced-motion:reduce){.guide-film>img{transition:none}.guide-film:hover>img{transform:none}}
