/* Sustainability sections and the cotton-to-garment journey. Uses the tokens from enhancements.css. */

/* ---------- Sustainability: pillars ---------- */
.sus{background:linear-gradient(180deg,#fff 0,var(--cream) 100%);padding:88px 0 80px}
.sus-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(24px,5vw,72px);align-items:end;margin-bottom:44px}
.sus-head .section-title{padding-bottom:0}
.sus-lead p{color:#40585e;line-height:1.8;margin:0 0 1rem}
.sus-lead .sus-honest{display:flex;gap:.7rem;align-items:flex-start;font-size:.9rem;background:#e6f0ef;border-radius:10px;padding:.9rem 1rem;color:#27444b;margin:0}
.sus-honest i{color:var(--teal);font-size:1.1rem;line-height:1.5}
.sus-pillars{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.sus-pillars li{background:#fff;border:1px solid #dbe5e4;border-radius:16px;padding:26px 24px 24px;transition:transform .3s ease,box-shadow .3s ease}
.sus-pillars li:hover{transform:translateY(-4px);box-shadow:0 18px 40px -24px #18343c55}
.sus-icon{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#e6f0ef;color:var(--teal);font-size:1.3rem;margin-bottom:16px}
.sus-pillars h3{font-size:1.1rem;font-weight:650;color:var(--ink);margin:0 0 .5rem}
.sus-pillars p{margin:0;color:#4b6268;line-height:1.7;font-size:.95rem}
.sus-journey-link{display:inline-flex;gap:.6rem;align-items:center;margin-top:32px;font-weight:650;color:var(--ink)}
.sus-journey-link i{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--orange);color:#fff}
.sus-journey-link:hover{color:var(--orange)}

/* ---------- Journey ---------- */
section.cj{background:var(--ink);color:#d7e4e3;padding:88px 0 72px;overflow:visible}
.cj .section-title{padding-bottom:16px}
.cj .section-title h2{color:#9fcfcb}
.cj .section-title h2::after{background:#f39a5b}
.cj .section-title p{color:#fff}
.cj-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.cj-intro{max-width:640px;color:#b9cdcc;line-height:1.75;margin:0}
.cj-skip{color:#f6b98a;font-size:.85rem;font-weight:600;white-space:nowrap}
.cj-skip:hover{color:#fff}
.cj-track{position:relative;margin-top:28px}
.cj-stage{padding:20px 0}
.cj-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center}
.cj-visual{position:relative;margin:0;border-radius:72px 16px 16px 16px;background:#e3efe9;overflow:hidden;aspect-ratio:640/440;box-shadow:0 30px 60px -30px #000a;transition:background-color .7s ease}
.cj-visual[data-stage="1"]{background:#f1ede4}
.cj-visual[data-stage="2"]{background:#eaf0ee}
.cj-visual[data-stage="3"]{background:#f3efe7}
.cj-visual[data-stage="4"]{background:#e4efee}
.cj-visual[data-stage="5"]{background:#f2eee6}
.cj-visual[data-stage="6"]{background:#ebf0ef}
.cj-visual[data-stage="7"]{background:#dfedf1}
.cj-svg{display:block;width:100%;height:100%}
.cj-badge{position:absolute;top:16px;right:16px;display:flex;gap:.5rem;align-items:center;background:var(--ink);color:#fff;border-radius:999px;padding:6px 14px 6px 8px;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.cj-badge b{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#f39a5b;color:var(--ink);font-size:.7rem;letter-spacing:0}
.cj-steps{list-style:none;margin:0;padding:0;display:grid}
.cj-step + .cj-step{margin-top:28px}
.cj-num{margin:0;font-size:.75rem;font-weight:700;letter-spacing:.16em;color:#9fcfcb}
.cj-num span{color:#6f9592}
.cj-step h3{color:#fff;font-size:clamp(1.45rem,2.4vw,2.1rem);font-weight:650;letter-spacing:-.03em;line-height:1.15;margin:.5rem 0 .9rem}
.cj-step p{color:#c6d7d6;line-height:1.7;margin:0 0 .9rem}
.cj-step .cj-lens{border-left:3px solid #6fb3b0;padding-left:1rem;color:#e6efee}
.cj-lens strong,.cj-ask strong{display:block;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:#9fcfcb;margin-bottom:.2rem}
.cj-step .cj-ask{font-size:.9rem;color:#b9cdcc;margin:0}
.cj-ask strong{color:#f6b98a}
.cj-nav{display:flex;align-items:center;gap:.75rem;margin-top:24px}
.cj-nav button{background:transparent;border:1px solid #ffffff40;color:#fff;border-radius:5px;min-height:44px;padding:.55rem 1rem;font-size:.9rem}
.cj-nav button:hover:not(:disabled){background:#fff;color:var(--ink)}
.cj-nav button:disabled{opacity:.35}
.cj-count{font-size:.85rem;color:#9fcfcb;min-width:3.2rem;text-align:center}
.cj-rail{position:relative;margin-top:28px}
.cj-thread{position:absolute;left:6.25%;right:6.25%;top:22px;height:2px;background:repeating-linear-gradient(90deg,#ffffff38 0 6px,transparent 6px 12px)}
.cj-thread span{position:absolute;inset:0;background:#f39a5b;transform-origin:left center;transform:scaleX(var(--cj-fill,0));transition:transform .15s linear}
.cj-dots{list-style:none;margin:0;padding:0;display:flex}
.cj-dots li{flex:1;display:flex;justify-content:center}
.cj-dot{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:0;padding:0;color:#9fcfcb;font-size:.75rem;font-weight:600;letter-spacing:.04em;min-width:44px}
.cj-dot i{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#1f3f47;border:1px solid #ffffff2e;font-size:1.05rem;transition:background-color .3s ease,color .3s ease,transform .3s ease}
.cj-dot:hover i{border-color:#f39a5b}
.cj-dot.is-done i{background:#2b6d70;color:#fff;border-color:transparent}
.cj-dot.is-active i{background:#f39a5b;color:var(--ink);border-color:transparent;transform:scale(1.1)}
.cj-dot.is-active{color:#fff}
.cj-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px;margin-top:40px;padding-top:28px;border-top:1px solid #ffffff1f}
.cj-foot p{margin:0;color:#c6d7d6;max-width:560px;line-height:1.7}
.cj-foot-actions{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center}
.cj-foot .secondary-cta{color:#fff}
.cj-foot .secondary-cta:hover{color:#f6b98a}

/* Scripted layouts. Without JavaScript every stage is listed and the first scene is shown. */
html:not(.js) .cj-nav,html:not(.js) .cj-rail,html:not(.js) .cj-badge{display:none}
.js .cj-step{grid-area:1/1;margin:0;opacity:0;transform:translateY(14px);transition:opacity .45s ease,transform .45s ease}
.js .cj-step.is-active{opacity:1;transform:none}
html:not(.js) .cj-grid{align-items:start}
html:not(.js) .cj-visual{position:sticky;top:96px}
.cj--pinned .cj-track{height:calc(var(--cj-steps) * 62vh + 100vh)}
.cj--pinned .cj-stage{position:sticky;top:76px;height:calc(100vh - 76px);display:flex;flex-direction:column;justify-content:center}
@supports (height:100svh){.cj--pinned .cj-stage{height:calc(100svh - 76px)}}

/* ---------- Scene animation ---------- */
.cj-svg *{transform-box:view-box;transform-origin:0 0}
.cj-svg .cj-scene{opacity:0;visibility:hidden;transition:opacity .45s ease,visibility 0s linear .45s}
.cj-svg .cj-scene.is-active{opacity:1;visibility:visible;transition:opacity .45s ease}
.cj-label{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;fill:#5d7275}
.cj-tag{font-size:10px;font-weight:700;letter-spacing:.14em;fill:#9fcfcb}
.cj-draw,.cj-trace{stroke-dasharray:1 1}
/* Resting states equal the final frame, so scenes are complete when animation is off. */
.cj-drop-in{transform:translateY(var(--ty,40px))}
.cj-fold{transform:scaleY(0)}
.cj-stitch{opacity:1}
.cj-rev{animation-direction:reverse!important}
.is-active .cj-draw{animation:cj-draw .9s var(--d,0s) cubic-bezier(.65,0,.35,1) both}
.is-active .cj-trace{animation:cj-draw 6s var(--d,0s) linear infinite both}
.is-active .cj-pop{animation:cj-pop .55s var(--d,0s) cubic-bezier(.34,1.56,.64,1) both}
.is-active .cj-fade{animation:cj-fade .5s var(--d,0s) ease both}
.is-active .cj-rise{animation:cj-rise .6s var(--d,0s) cubic-bezier(.2,.8,.2,1) both}
.is-active .cj-slide{animation:cj-slide .8s var(--d,0s) cubic-bezier(.2,.8,.2,1) both}
.is-active .cj-grow-y{animation:cj-grow-y 1.1s var(--d,0s) cubic-bezier(.2,.8,.2,1) both}
.is-active .cj-fold{animation:cj-fold .45s var(--d,0s) ease-in both}
.is-active .cj-drop-in{animation:cj-drop-in .9s var(--d,0s) cubic-bezier(.5,0,.75,0) both}
.is-active .cj-row{animation:cj-row .3s var(--d,0s) ease-out both}
.is-active .cj-stitch{animation:cj-fade .12s var(--d,0s) linear both}
.is-active .cj-spin{animation:cj-spin var(--dur,4s) linear infinite}
.is-active .cj-sway{animation:cj-sway 3.2s var(--d,0s) ease-in-out infinite alternate both}
.is-active .cj-bob{animation:cj-bob 2.6s var(--d,0s) ease-in-out infinite}
.is-active .cj-drift{animation:cj-drift 7s var(--d,0s) ease-in-out infinite alternate}
.is-active .cj-flow{animation:cj-flow var(--dur,1.2s) linear infinite}
.is-active .cj-drop{animation:cj-drop 1.4s var(--d,0s) ease-in infinite both}
.is-active .cj-bubble{animation:cj-bubble 2.2s var(--d,0s) ease-in infinite both}
.is-active .cj-needle{animation:cj-needle var(--dur,.5s) var(--d,0s) ease-in-out infinite alternate}
.is-active .cj-shuttle{animation:cj-shuttle 1.5s ease-in-out infinite alternate}
.is-active .cj-balloon{animation:cj-balloon .5s linear infinite}
.is-active .cj-heat{animation:cj-heat 1.4s var(--d,0s) ease-out infinite both}
.is-active .cj-wave{animation:cj-wave var(--dur,2.4s) linear infinite}
.is-active .cj-swing{animation:cj-swing 2.4s var(--d,0s) ease-in-out infinite}
.is-active .cj-sweep{animation:cj-sweep 4s var(--d,0s) ease-in-out infinite both}
.is-active .cj-blink{animation:cj-blink 1.2s var(--d,0s) ease-in-out infinite}
.is-active .cj-press{animation:cj-press 1.6s var(--d,0s) ease-in-out infinite}
.is-active .cj-scroll{animation:cj-scroll .9s var(--d,0s) linear infinite}
.is-active .cj-stripes{animation:cj-scroll .35s linear infinite}
.is-active .cj-travel{animation:cj-travel 2.1s var(--d,0s) linear infinite both}
.cj-offscreen .cj-svg *{animation-play-state:paused!important}
@media (prefers-reduced-motion:reduce){.cj-svg *{animation:none!important}.cj-knife{display:none}}

@keyframes cj-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes cj-pop{0%{transform:scale(0)}70%{transform:scale(1.08)}100%{transform:scale(1)}}
@keyframes cj-fade{from{opacity:0}to{opacity:1}}
@keyframes cj-rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes cj-slide{from{opacity:0;transform:translate(var(--tx,0),var(--ty,0))}to{opacity:1;transform:none}}
@keyframes cj-grow-y{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes cj-fold{from{transform:scaleY(1)}to{transform:scaleY(0)}}
@keyframes cj-drop-in{0%{opacity:0;transform:translateY(-110px)}25%{opacity:1}100%{opacity:1;transform:translateY(var(--ty,40px))}}
@keyframes cj-row{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@keyframes cj-spin{to{transform:rotate(360deg)}}
@keyframes cj-sway{from{transform:rotate(-1.6deg)}to{transform:rotate(1.6deg)}}
@keyframes cj-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes cj-drift{from{transform:translateX(0)}to{transform:translateX(28px)}}
@keyframes cj-flow{to{stroke-dashoffset:-24}}
@keyframes cj-drop{0%{opacity:0;transform:translateY(0)}15%{opacity:1}100%{opacity:0;transform:translateY(var(--fall,60px))}}
@keyframes cj-bubble{0%{opacity:0;transform:translateY(0)}20%{opacity:1}100%{opacity:0;transform:translateY(-72px)}}
@keyframes cj-needle{from{transform:translateY(0)}to{transform:translateY(var(--travel,5px))}}
@keyframes cj-shuttle{from{transform:translateX(-34px)}to{transform:translateX(34px)}}
@keyframes cj-balloon{0%,100%{transform:scaleX(1)}50%{transform:scaleX(-1)}}
@keyframes cj-heat{0%{opacity:0;transform:translateY(6px)}40%{opacity:1}100%{opacity:0;transform:translateY(-10px)}}
@keyframes cj-wave{to{transform:translateX(var(--wl,-36px))}}
@keyframes cj-swing{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}
@keyframes cj-sweep{0%,100%{transform:translate(0,0)}25%{transform:translate(60px,0)}50%{transform:translate(60px,56px)}75%{transform:translate(0,56px)}}
@keyframes cj-blink{0%,100%{opacity:1}50%{opacity:.25}}
@keyframes cj-press{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}
@keyframes cj-scroll{to{transform:translateY(10px)}}
@keyframes cj-travel{0%{opacity:0;transform:translateX(0)}20%{opacity:1}100%{opacity:0;transform:translateX(var(--dx,36px))}}

/* ---------- Materials and standards ---------- */
.sus-materials{background:#fff;padding:88px 0}
.mat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.mat-card{border:1px solid #dbe5e4;border-radius:16px;padding:24px;background:#fff;display:flex;flex-direction:column}
.mat-card header{display:flex;align-items:center;gap:14px;margin-bottom:12px}
.mat-card h3{font-size:1.1rem;font-weight:650;color:var(--ink);margin:0}
.mat-card>p{color:#4b6268;line-height:1.7;font-size:.95rem;margin:0 0 16px}
.mat-card dl{margin:auto 0 0;display:grid;gap:10px;border-top:1px solid #e3ebec;padding-top:14px}
.mat-card dt{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--teal)}
.mat-card dd{margin:0;font-size:.9rem;line-height:1.6;color:#27444b}
.mat-swatch{flex:none;width:48px;height:48px;border-radius:50%;box-shadow:inset 0 0 0 1px #0000001a,inset 0 -6px 12px #0000000f}
.mat-swatch--organic{background:radial-gradient(#d4c7a8 1px,transparent 1.6px) 0 0/7px 7px,#f6f0e1}
.mat-swatch--better{background:repeating-linear-gradient(45deg,#d7e4c6 0 3px,#e9f0dd 3px 7px)}
.mat-swatch--recycled-cotton{background:radial-gradient(#8fa9ad 1px,transparent 1.5px) 0 0/6px 6px,radial-gradient(#c79a7a 1px,transparent 1.5px) 3px 3px/9px 9px,#ece8e0}
.mat-swatch--recycled-poly{background:linear-gradient(135deg,#d7eaec 0,#9fc6cc 55%,#7fb0b8 100%)}
.mat-swatch--lyocell{background:linear-gradient(120deg,#e6efe7 0,#bcd4c4 45%,#eef5ef 60%,#a9c7b5 100%)}
.mat-swatch--jute{background:repeating-linear-gradient(0deg,#00000014 0 2px,transparent 2px 5px),repeating-linear-gradient(90deg,#c9a46c 0 3px,#b88f55 3px 6px)}
.std-title{font-size:clamp(1.3rem,2.2vw,1.7rem);font-weight:650;letter-spacing:-.02em;color:var(--ink);margin:64px 0 20px}
.std-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.std-grid a{display:flex;flex-direction:column;gap:12px;height:100%;padding:18px;border-radius:14px;background:var(--cream);color:#27444b;border:1px solid transparent;transition:border-color .2s ease}
.std-grid a:hover{border-color:#9bb2b3;color:#27444b}
.std-grid img{height:44px;width:auto;max-width:120px;object-fit:contain;object-position:left center}
.std-grid strong{display:block;color:var(--ink);font-size:.95rem;margin-bottom:.2rem}
.std-grid span{font-size:.85rem;line-height:1.6}
.std-note{font-size:.85rem;color:#52686b;line-height:1.7;margin:16px 0 0;max-width:820px}
.sus-brief{margin-top:56px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) auto;gap:24px 40px;align-items:center;background:var(--ink);color:#d7e4e3;border-radius:20px;padding:36px 40px}
.sus-brief h3{color:#fff;font-size:1.5rem;font-weight:650;letter-spacing:-.02em;margin:0 0 .5rem}
.sus-brief p{margin:0;line-height:1.7;color:#b9cdcc}
.sus-checklist{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.sus-checklist li{display:flex;gap:.6rem;line-height:1.55;font-size:.92rem}
.sus-checklist i{color:#9fcfcb}

@media (max-width:1199px){
  .std-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sus-brief{grid-template-columns:1fr 1fr}
  .sus-brief-actions{grid-column:1/-1}
}
@media (max-width:991px){
  .sus-head{grid-template-columns:1fr;align-items:start}
  .sus-pillars,.mat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cj-grid{grid-template-columns:1fr;gap:18px}
  .cj-visual{max-width:640px;width:100%;margin:0 auto}
  .cj-copy{max-width:640px;width:100%;margin:0 auto}
  .cj-step h3{margin:.3rem 0 .6rem}
  .cj-nav{margin-top:14px}
  .cj-rail{margin-top:16px}
}
@media (max-width:767px){
  .sus,.sus-materials{padding:56px 0}
  section.cj{padding:56px 0 48px}
  .sus-pillars,.mat-grid{grid-template-columns:1fr}
  .sus-pillars li{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;align-items:center;padding:20px}
  .sus-icon{grid-row:span 2;align-self:start;margin:0}
  .cj-visual{border-radius:44px 12px 12px 12px}
  .cj-badge{top:10px;right:10px}
  .cj-step p{font-size:.92rem;line-height:1.6;margin-bottom:.6rem}
  .cj-step .cj-ask{display:none}
  .cj-dot span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .cj-dot i{width:34px;height:34px;font-size:.9rem}
  .cj-thread{top:17px}
  .cj-nav{justify-content:space-between}
  .sus-brief{grid-template-columns:1fr;padding:28px 22px}
}
@media (max-width:575px){.std-grid{grid-template-columns:1fr}}

/* ---------- Recycling impact ---------- */
.sus-links{display:flex;flex-wrap:wrap;gap:12px 32px;margin-top:32px}
.sus-links .sus-journey-link{margin-top:0}
section.ri{background:linear-gradient(180deg,var(--cream) 0,#fff 60%);padding:88px 0;overflow:visible}
.ri-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(24px,5vw,72px);align-items:end;margin-bottom:28px}
.ri-head .section-title{padding-bottom:0}
.ri-intro{margin:0;color:#40585e;line-height:1.8}
.ri-tabs{display:inline-flex;gap:4px;padding:4px;margin-bottom:20px;background:#e3ecea;border-radius:999px}
.ri-tabs button{border:0;background:transparent;color:var(--ink);border-radius:999px;min-height:44px;padding:.55rem 1.25rem;font-weight:650;font-size:.95rem;transition:background-color .25s ease,color .25s ease}
.ri-tabs button[aria-selected=true]{background:var(--ink);color:#fff}
.ri-tabs button:hover:not([aria-selected=true]){background:#fff}
html:not(.js) .ri-tabs,html:not(.js) .ri-calc{display:none}
.ri-stage{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(24px,4vw,48px);align-items:start}
.ri-visual{border-radius:16px 72px 16px 16px;overflow:hidden;aspect-ratio:640/420;box-shadow:0 30px 60px -36px #18343c80;background:#eef4f2}
.ri-svg{display:block;width:100%;height:100%}
.js .ri-fibre{display:none}
.js .ri-fibre.is-active{display:block}
.ri-fibre + .ri-fibre{margin-top:40px}
.js .ri-fibre + .ri-fibre{margin-top:0}
.ri-fibre-title{font-size:1.25rem;font-weight:650;color:var(--ink);margin:0 0 .6rem}
.ri-lead{color:#40585e;line-height:1.75;margin:0 0 18px}
.ri-metrics{display:grid;gap:18px}
.ri-metric-top{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:8px}
.ri-metric-name{display:flex;flex-wrap:wrap;align-items:baseline;gap:.15rem .45rem;font-weight:650;color:var(--ink)}
.ri-metric-name i{color:var(--teal)}
.ri-metric-name small{flex-basis:100%;font-weight:400;font-size:.75rem;color:#52686b;letter-spacing:.02em}
.ri-cut{font-size:1.7rem;line-height:1;font-weight:750;letter-spacing:-.03em;color:#2f7d57;font-variant-numeric:tabular-nums}
.ri-bar{position:relative;height:34px;border-radius:8px;background:#edf2f1;overflow:hidden}
.ri-bar + .ri-bar{margin-top:6px}
.ri-bar span{position:absolute;top:0;bottom:0;left:0;border-radius:8px;transform-origin:left center}
.ri-bar.is-virgin span{background:#efc29d}
.ri-bar.is-recycled span{background:#9fd1bf}
.js .ri-bar span{transform:scaleX(0);transition:transform 1.1s cubic-bezier(.2,.8,.2,1)}
.js .ri-bar.is-recycled span{transition-delay:.25s}
.js .ri-fibre.is-shown .ri-bar span{transform:scaleX(1)}
.ri-bar em{position:relative;display:flex;justify-content:space-between;align-items:center;height:100%;padding:0 .8rem;font-style:normal;font-size:.85rem;color:#27444b}
.ri-bar b{font-variant-numeric:tabular-nums}
.ri-note{font-size:.85rem;line-height:1.7;color:#52686b;margin:18px 0 .5rem}
.ri-source{font-size:.78rem;color:#52686b;margin:0}
.ri-steps{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;counter-reset:ri}
.ri-steps li{position:relative;padding:22px 20px;border-radius:14px;background:#fff;border:1px solid #dbe5e4}
.ri-steps li::after{content:"";position:absolute;top:44px;right:-15px;width:12px;height:12px;border-top:2px solid #b8c7c5;border-right:2px solid #b8c7c5;transform:rotate(45deg)}
.ri-steps li:last-child::after{display:none}
.ri-step-icon{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#e6f0ef;color:var(--teal);font-size:1.15rem;margin-bottom:12px}
.ri-steps h4{font-size:1.02rem;font-weight:650;color:var(--ink);margin:0 0 .4rem}
.ri-steps p{margin:0;font-size:.9rem;line-height:1.65;color:#4b6268}
.ri-calc{margin-top:0;background:var(--ink);color:#d7e4e3;border-radius:20px;padding:32px 36px}
.ri-calc-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 24px;margin-bottom:20px}
.ri-calc h3{color:#fff;font-size:1.35rem;font-weight:650;margin:0}
.ri-calc h3 i{color:#f39a5b;margin-right:.3rem}
.ri-calc-head p{margin:0;font-size:.85rem;color:#9fcfcb}
.ri-calc-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ri-calc label{display:flex;flex-direction:column;gap:8px;font-size:.85rem;font-weight:600;color:#c6d7d6}
.ri-calc input[type=number]{background:#ffffff14;border:1px solid #ffffff3a;border-radius:8px;color:#fff;padding:.7rem .8rem;font-size:1rem;min-height:44px}
.ri-calc input[type=number]:focus{border-color:#f39a5b;outline:0;box-shadow:0 0 0 3px #f39a5b55}
.ri-calc input[type=range]{accent-color:#f39a5b;min-height:44px}
.ri-calc output{color:#fff;font-weight:700}
.ri-results{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:22px}
.ri-result{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;padding:16px}
.ri-result[hidden]{display:none}
.ri-result b{display:block;color:#fff;font-size:1.45rem;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.ri-result span{font-size:.8rem;color:#9fcfcb}
.ri-calc-note{margin:18px 0 0;font-size:.8rem;line-height:1.65;color:#9fb6b4}
.ri-sources{margin-top:36px;border-top:1px solid #dbe5e4;padding-top:16px}
.ri-sources summary{cursor:pointer;font-weight:650;color:var(--ink)}
.ri-sources p,.ri-sources li{font-size:.85rem;line-height:1.7;color:#52686b}
.ri-sources ol{margin:.5rem 0 0;padding-left:1.2rem}
.ri-sources a{color:#40585e;text-decoration:underline;text-decoration-color:#b8c7c5}
.ri-sources a:hover{color:var(--orange)}

/* Scene animation, sharing the journey's keyframes. */
.ri-svg *{transform-box:view-box;transform-origin:0 0}
.ri-svg .ri-scene{opacity:0;visibility:hidden;transition:opacity .45s ease,visibility 0s linear .45s}
.ri-svg .ri-scene.is-active{opacity:1;visibility:visible;transition:opacity .45s ease}
.ri-caption{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;fill:#5d7275}
.ri-figure{font-size:15px;font-weight:750;fill:#18343c}
.ri-pill{font-size:10px;font-weight:700;letter-spacing:.14em;fill:#fff}
.ri-note-label{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;fill:#c94b2d}
.ri-co2{font-size:6.5px;font-weight:700;fill:#fff}
.is-active .ri-puff{animation:ri-puff 3.2s var(--d,0s) ease-out infinite both}
.is-active .ri-rock{animation:ri-rock 2.4s ease-in-out infinite}
.is-active .ri-flame{animation:ri-flame .6s ease-in-out infinite}
.is-active .ri-drive{animation:ri-drive 3s ease-in-out infinite alternate}
.ri-offscreen .ri-svg *{animation-play-state:paused!important}
@media (prefers-reduced-motion:reduce){.ri-svg *{animation:none!important}}
@keyframes ri-puff{0%{opacity:0;transform:translate(0,0) scale(.5)}15%{opacity:.9}100%{opacity:0;transform:translate(var(--dx,0px),var(--rise,-110px)) scale(var(--grow,2))}}
@keyframes ri-rock{0%,100%{transform:rotate(-11deg)}50%{transform:rotate(11deg)}}
@keyframes ri-flame{0%,100%{transform:scale(1,1)}50%{transform:scale(.85,1.2)}}
@keyframes ri-drive{from{transform:translateX(0)}to{transform:translateX(-16px)}}

@media (min-width:992px){.ri-visual{position:sticky;top:96px}}
@media (max-width:1199px){
  .ri-results{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ri-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ri-steps li::after{display:none}
}
@media (max-width:991px){
  .ri-head,.ri-stage{grid-template-columns:1fr}
  .ri-visual{max-width:640px;width:100%;margin:0 auto}
}
@media (max-width:767px){
  section.ri{padding:56px 0}
  .ri-tabs{display:flex}
  .ri-tabs button{flex:1;padding:.55rem .6rem}
  .ri-visual{border-radius:12px 44px 12px 12px}
  .ri-calc{padding:24px 20px}
  .ri-calc-fields{grid-template-columns:1fr 1fr}
  .ri-calc-fields label:last-child{grid-column:1/-1}
  .ri-results{grid-template-columns:1fr 1fr}
  .ri-caption{font-size:12.5px}
  .ri-figure{font-size:21px}
}
@media (max-width:575px){.ri-steps{grid-template-columns:1fr}}

/* ---------- Recycling impact: sub-sections, charts and verdict ---------- */
.ri-nav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 8px}
.ri-nav a{display:inline-flex;align-items:center;min-height:40px;padding:.4rem .95rem;border-radius:999px;border:1px solid #cfdcda;background:#fff;color:var(--ink);font-size:.85rem;font-weight:600}
.ri-nav a:hover{border-color:var(--ink);color:var(--ink)}
.ri-block{margin-top:72px;scroll-margin-top:96px}
.ri-block-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:16px clamp(24px,5vw,72px);align-items:end;margin-bottom:28px}
.ri-block-head>p{margin:0;color:#40585e;line-height:1.75}
.ri-kicker{margin:0 0 .4rem;font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--teal)}
.ri-block-title{margin:0;font-size:clamp(1.5rem,2.6vw,2.15rem);font-weight:650;letter-spacing:-.03em;line-height:1.15;color:var(--ink)}
.ri-chart{margin:0;background:#fff;border:1px solid #dbe5e4;border-radius:18px;padding:24px}
.ri-chart figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;margin-bottom:18px}
.ri-chart figcaption strong{font-size:1.05rem;color:var(--ink)}
.ri-chart figcaption span{font-size:.8rem;color:#52686b}
.ri-chart-note{margin:16px 0 0;font-size:.8rem;line-height:1.65;color:#52686b}
.ri-global-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:20px;align-items:start}

/* Horizontal bars: sectors */
.ri-hbars{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.ri-hbars li{display:grid;grid-template-columns:minmax(0,190px) minmax(0,1fr) 64px;gap:12px;align-items:center}
.ri-hbar-label b{display:block;font-size:.9rem;color:var(--ink);line-height:1.3}
.ri-hbar-label small{display:block;font-size:.72rem;color:#6b7f82;line-height:1.35}
.ri-track{position:relative;height:22px;border-radius:6px;background:#eef3f2;overflow:hidden}
.ri-track span{position:absolute;top:0;bottom:0;left:0;border-radius:6px;background:#8fa3a3;transform-origin:left center}
.ri-hbar-value{font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;text-align:right;line-height:1.2}
.ri-hbar-value small{display:block;font-weight:500;font-size:.72rem;color:#6b7f82}
.ri-hbars .is-fashion{padding:10px;margin:2px -10px;border-radius:10px;background:#fbefe4}
.ri-hbars .is-fashion .ri-track span{background:#e07a2e}
.ri-hbars .is-fashion b,.ri-hbars .is-fashion .ri-hbar-value{color:#a8460c}
.ri-hbars .is-reference .ri-track span{background:repeating-linear-gradient(135deg,#b7c3c3 0 6px,#cfd9d8 6px 12px)}

/* Fashion value chain */
.ri-chain-groups{display:flex;gap:2px;margin-bottom:6px;font-size:.72rem;font-weight:700;color:#52686b;white-space:nowrap}
.ri-chain-groups span{border-bottom:2px solid #b8c7c5;padding-bottom:4px;overflow:hidden;text-overflow:ellipsis}
.ri-chain{display:flex;gap:2px;height:46px;border-radius:10px;overflow:hidden}
.ri-chain span{display:grid;place-items:center;background:var(--c);color:#fff;font-size:.78rem;font-weight:700;min-width:0}
.ri-legend{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 18px;font-size:.82rem;color:#40585e}
.ri-legend li{display:flex;align-items:center;gap:8px}
.ri-legend i{flex:none;width:12px;height:12px;border-radius:3px;background:var(--c)}
.ri-legend b{margin-left:auto;color:var(--ink);font-variant-numeric:tabular-nums}
.ri-callout{display:flex;gap:10px;margin:18px 0 0;padding:14px 16px;border-radius:12px;background:#e6f0ef;color:#27444b;font-size:.88rem;line-height:1.65}
.ri-callout i{color:var(--teal);font-size:1.1rem;line-height:1.5}

/* Cotton pairs */
.ri-cotton-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px;align-items:start}
.ri-pairs + .ri-pairs{margin-top:18px;padding-top:16px;border-top:1px dashed #cfdcda}
.ri-pairs-study{margin:0 0 10px;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--teal)}
.ri-pair{display:grid;grid-template-columns:110px minmax(0,1fr) 64px;gap:12px;align-items:center}
.ri-pair + .ri-pair{margin-top:12px}
.ri-pair-place{font-weight:650;font-size:.9rem;color:var(--ink)}
.ri-pair-bars{display:grid;gap:4px}
.ri-pbar{position:relative;display:block;height:26px;border-radius:6px;background:#eef3f2;overflow:hidden}
.ri-pbar>span{position:absolute;top:0;bottom:0;left:0;border-radius:6px;transform-origin:left center}
.ri-pbar em{position:relative;display:flex;justify-content:space-between;align-items:center;height:100%;padding:0 .6rem;font-style:normal;font-size:.78rem;color:#27444b}
.ri-pbar b{font-variant-numeric:tabular-nums}
.ri-pbar.is-base>span{background:#d3d9d8}
.ri-pbar.is-organic>span{background:#8cc79f}
.ri-pbar.is-better>span{background:#9fcfcb}
.ri-pbar.is-recycled>span{background:#6fbf9f}
.ri-change{justify-self:end;font-size:1.05rem;font-weight:750;color:#2f7d57;font-variant-numeric:tabular-nums}
.ri-change.is-up{color:#c94b2d}
.ri-labels{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ri-labels li{border-radius:14px;padding:16px;background:#fff;border:1px solid #dbe5e4;border-top:4px solid var(--c,#b8c7c5)}
.ri-labels .is-conventional{--c:#b7c3c3}
.ri-labels .is-better{--c:#6fb3b0}
.ri-labels .is-organic{--c:#4f9a6a}
.ri-labels .is-recycled{--c:#2f9f7f}
.ri-labels h4{margin:0 0 .4rem;font-size:.98rem;font-weight:700;color:var(--ink)}
.ri-labels p{margin:0 0 .6rem;font-size:.84rem;line-height:1.6;color:#40585e}
.ri-labels dl{margin:0;display:grid;gap:6px}
.ri-labels dt{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--teal)}
.ri-labels dd{margin:0;font-size:.82rem;line-height:1.55;color:#27444b}

/* Polyester range chart and table */
.ri-ranges{display:grid;gap:14px}
.ri-range{display:grid;grid-template-columns:minmax(0,250px) minmax(0,1fr) minmax(0,210px);gap:14px;align-items:center}
.ri-range-label b{display:block;font-size:.92rem;color:var(--ink)}
.ri-range-label small{display:block;font-size:.74rem;line-height:1.45;color:#6b7f82}
.ri-range-track{position:relative;height:24px;border-radius:6px;background:repeating-linear-gradient(90deg,#e3ebea 0 1px,transparent 1px 25%),#f3f6f5}
.ri-range-track span{position:absolute;top:3px;bottom:3px;border-radius:5px;transform-origin:left center}
.ri-range.is-virgin .ri-range-track span,.ri-dot.is-virgin{background:#e8a06a}
.ri-range.is-bottle .ri-range-track span,.ri-dot.is-bottle{background:#6fa8d6}
.ri-range.is-textile .ri-range-track span,.ri-dot.is-textile{background:#2f9f7f}
.ri-range-values{display:grid;gap:2px;font-size:.78rem;color:#52686b;line-height:1.35}
.ri-range-values b{color:var(--ink);font-size:.9rem;font-variant-numeric:tabular-nums}
.ri-axis{display:flex;justify-content:space-between;font-size:.72rem;color:#6b7f82}
.ri-axis-row{margin-top:-8px}
.ri-table-wrap{margin-top:16px;overflow-x:auto;border:1px solid #dbe5e4;border-radius:14px;background:#fff}
.ri-table{width:100%;min-width:720px;border-collapse:collapse;font-size:.85rem;color:#27444b}
.ri-table caption{caption-side:top;padding:14px 16px 4px;font-weight:700;color:var(--ink)}
.ri-table th,.ri-table td{padding:10px 16px;border-top:1px solid #e3ebec;text-align:left;vertical-align:top;line-height:1.5}
.ri-table thead th{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--teal);border-top:0}
.ri-table tbody th{font-weight:650;color:var(--ink);white-space:nowrap}
.ri-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px;vertical-align:baseline}

/* The bottle question */
.ri-verdict{background:var(--ink);color:#d7e4e3;border-radius:24px;padding:clamp(24px,4vw,44px)}
.ri-verdict .ri-kicker{color:#9fcfcb}
.ri-verdict .ri-block-title{color:#fff;max-width:760px}
.ri-verdict-answer{margin:16px 0 0;max-width:820px;font-size:1.05rem;line-height:1.7;color:#c6d7d6}
.ri-verdict-answer strong{color:#f6b98a}
.ri-verdict-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:18px;margin-top:28px}
.ri-does,.ri-doesnt{border-radius:16px;padding:22px;background:#ffffff0d;border:1px solid #ffffff1f}
.ri-verdict h4{margin:0 0 12px;font-size:1.02rem;font-weight:700;color:#fff}
.ri-does h4 i{color:#7fd1a9}
.ri-doesnt h4 i{color:#f39a7b}
.ri-does ul,.ri-doesnt ul{margin:0;padding-left:1.1rem;display:grid;gap:10px;font-size:.9rem;line-height:1.65}
.ri-verdict li b{color:#fff}
.ri-verdict-visuals{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin-top:18px}
.ri-verdict .ri-chart{background:#fffdf8;border:0}
.ri-growth{display:grid;gap:14px}
.ri-growth-row{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:10px;align-items:center}
.ri-growth-year{font-weight:700;color:var(--ink)}
.ri-growth-track{display:flex;height:36px;border-radius:8px;overflow:hidden;background:#eef3f2}
.ri-growth-track>span{display:flex;align-items:center;min-width:0}
.ri-growth-track .is-virgin{background:#c9b5a3;padding-left:10px}
.ri-growth-track .is-recycled{background:#4fae8b;justify-content:center}
.ri-growth-track em{font-style:normal;font-size:.8rem;font-weight:700;color:#27444b;white-space:nowrap}
.ri-growth-track .is-recycled em{color:#fff}
.ri-growth-total{font-weight:700;color:var(--ink);text-align:right;font-variant-numeric:tabular-nums}
.ri-key{display:inline-block;width:10px;height:10px;border-radius:3px;margin:0 4px 0 2px;vertical-align:baseline}
.ri-key.is-virgin{background:#c9b5a3}
.ri-key.is-recycled{background:#4fae8b;margin-left:8px}
.ri-loops svg{display:block;width:100%;height:auto}
.ri-loop-title{font-size:15px;font-weight:700;fill:#18343c}
.ri-loop-note{font-size:12.5px;font-weight:600;fill:#52686b}
.ri-better{margin-top:18px;border-radius:16px;padding:22px;background:#fffdf8;color:#27444b}
.ri-better h4{color:var(--ink)}
.ri-better ol{margin:0;padding-left:1.2rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 28px;font-size:.9rem;line-height:1.6}
.ri-better li b{color:var(--ink)}

/* Charts grow into view once (see assets/js/sustainability.js). */
.js [data-reveal] .ri-track span,.js [data-reveal] .ri-pbar>span,.js [data-reveal] .ri-range-track span{transform:scaleX(0);transition:transform .9s cubic-bezier(.2,.8,.2,1) calc(var(--i,0) * 90ms)}
.js [data-reveal].is-shown .ri-track span,.js [data-reveal].is-shown .ri-pbar>span,.js [data-reveal].is-shown .ri-range-track span{transform:scaleX(1)}
.js [data-reveal] .ri-chain,.js [data-reveal] .ri-growth-track{clip-path:inset(0 100% 0 0);transition:clip-path 1.2s cubic-bezier(.2,.8,.2,1) calc(var(--i,0) * 150ms)}
.js [data-reveal].is-shown .ri-chain,.js [data-reveal].is-shown .ri-growth-track{clip-path:inset(0 0 0 0)}
.js .ri-growth-row .ri-growth-track{transition-delay:calc(var(--i,0) * 250ms)}
.ri-loops:not(.is-shown) *{animation-play-state:paused!important}
@media (prefers-reduced-motion:reduce){.ri-loops *{animation:none!important}}

@media (max-width:1199px){
  .ri-global-grid,.ri-cotton-grid{grid-template-columns:1fr}
  .ri-range{grid-template-columns:minmax(0,200px) minmax(0,1fr) minmax(0,180px)}
}
@media (max-width:991px){
  .ri-block-head,.ri-verdict-grid,.ri-verdict-visuals{grid-template-columns:1fr}
  .ri-better ol{grid-template-columns:1fr}
}
@media (max-width:767px){
  .ri-block{margin-top:56px}
  .ri-chart{padding:18px 16px}
  .ri-hbars li{grid-template-columns:minmax(0,1fr) 56px}
  .ri-hbar-label{grid-column:1/-1}
  .ri-pair{grid-template-columns:minmax(0,1fr) 56px}
  .ri-pair-place{grid-column:1/-1}
  .ri-labels{grid-template-columns:1fr}
  .ri-legend{grid-template-columns:1fr}
  .ri-chain-groups{font-size:.65rem}
  .ri-chain span{font-size:.7rem}
  .ri-range{grid-template-columns:1fr;gap:6px}
  .ri-range-values{grid-auto-flow:column;justify-content:start;gap:2px 16px}
  .ri-axis-row{margin-top:0}
  .ri-verdict{border-radius:18px}
}

/* Supplier spotlight (Tex2Tex®) */
.ri-spotlight{margin-top:24px;scroll-margin-top:96px;border-radius:20px;border:2px solid #9fd1bf;background:linear-gradient(180deg,#f2f9f5 0,#fff 70%);padding:clamp(20px,3vw,32px)}
.ri-spotlight-head{max-width:900px}
.ri-spotlight-head h4{margin:0 0 .5rem;font-size:clamp(1.2rem,2vw,1.5rem);font-weight:700;letter-spacing:-.02em;color:var(--ink)}
.ri-spotlight-head p{margin:0;color:#40585e;line-height:1.7}
.ri-spotlight-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:20px;margin-top:22px;align-items:start}
.ri-spotlight-facts{background:#fff;border:1px solid #dbe5e4;border-radius:18px;padding:22px}
.ri-spotlight-figure{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px}
.ri-spotlight-figure strong{font-size:3rem;line-height:1;font-weight:750;letter-spacing:-.04em;color:#2f7d57}
.ri-spotlight-figure span{max-width:230px;font-weight:650;line-height:1.35;color:var(--ink)}
.ri-spotlight-source{margin:10px 0 16px;font-size:.8rem;line-height:1.6;color:#52686b}
.ri-split{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:8px}
.ri-split li{display:grid;grid-template-columns:minmax(0,1fr) 90px 40px;gap:10px;align-items:center;font-size:.85rem;color:#27444b}
.ri-split .ri-track{height:12px}
.ri-split .ri-track span{background:#6fbf9f}
.ri-split b{text-align:right;font-variant-numeric:tabular-nums}
.ri-spotlight-facts dl{margin:0;display:grid;gap:10px;border-top:1px solid #e3ebec;padding-top:14px}
.ri-spotlight-facts dt{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--teal)}
.ri-spotlight-facts dd{margin:0;font-size:.88rem;line-height:1.6;color:#27444b}
.ri-hbars .is-tex2tex{padding:8px 10px;margin:0 -10px;border-radius:10px;background:#e6f4ec}
.ri-hbars .is-tex2tex .ri-track span{background:#2f9f7f}
.ri-hbars .is-tex2tex b,.ri-hbars .is-tex2tex .ri-hbar-value{color:#1f6f50}
.ri-hbars .is-bottle .ri-track span{background:#6fa8d6}
.ri-hbars .is-chemical .ri-track span{background:#9b9cc9}
.ri-hbars .is-virgin .ri-track span{background:#e8a06a}
.ri-stats{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.ri-stats li{border-radius:12px;background:#f3f6f5;padding:10px}
.ri-stats strong{display:block;font-size:1.25rem;font-weight:750;letter-spacing:-.02em;color:#2f7d57}
.ri-stats span{display:block;font-size:.74rem;font-weight:650;line-height:1.35;color:var(--ink)}
.ri-stats small{display:block;margin-top:2px;font-size:.7rem;color:#6b7f82}
@media (max-width:1199px){.ri-spotlight-grid{grid-template-columns:1fr}.ri-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:575px){.ri-stats{grid-template-columns:1fr 1fr}}