/* Sell Watch for Cash — the "award" layer (docroot v27, 2026-09-15).
   Cole: "Cool, now do it for sellwatchforcash." Loaded after site.css/shop.css on
   every page (static guides and the app-rendered /shop, /chains pages), so it
   wins on cascade order and nothing in the base sheets had to be rewritten.
   The register is the opposite of Cielo Gold on purpose: this is the buying
   desk — ink ground, brass hairlines, mono instrument labels, a slow bezel.
   CSP is style-src 'self': no inline styles anywhere; continuous values go
   through the Web Animations API in award.js. Everything is progressive. */

:root{
  --sw-ease:cubic-bezier(.19,1,.22,1);
  --sw-brass-hi:oklch(86% .085 86);
  --sw-brass-grad:linear-gradient(105deg,oklch(50% .085 70) 0%,oklch(72% .09 80) 32%,oklch(90% .08 88) 50%,oklch(72% .09 80) 68%,oklch(50% .085 70) 100%);
  --sw-paper-on-ink:oklch(94% .005 60);
  --sw-paper-dim:oklch(94% .005 60 / .72);
  --sw-paper-faint:oklch(94% .005 60 / .5);
  --sw-line-on-ink:oklch(94% .005 60 / .12);
}
::selection{background:var(--color-brass);color:var(--color-ink)}
body{font-synthesis:none}

/* =====================================================================
   1. Chrome — header, progress, footer, cursor
   ===================================================================== */
.site-header{transition:transform .55s var(--sw-ease),background .45s ease,border-color .3s ease,color .3s ease;view-transition-name:sw-header}
.site-header.is-hidden{transform:translateY(-100%)}
.site-header:has(.nav-links[data-open="true"]){transform:none}
.sw-progress{position:absolute;left:0;bottom:-1px;height:2px;width:100%;background:linear-gradient(90deg,var(--color-brass-ink),var(--color-brass),var(--sw-brass-hi));transform:scaleX(0);transform-origin:0 50%;pointer-events:none}
@media (min-width:48rem){.wordmark{font-size:1.35rem}}
.wordmark span{color:var(--color-brass-ink)}
.nav-links a{border-block-end:0;position:relative;font-size:.92rem}
.nav-links a:not(.nav-cta)::after{content:"";position:absolute;left:0;right:0;bottom:.35rem;height:1px;background:var(--color-brass-ink);transform:scaleX(0);transform-origin:100% 50%;transition:transform .5s var(--sw-ease)}
.nav-links a:not(.nav-cta):hover::after{transform:scaleX(1);transform-origin:0 50%}

/* Over the ink hero the header wears the hero's colours; once it scrolls onto
   paper it turns back into the paper glass site.css gave it. */
.sw-home .site-header{margin-block-end:calc(-1 * var(--header-height))}
.sw-home .site-header.is-over-ink{background:oklch(12% .024 40 / .55);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);color:var(--sw-paper-on-ink);border-block-end-color:var(--sw-line-on-ink)}
.sw-home .site-header.is-over-ink .wordmark span{color:var(--color-brass)}
.sw-home .site-header.is-over-ink .nav-links a:not(.nav-cta)::after{background:var(--color-brass)}
.sw-home .site-header.is-over-ink .button--sm{background:var(--color-brass);color:var(--color-ink)}
.sw-home .site-header.is-over-ink .nav-toggle{color:inherit;border-color:var(--sw-line-on-ink)}
.sw-home .site-header.is-over-ink .nav-links[data-open="true"]{background:var(--color-ink)}

