.s-cycle{--gap:14px;--pad:clamp(26px, 3.6vw, 44px);--ch:9px;position:relative}.s-cycle [class*=el-]{--el-solid:var(--el);--el-text:var(--el)}.s-cycle .el-fire{--el-solid:#e2553b;--el-text:#ee7259}.s-cycle .cy-sprite{width:0;height:0;position:absolute;overflow:hidden}.s-cycle .cy-vh{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.s-cycle .cy-glyph{fill:none;stroke:currentColor;stroke-width:2.7px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:1em;height:1em}.s-cycle .cy-head{padding-right:236px}.s-cycle .cy-head .d-sub{margin-bottom:30px}.s-cycle .cy-body{position:relative}.s-cycle .cy-guardian{z-index:0;filter:drop-shadow(0 16px 22px #00000080);pointer-events:none;user-select:none;width:auto;max-width:none;height:420px;position:absolute;top:-206px;right:52px;transform:scaleX(-1)}.s-cycle .cy-frame{z-index:1;padding:var(--pad)}.s-cycle .cy-key{font-family:var(--f-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px 22px;margin-bottom:14px;font-size:.74rem;font-weight:800;line-height:1.3;display:flex}.s-cycle .cy-key-lbl{color:var(--gold)}.s-cycle .cy-key-order{flex-wrap:wrap;align-items:center;gap:6px 0;display:flex}.s-cycle .cy-key-order li{color:var(--el-text);align-items:center;gap:7px;display:inline-flex}.s-cycle .cy-key-order .cy-glyph{font-size:17px}.s-cycle .cy-key-order li+li:before{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='9' viewBox='0 0 30 9'%3E%3Cpath d='M1 4.5h27M24 1l4 3.5L24 8' fill='none' stroke='%238a6d3b' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat;width:30px;height:9px;margin:0 9px 0 7px}.s-cycle .cy-key-gap{align-items:center;gap:10px;margin-left:auto;display:inline-flex}.s-cycle .cy-dash{background:repeating-linear-gradient(90deg, var(--gold) 0 4px, transparent 4px 9px);width:34px;height:2px}.s-cycle .cy-strip{position:relative}.s-cycle .cy-line{column-gap:var(--gap);grid-template-columns:repeat(9,minmax(0,1fr)) minmax(0,1.6fr);padding-bottom:12px;display:grid}.s-cycle .cy-line>li{padding-top:30px;position:relative}.s-cycle .cy-line>li:before,.s-cycle .cy-line>li:after{content:"";background:var(--gold-lo);height:1px;position:absolute;top:12px}.s-cycle .cy-line>li:before{left:calc(var(--gap) / -2);right:50%}.s-cycle .cy-line>li:after{left:50%;right:calc(var(--gap) / -2)}.s-cycle .cy-line>li:first-child:before,.s-cycle .cy-line>li:last-child:after{display:none}.s-cycle .cy-line>li.gap-r:after,.s-cycle .cy-line>li.gap-l:before{background:repeating-linear-gradient(90deg, var(--gold) 0 4px, transparent 4px 9px);height:2px;top:11.5px}.s-cycle .cy-node{z-index:1;background:var(--el);width:9px;height:9px;box-shadow:0 0 0 2px var(--ink), 0 0 0 3px var(--gold-lo);margin-left:-4.5px;transition:transform .3s,box-shadow .3s;position:absolute;top:8px;left:50%;transform:rotate(45deg)}.s-cycle .cy-tab{appearance:none;width:100%;color:inherit;font:inherit;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:2px;flex-direction:column;align-items:center;padding:0;display:flex}.s-cycle .cy-tab:focus-visible{outline:2px solid var(--gold-hi);outline-offset:5px}.s-cycle .cy-niche{aspect-ratio:3/4;width:100%;clip-path:polygon(var(--ch) 0, calc(100% - var(--ch)) 0, 100% var(--ch), 100% 100%, 0 100%, 0 var(--ch));background:#c9a35f6b;padding:1px;transition:background .25s,transform .35s cubic-bezier(.2,.7,.2,1);display:block}.s-cycle .is-pair .cy-niche{aspect-ratio:6/5}.s-cycle .cy-win{background:var(--ink-2);width:100%;height:100%;clip-path:polygon(calc(var(--ch) - .6px) 0, calc(100% - var(--ch) + .6px) 0, 100% calc(var(--ch) - .6px), 100% 100%, 0 100%, 0 calc(var(--ch) - .6px));display:block;position:relative;overflow:hidden}.s-cycle .cy-win img,.s-cycle .cy-pic-img{object-fit:cover;object-position:calc(var(--fx,.5) * 100%) calc(var(--fy,.5) * 100%);width:100%;height:100%;transform:scale(var(--z,1));transform-origin:calc(var(--fx,.5) * 100%) calc(var(--fy,.5) * 100%);position:absolute;inset:0}.s-cycle .cy-win img{filter:saturate(.72)brightness(.8);transition:filter .3s}.s-cycle .cy-ph{background:color-mix(in srgb, var(--el) 15%, var(--ink-2)) var(--grain);color:var(--el-text);place-content:center;justify-items:center;gap:4px;display:grid;position:absolute;inset:0}.s-cycle .cy-ph .cy-glyph{font-size:26px}.s-cycle .cy-ph b{font-family:var(--f-head);color:var(--cream);font-size:2.1rem;font-weight:800;line-height:1}.s-cycle .cy-plinth{background:color-mix(in srgb, var(--el) 13%, #0b0e16);border-top:2px solid var(--el);justify-content:center;align-items:center;width:calc(100% + 6px);min-height:46px;padding:15px 4px 8px;transition:background .25s,transform .35s cubic-bezier(.2,.7,.2,1);display:flex;position:relative;box-shadow:inset 0 -1px #c9a35f40}.s-cycle .cy-seal{background:var(--ink);width:24px;height:24px;color:var(--el-text);box-shadow:0 0 0 1.5px var(--el);border-radius:50%;place-items:center;margin-left:-12px;font-size:14px;transition:background .25s,color .25s;display:grid;position:absolute;top:-13px;left:50%}.s-cycle .cy-nm{font-family:var(--f-head);color:var(--cream);white-space:nowrap;font-size:1rem;font-weight:700;line-height:1.15}.s-cycle .cy-tab:hover .cy-niche{background:var(--gold)}.s-cycle .cy-tab:hover .cy-win img{filter:none}.s-cycle .cy-tab:hover .cy-plinth{background:color-mix(in srgb, var(--el) 24%, #0b0e16)}.s-cycle .cy-tab[aria-selected=true] .cy-niche{background:var(--gold-hi);transform:translateY(-6px)}.s-cycle .cy-tab[aria-selected=true] .cy-win img{filter:none}.s-cycle .cy-tab[aria-selected=true] .cy-plinth{background:var(--el-solid);border-top-color:var(--el-solid);box-shadow:none;transform:translateY(-6px)}.s-cycle .cy-tab[aria-selected=true] .cy-nm{color:#15110a}.s-cycle .cy-tab[aria-selected=true] .cy-seal{box-shadow:0 0 0 2px var(--el-solid);background:#15110a}.s-cycle .cy-tab[aria-selected=true] .cy-plinth:after{content:"";border:8px solid #0000;border-bottom:0;border-top-color:var(--el-solid);margin-left:-8px;position:absolute;bottom:-8px;left:50%}.s-cycle .cy-tab[aria-selected=true] .cy-node{box-shadow:0 0 0 2px var(--ink), 0 0 0 3px var(--gold-hi), 0 0 14px 3px color-mix(in srgb, var(--el) 55%, transparent);transform:rotate(45deg)scale(1.5)}.s-cycle .cy-stage{border-top:1px solid #c9a35f38;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:52px;margin-top:26px;padding-top:38px;display:grid}.s-cycle .cy-stage:focus{outline:none}.s-cycle .cy-pic{background:var(--ink-2);border:1px solid var(--hair);padding:7px;position:relative}.s-cycle .cy-pic:after{content:"";pointer-events:none;border:1px solid #c9a35f24;position:absolute;inset:3px}.s-cycle .cy-pic-win{aspect-ratio:16/10;background:var(--ink-2);position:relative;overflow:hidden}.s-cycle .cy-pic .cy-ph .cy-glyph{font-size:54px}.s-cycle .cy-pic .cy-ph b{font-size:4rem}.s-cycle .cy-badge{z-index:1;width:56px;height:56px;box-shadow:0 0 0 3px var(--ink), 0 0 0 5px var(--el-solid), 0 8px 18px #00000080;border-radius:50%;position:absolute;bottom:-15px;right:-15px}.s-cycle .cy-steps{grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;margin-top:30px;display:grid}.s-cycle .cy-step{appearance:none;border:1px solid var(--hair);min-height:58px;color:var(--cream);font:inherit;text-align:left;cursor:pointer;background:0 0;border-radius:3px;align-items:center;gap:12px;padding:9px 16px;transition:border-color .2s,background .2s;display:flex}.s-cycle .cy-step.is-next{text-align:right;justify-content:flex-end}.s-cycle .cy-step small{font-family:var(--f-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-size:.7rem;font-weight:800;line-height:1.3;display:block}.s-cycle .cy-step b{font-family:var(--f-head);font-size:1.08rem;font-weight:700;line-height:1.25;display:block}.s-cycle .cy-chev{fill:none;width:16px;height:16px;stroke:var(--gold);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.s-cycle .cy-step:hover:not(:disabled){border-color:var(--gold);background:#c9a35f14}.s-cycle .cy-step:focus-visible{outline:2px solid var(--gold-hi);outline-offset:3px}.s-cycle .cy-step:disabled{cursor:default;border-color:#c9a35f29}.s-cycle .cy-step:disabled small,.s-cycle .cy-step:disabled b,.s-cycle .cy-step:disabled .cy-chev{opacity:.5}.s-cycle .cy-count{font-family:var(--f-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);white-space:nowrap;font-size:.74rem;font-weight:800}.s-cycle .cy-count b{font-family:var(--f-head);letter-spacing:0;color:var(--cream);margin-right:3px;font-size:1.55rem;font-weight:800}.s-cycle .cy-el{color:var(--el-text)}.s-cycle .cy-name{font-family:var(--f-head);letter-spacing:-.005em;color:var(--cream);text-wrap:balance;margin:12px 0 24px;font-size:clamp(2.2rem,1.5rem + 2vw,3.1rem);font-weight:800;line-height:1.04}.s-cycle .cy-facts>div{border-top:1px solid #c9a35f33;grid-template-columns:92px minmax(0,1fr);gap:18px;padding:14px 0 15px;display:grid}.s-cycle .cy-facts dt{font-family:var(--f-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);padding-top:4px;font-size:.72rem;font-weight:800;line-height:1.35}.s-cycle .cy-facts dd{color:var(--text);margin:0;font-size:1.0625rem;line-height:1.55}@media (width<=1079px){.s-cycle .cy-strip{margin:0 calc((var(--pad) - 10px) * -1);padding:0 calc(var(--pad) - 10px);overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--gold-lo) transparent;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 14px calc(100% - 34px),#0000);mask-image:linear-gradient(90deg,#0000,#000 14px calc(100% - 34px),#0000)}.s-cycle .cy-line{gap:var(--gap);width:max-content;padding-right:24px;display:flex}.s-cycle .cy-line>li{scroll-snap-align:center;flex:0 0 96px}.s-cycle .cy-line>li.is-pair{flex-basis:154px}}@media (width<=819px){.s-cycle .cy-head{padding-right:0}.s-cycle .cy-head .d-sub{max-width:calc(100% - 118px)}.s-cycle .cy-guardian{height:290px;top:-148px;right:6px}.s-cycle .cy-key-gap{margin-left:0}.s-cycle .cy-stage{grid-template-columns:minmax(0,1fr);gap:30px;margin-top:20px;padding-top:30px}.s-cycle .cy-steps{gap:10px;margin-top:26px}.s-cycle .cy-step{gap:8px;padding:8px 12px}.s-cycle .cy-facts>div{grid-template-columns:minmax(0,1fr);gap:4px}.s-cycle .cy-facts dt{padding-top:0}.s-cycle .cy-badge{width:46px;height:46px;bottom:-12px;right:-10px}}
