.bloom{--r:130px;--pw:84px;--ph:108px;--cw:108px;--ch:140px;container-type:inline-size}@container (width<=310px){.bloom-ui{--r:112px;--pw:72px;--ph:94px;--cw:92px;--ch:120px}}@media (width>=900px){.bloom{--r:170px;--pw:112px;--ph:144px;--cw:150px;--ch:194px}}.bloom-list{gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(min(100%,13rem),1fr));margin-block-start:1.5rem;padding:0;list-style:none;display:grid}.bloom-list>li{align-content:start;gap:.5rem;display:grid}.bloom-ring{timeline-scope:--bloom;block-size:calc(2 * var(--r) + var(--ph) + 12px);margin-block:1.5rem 1rem;position:relative}.bloom-ring:before{content:"";inline-size:calc(2 * var(--r) + var(--pw));aspect-ratio:1;background:radial-gradient(circle,#f3bd3b24 0,#f3bd3b0d 45%,#0000 70%);border-radius:50%;max-inline-size:100%;position:absolute;inset:50% auto auto 50%;translate:-50% -50%}.bloom-center,.bloom-tab{position:absolute;inset:50% auto auto 50%}.bloom-center{view-timeline-name:--bloom;z-index:1;inline-size:var(--cw);block-size:var(--ch);margin:calc(var(--ch) / -2) 0 0 calc(var(--cw) / -2);border:3px solid var(--accent);border-radius:var(--radius);overflow:hidden;box-shadow:0 0 0 6px #f3bd3b2e,0 18px 45px #0009}.bloom-center .media-box,.bloom-tab .media-box,.bloom-center .portrait,.bloom-tab .portrait{aspect-ratio:auto;border:0;border-radius:0;block-size:100%}.bloom-tab .media-box{padding:.125rem .25rem;overflow:hidden}.bloom-tab{z-index:2;inline-size:var(--pw);block-size:var(--ph);margin:calc(var(--ph) / -2) 0 0 calc(var(--pw) / -2);border-radius:var(--radius);background:var(--surface);color:var(--text);font:700 .75rem/1.2 var(--font);cursor:pointer;translate:calc(cos(var(--a)) * var(--r)) calc(sin(var(--a)) * var(--r));rotate:var(--tilt,0deg);border:1px solid #ffffff38;grid-template-rows:minmax(0,1fr) auto auto;padding:0;display:grid;overflow:hidden;box-shadow:0 12px 30px #00000073}.bloom-tab>span{overflow-wrap:anywhere;background:#000c;padding:.25rem .25rem .375rem}.bloom-tab>.joined{padding-block-start:0;font-size:.625rem;font-weight:400}.bloom-tab:nth-child(6n+1){--a:-90deg;--tilt:-4deg}.bloom-tab:nth-child(6n+2){--a:-30deg;--tilt:5deg}.bloom-tab:nth-child(6n+3){--a:30deg;--tilt:-3deg}.bloom-tab:nth-child(6n+4){--a:90deg;--tilt:4deg}.bloom-tab:nth-child(6n+5){--a:150deg;--tilt:-5deg}.bloom-tab:nth-child(6n+6){--a:210deg;--tilt:3deg}.bloom-tab[aria-selected=true]{z-index:3;border:3px solid var(--accent)}.bloom-tab[aria-selected=true]>span{color:var(--accent)}.bloom-tab:focus-visible{z-index:4}@keyframes bloom-spread{0%{translate:0;scale:.6}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.bloom-tab{animation-name:bloom-spread;animation-timing-function:ease-out;animation-fill-mode:both;animation-timeline:--bloom;animation-range:entry 25% cover 50%}}}.bloom-panel{border:1px solid var(--hair);border-radius:var(--radius);background:var(--surface);gap:.5rem;max-inline-size:40rem;margin-inline:auto;padding:1rem 1.25rem;display:grid}.bloom-panel>.media-box,.bloom-panel>.portrait{display:none}.bloom-tab>.portrait{background:0 0;min-block-size:0;padding:0}.bloom-panel h3{font-size:1.5rem}.story blockquote p{font-size:1.0625rem}.story figcaption{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin-block-start:.5rem;font-size:.875rem;font-weight:700}.bloom-center:empty{box-shadow:none;background:0 0;border:0}.bloom-tab.without-photo{block-size:auto;min-block-size:var(--target);grid-template-rows:auto auto;margin-block-start:-1.5rem}.cta-pair{align-items:center;gap:.25rem;max-inline-size:100%;padding-block-start:.75rem;display:inline-flex}.click-here{color:var(--text);flex:none;margin-inline-end:2.75rem;display:block;position:relative}.click-here-text{font:italic 600 .8125rem/1 var(--font);transform-origin:100% 100%;white-space:nowrap;position:absolute;inset-block-end:calc(100% - 1.95rem);inset-inline-start:60%;transform:rotate(16deg)}.click-here svg{display:block;translate:6px}.click-here.is-nudging svg{animation:1.2s ease-in-out infinite click-here-nudge}@keyframes click-here-nudge{50%{transform:translate(-5px,-1.75px)}}@media (prefers-reduced-motion:reduce){.click-here.is-nudging svg{animation:none}}.carousel{align-content:start;display:grid}.photo-frame{aspect-ratio:4/3;border-radius:var(--radius);background:var(--surface);position:relative;overflow:hidden}.photo-frame picture,.photo-frame img{object-fit:cover;block-size:100%;inline-size:100%;display:block}.photo-frame>picture+picture{display:none}.photo-frame.is-live>picture{opacity:0;transition:opacity .4s ease-in-out;position:absolute;inset:0}.photo-frame.is-live>picture.near,.photo-frame.is-live>picture.is-on{display:block}.photo-frame.is-live>picture.is-on{z-index:2;opacity:1}.photo-frame.is-live>picture.was-on{z-index:1;opacity:1;transition:none}.photo-frame.is-live>picture.reset{opacity:0;transition:none}.photo-frame.is-static{scroll-snap-type:x mandatory;display:flex;overflow-x:auto}.photo-frame.is-static>picture{opacity:1;scroll-snap-align:start;flex:0 0 100%;transition:none;display:block;position:relative}@media (prefers-reduced-motion:reduce){.photo-frame.is-live>picture{transition:none}}