.strategy-workplaces{width:min(1120px,calc(100vw - 28px));max-height:calc(100dvh - 28px);padding:0;border:0;border-radius:23px;background:#f9fcff;color:#18394b;box-shadow:0 25px 100px #10284465;overflow:auto;font-family:Inter,system-ui,sans-serif}.strategy-workplaces::backdrop{background:#102b4669;backdrop-filter:blur(7px)}.strategy-workplaces button{font:inherit;cursor:pointer}.strategy-workplaces button:focus-visible,.strategy-workplaces summary:focus-visible{outline:3px solid #f3ae45;outline-offset:3px}.workplace-header{display:flex;align-items:center;justify-content:space-between;padding:22px 30px 18px;background:#fff}.workplace-kicker{font-size:10px;font-weight:800;letter-spacing:.12em;color:#477887}.workplace-header h2{font-size:30px;letter-spacing:-.04em;margin:5px 0 0}.workplace-header>button{border:0;background:#edf4f8;color:#31536b;width:42px;height:42px;border-radius:50%;font-size:28px}.workplace-places{display:flex;align-items:stretch;gap:4px;padding:0 26px 12px;background:#fff;overflow:auto}.workplace-places button{border:0;background:transparent;color:#4e697b;font-size:12px;font-weight:750;white-space:nowrap;padding:10px 15px;border-radius:11px}.workplace-places button small{font-size:10px;display:block;font-weight:500;margin-top:3px}.workplace-places button[aria-current=page]{background:color-mix(in srgb,var(--workplace-color) 17%,white);color:#18394b;box-shadow:inset 0 -3px var(--workplace-color)}.workplace-places>span{width:1px;background:#d9e4e9;margin:8px 10px}.workplace-scene{position:relative;aspect-ratio:16/8.1;background:#d9e8ec;overflow:hidden}.workplace-poster,.workplace-scene video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.workplace-scene video[hidden]{display:none}.workplace-scene:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#082b436b);pointer-events:none}.workplace-scene-top{position:absolute;z-index:2;top:18px;left:24px;right:24px;display:flex;justify-content:space-between;gap:12px}.workplace-state,.workplace-calendar{background:#fffffff2;color:#224654;border-radius:30px;padding:9px 13px;font-size:11px;font-weight:750;box-shadow:0 2px 12px #1746641a;display:flex;gap:7px;align-items:center}.workplace-state i{width:7px;height:7px;border-radius:50%;background:var(--workplace-color);box-shadow:0 0 0 4px color-mix(in srgb,var(--workplace-color) 17%,white)}.workplace-calendar{font-weight:550}.workplace-task{position:absolute;z-index:2;left:28px;bottom:22px;color:white;text-shadow:0 2px 5px #16344791;max-width:80%}.workplace-task>span{font-size:12px;font-weight:800}.workplace-task h3{font-size:clamp(21px,2.65vw,35px);line-height:1.1;letter-spacing:-.035em;margin:7px 0 0;max-width:750px}.workplace-point{position:absolute;z-index:3;transform:translate(-50%,-50%);display:flex;align-items:center;gap:7px;background:#fffffff0;border:1px solid #fff;color:#1d4d61;border-radius:25px;padding:4px 12px 4px 4px;box-shadow:0 3px 12px #13384738;font-size:11px;font-weight:750}.workplace-point b{width:27px;height:27px;display:grid;place-items:center;background:var(--workplace-color);color:#fff;border-radius:50%;font-size:19px}.workplace-point:hover{transform:translate(-50%,-50%) scale(1.04)}.workplace-scene-note{position:absolute;z-index:4;right:20px;bottom:19px;max-width:320px;margin:0;background:#fffef5;color:#214554;border-left:4px solid var(--workplace-color);border-radius:9px;padding:13px 16px;font-size:13px;line-height:1.45;box-shadow:0 6px 22px #153f4340}.workplace-scene-note[hidden]{display:none}.workplace-process{display:flex;list-style:none;margin:0;padding:20px 28px;background:linear-gradient(105deg,#e8f5f6,#f1eef9);gap:18px;overflow:auto}.workplace-process li{flex:1;min-width:145px;display:flex;gap:10px;align-items:center;position:relative}.workplace-process li>span{flex:0 0 30px;height:30px;display:grid;place-items:center;border:1.5px solid #b9cdd3;border-radius:50%;font-size:12px;font-weight:800;color:#607988;background:#fbffff}.workplace-process li.is-complete>span{background:var(--workplace-color);color:white;border-color:var(--workplace-color)}.workplace-process li.is-active>span{border:2px solid var(--workplace-color);color:#24596d;box-shadow:0 0 0 5px color-mix(in srgb,var(--workplace-color) 16%,transparent)}.workplace-process li.is-held>span{background:#f8dcad;border-color:#bf8036}.workplace-process li.is-outside{opacity:.75}.workplace-process strong{display:block;font-size:12px;line-height:1.3}.workplace-process small{display:block;font-size:10px;color:#526b79;margin-top:4px;line-height:1.3}.workplace-now{display:grid;grid-template-columns:1fr 1fr;gap:38px;padding:23px 30px 15px}.workplace-now p,.workplace-next p{font-size:14px;line-height:1.5;margin:6px 0 0}.workplace-next{display:flex;gap:25px;justify-content:space-between;align-items:center;margin:0 30px;padding:16px 0 21px;border-top:1px solid #d9e8ed}.workplace-next>div{max-width:650px}.workplace-primary{border:0;background:var(--workplace-color);color:#fff;box-shadow:0 4px 0 #17384b26;padding:13px 20px;border-radius:12px;font-size:12px;font-weight:800;white-space:nowrap}.workplace-tools{display:flex;flex-wrap:wrap;gap:8px 22px;padding:0 30px 16px}.workplace-tools button{border:0;background:none;padding:6px 0;color:#3c637a;font-size:11px;font-weight:700}.workplace-evidence{font-size:11px;color:#607580;padding:0 30px 22px}.workplace-evidence summary{cursor:pointer;width:fit-content}.workplace-evidence p{max-width:820px;line-height:1.5}.strategy-workplaces[data-place=office] .workplace-scene{aspect-ratio:16/7}.strategy-workplaces[data-place=office] .workplace-poster{object-position:center 65%}@media(max-width:660px){.strategy-workplaces{width:calc(100vw - 12px);max-height:calc(100dvh - 12px);border-radius:16px}.workplace-header{padding:18px}.workplace-header h2{font-size:23px}.workplace-places{padding:0 8px 10px}.workplace-places button{padding:9px 10px;font-size:11px}.workplace-places>span{margin:8px 2px}.workplace-scene{aspect-ratio:1.12}.workplace-poster,.workplace-scene video{object-position:center}.workplace-scene-top{left:12px;right:12px;top:12px;gap:5px}.workplace-state,.workplace-calendar{font-size:9px;padding:8px 9px}.workplace-task{left:17px;bottom:18px;max-width:90%}.workplace-task>span{font-size:10px}.workplace-task h3{font-size:24px}.workplace-point span{display:none}.workplace-point{padding:3px}.workplace-point b{width:26px;height:26px}.workplace-process{gap:18px;padding:18px;scroll-snap-type:x proximity}.workplace-process li{min-width:147px;scroll-snap-align:start}.workplace-now{grid-template-columns:1fr;gap:14px;padding:20px 19px}.workplace-next{margin:0 19px;display:block}.workplace-next>button{margin-top:15px;width:100%}.workplace-tools{padding:0 19px 16px}.workplace-evidence{padding:0 19px 20px}.workplace-scene-note{left:12px;right:12px;bottom:85px;max-width:none;font-size:12px}.strategy-workplaces[data-place=office] .workplace-scene{aspect-ratio:1.12}}@media(prefers-reduced-motion:reduce){.workplace-point:hover{transform:translate(-50%,-50%)}}

.workplace-scope{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 30px;background:color-mix(in srgb,var(--workplace-color) 13%,white);font-size:11px;font-weight:700}.workplace-scope button{border:0;background:none;color:#365b70;text-decoration:underline;font-size:11px;padding:5px}

/* Keep the work and its first consequence in the first screen on laptops. */
.strategy-workplaces .workplace-header{position:sticky;top:0;z-index:10;padding:12px 24px;box-shadow:0 1px 0 #dce8ed}
.strategy-workplaces .workplace-header h2{font-size:25px;line-height:1.12;margin:4px 0 0}
.strategy-workplaces .workplace-header>button{width:auto;min-height:38px;height:auto;padding:10px 14px;border-radius:11px;font-size:0;white-space:nowrap}
.strategy-workplaces .workplace-header>button:after{content:'Back to company ×';font-size:12px;font-weight:750}
.strategy-workplaces .workplace-places{padding:5px 20px 7px}
.strategy-workplaces .workplace-places button{padding:7px 12px;line-height:1.1}
.strategy-workplaces .workplace-scope{padding:4px 24px;line-height:1.2}
.strategy-workplaces .workplace-scope button{padding:4px}
.strategy-workplaces .workplace-scene{aspect-ratio:auto;height:clamp(190px,39dvh,410px)}
.strategy-workplaces .workplace-poster,.strategy-workplaces .workplace-scene video{object-position:center 35%}
.strategy-workplaces .workplace-task{bottom:16px;left:24px}
.strategy-workplaces .workplace-task h3{font-size:clamp(22px,2.3vw,31px);line-height:1.12}
.strategy-workplaces .workplace-process{padding:14px 24px}
.strategy-workplaces .workplace-now{padding:17px 24px 14px;gap:28px}
@media(max-width:660px){
 .strategy-workplaces .workplace-header{padding:11px 15px}
 .strategy-workplaces .workplace-header h2{font-size:21px}
 .strategy-workplaces .workplace-header>button{padding:10px;font-size:0}
 .strategy-workplaces .workplace-header>button:after{content:'Back ×';font-size:12px}
 .strategy-workplaces .workplace-places{padding:4px 7px 7px}
 .strategy-workplaces .workplace-places button{padding:8px 10px}
 .strategy-workplaces .workplace-scope{padding:4px 15px;font-size:10px}
 .strategy-workplaces .workplace-scene{height:clamp(195px,36dvh,330px)}
 .strategy-workplaces .workplace-task{left:17px;bottom:16px}
 .strategy-workplaces .workplace-task h3{font-size:23px}
 .strategy-workplaces .workplace-process{padding:14px 17px}
 .strategy-workplaces .workplace-now{padding:17px;gap:14px}
}