/* Footer: ink ground, a two-line wordmark set the width of the page. */
.site-footer{position:relative;overflow:clip;background:var(--color-ink);color:var(--sw-paper-dim);border-block-start:0;padding-block:0 var(--space-xl)}
.site-footer::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(70rem 30rem at 50% 0%,oklch(45% .08 68 / .28),transparent 60%)}
.site-footer > .shell{position:relative}
.sw-foot__word{margin:0 0 var(--space-xl);padding-block:clamp(2rem,6vw,4.5rem) 0;font-family:var(--font-display);font-weight:800;font-size:clamp(3.2rem,13.5vw,13.5rem);line-height:.86;letter-spacing:-.045em;text-align:center;white-space:nowrap;user-select:none}
.sw-foot__word span{display:block}
.sw-foot__word span:first-child{color:transparent;-webkit-text-stroke:1px oklch(72% .09 80 / .5)}
.sw-foot__word span+span{background:linear-gradient(180deg,oklch(90% .08 88) 0%,oklch(72% .09 80) 48%,oklch(42% .08 66) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.footer-mast{color:var(--sw-paper-on-ink);font-size:clamp(1.8rem,4vw,3.2rem);margin-block-end:var(--space-xl)}
.footer-mast em{color:var(--color-brass)}
.footer-links a{color:var(--sw-paper-dim);border-block-end-color:var(--sw-line-on-ink)}
.footer-links a:hover{color:var(--sw-brass-hi);border-block-end-color:var(--color-brass)}
.site-footer .copyright{color:var(--sw-paper-faint)}
.site-footer .text-link{color:var(--sw-paper-on-ink);border-block-end-color:var(--color-brass)}
.site-footer .footer-row{border-block-start:var(--rule-hair) solid var(--sw-line-on-ink);padding-block-start:var(--space-lg)}

/* Cursor follower. The native cursor stays; this rides under it and grows a
   label over anything that opens. Fine pointers only. */
.sw-cursor{position:fixed;left:0;top:0;z-index:120;pointer-events:none;display:none;opacity:0;will-change:transform}
@media (hover:hover) and (pointer:fine){.sw-cursor{display:block}}
.sw-cursor.is-on{opacity:1}
.sw-cursor i{position:absolute;left:0;top:0;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:999px;border:1.5px solid var(--color-brass-ink);background:oklch(72% .09 80 / .16);display:grid;place-items:center;transition:width .4s var(--sw-ease),height .4s var(--sw-ease),margin .4s var(--sw-ease),background .3s,border-color .3s}
.sw-cursor span{font-family:var(--font-label);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--sw-paper-on-ink);opacity:0;transition:opacity .2s;white-space:nowrap}
.sw-cursor.is-label i{width:78px;height:78px;margin:-39px 0 0 -39px;background:oklch(12% .024 40 / .9);border-color:transparent;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.sw-cursor.is-label span{opacity:1;transition-delay:.12s}
.sw-cursor.is-down i{transform:scale(.82)}
.sw-cursor.is-hidden{opacity:0}

/* =====================================================================
   2. Type, buttons, links, cards (sitewide)
   ===================================================================== */
.section-title{font-size:clamp(2.4rem,4.8vw,4.4rem);letter-spacing:-.035em;line-height:.98;max-width:16ch}
.section-title em{font-style:italic;color:var(--color-brass-ink)}
.section--ink .section-title em,.estimator .section-title em{color:var(--color-brass)}
.hero h1,.page-hero h1{font-size:clamp(3rem,6.4vw,6.4rem);letter-spacing:-.04em;line-height:.95;max-width:14ch}
.page-hero h1 em,.hero h1 em{font-style:italic;color:var(--color-brass-ink)}
.label,.label--mark{letter-spacing:.2em}

.button,.text-link{transition:background .3s,color .3s,transform .3s var(--sw-ease)}
.button{position:relative;overflow:hidden;isolation:isolate}
.button::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(110deg,transparent 35%,oklch(100% 0 0 / .22) 50%,transparent 65%);transform:translateX(-130%);transition:transform 1s var(--sw-ease);pointer-events:none}
.button:hover::after{transform:translateX(130%)}
.button:hover{transform:translateY(-1px)}
.button--quiet::after{background:linear-gradient(110deg,transparent 35%,oklch(72% .09 80 / .25) 50%,transparent 65%)}

/* Cards: the frame goes, the photograph carries it; colour arrives on hover. */
.watch-card,.gold-tile{border:0;background:transparent;overflow:visible}
.watch-card figure,.gold-tile figure{border-radius:6px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--color-rule);transition:box-shadow .5s}
.watch-card:hover figure,.gold-tile:hover figure{box-shadow:inset 0 0 0 1px var(--color-rule-2),0 34px 50px -36px oklch(12% .024 40 / .55)}
.watch-card img,.gold-tile img{transition:transform 1.3s var(--sw-ease),filter .8s ease;filter:saturate(.72) contrast(1.04)}
.watch-card:hover img,.gold-tile:hover img{transform:scale(1.06);filter:saturate(1) contrast(1.02)}
.watch-card-body{padding-inline:.15rem}
.watch-card h3{font-size:1.5rem;letter-spacing:-.02em}
.watch-offer strong{font-family:var(--font-display);font-weight:800;font-size:1.55rem;letter-spacing:-.02em}
.gold-tile h3{font-size:1.5rem;letter-spacing:-.02em}
.card{border:0!important;background:transparent!important;overflow:visible!important}
.card-media{border-radius:6px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--color-rule);transition:box-shadow .5s}
.card:hover .card-media{box-shadow:inset 0 0 0 1px var(--color-rule-2),0 34px 50px -36px oklch(12% .024 40 / .55)}
.card-media img{transition:transform 1.3s var(--sw-ease)}
.card:hover .card-media img{transform:scale(1.06)}
.card-body h3{font-size:1.4rem;letter-spacing:-.02em}
.card-price strong{font-family:var(--font-display);font-size:1.5rem;letter-spacing:-.02em}
.pdp-buy h1{letter-spacing:-.035em;line-height:.98}
.price-main strong{font-size:clamp(2.4rem,5vw,3.4rem);letter-spacing:-.03em}
.vt-hero{view-transition-name:sw-hero}

