/* Supplement art: images and controls own separate tracks, with no page carousel. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:0;border:0;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
#screen-title:focus{outline:none}
#app.welcome-view{grid-template-rows:minmax(0,1fr)}
.welcome-view>header{position:absolute;inset:auto}
.welcome-view>.stats{display:none}
.welcome-view .center{background:transparent;border:0}
.welcome-view .screen-heading{justify-content:center}
.welcome-view .screen-heading h2{font-size:24px}
.welcome-view .panel.split{grid-template-columns:minmax(0,1.35fr) minmax(0,.8fr);gap:28px}
.welcome-view .art-container{height:100%;width:100%;min-height:0}
.welcome-view .event-illustration{height:100%;width:100%;max-height:100%;max-width:100%;object-fit:contain}
.welcome-view .welcome-copy{font-size:22px;line-height:1.8}
.welcome-view .actions{justify-content:center}
.welcome-view #panel-actions{border:0}
.consultant-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.consultant-row{display:grid;grid-template-columns:52px minmax(0,1fr);gap:8px 10px;align-items:start;align-content:start;padding:12px}
.consultant-row>.list-thumbnail{width:52px;height:52px;grid-column:1;grid-row:1;align-self:start}
.consultant-copy{min-width:0;grid-column:2}
.consultant-row h3{font-size:17px;line-height:1.4}
.consultant-row p{font-size:14px;line-height:1.4;margin-top:5px}
.consultant-row .service-price{font-size:16px}
.consultant-row>button{grid-column:1/-1;justify-self:stretch;align-self:end;min-height:36px}
.consultant-row{grid-template-rows:minmax(0,1fr) auto}
.content-stage .panel.detail-layout,.content-stage .panel.capacity-layout{grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr);gap:28px}
.detail-layout .art-container,.capacity-layout .art-container{height:100%;max-height:320px;min-height:0}
.detail-layout .event-illustration{aspect-ratio:1;max-width:300px;max-height:300px;object-fit:contain}
.capacity-layout .event-illustration{max-width:340px;max-height:300px;object-fit:contain}
.detail-copy{display:grid;gap:18px;line-height:1.65}
.capacity-layout .capacity-panel{gap:16px}
.capacity-layout .capacity-selection{gap:18px}
.capacity-layout .capacity-panel>.metrics{grid-template-columns:1fr 1fr 1.1fr;gap:15px}
.capacity-layout .metrics strong{font-size:23px}
.capacity-layout .capacity-selection>.metrics{min-width:160px}
.capacity-layout .capacity-current strong{font-size:36px}
@media(min-width:760px) and (max-width:1100px){.consultant-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:759px), (max-height:500px) and (max-width:999px){
 .phone.welcome-view#app{grid-template-rows:minmax(0,1fr)}
 .phone.welcome-view .screen-heading{padding:12px 8px 6px}
 .phone.welcome-view .screen-heading h2{font-size:22px;text-align:center}
 .phone.welcome-view .panel.split{display:grid;grid-template-rows:minmax(140px,1fr) auto;grid-template-columns:minmax(0,1fr);gap:12px;padding:4px 12px 12px}
 .phone.welcome-view .panel>.content-unit:has(>.art-container){height:100%;min-height:0;flex:none}
 .phone.welcome-view .center[data-screen="welcome"] .art-container{height:100%;min-height:0}
 .phone.welcome-view .event-illustration{width:100%;height:100%;max-height:100%;max-width:100%}
 .phone.welcome-view .welcome-copy{text-align:center;line-height:1.6}
 .phone.welcome-view .welcome-copy p{font-size:16px}
 .phone .consultant-grid{grid-template-columns:minmax(0,1fr);gap:12px}
 .phone .consultant-row{grid-template-columns:58px minmax(0,1fr);gap:10px;padding:12px}
 .phone .consultant-row>.list-thumbnail{width:58px;height:58px}
 .phone .consultant-row h3{font-size:17px}.phone .consultant-row p{font-size:15px}
 .phone .consultant-row>button{min-height:48px}
 .phone .actions button,.phone .actions .button-link{min-height:48px}
 .phone .detail-copy{gap:14px;font-size:16px}
 .phone .detail-layout .art-container,.phone .capacity-layout .art-container{height:130px;max-height:130px}
 .phone .detail-layout .event-illustration,.phone .capacity-layout .event-illustration{width:100%;height:100%;max-height:100%}
 .phone .capacity-selection{align-items:flex-start;gap:8px}
 .phone .capacity-selection>.metrics{min-width:0}
 .phone .capacity-layout .capacity-panel>.metrics{grid-template-columns:1fr;gap:12px}
 .phone .capacity-layout .metrics strong{font-size:22px}
 .phone .capacity-layout .capacity-current strong{font-size:28px}
 .phone .quantity-stepper{gap:12px}
 .phone .capacity-layout .capacity-selection{padding-block:10px;gap:10px;flex-wrap:wrap}
}
@media(max-width:759px) and (max-height:660px){
 .phone .detail-layout .art-container,.phone .capacity-layout .art-container{height:84px}
 .phone.welcome-view .panel.split{gap:6px}
 .phone.welcome-view .welcome-copy p{font-size:15px}
}