/* A focused security story using supplied manufacturer images and shared type. */
.security-hero-photo img{object-position:42% 34%}
.security-intro{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-block:70px}
.security-intro>*{min-width:0}
.security-intro .eyebrow,.security-heading .eyebrow,.alarm-copy .eyebrow,.security-planning .eyebrow{font-size:10px}
.security-intro h2,.security-heading h2,.security-planning h2{font-size:clamp(32px,3.5vw,46px);line-height:1.15}
.security-intro>div:last-child{max-width:530px;padding-top:5px}
.security-intro p+p{margin-top:20px}
.alarm-story{background:#f1efe9;padding-block:65px}
.alarm-story .interior-row{padding-bottom:0;align-items:center;gap:90px}
.alarm-system-names{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-block:28px;padding-block:21px;border-top:1px solid #cecdc6;border-bottom:1px solid #cecdc6}
.alarm-system-names span{display:block;font-family:var(--mono);font-size:9px;letter-spacing:.3px;line-height:1.8;color:var(--muted)}
.alarm-system-names p{font-size:22px;color:var(--ink);letter-spacing:-.5px;margin-top:8px;line-height:1.35}
.alarm-copy>p.alarm-service-note{font-size:12px;line-height:1.8;color:var(--muted);margin-top:18px}
.alarm-app-photo{max-width:430px;justify-self:end;width:100%}
.alarm-app-photo picture{aspect-ratio:1800/2000;background:#deded7}
.alarm-app-photo img{object-fit:contain}
.security-heading{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:end;margin-bottom:37px}
.security-heading>*{min-width:0}
.security-heading>p{max-width:530px;font-size:15px;line-height:1.9;margin-bottom:3px}
.surveillance-story{padding-block:70px}
.camera-stories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}
.camera-stories article{min-width:0}
.camera-stories picture{aspect-ratio:1.48/1;background:#f0efeb}
.camera-stories img{object-fit:contain}
.camera-stories h3{font-size:24px;font-weight:400;letter-spacing:-.5px;line-height:1.3;margin:26px 0 14px}
.camera-stories article>p{font-size:14px;line-height:1.8;max-width:500px}
.security-viewing{background:#242724;color:#fff;padding-block:70px}
.security-viewing .eyebrow{color:#b8beb5}
.security-viewing .security-heading>p{color:#c4c9c1}
.security-view-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px;margin-top:45px}
.security-view-grid article{border-top:1px solid #61675f;padding-top:22px;min-width:0}
.security-view-grid .cap-number{font-size:10px;color:#b6bdb2}
.security-view-grid h3{font-size:24px;font-weight:400;letter-spacing:-.5px;line-height:1.35;margin:20px 0 15px}
.security-view-grid p{color:#c4c9c1;font-size:14px;line-height:1.8}
.security-tv-note{border-top:1px solid #61675f;margin-top:40px;padding-top:24px;font-size:13px;line-height:1.9;color:#c4c9c1;max-width:860px}
.security-tv-note span{font-family:var(--mono);font-size:9px;letter-spacing:.4px;display:block;color:#aeb7a7;margin-bottom:8px}
.security-planning{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-block:75px}
.security-planning>*{min-width:0}
.security-planning>div>p:not(.eyebrow){max-width:420px;margin-top:24px;font-size:15px;line-height:1.8}
.security-planning .text-link{margin-top:22px}
.security-planning ol{list-style:none;margin:0;padding:0}
.security-planning li{display:flex;align-items:flex-start;gap:24px;border-top:1px solid var(--line);padding-block:25px}
.security-planning li>span{font-family:var(--mono);font-size:10px;color:var(--muted);padding-top:6px}
.security-planning h3{font-size:22px;font-weight:400;letter-spacing:-.4px;line-height:1.4;margin:0 0 12px}
.security-planning li p{font-size:14px;line-height:1.8}
@media(max-width:1100px){
 .security-intro,.security-heading,.security-planning{gap:55px}
 .alarm-story .interior-row{gap:55px}
 .alarm-system-names p{font-size:20px}
 .security-view-grid{gap:28px}
}
@media(max-width:650px){
 .security-hero h1{font-size:44px}
 .security-hero-photo picture{aspect-ratio:4/3}
 .security-hero-photo img{object-position:36% 34%}
 .security-intro,.security-heading,.security-planning{grid-template-columns:1fr;gap:24px}
 .security-intro{padding-block:42px}
 .security-intro h2,.security-heading h2,.security-planning h2{font-size:34px}
 .security-intro p{font-size:14px;line-height:1.8}
 .security-intro>div:last-child{padding:0}
 .security-intro p+p{margin-top:16px}
 .alarm-story{padding-block:42px}
 .alarm-story .interior-row{gap:30px}
 .alarm-app-photo{max-width:350px;justify-self:center}
 .alarm-system-names{gap:18px;margin-block:24px;padding-block:18px}
 .alarm-system-names p{font-size:19px}
 .alarm-system-names span{font-size:8px}
 .alarm-copy>p.alarm-service-note{font-size:11px}
 .security-heading{margin-bottom:28px}
 .security-heading>p{font-size:14px;line-height:1.8}
 .surveillance-story,.security-viewing{padding-block:42px}
 .camera-stories{grid-template-columns:1fr;gap:36px}
 .camera-stories h3{font-size:23px;margin:20px 0 12px}
 .security-view-grid{grid-template-columns:1fr;gap:26px;margin-top:30px}
 .security-view-grid h3{font-size:23px;margin:17px 0 12px}
 .security-tv-note{margin-top:30px;padding-top:21px;font-size:12px}
 .security-planning{padding-block:42px;gap:35px}
 .security-planning>div>p:not(.eyebrow){font-size:14px}
 .security-planning li{gap:20px;padding-block:22px}
 .security-planning h3{font-size:21px}
}
