/* Isolated experience proposal. Native scrolling, explicit discovery. */
html{scroll-behavior:auto!important;scroll-padding-top:28px;scroll-padding-bottom:28px}
html body{padding-bottom:0}
html body .site-header{display:none!important}
[id]{scroll-margin-top:28px}
:root{--guide-line:#d6d6d6;--guide-accent:#242424}
html body :is(a,button,summary):focus-visible{outline:2px solid #242424;outline-offset:4px}
/* One quiet entry point; chapters are available on request. */
.chapter-guide{position:fixed;bottom:max(24px,env(safe-area-inset-bottom));right:var(--gutter);z-index:80;font-size:14px}
.guide-rail{display:none}
.guide-index>summary{list-style:none;display:flex;align-items:center;gap:18px;min-height:44px;padding:8px 0 8px 14px;cursor:pointer;color:#242424;background:#fff}
.guide-index summary::-webkit-details-marker,.priority summary::-webkit-details-marker{display:none}
.guide-symbol{font-size:25px;font-weight:400;line-height:1;transition:transform 180ms ease}
.guide-index[open] .guide-symbol{transform:rotate(45deg)}
.guide-panel{position:absolute;bottom:60px;right:0;width:min(700px,calc(100vw - 2 * var(--gutter)));max-height:calc(100svh - 112px);overflow:auto;overscroll-behavior:contain;background:#fff;color:#242424;padding:32px 36px;border:1px solid #dedede;box-shadow:0 16px 60px #00000014}
.guide-index[open] .guide-panel{animation:guide-in 180ms ease-out}
@keyframes guide-in{from{opacity:0;translate:0 -6px}to{opacity:1;translate:0 0}}
.guide-panel-heading{display:flex;justify-content:space-between;align-items:center;padding-bottom:22px;border-bottom:1px solid #dedede;margin-bottom:28px;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#616161}
.guide-close{display:none}
.guide-columns{display:grid;grid-template-columns:1fr 1fr;gap:32px 44px}
.guide-columns p{font-size:22px;letter-spacing:-.025em;color:#242424;margin:0 0 12px}
.guide-columns a{display:block;padding:9px 0;min-height:40px;text-decoration:none;line-height:1.4;color:#616161;font-size:15px}
.guide-panel a:focus-visible{outline:2px solid #242424;outline-offset:3px}
.guide-panel a[aria-current]{color:#000;text-decoration:underline;text-underline-offset:5px}
.guide-portfolio{display:flex;align-items:center;margin-top:32px;padding-top:20px;border-top:1px solid #dedede;min-height:44px;text-decoration:none;color:#242424;font-size:14px}
@media(hover:hover){.guide-panel a:hover{color:#000;text-decoration:underline;text-underline-offset:5px}.priority summary:hover .priority-idea{color:#000000}}
html body .landing-signature .review-brand{margin-right:0}
/* Brand names lead; roles appear on hover, focus, or tap. */
html body .career-description{opacity:1;visibility:visible;transform:none}
html body .career-section.is-interactive .career-description{opacity:0!important;visibility:hidden!important;transform:none!important;transition:opacity 180ms ease}
html body .career-section.is-interactive .career-row.has-revealed-copy .career-description{opacity:1!important;visibility:visible!important}
html body .career-trigger{cursor:pointer;color:#242424!important}
html body .career-row.is-active .career-trigger{color:#242424!important}
@media print{html body .career-section.is-interactive .career-description{opacity:1!important;visibility:visible!important}}
html body .point-of-view{min-height:0}
html body .point-of-view>.wrap{align-content:start}
.priority-list{min-width:0}
.priority{border-bottom:1px solid #d6d6d6;scroll-margin-top:32px}
.priority summary{display:grid;grid-template-columns:100px minmax(0,1fr) 30px;align-items:start;gap:24px;list-style:none;padding:22px 0;min-height:80px}
.priority:first-child summary{padding-top:0}
.priority-label{font-size:13px;line-height:1.5;color:#616161;padding-top:6px}
.priority-idea{font-size:clamp(23px,2vw,29px);line-height:1.2;letter-spacing:-.025em;transition:color 140ms ease}
.priority-idea br{display:none}.priority-idea br:after{content:' '}
.priority-symbol{display:grid;place-items:center;font-size:23px;line-height:1;width:30px;height:30px;color:#242424;transition:transform 180ms ease,background 120ms ease;border-radius:50%}
.priority[open] .priority-symbol{transform:rotate(45deg)}
.priority[open] summary .priority-idea{color:#000000}
.priority-practice{margin:0 54px 24px 124px;padding-left:18px;border-left:2px solid #242424}
.priority[open] .priority-practice{animation:practice-in 180ms cubic-bezier(.16,1,.3,1)}
@keyframes practice-in{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}
.priority-practice p{font-size:16px;color:#424242;line-height:1.55;max-width:52ch}
.vision-approach summary{min-height:44px!important;align-items:center}
.media-message{font-size:14px!important;margin-top:10px;color:#616161!important}
.prototype-resume{grid-column:1/-1;margin-top:12px;font-size:13px;color:#242424;min-height:44px;align-items:center;display:inline-flex;justify-self:start}
@media(max-width:760px){
 .chapter-guide{bottom:max(20px,env(safe-area-inset-bottom))}
 .guide-panel{padding:22px;max-height:calc(100svh - 104px)}
 .guide-columns{gap:26px 24px}
 .guide-columns p{font-size:20px}
 .guide-columns a{font-size:14px}
 .priority summary{grid-template-columns:78px minmax(0,1fr) 24px;gap:12px;padding-block:24px}
 .priority:first-child summary{padding-top:24px}
 .priority-label{font-size:12px}.priority-idea{font-size:23px}.priority-symbol{width:24px;height:28px}
 .priority-practice{margin:0 0 24px 90px;padding-left:12px}.priority-practice p{font-size:15px}
 .priority-list{border-top:1px solid #d6d6d6}
}
@media(max-width:350px){.guide-rail a{padding-inline:6px;font-size:12px}.guide-index>summary{padding-inline:7px;font-size:12px}.guide-symbol{font-size:18px}.priority summary{grid-template-columns:1fr 24px;gap:8px}.priority-label{grid-column:1}.priority-idea{grid-column:1}.priority-symbol{grid-column:2;grid-row:1/3;align-self:center}.priority-practice{margin-left:0}.hero-note{grid-template-columns:1fr}.hero-note-copy{max-width:26ch}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
html[data-motion-preference=reduce] *,html[data-motion-preference=reduce] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media print{.chapter-guide{display:none}body{padding-bottom:0}.priority-practice{display:block!important}.priority::details-content{content-visibility:visible!important;height:auto!important}}

.guide-close[hidden]{display:none}

/* Monochrome section surfaces. */
:root{--paper:#fff}
html body,html body :is(.family-section.wrap,.point-of-view,.team-vision,.future-section,.closing,.footer){background:#fff}
html body .beliefs{--paper:#000;--ink:#fff;--muted:#bdbdbd;--line:#353535;--orange:#fff;background:#000;color:#fff}
html body .beliefs :is(.beliefs-sticky,.beliefs-viewport,.beliefs-track,.belief-scene){background:transparent}
html body .beliefs :is(.simplify-title,.belief-title,.culture-quote-text){color:#fff}
html body .beliefs :is(.belief-marker,.belief-attribution,.belief-thought,.beliefs-heading h2){color:#bdbdbd}
html body .beliefs .belief-scene+.belief-scene{border-color:#353535}
.guide-rail a[aria-current]{background:#fff}
@media(hover:hover){.guide-rail a:hover,.guide-index>summary:hover,.guide-close:hover,.priority summary:hover .priority-symbol{background:#fff}}
.guide-rail a:active,.guide-index>summary:active,.guide-close:active{background:#fff}

/* Preserve the Microsoft artwork in a single black color. */
html body :is(.review-logo,.closing-wordmark){filter:brightness(0)}

@media(max-width:480px){
 .chapter-guide{bottom:max(18px,env(safe-area-inset-bottom))}
 .guide-index>summary{gap:12px;font-size:13px}
 html body .landing-signature{gap:12px;font-size:14px}
 html body .landing-signature .review-brand{margin-right:0}
 html body .landing-signature .review-logo{width:120px}
 .guide-columns{grid-template-columns:1fr;gap:24px}
}

/* Native controls and focus indicators follow the neutral palette. */
html{accent-color:#242424}
html body :is(a,button,summary,input):focus-visible{outline-color:currentColor}

/* Navigation follows the surface beneath its fixed trigger. */
html body .guide-index>summary,
html body .guide-index>summary:hover,
html body .guide-index>summary:active{background:transparent;color:#242424}
html body .chapter-guide.is-on-dark .guide-index>summary{color:#fff}
.chapter-guide.is-on-dark .guide-panel{background:#000;color:#fff;border-color:#353535;box-shadow:none}
.chapter-guide.is-on-dark .guide-panel-heading{color:#bdbdbd;border-color:#353535}
.chapter-guide.is-on-dark .guide-columns p{color:#fff}
.chapter-guide.is-on-dark .guide-columns a{color:#bdbdbd}
.chapter-guide.is-on-dark .guide-portfolio{color:#fff;border-color:#353535}
.chapter-guide.is-on-dark .guide-panel a:is(:hover,:focus-visible,[aria-current]){color:#fff}
html body .chapter-guide.is-on-dark :is(a,summary):focus-visible{outline-color:#fff}