.sc__grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:2px;margin:0;padding:0;list-style:none;display:grid}.sc__cell{background:var(--surface);grid-column:span 12;min-inline-size:0;overflow:hidden}.sc__cell:nth-child(4n+2),.sc__cell:nth-child(4n+5){grid-column:span 7}.sc__cell:nth-child(4n+3),.sc__cell:nth-child(4n+4){grid-column:span 5}.sc__cell:first-child,.sc__cell:last-child:nth-child(2n){grid-column:span 12}.sc__open{cursor:zoom-in;background:0 0;border:0;block-size:100%;inline-size:100%;padding:0;display:block}.sc__open img{object-fit:cover;object-position:top;block-size:clamp(240px,34vw,540px);inline-size:100%;transition:transform .6s var(--ease-out);display:block}.sc__cell:first-child .sc__open img,.sc__cell:last-child:nth-child(2n) .sc__open img{block-size:auto;max-block-size:92svh}.sc__cell.is-tall .sc__open img{object-fit:contain;object-position:center}@media (hover:hover) and (pointer:fine){.sc__open:hover img{transform:scale(1.015)}}.sc__viewer{block-size:100dvh;max-block-size:none;inline-size:100vw;max-inline-size:none;color:var(--ink);opacity:1;transition:opacity .2s var(--ease-out), display .2s allow-discrete, overlay .2s allow-discrete;background:#060607f0;border:0;margin:0;padding:0}.sc__viewer[open]{place-items:center;display:grid}@starting-style{.sc__viewer[open]{opacity:0}}.sc__viewer::backdrop{background:0 0}.sc__full{object-fit:contain;block-size:auto;max-block-size:calc(100dvh - 120px);inline-size:auto;max-inline-size:92vw}.sc__bar{justify-content:center;align-items:center;gap:6px;display:flex;position:fixed;inset-block-end:20px;inset-inline:0}.sc__bar>*{min-block-size:40px;min-inline-size:44px;color:var(--ink);background:#141418db;border:0;border-radius:999px;place-items:center;padding:0 14px;font-size:14px;display:inline-grid}.sc__bar button{cursor:pointer}.sc__count{font-variant-numeric:tabular-nums;color:var(--ink-2)}@media (max-width:760px){.sc__cell,.sc__cell:nth-child(n){grid-column:span 12}.sc__open img{block-size:auto}}
.cs{--col:min(100% - var(--gutter) * 2, 1360px);--section:clamp(96px, 11vw, 184px);grid-template-columns:[bleed-start] minmax(var(--gutter), 1fr) [col-start] var(--col) [col-end] minmax(var(--gutter), 1fr) [bleed-end];padding-block-end:clamp(48px,6vw,96px);display:grid}.cs>*{grid-column:col}.cs>*+*{margin-block-start:var(--section)}.cs-hero{min-block-size:100svh;padding:calc(var(--h-bar,64px) + 32px) var(--gutter) clamp(28px, 5svh, 56px);background:var(--field);color:var(--on-field);isolation:isolate;grid-column:bleed;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:clamp(24px,4vw,64px);display:grid;position:relative;overflow:hidden}.cs-hero .cs-hero__field{z-index:-1;place-items:center;padding-block-end:20svh;display:grid;position:absolute;inset:0}.cs-hero__mark{block-size:auto;inline-size:min(40vw,44svh,540px)}.cs-hero__cover{object-fit:cover;opacity:.5;block-size:100%;inline-size:100%}.cs-hero__words{justify-items:start;gap:clamp(14px,1.6vw,24px);min-inline-size:0;display:grid}.cs-hero__flags{gap:8px;margin:0;display:flex}.cs-hero__flag{border-radius:var(--r-control);border:1px solid;padding:4px 10px;font-size:13px}.cs-hero__title{font-family:var(--font-display);font-stretch:var(--display-stretch,118%);letter-spacing:-.035em;overflow-wrap:anywhere;margin:0;font-size:clamp(56px,10vw,164px);font-weight:700;line-height:.9}.cs-hero__summary{text-wrap:pretty;opacity:.82;max-inline-size:40ch;margin:0;font-size:clamp(17px,1.35vw,21px);line-height:1.4}.cs-hero__actions{flex-wrap:wrap;gap:10px;margin-block-start:6px;display:flex}.cs-hero__facts{gap:12px;min-inline-size:180px;margin:0;font-size:15px;display:grid}.cs-hero__facts div{gap:2px;display:grid}.cs-hero__facts dt{opacity:.6;font-size:13px}.cs-hero__facts dd{margin:0}.cs-hero__facts a{color:inherit;text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.cs-hero[data-long] .cs-hero__title{font-size:clamp(44px,6.6vw,112px)}.cs-hero[data-long] .cs-hero__field{padding-block-end:28svh}.cs-hero .dither-btn--ghost{border-color:color-mix(in oklab, var(--on-field) 34%, transparent);color:var(--on-field)}.cs-hero .dither-btn--ghost:hover{border-color:var(--on-field)}html:has(.cs-hero[data-tone=light]) .gx__capsule{background:#08080acc}.cs-time{grid-template-columns:auto minmax(0,1fr);align-items:end;gap:clamp(24px,4vw,64px);display:grid}.cs-time__total{margin:0;line-height:1;display:grid}.cs-time__n{font-family:var(--font-display);font-stretch:var(--display-stretch,118%);letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:clamp(72px,9vw,144px);font-weight:700;line-height:.85}.cs-time__unit{color:var(--ink-2);margin-block-start:10px;font-size:15px}.cs-time__strip{gap:2px;margin:0;padding:0;list-style:none;display:flex}.cs-time__phase,.cs-time__rest{flex:var(--w) 1 0;min-inline-size:0}.cs-time__phase{gap:12px;display:grid}.cs-time__cells{gap:2px;block-size:clamp(56px,7vw,96px);display:flex}.cs-time__cell{background:var(--hue);opacity:calc(.38 + .62 * (var(--i) + 1) / var(--n));transform-origin:bottom;border-radius:1px;flex:1}.cs-time__rest{border:1px dashed var(--line-strong);border-radius:1px;block-size:clamp(56px,7vw,96px)}.cs-time__label{color:var(--ink);gap:2px;padding-inline-end:8px;font-size:14px;display:grid}.cs-time__weeks{color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:13px}.cs-time__legend{display:none}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.cs-time__cell{animation:linear both cs-cell;animation-timeline:view();animation-range:entry 10% cover 40%}}}@keyframes cs-cell{0%{opacity:.1;transform:scaleY(.12)}}.cs-shipped{grid-template-columns:minmax(0,7fr) minmax(0,4fr);align-items:start;gap:clamp(32px,6vw,120px);display:grid}.cs-shipped__list{margin:0;padding:0;list-style:none}.cs-shipped__list li{border-block-start:1px solid var(--line-strong);font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;padding-block:.34em .3em;font-size:clamp(26px,3.2vw,48px);font-weight:600;font-stretch:100%;line-height:1.05}.cs-shipped__side{gap:28px;margin:0;padding-block-start:12px;display:grid}.cs-shipped__side dt{color:var(--ink-3);margin-block-end:8px;font-size:13px}.cs-shipped__side dd{gap:4px;margin:0;font-size:17px;display:grid}.cs-brand{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:2px;display:grid}.cs-brand__plate{aspect-ratio:1;background:var(--field);border-radius:var(--r-card);place-items:center;display:grid}.cs-brand__plate img{block-size:auto;inline-size:58%}.cs-brand__swatches{gap:2px;margin:0;padding:0;list-style:none;display:grid}.cs-brand__swatches li{border-radius:var(--r-card);justify-content:space-between;align-items:end;gap:16px;padding:16px 18px;display:flex;box-shadow:inset 0 0 0 1px #ffffff0f}.cs-brand__role{font-size:14px}.cs-brand__hex{font-family:var(--font-mono);letter-spacing:.02em;font-size:14px}.cs-next{grid-column:bleed;gap:20px;display:grid}.cs-next__plate{min-block-size:min(72svh,760px);padding:clamp(24px, 3vw, 44px) var(--gutter);background:var(--next-field);color:var(--next-on);isolation:isolate;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr) auto;text-decoration:none;display:grid;position:relative;overflow:hidden}.cs-next__label{opacity:.7;grid-column:1;font-size:15px}.cs-next__title{font-family:var(--font-display);font-stretch:var(--display-stretch,118%);letter-spacing:-.035em;grid-area:3/1;font-size:clamp(48px,8vw,132px);font-weight:700;line-height:.9}.cs-next__meta{opacity:.7;grid-area:3/2;align-self:end;font-size:15px}.cs-next__mark{z-index:-1;object-fit:contain;block-size:auto;max-block-size:60%;inline-size:min(30vw,36svh,380px);transition:transform .5s var(--ease-out);margin:auto;position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.cs-next__plate:hover .cs-next__mark{transform:scale(1.05)}}.cs-next__all{color:var(--ink-2);justify-self:start;align-items:center;gap:8px;margin-inline-start:var(--gutter);font-size:15px;text-decoration:none;display:inline-flex}.cs-next__all:hover{color:var(--ink)}@media (max-width:860px){.cs{--section:clamp(72px, 16vw, 112px)}.cs-hero{min-block-size:auto;grid-template-columns:1fr;align-content:end;padding-block-start:calc(var(--h-bar,64px) + 8px)}.cs-hero .cs-hero__field,.cs-hero[data-long] .cs-hero__field{z-index:0;min-block-size:36svh;padding:0;position:relative}.cs-hero__mark{inline-size:min(56vw,28svh)}.cs-time__label{display:none}.cs-time__legend{grid-column:1/-1;gap:10px;margin:0;padding:0;font-size:14px;list-style:none;display:grid}.cs-time__legend li{grid-template-columns:14px 1fr auto;align-items:center;gap:10px;display:grid}.cs-time__key{background:var(--hue);block-size:14px;opacity:calc(.38 + .62 * (var(--i) + 1) / var(--n));border-radius:1px}.cs-hero__facts{grid-template-columns:1fr 1fr}.cs-time,.cs-shipped,.cs-brand{grid-template-columns:1fr}.cs-time__label{font-size:12px}.cs-next__plate{grid-template-columns:1fr;min-block-size:56svh}.cs-next__meta{grid-area:2/1;align-self:start}}