/* The original sections are the content: motion only enhances their presentation. */
.owner-journey.is-motion{position:relative;background:var(--surface);height:var(--journey-height)}
.is-motion .owner-scene{display:grid;position:sticky;top:var(--scene-top,88px);isolation:isolate;background:var(--surface)}
.is-motion .owner-scene>section{grid-area:1/1;padding:28px clamp(24px,5vw,80px)!important;border:0!important;overflow:visible!important;pointer-events:none;align-self:center}
.is-motion .owner-scene>section>div{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:clamp(24px,4vw,64px)!important}
.is-motion .owner-scene>section>div>div{gap:24px!important}
.is-motion .owner-scene h2{font-size:clamp(32px,3.3vw,52px)!important}
.is-motion .owner-scene>section>div>div>div:nth-child(2){gap:18px!important}
.is-motion .owner-scene [tabindex]{gap:20px!important;grid-template-columns:40px 1.5px minmax(0,1fr)!important}
.is-motion .owner-scene [tabindex] [aria-hidden="true"]{font-size:clamp(17px,1.6vw,23px)!important}
.is-motion .owner-scene [tabindex] h3{font-size:12px!important}
.is-motion .owner-scene [tabindex] h3+div{font-size:15px!important}
.is-motion .owner-scene>section>div>img{height:clamp(300px,65svh,660px)!important;object-fit:contain;align-self:center;will-change:opacity,transform}
.is-motion .owner-scene>section>div>div>div:last-child>span:first-child{font-size:12px!important;letter-spacing:.22em!important}
.is-motion .owner-scene [tabindex]:focus-visible{outline:1px solid var(--copper)!important;outline-offset:5px}
@media(max-width:760px){
 .is-motion .owner-scene>section{padding:22px 24px!important}
 .is-motion .owner-scene>section>div{grid-template-columns:1fr!important;gap:12px!important}
 .is-motion .owner-scene>section>div>div{gap:18px!important}
 .is-motion .owner-scene h2{font-size:clamp(28px,6.2vw,38px)!important}
 .is-motion .owner-scene>section>div>div>div:nth-child(2){gap:12px!important}
 .is-motion .owner-scene [tabindex]{grid-template-columns:28px 1.5px minmax(0,1fr)!important;gap:14px!important}
 .is-motion .owner-scene [tabindex] svg{width:28px!important;height:28px!important}
 .is-motion .owner-scene [tabindex] [aria-hidden="true"]{font-size:17px!important;letter-spacing:.12em!important}
 .is-motion .owner-scene [tabindex] h3+div{font-size:13px!important}
 .is-motion .owner-scene>section>div>img{height:190px!important}
 .is-motion .owner-scene>section>div>div>div:last-child>span:first-child{font-size:10px!important;white-space:normal!important}
}

/* A shared frame prevents the plant from shifting as the copy changes height. */
.is-motion .owner-scene>section{align-self:stretch;display:flex;align-items:center}
.is-motion .owner-scene>section>div{width:100%}
.is-motion .owner-scene>section>div>img{transform-origin:50% 50%}
@media(max-width:760px){
 .is-motion .owner-scene>section>div{height:100%;grid-template-rows:1fr 190px}
 .is-motion .owner-scene>section>div>div{align-self:start}
}

/* Equal measured slots hold each burden/benefit pair in the same place. */
.is-motion .owner-scene>section>div>div>div:first-child{justify-content:flex-start}
.is-motion .owner-scene [tabindex]>span:nth-child(2){opacity:1;transform:none;visibility:visible}
.is-motion .owner-scene [tabindex]>:first-child,
.is-motion .owner-scene [tabindex]>:last-child{will-change:opacity,transform}

