/* Shift planning uses compact input controls, distinct from the brand paper artwork. */
.shift-chapter{padding:94px 0 0;background:#f2f4f2;border-top:0;overflow:clip}
.shift-intro h2{font-size:clamp(34px,4.4vw,56px);font-weight:500;line-height:1.45;margin:20px 0 24px}
.shift-intro .lead{font-size:16px;line-height:2}
.shift-scroll{max-width:1120px;margin:40px auto 0;padding:0 32px}
.shift-sticky{padding:12px 0}
.shift-controls{display:flex;gap:28px;justify-content:center;margin-bottom:14px}
.shift-controls[hidden]{display:none}
.shift-controls button{font:inherit;font-size:13px;min-height:44px;color:#626970;border:0;border-bottom:2px solid transparent;background:none;cursor:pointer;padding:7px 0}
.shift-controls button[aria-pressed="true"]{color:#1b1d1f;border-color:#4a6472}
.shift-controls button:focus-visible{outline:2px solid #4a6472;outline-offset:5px}
.shift-scene{position:relative;max-width:820px;margin:auto;padding:96px 20px 0;isolation:isolate}
.shift-notes{position:absolute;inset:0 0 auto;height:95px;display:flex;gap:12px;justify-content:center;z-index:2;pointer-events:none}
.shift-note{width:226px;height:82px;box-sizing:border-box;padding:14px 18px;border:1px solid #ced5d9;border-radius:999px;background:#fff;box-shadow:0 8px 20px #2936420a;transform-origin:center;display:flex;align-items:center;gap:14px;color:#293d48}
.shift-input-icon{width:30px;height:30px;flex:none}
.shift-input-copy{min-width:0}
.shift-input-copy small{font-size:9px;display:block;color:#5a6870;line-height:1.5}
.shift-input-copy b{font-size:17px;font-weight:500;display:block;margin:2px 0;line-height:1.5}
.shift-input-copy>span{font-size:10px;display:block;color:#5a6870;line-height:1.5}
.note-rules{background:#293d48;border-color:#293d48;color:#fff}
.note-rules small,.note-rules .shift-input-copy>span{color:#d8e0e4}
.shift-board{padding:16px 26px 12px;background:#fff;border:1px solid #d4dad7;box-shadow:0 18px 40px #29364209;transform-origin:50% 20%}
.shift-board-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:15px}
.shift-board-heading strong{font-size:18px;font-weight:500}
.shift-board-heading>span{font-size:10px;color:#626970}
.shift-table{width:100%;border-collapse:collapse;table-layout:fixed;text-align:center;font-size:13px;line-height:1.4}
.shift-table caption{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.shift-table th,.shift-table td{border:1px solid #e3e7e5;padding:4px 5px;height:30px;vertical-align:middle}
.shift-table th{font-weight:500}
.shift-table th:first-child{width:22%;text-align:left;padding-left:12px}
.shift-table thead{background:#f6f7f5;color:#44545e}
.shift-table tbody th small{display:block;font-size:9px;color:#626970;font-weight:400;line-height:1.5}
.shift-table td span{display:block;border-radius:2px;padding:4px 0}
.shift-on span{background:#e2edf1;color:#334955}
.shift-off span{color:#68717a;background:#f7f6f3}
.shift-table tfoot{font-size:12px}
.shift-table .shift-flag{background:#f8e4d1;color:#714726}
.shift-flag small{display:block;font-size:9px;line-height:1.5}
.shift-review{font-size:12px;color:#714726;background:#fbefe3;padding:9px 12px;margin:12px 0 0;line-height:1.7}
.shift-explanations{max-width:780px;margin:18px auto 0;text-align:center}
.shift-explanations p{padding:10px 0;margin:0;font-size:14px;line-height:1.9}
.shift-explanations strong{display:block;font-size:22px;font-weight:500;margin-bottom:3px}
.shift-explanations span{display:block;color:#525d65}
.shift-disclaimer{max-width:780px;margin:15px auto 0;text-align:center;font-size:12px;color:#626970;line-height:1.8}
.shift-motion .shift-scroll{height:205svh;position:relative}
.shift-motion .shift-sticky{position:sticky;top:68px}
.shift-motion .shift-explanations{position:relative;height:88px}
.shift-motion .shift-explanations p{position:absolute;inset:0;opacity:0;pointer-events:none}
.shift-motion .shift-explanations p.is-active{opacity:1}
/* Only JS adds this mode; the default diagram and all copy remain readable. */
.shift-short .shift-explanations{display:grid}
.shift-short .shift-explanations p{grid-area:1/1;opacity:0;pointer-events:none}
.shift-short .shift-explanations p.is-active{opacity:1;pointer-events:auto}
@media(prefers-reduced-motion:no-preference){
 .shift-short .shift-note{transition:transform .6s cubic-bezier(.65,0,.35,1)}
 .shift-short .shift-board,.shift-short .shift-table tbody td span{transition:transform .6s cubic-bezier(.65,0,.35,1),opacity .6s ease}
 .shift-short .shift-review,.shift-short .shift-explanations p{transition:opacity .6s ease}
 .shift-short .shift-flag{transition:background-color .6s ease}
}
.shift-outcome{padding-top:66px;padding-bottom:90px}
.shift-outcome-label{font-size:14px;color:#525d65}
.shift-time{display:flex;align-items:baseline;gap:18px;margin:16px 0 18px;font-size:clamp(22px,3vw,34px);letter-spacing:-.025em;flex-wrap:nowrap;line-height:1.35}
.shift-time>span:first-child{color:#626970;white-space:nowrap;flex-shrink:0}
.shift-time>span:nth-child(2){font-size:20px;flex-shrink:0}
.shift-time strong{font-size:clamp(28px,3.8vw,44px);font-weight:500;color:#1b1d1f;white-space:nowrap;flex-shrink:0}
.shift-outcome .shift-feedback{margin:52px 0 32px;border-top:1px solid #d4dad7;padding-top:28px}
.shift-feedback h3{font-size:25px;font-weight:500;line-height:1.6;margin-bottom:15px}
.shift-feedback p{font-size:15px;line-height:2}
.shift-feedback .note{font-size:12px;margin-top:14px}
#more-works>.wrap{max-width:1120px;padding-left:32px;padding-right:32px}
#more-works .work-slide{border-bottom:1px solid var(--hair);padding:48px 0}
@media(max-width:700px){
 .shift-chapter{padding-top:60px}
 .shift-intro h2{font-size:34px}
 .shift-intro .lead{font-size:14px}
 .shift-scroll{padding:0 16px;margin-top:28px}
 .shift-sticky{padding:8px 0}
 .shift-controls{gap:19px;margin-bottom:12px}
 .shift-controls button{font-size:11px}
 .shift-scene{padding:87px 0 0}
 .shift-notes{height:76px;gap:6px}
 .shift-notes{align-items:center}
 .shift-note{width:31%;height:48px;padding:8px 9px;gap:6px}
 .shift-input-icon{width:19px;height:19px}
 .shift-input-copy b{font-size:12px;white-space:nowrap;margin:0}
 .shift-input-copy small,.shift-input-copy>span{display:none}
 .shift-board{padding:13px 10px}
 .shift-board-heading{gap:4px;margin-bottom:10px}
 .shift-board-heading strong{font-size:14px}
 .shift-board-heading>span{font-size:8px}
 .shift-table{font-size:10px}
 .shift-table th,.shift-table td{padding:4px 2px;height:32px}
 .shift-table th:first-child{padding-left:5px}
 .shift-table tbody th small,.shift-flag small{font-size:8px}
 .shift-table tfoot{font-size:10px}
 .shift-review{font-size:12px;padding:7px}
 .shift-explanations{margin-top:12px}
 .shift-explanations strong{font-size:18px}
 .shift-explanations p{font-size:12px}
 .shift-disclaimer{font-size:12px;max-width:300px;margin:10px auto 0}
 .shift-motion .shift-scroll{height:175svh}
 .shift-motion .shift-sticky{top:66px}
 .shift-motion .shift-explanations{height:102px}
 .shift-outcome{padding-top:36px;padding-bottom:60px}
 .shift-time{gap:12px;font-size:22px}
 .shift-time strong{font-size:30px}
 .shift-time>span:nth-child(2){font-size:18px}
 .shift-feedback h3{font-size:22px}
 #more-works>.wrap{padding-left:20px;padding-right:20px}
}