/* MOAT radial layout. The vault is the centre; everything else is a ring around it.
   Loaded after style.css. Motion is transform/opacity only and pauses offscreen. */
.radial{--ring:#6eeee3;--ring-dim:#6eeee333;--ring-faint:#6eeee31a}
.radial .eyebrow{justify-content:center}
.radial .eyebrow:after{content:'';width:24px;height:1px;background:currentColor}
.radial main{display:block;overflow-x:clip}
[data-ring-motion]:not(.in-view),[data-ring-motion]:not(.in-view) *{animation-play-state:paused!important}
.spin{transform-box:fill-box;transform-origin:center;animation:rotate 60s linear infinite}
.spin.rev{animation-direction:reverse;animation-duration:80s}
.dash{stroke-dasharray:2 10}

/* ---------- Orbital header ---------- */
.radial .site-header.orbit-header{display:grid;grid-template-columns:1fr 640px 1fr;align-items:center;height:164px;width:min(calc(100% - var(--gutter)*2),var(--max));margin-inline:auto;gap:0;position:relative;z-index:20}
.orbit-side{justify-self:start}
.radial .header-end{justify-self:end}
.radial .menu-button{display:none}
.orbit{position:relative;width:640px;height:150px}
.orbit-track{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.orbit-track ellipse{fill:none;stroke:var(--ring-dim);stroke-width:1}
.orbit-track .orbit-inner{stroke:#6eeee322;stroke-dasharray:2 7}
.radial .orbit-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3}
.radial .orbit-core .brand-icon{width:62px;height:62px;border-color:#6eeee355;box-shadow:0 0 38px #6eeee322}
.radial .orbit-core .brand-icon img{width:104px;height:104px;transform:translate(-21px,-17px)}
.brand-word{position:absolute;left:50%;top:-40px;transform:translateX(-50%);font:700 12px/1 var(--display);letter-spacing:.46em;padding:3px 6px 3px calc(6px + .46em);background:var(--night);color:var(--ice)}
.radial .nav-links{position:absolute;inset:0;display:block;border:0;height:auto;z-index:2}
.radial .nav-links a{position:absolute;left:50%;top:50%;height:auto;min-height:40px;padding:0 12px;display:flex;align-items:center;background:var(--night);border-radius:20px;font-size:12px;letter-spacing:.02em;white-space:nowrap;transform:translate(-50%,-50%) translate(calc(cos(var(--a)) * 300px),calc(sin(var(--a)) * 52px));transition:color .2s}
.radial .nav-links a:hover{color:var(--aqua)}
.radial .nav-links a.active{color:var(--white)}
.radial .nav-links a.active:after{content:'';position:absolute;left:50%;bottom:4px;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:var(--aqua);box-shadow:0 0 10px var(--aqua)}
.nav-orbit{display:none}
.orbit-runner{position:absolute;left:50%;top:50%;width:0;height:0;pointer-events:none;z-index:1;animation:orbit-x 9s cubic-bezier(.37,0,.63,1) infinite alternate}
.orbit-runner i{position:absolute;width:6px;height:6px;margin:-3px;border-radius:50%;background:var(--aqua);box-shadow:0 0 12px var(--aqua);animation:orbit-y 9s cubic-bezier(.37,0,.63,1) -4.5s infinite alternate}
@keyframes orbit-x{from{transform:translateX(-300px)}to{transform:translateX(300px)}}
@keyframes orbit-y{from{transform:translateY(-52px)}to{transform:translateY(52px)}}

/* ---------- Ring footer ---------- */
.ring-footer{border-top:1px solid var(--line);padding:120px var(--gutter) 0;position:relative;overflow:hidden;text-align:center;isolation:isolate}
.ring-foot{position:relative;width:400px;height:400px;margin:0 auto 70px;--r:232px}
.ring-foot-track{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.ring-foot-track circle{fill:none;stroke:var(--ring-dim);stroke-width:1}
.ring-foot-track .dash{stroke:#6eeee355}
.ring-foot-runner{position:absolute;inset:4px;pointer-events:none}
.ring-foot-runner i{position:absolute;inset:0;animation:rotate 28s linear infinite}
.ring-foot-runner i:before{content:'';position:absolute;left:50%;top:-3px;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:var(--aqua);box-shadow:0 0 12px var(--aqua)}
.ring-foot-core{position:absolute;left:50%;top:50%;width:190px;height:190px;border-radius:50%;overflow:hidden;transform:translate(-50%,-50%);border:1px solid #6eeee340;box-shadow:0 0 90px #6eeee31c}
.ring-foot-core img{position:absolute;width:341px;max-width:none;left:-77px;top:-69px}
.ring-foot-links a{position:absolute;left:50%;top:50%;white-space:nowrap;font-size:13px;color:var(--muted);padding:10px 4px;transform:translate(calc(-50% + cos(var(--a)) * 50%),-50%) translate(calc(cos(var(--a)) * var(--r)),calc(sin(var(--a)) * var(--r)));transition:color .2s}
.ring-foot-links a:hover{color:var(--aqua)}
.ring-foot-line{font-size:13px;max-width:360px;margin:0 auto 34px}
.radial .footer-bottom{display:flex;flex-direction:column;align-items:center;gap:8px;border-top:1px solid var(--line);padding:24px 0 30px;max-width:var(--max);margin:0 auto}


.band{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px;padding:46px var(--gutter) 44px;text-align:center;border-bottom:1px solid var(--line);overflow:hidden}
.band-track{position:absolute;left:0;right:0;top:0;height:1px;background:var(--line)}
.band-track i{position:absolute;left:50%;top:-2px;width:5px;height:5px;border-radius:50%;background:var(--aqua);box-shadow:0 0 10px var(--aqua);animation:band-run 7s ease-in-out infinite alternate}
@keyframes band-run{from{transform:translateX(-46vw)}to{transform:translateX(46vw)}}
.band-label{font:10px var(--mono);letter-spacing:.14em;text-transform:uppercase;margin:0}
.radial .band .chain-list{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.radial .band .chain-list span{border:1px solid var(--line);border-radius:999px;padding:9px 16px}

.ring-section{position:relative;padding:130px var(--gutter);text-align:center;overflow:hidden;isolation:isolate}
.ring-section+.ring-section{border-top:1px solid #1a2a3a}
.ring-head{max-width:700px;margin:0 auto 46px}
.ring-head p{font-size:15px;max-width:480px;margin:0 auto}
.ring-index{display:block;width:52px;height:52px;margin:0 auto 22px;overflow:visible}
.ring-index circle{fill:none;stroke:#35505f;stroke-width:1}
.ring-index circle.on{stroke:var(--aqua);stroke-width:1.6;animation:breathe 3.2s ease-in-out infinite}
.ring-index .dot{fill:var(--aqua);stroke:none}
.ring-deco{position:absolute;left:50%;top:50%;width:640px;max-width:none;transform:translate(-50%,-50%);z-index:-1;pointer-events:none;overflow:visible}
.ring-deco circle{fill:none;stroke:#6eeee318;stroke-width:1}
.ring-deco .dash{stroke:#6eeee333}
.section-deco{top:0;width:1200px;opacity:.8}

/* Scanner as the first ring */
.radial .scanner-panel{max-width:940px;margin:0 auto;text-align:left;border-radius:26px;background:#0d1a29;border-color:#2f4658}
.radial .panel-cap{justify-content:center;flex-direction:column;gap:6px;text-align:center}
.radial .scanner-idle{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}
.radial .input-foot{justify-content:center;flex-wrap:wrap;column-gap:28px}
.radial .scan-message,.radial .scan-toolbar{text-align:center}
.radial .scan-toolbar{flex-direction:column;align-items:center}
.radial .scan-toolbar .actions{justify-content:center}
.approval-row.rm-focus{background:#6eeee30f;outline:1px solid #6eeee355;outline-offset:6px;border-radius:6px}
.radial-map{margin:26px auto 10px;max-width:620px;text-align:center}
.radial-stage svg{width:100%;height:auto;display:block;overflow:visible}
.radial-map figcaption{font-size:12px;color:var(--muted);max-width:520px;margin:10px auto 0;line-height:1.7}
.rm-red{color:var(--red);font-weight:400}.rm-aqua{color:var(--aqua);font-weight:400}
.rm-ring{fill:none;stroke:#6eeee31f;stroke-width:1}
.rm-ring.dash{stroke:#6eeee344}
.rm-spoke{stroke:#6eeee380;stroke-width:1.6;transform-origin:320px 320px;animation:rm-grow .9s cubic-bezier(.2,.7,.2,1) both}
.rm-spoke.risky{stroke:var(--red);stroke-width:2.2}
.rm-node{cursor:pointer;outline:none}
.rm-node .rm-dot{fill:var(--aqua)}
.rm-node.risky .rm-dot{fill:var(--red)}
.rm-node .rm-halo{fill:none;stroke:#6eeee355;transform-box:fill-box;transform-origin:center}
.rm-node.risky .rm-halo{stroke:#ff8b8b88;animation:rm-pulse 2.4s ease-out infinite}
.rm-node:hover .rm-halo,.rm-node:focus-visible .rm-halo{stroke:var(--white);stroke-width:2}
.rm-node{animation:rm-fade .6s ease both}
.rm-label{font:15px var(--mono);fill:var(--ice);paint-order:stroke;stroke:#0d1a29;stroke-width:5px;stroke-linejoin:round}
.rm-node.risky .rm-label{fill:#ffb3b3}
.rm-sub{font:12px var(--mono);fill:var(--muted)}
.rm-core{fill:#0a1624;stroke:var(--aqua);stroke-width:1.5}
.rm-core-t{font:12px var(--mono);letter-spacing:.14em;fill:var(--aqua);text-anchor:middle}
.rm-core-a{font:13px var(--mono);fill:var(--ice);text-anchor:middle}
@keyframes rm-grow{from{transform:scale(.25);opacity:0}}
@keyframes rm-fade{from{opacity:0}}
@keyframes rm-pulse{from{transform:scale(.7);opacity:1}to{transform:scale(1.6);opacity:0}}

/* Three rings, outside in */
.rings3{display:grid;grid-template-columns:1fr minmax(0,560px) 1fr;grid-template-areas:"scan viz judge" ". revoke .";align-items:center;column-gap:44px;max-width:1240px;margin:0 auto}
.rings3-viz{grid-area:viz;position:relative}
.rings3-svg{width:100%;height:auto;display:block;overflow:visible}
.r3-line{fill:none;stroke:#2c4456;stroke-width:1}
.r3-dash{fill:none;stroke:#6eeee355;stroke-width:1.4;stroke-dasharray:3 10}
.r3-mid .r3-dash{animation-direction:reverse;animation-duration:70s}
.r3 text{font:12px var(--mono);letter-spacing:.22em;fill:var(--ice);paint-order:stroke;stroke:var(--night);stroke-width:6px;stroke-linejoin:round}
.spoke line{stroke:#6eeee344;stroke-width:1.5}
.spoke circle{fill:var(--aqua)}
.spoke.risky line{stroke:var(--red);stroke-width:2}
.spoke.risky circle{fill:var(--red)}
.spoke[data-cut]{opacity:.18}
.r3-cutmark circle{fill:var(--night);stroke:var(--red);stroke-width:1.5}
.r3-cutmark path{stroke:var(--red);stroke-width:2}
.r3-core>circle{fill:#08121f;stroke:var(--aqua);stroke-width:1.5}
.radial .story-card{border-top:0;padding-top:0}
.radial .step-index{justify-content:center;gap:14px;letter-spacing:.14em}
.radial .story-card h3{margin-top:14px}
.radial .story-card p{margin-left:auto;margin-right:auto}
.step-scan{grid-area:scan;text-align:right}.step-scan .step-index{justify-content:flex-end}.step-scan p{margin-right:0}
.step-judge{grid-area:judge;text-align:left}.step-judge .step-index{justify-content:flex-start}.step-judge p{margin-left:0}
.step-revoke{grid-area:revoke;text-align:center;margin-top:18px}
.ring-step h3{transition:color .4s}
.ring-step.is-lit h3{color:var(--aqua)}

/* Why and token */
#why .incident{display:flex;flex-direction:column;align-items:center;gap:46px;max-width:760px;margin:0 auto;padding:0;border:0;background:none;border-radius:0}
#why .incident p{max-width:620px;margin-left:auto;margin-right:auto}
#why .incident .sources{justify-content:center}
#why .incident-facts{text-align:center}
#why .incident-diagram{width:min(430px,100%);align-items:center}
#why .incident-node{width:100%;border-radius:999px;padding:15px 24px}
#why .incident-line{margin-left:0}
#token .token-section{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding-top:0}
#token .token-section p{margin-left:auto;margin-right:auto}
#token .token-state{justify-content:center}
#token .token-foot{margin-top:22px}

/* ---------- Inner pages ---------- */
.ring-page-head{position:relative;text-align:center;margin:0 auto;padding:96px 0 84px;max-width:820px;isolation:isolate}
.ring-page-head p{margin-left:auto;margin-right:auto}
.ring-page-head .ring-deco{width:620px;opacity:.9}
.tool-below{grid-template-columns:1fr 90px 1fr;align-items:center}
.tool-below>div:first-child{text-align:right}
.tool-below>div:first-child .doc-viz{justify-content:flex-end}
.axis-mark{position:relative;align-self:stretch;display:grid;place-items:center}
.axis-mark:before{content:'';position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(transparent,#2f4658 20%,#2f4658 80%,transparent)}
.axis-mark .ring-index{position:relative;margin:0;background:var(--night);width:64px;height:64px;padding:6px;border-radius:50%}
.axis-mark .ring-index circle:nth-child(2){stroke:var(--aqua);animation:breathe 3.2s ease-in-out infinite}
.radial .technical-card{border-radius:22px}
.radial .trust-grid{display:flex;flex-direction:column;align-items:center;text-align:center;gap:34px;padding:10px 0 90px}
.radial .trust-grid>div:first-child{max-width:620px}
.radial .proof-stack{width:min(600px,100%);display:flex;flex-direction:column;align-items:center;gap:14px;padding:0}
.radial .proof-stack:before{content:'';position:absolute;left:50%;top:-20px;bottom:-20px;width:1px;background:#2a3f50;z-index:-1}
.radial .proof-card{transform:none;margin:0;border-radius:999px;text-align:center;padding:20px 34px}
.radial .proof-card:nth-child(1){width:100%}
.radial .proof-card:nth-child(2){width:84%;margin:0}
.radial .proof-card:nth-child(3){width:68%;margin:0;border-color:#6eeee366}
.flow-ring{display:grid;grid-template-columns:1fr 300px 1fr;grid-template-rows:auto auto;column-gap:40px;align-items:center;padding:40px 0 20px;position:relative;isolation:isolate}
.flow-core{grid-column:2;grid-row:1/3;position:relative;width:300px;height:300px;display:grid;place-items:center}
.flow-core .ring-deco{width:300px}
.flow-core img{width:150px;height:150px;border-radius:50%;object-fit:cover;object-position:50% 47%;transform:scale(1);border:1px solid #6eeee340}
.radial .trust-flow{display:block;border:0;padding:24px 0}
.radial .trust-flow h3{margin-bottom:10px}
.radial .trust-flow:nth-child(2){grid-column:1;grid-row:1;text-align:right}
.radial .trust-flow:nth-child(3){grid-column:3;grid-row:1}
.radial .trust-flow:nth-child(4){grid-column:1;grid-row:2;text-align:right}
.radial .trust-flow:nth-child(5){grid-column:3;grid-row:2}
.quad-section{padding:110px 0 40px;text-align:center}
#sources.quad-section{padding-bottom:110px}
.quad-section .section-top{flex-direction:column-reverse;align-items:center;gap:18px;text-align:center}
.quad-section .source-grid{position:relative;column-gap:130px;row-gap:34px;max-width:1080px;margin:0 auto}
.quad-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:92px;height:92px;display:grid;place-items:center;border-radius:50%;background:var(--night)}
.quad-core .ring-index{width:78px;height:78px;margin:0}
.quad-core .ring-index circle:nth-child(3){stroke:var(--aqua);animation:breathe 3.2s ease-in-out infinite}
.radial .source-card{border-radius:22px;text-align:center}
.radial .docs-layout{display:block;max-width:800px;margin:0 auto}
.radial .docs-nav{position:static;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 auto 34px}
.radial .docs-nav a{border:1px solid var(--line);border-radius:999px;padding:8px 14px;min-height:40px;display:flex;align-items:center}
.radial .docs-layout>div{text-align:center}
.radial .doc-section{text-align:left}
.radial .doc-section h2,.radial .doc-section>.doc-viz{text-align:center;justify-content:center}
.radial .doc-viz i{max-width:220px}
.radial .doc-viz i:after{width:100%;transform-origin:left center;animation:sweep 6s linear infinite}
@keyframes sweep{from{transform:scaleX(0);opacity:1}80%{opacity:1}to{transform:scaleX(1);opacity:0}}
.radial .doc-schematic .signal{animation:signal-pulse 3s ease-in-out infinite}
@keyframes signal-pulse{50%{opacity:.35}}
.radial .brand-grid{display:flex;flex-direction:column;align-items:center;text-align:center;gap:70px;padding-top:30px}
.radial .brand-plate{position:relative;width:min(420px,78vw);aspect-ratio:1;border:0;background:none;overflow:visible;border-radius:50%;isolation:isolate}
.radial .brand-plate img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:1px solid #6eeee333}
.plate-deco{width:150%}
.radial .brand-grid>div:last-child{max-width:620px}
.radial .swatches{justify-content:center;gap:20px}
.radial .swatch{flex:0 0 auto;width:92px}
.radial .swatch i{width:66px;height:66px;border-radius:50%;margin:0 auto 10px}
.radial .brand-guides{grid-template-columns:1fr 90px 1fr;align-items:center;gap:40px}
.radial .brand-guides>div:nth-child(2){grid-column:1;grid-row:1;text-align:right}
.radial .brand-guides>div:nth-child(2) .large-type{text-align:right}
.radial .brand-guides>.axis-mark{grid-column:2;grid-row:1}
.radial .brand-guides>div:nth-child(3){grid-column:3;grid-row:1}
.radial .brand-guides .doc-viz{max-width:320px}
.radial dialog{text-align:center}
.radial dialog .review-values{text-align:left}

/* ---------- Tablet ---------- */
@media(max-width:1100px){
 .rings3{grid-template-columns:1fr 1fr;grid-template-areas:"viz viz" "scan judge" "revoke revoke";row-gap:30px}
 .rings3-viz{max-width:560px;width:100%;margin:0 auto}
 .flow-ring{grid-template-columns:1fr 220px 1fr}
 .flow-core,.flow-core .ring-deco{width:220px}
 .flow-core{height:220px}
 .flow-core img{width:120px;height:120px}
 .quad-section .source-grid{column-gap:110px}
}

/* ---------- Phone and small tablet: orbital menu ---------- */
@media(max-width:900px){
 .radial .site-header.orbit-header{grid-template-columns:1fr auto 1fr;height:84px}
 .orbit-side,.brand-word,.orbit-track,.orbit-runner{display:none}
 .orbit{width:56px;height:56px}
 .radial .orbit-core .brand-icon{width:48px;height:48px}
 .radial .orbit-core .brand-icon img{width:80px;height:80px;transform:translate(-16.5px,-13px)}
 .radial .menu-button{display:inline-flex;justify-self:start;gap:8px;padding:9px 14px;min-height:42px;border-radius:999px;font-size:11px}
 .menu-button svg{width:16px;height:16px;fill:none;stroke:var(--aqua);stroke-width:1.4}
 .radial .header-end>.button{border-radius:999px;font-size:11px;padding:9px 14px;min-height:42px}
 .radial .nav-links{display:none;position:absolute;top:84px;left:50%;right:auto;bottom:auto;width:100vw;height:430px;transform:translateX(-50%);background:var(--night);border:0;border-bottom:1px solid var(--line);border-radius:0;padding:0;z-index:40}
 .radial .nav-links.open{display:block}
 .nav-orbit{display:block;position:absolute;left:50%;top:50%;width:250px;height:250px;margin:-125px;border-radius:50%;border:1px solid var(--ring-dim)}
 .nav-orbit:before{content:'';position:absolute;inset:62px;border-radius:50%;border:1px dashed #6eeee344;animation:rotate 40s linear infinite}
 .nav-orbit:after{content:'';position:absolute;inset:95px;border-radius:50%;background:url(../images/brand/moat-mark.png) 50% 47%/210% no-repeat;border:1px solid #6eeee344}
 .radial .nav-links a{font-size:14px;min-height:44px;padding:0 14px;border:1px solid var(--line);transform:translate(-50%,-50%) translate(calc(cos(var(--m)) * 125px),calc(sin(var(--m)) * 125px))}
 .radial .nav-links a.active{border-color:var(--aqua)}
 .radial .nav-links a.active:after{display:none}
 .ring-foot{width:auto;height:auto;margin-bottom:40px}
 .ring-foot-track{position:relative;display:block;width:230px;height:230px;margin:0 auto}
 .ring-foot-runner{inset:auto;left:50%;top:0;width:222px;height:222px;margin:4px 0 0 -111px}
 .ring-foot-core{top:115px;width:130px;height:130px}
 .ring-foot-core img{width:233px;left:-52px;top:-47px}
 .ring-foot-links{display:grid;grid-template-columns:1fr 1fr;column-gap:34px;margin-top:34px;position:relative}
 .ring-foot-links:before{content:'';position:absolute;left:50%;top:-34px;bottom:0;width:1px;background:var(--line)}
 .ring-foot-links a{position:static;transform:none;white-space:normal;padding:11px 0;font-size:13px}
 .ring-foot-links a:nth-child(odd){text-align:right}
 .ring-foot-links a:nth-child(even){text-align:left}
 .ring-footer{padding-top:80px}
 .ring-section{padding:90px var(--gutter)}
 .section-deco{width:820px}
 .tool-below{grid-template-columns:1fr;text-align:center}
 .tool-below>div:first-child{text-align:center}
 .tool-below>div:first-child .doc-viz{justify-content:center}
 .axis-mark{height:70px}
 .radial .technical-card{text-align:center}
 .flow-ring{grid-template-columns:1fr;row-gap:0}
 .flow-core{grid-column:1;grid-row:auto;margin:0 auto 10px}
 .radial .trust-flow:nth-child(n){grid-column:1;grid-row:auto;text-align:center;max-width:560px;margin:0 auto}
 .quad-section .source-grid{grid-template-columns:1fr;row-gap:20px}
 .quad-core{position:static;transform:none;margin:0 auto}
 .radial .brand-guides{grid-template-columns:1fr;gap:20px}
 .radial .brand-guides>div:nth-child(n),.radial .brand-guides>.axis-mark{grid-column:1;grid-row:auto;text-align:center}
 .radial .brand-guides>div:nth-child(2) .large-type{text-align:center}
 .radial .brand-guides .doc-viz{margin:0 auto}
 .radial .brand-guides>.axis-mark{order:2}
 .radial .brand-guides>div:nth-child(3){order:3}
}

@media(max-width:640px){
   .ring-section{padding:76px var(--gutter)}
 .ring-head{margin-bottom:32px}
 .ring-head p{font-size:14px}
 .radial .scanner-panel{border-radius:20px}
 .rings3{grid-template-columns:1fr;grid-template-areas:"viz" "scan" "judge" "revoke";row-gap:28px}
 .step-scan,.step-judge{text-align:center}
 .step-scan .step-index,.step-judge .step-index{justify-content:center}
 .step-scan p,.step-judge p{margin:0 auto}
 .step-revoke{margin-top:0}
 .r3 text{font-size:17px;letter-spacing:.14em}
 .rm-label{font-size:24px}
 .rm-sub{display:none}
 .rm-core-t{font-size:17px}.rm-core-a{font-size:18px}
 .radial .story-card{display:block}
 .ring-page-head{padding:60px 0 56px}
 .ring-page-head .ring-deco{width:460px}
 .radial .proof-card{padding:16px 22px}
 .radial .proof-card:nth-child(2){width:92%}
 .radial .proof-card:nth-child(3){width:84%}
 .radial .swatches{gap:6px}
 .radial .swatch{width:74px}
 .radial .swatch i{width:54px;height:54px}
 .radial .brand-grid{gap:44px}
 .band .chain-list span{padding:8px 12px}
 .radial .docs-nav a{padding:6px 12px;font-size:11px}
}
@media(max-width:380px){
 .radial .menu-button span{display:none}
 .radial .nav-links a{font-size:13px;padding:0 11px}
}

@media(prefers-reduced-motion:reduce){
 .orbit-runner,.orbit-runner i,.ring-foot-runner i,.band-track i{animation:none!important}
 .orbit-runner{transform:translateX(-212px)}.orbit-runner i{transform:translateY(37px)}
}
.section-deco .spin{animation:none}