/* A single pinned chapter at every viewport size. Motion preference changes
   transitions, never the reading order or number of simultaneously visible scenes. */
#work-in-motion{height:440svh;position:relative}
#work-in-motion .value-stage{position:sticky;top:0;height:100svh;min-height:0;overflow:clip}
#work-in-motion .story-backdrops{display:block}
#work-in-motion .value-scene{position:absolute;inset:0;min-height:0;height:100%;box-sizing:border-box;border:0;background:none;opacity:var(--scene-opacity,0)!important;visibility:var(--scene-visibility,hidden)!important;transform:var(--scene-transform,none)!important;pointer-events:none;padding:80px 7vw 80px 6vw;grid-template-columns:34% minmax(0,1fr);gap:30px;align-items:center;overflow:clip}
#work-in-motion .value-scene.is-current{pointer-events:auto}
#work-in-motion .value-art.story-demo-art{height:100%;max-height:730px;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:8px}
#work-in-motion .sd-app{display:flex;flex-direction:column;min-height:0;max-height:100%;flex:1;width:100%;margin:0}
#work-in-motion .sd-app[hidden]{display:none}
#work-in-motion .sd-surface,#work-in-motion .sd-document-open .sd-surface{flex:1;height:auto;min-height:0}
#work-in-motion .sd-surface>.sd-panel{height:100%;box-sizing:border-box}
#work-in-motion .pr-top,#work-in-motion .pr-channel,#work-in-motion .pr-views,#work-in-motion .sd-composer,#work-in-motion .sd-chat-input{flex-shrink:0}
#work-in-motion .sd-browser{height:auto;min-height:0;flex:1;display:flex;flex-direction:column}
#work-in-motion .sd-browser[hidden]{display:none}
#work-in-motion .sd-browser-tabs,#work-in-motion .sd-address{flex-shrink:0}
#work-in-motion .sd-gmail-shell{height:auto;flex:1;min-height:0}
#work-in-motion .pr-disclosure{flex:none;margin:0;font-size:11px}
#work-in-motion .value-topline{display:flex;top:20px;left:6vw;right:7vw}
#work-in-motion .value-bottomline{display:flex;bottom:20px}
#work-in-motion .value-progress{display:block}
#work-in-motion .value-dots{display:flex;position:absolute;left:50%;right:auto;top:auto;bottom:14px;transform:translateX(-50%);gap:10px;z-index:5;padding:4px 8px;border:1px solid #dfd4c4;border-radius:30px;background:#f8f3e9ed;backdrop-filter:blur(12px)}
#work-in-motion .value-dots button{width:40px;height:40px;cursor:pointer;color:#877861}
#work-in-motion .value-dots button:before{display:none}
#work-in-motion .value-dots button span{display:block;font-size:12px}
#work-in-motion .value-dots button[aria-current]{background:#b45535;border-color:#b45535}
#work-in-motion .value-dots button[aria-current] span{color:white}
#work-in-motion .value-dots button:focus-visible{outline:2px solid #302d28;outline-offset:2px}
@media(max-width:1100px){
 #work-in-motion .value-scene{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);padding:48px 5vw 80px;gap:16px;align-items:stretch;align-content:stretch}
 #work-in-motion .value-copy{max-width:none;padding:0;max-height:25svh;overflow:auto}
 #work-in-motion .value-copy .eyebrow{font-size:10px;margin:0 0 8px}
 #work-in-motion .value-copy h2{font-size:clamp(25px,3.7vw,38px);line-height:1.2;margin:0 0 8px;letter-spacing:-.025em}
 #work-in-motion .value-copy h2 br{display:none}
 #work-in-motion .value-copy h2 em{display:inline;margin-left:.15em}
 #work-in-motion .value-copy>p:not(.eyebrow){display:block;font-size:13px;line-height:1.5;margin:0;max-width:none}
 #work-in-motion .value-detail{display:none}
 #work-in-motion .value-art.story-demo-art{max-height:none;max-width:none;margin:0}
 #work-in-motion .pr-disclosure,#work-in-motion .value-bottomline{display:none}
 #work-in-motion .value-topline{left:5vw;right:5vw;font-size:9px;top:16px}
 #work-in-motion .value-topline:after{top:20px}
 #work-in-motion .pr-top{padding:9px 13px}
 #work-in-motion .pr-channel{padding:10px 14px 5px}
 #work-in-motion .pr-views{padding:0 14px 8px}
 #work-in-motion .pr-views button{padding:6px 12px}
 #work-in-motion .sd-composer{min-height:48px;padding:8px 12px}
}
@media(max-height:650px){
 #work-in-motion .value-scene{padding-top:42px;padding-bottom:72px;gap:16px}
 #work-in-motion .value-copy h2{font-size:26px;margin-bottom:8px}
 #work-in-motion .value-copy .eyebrow{margin-bottom:7px}
 #work-in-motion .value-copy>p:not(.eyebrow){font-size:12px;line-height:1.4}
 #work-in-motion .value-topline{top:12px}
 #work-in-motion .value-topline:after{display:none}
 #work-in-motion .value-bottomline{display:none}
}
@media(max-height:500px) and (min-width:600px){
 #work-in-motion .value-scene{grid-template-columns:30% minmax(0,1fr);grid-template-rows:minmax(0,1fr)}
 #work-in-motion .value-copy{max-height:100%;align-self:center}
}