.quotes-section{background:var(--color-paper);min-height:calc(max(100svh,52rem) + min(90svh,720px));color:var(--color-ink)}.quotes-stage{background:var(--color-paper);flex-direction:column;min-height:max(100svh,52rem);display:flex;position:sticky;top:0}.quotes-panels{flex:1;display:grid}.quote-slide{padding:clamp(3rem, 6vw, 6rem) var(--page-gutter);opacity:0;visibility:hidden;pointer-events:none;grid-area:1/1;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(2rem,5vw,6rem);transition:opacity .22s,visibility 0s linear .22s;display:grid}.quote-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .28s .22s,visibility 0s linear .22s}.quote-slide__copy{align-self:start;min-width:0;padding-top:clamp(1rem,6vh,4rem)}.quote-slide blockquote{letter-spacing:-.055em;max-width:22ch;margin:0;font-size:clamp(2.1rem,3.8vw,4rem);font-weight:400;line-height:1.16}.quote-slide__attribution{gap:.15rem;margin:clamp(2rem,4vw,3.5rem) 0 0;font-size:clamp(.85rem,1.2vw,1.1rem);line-height:1.35;display:grid}.quote-slide__attribution strong{font-size:clamp(1.15rem,1.55vw,1.45rem);font-weight:600}.quote-slide__label{color:var(--color-brand);letter-spacing:.16em;text-transform:uppercase;margin:0 0 clamp(1rem,2vw,1.6rem);font-size:.78rem;font-weight:800}.quote-slide__byline{align-items:center;gap:clamp(1rem,1.8vw,1.5rem);margin-top:clamp(2rem,4vw,3.5rem);display:flex}.quote-slide__byline .quote-slide__attribution{margin:0}.quote-slide__logo{object-fit:contain;filter:brightness(0);opacity:.82;flex:none;width:auto;max-width:clamp(5rem,8vw,7.5rem);height:clamp(2rem,3vw,2.75rem)}.quote-slide__portrait{border-bottom:4px solid var(--color-brand);align-self:center;min-width:0;margin:0}.quote-slide__portrait img{aspect-ratio:3/2;object-fit:contain;width:100%;height:auto;display:block}.quote-selector{padding:1.2rem var(--page-gutter) 1.4rem;background:var(--color-ink);color:#fff;flex:none}.quote-selector__items{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.8rem,2vw,2rem);display:grid}.quote-selector__items button{color:#d8d8d4;min-width:0;min-height:6rem;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;align-content:start;gap:.3rem;padding:.55rem .2rem .85rem;display:grid}.quote-selector__items button[aria-current=true]{border-bottom-color:var(--color-brand);color:#fff}.quote-selector__items button strong{font-size:clamp(.9rem,1.15vw,1.1rem);font-weight:600;line-height:1.2}.quote-selector__items button span{font-size:clamp(.7rem,.8vw,.82rem);line-height:1.3}.quote-selector button:focus-visible{outline-offset:2px;outline:3px solid #fff}.quote-selector__items button:hover{color:#fff}@media (max-width:760px),(max-width:960px) and (max-height:600px){.quotes-section{min-height:0}.quotes-stage{min-height:0;position:relative}.quotes-panels{flex:none}.quote-slide{padding:1.5rem var(--page-gutter) 2.5rem;grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;align-content:start;gap:clamp(1.25rem,4vw,2rem)}.quote-slide__portrait{aspect-ratio:3/2;grid-row:1;width:min(100%,34rem);margin-inline:auto}.quote-slide__portrait img{aspect-ratio:auto;height:100%}.quote-slide__copy{flex-direction:column;grid-row:2;width:min(100%,34rem);margin-inline:auto;display:flex}.quote-slide blockquote{max-width:none;font-size:clamp(1.4rem,5.5vw,2rem);line-height:1.22}.quote-slide__byline{margin-top:auto;padding-top:1.5rem}.quote-slide__attribution{font-size:.9rem}}@media (max-height:760px){.quotes-stage{position:relative}}@media (max-width:760px){.quotes-section{height:calc(100svh + (var(--quote-stops) - 1) * var(--story-step));color:#fff;background:#0a0a0a;min-height:0}.quotes-stage{background:#0a0a0a;height:100svh;min-height:0;position:sticky;top:0;overflow:hidden}.quotes-panels{flex:1;grid-template-rows:minmax(0,1fr);min-height:0}.quote-selector--desktop{display:none}.quote-slide{justify-content:center;align-items:flex-end;gap:0;height:100%;min-height:0;padding:0;display:flex;position:relative;overflow:hidden}.quote-slide__portrait{border:0;width:100%;height:100%;margin:0;position:absolute;inset:0;overflow:hidden}.quote-slide__portrait:after{content:"";pointer-events:none;background:linear-gradient(#0000 18%,#0000008c 42%,#000000db 64%,#0a0a0a 100%);position:absolute;inset:0}.quote-slide__portrait img{aspect-ratio:auto;object-fit:cover;object-position:75% center;width:100%;height:100%}.quote-slide[data-quote=francesco-muglia] .quote-slide__portrait img{object-position:65% center}.quote-slide__copy{z-index:1;width:min(100%,42rem);min-height:0;padding:1rem var(--page-gutter) max(1.75rem, env(safe-area-inset-bottom) + 1rem);color:#fff;text-shadow:0 2px 12px #0009;flex-direction:column;align-self:flex-end;gap:clamp(.85rem,2svh,1.4rem);margin:0 auto;display:flex;position:relative}.quote-slide blockquote{letter-spacing:-.025em;max-width:34ch;margin:0;font-size:clamp(1.3rem,min(6.2vw,3.2svh),1.9rem);font-weight:400;line-height:1.22}.quote-slide__attribution{border-top:2px solid var(--color-brand);gap:.3rem;margin:0;padding-top:clamp(.6rem,1.4svh,.9rem);font-size:clamp(1.1rem,4.6vw,1.5rem);line-height:1.15}.quote-slide__attribution strong{color:var(--color-brand);letter-spacing:-.055em;font-size:clamp(1.7rem,7vw,2.6rem);font-weight:700;line-height:.98}.quote-slide__label{text-shadow:none;margin:0;font-size:.7rem}.quote-slide__byline{align-items:flex-end;gap:.9rem;margin:0}.quote-slide__byline .quote-slide__attribution{flex:1;min-width:0}.quote-slide__logo{filter:brightness(0)invert();opacity:.9;order:2;max-width:5.5rem;height:2rem;margin-bottom:.2rem}}@media (max-width:760px) and (max-height:520px){.quote-slide__copy{gap:.55rem;padding-block:.65rem}.quote-slide blockquote{font-size:clamp(1rem,4.2vw,1.25rem)}.quote-slide__attribution{font-size:clamp(.95rem,3.8vw,1.15rem)}.quote-slide__attribution strong{font-size:clamp(1.35rem,6vw,1.8rem)}}@media (prefers-reduced-motion:reduce){.quote-slide{transition:none}}
