.experience-page { background: #eeeae0; color: #172623; }
.experience-page * { box-sizing: border-box; }
.experience-page [hidden] { display: none !important; }
.experience-page main { position: relative; }
.experience-hero { padding: clamp(120px, 12vw, 190px) 0 60px; background: #10211f; color: #f1eee5; overflow: hidden; }
.experience-hero__grid { display: grid; grid-template-columns: 1.25fr .75fr; gap: 60px; align-items: end; }
.experience-hero .eyebrow { color: #d4bd8c; }
.experience-hero h1 { max-width: 14ch; margin: 18px 0 25px; font-size: clamp(48px, 6.8vw, 100px); font-weight: 400; line-height: .98; letter-spacing: -.065em; }
.experience-hero h1 span { display: block; color: #a6b6ab; }
.experience-hero__copy { max-width: 43ch; font-size: 16px; line-height: 1.8; color: #c9d1c6; }
.experience-hero__aside { border-top: 1px solid #5d7466; padding-top: 18px; }
.experience-hero__aside p { margin: 16px 0 0; font-size: 12px; line-height: 1.7; color: #c5cbbd; }
.experience-hero__aside svg { width: 100%; max-height: 230px; color: #d7c08d; }
.experience-menu { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 58px; border-block: 1px solid #52675d; }
.experience-menu a { padding: 22px 18px 22px 0; display: flex; gap: 14px; align-items: baseline; color: #f1eee5; text-decoration: none; border-right: 1px solid #52675d; font-size: 14px; }
.experience-menu a:not(:first-child) { padding-left: 20px; }
.experience-menu a:nth-child(3n) { border-right: 0; }
.experience-menu a:nth-child(-n+3) { border-bottom: 1px solid #52675d; }
.experience-menu a span { color: #cbb686; font-size: 10px; }
.experience-menu a:hover { color: #e5c58a; }
.experience-menu a:focus-visible { outline: 2px solid #e5c58a; outline-offset: -4px; }
.experience-page .site-footer { color: #eeeae0; }
.experience-next { padding: 75px 0; background: #dfdfd1; border-block: 1px solid #afb7a5; }
.experience-next__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 55px; }
.experience-next h2 { font-size: clamp(28px,4vw,46px); font-weight: 400; letter-spacing: -.04em; line-height: 1.12; margin: 18px 0; }
.experience-next p { max-width: 55ch; line-height: 1.75; }
.experience-next a { color: #1c3a2e; text-underline-offset: 5px; }
.two-futures { background: #eeeae0; padding: clamp(65px,8vw,110px) 0; scroll-margin-top: 85px; }
.two-futures__inner { width: min(1380px,calc(100% - 2 * var(--page-pad,24px))); margin-inline: auto; }
.two-futures__intro { display: grid; grid-template-columns: 1.05fr .8fr; gap: 50px; align-items: end; margin-bottom: 35px; }
.two-futures__eyebrow { font-size: 11px; letter-spacing: .15em; text-transform: uppercase; color: #5e705f; }
.two-futures h2 { margin: 16px 0 0; font-size: clamp(37px,5.5vw,72px); line-height: 1.02; letter-spacing: -.06em; font-weight: 400; }
.two-futures h2 span { display: block; color: #6b7a68; }
.two-futures__intro p { line-height: 1.75; max-width: 49ch; }
.two-futures__tag { display: inline-block; border: 1px solid #89947d; padding: 6px 9px; font-size: 10px; letter-spacing: .07em; text-transform: uppercase; }
.two-futures__controls { padding: 25px; border: 1px solid #b0b7a2; background: #e6e4d7; }
.two-futures__inputs { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 30px; }
.two-futures label { display: block; font-size: 12px; color: #384e40; }
.two-futures select { display: block; width: 100%; margin-top: 10px; padding: 13px; border: 1px solid #83927f; border-radius: 0; background: #f5f2e9; color: #182b23; font: inherit; font-size: 13px; }
.two-futures__range-label { display: flex !important; justify-content: space-between; gap: 20px; }
.two-futures output { color: #1b4937; font-weight: 600; }
.two-futures input[type='range'] { width: 100%; accent-color: #315842; margin: 20px 0 10px; height: 24px; cursor: ew-resize; }
.two-futures__ticks { display: flex; justify-content: space-between; font-size: 10px; color: #60715f; }
.two-futures__panes { display: grid; grid-template-columns: 1fr 1fr; margin-top: 26px; border: 1px solid #a2ad95; }
.two-futures__pane { min-width: 0; background: #e4e3d7; padding: clamp(20px,3vw,38px); }
.two-futures__pane + .two-futures__pane { border-left: 1px solid #a2ad95; background: #d9dfcf; }
.two-futures__strategy { margin: 0; font-size: 11px; text-transform: uppercase; letter-spacing: .12em; color: #475f4b; }
.two-futures__pane h3 { margin: 18px 0; font-size: clamp(25px,3vw,40px); font-weight: 400; letter-spacing: -.04em; line-height: 1.13; }
.two-futures__drawing { width: 100%; height: auto; display: block; margin: 20px 0; color: #4a6651; }
.two-futures__uncertainty { opacity: .12; }
.two-futures__record { opacity: .15; }
.two-futures__pane[data-stage='unknown'] .two-futures__uncertainty { opacity: .75; }
.two-futures__pane[data-stage='planned'] .two-futures__record { opacity: 1; }
.two-futures__pane [data-future-state] { margin: 20px 0 8px; font-size: 13px; font-weight: 600; }
.two-futures__pane [data-future-description] { margin: 0; min-height: 7em; font-size: 13px; line-height: 1.8; color: #425344; }
.two-futures__pane [data-future-reviews] { margin: 25px 0 0; border-top: 1px solid #a5b098; padding-top: 15px; font-size: 11px; letter-spacing: .03em; }
.two-futures__baseline { margin: 0 0 26px; font-size: 13px; line-height: 1.8; }
.two-futures__notes { display: grid; grid-template-columns: 1fr 1fr; gap: 35px; margin-top: 30px; }
.two-futures__notes h3, .two-futures__notes summary { font: inherit; font-size: 12px; font-weight: 600; cursor: pointer; }
.two-futures__notes p, .two-futures__notes li { font-size: 12px; line-height: 1.85; color: #4b5d4d; }
.two-futures__notes ul { padding-left: 17px; }
.two-futures__timeline { list-style: none; margin: 15px 0; padding: 0; border-top: 1px solid #a5b098; }
.two-futures__timeline li { display: grid; grid-template-columns: 60px 1fr; padding: 12px 0; border-bottom: 1px solid #c5cab8; gap: 10px; }
.two-futures__actions { margin-top: 25px; display: flex; gap: 12px; flex-wrap: wrap; }
.two-futures__actions button, .two-futures__actions a { font: inherit; font-size: 12px; border: 1px solid #86977e; background: transparent; color: #243c2d; text-decoration: none; padding: 13px 17px; cursor: pointer; }
.two-futures__actions button:hover, .two-futures__actions a:hover { background: #d5dcc8; }
.two-futures :is(button,a,input,select,summary):focus-visible { outline: 2px solid #895e1d; outline-offset: 4px; }
.two-futures__inputs-record { margin-top: 25px; font-size: 11px; line-height: 1.7; color: #58694f; }
.two-futures .sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }
@media(max-width:760px) {
 .experience-hero__grid, .experience-next__grid, .two-futures__intro, .two-futures__notes { grid-template-columns: 1fr; gap: 25px; }
 .experience-hero__aside svg { max-height: 160px; }
 .experience-menu { grid-template-columns: 1fr 1fr; margin-top: 30px; }
 .experience-menu a { padding: 18px 8px !important; border-bottom: 1px solid #52675d; }
 .experience-menu a:nth-child(3n) { border-right: 1px solid #52675d; }
 .experience-menu a:nth-child(2n) { border-right: 0; }
 .experience-menu a:nth-last-child(-n+2) { border-bottom: 0; }
 .two-futures__inputs { grid-template-columns: 1fr; }
 .two-futures__controls { padding: 20px; }
 .two-futures__panes { grid-template-columns: 1fr; }
 .two-futures__pane + .two-futures__pane { border-left: 0; border-top: 1px solid #a2ad95; }
 .two-futures__pane [data-future-description] { min-height: 0; }
}
@media print {
 .experience-page { background: white !important; color: black !important; }
 .experience-page .site-header, .experience-page .site-footer, .experience-hero, .experience-next, .site-scroll-progress { display: none !important; }
 .experience-page main { margin: 0 !important; padding: 0 !important; }
 body[data-experience-print] .evidence-atlas, body[data-experience-print] .client-room-preview { display: none !important; }
 body[data-experience-print='briefing'] .operating-scenario, body[data-experience-print='briefing'] .two-futures { display: none !important; }
 body[data-experience-print='futures'] .operating-scenario, body[data-experience-print='futures'] .personal-briefing { display: none !important; }
 .two-futures { padding: 0; background: white; color: black; }
 .two-futures__inner { width: 100%; }
 .two-futures__controls, .two-futures__actions { display: none !important; }
 .two-futures__notes summary { display: none; }
 .two-futures h2 { font-size: 29pt; }
 .two-futures h3 { font-size: 16pt; }
 .two-futures__intro { display: block; }
 .two-futures__panes { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); break-inside: avoid; }
 .two-futures__pane { padding: 15px; background: white !important; break-inside: avoid; }
 .two-futures__pane + .two-futures__pane { border-left: 1px solid #999; border-top: 0; }
 .two-futures__pane h3 { font-size: 16pt; min-height: 2.3em; }
 .two-futures__drawing { max-height: 95px; }
 .two-futures__pane [data-future-description] { min-height: 0; }
 .two-futures__notes { display: block; break-before: page; }
}