/* Interactive workplace scene, using the company's blue/white palette. */
.about.about-office{display:block;background:#f1f8fc}
.about-office .office-visual{max-width:1280px;margin:0 auto;padding:64px 40px 30px;background:none}
.office-heading{margin:0 0 23px}.office-heading>span{font-size:13px}.office-heading>strong{font-size:28px}
.office-heading-actions{display:flex;align-items:center;gap:28px}.office-heading-actions>strong{font:700 28px Arial,sans-serif;color:#244d6a}.office-heading-actions>strong>span{font-size:15px;color:#138fc4;margin-left:9px;padding-left:12px;border-left:1px solid #b8d6e8}
.office-login{display:inline-flex;align-items:center;gap:12px;padding:11px 19px;background:#087eaf;border:1px solid #087eaf;border-radius:9px;box-shadow:0 5px 15px #117bae18;color:white;text-decoration:none;font-size:14px;font-weight:700;line-height:1.5;transition:background .2s,box-shadow .2s}.office-login-icon{font:24px/1 Arial,sans-serif}.office-login:hover{background:#096b98;box-shadow:0 6px 20px #117bae28}.office-login:focus-visible{outline:3px solid #168ac2;outline-offset:4px}
.office-stage{position:relative;isolation:isolate;overflow:hidden;border:1px solid #c9e4f2;border-radius:18px;aspect-ratio:1.68;background:radial-gradient(ellipse at 50% 42%,#f7fcff,#e3f2fc 72%,#d3eafa);box-shadow:0 22px 60px #1955800b}
.office-stage .office-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:1;transition:opacity .35s;mix-blend-mode:multiply}
.office-canvas-host{position:absolute;inset:0;outline:none;touch-action:pan-y;cursor:grab;opacity:0;transition:opacity .45s}
.office-canvas-host:active{cursor:grabbing}.office-canvas-host:focus-visible{outline:3px solid #168ac2;outline-offset:-5px;border-radius:18px}
.office-canvas-host canvas{display:block;width:100%;height:100%;touch-action:pan-y}
.office-stage.is-ready .office-fallback{opacity:0;pointer-events:none}.office-stage.is-ready .office-canvas-host{opacity:1}
.office-scene-label{position:absolute;left:26px;right:26px;top:23px;display:flex;justify-content:space-between;gap:15px;pointer-events:none;color:#36647e;font:600 13px/1.4 Arial,sans-serif;letter-spacing:2px}
.office-scene-label>span:last-child{color:#138dbb;font-size:12px;letter-spacing:1px}
.office-scene-controls{position:absolute;bottom:20px;left:22px;right:22px;display:flex;justify-content:flex-end;align-items:center;gap:9px}
.office-scene-controls[hidden]{display:none}.office-scene-controls>span{margin-right:auto;font-size:13px;color:#59798d;text-shadow:0 1px 5px #fff}
.office-scene-controls button{border:1px solid #b9d8e9;border-radius:7px;padding:9px 14px;color:#266381;background:#ffffffed;font-family:inherit;font-size:14px;font-weight:600;line-height:1.5;cursor:pointer;box-shadow:0 3px 10px #1e5a7807}
.office-scene-controls button:hover{background:#e9f7ff;border-color:#6eb5da}.office-scene-controls button:focus-visible{outline:3px solid #168ac2;outline-offset:3px}
.office-scene-controls button[aria-pressed="true"]{background:#e1f3fc;color:#0875a6}
.office-scene-message{position:absolute;left:20px;right:20px;bottom:16px;font-size:14px;color:#4c728b;text-align:center;background:#f1f9fdec;border-radius:7px;padding:9px}
.office-facts{margin:26px 0 0;grid-template-columns:repeat(3,1fr);max-width:1100px;gap:35px}.office-facts strong{font-size:38px}.office-facts strong>span{font-size:12px}
.office-visual>figcaption{margin:20px 0 0}
.about-office .about-text{display:grid;grid-template-columns:1fr 1.1fr;column-gap:85px;max-width:1280px;margin:auto;padding:38px 40px 74px;background:none}
.about-office .about-text>.eyebrow,.about-office .about-text>h2,.about-office .about-text>p,.about-office .about-text>.text-link{grid-column:1}
.about-office .about-text>h2{font-size:36px;margin:5px 0 20px;align-self:start}
.about-office .about-text>p:not(.eyebrow){font-size:16px;line-height:2;align-self:start;margin-top:0}
.about-office .about-text>dl{grid-column:2;grid-row:1 / span 4;margin:0;align-self:start}
.about-office .about-text>.text-link{align-self:start;justify-self:start;margin-top:12px}
@media(max-width:850px){.about-office .office-visual{padding:45px 25px 25px}.office-stage{aspect-ratio:1.25}.about-office .about-text{padding:28px 25px 55px;column-gap:35px}.about-office .about-text>h2{font-size:31px}}
@media(max-width:650px){.about-office .office-visual{padding:38px 16px 23px}.office-heading{margin:0 8px 18px}.office-heading>strong{font-size:24px}.office-stage{aspect-ratio:.94;border-radius:14px}.office-scene-label{left:16px;right:16px;top:18px;font-size:11px;letter-spacing:1.2px}.office-scene-label>span:last-child{font-size:11px}.office-scene-controls{left:12px;right:12px;bottom:12px;flex-wrap:wrap;justify-content:center;gap:8px}.office-scene-controls>span{flex-basis:100%;text-align:center;margin:0;font-size:12px}.office-scene-controls button{padding:7px 12px;font-size:13px}.office-facts{gap:22px;margin:22px 8px 0}.office-facts strong{font-size:32px;gap:10px}.office-facts strong>span{font-size:10px}.office-facts p{font-size:14px}.office-visual>figcaption{margin:18px 8px 0}.about-office .about-text{display:block;padding:25px 25px 50px}.about-office .about-text>h2{font-size:31px;margin-bottom:20px}.about-office .about-text>dl{margin-top:30px}.about-office .about-text>.text-link{margin-top:24px}}
@media(prefers-reduced-motion:reduce){.office-stage .office-fallback,.office-canvas-host{transition:none}}
.office-project{margin:28px 0 0;padding-top:28px;border-top:1px solid #bcdbea;color:#234d69}
.office-project-heading{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:42px}
.office-project-heading .eyebrow{font-size:12px;letter-spacing:1.5px;margin-bottom:12px}
.office-project h3{margin:0;font-size:29px;line-height:1.55;letter-spacing:-.5px;color:#17384f}
.office-project-lead{margin:0;font-size:16px;line-height:1.95;color:#536e82}
.office-project-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:25px}
.office-project-steps article{display:flex;align-items:flex-start;gap:13px;padding:18px 0;border-top:2px solid #b6dcec}
.office-project-steps article>span{flex:none;font:700 16px/1.8 Arial,sans-serif;color:#0787b6}
.office-project-steps h4{font-size:16px;line-height:1.7;margin:0 0 7px;color:#234d69}
.office-project-steps p{font-size:14px;line-height:1.85;color:#617b8f;margin:0}
@media(max-width:850px){.office-project-heading{gap:25px}.office-project-steps{gap:17px}.office-project h3{font-size:25px}}
@media(max-width:650px){.office-project{margin:22px 8px 0;padding-top:22px}.office-project-heading{display:block}.office-project h3{font-size:24px}.office-project-lead{margin-top:14px;font-size:16px;line-height:1.85}.office-project-steps{grid-template-columns:1fr;gap:0;margin-top:19px}.office-project-steps article{padding:14px 0;border-top:1px solid #cce1ed}.office-project-steps h4{margin-bottom:5px}.office-project-steps article>span{font-size:15px}}
@media(max-width:650px){.office-heading{align-items:flex-start;flex-direction:column;gap:12px}.office-heading-actions{width:100%;justify-content:space-between;gap:12px}.office-heading-actions>strong{font-size:24px}.office-login{padding:8px 12px;font-size:13px;gap:9px}.office-facts{gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.office-facts strong{display:block}.office-facts strong>span{display:block;font-size:9px;line-height:1.5;margin-top:6px;letter-spacing:.05em}.office-facts p{font-size:12px;line-height:1.7}}