/* ps-when.css: built by tools/build-css.sh from inc/assets-map.php. Do not edit. */

.ps-breadcrumb{display: flex; flex-wrap: nowrap; align-items: center; gap: calc(1.5 * var(--sp-1)); min-width: 0; font: 500 var(--ps-text-small) var(--ps-font-text); color: var(--ps-color-ink-2)}
.ps-breadcrumb a{flex: none; display: inline-flex; align-items: center; min-height: var(--hit); padding: 0 calc(1.5 * var(--sp-1)); margin: calc(-2.5 * var(--sp-1)) calc(-1.5 * var(--sp-1)); color: inherit; text-decoration: none; transition: color var(--ps-dur-base)}
@media (hover: hover) and (pointer: fine){.ps-breadcrumb a:hover{color: var(--ps-color-brand-deep)}}
.ps-breadcrumb svg{flex: none}
.ps-breadcrumb [aria-current]{min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: var(--ps-color-ink)}
.ps-sectionhead{display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: var(--sp-3) var(--sp-5)}
.ps-sectionhead--center{align-items: center}
.ps-sectionhead--tight{gap: var(--sp-2) var(--sp-4)}
.ps-sectionhead__text{display: flex; flex-direction: column; gap: var(--sp-2); min-width: 0; max-width: 780px}
.ps-sectionhead__icon{margin-right: var(--sp-2); vertical-align: -0.1em; color: var(--ps-color-brand-deep)}
.ps-sectionhead__count{margin-left: calc(var(--sp-3) + 2px); font: var(--fw-strong) var(--ps-text-body)/1.2 var(--ps-font-text); letter-spacing: 0; color: var(--ps-color-brand-deep); white-space: nowrap}
.ps-sectionhead__sub{margin: 0; line-height: 1.5; color: var(--ps-color-ink-2)}
.ps-sectionhead__controls{display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: var(--sp-3); margin-left: auto}
.ps-sectionhead__arrows{display: flex; gap: var(--sp-2)}
.ps-sectionhead.ps-sectionhead--toggle{display: block; margin: 0; font: inherit}
.ps-sectionhead__chev{transition: transform var(--ps-dur-base) var(--ps-ease-out)}
[aria-expanded="true"] > .ps-sectionhead__chev{transform: rotate(180deg)}
@media (max-width: 759px){
.ps-sectionhead__controls{margin-left: 0; justify-content: flex-start; flex: 1 1 100%}
.ps-sectionhead__arrows{display: none}}
.ps-route{display: flex; flex-wrap: wrap; align-items: center; row-gap: var(--sp-1); font: 600 var(--ps-text-body)/1.3 var(--ps-font-text); color: var(--ps-color-ink-body); --ps-seg-w: 16px; --ps-seg-m: 6px; --ps-dot: 9px; --ps-dot-m: 6px; --ps-bw: 2px}
.ps-route__stop{display: inline-flex; align-items: center; min-width: 0; overflow-wrap: anywhere}
.ps-route__seg{display: block; flex: none; width: var(--ps-seg-w); height: 2px; margin: 0 var(--ps-seg-m); border-radius: var(--ps-radius-pill); background: var(--ps-color-brand); transform-origin: left center}
.ps-route__dot{display: block; flex: none; width: var(--ps-dot); height: var(--ps-dot); margin-right: var(--ps-dot-m); border-radius: var(--ps-radius-pill); border: var(--ps-bw) solid var(--ps-color-brand); background: var(--ps-color-surface)}
.ps-route__dot.is-last{background: var(--ps-color-brand)}
.ps-route__stop.is-blank .ps-route__dot{margin-right: 0}
.ps-route--inline{flex-wrap: nowrap; min-width: 0}
.ps-route__more{flex: none; margin-left: var(--sp-2); white-space: nowrap; font-weight: 700; color: var(--ps-color-brand-deep)}
.ps-route--large{font: 700 var(--ps-text-body)/1.3 var(--ps-font-text); color: var(--ps-color-brand-darkest); row-gap: var(--sp-2); --ps-seg-w: 26px; --ps-seg-m: 8px; --ps-dot: 11px; --ps-dot-m: 7px; --ps-bw: 2.5px}
.ps-route--brand, .ps-route--mark{font: 700 var(--ps-text-body) var(--ps-font-text); color: var(--ps-color-brand-deep); row-gap: var(--sp-2); --ps-seg-w: clamp(28px, 4vw, 64px); --ps-seg-m: 10px; --ps-dot: 11px; --ps-dot-m: 8px; --ps-bw: 2.5px}
.ps-route--mark{font-size: var(--ps-text-small); --ps-seg-w: calc(var(--sp-6) - var(--sp-1))}
.ps-route--timeline{flex-wrap: nowrap}
.ps-route--timeline .ps-route__seg{flex: 1; width: auto; height: 3px; margin: 0 var(--sp-2)}
.ps-route--timeline .ps-route__dot{width: 14px; height: 14px; margin: 0; border-width: 3px; box-shadow: 0 0 0 4px var(--ps-route-halo, var(--ps-color-surface-tint))}
.ps-js [data-ps-route]:not(.is-drawn) .ps-route__dot{opacity: 0; transform: scale(.6)}
.ps-js [data-ps-route]:not(.is-drawn) .ps-route__seg{transform: scaleX(0)}
[data-ps-route].is-drawn .ps-route__dot{animation: ps-dot-pop var(--ps-dur-base) var(--ps-ease-out) backwards; animation-delay: calc(var(--ps-i, 0) * var(--stagger-route) * 2 + var(--ps-draw-base))}
[data-ps-route].is-drawn .ps-route__seg{animation: ps-seg-draw var(--ps-dur-base) var(--ps-ease-in-out) backwards; animation-delay: calc(var(--ps-i, 0) * var(--stagger-route) * 2 + var(--ps-draw-base) + var(--stagger-route))}
@keyframes ps-dot-pop{from{opacity: 0; transform: scale(.6)}to{opacity: 1; transform: none}}
@keyframes ps-seg-draw{from{transform: scaleX(0)}to{transform: scaleX(1)}}
@media (max-width: 759px){
.ps-route--large{--ps-seg-w: 14px}
.ps-route--brand{--ps-seg-w: 18px}}
@media (prefers-reduced-motion: reduce){
.ps-js [data-ps-route]:not(.is-drawn) .ps-route__dot, .ps-js [data-ps-route]:not(.is-drawn) .ps-route__seg{opacity: 1; transform: none}
[data-ps-route].is-drawn .ps-route__dot, [data-ps-route].is-drawn .ps-route__seg{animation: none}}
.ps-closing{container-type: inline-size; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); align-items: stretch; overflow: hidden; border-radius: var(--ps-radius-card); background: var(--c-paper); box-shadow: 0 0 0 var(--border) var(--c-paper-line), var(--ps-shadow-hero)}
.ps-closing--form{grid-template-columns: minmax(0, 0.55fr) minmax(0, 1.45fr)}
.ps-closing--nophoto{grid-template-columns: minmax(0, 1fr)}
.ps-closing__media{position: relative; min-height: var(--closing-photo-h); overflow: hidden; background: var(--ps-color-surface-photo)}
.ps-closing--form .ps-closing__media{min-height: 0}
.ps-closing__img{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 35%}
.ps-closing__body{display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--sp-4) var(--sp-6); align-items: center; min-width: 0; padding: var(--sp-6) var(--sp-7); color: var(--ps-color-ink)}
.ps-closing--form .ps-closing__body{grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); padding: var(--sp-4) var(--sp-6)}
.ps-closing__copy{display: flex; flex-direction: column; justify-content: center; gap: var(--sp-4); min-width: 0}
.ps-closing--form .ps-closing__copy{gap: var(--sp-3)}
.ps-closing .ps-sectionhead__title{max-width: 9.5em; font-size: var(--ps-text-section); line-height: 1.06; letter-spacing: -0.02em}
.ps-closing--form .ps-sectionhead__title{font-size: var(--ps-text-closing)}
.ps-closing .ps-sectionhead__sub{max-width: 560px; font-size: var(--fs-prose); color: var(--ps-color-ink-2); text-wrap: pretty}
.ps-closing__meta{display: flex; flex-wrap: wrap; gap: var(--sp-1) var(--sp-5); margin: 0; padding: 0; font: 600 var(--ps-text-small)/1.35 var(--ps-font-text); color: var(--ps-color-ink-body)}
.ps-closing__meta li, .ps-closing__meta a{display: flex; align-items: center; gap: var(--sp-2); min-height: var(--hit)}
.ps-closing__meta a{font-weight: 700; color: var(--ps-color-brand-deep); text-decoration: none; transition: color var(--ps-dur-base)}
.ps-closing__meta svg{flex: none; color: var(--ps-color-brand-deep)}
@media (hover: hover) and (pointer: fine){.ps-closing__meta a:hover{color: var(--ps-color-brand-darkest)}}
.ps-closing__actions{container: ps-closing-actions / inline-size; display: flex; flex-wrap: wrap; gap: var(--sp-3)}
@container ps-closing-actions (max-width: 520px){.ps-closing__actions > .ps-btn{flex: 1 1 0; padding-inline: var(--sp-3)}}
.ps-closing--formin .ps-closing__copy{gap: var(--sp-4)}
.ps-closing--formin .ps-closing__form{padding: 0; background: none; box-shadow: none}
.ps-closing__form{min-width: 0; padding: var(--sp-3) var(--sp-4) var(--sp-1); border-radius: var(--ps-radius-card); background: var(--ps-color-surface); box-shadow: 0 0 0 var(--border) var(--c-paper-line)}
@media (max-width: 1099px){
.ps-closing, .ps-closing--form{grid-template-columns: minmax(0, 1fr)}
.ps-closing__media, .ps-closing--form .ps-closing__media{min-height: 0; aspect-ratio: 16 / 7}
.ps-closing--form .ps-closing__media{aspect-ratio: 21 / 6}}
@media (max-width: 759px){
.ps-closing__media{aspect-ratio: 16 / 9}
.ps-closing--form .ps-closing__media{aspect-ratio: 16 / 3}
.ps-closing__body, .ps-closing--form .ps-closing__body{grid-template-columns: minmax(0, 1fr); padding: var(--sp-5) var(--sp-4)}
.ps-closing--form .ps-closing__body{padding: var(--sp-3)}
.ps-closing--form .ps-sectionhead__sub{display: none}
.ps-closing__form{padding: var(--sp-3) var(--sp-3) var(--sp-1)}}
.ps-closing__form:has(> .ps-slip){padding: 0; background: none; box-shadow: none}
.ps-nophoto{position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: flex-end; gap: var(--sp-3); padding: 0 var(--sp-4) var(--hit); background: var(--ps-color-brand-darkest)}
.ps-nophoto__marker{position: relative; display: block; width: 100%; max-width: 160px; height: 10px}
.ps-nophoto__marker::before, .ps-nophoto__marker::after, .ps-nophoto__start{content: ""; position: absolute; top: 0; width: 10px; height: 10px; border-radius: var(--ps-radius-pill)}
.ps-nophoto__marker::before{left: 5px; right: 5px; top: 4px; width: auto; height: 2px; border-radius: 0; background: var(--ps-color-brand)}
.ps-nophoto__marker::after{right: 0; background: var(--ps-color-step-line)}
.ps-nophoto__start{left: 0; z-index: 1; background: var(--ps-color-brand-darkest); box-shadow: inset 0 0 0 2px var(--ps-color-step-line)}
.ps-nophoto__name{font: 600 var(--fs-h4)/1.1 var(--ps-font-display); color: var(--ps-color-surface); overflow-wrap: anywhere}
.ps-yearchart{
--yc-label: 190px;
--yc-col-gap: var(--sp-3);
--yc-cell-gap: 3px;
--yc-bar: 14px;
--yc-key-w: 22px;
--yc-key-h: 12px;
--yc-mark: 3px;
--yc-pad: var(--ps-space-grid) var(--ps-space-grid) var(--sp-4);
--yc-icon-nudge: 2px; 
--yc-ph-split: 260px;
--yc-clamp: 2}
.ps-yearchart__grid{margin-top: var(--ps-space-head-to-content); display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: var(--sp-6); align-items: stretch}
.ps-yearchart__chart{display: flex; flex-direction: column; min-width: 0; padding: var(--yc-pad); border-radius: var(--ps-radius-card); background: var(--ps-color-surface); box-shadow: 0 0 0 var(--border) var(--ps-color-line)}
.ps-yearchart__key{display: flex; flex-wrap: wrap; gap: var(--sp-1) var(--sp-4); margin: 0 0 var(--sp-3); font-size: var(--ps-text-caption); color: var(--ps-color-ink-2)}
.ps-yearchart__key span{display: inline-flex; align-items: center; gap: var(--sp-2)}
.ps-yearchart__key span:last-child{margin-left: auto}
.ps-yearchart__key i{width: var(--yc-key-w); height: var(--yc-key-h); border-radius: var(--ps-radius-pill); background: var(--ps-color-brand)}
.ps-yearchart__key i.is-fest{background: var(--ps-color-accent-gold)}
.ps-yearchart__key i.is-now{background: var(--ps-color-tint-hover); box-shadow: inset 0 calc(-1 * var(--yc-mark)) 0 var(--ps-color-brand-deep)}
.ps-yearchart__months, .ps-yearchart__row{display: grid; grid-template-columns: var(--yc-label) minmax(0, 1fr); gap: var(--yc-col-gap); align-items: center}
.ps-yearchart__ms, .ps-yearchart__bar{display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--yc-cell-gap)}
.ps-yearchart__ms b{font: 600 var(--ps-text-caption) var(--ps-font-text); color: var(--ps-color-ink-2); text-align: center}
.ps-yearchart__ms b.is-now{color: var(--ps-color-brand-deep)}
.ps-yearchart__m1{display: none}
.ps-yearchart__months{margin-bottom: var(--sp-1); padding-inline: var(--sp-2)}
.ps-yearchart__row{
box-sizing: border-box; width: 100%; min-height: var(--hit); padding: var(--sp-1) var(--sp-2); margin: 0;
border: 0; border-radius: var(--ps-radius-card); background: transparent; color: var(--ps-color-ink); font: inherit; text-align: left; cursor: pointer;
scroll-margin-top: calc(var(--ps-sticky-top, 0px) + var(--sp-7));
transition: background-color var(--ps-dur-fast) var(--ps-ease-out), scale var(--ps-dur-press) var(--ps-ease-out)}
.ps-yearchart__row[aria-pressed="true"]{background: var(--ps-color-tint)}
.ps-yearchart__row[aria-pressed="true"] .ps-yearchart__n{color: var(--ps-color-brand-deep)}
@media (hover: hover) and (pointer: fine){.ps-yearchart__row[aria-pressed="false"]:hover{background: var(--ps-color-tint-hover)}}
.ps-yearchart__row:active{scale: 0.97}
.ps-yearchart__n{display: -webkit-box; overflow: hidden; -webkit-line-clamp: var(--yc-clamp); -webkit-box-orient: vertical; font: 600 var(--ps-text-caption)/1.25 var(--ps-font-text)}
.ps-yearchart__bar i{height: var(--yc-bar); border-radius: var(--ps-radius-pill); background: var(--ps-color-ground)}
.ps-yearchart__bar i.is-on{background: var(--ps-color-brand)}
.ps-yearchart__bar i.is-fest{background: var(--ps-color-accent-gold)}
.ps-yearchart__bar i.is-now{box-shadow: inset 0 calc(-1 * var(--yc-mark)) 0 var(--ps-color-brand-deep)}
.ps-yearchart__bar i.is-now:not(.is-on){background: var(--ps-color-tint-hover)}
.ps-yearchart__row[aria-pressed="true"] .ps-yearchart__bar i.is-now:not(.is-on){background: var(--ps-color-surface)}
.ps-yearchart__foot{display: flex; align-items: flex-start; gap: var(--sp-2); margin: auto 0 0; padding-top: var(--sp-4); font-size: var(--ps-text-caption); line-height: 1.5; color: var(--ps-color-ink-2)}
.ps-yearchart__foot .ps-icon{flex: none; margin-top: var(--yc-icon-nudge); color: var(--ps-color-brand-deep)}
.ps-yearchart__cards{display: grid; min-width: 0}
.ps-yearchart__card{display: flex; flex-direction: column; border-radius: var(--ps-radius-card); overflow: hidden; background: var(--ps-color-surface); box-shadow: var(--ps-shadow-float)}
.ps-yearchart__card:not([hidden]){animation: ps-yearchart-in var(--ps-dur-reveal) var(--ps-ease-out)}
@keyframes ps-yearchart-in{from{opacity: 0.5}to{opacity: 1}}
@media (prefers-reduced-motion: reduce){.ps-yearchart__card:not([hidden]){animation: none}}
.ps-yearchart__ph{position: relative; aspect-ratio: 16 / 9; background: var(--ps-color-brand-darkest)}
.ps-yearchart__img{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover}
.ps-yearchart__tag{position: absolute; left: var(--sp-3); top: var(--sp-3); z-index: 1; padding: var(--sp-1) var(--sp-3); border-radius: var(--ps-radius-pill); background: var(--ps-white-95); color: var(--ps-color-brand-darkest); font: 600 var(--ps-text-caption)/1.3 var(--ps-font-text)}
.ps-yearchart__tag.is-fest{background: var(--ps-color-accent-gold); color: var(--ps-color-gold-ink)}
.ps-yearchart__bd{flex: 1; display: flex; flex-direction: column; gap: var(--sp-2); padding: var(--ps-space-grid) var(--sp-5) var(--sp-4)}
.ps-yearchart__bd p{margin: 0; color: var(--ps-color-ink-2)}
.ps-yearchart__mo{font: 600 var(--ps-text-caption) var(--ps-font-text); letter-spacing: 0.1em; text-transform: uppercase}
.ps-yearchart__bd .ps-yearchart__mo{color: var(--ps-color-gold-ink)}
.ps-yearchart__h{margin: 0; font: 600 var(--ps-text-h1)/1.1 var(--ps-font-display); color: var(--ps-color-brand-darkest)}
.ps-yearchart__bd .ps-yearchart__c{font-weight: 600; color: var(--ps-color-ink)}
.ps-yearchart__plan{margin-top: auto}
.ps-yearchart__go{align-self: center}
@media (max-width: 1099px){
.ps-yearchart__grid{grid-template-columns: minmax(0, 1fr)}
.ps-yearchart__card{display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr)}
.ps-yearchart__ph{aspect-ratio: auto; min-height: var(--yc-ph-split)}}
@media (max-width: 759px){
.ps-yearchart{--yc-label: 128px; --yc-clamp: 3; --yc-col-gap: var(--sp-2); --yc-cell-gap: 2px; --yc-pad: var(--sp-3) var(--sp-2)}
.ps-yearchart__key span:last-child{margin-left: 0; flex-basis: 100%}
.ps-yearchart__m{display: none}
.ps-yearchart__m1{display: inline}
.ps-yearchart__card{display: flex}
.ps-yearchart__ph{aspect-ratio: 16 / 9; min-height: 0}}
.ps-when__head{padding-block: var(--sp-5) var(--sp-6)}
.ps-when__intro{display: flex; flex-direction: column; gap: var(--sp-2); margin-top: var(--sp-3)}
.ps-when__title{margin: 0; font: 600 var(--ps-text-h1)/1.12 var(--ps-font-display); letter-spacing: -0.01em; color: var(--ps-color-brand-darkest); text-wrap: balance}
.ps-when__lede{margin: 0; font: 500 var(--ps-text-quote)/1.4 var(--ps-font-display); max-width: var(--measure-text); color: var(--ps-color-ink-hl); text-wrap: pretty}
@media (max-width: 759px){
.ps-when__head{padding-block: var(--sp-3) var(--sp-5)}}