.ref-shell{width:100%;max-width:1400px;margin-inline:auto;padding-inline:clamp(1.25rem,4vw,3.5rem)}.ref-item{grid-template-areas:"main";place-items:center;display:grid}.ref-item+.ref-item{margin-top:clamp(6rem,20vmax,18rem)}.ref-stage{pointer-events:none;grid-area:main;grid-template-areas:"stage";place-items:center;width:100%;height:72svh;display:grid}.ref-titlewrap{text-align:center;flex-direction:column;grid-area:stage;justify-content:center;align-items:center;display:flex}.ref-layout{grid-area:main;grid-template-columns:minmax(0,1fr);grid-template-areas:"title-up""title-down""img""text";place-items:center;gap:1.75rem 1rem;width:100%;display:grid}.ref-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.045em;white-space:nowrap;z-index:3;flex:none;width:max-content;max-width:none;padding-top:.22em;font-size:clamp(2rem,9vw,3.5rem);line-height:.72;position:relative}.ref-title--up{color:var(--color-fg-muted);grid-area:title-up;justify-self:start;font-weight:400}.ref-title--down{color:var(--color-fg);grid-area:title-down;justify-self:start;font-weight:600}.ref-titlewrap>.ref-title{align-self:center}.ref-img{z-index:1;aspect-ratio:16/9;grid-area:img;width:100%;height:auto;position:relative;overflow:visible}.ref-text{flex-direction:column;grid-area:text;justify-self:start;gap:1.1rem;max-width:40ch;display:flex}.ref-meta{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--color-fg-faint);font-size:.72rem}.ref-summary{color:var(--color-fg-muted);margin:0;line-height:1.55}.ref-highlights{border-left:1px solid var(--color-line);flex-direction:column;gap:.45rem;margin:0;padding:0 0 0 1rem;list-style:none;display:flex}.ref-highlights li{color:var(--color-fg-muted);font-size:.92rem;line-height:1.45}.ref-stack{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.ref-stack li{border:1px solid var(--color-line);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-fg-muted);white-space:nowrap;border-radius:999px;padding:.26rem .7rem;font-size:.66rem}.ref-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}@media (min-width:64em){.ref-text[data-align=right]{text-align:right;justify-self:end;align-items:flex-end}.ref-text[data-align=right] .ref-highlights{border-left:0;border-right:1px solid var(--color-line);padding-left:0;padding-right:1rem}.ref-text[data-align=right] .ref-stack,.ref-text[data-align=right] .ref-actions{justify-content:flex-end}.ref-text[data-align=center]{text-align:center;justify-self:center;align-items:center}.ref-text[data-align=center] .ref-highlights{text-align:center;border-left:0;padding-left:0}.ref-text[data-align=center] .ref-stack,.ref-text[data-align=center] .ref-actions{justify-content:center}.ref-stage{height:100vh}.ref-titlewrap{gap:0}.ref-title{font-size:clamp(3rem,7.6vw,6.5rem)}.ref-title--up{place-self:start}.ref-title--down{place-self:end}.ref-layout--1{grid-template:"title-up img."1fr"text img title-down"1fr/minmax(0,1fr) 46% minmax(0,1fr);column-gap:2.5vw}.ref-layout--2{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"title-up.""img img""text title-down";row-gap:3vh}.ref-layout--2 .ref-title--down{align-self:start;margin-top:-.1em}.ref-layout--2 .ref-img{width:62vw;max-width:100%}.ref-layout--3{grid-template:"title-up img title-down""text text text"/22vw auto 22vw;place-content:center;gap:8vh 2vw}.ref-layout--3 .ref-title--up,.ref-layout--3 .ref-title--down{align-self:center}.ref-layout--3 .ref-text{max-width:46ch}.ref-layout--3 .ref-img{width:38vw;max-width:100%}.ref-layout--4{grid-template-columns:1fr;grid-template-areas:"title-up""img""title-down""text";row-gap:3.5vh}.ref-layout--4 .ref-title--up,.ref-layout--4 .ref-title--down{justify-self:center}.ref-layout--5{grid-template:"title-up img""title-down img""text img"1fr/minmax(0,1fr) 52%;gap:0 3vw}.ref-layout--5 .ref-title--up{place-self:end}.ref-layout--5 .ref-title--down{place-self:start end}.ref-layout--6{grid-template-columns:6vw minmax(0,1fr) minmax(0,1fr) 6vw;grid-template-areas:"img img img img"".text title-up."".text title-down.";row-gap:3vh}.ref-layout--6 .ref-title--up,.ref-layout--6 .ref-title--down{justify-self:start}.ref-layout--6 .ref-title--up{align-self:end}.ref-layout--6 .ref-title--down{align-self:start}}@media (prefers-reduced-motion:reduce){.ref-stage{height:0}}.ref-pillbar-wrap{margin-inline:auto;flex-direction:column;align-items:center;gap:.85rem;width:100%;max-width:1400px;margin-bottom:clamp(1.5rem,5vmax,4rem);padding-inline:clamp(1.25rem,4vw,3.5rem);display:flex}.ref-pillbar{grid-template-columns:repeat(var(--pill-count,2), minmax(0, 1fr));border:1px solid var(--color-line);background:color-mix(in oklab, var(--color-ink-800) 62%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;width:min(100%,21rem);padding:.3rem;display:grid;position:relative}.ref-pillbar-thumb{width:calc((100% - .6rem) / var(--pill-count,2));background:var(--color-accent);border-radius:999px;transition:transform .52s cubic-bezier(.16,1,.3,1);position:absolute;top:.3rem;bottom:.3rem;left:.3rem}.ref-pill{z-index:1;min-height:2.6rem;font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--color-fg-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.45rem;padding-inline:.75rem;font-size:.72rem;transition:color .32s;display:inline-flex;position:relative}.ref-pill:hover{color:var(--color-fg)}.ref-pill[data-active]{color:var(--color-ink-950)}.ref-pill-count{letter-spacing:.06em;opacity:.72;font-size:.68rem}.ref-stores{flex-wrap:wrap;gap:.6rem;display:flex}@media (min-width:64em){.ref-text[data-align=right] .ref-stores{justify-content:flex-end}.ref-text[data-align=center] .ref-stores{justify-content:center}}@media (prefers-reduced-motion:reduce){.ref-pillbar-thumb{transition:none}}