/* Brand / model lists: big names, a photograph that follows the pointer. */
.brand-strip a{padding-block:var(--space-lg);transition:padding .5s var(--sw-ease),color .3s}
.brand-strip a:hover{padding-inline-start:.9rem}
.brand-strip a > span{font-family:var(--font-display);font-weight:800;font-size:clamp(1.7rem,3vw,2.6rem);letter-spacing:-.03em;line-height:1}
.brand-strip a::after{width:2.4rem;height:2.4rem;display:grid;place-items:center;border:1px solid var(--color-rule);border-radius:50%;font-size:1rem;transition:.4s;align-self:center}
.brand-strip a:hover::after{background:var(--color-ink);color:var(--color-paper);border-color:var(--color-ink)}
.brand-strip small{font-family:var(--font-label);font-size:var(--text-xs);letter-spacing:.06em;color:var(--color-muted)}
.sw-peek{position:fixed;left:0;top:0;z-index:60;width:15rem;aspect-ratio:4/5;margin:-10rem 0 0 -7.5rem;pointer-events:none;opacity:0;overflow:hidden;border-radius:6px;box-shadow:0 40px 80px -30px oklch(12% .024 40 / .7),inset 0 0 0 1px oklch(72% .09 80 / .45);transition:opacity .35s ease;will-change:transform;display:none}
@media (hover:hover) and (pointer:fine){.sw-peek{display:block}}
.sw-peek.is-on{opacity:1}
.sw-peek img{width:100%;height:100%;object-fit:cover}

/* Reveal helpers (opt-in, gated on .sw-anim which only script adds). */
.sw-anim [data-rise]{opacity:0;transform:translateY(2rem);filter:blur(6px)}
.sw-anim [data-rise].is-in{opacity:1;transform:none;filter:none;transition:opacity 1s var(--sw-ease),transform 1s var(--sw-ease),filter .8s ease}
.sw-l{display:block;overflow:hidden;padding-block-end:.14em;margin-block-end:-.14em}
.sw-w{display:inline-block}
.sw-anim [data-split] .sw-w{transform:translateY(110%);opacity:0}
.sw-anim [data-split].is-in .sw-w{animation:swRise 1s var(--sw-ease) forwards}
@keyframes swRise{to{transform:translateY(0);opacity:1}}

/* =====================================================================
   3. Homepage
   ===================================================================== */
