/* Ignite Design · Private Events page. Loads after ignite.css; only what differs from the Weddings page. */

/* the photos here are landscape event shots, so the cards and the switcher run 3:2 instead of 4:5 */
.events .space img{aspect-ratio:3/2}
.events .switch__media{aspect-ratio:4/3}
.events .switch__panel img{aspect-ratio:3/2}
.events .split__img img{aspect-ratio:4/3}
.events .visit .split__img img{aspect-ratio:4/5}
.events .switch__panel{gap:var(--s3)}
.events .switch__panel .btn-row{margin-top:var(--s2)}
.events .switch__panel .price{text-transform:none;font-size:var(--t-body);letter-spacing:0}

/* glass chapter: the ledger lines run longer here */
.events .ledger dd{max-width:52%}
.events .demo{grid-template-columns:minmax(0,1.1fr) minmax(0,1.5fr) auto}
.events .demo .price{font-size:var(--t-body);text-align:right}
.know{grid-column:4 / span 9;list-style:none;margin:var(--s5) 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s2) var(--s5)}
.know li{padding:10px 0;border-bottom:.8px solid var(--night-rule);color:var(--night-ash);font-size:.9375rem;line-height:1.4}
@media (max-width:899px){.know{grid-column:1;grid-template-columns:1fr}}

/* branded gifts and awards */
.gifts{padding:var(--section) var(--gutter);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--s4);border-top:.8px solid var(--night-rule)}
.gifts .label{grid-column:1 / span 3;color:var(--night-ash);padding-top:.6em}
.gifts__body{grid-column:4 / span 6;display:grid;gap:var(--s4);max-width:560px}
.gifts__body p{color:var(--night-ash)}
@media (max-width:899px){.gifts{grid-template-columns:1fr}.gifts>*{grid-column:1 !important}}

/* pricing table: the daytime row spans weekend columns */
.rates td .td-note{display:block;font:400 var(--t-caption)/1.3 var(--f-mono);text-transform:uppercase;color:var(--ash);margin-top:4px;letter-spacing:.02em}
@media (min-width:900px){.rates td[colspan]{text-align:left}}

/* the Plan this button inside a switcher panel keeps its button styling (the list rule above it strips buttons) */
.events .switch__panel .btn{width:auto;opacity:1;display:inline-flex;align-items:center;padding:8px 22px;border:.8px solid var(--ember);background:var(--ember);color:var(--ink);text-align:center}
.events .switch__panel .btn::before{display:none}
.events .switch__panel .btn:hover{opacity:1;background:var(--ember-hover);border-color:var(--ember-hover)}
.events .switch__panel .btn--ghost{background:transparent;border-color:currentColor;color:var(--ink)}
.events .switch__panel .btn--ghost:hover{background:rgba(21,19,17,.06)}
.events .switch__panel .btn-row{gap:var(--s3)}
@media (max-width:899px){.rates td .td-note{display:none}}

/* the sheet's event-type list is longer than the wedding one */
.events .sheet .radios label{min-height:36px}

/* hands-on list on phones: title, text, then the price on its own line */
@media (max-width:899px){.events .demo{grid-template-columns:1fr}.events .demo .price{text-align:left}}

/* the 2022 slideshow screenshots carry the old slider's arrows and dots at their edges; crop them out until new photos replace them */
.events img[src*="Screen-Shot-2022"]{clip-path:inset(6% 5%);transform:scale(1.14)}
.events .space figure{overflow:hidden}
.events .space figcaption{position:relative;background:var(--paper)}