/* Manufacturer stories for connected living, entertainment and entry. */
.automation-hero-photo img{object-position:60% 50%}
.automation-platforms{display:grid;grid-template-columns:1fr 1.5fr;gap:20px 80px;padding-block:52px 64px;border-bottom:1px solid var(--line)}
.automation-platforms>.eyebrow{grid-column:1/-1;font-size:10px;margin:0}
.automation-platforms>div{display:flex;gap:30px;flex-wrap:wrap;align-items:center;color:var(--ink);font-size:23px;letter-spacing:-.6px}
.automation-platforms>p:last-child{font-size:14px;line-height:1.8;max-width:560px}
.automation-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:end;margin-bottom:38px}
.automation-heading>*{min-width:0}
.automation-heading .eyebrow{font-size:10px}
.automation-heading h2{font-size:clamp(32px,3.5vw,46px);line-height:1.15}
.automation-heading>p{max-width:520px;font-size:15px;line-height:1.9;margin-bottom:3px}
.control-story{padding-block:70px}
.control-photo-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.control-photo-pair article{min-width:0}
.control-photo-pair article>div{padding:22px 0 0}
.control-photo-pair h3{font-size:23px;line-height:1.3;font-weight:400;letter-spacing:-.5px;margin:0 0 12px}
.control-photo-pair article>div>p{font-size:14px;line-height:1.8;max-width:400px}
.remote-photo picture{aspect-ratio:5/4}
.remote-photo img{object-position:50% 55%}
.automation-touchscreen{padding-top:10px}
.touchscreen-photo picture{aspect-ratio:4/3}
.integration-directory{padding-block:70px;background:#f1efe9}
.integration-topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px;align-items:start}
.integration-topics details{border-top:1px solid #cfcdc6;min-width:0}
.integration-topics summary{display:flex;align-items:center;gap:16px;cursor:pointer;list-style:none;min-height:92px;padding:24px 0;font-size:18px;line-height:1.4;letter-spacing:-.3px}
.integration-topics summary::-webkit-details-marker{display:none}
.topic-number{font-family:var(--mono);font-size:10px;color:var(--muted);align-self:center;letter-spacing:0}
.topic-expand{margin-left:auto;font-size:24px;flex-shrink:0;transition:transform .2s}
.integration-topics details[open] .topic-expand{transform:rotate(45deg)}
.topic-copy{padding:0 25px 28px 30px}
.topic-copy h3{font-size:20px;font-weight:400;line-height:1.4;margin:0 0 13px;letter-spacing:-.4px}
.topic-copy p{font-size:14px;line-height:1.8}
.topic-copy>div{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:14px}
.topic-copy .text-link{font-size:12px;min-height:44px}
.integration-footnote{font-size:12px;line-height:1.8;padding-top:24px;border-top:1px solid #cfcdc6}
.climate-story{padding-top:70px}
.climate-photo picture{aspect-ratio:4/5}
.climate-photo img{object-position:53% 50%}
.automation-film-section{background:#222322;padding-block:70px;color:#fff}
.automation-film-section .eyebrow{color:#c6c5bf}
.automation-film-section .automation-heading>p{color:#c8c8c3}
.story-film{margin:0;min-width:0}
.film-stage{aspect-ratio:16/9;background:#151515;overflow:hidden}
.film-stage video{display:block;width:100%;height:100%;object-fit:contain;background:#151515}
.story-film>figcaption{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;padding-top:19px}
.story-film>figcaption>div{min-width:0;max-width:670px}
.film-credit{display:block;font-size:10px;line-height:1.7;color:var(--muted)}
.story-film figcaption p{font-size:13px;line-height:1.8;margin-top:6px}
.film-toggle{display:inline-flex;gap:24px;align-items:center;justify-content:space-between;flex-shrink:0;min-width:133px;min-height:48px;padding:10px 16px;border:1px solid var(--ink);border-radius:0;background:transparent;color:var(--ink);font:inherit;font-size:12px;cursor:pointer}
.film-toggle:hover{background:#e9e6de}
.film-toggle span{font-size:19px;line-height:1}
.automation-film-section .film-credit{color:#aaa9a3}
.automation-film-section .story-film figcaption p{color:#c8c8c3}
.automation-film-section .film-toggle{border-color:#7a7b75;color:#fff}
.automation-film-section .film-toggle:hover{background:#383936}
.av-hero h1{font-size:clamp(42px,4.7vw,65px)}
.av-hero-photo picture{aspect-ratio:1.95/1}
.av-hero-photo img{object-position:50% 44%}
.audio-story{padding-top:70px}
.audio-room-photo picture{aspect-ratio:4/5}
.audio-room-photo img{object-position:45% 50%}
.cinema-story{background:#252725;color:white;padding-block:70px}
.cinema-story .eyebrow,.cinema-story .automation-heading>p{color:#bdbfb8}
.cinema-photo picture{aspect-ratio:2/1;background:#101310}
.cinema-photo figcaption{color:#b6b8b0}
.cinema-notes{display:flex;flex-wrap:wrap;gap:18px 42px;font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.5px;padding-top:27px;color:#c7c9c2}
.movement-story{padding-block:75px}
.movement-films{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}
.movement-films>article{min-width:0}
.movement-films h3{font-size:22px;letter-spacing:-.5px;font-weight:400;line-height:1.4;margin:0 0 22px;max-width:400px}
.movement-films .story-film>figcaption{flex-direction:column;gap:15px}
.movement-note{font-size:12px;line-height:1.9;margin-top:30px;padding-top:25px;border-top:1px solid var(--line);max-width:750px}
.distribution-section{background:#f1efe9;padding-block:70px}
.distribution-section .interior-row{padding-bottom:0}
.distribution-photo picture{aspect-ratio:4/3}
.distribution-caption{padding-top:20px;font-size:11px;line-height:1.8;color:var(--muted)}
.entry-story{padding-top:0}
.entry-photo picture{aspect-ratio:4/5}
.entry-photo img{object-position:54% 50%}
.brand-just-add-power .brand-art img{max-width:100%;max-height:none}
.brand-future-automation .brand-art img{min-width:104px}
@media(max-width:1100px){
 .automation-heading{gap:45px}
 .automation-platforms{gap:20px 50px}
 .automation-platforms>div{gap:20px;font-size:21px}
 .integration-topics{column-gap:30px}
 .integration-topics summary{font-size:16px}
}
@media(max-width:650px){
 .automation-hero-photo picture{aspect-ratio:4/3}
 .automation-hero-photo img{object-position:69% 50%}
 .automation-platforms{grid-template-columns:1fr;gap:18px;padding-block:32px 38px}
 .automation-platforms>div{font-size:20px;gap:22px}
 .automation-platforms>p:last-child{font-size:13px}
 .automation-heading{grid-template-columns:1fr;gap:22px;margin-bottom:28px}
 .automation-heading h2{font-size:34px;line-height:1.14}
 .automation-heading>p{font-size:14px;line-height:1.8}
 .control-story{padding-block:40px}
 .control-photo-pair{grid-template-columns:1fr;gap:35px}
 .control-photo-pair h3{font-size:22px}
 .control-photo-pair article>div{padding-top:18px}
 .remote-photo picture{aspect-ratio:4/3}
 .automation-touchscreen{padding-top:0}
 .integration-directory{padding-block:42px}
 .integration-topics{grid-template-columns:1fr}
 .integration-topics summary{min-height:78px;padding-block:20px;font-size:17px;gap:13px}
 .topic-copy{padding-left:25px;padding-right:0}
 .topic-copy h3{font-size:19px}
 .integration-footnote{font-size:11px}
 .climate-story{padding-top:42px}
 .climate-photo picture{aspect-ratio:4/3}
 .automation-film-section,.cinema-story,.distribution-section{padding-block:42px}
 .story-film>figcaption{flex-direction:column;gap:15px;padding-top:14px}
 .film-credit{font-size:9px}
 .story-film figcaption p{font-size:12px}
 .av-hero h1{font-size:43px}
 .av-hero-photo picture{aspect-ratio:4/3}
 .av-hero-photo img{object-position:46% 47%}
 .audio-story{padding-top:42px}
 .audio-room-photo picture{aspect-ratio:4/3}
 .cinema-photo picture{aspect-ratio:4/3}
 .cinema-photo img{object-position:46% 50%}
 .cinema-notes{font-size:9px;gap:14px 24px;line-height:1.7;padding-top:20px}
 .movement-story{padding-block:42px}
 .movement-films{grid-template-columns:1fr;gap:38px}
 .movement-films h3{font-size:22px;margin-bottom:18px}
 .movement-note{font-size:11px;line-height:1.9}
 .distribution-section .interior-row>div{order:2}
 .distribution-section .distribution-photo{order:1}
 .distribution-caption{padding-top:20px;font-size:10px}
 .entry-photo picture{aspect-ratio:4/3}
}
@media(prefers-reduced-motion:reduce){.topic-expand{transition:none}}