.sw-hero{position:relative;background:var(--color-ink);color:var(--sw-paper-on-ink);overflow:clip;isolation:isolate;padding-block-start:var(--header-height)}
.sw-hero__bg{position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(64rem 38rem at 82% -12%,oklch(45% .085 68 / .38),transparent 62%),radial-gradient(44rem 32rem at -6% 104%,oklch(28% .05 50 / .6),transparent 60%)}
.sw-hero__grain{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.07;mix-blend-mode:screen;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/></filter><rect width='140' height='140' filter='url(%23n)'/></svg>")}
/* The bezel: a slow brass tick-ring turning behind the photograph. */
.sw-hero__ring{position:absolute;z-index:-1;right:-14vw;top:50%;width:min(64vw,56rem);aspect-ratio:1;translate:0 -50%;border-radius:50%;pointer-events:none;animation:swSpin 140s linear infinite;will-change:transform}
.sw-hero__ring::before{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(from 0deg,oklch(72% .09 80 / .55) 0deg .3deg,transparent .3deg 6deg);-webkit-mask:radial-gradient(circle,transparent 61.5%,#000 62%,#000 65.5%,transparent 66%);mask:radial-gradient(circle,transparent 61.5%,#000 62%,#000 65.5%,transparent 66%)}
.sw-hero__ring::after{content:"";position:absolute;inset:31%;border-radius:50%;border:1px solid oklch(72% .09 80 / .22);box-shadow:0 0 0 22px oklch(72% .09 80 / .05)}
@keyframes swSpin{to{rotate:360deg}}
.sw-hero .hero{min-height:calc(100svh - var(--header-height));padding-block:clamp(2rem,5vw,4rem)}
.sw-hero .label--mark{color:var(--color-brass)}
.sw-hero .label--mark::before{background:var(--color-brass)}
.sw-hero .hero h1{color:var(--sw-paper-on-ink);max-width:13ch}
.sw-hero .hero h1 em{font-style:italic;background:var(--sw-brass-grad);background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:swShine 7s linear infinite;padding-inline-end:.06em}
@keyframes swShine{to{background-position:220% 50%}}
.sw-hero .hero-lede{color:var(--sw-paper-dim);max-width:34rem}
.sw-hero .hero-facts,.sw-hero .hero-facts li{color:var(--sw-paper-dim)}
.sw-hero .hero-facts li::before{color:var(--color-brass)}
.sw-hero .button{background:var(--color-brass);color:var(--color-ink)}
.sw-hero .button:hover{background:var(--sw-brass-hi)}
.sw-hero .text-link{color:var(--sw-paper-on-ink);border-block-end-color:var(--color-brass)}
.sw-hero .hero-media{background:oklch(16% .022 40);box-shadow:0 70px 120px -50px oklch(0% 0 0 / .9),inset 0 0 0 1px oklch(72% .09 80 / .3);outline:1px solid oklch(72% .09 80 / .28);outline-offset:12px;border-radius:4px;overflow:visible}
.sw-hero .hero-media img{filter:saturate(.95) contrast(1.05);border-radius:4px}
.sw-hero .hero-media figcaption{background:oklch(12% .024 40 / .72);color:var(--sw-paper-on-ink);border-block-start:1px solid oklch(72% .09 80 / .35);border-radius:0 0 4px 4px}
.sw-hero .hero-media::before,.sw-hero .hero-media::after{content:"";position:absolute;width:1.25rem;height:1.25rem;border-color:var(--color-brass);border-style:solid;pointer-events:none;z-index:2}
.sw-hero .hero-media::before{top:-20px;left:-20px;border-width:1px 0 0 1px}
.sw-hero .hero-media::after{bottom:-20px;right:-20px;border-width:0 1px 1px 0}
.sw-hero__foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 2rem;padding-block:1rem 1.25rem;border-block-start:1px solid var(--sw-line-on-ink);font-family:var(--font-label);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--sw-paper-faint)}
.sw-hero__foot p{margin:0;display:flex;align-items:center;gap:.8rem}
.sw-hero__foot i{display:block;width:3rem;height:1px;background:linear-gradient(90deg,var(--color-brass),transparent);transform-origin:0 50%;animation:swPulse 2.4s ease-in-out infinite}
@keyframes swPulse{0%,100%{transform:scaleX(.35)}50%{transform:scaleX(1)}}
.sw-live{gap:1.5rem!important}
.sw-live b{font-weight:500;color:var(--color-brass)}
.sw-live[hidden]{display:none!important}
@media (max-width:48rem){.sw-hero .hero{min-height:0}.sw-hero__ring{right:-40vw;width:120vw;top:38%}.sw-hero__foot{display:none}.sw-hero .hero-media{outline-offset:8px}}

/* ticker */
.sw-ticker{overflow:hidden;border-block:1px solid var(--color-rule);padding-block:.9rem;background:var(--color-paper);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.sw-ticker__track{display:flex;gap:3rem;width:max-content;animation:swTick 120s linear infinite}
.sw-ticker:hover .sw-ticker__track{animation-play-state:paused}
.sw-ticker__track span{display:flex;align-items:center;gap:3rem;font-family:var(--font-label);font-size:var(--text-xs);letter-spacing:.22em;text-transform:uppercase;color:var(--color-muted);white-space:nowrap}
.sw-ticker__track span::after{content:"";width:.34rem;height:.34rem;rotate:45deg;background:var(--color-brass)}
@keyframes swTick{to{transform:translateX(-50%)}}

/* The quick-start desk card rides up over the seam between hero and page. */
.sw-home #start{position:relative;z-index:2;padding-block-start:0;margin-block-start:calc(-1 * clamp(2rem,5vw,3.5rem))}
.sw-home .quick-start{border:0;border-block-start:3px solid var(--color-brass);box-shadow:0 50px 90px -48px oklch(12% .024 40 / .6),inset 0 0 0 1px var(--color-rule);border-radius:4px}
.sw-home .quick-start .section-title{font-size:clamp(2rem,4vw,3.4rem)}
.sw-home .field input,.sw-home .field select,.sw-home .field textarea{border-radius:0}

/* assurances as an instrument row */
.assurances li{padding-block-start:var(--space-md);border-block-start:1px solid var(--color-rule)}
.assur-k{font-size:1.4rem;font-family:var(--font-display);font-style:italic;font-weight:800;letter-spacing:0;color:var(--color-brass-ink)}
.assurances h3{font-size:1.35rem;letter-spacing:-.02em}

/* chains as specimen tiles */
.sw-chains{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;margin:var(--space-lg) 0 0;padding:0}
@media (min-width:56rem){.sw-chains{grid-template-columns:repeat(4,minmax(0,1fr))}}
.sw-chain{display:block;text-decoration:none;color:inherit;border-radius:6px;overflow:hidden;background:var(--color-paper);box-shadow:inset 0 0 0 1px var(--color-rule);transition:transform .8s var(--sw-ease),box-shadow .8s var(--sw-ease)}
.sw-chain:hover{transform:translateY(-6px);box-shadow:inset 0 0 0 1px var(--color-rule-2),0 40px 60px -36px oklch(12% .024 40 / .6)}
.sw-chain figure{aspect-ratio:1;overflow:hidden;background:#FDFAF6;margin:0}
.sw-chain img{width:100%;height:100%;object-fit:cover;transition:transform 1.3s var(--sw-ease)}
.sw-chain:hover img{transform:scale(1.1) rotate(-3deg)}
.sw-chain__body{padding:.9rem 1rem 1.1rem;display:grid;gap:.2rem;border-block-start:1px solid var(--color-rule)}
.sw-chain__n{font-family:var(--font-label);font-size:var(--text-xs);letter-spacing:.2em;color:var(--color-brass-ink);text-transform:uppercase}
.sw-chain h3{font-family:var(--font-display);font-weight:800;font-size:1.6rem;letter-spacing:-.025em;line-height:1;margin:0}
.sw-chain small{font-size:var(--text-sm);color:var(--color-muted)}
.sw-home #gold-chains .brands-layout{display:block}

/* estimator + process: brass sweep, bigger numerals */
.estimator{position:relative;overflow:hidden;border-radius:4px}
.estimator::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(112deg,transparent 42%,oklch(72% .09 80 / .08) 50%,transparent 58%);background-size:260% 100%;animation:swSweep 11s ease-in-out infinite}
@keyframes swSweep{0%{background-position:120% 0}100%{background-position:-120% 0}}
.est-range{font-family:var(--font-display);font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.03em}
.step::before{font-family:var(--font-display);font-style:italic;font-weight:800;font-size:1.8rem;line-height:1}
.step h3{font-size:1.6rem;letter-spacing:-.02em}
.route{border-radius:4px}
.route-index{font-family:var(--font-display);font-style:italic;font-weight:800;font-size:2.4rem;color:var(--color-brass-ink);line-height:1}
.route--ink .route-index{color:var(--color-brass)}
.route h3{font-size:1.7rem;letter-spacing:-.025em}
.section--ink{position:relative;overflow:clip}
.section--ink::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(60rem 30rem at 90% 0%,oklch(45% .085 68 / .22),transparent 60%)}
.section--ink > *{position:relative;z-index:1}
.dial-hand{animation:swHand 60s linear infinite}
@keyframes swHand{to{transform:rotate(360deg)}}
.trust-strip{background:var(--color-paper-2)}

/* =====================================================================
   4. View Transitions (cross-document, progressive)
   ===================================================================== */
@view-transition{navigation:auto}
::view-transition-old(root){animation:swVtOut .32s ease forwards}
::view-transition-new(root){animation:swVtIn .55s var(--sw-ease)}
@keyframes swVtOut{to{opacity:0}}
@keyframes swVtIn{from{opacity:0;transform:translateY(10px)}}
::view-transition-group(sw-hero){animation-duration:.65s;animation-timing-function:cubic-bezier(.19,1,.22,1)}
::view-transition-old(sw-hero),::view-transition-new(sw-hero){height:100%;width:100%;object-fit:cover;overflow:hidden;animation:none;mix-blend-mode:normal}
::view-transition-old(sw-header),::view-transition-new(sw-header){animation:none}

/* =====================================================================
   5. Reduced motion
   ===================================================================== */
@media (prefers-reduced-motion:reduce){
  @view-transition{navigation:none}
  .sw-hero__ring,.sw-hero .hero h1 em,.sw-hero__foot i,.sw-ticker__track,.estimator::after,.dial-hand{animation:none!important}
  .sw-anim [data-rise]{opacity:1;transform:none;filter:none}
  .sw-anim [data-split] .sw-w{transform:none;opacity:1;animation:none}
  .sw-cursor,.sw-peek{display:none!important}
  .site-header.is-hidden{transform:none}
  .watch-card img,.gold-tile img{filter:none}
}

/* generated stagger rules (CSP forbids inline delays) */
.sw-anim [data-split].is-in .sw-l:nth-child(1) .sw-w:nth-child(1){animation-delay:0ms}.sw-anim [data-split].is-in .sw-l:nth-child(1) .sw-w:nth-child(2){animation-delay:45ms}.sw-anim [data-split].is-in .sw-l:nth-child(1) .sw-w:nth-child(3){animation-delay:90ms}.sw-anim [data-split].is-in .sw-l:nth-child(1) .sw-w:nth-child(4){animation-delay:135ms}.sw-anim [data-split].is-in .sw-l:nth-child(1) .sw-w:nth-child(5){animation-delay:180ms}.sw-anim [data-split].is-in .sw-l:nth-child(1) .sw-w:nth-child(6){animation-delay:225ms}.sw-anim [data-split].is-in .sw-l:nth-child(1) .sw-w:nth-child(7){animation-delay:270ms}.sw-anim [data-split].is-in .sw-l:nth-child(1) .sw-w:nth-child(8){animation-delay:315ms}.sw-anim [data-split].is-in .sw-l:nth-child(1) .sw-w:nth-child(9){animation-delay:360ms}.sw-anim [data-split].is-in .sw-l:nth-child(1) .sw-w:nth-child(10){animation-delay:405ms}.sw-anim [data-split].is-in .sw-l:nth-child(1) .sw-w:nth-child(11){animation-delay:450ms}.sw-anim [data-split].is-in .sw-l:nth-child(1) .sw-w:nth-child(12){animation-delay:495ms}.sw-anim [data-split].is-in .sw-l:nth-child(2) .sw-w:nth-child(1){animation-delay:140ms}.sw-anim [data-split].is-in .sw-l:nth-child(2) .sw-w:nth-child(2){animation-delay:185ms}.sw-anim [data-split].is-in .sw-l:nth-child(2) .sw-w:nth-child(3){animation-delay:230ms}.sw-anim [data-split].is-in .sw-l:nth-child(2) .sw-w:nth-child(4){animation-delay:275ms}.sw-anim [data-split].is-in .sw-l:nth-child(2) .sw-w:nth-child(5){animation-delay:320ms}.sw-anim [data-split].is-in .sw-l:nth-child(2) .sw-w:nth-child(6){animation-delay:365ms}.sw-anim [data-split].is-in .sw-l:nth-child(2) .sw-w:nth-child(7){animation-delay:410ms}.sw-anim [data-split].is-in .sw-l:nth-child(2) .sw-w:nth-child(8){animation-delay:455ms}.sw-anim [data-split].is-in .sw-l:nth-child(2) .sw-w:nth-child(9){animation-delay:500ms}.sw-anim [data-split].is-in .sw-l:nth-child(2) .sw-w:nth-child(10){animation-delay:545ms}.sw-anim [data-split].is-in .sw-l:nth-child(2) .sw-w:nth-child(11){animation-delay:590ms}.sw-anim [data-split].is-in .sw-l:nth-child(2) .sw-w:nth-child(12){animation-delay:635ms}.sw-anim [data-split].is-in .sw-l:nth-child(3) .sw-w:nth-child(1){animation-delay:280ms}.sw-anim [data-split].is-in .sw-l:nth-child(3) .sw-w:nth-child(2){animation-delay:325ms}.sw-anim [data-split].is-in .sw-l:nth-child(3) .sw-w:nth-child(3){animation-delay:370ms}.sw-anim [data-split].is-in .sw-l:nth-child(3) .sw-w:nth-child(4){animation-delay:415ms}.sw-anim [data-split].is-in .sw-l:nth-child(3) .sw-w:nth-child(5){animation-delay:460ms}.sw-anim [data-split].is-in .sw-l:nth-child(3) .sw-w:nth-child(6){animation-delay:505ms}.sw-anim [data-split].is-in .sw-l:nth-child(3) .sw-w:nth-child(7){animation-delay:550ms}.sw-anim [data-split].is-in .sw-l:nth-child(3) .sw-w:nth-child(8){animation-delay:595ms}.sw-anim [data-split].is-in .sw-l:nth-child(3) .sw-w:nth-child(9){animation-delay:640ms}.sw-anim [data-split].is-in .sw-l:nth-child(3) .sw-w:nth-child(10){animation-delay:685ms}.sw-anim [data-split].is-in .sw-l:nth-child(3) .sw-w:nth-child(11){animation-delay:730ms}.sw-anim [data-split].is-in .sw-l:nth-child(3) .sw-w:nth-child(12){animation-delay:775ms}.sw-anim [data-split].is-in .sw-l:nth-child(4) .sw-w:nth-child(1){animation-delay:420ms}.sw-anim [data-split].is-in .sw-l:nth-child(4) .sw-w:nth-child(2){animation-delay:465ms}.sw-anim [data-split].is-in .sw-l:nth-child(4) .sw-w:nth-child(3){animation-delay:510ms}.sw-anim [data-split].is-in .sw-l:nth-child(4) .sw-w:nth-child(4){animation-delay:555ms}.sw-anim [data-split].is-in .sw-l:nth-child(4) .sw-w:nth-child(5){animation-delay:600ms}.sw-anim [data-split].is-in .sw-l:nth-child(4) .sw-w:nth-child(6){animation-delay:645ms}.sw-anim [data-split].is-in .sw-l:nth-child(4) .sw-w:nth-child(7){animation-delay:690ms}.sw-anim [data-split].is-in .sw-l:nth-child(4) .sw-w:nth-child(8){animation-delay:735ms}.sw-anim [data-split].is-in .sw-l:nth-child(4) .sw-w:nth-child(9){animation-delay:780ms}.sw-anim [data-split].is-in .sw-l:nth-child(4) .sw-w:nth-child(10){animation-delay:825ms}.sw-anim [data-split].is-in .sw-l:nth-child(4) .sw-w:nth-child(11){animation-delay:870ms}.sw-anim [data-split].is-in .sw-l:nth-child(4) .sw-w:nth-child(12){animation-delay:915ms}.sw-anim [data-stagger]>[data-rise]:nth-child(1).is-in{transition-delay:0ms}.sw-anim [data-stagger]>[data-rise]:nth-child(2).is-in{transition-delay:80ms}.sw-anim [data-stagger]>[data-rise]:nth-child(3).is-in{transition-delay:160ms}.sw-anim [data-stagger]>[data-rise]:nth-child(4).is-in{transition-delay:240ms}.sw-anim [data-stagger]>[data-rise]:nth-child(5).is-in{transition-delay:320ms}.sw-anim [data-stagger]>[data-rise]:nth-child(6).is-in{transition-delay:400ms}.sw-anim [data-stagger]>[data-rise]:nth-child(7).is-in{transition-delay:480ms}.sw-anim [data-stagger]>[data-rise]:nth-child(8).is-in{transition-delay:560ms}.sw-anim [data-stagger]>[data-rise]:nth-child(9).is-in{transition-delay:640ms}.sw-anim [data-stagger]>[data-rise]:nth-child(10).is-in{transition-delay:720ms}.sw-anim [data-stagger]>[data-rise]:nth-child(11).is-in{transition-delay:800ms}.sw-anim [data-stagger]>[data-rise]:nth-child(12).is-in{transition-delay:880ms}