/* Office mode: shared homepage content, a distinct architectural environment. */
:root{color-scheme:light;--office-paper:#e7eee8;--office-ink:#173a35;--office-muted:#45615a;--office-green:#255548;--office-line:#173a352b;--office-carpet:#719476;--cream:var(--office-ink);--ink:var(--office-paper);--gold:var(--office-green)}
body{background:var(--office-paper);color:var(--office-ink)}
body[data-office] .trailhead{height:100svh;min-height:880px;background:var(--office-paper);isolation:isolate}
body[data-office] .trailhead:before{inset:0;background:var(--office-paper) url('/images/severance/tre-milchick-office-v2.webp') center/cover no-repeat;filter:none;transform:none;will-change:auto;z-index:-2}
body[data-office] .trailhead:after{display:none}
body[data-office] .trailhead .hero-shade{z-index:-1;background:linear-gradient(90deg,#e7eee8e8 0%,#e7eee8c4 30%,#e7eee820 60%,transparent 75%),linear-gradient(0deg,#e7eee8 0%,transparent 17%)}
.hero-copy{top:23%;left:7%;width:47%}
body #hero-title{font-size:clamp(64px,6vw,96px);line-height:.96;letter-spacing:-.02em;text-shadow:none}
body #hero-title .hero-title-line,body #hero-title .hero-title-line em{background:none;color:var(--office-ink);text-shadow:none}
body #hero-title .hero-title-line em{color:var(--office-green)}
body .hero-copy .eyebrow{color:var(--office-ink);font-size:12px;letter-spacing:.06em}
body .hero-copy .intro{color:var(--office-ink);text-shadow:none;max-width:42ch;margin:24px 0;font-size:18px;line-height:1.65}
body .hero-copy .dot{background:var(--office-green)}
body .button,body .hero-copy .button,body .tales .book-actions .open{background:transparent;color:var(--office-ink);border:1px solid var(--office-green);box-shadow:none;border-radius:4px;font-size:14px;min-height:48px}
body .button.gold,body .hero-copy .button.gold,body .tales .book-actions .open{background:var(--office-green);color:var(--office-paper)}
body .hero-copy .experience{margin-top:32px}
body .journey-employers>span{color:var(--office-muted)}
body .journey-employer-logos img{filter:brightness(0) saturate(100%) opacity(.72);opacity:1}
.office-mode{position:absolute;top:112px;left:7%;z-index:4;font-size:13px;border-bottom:1px solid var(--office-line);padding:8px 0;display:flex;gap:20px}
.office-department{position:absolute;right:7%;top:124px;text-align:right;font-size:12px;letter-spacing:.16em;line-height:1.8}
.office-department>span{font-size:11px;letter-spacing:.04em}
body .chapter-bottom{border-color:var(--office-line);color:var(--office-muted);font-size:10px;letter-spacing:.08em}
body .chapter-bottom a{color:var(--office-ink)}
body .field,body .tales,body .journey-markers,body .journey-voices,body .journey-campsite{background:var(--office-paper);margin-top:0;overflow:hidden;position:relative;isolation:isolate}
body .field:before,body .tales:before,body .journey-markers:before,body .journey-voices:before,body .journey-campsite:before{inset:0;transform:none;mask-image:none;filter:none;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),var(--office-line) 25%),linear-gradient(180deg,#f1f4ef,var(--office-paper));opacity:.4}
body .field:after,body .tales:after,body .journey-markers:after,body .journey-voices:after{display:none}
body .tales{padding:100px 7% 110px;border-bottom:1px solid var(--office-line)}
body .eyebrow,body .book-number,body .book-caption,body .tales-invite span,body .story-collection__link,body .journey-marker-grid article>span{color:var(--office-muted)}
body .tales-heading{margin-bottom:50px}
body .book-actions{border-color:var(--office-line)}
body .cover-wrap{filter:drop-shadow(10px 18px 14px #173a3529)}
body .story-collection__stack img{filter:drop-shadow(0 8px 12px #173a352b)}
body .story-collection__link{color:var(--office-green)}
body .field{padding:100px 7%;min-height:0}
body .about-hed{color:var(--office-ink)}
body .about-awards,body .award-group-label,body .award-copy strong,body .award-copy span{color:var(--office-muted)}
body .about-field-note{background:#f6f7f0;color:var(--office-ink);border:1px solid var(--office-line);border-radius:3px;transform:none;box-shadow:8px 10px 0 #173a3508}
body .field-note-tape{display:none}
body .field-note-label,body .field-note-deck,body .field-note-copy p,body .field-note-photo figcaption{color:var(--office-ink)}
body .current-sticker{background:var(--office-green);color:var(--office-paper);transform:none;border-radius:2px;box-shadow:none}
body .journey-markers{padding:100px 7%;border-block:1px solid var(--office-line)}
body .journey-marker-grid article{background:#f5f7f0;border:1px solid var(--office-line);backdrop-filter:none;box-shadow:none;border-radius:2px}
body .journey-marker-grid h3,body .journey-marker-grid p{color:var(--office-ink)}
body .journey-voices{padding:100px 0}
body .testimonials-title{color:var(--office-ink)}
body .testimonial-board-nav button{background:var(--office-paper);color:var(--office-ink);border-color:var(--office-line)}
body .journey-campsite{padding:100px 7%;min-height:600px;background:linear-gradient(90deg,#e7eee8f5,#e7eee8a0),url('/images/severance/tre-milchick-office-v2.webp') center 65%/cover}
body .journey-campsite:before{display:none}
body .journey-campsite .journey-wrap>p,body .journey-campsite h2,body .journey-campsite h2 em{color:var(--office-ink)}
body .home-motion-control #motion{background:var(--office-paper);color:var(--office-ink);border:1px solid var(--office-line);border-radius:4px}
body .trail-progress:before{background:var(--office-line)}
body .trail-progress a:before{background:var(--office-paper);border-color:var(--office-green);box-shadow:none}
body .trail-progress a[aria-current]:before{background:var(--office-green);border-color:var(--office-green);box-shadow:none}
body .trail-progress a span{background:var(--office-green);color:var(--office-paper)}
a:focus-visible,button:focus-visible{outline-color:var(--office-green)}
@media(max-width:1050px) and (min-width:651px){.hero-copy{width:56%;top:24%}.office-department{right:5%}body #hero-title{font-size:72px}}
@media(max-width:650px){
 body[data-office] .trailhead{height:auto;min-height:1120px;display:block}
 body[data-office] .trailhead:before{inset:580px 0 0;background-position:70% center;background-size:auto 100%}
 body[data-office] .trailhead .hero-shade{background:linear-gradient(180deg,var(--office-paper) 0 50%,transparent 63%,transparent 90%,var(--office-paper))}
 .office-mode{top:90px;left:6%}.office-department{display:none}
 .hero-copy{position:relative;top:auto;left:auto;width:auto;margin:0;padding:154px 6% 0}
 body #hero-title{font-size:clamp(56px,14vw,76px)}
 body .hero-copy .eyebrow{font-size:10px;letter-spacing:.02em;margin-bottom:20px}
 body .hero-copy .intro{font-size:17px;max-width:36ch}
 body .hero-copy .experience{margin-top:26px}
 body .journey-employer-logos{flex-wrap:wrap;gap:10px 18px}
 body .chapter-bottom{left:6%;right:6%;bottom:22px;gap:14px}
 body .chapter-bottom>span:last-child{display:none}
 body .field,body .tales,body .journey-markers{padding:72px 6%}
 body .tales-heading{gap:24px;margin-bottom:32px}
 body .journey-voices{padding:72px 0}
 body .journey-campsite{padding:72px 6%;min-height:480px}
 body .journey-marker-grid{grid-template-columns:1fr}
 body .book:nth-child(2){padding-top:0}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
:root{--action-gold:var(--office-green);--action-ink:var(--office-paper);--action-radius:4px}
html body #tales .book-actions .open{border-radius:4px}
@media(max-width:650px){body[data-office] .trailhead .hero-copy{padding:154px 6% 0}body[data-office] .trailhead{padding-bottom:76px}body .hero-copy .experience{max-width:100%;border-color:var(--office-line)}}
@media(max-width:650px){body[data-office] .trailhead{min-height:1320px}body[data-office] .trailhead:before{inset:760px 0 0}body[data-office] .trailhead .hero-shade{background:linear-gradient(180deg,var(--office-paper) 0 56%,transparent 64%,transparent 92%,var(--office-paper))}}
/* Independent transparent foreground layers; the office plate contains no people. */
body[data-office] .trailhead:before{background-image:url('/images/severance/office-background-v3.webp')}
.office-tre-layer,.office-cast-layer{position:absolute;pointer-events:none;transform-origin:50% 100%;will-change:transform}
.office-tre-layer{z-index:2;right:3%;bottom:6%;height:80%;max-height:1000px;width:32%;transform:translate3d(calc(var(--office-x,0px) * 1.1),calc(var(--office-y,0px) * .6),0)}
.office-cast-layer{z-index:1;right:25%;bottom:13%;width:31%;transform:translate3d(calc(var(--office-x,0px) * .35),calc(var(--office-y,0px) * .25),0)}
.office-tre-layer img,.office-cast-layer img{display:block;width:100%;height:100%;object-fit:contain;object-position:bottom;filter:drop-shadow(0 14px 10px #173a3520)}
body .journey-campsite{--office-party-ink:#f1f5ec;background:#102f34 url('/images/severance/web/party-v1.webp') center/cover no-repeat;min-height:800px;display:flex;align-items:center;padding-block:120px}
body .journey-campsite:before{display:block;content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0c222ce6,#0c222c99 38%,transparent 68%),linear-gradient(0deg,#0c222c77,transparent 30%)}
body .journey-campsite:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,#cf285312,transparent 50%,#1677ae18);animation:office-party-light 8s ease-in-out infinite alternate}
body .journey-campsite .journey-wrap{position:relative;z-index:1;width:100%}
body .journey-campsite .journey-wrap>p,body .journey-campsite h2,body .journey-campsite h2 em{color:var(--office-party-ink)}
body .journey-campsite h2,body .journey-campsite .journey-wrap>p:not(.eyebrow){max-width:20ch}
body .journey-campsite .button{color:var(--office-party-ink);border-color:var(--office-party-ink)}
body .journey-campsite .button.gold{background:var(--office-party-ink);color:var(--office-ink);border-color:var(--office-party-ink)}
@keyframes office-party-light{to{opacity:.15}}
.motion-paused .office-tre-layer,.motion-paused .office-cast-layer{transform:none;will-change:auto}
.motion-paused .journey-campsite:after{animation:none}
@media(max-width:1050px) and (min-width:651px){.office-tre-layer{right:0;width:36%;height:74%}.office-cast-layer{right:21%;width:33%;bottom:10%}}
@media(max-width:650px){.office-tre-layer{right:0;bottom:60px;height:490px;width:61%}.office-cast-layer{right:42%;bottom:95px;width:58%}body .journey-campsite{min-height:940px;align-items:flex-start;background-position:70% bottom;background-size:auto 600px;padding-top:72px;background-color:#102f34}body .journey-campsite:before{background:linear-gradient(180deg,#102f34 0 32%,#102f34cc 43%,transparent 65%)}body .journey-campsite .journey-wrap>p:not(.eyebrow){max-width:27ch}}
@media(prefers-reduced-motion:reduce){.office-tre-layer,.office-cast-layer{transform:none;will-change:auto}.journey-campsite:after{animation:none!important}}
@media(min-width:651px){body .journey-campsite{min-height:max(800px,56.25vw)}}
body[data-office] :is(#tales-title,#field-notes-title,#principles-title,#testimonials-title){color:var(--office-ink);text-shadow:none}
body[data-office] .current-sticker :is(span,strong){color:var(--office-paper)}
/* Episode stills: each department has its own camera, material and light. */
body[data-office] :is(.tales,.field,.journey-markers,.journey-voices){min-height:100svh;padding-top:clamp(90px,9vw,180px);padding-bottom:clamp(100px,10vw,190px);border:0}
body[data-office] :is(.tales,.field,.journey-markers,.journey-voices):before{content:'';position:absolute;inset:0;z-index:-2;background:var(--office-still) center/cover no-repeat;opacity:1;mask-image:none;filter:none;transform:none}
body[data-office] :is(.tales,.field,.journey-markers,.journey-voices):after{content:'';display:block;position:absolute;inset:0;z-index:-1;pointer-events:none;background:var(--office-scene-shade)}
body[data-office] .tales{--office-still:url('/images/severance/web/still-archive-v1.webp');--office-scene-shade:linear-gradient(180deg,#e7eee8de, #e7eee87a 35%,#e7eee8aa 75%,#173a3544)}
body[data-office] .field{--office-still:url('/images/severance/still-wellness-v1.webp');--office-scene-shade:linear-gradient(90deg,#102d2bdd,#102d2b66 52%,#102d2b22);color:var(--office-paper)}
body[data-office] .journey-markers{--office-still:url('/images/severance/still-corridor-v1.webp');--office-scene-shade:linear-gradient(180deg,#e7eee8c9,#e7eee833 48%,#e7eee860)}
body[data-office] .journey-voices{--office-still:url('/images/severance/still-conference-v1.webp');--office-scene-shade:linear-gradient(180deg,#102d2bd9,#102d2b40 65%,#102d2b88)}
body[data-office] .field #field-notes-title,body[data-office] .journey-voices #testimonials-title{color:var(--office-paper)}
body[data-office] .field :is(.eyebrow,.award-group-label,.award-copy strong,.award-copy span),body[data-office] .journey-voices :is(.eyebrow,.testimonials-subtitle){color:var(--office-paper)}
body[data-office] .field .about-awards{border-color:#e7eee850}
body[data-office] .field .about-field-note{background:#edf1e8f2;box-shadow:0 24px 70px #07151350;padding:36px;border:1px solid #ffffff70}
body[data-office] .tales .tales-heading{max-width:1280px;margin-bottom:60px}
body[data-office] .tales .tales-invite{background:#e7eee8d9;border:1px solid var(--office-line);border-radius:2px;padding:22px;text-shadow:none;box-shadow:none;backdrop-filter:blur(10px)}
body[data-office] .journey-marker-grid{gap:20px}
body[data-office] .journey-marker-grid article{background:#edf1e8e8;backdrop-filter:blur(8px);padding:32px;border-color:#ffffff80;box-shadow:0 10px 40px #173a3510}
body[data-office] .journey-marker-grid article>span{font-size:11px}
body[data-office] .journey-voices .testimonial-sources,body[data-office] .journey-voices .testimonial-rail-status{color:var(--office-paper)}
.office-endnote{background:#0d252b;color:var(--office-paper);font-size:12px;padding:24px 7%;border:0}
.office-endnote a{text-decoration:underline;text-underline-offset:4px}
.office-cast-layer{width:36%;right:22%;bottom:9%}
.office-tre-layer{height:74%;max-height:930px;right:3%;bottom:7%}
@media(max-width:1050px) and (min-width:651px){.office-cast-layer{width:35%;right:25%;bottom:9%}.office-tre-layer{height:69%;right:0}}
@media(max-width:650px){body[data-office] :is(.tales,.field,.journey-markers,.journey-voices){padding-top:90px;padding-bottom:110px}body[data-office] .field{--office-scene-shade:linear-gradient(180deg,#102d2be6,#102d2b77)}body[data-office] .field .about-field-note{padding:24px}body[data-office] .journey-marker-grid article{padding:24px}.office-tre-layer{height:475px;width:62%;right:0;bottom:60px}.office-cast-layer{width:61%;right:39%;bottom:88px}.office-endnote{display:grid;gap:14px}}
html.motion-paused{scroll-behavior:auto}
body[data-office] #voices .testimonials-kicker{color:var(--office-paper)}
body[data-office] #tales :is(.book-title,.book-caption,.story-collection__copy strong,.story-collection__copy>span){color:var(--office-ink);text-shadow:none}
body[data-office] #tales .book-meta{background:#edf1e8eb;padding:20px 16px;border:1px solid #ffffff60;margin-top:18px}
body[data-office] #tales .book-actions{border-color:var(--office-line)}
body[data-office] #tales .story-collection__copy{background:#edf1e8eb;padding:20px 16px}
@media(min-width:1051px){.office-tre-layer{height:68%;width:29%}.office-cast-layer{width:42%;right:21%;bottom:12%}}
@media(max-width:650px){body #hero-title{font-size:clamp(44px,11.5vw,68px)}}
/* Printed hardback jackets, using the current landscape case artwork in full. */
body[data-office] #tales .cover-wrap{width:min(100%,310px);height:auto;aspect-ratio:2/3;transform:rotateY(-12deg) rotateZ(-1deg);filter:drop-shadow(14px 20px 16px #102d2b40)}
body[data-office] #tales .cover-wrap:before{content:'';position:absolute;left:-10px;top:1%;bottom:1%;width:14px;background:linear-gradient(90deg,#0c2830,#2b5461);transform:skewY(-10deg);border-radius:3px 0 0 3px}
body[data-office] #tales .cover-wrap:after{right:-10px;width:12px;background:repeating-linear-gradient(#f0eadb 0 2px,#a8ac9d 2px 3px);border-right:2px solid #244955}
body[data-office] #tales .office-jacket{aspect-ratio:2/3;height:100%;background:#102e38;color:#eff3e9;border-radius:1px 4px 4px 1px;box-shadow:inset 8px 0 8px #0004}
body[data-office] #tales .office-jacket>img{top:12%;height:auto;aspect-ratio:16/9;object-fit:contain;object-position:center;width:100%;border-block:1px solid #eff3e933}
body[data-office] #tales .office-jacket>video{display:none}
.office-jacket-imprint{position:absolute;top:4%;left:8%;right:5%;font:600 9px/1.4 var(--type-body);letter-spacing:.12em;text-align:left;color:#c7d6d0}
.office-jacket-print{position:absolute;top:53%;left:9%;right:8%;bottom:6%;display:flex;flex-direction:column;justify-content:space-between;gap:10px;text-align:left}
.office-jacket-print>strong{font:500 clamp(24px,2.3vw,36px)/1.08 var(--type-narrative);letter-spacing:-.025em;color:#eff3e9;max-width:12ch}
.office-jacket-print>span{font:500 14px var(--type-body);color:#c7d6d0;margin-top:auto}
.office-jacket-print>small{font:500 9px/1.5 var(--type-body);letter-spacing:.08em;text-transform:uppercase;color:#aabeb7}
body[data-office] #tales .book:nth-child(2){padding-top:0}
body[data-office] #tales .book:nth-child(2) .office-jacket{background:#213c35}
body[data-office] #tales .book:nth-child(3) .office-jacket{background:#343b35}
body[data-office] #tales .book-meta{background:none;border:0;padding:22px 0;margin-top:0}
body[data-office] #tales .book-title{font-size:24px!important}
body[data-office] #tales .book:hover .cover-wrap,body[data-office] #tales .book:focus-within .cover-wrap{transform:translateY(-10px) rotateY(-3deg)}
body[data-office] #tales .story-collection{gap:30px}
body[data-office] #tales .story-collection__stack{width:150px;height:225px;flex-basis:auto}
.office-mini-jacket{position:absolute;width:112px;height:170px;left:20px;bottom:10px;background:#173a35;box-shadow:7px 8px 10px #102d2b35;border-right:4px solid #e9e5d5;border-radius:1px 3px 3px 1px;transform-origin:50% 90%}
.office-mini-jacket:nth-child(1){transform:rotate(-16deg) translateX(-24px)}
.office-mini-jacket:nth-child(2){transform:rotate(14deg) translateX(24px)}
body[data-office] #tales .office-mini-jacket img{position:static;inset:auto;width:100%;height:65px;object-fit:cover;transform:none;filter:none;border:0;border-radius:0;margin-top:16px}
.office-mini-jacket>strong{display:block;padding:12px;font:500 17px/1.05 var(--type-narrative);color:#eff3e9!important}
body[data-office] #tales .story-collection__copy{background:none;padding:0}
@media(max-width:650px){body[data-office] #tales .books{max-width:310px}.office-jacket-print>strong{font-size:34px}body[data-office] #tales .story-collection{gap:22px}.office-jacket-print>small{font-size:10px}}
/* Foreground portrait framing: render upper half of the preserved transparent asset. */
body[data-office] .office-tre-layer{height:82%;max-height:1100px;width:43%;right:0;bottom:0;overflow:hidden;mask-image:linear-gradient(#000 0 87%,transparent 100%)}
body[data-office] .office-tre-layer img{position:absolute;top:0;left:50%;transform:translateX(-50%);width:auto;height:200%;max-width:none;object-fit:contain;object-position:top}
body[data-office] .office-cast-layer{right:33%;width:30%;bottom:9%}
@media(max-width:1050px) and (min-width:651px){body[data-office] .office-tre-layer{width:47%;height:74%}body[data-office] .office-cast-layer{right:35%;width:30%}}
@media(max-width:650px){body[data-office] .trailhead{min-height:1430px}body[data-office] .trailhead:before{inset:870px 0 0}body[data-office] .office-tre-layer{height:510px;width:86%;bottom:15px;right:-12%}body[data-office] .office-cast-layer{width:60%;right:43%;bottom:85px}}
/* Scene fades, canvas department plaques, and layered cel dance animation. */
body[data-office] :is(.tales,.field,.journey-markers,.journey-voices):before{opacity:var(--scene-reveal,1)}
.office-canvas-ui{position:absolute;top:28px;right:7%;width:320px;height:48px;z-index:5;pointer-events:none;opacity:.8}
#trailhead .office-canvas-ui{top:auto;bottom:88px;right:4%}
#connect .office-canvas-ui{top:32px}
body[data-office] .journey-campsite{background-image:url('/images/severance/web/party-empty-v2.webp')}
.office-dance-sprites{position:absolute;right:1%;bottom:6%;width:64%;aspect-ratio:2/1;z-index:1;background:url('/images/severance/dance-sprites-v1.webp') 0 0/200% 300% no-repeat;pointer-events:none;filter:drop-shadow(0 20px 12px #06191b60)}
.office-disco-webgl{position:absolute;inset:0;z-index:2;pointer-events:none;mix-blend-mode:screen}
.office-disco-webgl canvas{display:block;width:100%;height:100%}
body[data-office] #connect .journey-wrap{z-index:3}
body[data-office] #connect:after{animation:none;display:none}
@media(max-width:650px){.office-canvas-ui{width:260px;height:39px;right:6%;top:24px}#trailhead .office-canvas-ui{bottom:58px;right:4%;width:220px;height:33px}.office-dance-sprites{width:150%;right:-22%;bottom:11%;max-width:none}body[data-office] .journey-campsite{overflow:hidden}}
@media(prefers-reduced-motion:reduce){[data-office-layer],.office-dance-sprites{animation:none}body[data-office] .cover-wrap{transition:none!important}}
/* Review fixes: unclip the welcoming arm and put MDR at work in the middle. */
body[data-office] .trailhead:before{background-image:url('/images/severance/web/office-empty-v4.webp')}
body[data-office] .office-tre-layer{overflow:visible;mask-image:none}
body[data-office] .office-tre-layer img{mask-image:linear-gradient(#000 0 46%,transparent 56%)}
body[data-office] .office-cast-layer{width:46%;right:26%;bottom:8%;z-index:1}
body[data-office] .field{--office-still:url('/images/severance/web/still-private-office-v2.webp');--office-scene-shade:linear-gradient(90deg,#102d2bd9,#102d2b55 45%,#102d2b11)}
body[data-office] #field-notes>.wrap{max-width:1540px;padding:0 32px}
body[data-office] #field-notes .about-grid{grid-template-columns:minmax(300px,.8fr) minmax(0,1.3fr);gap:8%;align-items:center}
.office-laptop{position:relative;min-width:0;align-self:center;filter:drop-shadow(0 24px 20px #07151460)}
.office-laptop-screen{position:relative;border:14px solid #17242c;border-bottom-width:23px;border-radius:15px 15px 6px 6px;background:#d9dfe3;overflow:hidden;box-shadow:inset 0 0 0 1px #778588,0 1px 0 1px #4f6265}
.office-laptop-screen:before{content:'';position:absolute;top:-9px;left:50%;width:5px;height:5px;border-radius:50%;background:#778588}
.office-word-titlebar{display:flex;align-items:center;gap:14px;padding:10px 18px;background:#214b73;color:#f6f7f8;font:500 12px/1.4 var(--type-body)}
.office-word-titlebar>strong{font-size:17px}.office-word-titlebar>span:last-child{margin-left:auto;font-size:10px;opacity:.8}
.office-word-ribbon{display:flex;gap:20px;padding:10px 18px;background:#f3f5f7;color:#334a5b;border-bottom:1px solid #b8c4cc;font:12px/1.4 var(--type-body)}
.office-word-ribbon b{border-bottom:2px solid #214b73;padding-bottom:3px}
.office-word-document{padding:20px 26px 26px;max-height:650px;overflow:auto;scrollbar-width:thin}
body[data-office] .field .office-word-document .about-field-note{background:#fff;box-shadow:0 2px 8px #34495922;border:0;border-radius:0;padding:34px;color:#23353d}
body[data-office] .office-word-document .field-note-photo{display:none}
body[data-office] .office-word-document .field-note-copy{font-size:16px;line-height:1.65}
body[data-office] .office-word-document .field-note-copy p{color:#23353d;text-shadow:none;font-weight:400}
body[data-office] .office-word-document .field-note-deck{display:block;margin-bottom:22px;font:500 28px/1.2 var(--type-narrative)}
body[data-office] .office-word-document .field-note-deck span:last-child{display:none}
body[data-office] .office-word-document .field-note-label{font-size:10px;color:#57717e}
body[data-office] .office-word-document .current-sticker{position:static;max-width:none;margin:24px 0 0;padding:14px 16px}
.office-word-status{display:flex;justify-content:space-between;padding:6px 18px;background:#edf1f3;color:#526571;font:10px/1.4 var(--type-body)}
.office-laptop-base{position:relative;margin:0 -4%;height:20px;background:linear-gradient(#c2ced0,#7f969a);border-radius:1px 1px 40% 40%;border:1px solid #658084;box-shadow:0 9px 12px #07151430}
.office-laptop-base>span{position:absolute;left:39%;top:0;width:22%;height:7px;background:#779094;border-radius:0 0 5px 5px}
.office-doc-cursor{display:inline-block;vertical-align:-.15em;height:1.05em;width:1.5px;background:#23353d;margin-left:3px;animation:office-caret 1.1s steps(2,end) infinite}
@keyframes office-caret{50%{opacity:0}}
.motion-paused .office-doc-cursor{animation:none;opacity:1}
@media(max-width:1050px) and (min-width:651px){body[data-office] .office-cast-layer{width:49%;right:23%}body[data-office] #field-notes .about-grid{grid-template-columns:minmax(260px,.75fr) minmax(0,1.2fr);gap:5%}.office-word-document{padding:14px}body[data-office] .field .office-word-document .about-field-note{padding:24px}}
@media(max-width:760px){body[data-office] #field-notes .about-grid{grid-template-columns:1fr;gap:44px}body[data-office] #field-notes>.wrap{padding:0}body[data-office] #field-notes .office-laptop{margin:0 6px}.office-laptop-screen{border-width:9px;border-bottom-width:18px}.office-word-ribbon{gap:14px;font-size:10px}.office-word-document{padding:14px 10px;max-height:650px}body[data-office] .field .office-word-document .about-field-note{padding:22px}body[data-office] .office-word-document .field-note-copy p{font-size:16px;line-height:1.65}.office-word-titlebar{padding:9px 12px;font-size:11px}}
@media(max-width:650px){body[data-office] .office-cast-layer{width:94%;right:6%;bottom:90px}body[data-office] .office-tre-layer{right:-6%;width:92%}body[data-office] .office-tre-layer img{height:178%;left:62%}}
@media(prefers-reduced-motion:reduce){.office-doc-cursor{animation:none;opacity:1}}
.office-refinement-canvas{position:absolute;top:15%;right:13%;width:36%;height:62%;z-index:0;pointer-events:none;mask-image:radial-gradient(ellipse,#000 35%,transparent 74%)}
@media(max-width:650px){.office-refinement-canvas{top:auto;bottom:100px;right:0;width:85%;height:450px}}
/* The wellness desk: scoped CSS depth and accessible object interactions. */
.office-desk-scene{position:relative;min-width:0;perspective:1400px;padding:0 30px 28px;isolation:isolate}
.office-desk-scene:before{content:'';position:absolute;z-index:-1;left:-7%;right:-7%;bottom:0;height:190px;background:linear-gradient(165deg,#785745,#3e3029);border:1px solid #a38967;border-bottom:12px solid #30241e;border-radius:8px;transform:rotateX(8deg);box-shadow:0 30px 45px #07151466}
.office-desk-controls{display:flex;justify-content:space-between;gap:12px;margin:0 0 18px}
.office-desk-controls button{padding:10px 14px;border:1px solid #b4c8bd66;background:#173c36;color:#edf2e9;border-radius:4px;font:500 12px/1.4 var(--type-body);cursor:pointer}
.office-desk-controls button:focus-visible,.office-outie-photo summary:focus-visible,.office-desk-handbook:focus-visible{outline:3px solid #dcbf7e;outline-offset:5px}
.office-desk-scene .office-laptop{perspective:1400px;transform-style:preserve-3d}
.office-desk-scene .office-laptop-screen{transform-origin:50% 100%;backface-visibility:hidden;will-change:transform;background:#17242c}
.office-laptop.is-closed .office-laptop-screen>*{visibility:hidden}
.office-laptop.is-closed .office-laptop-screen:after{content:'DESIGN DIVISION';position:absolute;inset:0;display:grid;place-items:center;color:#a7c0bb;font:500 16px var(--type-body);letter-spacing:.2em}
.office-desk-objects{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;position:relative;margin-top:26px}
.office-outie-photo{position:relative;width:110px;padding:8px;background:#e8e1d1;color:#23353d;transform:rotate(-5deg);box-shadow:3px 6px 8px #07151450;font:12px/1.45 var(--type-body)}
.office-outie-photo summary{cursor:pointer;list-style:none}.office-outie-photo summary::-webkit-details-marker{display:none}
.office-outie-photo img{display:block;width:100%;height:88px;object-fit:cover;object-position:50% 43%}.office-outie-photo summary span{display:block;text-align:center;padding-top:6px;font-size:10px}
.office-outie-photo[open]{width:200px;transform:rotate(-2deg)}.office-outie-photo p{font-size:12px!important;color:#23353d!important;line-height:1.5!important;margin:12px 0!important}.office-outie-photo a{color:#214b73}
.office-desk-handbook{display:flex;flex-direction:column;justify-content:space-between;width:150px;min-height:160px;padding:18px;color:#e8e1d1;background:#214c42;border-left:7px solid #15372f;box-shadow:4px 4px 0 #c5bca6,8px 9px 12px #07151455;transform:rotate(5deg);text-decoration:none}
.office-desk-handbook small{font:8px var(--type-body);letter-spacing:.14em}.office-desk-handbook strong{font:500 22px/1.05 var(--type-narrative)}.office-desk-handbook span{font:9px/1.5 var(--type-body)}
.office-desk-lamp{position:relative;display:block;width:110px;height:180px;border-bottom:10px solid #b3b9a5;border-radius:50%}
.office-desk-lamp:before{content:'';position:absolute;left:51px;bottom:0;width:7px;height:160px;background:#b3b9a5}.office-desk-lamp i{position:absolute;top:0;left:10px;width:90px;height:65px;background:#d4d9c5;clip-path:polygon(20% 0,80% 0,100% 100%,0 100%)}
body[data-office] .field.wellness-warm{--office-scene-shade:linear-gradient(90deg,#392d24d9,#5f472e55 45%,#b68d411a)}
.wellness-warm .office-desk-lamp i{background:#f3dda0;filter:drop-shadow(0 0 18px #ffda78)}
.wellness-warm .office-desk-scene:after{content:'';position:absolute;right:-10%;top:12%;width:65%;height:95%;background:radial-gradient(ellipse,#f4c86a25,transparent 70%);pointer-events:none;z-index:-1}
@media(max-width:760px){.office-desk-scene{padding:0 12px 24px}.office-desk-scene:before{left:-12px;right:-12px}.office-desk-controls{flex-wrap:wrap}.office-desk-objects{gap:18px}.office-desk-handbook{width:130px;min-height:145px;padding:14px}.office-desk-lamp{width:60px;height:150px}.office-desk-lamp:before{left:27px;height:130px}.office-desk-lamp i{left:0;width:60px;height:50px}}
/* Separate character plates share the room's light, while Tre shuffles in front. */
.office-character-canvas{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.office-dance-sprites[data-canvas-ready]{background-image:none}
body[data-office] .office-cast-layer[data-canvas-ready]>img{display:none}
body[data-office] .office-cast-layer .office-character-canvas{height:auto;position:absolute;bottom:0;left:0}
.office-dance-sprites{width:58%;right:0;bottom:15%;aspect-ratio:2/1}
.office-tre-shuffle{position:absolute;z-index:2;right:20%;bottom:5%;width:22%;aspect-ratio:1/1;pointer-events:none;filter:drop-shadow(0 18px 9px #07151480)}
@media(max-width:650px){.office-dance-sprites{width:125%;right:-18%;bottom:17%}.office-tre-shuffle{width:56%;right:23%;bottom:7%}}
body[data-office] .journey-campsite{background-color:#091329;background-blend-mode:hard-light}
.office-tre-shuffle{aspect-ratio:1/1}
.office-dance-sprites{width:50%;right:25%;bottom:12%}
.office-tre-shuffle{width:32%;right:-2%;bottom:4%}
@media(max-width:650px){.office-dance-sprites{width:112%;right:9%;bottom:20%}.office-tre-shuffle{width:70%;right:-12%;bottom:6%}}
/* Match the existing office perspective; no second desk or duplicate lamp. */
.office-desk-scene{max-width:650px;width:100%;justify-self:end;padding:0 22px 30px;perspective:1600px}
.office-desk-scene:before,.office-desk-scene:after{display:none}
.office-desk-scene .office-laptop{transform:rotateY(-6deg) rotateX(3deg);transform-origin:50% 100%;filter:drop-shadow(0 14px 10px #07151470)}
.office-desk-scene .office-laptop-screen{border-width:10px;border-bottom-width:19px;border-radius:10px 10px 3px 3px;box-shadow:inset 0 0 0 1px #778588,3px 2px 0 #344449}
.office-desk-scene .office-word-document{max-height:370px;padding:18px;background:#d9dfe3}
body[data-office] .field .office-desk-scene .about-field-note{background:#fff!important;background-image:none!important;padding:26px;box-shadow:0 2px 6px #17242c22!important;transform:none!important}
body[data-office] .field .office-desk-scene .about-field-note:before,body[data-office] .field .office-desk-scene .about-field-note:after{display:none!important}
.office-desk-scene .office-laptop-base{height:84px;margin:0 -5%;border-radius:2px 2px 16px 16px;background:linear-gradient(165deg,#9caaa8,#566963);transform:rotateX(48deg);transform-origin:50% 0;box-shadow:0 8px 0 #344449,0 16px 12px #07151466}
.office-desk-scene .office-laptop-base:before{content:'';position:absolute;inset:10px 12% 35px;background:repeating-linear-gradient(90deg,transparent 0 18px,#6c807b 18px 21px),repeating-linear-gradient(0deg,#20332f 0 9px,#6c807b 9px 12px);border:3px solid #6c807b;border-radius:3px}
.office-desk-scene .office-laptop-base>span{left:36%;top:auto;bottom:10px;width:28%;height:22px;background:#849791;border:1px solid #506a60;border-radius:3px}
.office-desk-objects{justify-content:flex-start;margin-top:-4px;padding-left:26px}
.office-outie-photo{transform:perspective(600px) rotateY(-7deg) rotate(-4deg);box-shadow:3px 7px 5px #07151460}
.office-desk-controls{justify-content:flex-start;gap:10px}.office-desk-controls button{min-height:44px;font-size:11px;background:#16372fd9}
@media(max-width:760px){.office-desk-scene{max-width:none;padding:0 6px 18px}.office-desk-scene .office-laptop{transform:none}.office-desk-scene .office-word-document{max-height:none;padding:12px}.office-desk-scene .office-laptop-base{height:60px}.office-desk-scene .office-laptop-base:before{inset:6px 12% 29px}.office-desk-scene .office-laptop-base>span{height:18px;bottom:5px}.office-desk-objects{margin-top:0}}
/* Overlap room plates and dissolve the incoming edge across a shared strip. */
body[data-office] main>section:not(:first-child){--room-dissolve:120px;margin-top:calc(-1 * var(--room-dissolve));padding-top:calc(100px + var(--room-dissolve));border-top:0;border-bottom:0;mask-image:linear-gradient(to bottom,transparent 0,#000 var(--room-dissolve),#000 100%)}
body[data-office] main>section:not(:first-child)>.office-canvas-ui{top:calc(var(--room-dissolve) + 24px)}
body[data-office] .office-endnote{margin-top:-1px}
@media(max-width:650px){body[data-office] main>section:not(:first-child){--room-dissolve:72px;padding-top:calc(90px + var(--room-dissolve))}}
@media(min-width:761px){.office-desk-objects .office-outie-photo{transform:translate(-150px,-130px) perspective(600px) rotateY(-7deg) rotate(-4deg)}}
/* Testimonials: band above, a full-width two-row editorial mosaic below. */
body[data-office] #voices{padding-bottom:70px;background:#10282d}
body[data-office] #voices>.voices-wrap{max-width:none;width:100%;padding:0;margin:0}
body[data-office] #voices .testimonials-head{position:relative;z-index:2;max-width:1600px;margin:0 auto 18px;padding:0 7%;display:grid;grid-template-columns:1fr 1fr;gap:40px}
body[data-office] #voices .testimonials-title{font-size:clamp(32px,3vw,52px);max-width:16ch;line-height:1.08}
body[data-office] #voices .testimonials-copy{align-self:end;max-width:520px}
body[data-office] #voices .testimonial-controls{margin-top:14px}
.office-band-stage{position:relative;height:clamp(290px,31svh,440px);width:100%;overflow:hidden;margin:0 0 -24px;mask-image:linear-gradient(transparent 0,#000 12%,#000 78%,transparent 100%);pointer-events:none}
.office-band-stage .office-character-canvas{width:100%;height:100%;object-fit:cover;object-position:50% 38%}
body[data-office] #voices .testimonial-board-shell{position:relative;z-index:2;width:100%;margin:0;overflow:visible}
body[data-office] #voices .testimonial-board-shell:before,body[data-office] #voices .testimonial-board:before,body[data-office] #voices .testimonial-board:after{display:none}
body[data-office] #voices .testimonial-board{display:grid;grid-auto-flow:column dense;grid-template-rows:repeat(2,280px);grid-auto-columns:280px;gap:18px;min-height:0;margin:0;padding:24px 5% 28px;width:100%;max-width:none;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#709d94 #10282d;scroll-snap-type:x proximity;background:none}
body[data-office] #voices .testimonial-board>*{grid-row:auto;grid-column:span 1;margin:0;min-width:0;min-height:0;width:100%;height:100%;transform:none!important;animation:none!important;scroll-snap-align:start;border-radius:5px;box-shadow:0 8px 18px #07151444;border:1px solid #ffffff14}
body[data-office] #voices .testimonial-board>.testimonial-card{grid-column:span 2;display:flex;flex-direction:column;gap:10px;padding:20px;background:#203e47;color:#edf3ee;overflow:hidden}
body[data-office] #voices .testimonial-board>.testimonial-card:nth-of-type(3){grid-column:span 1;grid-row:span 2;background:#edf1e8;color:#23353d}
body[data-office] #voices .testimonial-board>.testimonial-card:nth-of-type(4){background:#edf1e8;color:#23353d}
body[data-office] #voices .testimonial-board>.testimonial-card:nth-of-type(6){grid-column:span 1;grid-row:span 2;background:#2d5157}
body[data-office] #voices .testimonial-card--lead{background:linear-gradient(120deg,#28605e,#193941)!important}
body[data-office] #voices .testimonial-card:before,body[data-office] #voices .testimonial-card:after{display:none}
body[data-office] #voices .testimonial-card :is(.testimonial-proof,.testimonial-person h3,.testimonial-role,.testimonial-relationship,.testimonial-quote,.testimonial-quote p){color:inherit;text-shadow:none}
body[data-office] #voices .testimonial-proof{font-size:10px;letter-spacing:.07em;margin:0;opacity:.75}
body[data-office] #voices .testimonial-person{gap:10px;margin:0}.testimonial-person>div{min-width:0}
body[data-office] #voices .testimonial-person h3{font:600 13px/1.2 var(--type-body);margin:0}
body[data-office] #voices :is(.testimonial-role,.testimonial-relationship){font-size:10px;line-height:1.4;margin:3px 0 0;opacity:.8}
body[data-office] #voices .testimonial-photo{width:34px;height:34px;border-radius:50%;flex:0 0 34px;border:0}
body[data-office] #voices .testimonial-quote{font:400 15px/1.5 var(--type-body);margin:2px 0 0;padding:0;overflow:auto;min-height:0;scrollbar-width:thin}
body[data-office] #voices .testimonial-quote:before{display:none}
body[data-office] #voices .office-testimonial-art{background:#173a35;overflow:hidden}
body[data-office] #voices .office-testimonial-art:nth-of-type(2){grid-row:span 2}
body[data-office] #voices .office-testimonial-art:nth-of-type(4){grid-column:span 2}
body[data-office] #voices .office-testimonial-art img{width:100%;height:100%;object-fit:cover;filter:none;transform:none}
body[data-office] #voices .office-testimonial-art:nth-of-type(3) img{object-fit:contain}
body[data-office] #voices .office-testimonial-art:last-child img{object-fit:contain}
@media(max-width:760px){body[data-office] #voices .testimonials-head{grid-template-columns:1fr;gap:18px;padding:0 7%;margin-bottom:8px}.office-band-stage{height:300px}.office-band-stage .office-character-canvas{object-position:50% 40%}body[data-office] #voices .testimonial-board{grid-template-rows:repeat(2,260px);grid-auto-columns:220px;gap:12px;padding:20px 6%}body[data-office] #voices .testimonial-board>.testimonial-card{padding:16px}body[data-office] #voices .testimonial-quote{font-size:14px;line-height:1.5}}
body[data-office] #voices{padding-top:calc(var(--room-dissolve) + 40px)}
body[data-office] #voices .testimonials-title{max-width:24ch;font-size:clamp(32px,2.8vw,44px)}
.office-band-stage{height:clamp(260px,23svh,330px)}
@media(max-width:760px){body[data-office] #voices{padding-top:calc(var(--room-dissolve) + 35px)}.office-band-stage{height:260px}}
/* Section 04 has one full upper scene, not a strip over the old conference room. */
body[data-office] #voices:before,body[data-office] #voices:after{display:none!important}
body[data-office] #voices>.voices-wrap{position:static}
body[data-office] #voices .office-band-stage{position:absolute;inset:0 0 auto;height:calc(var(--room-dissolve) + 560px);margin:0;mask-image:none;z-index:0}
body[data-office] #voices .office-band-stage:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#091c2cbf,transparent 55%),linear-gradient(180deg,#091c2c80,transparent 32%,transparent 72%,#10282d);pointer-events:none}
body[data-office] #voices .testimonials-head{min-height:180px}
body[data-office] #voices .testimonial-board-shell{margin-top:300px}
@media(max-width:760px){body[data-office] #voices .office-band-stage{height:650px}body[data-office] #voices .testimonial-board-shell{margin-top:230px}body[data-office] #voices .office-band-stage .office-character-canvas{object-position:50% 38%}body[data-office] #voices .office-band-stage:after{background:linear-gradient(180deg,#091c2ce6,transparent 52%,transparent 73%,#10282d)}}
/* Close torso framing matches the hero; pose registration prevents frame hopping. */
body[data-office] .office-tre-shuffle{height:76%;max-height:1050px;width:43%;right:-2%;bottom:0;aspect-ratio:auto;overflow:hidden;transform:none!important;filter:drop-shadow(-8px 14px 12px #07151470)}
body[data-office] .office-tre-shuffle .office-character-canvas{position:absolute;top:0;left:50%;transform:translateX(-50%);height:185%;width:auto;max-width:none;object-fit:contain;mask-image:linear-gradient(#000 0 46%,transparent 56%)}
body[data-office] .office-dance-sprites{right:30%;width:48%;bottom:12%}
@media(max-width:650px){body[data-office] .office-tre-shuffle{height:540px;width:90%;right:-25%;bottom:0}body[data-office] .office-tre-shuffle .office-character-canvas{height:180%}body[data-office] .office-dance-sprites{width:110%;right:18%;bottom:21%}}
body[data-office] .office-tre-shuffle .office-character-canvas{height:100%;width:100%;top:0;left:0;transform:none;object-fit:contain;object-position:bottom;mask-image:linear-gradient(#000 0 88%,transparent 100%)}
@media(max-width:650px){body[data-office] .office-tre-shuffle .office-character-canvas{height:100%}}
body[data-office] #voices .testimonial-board>.testimonial-photo-tile:not(.office-testimonial-art){grid-column:span 2;grid-row:span 1}
body[data-office] #voices .testimonial-photo-tile:not(.office-testimonial-art) :is(img,video){filter:none;transform:none;object-fit:cover}
/* Canonical Storybook Action and DM Sans roles from @tre/design-system. */
body[data-office]{--type-body:var(--tre-font-sans);--type-narrative:var(--tre-font-sans);--type-display:var(--tre-font-sans);font:var(--tre-size-body)/var(--tre-leading-body) var(--tre-font-sans)}
body[data-office] #hero-title{font-family:var(--tre-font-sans);font-size:clamp(40px,5vw,64px);font-weight:400;line-height:1.04;letter-spacing:-.055em}
body[data-office] :is(.tales-heading h2,.about-hed,.testimonials-title,.journey-campsite h2){font-family:var(--tre-font-sans);font-size:clamp(30px,3vw,42px);font-weight:400;line-height:1.1;letter-spacing:-.045em}
body[data-office] :is(.intro,.journey-campsite p,.field-note-copy,.testimonial-quote){font-family:var(--tre-font-sans);font-size:var(--tre-size-body);line-height:var(--tre-leading-body)}
body[data-office] :is(.eyebrow,.field-note-label,.testimonial-proof){font:600 14px/1.5 var(--tre-font-sans);letter-spacing:.01em}
html body[data-office] :is(.button,.book-actions .open,.office-desk-controls button,.testimonial-slide-btn,#motion){display:inline-flex;align-items:center;justify-content:center;min-height:var(--tre-target-min);padding:10px 16px;border:1px solid var(--tre-color-accent);border-radius:0;font:500 16px/1.25 var(--tre-font-sans);letter-spacing:0;text-transform:none;text-decoration:none;box-shadow:none;cursor:pointer;backdrop-filter:none}
html body[data-office] :is(.button.gold,.book-actions .open,.tre-action--primary){background:var(--tre-color-accent);border-color:var(--tre-color-accent);color:var(--tre-color-accent-ink)}
html body[data-office] :is(.button:not(.gold),.tre-action--secondary,.office-desk-controls button){background:transparent;border-color:currentColor;color:inherit}
html body[data-office] :is(.button,.book-actions .open,.office-desk-controls button,.testimonial-slide-btn,#motion):focus-visible{outline:2px solid var(--tre-color-accent);outline-offset:5px}
html body[data-office] :is(.button,.book-actions .open,.office-desk-controls button,.testimonial-slide-btn):disabled{opacity:.5;cursor:not-allowed}
body[data-office] #voices .testimonials-head{grid-template-columns:1fr;min-height:130px}
body[data-office] #voices .testimonials-copy{display:none}
body[data-office] #voices .testimonial-board-shell{margin-top:350px}
body[data-office] #voices .tre-rail-controls{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;gap:16px;width:100%;margin:0;padding:20px 7% 12px;background:#10282d;color:var(--tre-color-ink);border:0;border-radius:0;box-shadow:none}
body[data-office] #voices .testimonial-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}
body[data-office] #voices .testimonial-person h3{font:500 20px/1.2 var(--tre-font-sans);letter-spacing:-.025em}
body[data-office] #voices :is(.testimonial-role,.testimonial-relationship){font:400 12px/1.45 var(--tre-font-sans)}
body[data-office] #voices .testimonial-proof{font:600 12px/1.5 var(--tre-font-sans);letter-spacing:.01em}
body[data-office] #voices .testimonial-quote{font:400 var(--tre-size-body)/var(--tre-leading-body) var(--tre-font-sans)}
@media(max-width:760px){body[data-office] #voices .testimonial-board-shell{margin-top:350px}body[data-office] #voices .tre-rail-controls{padding:18px 7%}body[data-office] #voices .testimonials-title{font-size:32px}}
body[data-office] #voices{padding-bottom:160px}
body[data-office] #voices .tre-rail-controls{z-index:20;isolation:isolate;min-height:88px;padding:22px 7%;background:#10282d;opacity:1}
body[data-office] #voices .tre-rail-controls .testimonial-slide-btn{font:500 16px/1.25 var(--tre-font-sans);min-height:44px;padding:10px 16px;border-radius:0;border:1px solid var(--tre-color-accent);opacity:1;position:relative;z-index:21}
body[data-office] #voices .tre-rail-controls .tre-action--primary{background:var(--tre-color-accent);color:var(--tre-color-accent-ink)}
body[data-office] #voices .tre-rail-controls .tre-action--secondary{background:transparent;color:var(--tre-color-ink)}
body[data-office] #voices .tre-rail-controls .testimonial-slide-btn:disabled{opacity:.5}
body[data-office] #voices .testimonials-title{font-family:var(--tre-font-sans);font-weight:400;letter-spacing:-.045em}
/* The current canvas assets provide the first frame; avoid loading a retired atlas. */
.office-dance-sprites{background-image:none}

/* Review refinements: bold display role, legible personnel plate and clear footer. */
body[data-office] #hero-title{font-family:"Barlow Condensed",sans-serif;font-weight:800;font-size:clamp(56px,6vw,88px);line-height:.98;letter-spacing:-.02em}
body[data-office] .office-department{z-index:6;color:#173a35;background:#edf1e8f2;padding:12px 16px;border:1px solid #173a3540;font:600 14px/1.6 var(--tre-font-sans);letter-spacing:.1em}
body[data-office] .office-department>span{font-size:12px;letter-spacing:0;font-weight:400}
body[data-office] .journey-employer-logos img[alt="HSBC"]{filter:none;opacity:1}
body[data-office] #voices .testimonial-photo-tile--sync img{transform:scale(1.12)!important}
body[data-office] .office-endnote{display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:110px;padding:32px 220px 32px 7%}
@media(max-width:650px){body[data-office] #hero-title{font-size:clamp(48px,12vw,68px)}body[data-office] .office-endnote{display:grid;padding:28px 7% 110px;gap:20px}}

/* Device Showcase reference: thin graphite chassis and restrained room reflections. */
body[data-office] .office-desk-scene .office-laptop{transform:rotateY(-5deg) rotateX(2deg);filter:drop-shadow(0 12px 9px #07151455)}
body[data-office] .office-desk-scene .office-laptop-screen{border:8px solid #1b2329;border-bottom-width:16px;border-radius:12px 12px 4px 4px;box-shadow:inset 0 0 0 1px #586463,2px 0 0 #72817a,3px 2px 0 #283530}
body[data-office] .office-desk-scene .office-laptop-base{height:68px;margin:0 -3%;border:1px solid #84928b;border-radius:2px 2px 10px 10px;background:linear-gradient(160deg,#abb5ae 0%,#798b83 45%,#495d55 100%);transform:rotateX(55deg);box-shadow:0 4px 0 #263630,0 6px 0 #697b72,0 14px 14px #07151450}
body[data-office] .office-desk-scene .office-laptop-base:before{inset:8px 13% 27px;border-width:2px;border-color:#82928a;background:repeating-linear-gradient(90deg,transparent 0 17px,#819289 17px 19px),repeating-linear-gradient(0deg,#1b2a25 0 7px,#819289 7px 9px)}
body[data-office] .office-desk-scene .office-laptop-base>span{bottom:6px;height:18px;background:linear-gradient(145deg,#98a69d,#768d81);border-color:#5a7064;border-radius:2px}
@media(max-width:760px){body[data-office] .office-desk-scene .office-laptop{transform:none}body[data-office] .office-desk-scene .office-laptop-base{height:54px}}
/* Phone composition: content first, artwork below, usable document and rail. */
@media(max-width:760px){
 body[data-office] main>section{scroll-margin-top:64px}
 body[data-office] main>section:not(:first-child){--room-dissolve:48px;padding-top:112px}
 body[data-office] #trailhead{height:auto;min-height:0;padding-bottom:420px}
 body[data-office] #trailhead .hero-copy{position:relative;inset:auto;width:auto;max-width:none;margin:0;padding:110px 24px 24px;transform:none}
 body[data-office] #trailhead .office-mode{top:44px;left:24px}
 body[data-office] #trailhead .office-department{display:none}
 body[data-office] #hero-title{font-size:clamp(42px,11.5vw,64px);line-height:1.02;margin:18px 0}
 body[data-office] #trailhead .hero-copy .eyebrow{font-size:11px;line-height:1.5;margin:0;max-width:30ch}
 body[data-office] #trailhead .intro{font-size:16px;line-height:1.55;margin:22px 0}
 body[data-office] .hero-ctas{display:flex;gap:12px;flex-wrap:wrap}
 body[data-office] .hero-copy .experience{margin-top:28px;padding-top:18px}
 body[data-office] .journey-employer-logos{gap:16px;display:flex;flex-wrap:wrap}
 body[data-office] #trailhead:before{inset:auto 0 0;height:470px;background-size:cover;background-position:60% bottom}
 body[data-office] #trailhead .hero-shade{background:linear-gradient(180deg,#e7eee8 0%,#e7eee8 48%,transparent 72%,#e7eee8 100%)}
 body[data-office] #trailhead .office-tre-layer{height:370px;width:70%;right:-8%;bottom:30px;overflow:hidden;mask-image:linear-gradient(#000 80%,transparent 100%)}
 body[data-office] #trailhead .office-tre-layer img{height:178%;left:50%;mask-image:linear-gradient(#000 46%,transparent 56%)}
 body[data-office] #trailhead .office-cast-layer{width:78%;right:25%;bottom:55px}
 body[data-office] #trailhead .chapter-bottom{display:none}
 body[data-office] #field-notes{padding-right:24px;padding-left:24px;background:#12352f;--office-scene-shade:linear-gradient(180deg,#102d2bf2,#102d2bbf)}
 body[data-office] #field-notes .about-grid{grid-template-columns:minmax(0,1fr);gap:32px}
 body[data-office] #field-notes .about-hed{font-size:32px;margin:20px 0 24px}
 body[data-office] #field-notes>.wrap{padding:0;width:100%}
 body[data-office] .office-desk-scene{padding:0;max-width:100%}
 body[data-office] .office-desk-controls{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:20px}
 body[data-office] .office-desk-controls button{width:100%;min-height:44px}
 body[data-office] .office-desk-scene .office-word-document{max-height:430px;overflow:auto;padding:10px;overscroll-behavior:contain}
 body[data-office] .field .office-desk-scene .about-field-note{padding:16px}
 body[data-office] .office-word-document .field-note-copy p{font-size:16px;line-height:1.6}
 body[data-office] .office-word-document .field-note-label{font-size:10px}
 body[data-office] .office-word-document .field-note-deck{font-size:24px}
 body[data-office] #voices .office-band-stage{height:580px}
 body[data-office] #voices .testimonials-head{min-height:100px;padding:0 24px}
 body[data-office] #voices .testimonials-title{font-size:30px;line-height:1.15}
 body[data-office] #voices .testimonial-board-shell{margin-top:270px}
 body[data-office] #voices .testimonial-board{grid-auto-columns:calc(100vw - 48px);grid-template-rows:repeat(2,420px);padding:20px 24px;gap:14px;scroll-padding-left:24px}
 body[data-office] #voices .testimonial-board>:is(.testimonial-card,.testimonial-photo-tile){grid-column:span 1!important;grid-row:span 1!important;padding:20px}
 body[data-office] #voices .testimonial-board>.testimonial-photo-tile{padding:0}
 body[data-office] #voices .testimonial-quote{font-size:16px;line-height:1.55}
 body[data-office] #voices .testimonial-person h3{font-size:19px}
 body[data-office] #voices .tre-rail-controls{padding:20px 24px;min-height:84px}
 body[data-office] #connect{min-height:960px;padding:112px 24px 500px;background-position:60% bottom;background-size:auto 600px}
 body[data-office] #connect:before{background:linear-gradient(180deg,#091329 0%,#091329ed 40%,transparent 66%)}
 body[data-office] #connect .journey-wrap{width:100%;margin:0;position:relative;z-index:4}
 body[data-office] #connect h2{font-size:34px;line-height:1.12}
 body[data-office] #connect .journey-wrap>p:not(.eyebrow){max-width:32ch;font-size:16px;line-height:1.55;margin:22px 0}
 body[data-office] #connect .journey-wrap>div{display:flex;flex-wrap:wrap;gap:12px}
 body[data-office] #connect .button{width:auto;margin:0;min-height:44px}
 body[data-office] #connect .button+.button{margin:0}
 body[data-office] #connect .office-tre-shuffle{height:390px;width:72%;right:-8%;bottom:10px}
 body[data-office] #connect .office-dance-sprites{width:100%;right:23%;bottom:100px}
 html body[data-office] #motion{position:relative;inset:auto;display:flex;max-width:max-content;margin:0 auto;padding:10px 16px;z-index:4;background:#e7eee8;color:#173a35}
 body[data-office] main{padding-bottom:24px;background:#0d252b}
 body[data-office] .office-endnote{padding:24px;min-height:0;gap:20px;font-size:13px}
 body[data-office] .office-endnote a{min-height:44px;display:inline-flex;align-items:center}
}
@media(min-width:761px) and (max-width:1400px){
 body[data-office] #hero-title{font-size:clamp(52px,5vw,70px)}
 body[data-office] #trailhead .hero-copy{width:41%}
 body[data-office] #trailhead .office-cast-layer{width:36%;right:30%;bottom:5%}
}

@media(max-width:760px){body[data-office] .home-motion-control{position:relative;inset:auto;z-index:4;padding:20px 24px 0;background:#0d252b}}

@media(max-width:760px){body[data-office] #field-notes:after{background:linear-gradient(180deg,#102d2bf2,#102d2bbf)!important}body[data-office] #field-notes.wellness-warm:after{background:linear-gradient(180deg,#392d24f2,#392d24bf)!important}}

/* Personnel uses a phone chassis at phone widths. */
@media(max-width:760px){
 body[data-office] .office-desk-scene{max-width:360px;justify-self:center}
 body[data-office] .office-desk-scene .office-laptop{margin:0;filter:drop-shadow(0 12px 12px #07151460)}
 body[data-office] .office-desk-scene .office-laptop-screen{border:8px solid #1b2329;border-radius:32px;padding-top:24px;padding-bottom:16px;background:#1b2329;box-shadow:inset 0 0 0 1px #667a70,0 0 0 1px #718578}
 body[data-office] .office-laptop-screen:before{top:5px;left:50%;transform:translateX(-50%);width:60px;height:10px;border-radius:8px;background:#080d0b;z-index:2}
 body[data-office] .office-desk-scene .office-laptop-base{display:none}
 body[data-office] .office-word-titlebar{padding:10px 12px;gap:8px;font-size:11px}
 body[data-office] .office-word-titlebar>span:last-child{display:none}
 body[data-office] .office-word-ribbon{display:none}
 body[data-office] .office-desk-scene .office-word-document{height:460px;max-height:60svh;padding:8px;overflow:auto}
 body[data-office] .office-word-status{border-radius:0 0 16px 16px;padding:8px 14px}
 body[data-office] .office-desk-objects{margin-top:24px;padding-left:0}
}

/* Mobile polish follows the October 12 review; desktop scene composition stays intact. */
.office-document-cue{display:none}
@media(max-width:760px){
 body[data-office] #trailhead .hero-copy{padding-top:80px}
 body[data-office] #hero-title{margin:12px 0}
 body[data-office] #trailhead .intro{margin:16px 0}
 body[data-office] .hero-copy .experience{margin-top:20px;padding-top:12px}
 body[data-office] .journey-employer-logos{gap:12px;flex-wrap:nowrap}
 body[data-office] .journey-employer-logos img{max-width:52px;max-height:24px;object-fit:contain}
 body[data-office] #tales .books{max-width:100%;gap:32px}
 body[data-office] #tales .cover-wrap{width:220px;margin-inline:auto}
 body[data-office] #tales .book-meta{padding:12px 0;max-width:280px;margin-inline:auto}
 body[data-office] #tales .book-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 body[data-office] #tales .book-caption{margin:0 0 12px}
 body[data-office] #tales .office-jacket-print>strong{font-size:26px}
 body[data-office] #tales .story-collection{margin-top:0;gap:16px}
 body[data-office] #tales .story-collection__stack{height:190px}
 body[data-office] #voices .testimonial-board{grid-template-rows:420px;grid-auto-columns:calc(100vw - 72px)}
 body[data-office] #voices .office-band-stage{height:420px}
 body[data-office] #voices .office-band-stage .office-character-canvas{object-fit:contain;object-position:center}
 body[data-office] #voices .testimonial-board-shell{margin-top:180px}
 body[data-office] .office-document-cue{display:block;margin:0;padding:8px 12px;color:var(--office-ink);background:var(--office-paper);font:500 14px/1.5 var(--tre-font-sans)}
 body[data-office] .office-word-document:focus-visible{outline:2px solid var(--tre-color-accent);outline-offset:-3px}
}

/* Keep the working team clear of the hero reading column at desktop widths. */
@media(min-width:1100px){body[data-office] #trailhead .office-cast-layer{width:32%;right:18%}}

/* Match the Storybook Action despite the legacy ID-scoped book button rule. */
html body[data-office] #tales .book-actions .open{background:var(--tre-color-accent);border-color:var(--tre-color-accent);color:var(--tre-color-accent-ink);border-radius:0;font:500 16px/1.25 var(--tre-font-sans)}

/* Dark focus rings remain visible against the pale orientation and work rooms. */
html body[data-office] :is(#trailhead,#tales) :is(a,button):focus-visible,body[data-office] .office-word-document:focus-visible{outline:2px solid var(--office-ink);outline-offset:4px}

/* The welcoming hand extends beyond the torso: clip at the viewport, not the narrow layer. */
@media(max-width:760px){
 body[data-office] #trailhead .office-tre-layer{width:100%;right:0}
 body[data-office] #trailhead .office-tre-layer img{left:73%}
}