.sg{isolation:isolate;padding-block:clamp(56px,7vw,104px) clamp(40px,5vw,72px);position:relative;overflow:clip}.sg__glow{z-index:-1;pointer-events:none;position:absolute;inset:0}.sg__glow img{aspect-ratio:3/2;object-fit:cover;filter:blur(90px)saturate(1.25);opacity:.5;width:min(1100px,86vw);animation:sg-glow 1.4s var(--ease-out) both;position:absolute;top:44%;left:50%;translate:-50% -50%}@keyframes sg-glow{0%{opacity:0}}:root[data-theme=dark] .sg__glow img{opacity:.34}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .sg__glow img{opacity:.34}}.sg__head{text-align:center;justify-items:center;margin-bottom:clamp(28px,3.4vw,48px);display:grid}.sg__eyebrow{font:500 12px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);align-items:center;gap:12px;margin:0 0 14px;display:flex}.sg__eyebrow:before,.sg__eyebrow:after{content:"";opacity:.8;background:currentColor;width:28px;height:1px}.sg__in{padding-inline:var(--gutter);grid-template-columns:auto minmax(0,780px) auto;justify-content:center;align-items:center;gap:clamp(20px,3vw,56px);display:grid}.sg__side{align-items:center;gap:clamp(10px,1.2vw,18px);display:flex}.sg__col{justify-items:center;gap:clamp(10px,1vw,14px);width:clamp(78px,7.4vw,118px);display:grid}.sg__side--left .sg__col:first-child,.sg__side--right .sg__col:last-child{width:clamp(68px,6.4vw,100px)}.sg__sname{font:500 10.5px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--season);margin:0 0 2px}.sg__thumb{aspect-ratio:9/10;background:var(--paper-2);-webkit-tap-highlight-color:transparent;width:100%;rotate:calc((var(--i) - 1) * var(--turn,2deg));translate:calc((1 - (var(--i) - 1) * (var(--i) - 1)) * var(--bow,-10px)) 0;transition:rotate .42s var(--ease-out), scale .42s var(--ease-out), box-shadow .42s, outline-color .3s;outline-offset:3px;outline:2px solid #0000;text-decoration:none;display:block;position:relative;box-shadow:0 8px 18px -12px #1e160c99,0 1px 2px #1e160c33}.sg__side--left{--turn:-2.2deg;--bow:-10px}.sg__side--right{--turn:2.2deg;--bow:10px}.sg__thumb img{object-fit:cover;filter:saturate(.72)brightness(.92);width:100%;height:100%;transition:filter .42s;display:block}.sg__thumb:hover,.sg__thumb.is-active{z-index:2;rotate:none;scale:1.1;box-shadow:0 18px 34px -16px #1e160c99,0 2px 6px #1e160c33}.sg__thumb:hover img,.sg__thumb.is-active img{filter:none}.sg__thumb.is-active{outline-color:var(--season)}.sg__thumb:focus-visible{outline-color:var(--focus)}.sg__num{text-align:center;background:color-mix(in oklab, var(--paper) 88%, transparent);min-width:18px;color:var(--ink);font:500 9.5px/1 var(--mono);letter-spacing:.08em;opacity:0;padding:3px 5px;transition:opacity .3s;position:absolute;bottom:5px;left:5px}.sg__thumb:hover .sg__num,.sg__thumb.is-active .sg__num{opacity:1}.sg__mid{min-width:0}.sg__stage{color:inherit;touch-action:pan-y;-webkit-tap-highlight-color:transparent;text-decoration:none;display:block}.sg__frame{aspect-ratio:3/2;background:var(--paper-2);transform:perspective(1400px) rotateY(calc(var(--tx,0) * 3.2deg)) rotateX(calc(var(--ty,0) * -2.4deg));transition:transform .6s var(--ease-out);display:block;position:relative;overflow:hidden;box-shadow:0 34px 70px -34px #1e160cb3,0 3px 10px #1e160c2e}.sg__pic{display:block;position:absolute;inset:0}.sg__pic img{object-fit:cover;width:100%;height:100%;display:block}.sg__pic--cur{animation:sg-in .9s var(--ease-out) both}.sg__pic--cur img{animation:sg-near 9s var(--ease-out) both}@keyframes sg-in{0%{opacity:0}}@keyframes sg-near{0%{transform:scale(1.07)}}.sg__hint{background:color-mix(in oklab, var(--paper) 90%, transparent);color:var(--ink);font:500 11.5px/1 var(--body);letter-spacing:.08em;text-transform:uppercase;opacity:0;transition:opacity .3s, translate .3s var(--ease-out);align-items:center;gap:8px;padding:9px 13px;display:inline-flex;position:absolute;bottom:14px;right:14px;translate:0 6px}.sg__hint svg{color:var(--gold)}.sg__stage:hover .sg__hint,.sg__stage:focus-visible .sg__hint{opacity:1;translate:0}.sg__stage:focus-visible{outline:2px solid var(--focus);outline-offset:4px}.sg__ruler{align-items:center;gap:12px;margin-top:16px;display:flex}.sg__auto{border:1px solid color-mix(in oklab, var(--ink) 22%, transparent);width:28px;height:28px;color:var(--ink-2);cursor:pointer;background:0 0;border-radius:50%;flex:none;place-items:center;transition:color .3s,border-color .3s;display:grid}.sg__auto:hover{color:var(--ink);border-color:var(--gold)}.sg__segs{flex:1;gap:4px;margin:0;padding:0;list-style:none;display:flex}.sg__segs li{flex-basis:0;min-width:0;display:flex}.sg__seg{cursor:pointer;background:0 0;border:0;width:100%;height:24px;padding:0;display:block;position:relative}.sg__seg:before{content:"";background:var(--season);opacity:.45;height:3px;transition:opacity var(--dur-fast), height var(--dur-fast), top var(--dur-fast);border-radius:2px;position:absolute;top:9px;left:0;right:0}.sg__seg:hover:before,.sg__seg.is-active:before{opacity:1;height:6px;top:7.5px}.sg__prog{background:color-mix(in oklab, var(--ink) 55%, transparent);border-radius:2px;width:0;height:6px;animation:6.5s linear forwards sg-prog;position:absolute;top:7.5px;left:0}@keyframes sg-prog{to{width:100%}}.sg__cap{min-height:236px;animation:sg-cap .52s var(--ease-out) both;align-content:start;padding-top:clamp(22px,2.6vw,34px)}@keyframes sg-cap{0%{opacity:0;transform:translateY(6px)}}.sg__name{font:500 17px/1.3 var(--display);color:var(--ink)}@media (prefers-reduced-motion:reduce){.sg__pic--cur,.sg__pic--cur img,.sg__cap,.sg__glow img{animation:none}.sg__frame{transform:none}}@media (max-width:1100px){.sg__in{gap:16px}.sg__col,.sg__side--left .sg__col:first-child,.sg__side--right .sg__col:last-child{width:clamp(56px,6.6vw,78px)}}@media (max-width:760px){.sg__in{grid-template-columns:minmax(0,1fr);gap:18px}.sg__mid{order:-1}.sg__side{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px;display:grid}.sg__col,.sg__side--left .sg__col:first-child,.sg__side--right .sg__col:last-child{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:auto}.sg__sname{grid-column:1/-1;justify-self:start}.sg__thumb{aspect-ratio:1;translate:none;rotate:none}.sg__thumb:hover,.sg__thumb.is-active{scale:1.04}.sg__frame{transform:none}.sg__hint{display:none}.sg__cap{min-height:250px}}