html body .sw{--sw-navy: #0A1628;--sw-gold: #D4A84B;--sw-cream: #F5F0E8;--sw-dur: .9s;--sw-p: 0;display:grid;gap:var(--sk-gap, 32px);align-items:stretch}html body .sw__stage{position:relative;aspect-ratio:3 / 2;overflow:hidden;border-radius:14px;background:var(--sw-navy);isolation:isolate}html body .sw__slide{position:absolute;inset:0;margin:0;z-index:0;visibility:hidden}html body .sw__slide img{display:block;width:100%;height:100%;object-fit:cover}html body .sw__slide.is-active{visibility:visible;z-index:2;clip-path:inset(0 0 0 0)}html body .sw__slide.is-leaving{visibility:visible;z-index:1}html body .sw__slide.is-entering{animation:sw-wipe-fwd var(--sw-dur) cubic-bezier(.65,0,.35,1) both}html body .sw[data-dir=back] .sw__slide.is-entering{animation-name:sw-wipe-back}@keyframes sw-wipe-fwd{0%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0 0 0 0)}}@keyframes sw-wipe-back{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}html body .sw__dial{position:absolute;z-index:3;right:clamp(12px,.5rem + 1vw,24px);bottom:clamp(12px,.5rem + 1vw,24px);width:clamp(64px,3rem + 2.4vw,92px);aspect-ratio:1;display:grid;place-items:center;grid-auto-flow:column;align-content:center;justify-content:center;gap:1px;border-radius:50%;background:#0a1628db;color:var(--sw-cream);font-family:var(--font-grotesk, system-ui, sans-serif);font-variant-numeric:tabular-nums}html body .sw__dial:before{content:"";position:absolute;inset:5px;border-radius:50%;background:conic-gradient(var(--sw-gold) calc((var(--sw-i, 0) + var(--sw-p)) / var(--sw-n, 4) * 1turn),rgba(245,240,232,.22) 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px))}html body .sw__dial-n{font-size:clamp(1.4rem,1rem + 1vw,2rem);line-height:1;color:var(--sw-gold)}html body .sw__dial-of{font-size:.9rem;line-height:1;align-self:end;padding-bottom:.2em;opacity:.85}html body .sw__panel{display:flex;flex-direction:column;gap:var(--space-16, 16px);min-width:0}html body .sw__status{margin:0;font-family:var(--font-label, inherit);font-size:var(--fs-label, .75rem);font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--sk-gold-ink, #7f5c14)}html body .sw__steps{list-style:none;margin:0;padding:0;display:grid;gap:8px}html body .sw__item{position:relative;padding:14px 18px 16px;border:1px solid var(--rule, rgba(0, 0, 0, .14));border-radius:12px;background:var(--sk-white, #fff);transition:background-color .24s ease,border-color .24s ease}html body .sw__step{display:flex;align-items:baseline;gap:14px;width:100%;margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}html body .sw__step:after{content:"";position:absolute;inset:0;border-radius:inherit}html body .sw__step:focus-visible{outline:none}html body .sw__item:has(.sw__step:focus-visible){outline:2px solid var(--sw-gold);outline-offset:3px}html body .sw__num{font-family:var(--font-grotesk, system-ui, sans-serif);font-size:1.05rem;font-variant-numeric:tabular-nums;color:var(--sk-gold-ink, #7f5c14)}html body .sw__title{font-family:var(--font-display, serif);font-size:clamp(1.15rem,1rem + .5vw,1.45rem);line-height:1.2;color:var(--ink)}html body .sw__desc{margin:6px 0 0 calc(1.05rem * 1.6 + 14px);font-size:.975rem;line-height:1.5;color:var(--ink-2)}html body .sw__bar{position:absolute;left:18px;right:18px;bottom:7px;height:3px;border-radius:2px;overflow:hidden;background:transparent}html body .sw__bar-fill{display:block;height:100%;width:100%;transform-origin:left center;transform:scaleX(0);background:var(--sw-gold)}html body .sw__item.is-active{background:var(--sw-navy);border-color:var(--sw-navy);box-shadow:inset 4px 0 0 var(--sw-gold)}html body .sw__item.is-active .sw__title{color:var(--sw-cream)}html body .sw__item.is-active .sw__desc{color:#f5f0e8db}html body .sw__item.is-active .sw__num{color:var(--sw-gold)}html body .sw__item.is-active .sw__bar{background:#f5f0e82e}html body .sw__item.is-active .sw__bar-fill{transform:scaleX(var(--sw-p))}@media(hover:hover)and (pointer:fine){html body .sw__item:not(.is-active):hover{border-color:var(--sw-gold);background:color-mix(in srgb,var(--sw-gold) 9%,var(--sk-white, #fff))}}html[data-theme=dark] .sw__item.is-active{border-color:var(--sw-gold)}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .sw__item.is-active{border-color:var(--sw-gold)}}html body .sw__ctrl{display:flex;gap:8px;align-items:center;flex-wrap:wrap}html body .sw__ctrl[hidden]{display:none}html body .sw__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;padding:0 16px;border:1px solid var(--rule-strong, rgba(0, 0, 0, .3));border-radius:999px;background:transparent;color:var(--ink);font:inherit;font-size:.875rem;font-weight:600;letter-spacing:.06em;cursor:pointer}html body .sw__btn:focus-visible{outline:2px solid var(--sw-gold);outline-offset:3px}@media(hover:hover)and (pointer:fine){.sw__btn:hover{border-color:var(--sw-gold);background:color-mix(in srgb,var(--sw-gold) 9%,transparent)}}html body .sw__icon{width:10px;height:12px;border-left:3px solid currentColor;border-right:3px solid currentColor;box-sizing:border-box}html body .sw.is-paused .sw__icon{border-right:0;border-left:0;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:10px solid currentColor}html body .sw__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}@media(min-width:992px){html body .sw{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center}}html body .sw--explain{--sw-dur: .62s;gap:0}html body .sw--explain .sw__stage{border-radius:14px 14px 0 0}html body .sw--explain .sw__slide.is-entering{animation:sw-fade var(--sw-dur) ease both}html body .sw--explain[data-dir=back] .sw__slide.is-entering{animation-name:sw-fade}@keyframes sw-fade{0%{opacity:0}to{opacity:1}}html body .sw__explain{display:grid;border:1px solid var(--rule, rgba(0, 0, 0, .14));border-top:0;border-radius:0 0 14px 14px;background:var(--sk-white, #fff);box-shadow:inset 0 3px 0 var(--sw-gold)}html body .sw__exp{padding:clamp(18px,.9rem + 1vw,30px) clamp(18px,.9rem + 1.2vw,34px) clamp(20px,1rem + 1vw,32px)}html body .sw__exp+.sw__exp{border-top:1px solid var(--rule, rgba(0, 0, 0, .14))}html body .sw__exp-kicker{margin:0 0 6px;font-family:var(--font-grotesk, system-ui, sans-serif);font-size:.95rem;font-variant-numeric:tabular-nums;color:var(--ink-2)}html body .sw__exp-kicker .sw__num{font-size:inherit}html body .sw__exp-title{margin:0 0 8px;font-family:var(--font-display, serif);font-size:clamp(1.3rem,1.05rem + .7vw,1.7rem);line-height:1.2;font-weight:400;color:var(--ink);text-wrap:balance}html body .sw__exp-desc{margin:0;max-width:62ch;font-size:1rem;line-height:1.6;color:var(--ink-2)}html.js-loaded body .sw__exp{grid-area:1 / 1}html.js-loaded body .sw__exp+.sw__exp{border-top:0}html.js-loaded body .sw__exp:not(.is-active){visibility:hidden}html body .sw__exp.is-entering{animation:sw-exp-in .42s cubic-bezier(.22,1,.36,1) both}@keyframes sw-exp-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}html:not(.js-loaded) body .sw--explain .sw__panel{display:none}html body .sw--explain .sw__steps{gap:6px}html body .sw--explain .sw__item{padding:12px 16px 16px}html body .sw--explain .sw__step{align-items:center;min-height:28px}html body .sw--explain .sw__title{font-size:clamp(1.05rem,.98rem + .3vw,1.25rem)}html.js-loaded body .sw--explain{grid-template-areas:"panel" "stage" "explain"}html.js-loaded body .sw--explain .sw__panel{grid-area:panel;margin-bottom:var(--space-16, 16px)}html.js-loaded body .sw--explain .sw__stage{grid-area:stage}html.js-loaded body .sw--explain .sw__explain{grid-area:explain}@media(max-width:991.98px){html body .sw--explain .sw__steps{grid-template-columns:repeat(2,minmax(0,1fr))}html body .sw--explain .sw__item{padding:10px 12px 14px}html body .sw--explain .sw__step{gap:8px;align-items:baseline}html body .sw--explain .sw__num{font-size:.9rem}html body .sw--explain .sw__title{font-size:.98rem;line-height:1.25}html body .sw--explain .sw__bar{left:12px;right:12px;bottom:6px}html body .sw--explain .sw__item:last-child:nth-child(odd){grid-column:1 / -1}html body .sw--explain .sw__ctrl:not([hidden]){display:none}}@media(min-width:992px){html.js-loaded body .sw--explain{grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-areas:"stage panel" "explain panel";grid-template-rows:auto 1fr;column-gap:var(--sk-gap, 32px);align-items:start}html.js-loaded body .sw--explain .sw__panel{margin-bottom:0;align-self:center}html:not(.js-loaded) body .sw--explain{grid-template-columns:minmax(0,1fr);max-width:980px}}@media(prefers-reduced-motion:reduce){html body .sw__slide.is-entering,html body .sw__exp.is-entering{animation:none}html body .sw__item{transition:none}}