/* Discoverable controls use the existing typography and copper palette. */
.owner-row{cursor:pointer!important;min-height:48px;touch-action:manipulation;border-radius:2px}
.owner-row-copy{position:relative;min-width:0;padding-right:30px}
.owner-row .owner-toggle{position:absolute;right:0;top:50%;margin-top:-12px;width:24px;height:24px;text-align:center;font:400 22px/24px Inter,sans-serif!important;letter-spacing:0!important;color:var(--copper-deep);pointer-events:none}
.owner-row:focus-visible{outline:2px solid var(--copper)!important;outline-offset:5px}
.owner-row[aria-expanded="true"]{background:#A0613A09}
@media(hover:hover){.owner-row:hover{background:#A0613A09}}
.mobile-nav{position:relative;margin-left:auto;color:var(--surface);font:14px Inter,sans-serif}
.mobile-nav summary{cursor:pointer;min-height:44px;display:flex;align-items:center;justify-content:center;padding:0 12px;border:1px solid var(--copper-mid);list-style:none}
.mobile-nav summary::-webkit-details-marker{display:none}
.mobile-nav nav{position:absolute;top:calc(100% + 8px);right:0;width:240px;max-width:calc(100vw - 40px);padding:8px;background:var(--deep);border:1px solid var(--copper-mid);box-shadow:0 16px 40px #0F0E0D44;z-index:30}
.mobile-nav nav a{display:flex;align-items:center;min-height:48px;padding:10px 12px;color:var(--surface);text-decoration:none}
.mobile-nav a:focus-visible,.mobile-nav summary:focus-visible{outline:2px solid var(--copper-mid);outline-offset:3px}
/* Small screens use normal page scrolling so neither state is clipped by a pin. */
@media(max-width:760px){
 #dc-root header{padding:12px 20px!important}
 #dc-root header>div{height:auto!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:10px!important}
 #dc-root header>div>a img{width:150px!important;height:auto!important;max-width:100%}
 #dc-root header>div>button{grid-column:1/-1;width:100%;min-height:44px;justify-content:center}
 .mobile-nav{margin:0;justify-self:end}
 .owner-scene>section{padding:44px 20px!important;scroll-margin-top:128px!important}
 .owner-scene>section>div{grid-template-columns:minmax(0,1fr)!important;gap:24px!important}
 .owner-scene>section>div>div{gap:28px!important;min-width:0}
 .owner-scene h2{font-size:clamp(30px,7.5vw,42px)!important;overflow-wrap:break-word}
 .owner-scene>section>div>div>div:nth-child(2){gap:18px!important}
 .owner-scene .owner-row{grid-template-columns:28px 1.5px minmax(0,1fr)!important;gap:12px!important;padding:8px 0;min-height:52px}
 .owner-row svg{width:28px!important;height:28px!important}
 .owner-row .owner-collapsed{font-size:17px!important;letter-spacing:.10em!important;line-height:1.4!important;overflow-wrap:anywhere}
 .owner-row h3{font-size:13px!important;letter-spacing:.12em!important;line-height:1.5!important}
 .owner-row h3+div{font-size:16px!important;line-height:1.55!important}
 .owner-row[aria-expanded="false"] .owner-detail{display:none!important}
 .owner-row[aria-expanded="true"] .owner-collapsed{display:none!important}
 .owner-scene>section>div>div>div:last-child>span:first-child{font-size:12px!important;letter-spacing:.15em!important;white-space:normal!important}
 .owner-scene>section>div>img{width:100%!important;height:auto!important;max-height:360px;object-fit:contain}
 #dc-root section[id]{scroll-margin-top:128px!important}
 #dc-root #top h1{font-size:clamp(38px,10vw,58px)!important}
 #dc-root #top>div>div:last-child>[tabindex]{padding:0!important;border-left:0!important}
 #dc-root input,#dc-root select,#dc-root textarea{font-size:16px!important;max-width:100%;box-sizing:border-box}
 #dc-root input,#dc-root select{min-height:44px}
 .hw-cta a{white-space:normal;box-sizing:border-box;max-width:100%;min-height:48px}
 .ap-heading{align-items:flex-start;flex-wrap:wrap}
 .ap select{font-size:16px!important;max-width:100%;min-height:44px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.owner-row *{transition:none!important}}

/* Preserve the robot and caption near the edges of the supplied illustrations. */
.owner-scene>section>div>img{mask-image:none!important;-webkit-mask-image:none!important}