/** Shopify CDN: Minification failed

Line 1459:0 Unexpected "}"

**/

@font-face{font-family:"Mont";font-weight:300;font-style:normal;font-display:swap;src:url(mont-light.woff2) format("woff2")}
@font-face{font-family:"Mont";font-weight:400;font-style:normal;font-display:swap;src:url(mont-regular.woff2) format("woff2")}
@font-face{font-family:"Mont";font-weight:600;font-style:normal;font-display:swap;src:url(mont-semibold.woff2) format("woff2")}
@font-face{font-family:"Mont";font-weight:700;font-style:normal;font-display:swap;src:url(mont-bold.woff2) format("woff2")}
@font-face{font-family:"Mont";font-weight:800;font-style:normal;font-display:swap;src:url(mont-heavy.woff2) format("woff2")}
@font-face{font-family:"Mont";font-weight:900;font-style:normal;font-display:swap;src:url(mont-black.woff2) format("woff2")}

/* Layout: chemipower.com system in Carnosport dress. Tonal-grey page, centred 1120px column,
   off-black full-width panels, black-and-white event photography, turquoise only as the solution mark. */
:root{
  --ink:#0B0B0B;      /* Off Black */
  --paper:#F6F6F6;    /* Tonal Grey */
  --white:#FFFFFF;    /* Pure White */
  --turq:#0CBABA;     /* Carnosport Turquoise, the only colour */
  --g1:#141414;       /* card on black */
  --g2:#262626;       /* border on black */
  --g5:#4E4E4E;       /* secondary text on grey, darkened for legibility */
  --g6:#9A9A9A;       /* secondary text on black, two-tone headline grey */
  --g8:#E2E2E2;       /* hairlines on grey */
  --display:"Mont","Montserrat",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --body:"Montserrat",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --max:1120px;
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.6 var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
p{margin:0}
h1,h2,h3{margin:0;font-family:var(--display);font-weight:700;letter-spacing:-.045em;line-height:1.02;text-wrap:balance}
h1{font-size:clamp(48px,6.6vw,96px)}
h2{font-size:clamp(34px,4.2vw,56px)}
h3{font-size:clamp(22px,2vw,28px);letter-spacing:-.035em;line-height:1.1}
.soft{color:var(--g6)}
.dot{color:var(--turq)}
.wrap{max-width:var(--max);margin:0 auto;padding-inline:clamp(16px,4vw,40px)}
section{padding-block:clamp(80px,10vw,140px)}

/* eyebrow: "01 The gel ——" */
.eyebrow{display:inline-flex;align-items:center;gap:10px;font:600 13px/1 var(--body);color:var(--ink)}
.eyebrow b{color:var(--turq);font-weight:600;font-variant-numeric:tabular-nums}
.eyebrow::after{content:"";width:28px;height:1px;background:var(--turq)}
.on-dark .eyebrow{color:var(--white)}
.small{font-size:17px;line-height:1.55;color:var(--g5);max-width:40ch}
.on-dark .small{color:var(--g6)}
.lede{font-size:18px;color:var(--g5);max-width:52ch}
.head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px 48px;flex-wrap:wrap;margin-bottom:clamp(36px,4vw,56px)}
.head > div{display:grid;gap:22px;min-width:0;max-width:640px}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:12px;padding:6px 6px 6px 20px;border-radius:999px;font:600 14px/1 var(--body);background:var(--ink);color:var(--white);border:0;cursor:pointer;white-space:nowrap}
.btn .arr{width:32px;height:32px;border-radius:50%;background:var(--turq);color:var(--ink);display:grid;place-items:center;transition:transform .3s ease}
.btn:hover .arr{transform:translateX(3px)}
.btn.light{background:var(--white);color:var(--ink)}
.btn.line{background:transparent;color:var(--white);box-shadow:inset 0 0 0 1px rgba(255,255,255,.5);padding:14px 20px}
.arr svg{width:14px;height:14px}
.btn:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--turq);outline-offset:3px}

/* ticker */
.ticker{background:var(--ink);color:#DADADA;overflow:hidden;white-space:nowrap;font:600 11px/1 var(--body);letter-spacing:.14em;text-transform:uppercase}
.ticker .track{display:inline-flex;padding:10px 0;animation:tick 53s linear infinite}
.ticker span{display:inline-flex;align-items:center;gap:14px;padding-right:14px}
.ticker span::after{content:"";width:4px;height:4px;border-radius:50%;background:var(--turq)}
@keyframes tick{to{transform:translateX(-50%)}}

/* nav */
nav.main{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background:rgba(11,11,11,.72);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);border-bottom:1px solid rgba(255,255,255,.08)}
nav.main .wrap{max-width:1280px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;height:64px}
.logo img{height:26px;width:auto}
.links{display:flex;gap:30px;font:500 13px/1 var(--body);color:#BDBDBD}
.links a:hover{color:var(--white)}
.nav-r{display:flex;justify-content:flex-end;align-items:center;gap:10px}
.cart{position:relative;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:var(--white)}
.cart em{position:absolute;top:3px;right:1px;min-width:16px;height:16px;border-radius:8px;background:var(--turq);color:var(--ink);font:700 10px/16px var(--body);font-style:normal;text-align:center}
nav .btn{padding:5px 5px 5px 16px;font-size:13px}
nav .btn .arr{width:28px;height:28px}

/* hero: full-bleed background photograph */
.hero{position:relative;isolation:isolate;color:var(--white);min-height:clamp(620px,90vh,880px);display:grid;margin-top:-64px;padding-top:64px;background:var(--ink)}
.hero > img,.hero > picture > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 50%;z-index:-2}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(11,11,11,.72) 0%,rgba(11,11,11,.25) 42%,rgba(11,11,11,0) 62%),linear-gradient(180deg,rgba(11,11,11,.0) 55%,rgba(11,11,11,.7) 100%)}
.hero .wrap{max-width:1280px;width:100%;display:grid;grid-template-rows:1fr auto;padding-block:clamp(64px,9vw,120px) clamp(32px,4vw,48px)}
.hero h1{max-width:8.6ch;align-self:start}
.hero-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap}
.hero-copy{display:grid;gap:22px;max-width:420px}
.hero-copy p{font-size:16px;color:#D9D9D9}
.actions{display:flex;flex-wrap:wrap;gap:10px}
.glass{background:rgba(255,255,255,.1);backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);border:1px solid rgba(255,255,255,.18)}
.proof{border-radius:20px;display:grid;grid-template-columns:repeat(3,auto);min-width:0}
.proof div{padding:18px 26px;display:grid;gap:6px;border-left:1px solid rgba(255,255,255,.14)}
.proof div:first-child{border:0}
.proof b{font:300 clamp(30px,3vw,40px)/1 var(--display);letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.proof b i{font-style:normal;color:var(--turq);font-weight:600;font-size:.6em;margin-left:2px}
.proof span{font-size:13px;color:#D4D4D4}

/* logo carousel */
.logos{overflow:hidden;padding-block:30px;border-bottom:1px solid var(--g8);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.logos .track{display:inline-flex;align-items:center;gap:72px;white-space:nowrap;animation:tick 40s linear infinite}
.logos:hover .track{animation-play-state:paused}
.lg{color:#8F8F8F;line-height:1;transition:color .3s ease}
.lg:hover{color:var(--ink)}
.lg.im{font:800 italic 24px/1 var(--display);letter-spacing:-.02em}
.lg.ut{font:600 19px/1.05 Georgia,"Times New Roman",serif;letter-spacing:.01em;text-align:left}
.lg.ut small{display:block;font:500 10px/1.2 var(--body);letter-spacing:.2em;text-transform:uppercase}
.lg.po{font:700 18px/1 var(--display);letter-spacing:.42em}
.lg.rg{font:700 20px/1 var(--display);letter-spacing:-.02em}
.lg.rg em{font-style:normal;font-weight:300}
.lg.ps{font:800 21px/1 var(--display);letter-spacing:-.04em;text-transform:lowercase}
.lg.dk{font:600 13px/1.1 var(--body);letter-spacing:.18em;text-transform:uppercase}
/* names row, the "home of" line */
.names{display:flex;align-items:center;justify-content:space-between;gap:16px 32px;flex-wrap:wrap;padding-block:28px;border-bottom:1px solid var(--g8)}
.names small{font-size:12px;color:var(--g5)}
.names ul{display:flex;flex-wrap:wrap;gap:12px 36px;margin:0;padding:0;list-style:none;font:700 13px/1 var(--display);letter-spacing:.14em;text-transform:uppercase;color:#3C3C3C}

/* 01 product */
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:center}
.photo{position:relative;border-radius:16px;overflow:hidden;background:var(--g1)}
.photo img{width:100%;height:100%;object-fit:cover}
.photo .cap{position:absolute;left:18px;bottom:16px;right:18px;color:var(--white);font:600 16px/1.3 var(--body)}
.photo .cap span{display:block;margin-top:3px;font-weight:400;font-size:14px;color:#DADADA}
.photo .pill{position:absolute;top:14px;left:14px;padding:7px 12px;border-radius:999px;background:var(--ink);color:var(--white);font:600 11px/1 var(--body);display:inline-flex;gap:8px;align-items:center}
.photo .pill::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--turq)}
.bw img{filter:grayscale(1) contrast(1.05)}
.prod-media{display:grid;gap:12px}
.prod-media .a{aspect-ratio:4/5;max-width:100%}
.prod-copy{display:grid;gap:26px}
.tags{display:flex;flex-wrap:wrap;gap:6px}
.tag{font:600 13px/1 var(--body);padding:7px 12px;border-radius:999px;box-shadow:inset 0 0 0 1px #CFCFCF;color:#2E2E2E}
.tag.k{background:var(--ink);color:var(--white);box-shadow:none}
.big4{display:flex;align-items:flex-start;gap:12px;padding-block:6px 4px;border-top:1px solid var(--g8);padding-top:24px}
.big4 b{font:300 clamp(64px,7vw,92px)/.9 var(--display);letter-spacing:-.06em}
.big4 b i{font-style:normal;color:var(--turq);font-weight:600}
.big4 span{font-size:15px;color:var(--g5);padding-top:12px;max-width:18ch}
.benefits{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--g8)}
.benefits div{padding:16px 0;border-bottom:1px solid var(--g8);display:flex;gap:12px;align-items:center;font:600 15px/1.3 var(--display);letter-spacing:-.015em}
.benefits div:nth-child(odd){padding-right:16px}
.benefits div::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--turq)}

.g-top{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px 56px;align-items:end;margin-bottom:clamp(36px,4vw,56px)}
.g-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(28px,4vw,56px);align-items:stretch}
.g-photo{min-height:560px}
.does{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:clamp(36px,4vw,56px)}
.does .d{background:var(--white);border-radius:16px;padding:24px 22px 26px;display:grid;gap:34px;align-content:space-between;min-height:180px}
.does .i{width:56px;height:56px;border-radius:16px;background:var(--ink);display:grid;place-items:center;box-shadow:0 8px 20px rgba(11,11,11,.12)}
.does b{font:700 clamp(20px,1.9vw,25px)/1.12 var(--display);letter-spacing:-.035em}
.g-list{display:grid;align-content:start;border-top:1px solid var(--ink)}
.feat{display:grid;grid-template-columns:56px minmax(0,1fr);gap:20px;align-items:start;padding:24px 0;border-bottom:1px solid var(--g8)}
.feat .ico{width:56px;height:56px;border-radius:14px;background:var(--white);display:grid;place-items:center;box-shadow:0 1px 3px rgba(11,11,11,.06)}
.feat .lab{display:block;font:600 11px/1 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--g5)}
.feat h3{font-size:20px;margin:9px 0 6px}
.feat p{font-size:16px;color:var(--g5)}
.acts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.act{background:var(--white);border-radius:16px;overflow:hidden;display:grid;grid-template-rows:auto 1fr;transition:transform .3s ease}
.act:hover{transform:translateY(-3px)}
.act .vis{aspect-ratio:4/5;max-width:100%;overflow:hidden;background:var(--g1)}
.act .vis img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.06);transition:transform .6s ease}
.act:hover .vis img{transform:scale(1.04)}
.act .tx{padding:20px 20px 22px;display:grid;gap:8px;align-content:start}
.act h3{font-size:22px}
.act p{font-size:15px;color:var(--g5)}
.act .go{margin-top:8px;display:inline-flex;align-items:center;gap:8px;font:600 14px/1 var(--body)}
.act .go svg{width:14px;height:14px;color:var(--turq)}
/* 02 testimonials */
.pair{display:grid;grid-template-columns:1.35fr 1fr;gap:12px}
.qcard{border-radius:16px;padding:clamp(28px,3.4vw,40px);display:grid;gap:36px;align-content:space-between;min-height:320px}
.qcard.dark{background:var(--ink);color:var(--white)}
.qcard.light{background:var(--white)}
.qmark{font:800 56px/.6 var(--display);color:var(--turq);height:28px}
.qcard blockquote{margin:0;font:700 clamp(22px,2.3vw,30px)/1.18 var(--display);letter-spacing:-.035em}
.qcard.light blockquote{font-size:clamp(20px,1.9vw,24px)}
.who{display:flex;align-items:center;gap:12px}
.who .av{flex:none;width:40px;height:40px;border-radius:50%;background:#2A2A2A;display:grid;place-items:center;font:700 13px/1 var(--display);color:var(--white);letter-spacing:.02em}
.qcard.light .who .av{background:var(--ink)}
.who b{display:block;font:700 14px/1.2 var(--display);letter-spacing:-.01em}
.who span{font-size:14px;color:var(--g6)}
.qcard.light .who span,.q .who span{color:var(--g5)}
.comeback{margin-top:12px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-radius:16px;overflow:hidden;background:var(--ink);color:var(--white)}
.comeback .txt{padding:clamp(28px,4vw,48px);display:grid;gap:22px;align-content:center}
.comeback .lab{display:inline-flex;gap:8px;align-items:center;font:600 14px/1 var(--body);color:#DADADA}
.comeback .lab::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--turq)}
.comeback h3{font-size:clamp(28px,3vw,40px);letter-spacing:-.045em;line-height:1.04}
.comeback p.s{font-size:16px;color:#B5B5B5;max-width:46ch}
.comeback blockquote{margin:0;font:700 clamp(18px,1.6vw,21px)/1.3 var(--display);letter-spacing:-.025em}
.comeback blockquote small{display:block;margin-top:8px;font:400 15px/1.5 var(--body);color:#B5B5B5;letter-spacing:0}
.nums{display:flex;gap:32px;padding-top:20px;border-top:1px solid var(--g2)}
.nums b{display:block;font:300 34px/1 var(--display);letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.nums span{font-size:14px;color:#B5B5B5}
.comeback .pics{display:grid;grid-template-columns:1fr 1fr;min-height:440px}
.comeback figure{margin:0;position:relative;overflow:hidden}
.comeback figure img{width:100%;height:100%;object-fit:cover}
.comeback figure.b img{filter:grayscale(1) contrast(1.05) brightness(.85)}
.comeback figcaption{position:absolute;left:12px;bottom:12px;padding:7px 11px;border-radius:999px;font:600 13px/1 var(--body);color:var(--white)}
.quotes{margin-top:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.q{background:var(--white);border-radius:16px;padding:24px;display:grid;gap:22px;align-content:space-between}
.q p{font:600 16px/1.38 var(--display);letter-spacing:-.02em}

.t-panel{background:var(--white);border-radius:24px;padding:clamp(24px,4vw,48px)}
.t-panel .qcard.light,.t-panel .q{background:var(--paper)}
.t-panel .qcard{min-height:260px}
.t-panel .comeback .pics{min-height:380px}
.t-panel .quotes{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:minmax(250px,calc((100% - 30px)/3.4));overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-width:thin}
.t-panel .quotes .q{scroll-snap-align:start;min-height:170px}
.scrollhint{display:flex;justify-content:flex-end;gap:8px;margin-top:10px;font-size:14px;color:var(--g5)}
.scrollhint svg{width:14px;height:14px;align-self:center;flex:none}
/* 03 track record (team) */
.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--g8);border-bottom:1px solid var(--g8);margin-bottom:32px}
.stats div{padding:24px 0 22px;display:grid;gap:8px}
.stats div + div{padding-left:24px;border-left:1px solid var(--g8)}
.stats b{font:700 clamp(48px,5.4vw,72px)/1 var(--display);letter-spacing:-.055em;font-variant-numeric:tabular-nums}
.stats b i{font-style:normal;color:var(--turq);font-weight:700;font-size:.55em}
.stats span{font:600 14px/1.35 var(--display);letter-spacing:-.01em;color:#2E2E2E}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.grid3 .photo{aspect-ratio:1/0.86;max-width:100%}
.grid3 .photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 50%,rgba(0,0,0,.72) 100%)}
.grid3 .photo .cap{z-index:1}
.grid3 .typo{background:var(--white);border-radius:16px;padding:24px;display:grid;align-content:space-between;gap:16px}
.grid3 .typo b{font:300 64px/1 var(--display);letter-spacing:-.05em}
.grid3 .typo h3{font-size:22px}
.grid3 .typo p{font-size:13px;color:var(--g5);margin-top:8px}
.ironman{grid-column:span 2;aspect-ratio:auto!important;min-height:280px}
.ironman .ttl{position:absolute;left:24px;bottom:22px;right:24px;z-index:1;color:var(--white);display:grid;gap:10px}
.ironman .ttl h3{font-size:clamp(26px,3vw,38px)}
.ironman .ttl span{font-size:15px;color:#DADADA}
.ironman .note{position:absolute;top:16px;right:16px;z-index:1;font:600 10px/1.3 var(--body);letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.45);text-align:right;max-width:24ch}

/* panels */
.panel{background:var(--ink);color:var(--white);border-radius:24px;margin-inline:clamp(6px,.8vw,12px);position:relative;overflow:hidden}
.panel h2{color:var(--white)}
.panel .soft{color:#6F6F6F}

/* 04 science */
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.sc{background:var(--g1);border:1px solid var(--g2);border-radius:16px;overflow:hidden;display:grid}
.sc .vis{height:180px;overflow:hidden;border-bottom:1px solid var(--g2);background:#1A1A1A}
.sc .vis img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.08)}
.sc .tx{padding:22px;display:grid;gap:8px}
.sc .n{font:300 40px/1 var(--display);letter-spacing:-.04em}
.sc .k{font:600 12px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--turq);margin-top:12px}
.sc h3{font-size:22px}
.sc p{font-size:15px;color:#B5B5B5}
.skin{margin-top:10px;border-radius:16px;padding:22px 26px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;background:var(--g1);border:1px solid var(--g2)}
.skin p{font:700 clamp(17px,1.6vw,20px)/1.35 var(--display);letter-spacing:-.025em;max-width:46ch}
.fine{margin-top:26px;font-size:16px;line-height:1.55;color:#B5B5B5;max-width:62ch}

/* 05 story */
.story-panel{position:relative;overflow:hidden;border-radius:24px;margin-inline:clamp(6px,.8vw,12px);min-height:clamp(560px,70vh,720px);display:grid;align-items:center;isolation:isolate;background:var(--paper)}
.story-panel > img{position:absolute;top:0;bottom:0;left:0;width:66%;height:100%;object-fit:cover;object-position:46% 45%;filter:grayscale(1) contrast(1.02) brightness(1.06);z-index:-2}
.story-panel::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(270deg,rgba(246,246,246,1) 0%,rgba(246,246,246,1) 36%,rgba(246,246,246,.75) 44%,rgba(246,246,246,0) 58%)}
.story-panel .wrap{width:100%;display:grid;grid-template-columns:1fr 1fr;padding-block:clamp(64px,8vw,104px)}
.story-panel .story-copy{grid-column:2}
.story-panel .credit{position:absolute;left:20px;bottom:18px;padding:9px 13px;border-radius:999px;background:var(--ink);font:600 13px/1 var(--body);color:var(--white);display:inline-flex;gap:8px;align-items:center}
.story-panel .credit::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--turq)}
.story .photo{aspect-ratio:4/5;max-width:100%}
.story-copy{display:grid;gap:26px}
.story-copy h2{font-size:clamp(28px,3vw,40px);letter-spacing:-.04em;line-height:1.1}
.story-copy p{font-size:15px;color:#3A3A3A;max-width:48ch}
.sign{display:flex;gap:12px;align-items:center;padding-top:20px;border-top:1px solid var(--g8)}
.sign b{display:block;font:700 15px/1.2 var(--display)}
.sign span{font-size:14px;color:var(--g5)}

/* 06 how to */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.step{background:var(--white);border-radius:16px;padding:26px;display:grid;gap:48px;align-content:space-between;min-height:250px}
.step .n{font:300 clamp(80px,8.5vw,120px)/.85 var(--display);letter-spacing:-.07em}
.step .n i{font-style:normal;color:var(--turq)}
.step h3{font-size:22px}
.step p{font-size:15px;color:var(--g5);margin-top:8px}
.standards{margin-top:24px;display:flex;justify-content:space-between;align-items:center;gap:14px 24px;flex-wrap:wrap}
.standards .last{font:700 14px/1.3 var(--display);letter-spacing:-.01em}

.howto .step{background:var(--g1);border:1px solid var(--g2);padding:0;gap:0;overflow:hidden;grid-template-rows:auto auto 1fr;align-content:start}
.howto .step .vis{aspect-ratio:16/10;max-width:100%;overflow:hidden;border-bottom:1px solid var(--g2)}
.howto .step .vis img{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}
.howto .step > .n{padding:26px 24px 0;font-size:clamp(64px,6.5vw,96px)}
.howto .step > div:last-child{padding:28px 24px 26px}
.howto .step h3{color:var(--white)}
.howto .step p{color:var(--g6)}
.howto .tag{box-shadow:inset 0 0 0 1px #3A3A3A;color:#D6D6D6}
.howto .tag.k{background:var(--white);color:var(--ink);box-shadow:none}
/* 07 reviews */
.rv-top{display:grid;grid-template-columns:auto 1fr;gap:clamp(24px,5vw,64px);align-items:end;margin-bottom:36px}
.score{font:300 clamp(130px,17vw,230px)/.8 var(--display);letter-spacing:-.075em}
.score i{font-style:normal;color:var(--turq);font-weight:600;font-size:.3em;letter-spacing:-.02em}
.stars{display:flex;gap:4px;color:var(--turq);margin-bottom:18px}
.stars svg{width:22px;height:22px}
.revs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.rv{background:var(--white);border-radius:16px;padding:22px;display:grid;gap:18px;align-content:space-between;min-height:190px}
.rv .top{display:flex;justify-content:space-between;align-items:center}
.rv .sport{font:600 11px/1 var(--body);letter-spacing:.12em;text-transform:uppercase}
.rv .stars{margin:0}
.rv .stars svg{width:12px;height:12px}
.rv .lines{display:grid;gap:8px}
.rv .lines i{display:block;height:9px;border-radius:5px;background:#EDEDED}
.rv .lines i:nth-child(2){width:88%}
.rv .lines i:nth-child(3){width:62%}
.rv .src{font-size:12px;color:var(--g5)}
.pending{margin-top:14px;font-size:12px;color:var(--g5)}

/* 08 offer */
.offers{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.of{border-radius:16px;padding:26px;display:grid;gap:30px;align-content:space-between;background:var(--g1);border:1px solid var(--g2)}
.of .k{font:600 12px/1 var(--body);color:var(--g6)}
.of .price{font:300 clamp(54px,5.4vw,72px)/1 var(--display);letter-spacing:-.06em;font-variant-numeric:tabular-nums}
.of .sub{font:700 clamp(28px,2.8vw,36px)/1.05 var(--display);letter-spacing:-.04em}
.of .note{font-size:13px;color:var(--g6)}
.of.best{background:var(--white);color:var(--ink);border-color:var(--white)}
.of.best .k,.of.best .note{color:var(--g5)}
.badge{justify-self:start;display:inline-flex;gap:8px;align-items:center;padding:7px 12px;border-radius:999px;background:var(--ink);color:var(--white);font:600 11px/1 var(--body)}
.badge::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--turq)}
.of-foot{margin-top:20px;display:flex;gap:10px 26px;flex-wrap:wrap;font-size:12px;color:var(--g6)}
.of-foot span{display:inline-flex;gap:8px;align-items:center}
.of-foot span::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--turq)}

/* 09 faq + close */
.faq{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(28px,5vw,64px);align-items:start}
details{border-top:1px solid var(--g8)}
details:last-child{border-bottom:1px solid var(--g8)}
summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font:700 17px/1.3 var(--display);letter-spacing:-.02em}
summary::-webkit-details-marker{display:none}
summary .pm{flex:none;width:30px;height:30px;border-radius:50%;box-shadow:inset 0 0 0 1px #CFCFCF;display:grid;place-items:center;font:400 18px/1 var(--body);transition:transform .3s ease}
details[open] summary .pm{transform:rotate(45deg);background:var(--turq);box-shadow:none}
details p{padding:0 48px 22px 0;font-size:16px;color:var(--g5);max-width:56ch}
.close{display:grid;gap:32px;justify-items:start;margin-top:clamp(80px,10vw,140px)}
.close h2{font-size:clamp(48px,8vw,116px);letter-spacing:-.06em;line-height:.95}

/* footer */
footer{background:var(--ink);color:#CFCFCF;margin-top:clamp(80px,10vw,140px);padding-block:64px 36px;border-radius:24px 24px 0 0}
.foot{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.6fr;gap:40px}
.foot .logo img{height:30px}
.foot h4{margin:0 0 16px;font:600 13px/1 var(--body);color:#9A9A9A}
.foot a{display:block;margin-bottom:10px;font-size:15px}
.foot a:hover{color:var(--turq)}
.foot p{font-size:14px;color:#A5A5A5;line-height:1.6}
.footlogo{display:block;width:100%;height:auto;margin-top:72px;opacity:.96}
.legal{margin-top:40px;padding-top:22px;border-top:1px solid #1F1F1F;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:#9A9A9A}
.legal b{color:#CFCFCF;font-weight:600}

.buybar{position:fixed;left:0;right:0;bottom:0;z-index:50;display:none;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));background:rgba(11,11,11,.82);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.buybar .btn{width:100%;justify-content:space-between;background:var(--white);color:var(--ink)}


/* sports carousel (dark) */
.sports{position:relative}
.sp-track{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(232px,23vw,272px);gap:10px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px;cursor:grab;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 3%,#000 88%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 3%,#000 88%,transparent 100%)}
.sp-track::-webkit-scrollbar{display:none}
.sp-track.drag{cursor:grabbing;scroll-snap-type:none}
.sp-track.drag a{pointer-events:none}
.on-dark .act{background:var(--g1);color:var(--white);scroll-snap-align:start}
.on-dark .act h3{color:var(--white)}
.on-dark .act p{color:var(--g6)}
.on-dark .act .go{color:var(--white)}
.act .vis.ph{position:relative;background:radial-gradient(120% 90% at 70% 10%,#2A2A2A 0%,#161616 60%,#121212 100%);display:grid;place-items:end start;padding:18px}
.act .vis.ph b{font:700 clamp(40px,4vw,54px)/.9 var(--display);letter-spacing:-.06em;color:rgba(255,255,255,.07);word-break:break-word}
.act .vis.ph::before{content:"Photo to come";position:absolute;top:16px;left:16px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);font:600 10px/1 var(--body);letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.45)}
.sp-nav{display:flex;gap:8px;align-items:center}
.sp-nav button{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:transparent;color:var(--white);display:grid;place-items:center;cursor:pointer;transition:background .2s,border-color .2s}
.sp-nav button:hover{background:var(--turq);border-color:var(--turq);color:var(--ink)}
.sp-nav button svg{width:16px;height:16px}
.sp-nav .prev svg{transform:rotate(180deg)}
.sp-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:22px}
.sp-foot .count{font:600 12px/1 var(--body);color:var(--g6);letter-spacing:.04em}
.sp-foot .count b{color:var(--white)}
/* testimonial photos */
.qcard.pic{grid-template-columns:minmax(0,1fr) 38%;padding:0;gap:0;overflow:hidden;align-content:stretch;align-items:stretch}
.qcard.pic .qt{padding:clamp(28px,3.4vw,40px);display:grid;gap:30px;align-content:space-between}
.qcard.pic figure{margin:0;position:relative;min-height:260px}
.qcard.pic figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05)}
.who img.av{object-fit:cover;filter:grayscale(1);padding:0}
.q .qp{margin:-24px -24px 0;aspect-ratio:5/4;overflow:hidden;border-radius:16px 16px 0 0;background:var(--g8)}
.q .qp img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.04);transition:transform .6s ease}
.q:hover .qp img{transform:scale(1.04)}
.t-panel .quotes .q{gap:18px;align-content:start}
.t-panel .quotes .q .who{margin-top:auto}
.grid3 .photo.cz{aspect-ratio:auto}
.grid3 .photo.cz img{object-position:50% 30%;position:absolute;inset:0}
.ironman{min-height:clamp(300px,32vw,440px)!important}
.ironman > img{position:absolute;inset:0}
.ironman::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,0,0,.75) 100%)}
@media (max-width:820px){
  .qcard.pic{grid-template-columns:1fr}
  .qcard.pic figure{min-height:300px;order:-1}
  .sp-track{grid-auto-columns:64%}
  .grid3 .photo.cz{aspect-ratio:1/0.86}
}
@media (max-width:560px){.sp-track{grid-auto-columns:78%}.sp-nav{display:none}}


/* shop product shots */
.of{position:relative;overflow:hidden}
.of .shot{margin:-26px -26px 0;height:clamp(220px,22vw,280px);display:grid;place-items:center;background:radial-gradient(60% 70% at 50% 60%,rgba(12,186,186,.16) 0%,rgba(12,186,186,0) 70%)}
.of .shot img{max-height:clamp(190px,19vw,240px);max-width:78%;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 24px 30px rgba(0,0,0,.45));transition:transform .5s ease}
.of:hover .shot img{transform:translateY(-4px) scale(1.02)}
.of.best .shot{background:radial-gradient(60% 70% at 50% 60%,rgba(12,186,186,.18) 0%,rgba(12,186,186,0) 70%)}
.of.best .shot img{filter:drop-shadow(0 22px 26px rgba(11,11,11,.22))}
.of .badge{position:absolute;top:18px;left:18px;z-index:1}
/* real reviews */
.rv .top{gap:12px}
.rv .date{font-size:13px;color:var(--g5)}
.rv blockquote{margin:0;font:600 clamp(17px,1.5vw,19px)/1.38 var(--display);letter-spacing:-.02em}
.rv .by{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px}
.rv .by b{font:700 14px/1.2 var(--display)}
.rv .by .ver{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--g5)}
.rv .by .ver::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--turq)}
.rv .stars svg.off{opacity:.2}
.rv.wide{grid-column:span 2}


/* what you'll notice: timeline */
.nb{background:var(--white);border-radius:24px;padding:clamp(28px,4vw,52px);margin-bottom:clamp(40px,5vw,64px)}
.nb-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px 32px;flex-wrap:wrap;margin-bottom:clamp(32px,4vw,48px)}
.nb-head h3{font-size:clamp(26px,2.6vw,34px)}
.nb-head span{font-size:16px;color:var(--g5)}
.tl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 clamp(16px,2.4vw,32px);position:relative}
.tl::before{content:"";position:absolute;left:18px;right:18px;top:18px;height:2px;background:linear-gradient(90deg,var(--turq),rgba(12,186,186,.25))}
.tl li{position:relative;display:grid;gap:14px;align-content:start}
.tl .dotn{position:relative;z-index:1;width:38px;height:38px;border-radius:50%;background:var(--ink);color:var(--white);display:grid;place-items:center;font:700 13px/1 var(--display);box-shadow:0 0 0 6px var(--white)}
.tl .when{margin-top:10px;font:700 12px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--turq)}
.tl .i{display:none}
.tl b{font:800 clamp(22px,2.1vw,28px)/1.08 var(--display);letter-spacing:-.04em}
.tl p{font-size:16px;line-height:1.5;color:var(--g5)}
@media (max-width:820px){
  .tl{grid-template-columns:1fr;gap:28px}
  .tl::before{left:18px;right:auto;top:18px;bottom:18px;width:2px;height:auto;background:linear-gradient(180deg,var(--turq),rgba(12,186,186,.25))}
  .tl li{padding-left:58px;gap:8px}
  .tl .dotn{position:absolute;left:0;top:0}
  .tl .when{margin-top:12px}
}
/* sports card: hope + muscles */
.act .hope{font:700 18px/1.25 var(--display);letter-spacing:-.02em;color:var(--white)!important}
.act .apply{display:grid;gap:8px;margin-top:4px}
.act .apply > span{font:600 11px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--turq)}
.mus{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.mus li{padding:7px 11px;border-radius:999px;box-shadow:inset 0 0 0 1px #343434;font:600 13px/1 var(--body);color:#E4E4E4}
.sp-foot{justify-content:flex-end}
/* shop, selling */
.btn.turq{background:var(--turq);color:var(--ink)}
.btn.turq .arr{background:var(--ink);color:var(--turq)}
.offers{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr) minmax(0,1fr);align-items:stretch;gap:14px}
.of{gap:22px;align-content:stretch;grid-template-rows:auto 1fr auto}
.of > .btn{align-self:end}
.of > .btn{justify-self:stretch;justify-content:space-between;padding:8px 8px 8px 22px;font-size:15px}
.of-body{display:grid;gap:14px;align-content:start}
.of .k{font:700 13px/1 var(--body);letter-spacing:.14em;text-transform:uppercase}
.of .price s{font:400 .38em/1 var(--body);letter-spacing:0;color:var(--g5);margin-left:6px;vertical-align:.9em}
.ticks{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:10px}
.ticks li{display:flex;gap:10px;align-items:center;font-size:15px;color:#D6D6D6}
.ticks svg{flex:none;width:20px;height:20px;padding:3px;border-radius:50%;background:rgba(12,186,186,.16);color:var(--turq)}
.of.best{margin-block:-18px;padding:32px 30px;box-shadow:0 30px 80px rgba(12,186,186,.18),0 0 0 2px var(--turq)}
.of.best .ticks li{color:#2A2A2A}
.of.best .ticks svg{background:rgba(12,186,186,.18);color:#078F8F}
.of.best .shot{margin:-32px -30px 0}
.of.subs{border-color:rgba(12,186,186,.45)}
.of-tags{position:absolute;top:18px;left:18px;right:18px;z-index:1;display:flex;justify-content:space-between;gap:8px}
.of .badge{position:static}
.save{padding:7px 12px;border-radius:999px;background:var(--turq);color:var(--ink);font:700 12px/1 var(--body)}
.of-proof{margin-top:clamp(40px,5vw,64px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:14px}
.of-quote{margin:0;background:var(--g1);border:1px solid var(--g2);border-radius:16px;padding:24px;display:flex;gap:18px;align-items:center}
.of-quote img{flex:none;width:72px;height:72px;border-radius:50%;object-fit:cover;object-position:50% 20%;filter:grayscale(1)}
.of-quote blockquote{margin:0;font:700 19px/1.3 var(--display);letter-spacing:-.025em}
.of-quote figcaption{margin-top:10px;font:400 14px/1.4 var(--body);letter-spacing:0;color:var(--g6)}
.of-quote figcaption b{color:var(--white);font-weight:600}
.of-trust{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--g2);border:1px solid var(--g2);border-radius:16px;overflow:hidden}
.of-trust li{background:var(--ink);padding:18px 20px;display:grid;gap:4px}
.of-trust b{font:700 17px/1.2 var(--display);letter-spacing:-.02em;color:var(--white)}
.of-trust span{font-size:14px;color:var(--g6)}
.of-foot{font-size:14px}
@media (max-width:820px){
  .offers{grid-template-columns:1fr}
  .of.best{order:-1;margin-block:0 6px}
  .of-proof{grid-template-columns:1fr}
}
@media (max-width:560px){.of-trust{grid-template-columns:1fr}}
/* newsletter */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.nl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:28px 56px;align-items:center;padding-bottom:56px;margin-bottom:56px;border-bottom:1px solid #1F1F1F}
.nl .eyebrow{color:var(--white)}
.nl h3{margin-top:18px;font-size:clamp(28px,3vw,40px);color:var(--white)}
.nl h3 .soft{color:#6F6F6F}
.nl-copy p{margin-top:12px;font-size:16px;color:#A5A5A5;max-width:42ch}
.nl-form{display:grid;gap:12px}
.nl-row{display:flex;gap:8px;padding:6px;border-radius:999px;background:#161616;box-shadow:inset 0 0 0 1px #2A2A2A}
.nl-row:focus-within{box-shadow:inset 0 0 0 1px var(--turq)}
.nl-row input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:var(--white);font:400 16px/1 var(--body);padding:0 16px}
.nl-row input::placeholder{color:#7A7A7A}
.nl-form small{font-size:13px;color:#8A8A8A;padding-left:16px}
.nl-form small a{display:inline;margin:0;font-size:inherit;text-decoration:underline}
.nl-ok{font-size:15px;color:var(--turq);padding-left:16px}
.nl-err .nl-row{box-shadow:inset 0 0 0 1px #E5484D}
@media (max-width:820px){.nl{grid-template-columns:1fr}}
@media (max-width:420px){.nl-row{flex-direction:column;border-radius:20px;padding:8px}.nl-row input{padding:12px 12px}.nl-row .btn{justify-content:space-between}}


/* v13: readability + highlight */
.small strong,.lede strong{font-weight:600;color:var(--ink)}
.on-dark .small{color:#C4C4C4}
.on-dark .small strong{color:var(--white)}
.feat .lab{font-size:12px;color:var(--g5)}
.stats span{font-size:16px;color:var(--ink)}
.proof span{color:#E2E2E2}
.who span{color:var(--g5)}
.qcard.dark .who span{color:#C4C4C4}
.sc p{color:#C4C4C4}
.of .k,.of .note{color:#C4C4C4}
.of.best .k{color:var(--g5)}
.ticks li{font-size:16px;color:#E4E4E4}
.of.best .ticks li{color:var(--ink)}
.of-trust span,.of-quote figcaption{color:#C4C4C4}
.foot p{color:#B8B8B8}
.legal{color:#A8A8A8}
.nl-copy p{color:#BDBDBD}
.nl-form small{color:#A0A0A0}
.tl p{color:var(--g5)}
.t-cta{margin-top:28px;padding-top:24px;border-top:1px solid var(--g8);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.t-cta p{font:700 clamp(20px,2vw,26px)/1.15 var(--display);letter-spacing:-.035em}
.rv-more{margin-top:20px;display:flex;justify-content:center}
.btn.line-d{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px #BDBDBD}
/* v13: sport cards, rows aligned across cards */
.sp-track{grid-template-rows:repeat(5,auto)}
.on-dark .act{grid-row:span 5;display:grid;grid-template-rows:subgrid;row-gap:0;align-content:stretch}
.on-dark .act .tx{display:contents}
.on-dark .act h3{padding:22px 22px 0;font-size:22px}
.on-dark .act .hope{padding:8px 22px 0;font:700 17px/1.3 var(--display);letter-spacing:-.02em;color:#E8E8E8!important}
.on-dark .act .apply{padding:20px 22px 0;display:block;margin:0}
.act .apply .lab{display:block;margin-bottom:10px;font:600 11px/1 var(--body);letter-spacing:.16em;text-transform:uppercase;color:#8F8F8F}
.act .mus{list-style:none;margin:0;padding:0;display:block;counter-reset:m;border-top:1px solid #262626}
.act .mus li{counter-increment:m;display:flex;align-items:baseline;gap:12px;padding:10px 0;border-bottom:1px solid #262626;font:600 15px/1.2 var(--body);color:#F2F2F2;box-shadow:none;border-radius:0}
.act .mus li::before{content:counter(m,decimal-leading-zero);font:600 11px/1 var(--body);letter-spacing:.06em;color:var(--turq);min-width:16px}
.on-dark .act .go{padding:18px 22px 24px;margin:0;align-self:end}


/* tryout: photo behind "What you'll notice" */
.nb.nb-photo{position:relative;overflow:hidden;background:var(--ink);color:var(--white);isolation:isolate}
.nb-photo .nb-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 50%;z-index:-2;opacity:.9}
.nb-photo::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(11,11,11,.55) 0%,rgba(11,11,11,.78) 45%,rgba(11,11,11,.92) 100%)}
.nb-photo .nb-head h3{color:var(--white)}
.nb-photo .nb-head span{color:#D0D0D0}
.nb-photo .tl b{color:var(--white)}
.nb-photo .tl p{color:#CFCFCF}
.nb-photo .tl .dotn{background:var(--turq);color:var(--ink);box-shadow:0 0 0 6px rgba(11,11,11,.85)}
.nb-photo .tl::before{background:linear-gradient(90deg,var(--turq),rgba(12,186,186,.35))}


/* v18: compact lower block in 01 */
.g-compact{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}
.g-compact .g-photo{min-height:0;height:clamp(300px,30vw,400px)}
.g-side{display:grid;gap:28px;justify-items:start}
.g-facts{list-style:none;margin:0;padding:0;width:100%;border-top:1px solid var(--ink)}
.g-facts li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:18px;align-items:center;padding:18px 0;border-bottom:1px solid var(--g8)}
.g-facts .ico{width:48px;height:48px;border-radius:14px;background:var(--white);display:grid;place-items:center;box-shadow:0 1px 3px rgba(11,11,11,.06)}
.g-facts b{display:block;font:700 19px/1.2 var(--display);letter-spacing:-.025em}
.g-facts span:not(.ico){display:block;margin-top:4px;font-size:16px;color:var(--g5)}
@media (max-width:820px){.g-compact .g-photo{height:260px}.g-side{gap:22px}.g-facts li{padding:16px 0}}


/* v19: facts as one quiet row between the two dark panels */
.g-strip{display:grid;grid-template-columns:minmax(0,1fr) auto;justify-items:start;gap:24px 28px;align-items:center;padding:28px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--g8)}
.g-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:0}
.g-row li{border-bottom:0;padding:0 18px;border-left:1px solid var(--g8);grid-template-columns:44px minmax(0,1fr);gap:12px}
.g-row li:first-child{padding-left:0;border-left:0}
.g-row .ico{width:44px;height:44px}
.g-row b{font-size:17px}
.g-row span:not(.ico){font-size:15px}

/* v20: numbers row with the product breaking out of the panel above */
.g-stat{grid-template-columns:auto minmax(0,1fr) auto;gap:24px 36px;padding:0 0 32px;border-top:0;border-bottom:1px solid var(--g8);align-items:end}
.nb{position:relative;z-index:1}
.nb.nb-photo{padding-bottom:clamp(120px,11vw,150px)}
@media (max-width:820px){.nb.nb-photo{padding-bottom:84px}}
.g-prod{position:relative;z-index:2;margin-top:clamp(-150px,-11vw,-110px);margin-left:clamp(12px,2.4vw,36px);width:clamp(170px,17vw,230px)}
.g-prod img{width:100%;height:auto;filter:drop-shadow(0 26px 30px rgba(11,11,11,.28))}
.g-nums{list-style:none;margin:0;padding:28px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-self:center}
.g-nums li{padding:0 22px;border-left:1px solid var(--g8);display:grid;gap:8px;align-content:start}
.g-nums li:first-child{border-left:0;padding-left:0}
.g-nums b{font:300 clamp(40px,4vw,56px)/1 var(--display);letter-spacing:-.05em;font-variant-numeric:tabular-nums}
.g-nums b i{font-style:normal;font-weight:600;font-size:.36em;letter-spacing:0;color:var(--turq);margin-left:4px}
.g-nums span{font-size:15px;line-height:1.4;color:var(--g5);max-width:22ch}
.g-stat > .btn{align-self:center;margin-top:28px}

/* v21: centred bottle + one bold line (options B + C) */
.g-mix{display:grid;justify-items:center;text-align:center;padding-bottom:0}
.gm-prod{position:relative;z-index:2;margin-top:clamp(-170px,-12vw,-120px);width:clamp(190px,19vw,250px)}
.gm-prod img{width:100%;height:auto;filter:drop-shadow(0 28px 32px rgba(11,11,11,.3))}
.gm-line{margin-top:clamp(24px,3vw,36px);font:800 clamp(32px,4.8vw,68px)/1 var(--display);letter-spacing:-.055em;text-wrap:balance}
.gm-foot{margin-top:22px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px;font-size:16px;color:var(--g5)}
.gm-foot span{display:inline-flex;gap:10px;align-items:center}
.gm-foot span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--turq)}
.g-mix > .btn{margin-top:28px}
@media (max-width:820px){.gm-prod{margin-top:-70px;width:180px}.gm-foot{flex-direction:column;align-items:center;gap:10px}}


/* v22: option B row + headline style from the bold line */
h2{font-weight:800;letter-spacing:-.055em}
.nb-head h3{font-weight:800;letter-spacing:-.05em}
h2 .dot,h3 .dot{color:var(--turq)}
.g-center{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:24px 48px;align-items:center}
.gc-prod{position:relative;z-index:2;margin-top:clamp(-170px,-12vw,-120px);width:clamp(190px,19vw,250px)}
.gc-prod img{width:100%;height:auto;filter:drop-shadow(0 28px 32px rgba(11,11,11,.3))}
.g-center ul{list-style:none;margin:0;padding:0;display:grid;gap:24px}
.gc-side.l{text-align:right;justify-items:end}
.gc-side.r{display:grid;gap:24px;justify-items:start}
.g-center li{display:grid;gap:6px}
.g-center b{font:300 clamp(40px,4vw,56px)/1 var(--display);letter-spacing:-.05em}
.g-center b i{font-style:normal;font-weight:600;font-size:.36em;letter-spacing:0;color:var(--turq);margin-left:4px}
.g-center li span{font-size:16px;line-height:1.4;color:var(--g5);max-width:24ch}
@media (max-width:820px){
  .g-center{grid-template-columns:1fr;justify-items:center;text-align:center}
  .gc-prod{order:-1;margin-top:-70px;width:180px}
  .gc-side.l,.gc-side.r{text-align:center;justify-items:center}
  .g-center li span{margin-inline:auto}
}


/* v23: bolder numbers + bigger headlines */
@media (min-width:821px){.g-top{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}}
.g-top h2{font-size:clamp(40px,4.8vw,64px);text-wrap:nowrap}
@media (max-width:560px){.g-top h2{font-size:clamp(34px,9.4vw,42px)}}
.g-center li span{max-width:28ch}

.g-center b{font:800 clamp(52px,5.4vw,76px)/.95 var(--display);letter-spacing:-.06em}
.g-center b i{font-weight:700;font-size:.32em;margin-left:5px;letter-spacing:-.01em}
.g-center li{gap:10px}
.g-center li span{font-size:16px;color:var(--g5)}
.g-center li span strong{color:var(--ink);font-weight:700}
h2{font-size:clamp(40px,5.2vw,72px);line-height:.98}
.head > div{max-width:760px}
.close h2{font-size:clamp(52px,8.6vw,128px)}
@media (max-width:560px){h2{font-size:clamp(36px,10vw,44px)}}


/* v24: calmer numbers, mini line, hero in Carnosport text style */
.g-center b{font:600 clamp(48px,5vw,68px)/.95 var(--display);letter-spacing:-.055em}
.g-center b i{font-weight:600}
.gc-line{margin-top:clamp(36px,4vw,52px);text-align:center;font:800 clamp(24px,2.6vw,36px)/1.05 var(--display);letter-spacing:-.05em}
.gc-line .dot{color:var(--turq)}
h1{font-weight:800;letter-spacing:-.06em;line-height:.94}
.hero h1{font-size:clamp(56px,7.4vw,112px);max-width:9.2ch;margin-bottom:40px}
.hero .wrap{padding-top:clamp(48px,6vw,88px)}
.hero h1 .dot{color:var(--turq)}
@media (max-width:560px){.hero h1{font-size:clamp(48px,14vw,64px)}}


/* v25 */
.gc-line{margin-top:clamp(44px,5vw,72px);font-size:clamp(34px,4.6vw,64px);line-height:1;letter-spacing:-.055em;text-wrap:nowrap}
@media (max-width:420px){.gc-line{font-size:30px}}
.hero h1{font-size:clamp(52px,6.6vw,100px)}
.hero h1 .soft{color:#A6A6A6}
@media (max-width:560px){.hero h1{font-size:clamp(44px,12.5vw,56px)}}


/* v26: symmetric row, line then button */
.gc-side.r{display:grid;gap:24px;justify-items:start}
.gc-close{display:grid;justify-items:center;gap:clamp(24px,3vw,32px);margin-top:clamp(40px,5vw,64px)}
.gc-close .gc-line{margin-top:0}


/* v27: full formula */
.formula{margin-top:14px;display:grid;grid-template-columns:minmax(180px,.32fr) minmax(0,1fr);gap:16px 36px;align-items:start;padding:22px 26px;border-radius:16px;background:var(--g1);border:1px solid var(--g2)}
.fk{display:grid;gap:6px}
.fk span{font:700 12px/1 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--turq)}
.fk small{font-size:14px;line-height:1.45;color:#BDBDBD}
.inci{font:500 16px/1.7 var(--body);color:#E6E6E6}
.inci b{color:var(--white);font-weight:700}
.inci .sep{color:var(--turq);margin:0 2px}
.formula > *{min-width:0}
.inci > span:not(.sep){white-space:nowrap}
.inci > span:nth-child(11){white-space:normal}
@media (max-width:820px){.formula{grid-template-columns:minmax(0,1fr);padding:20px}}


/* v28: hero + sports polish */
.proof b{font-weight:600;letter-spacing:-.045em}
.proof b i{font-weight:600}
.hero-copy{max-width:470px}
.hero-copy p{font-size:18px;line-height:1.5;color:#E4E4E4}
.sp-track{-webkit-mask-image:linear-gradient(90deg,#000 0,#000 88%,transparent 100%);mask-image:linear-gradient(90deg,#000 0,#000 88%,transparent 100%)}
.act .vis{aspect-ratio:1/1}
@media (max-width:560px){.hero-copy p{font-size:17px}}


/* v31: activity card hierarchy */
.on-dark .act h3{padding:22px 22px 0;font-size:24px;white-space:nowrap}
.on-dark .act .hope{padding:6px 22px 0;font:500 16px/1.4 var(--body);letter-spacing:0;color:#BDBDBD!important}


/* v32: travel highlighted */
.on-dark .act.act-hl{position:relative;box-shadow:0 0 40px rgba(12,186,186,.18)}
.act-hl::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 2px var(--turq);pointer-events:none;z-index:2}
.act-hl .vis{position:relative}
.hl-tag{position:absolute;top:14px;left:14px;z-index:1;padding:7px 12px;border-radius:999px;background:var(--turq);color:var(--ink);font:700 12px/1 var(--body)}
.act-hl .apply .lab{color:var(--turq)}


/* v34: proof bar without glass */
.proof.glass{background:none;backdrop-filter:none;-webkit-backdrop-filter:none;border:0;border-radius:0;border-top:1px solid rgba(255,255,255,.28)}
.proof div{padding:18px 32px 4px;border-left-color:rgba(255,255,255,.2)}
.proof div:first-child{padding-left:0}
.proof div:last-child{padding-right:0}
.proof span{color:#D6D6D6}
@media (max-width:820px){.proof div{padding:14px 14px 2px}.proof div:first-child{padding-left:0}}


/* v35: sections 03-10 aligned with the hero and 01-02 */
/* one number style everywhere: semi-bold, tight */
.nums b,.sc .n,.step .n,.score,.of .price,.stats b{font-weight:600;letter-spacing:-.055em}
.stats b{font-size:clamp(48px,5vw,68px)}
.step .n{font-size:clamp(64px,6.6vw,92px)}
.sc .n{font-size:36px}
.score{font-size:clamp(110px,13vw,180px)}
.of .price{font-size:clamp(50px,5vw,66px)}
/* standards tags: all the same outline style */
.tag.k{background:transparent;color:inherit;box-shadow:inset 0 0 0 1px #CFCFCF}
.howto .tag,.howto .tag.k{background:transparent;color:#E4E4E4;box-shadow:inset 0 0 0 1px #3A3A3A}
/* our story: photo no longer runs under the text */
.story-panel > img{width:54%}
.story-panel::after{background:linear-gradient(270deg,rgba(246,246,246,1) 0%,rgba(246,246,246,1) 46%,rgba(246,246,246,.6) 50%,rgba(246,246,246,0) 58%)}
.story-panel .wrap{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr)}
/* shop: tags never cover the product */
.of .shot{padding-top:40px;height:clamp(250px,24vw,310px)}
.of.best .shot{padding-top:58px}
.of.best .shot img{max-height:clamp(170px,17vw,210px)}
/* newsletter heading in Carnosport text style */
.nl h3{font-weight:800;letter-spacing:-.05em}
.nl h3 .dot{color:var(--turq)}
/* testimonials: give Danel's text more room */
@media (min-width:821px){.qcard.light.pic{grid-template-columns:minmax(0,1fr) 34%}}
@media (max-width:820px){.story-panel > img{width:100%}.story-panel .wrap{grid-template-columns:1fr}}


/* v37 */
.act .go{color:#9A9A9A!important;font-weight:500}
.act .go b{color:var(--white);font-weight:700}
.gc-link{color:inherit}.gc-line .gc-link.soft{color:var(--g6)}
.gc-link:hover{color:var(--turq)}
.trans{margin-top:clamp(40px,5vw,64px);padding-top:clamp(36px,4vw,52px);border-top:1px solid #262626;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);gap:32px clamp(32px,5vw,64px);align-items:start}
.tr-head h3{color:var(--white);font:800 clamp(28px,2.6vw,38px)/1.02 var(--display);letter-spacing:-.055em;white-space:nowrap}
.tr-head h3 .soft{color:#6F6F6F}.tr-head h3 .dot{color:var(--turq)}
.tr-head p{margin-top:16px;font-size:16px;line-height:1.55;color:#BDBDBD;max-width:36ch}
.tr-proof{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:12px}
.tr-proof li{display:flex;gap:12px;align-items:center;font-size:15px;color:#BDBDBD}
.tr-proof b{color:var(--white);font-weight:700}
.tr-proof svg{flex:none;width:22px;height:22px;padding:4px;border-radius:50%;background:rgba(12,186,186,.16);color:var(--turq)}
.tr-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.tr-list li{background:var(--g1);border:1px solid var(--g2);border-radius:14px;padding:16px 16px 18px;display:grid;gap:6px;align-content:start;min-width:0}
.tr-list .in{font:600 11px/1 var(--body);letter-spacing:.08em;color:var(--turq)}
.tr-list b{font:700 15px/1.25 var(--display);letter-spacing:-.01em;color:var(--white);overflow-wrap:break-word}
.tr-list li span:not(.in){font-size:13px;line-height:1.45;color:#A8A8A8}
.tr-list li.key{border-color:var(--turq);background:rgba(12,186,186,.08)}
.tr-list li.key b{color:var(--turq)}

/* v38: transparency in the section 01 style */
.tp{margin-top:clamp(48px,6vw,80px);padding-top:clamp(44px,5vw,64px);border-top:1px solid #262626;display:grid;justify-items:center;text-align:center}
.tp-h{color:var(--white);font:800 clamp(34px,4.4vw,60px)/1 var(--display);letter-spacing:-.055em}
.tp-h .soft{color:#6F6F6F}.tp-h .dot{color:var(--turq)}
.tp-nums{list-style:none;margin:clamp(36px,4vw,52px) 0 0;padding:0;width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.tp-nums li{display:grid;gap:10px;justify-items:center;padding:0 18px;border-left:1px solid #262626}
.tp-nums li:first-child{border-left:0}
.tp-nums b{font:600 clamp(48px,5vw,68px)/.95 var(--display);letter-spacing:-.055em;color:var(--white)}
.tp-nums b i{font-style:normal;font-weight:600;font-size:.42em;color:var(--turq);margin-left:3px}
.tp-nums span{font-size:15px;line-height:1.4;color:#A8A8A8;max-width:20ch}
.tp-nums strong{color:var(--white);font-weight:700}
.tp-list{margin-top:clamp(36px,4vw,52px);max-width:860px;font:500 16px/1.8 var(--body);color:#CFCFCF}
.tp-list span{white-space:nowrap}
.tp-list b{color:var(--turq);font-weight:700}
.tp-list i{font-style:normal;color:var(--turq);margin:0 4px}
.tp-foot{margin-top:16px;font-size:13px;color:#8F8F8F}
@media (max-width:820px){
  .tp-h{font-size:clamp(26px,7.6vw,34px)}
  .tp-nums{grid-template-columns:1fr 1fr;row-gap:28px}
  .tp-nums li:nth-child(3){border-left:0}
  .tp-list span{white-space:normal}
}


/* v39: microscope background behind transparency */
.tp.tp-bg{position:relative;isolation:isolate;border-top:0;border-radius:20px;overflow:hidden;padding:clamp(48px,6vw,80px) clamp(20px,4vw,48px) clamp(40px,5vw,60px)}
.tp-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.55}
.tp.tp-bg::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(70% 70% at 50% 45%,rgba(11,11,11,.55) 0%,rgba(11,11,11,.82) 70%,rgba(11,11,11,.95) 100%)}
.tp.tp-bg .tp-nums li{border-left-color:rgba(255,255,255,.14)}


/* v41: sections 05-10 polish */
.story-panel > img{width:50%}
.story-panel::after{background:linear-gradient(270deg,rgba(246,246,246,1) 0%,rgba(246,246,246,1) 50%,rgba(246,246,246,.55) 53%,rgba(246,246,246,0) 60%)}
.story-panel .wrap{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
.story-panel .credit,.comeback figcaption.cap2{background:none;padding:0;border-radius:0;font:600 13px/1.2 var(--body);color:var(--white);text-shadow:0 1px 8px rgba(0,0,0,.6);left:18px;bottom:16px}
.comeback figcaption.cap2{border:0;backdrop-filter:none;-webkit-backdrop-filter:none}
.sc-line{margin-top:clamp(36px,4vw,52px);font:800 clamp(24px,2.8vw,38px)/1.08 var(--display);letter-spacing:-.05em;color:var(--white)}
.sc-line .soft{color:#6F6F6F}.sc-line .dot{color:var(--turq)}
.fine{margin-top:20px}
.ironman .ttl h3 .dot{font-size:inherit;color:var(--turq)}
@media (max-width:820px){.story-panel .wrap{padding-top:330px!important}.story-panel > img{height:300px!important}}
.of-tags{top:20px;left:24px;right:24px}
.of-lab{font:700 11px/1 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--turq)}
.of-lab i{font-style:normal;margin:0 6px;opacity:.7}
.of.best .of-lab{color:#078F8F}
@media (max-width:820px){.story-panel > img{width:100%}.story-panel .wrap{grid-template-columns:1fr}.sc-line br{display:none}}


/* v42 */
.faq{grid-template-columns:1fr;gap:clamp(28px,3vw,40px);max-width:880px}
.close .nl.nl-light{width:100%;margin:clamp(40px,5vw,64px) 0 0;padding:clamp(28px,3vw,40px) 0 0;border-top:1px solid var(--g8);border-bottom:0}
.nl-light .eyebrow{color:var(--ink)}
.nl-light h3{color:var(--ink);margin-top:14px;font-size:clamp(26px,2.6vw,34px)}
.nl-light h3 .soft{color:var(--g6)}
.nl-light .nl-copy p{color:var(--g5)}
.nl-light .nl-row{background:var(--white);box-shadow:inset 0 0 0 1px #CFCFCF}
.nl-light .nl-row input{color:var(--ink)}
.nl-light .nl-row input::placeholder{color:#8A8A8A}
.nl-light .nl-form small{color:var(--g5)}
.nl-light .nl-row:focus-within{box-shadow:inset 0 0 0 2px var(--turq)}
.nl-light .nl-err .nl-row,.nl-err .nl-row{box-shadow:inset 0 0 0 2px #E5484D}
.nl-row[hidden],.nl-form small[hidden],.nl-bad[hidden]{display:none}
.nl-bad{margin:0;padding-left:16px;font-size:14px;color:#C62828}
.nl-light .nl-ok{color:var(--ink);font-weight:600}
footer{margin-top:clamp(64px,8vw,110px)}


/* v44: reviews in theme */
.rv-score{display:grid;gap:6px;justify-items:end;text-align:right}
.rv-score b{font:600 clamp(64px,7vw,96px)/.9 var(--display);letter-spacing:-.06em}
.rv-score b i{font-style:normal;font-size:.36em;color:var(--turq);margin-left:4px}
.rv-score span{font-size:15px;color:var(--g5)}
.rv2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(24px,4vw,56px);align-items:start}
.rv-feat{background:var(--ink);color:var(--white);border-radius:20px;padding:clamp(28px,3.4vw,44px);display:grid;gap:28px}
.rv-feat blockquote{margin:0;font:700 clamp(22px,2.2vw,28px)/1.25 var(--display);letter-spacing:-.03em}
.rv-meta{display:grid;gap:10px;font-size:14px;color:#BDBDBD}
.rv-meta b{color:var(--white);font-weight:700}
.rv2 .stars{display:flex;gap:3px;color:var(--turq)}
.rv2 .stars svg{width:14px;height:14px}
.rv2 .stars svg.off{opacity:.25}
.rv-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}
.rv-list li{display:grid;gap:10px;padding:22px 0;border-bottom:1px solid var(--g8)}
.rv-list blockquote{margin:0;font:700 clamp(17px,1.5vw,19px)/1.4 var(--display);letter-spacing:-.015em}
.rv-by{font-size:14px;color:var(--g5)}.rv-by b{color:var(--ink);font-weight:700}
.rv-more{justify-content:flex-start;margin-top:28px}
@media (max-width:820px){.rv2{grid-template-columns:1fr}.rv-score{justify-items:start;text-align:left}}


/* v45: footer */
.foot2{grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,.7fr));gap:32px 48px}
.foot2 h4{font:600 11px/1 var(--body);letter-spacing:.16em;text-transform:uppercase;color:#8F8F8F;margin-bottom:20px}
.foot2 a{font-size:15px;color:#E4E4E4;margin-bottom:12px}
.fb{display:grid;gap:16px;align-content:start}
.fb .ft{font:800 clamp(24px,2.4vw,32px)/1.05 var(--display);letter-spacing:-.05em;color:var(--white)}
.fb .ft .soft{color:#6F6F6F}.fb .ft .dot{color:var(--turq)}
.fb p:not(.ft){font-size:15px;line-height:1.6;color:#BDBDBD;max-width:34ch}
.fb h4{margin-bottom:4px}
.footlogo{margin-top:clamp(56px,6vw,88px)}
.legal{align-items:center}
.lg-links{display:flex;gap:22px;flex-wrap:wrap}
.lg-links a{margin:0;font-size:13px;color:#A8A8A8}.lg-links a:hover{color:var(--turq)}
.disc{margin-top:18px;font-size:12px;line-height:1.6;color:#7E7E7E;max-width:90ch}
@media (max-width:820px){.foot.foot2{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 16px}.fb{grid-column:1 / -1}}
@media (max-width:560px){.foot.foot2{grid-template-columns:repeat(3,minmax(0,1fr))}.foot2 a{font-size:14px}.legal{flex-direction:column;align-items:flex-start;gap:12px}}


/* v46: reviews, score at the centre (light) */
.rf{display:grid;justify-items:center;gap:clamp(32px,4vw,48px)}
.rf-row{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center}
.rf-side{display:grid;gap:clamp(28px,3vw,40px);padding:0 clamp(28px,4vw,56px)}
.rf-side.l{text-align:right;justify-items:end}
.rf-q{margin:0;display:grid;gap:10px;max-width:36ch}
.rf-q blockquote{margin:0;font:700 clamp(18px,1.7vw,22px)/1.3 var(--display);letter-spacing:-.025em}
.rf-q figcaption{font-size:14px;color:var(--g5)}.rf-q figcaption b{color:var(--ink);font-weight:700}
.rf-mid{display:grid;justify-items:center;gap:14px;text-align:center;padding:clamp(32px,4vw,48px) clamp(36px,5vw,64px);border-left:1px solid var(--g8);border-right:1px solid var(--g8)}
.rf-mid b{font:600 clamp(96px,10vw,140px)/.85 var(--display);letter-spacing:-.065em}
.rf-mid b i{font-style:normal;font-size:.32em;color:var(--turq);margin-left:5px;letter-spacing:-.02em}
.rf-st{display:flex;gap:4px;color:var(--turq)}.rf-st svg{width:20px;height:20px}
.rf-mid p{font-size:16px;line-height:1.4;color:var(--g5)}.rf-mid strong{color:var(--ink)}
.rv-more{justify-content:center;margin-top:clamp(32px,4vw,48px)}
@media (max-width:820px){
  .rf-row{grid-template-columns:1fr;gap:28px}
  .rf-mid{order:-1;border:0;border-block:1px solid var(--g8);width:100%}
  .rf-side{padding:0;gap:24px}.rf-side.l{text-align:left;justify-items:start}
}


/* v47: reviews, score as the headline */
.rh{display:grid;gap:clamp(22px,2.6vw,32px);justify-items:start}
.rh-h{margin-top:0}
.rh-h .t{color:var(--turq);font-size:.5em;letter-spacing:-.02em}
.rh-list{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--ink);margin-top:clamp(12px,2vw,24px)}
.rh-q{margin:0;display:grid;gap:12px;align-content:start;padding:26px 24px 26px 0;margin-right:24px;border-right:1px solid var(--g8)}
.rh-q:last-child{border-right:0;margin-right:0;padding-right:0}
.rh-st{display:flex;gap:3px;color:var(--turq)}.rh-st svg{width:14px;height:14px}
.rh-q blockquote{margin:0;font:700 clamp(17px,1.5vw,19px)/1.35 var(--display);letter-spacing:-.02em}
.rh-q figcaption{font-size:14px;color:var(--g5)}.rh-q figcaption b{color:var(--ink);font-weight:700}
.rv-more{justify-content:flex-start;margin-top:clamp(24px,3vw,36px)}
@media (max-width:820px){.rh-list{grid-template-columns:1fr 1fr}.rh-q:nth-child(2){border-right:0;margin-right:0}.rh-q:nth-child(-n+2){border-bottom:1px solid var(--g8)}}
@media (max-width:560px){.rh-list{grid-template-columns:1fr}.rh-q{border-right:0!important;margin-right:0!important;padding-right:0;border-bottom:1px solid var(--g8)}}


/* v48 */
.of .price{white-space:nowrap;font-size:clamp(42px,4vw,56px)}
.of .price s{font-size:.34em;vertical-align:.95em}
.rh-st svg.off{opacity:.25}
.tp-nums{grid-template-columns:repeat(3,minmax(0,1fr));max-width:820px;margin-inline:auto}
@media (max-width:820px){.tp-nums{grid-template-columns:repeat(3,minmax(0,1fr))!important}.tp-nums li{padding:0 8px;border-left:1px solid rgba(255,255,255,.14)!important}.tp-nums li:first-child{border-left:0!important}.tp-nums b{font-size:40px}.tp-nums span{font-size:13px}}
.faq{max-width:none;margin:0;grid-template-columns:minmax(0,1fr)}
.faq > div:last-child{max-width:880px}
.wrap.faq{max-width:var(--max);margin-inline:auto}
.sci-btn{margin-top:24px}
.sc .n i{font-style:normal;color:var(--turq)}
.of .per{font-size:14px;color:#BDBDBD;margin-top:-6px}
.hero-foot{flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:36px}
.hero .proof{min-width:min(100%,520px)}
.rh-list{grid-template-columns:1.7fr 1fr 1fr 1fr}
.rh-long blockquote{font-size:clamp(18px,1.6vw,21px)}
@media (max-width:820px){.rh-list{grid-template-columns:1fr 1fr}.rh-long{grid-column:1 / -1;border-right:0!important;margin-right:0!important;border-bottom:1px solid var(--g8)}.rh-q:nth-child(2){border-right:1px solid var(--g8);margin-right:24px}.rh-q:nth-child(3){border-right:0;margin-right:0}}
@media (max-width:560px){.rh-list{grid-template-columns:1fr}.grid3{grid-template-columns:1fr 1fr!important}.grid3 .ironman{grid-column:1 / -1}.grid3 .photo{aspect-ratio:4/5}.grid3 .photo.ironman{aspect-ratio:auto;min-height:300px!important}.grid3 .photo .cap{font-size:14px;left:12px;right:12px;bottom:12px}}


/* v49 */
.rh-list.rh-2{grid-template-columns:1fr 1fr}
.rh-2 .rh-q{padding:26px 32px 26px 0;margin-right:32px;border-right:1px solid var(--g8);border-bottom:1px solid var(--g8)}
.rh-2 .rh-q:nth-child(2n){border-right:0;margin-right:0;padding-right:0}
.rh-2 .rh-q:nth-child(n+3){border-bottom:0}
.rh-2 .rh-q blockquote{font-size:clamp(17px,1.5vw,20px)}
@media (max-width:820px){.rh-list.rh-2{grid-template-columns:1fr}.rh-2 .rh-q{border-right:0!important;margin-right:0!important;padding-right:0;border-bottom:1px solid var(--g8)!important}}
.of-assure{list-style:none;margin:clamp(28px,3vw,40px) 0 0;padding:clamp(22px,2.4vw,28px) 0 0;border-top:1px solid #262626;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 28px}
.of-assure li{display:flex;gap:14px;align-items:flex-start}
.of-assure svg{flex:none;width:22px;height:22px;color:var(--turq);margin-top:1px}
.of-assure span{display:grid;gap:4px;font-size:14px;line-height:1.45;color:#A8A8A8}
.of-assure b{font:700 15px/1.3 var(--display);letter-spacing:-.01em;color:var(--white)}
@media (max-width:820px){.of-assure{grid-template-columns:1fr}}
.proof span{font-size:14px;color:#BDBDBD}.proof span strong{color:var(--white);font-weight:600}
.proof b i{font-size:.5em}
.ig{margin-top:clamp(56px,7vw,96px);display:grid;gap:clamp(24px,3vw,36px)}
.ig-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}
.ig-head h3{font:800 clamp(30px,3.4vw,46px)/1.02 var(--display);letter-spacing:-.055em}
.ig-head h3 .soft{color:var(--g6)}.ig-head h3 .dot{color:var(--turq)}
.ig-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.ig-t{position:relative;display:block;aspect-ratio:1;border-radius:14px;overflow:hidden;background:var(--g8)}
.ig-t img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05);transition:transform .6s ease,filter .4s ease}
.ig-t:hover img{transform:scale(1.05);filter:grayscale(0)}
.ig-o{position:absolute;inset:0;display:grid;place-items:center;background:rgba(11,11,11,.35);opacity:0;transition:opacity .3s ease;color:#fff}
.ig-o svg{width:28px;height:28px}
.ig-t:hover .ig-o{opacity:1}
@media (max-width:820px){.ig-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}


/* v50: Mont headlines, Montserrat body. Mont is narrower: tracking opened slightly so sizes and line breaks stay the same */
h1,h2,h3,.gc-line,.tp-h,.rh-h,.ig-head h3{letter-spacing:-.045em;word-spacing:.05em}
.hero h1{max-width:10.4ch}


/* v51 */
.proof b{font-family:var(--body);font-weight:600;font-size:clamp(40px,4.2vw,56px);letter-spacing:-.045em;word-spacing:0}
.proof b i{font-size:.42em;margin-left:4px}
.proof div{gap:10px;padding-top:22px}
.proof span{font-size:15px}
.panel.band{border-radius:0;margin-inline:0}
.band .step{background:none!important;border:0!important;overflow:visible}
.band .step .vis{border-radius:16px;border-bottom:0!important;overflow:hidden}
.band .step > .n{padding:24px 0 0!important}
.band .step > div:last-child{padding:16px 0 0!important}
.band .tp.tp-bg{border-radius:0;margin-inline:calc(50% - 50vw);width:100vw;max-width:none;margin-bottom:calc(-1 * clamp(72px,9vw,120px));padding-block:clamp(64px,7vw,104px)}
.band .tp.tp-bg::before{background:linear-gradient(180deg,rgba(11,11,11,1) 0%,rgba(11,11,11,.72) 22%,rgba(11,11,11,.72) 78%,rgba(11,11,11,.96) 100%)}
.ig-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.ig-t{aspect-ratio:4/5;border-radius:16px}
@media (max-width:820px){.ig-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.proof b{font-size:clamp(28px,8vw,40px)}.proof span{font-size:13px}}


/* v52: assurance icons in the same style as the tick marks */
.of-assure li{align-items:center}
.of-assure .as-i{flex:none;width:44px;height:44px;border-radius:50%;background:rgba(12,186,186,.16);display:grid;place-items:center;color:var(--turq)}
.of-assure .as-i svg{width:24px!important;height:24px!important;margin:0!important;padding:0!important;background:none!important}

.howto .head > div{max-width:900px}
.ht-h{font-size:clamp(36px,4.6vw,64px)}

/* v56 */
/* one number style everywhere: Montserrat semibold */
.proof b,.g-center b,.tp-nums b,.step .n,.sc .n,.nums b,.of .price,.tl .dotn{font-family:var(--body);font-weight:600;word-spacing:0}
.g-center b,.tp-nums b,.step .n,.sc .n,.nums b,.of .price{letter-spacing:-.045em}
/* dark sections: all edge to edge */
footer{border-radius:0}
.band .sc{background:none;border:0;overflow:visible}
.band .sc .vis{border-radius:16px;border-bottom:0;overflow:hidden}
.band .sc .tx{padding:20px 0 0}
/* transparent formula link */
.gc-link .u{background:linear-gradient(var(--turq),var(--turq)) 0 92%/100% .07em no-repeat;padding-bottom:.04em;transition:color .2s}
.gc-link:hover .u{color:var(--ink)}
/* shop */
.buy{display:grid;gap:clamp(24px,3vw,36px);justify-items:center}
.mode{display:inline-flex;gap:4px;padding:5px;border-radius:999px;background:var(--g1);border:1px solid var(--g2)}
.mode button{border:0;background:transparent;color:#BDBDBD;padding:12px 20px;border-radius:999px;cursor:pointer;font:600 14px/1 var(--body);white-space:nowrap}
.mode button em{font-style:normal;color:var(--turq);margin-left:6px}
.mode button[aria-pressed="true"]{background:var(--white);color:var(--ink)}
.mode button[aria-pressed="true"] em{color:#078F8F}
.offers.two{width:100%;max-width:880px;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr)}
.buy[data-mode="sub"] .m-once,.buy[data-mode="once"] .m-sub{display:none!important}
.of .per{font-size:15px;color:#BDBDBD;margin-top:-4px}.of .per b{color:var(--white);font-weight:600}
.of.best .per{color:var(--g5)}.of.best .per b{color:var(--ink)}
.of > .btn{margin-top:auto}
.of{grid-template-rows:auto 1fr auto auto}
/* ending */
.close .nl.nl-light{grid-template-columns:auto minmax(0,1fr);gap:16px 40px;padding-top:28px;margin-top:clamp(36px,4vw,56px)}
.nl-light h3{font-size:20px!important;margin-top:0;letter-spacing:-.03em}
.nl-light .nl-copy p{margin-top:4px;font-size:14px}
.ig{margin-top:clamp(64px,8vw,104px)}
@media (max-width:820px){
  .offers.two{grid-template-columns:1fr}
  .offers.two .of.best{order:-1}
  .mode{width:100%}.mode button{flex:1;padding:12px 10px;font-size:13px}
  .close .nl.nl-light{grid-template-columns:1fr}
}


/* v56b: phone hero, everything readable in the first screen */
@media (max-width:820px){
  .hero{min-height:0;margin-top:-64px}
  .hero .wrap{grid-template-rows:auto auto;gap:22px;padding-top:40px;padding-bottom:28px}
  .hero h1{margin-bottom:0}
  .hero-foot{gap:26px}
  .hero > img,.hero > picture > img{object-position:72% 50%;opacity:.55}
  .hero::after{background:linear-gradient(180deg,rgba(11,11,11,.55) 0%,rgba(11,11,11,.45) 40%,rgba(11,11,11,.85) 75%,rgba(11,11,11,.96) 100%)}
  .hero-copy p{max-width:32ch}
}

@media (max-width:980px){.trans{grid-template-columns:1fr}}
@media (max-width:560px){.tr-list{grid-template-columns:1fr 1fr}.tr-list b{font-size:13.5px;overflow-wrap:normal;word-break:normal;hyphens:manual}}

@media (max-width:980px){.g-stat{grid-template-columns:auto minmax(0,1fr)}.g-stat > .btn{grid-column:1 / -1;margin-top:0}}
@media (max-width:820px){
  .g-stat{grid-template-columns:1fr;justify-items:start;padding-bottom:28px;border-bottom:0}
  .g-prod{margin:-70px auto 0;width:170px;justify-self:center}
  .g-nums{grid-template-columns:1fr;padding-top:8px;width:100%}
  .g-nums li{border-left:0;padding:16px 0;border-bottom:1px solid var(--g8);grid-template-columns:110px 1fr;align-items:center}
  .g-nums li:first-child{padding-top:0}
}

@media (max-width:980px){
  .g-strip{grid-template-columns:1fr}
}
@media (max-width:820px){
  .g-row{grid-template-columns:1fr}
  .g-row li{padding:16px 0;border-left:0;border-bottom:1px solid var(--g8)}
  .g-row li:first-child{padding-top:0}
  .g-strip{padding:24px 0 28px;border-bottom:0}
}

@media (max-width:980px){
  .links{display:none}
  nav.main .wrap{grid-template-columns:1fr auto}
  .quotes,.revs{grid-template-columns:1fr 1fr}
  .foot{grid-template-columns:1fr 1fr}
}
@media (max-width:820px){
  .split,.pair,.comeback,.faq,.rv-top{grid-template-columns:1fr}
  .cards3,.steps,.offers{grid-template-columns:1fr}
  .grid3{grid-template-columns:1fr 1fr}
  .ironman{grid-column:span 2}
  .proof{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}
  .proof div{padding:14px 14px}
  .buybar{display:block}
  body{padding-bottom:68px}
}
@media (max-width:820px){
  .does,.acts{grid-template-columns:1fr 1fr}
  .story-panel > img{width:100%;height:340px;bottom:auto}
  .g-top,.g-grid{grid-template-columns:1fr}
  .g-photo{min-height:460px}
  .t-panel .quotes{grid-auto-columns:78%}
  .story-panel .wrap{grid-template-columns:1fr}
  .story-panel .story-copy{grid-column:1}
  .story-panel::after{background:linear-gradient(180deg,rgba(246,246,246,0) 0%,rgba(246,246,246,.6) 34%,rgba(246,246,246,.97) 52%,rgba(246,246,246,1) 100%)}
  .story-panel .wrap{padding-top:300px}
  .story-panel .credit{top:20px;bottom:auto}
  .hero > img,.hero > picture > img{object-position:46% 50%}
  .hero::after{background:linear-gradient(180deg,rgba(11,11,11,.88) 0%,rgba(11,11,11,.7) 30%,rgba(11,11,11,.25) 52%,rgba(11,11,11,.55) 70%,rgba(11,11,11,.94) 100%)}
}
@media (max-width:560px){
  .rv.wide{grid-column:auto}
  .does .d{min-height:140px;padding:18px;gap:22px}
  .acts{grid-template-columns:1fr 1fr}
  .t-panel{padding:20px 14px}
  .quotes,.revs,.foot,.grid3,.benefits{grid-template-columns:1fr}
  .benefits div:nth-child(odd){padding-right:0}
  .ironman{grid-column:auto}
  .stats{grid-template-columns:1fr}
  .stats div + div{padding-left:0;border-left:0;border-top:1px solid var(--g8)}
  .comeback .pics{min-height:320px}
  details p{padding-right:0}
  .proof b{font-size:24px}
  .proof span{font-size:12px}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
/* v58: even tile heights on phones */
@media (max-width:560px){.grid3 .photo.cz{aspect-ratio:4/5}}
/* v59: worldwide delivery link styles */
.of-assure .as-link{color:#A8A8A8;text-decoration:underline;text-decoration-color:var(--turq);text-underline-offset:3px;text-decoration-thickness:1.5px}
.of-assure .as-link:hover{color:var(--white)}
.faq p a{color:inherit;text-decoration:underline;text-decoration-color:var(--turq);text-underline-offset:3px;text-decoration-thickness:1.5px}
/* v61: shop cards share one dark style, sit level, and the 3-pack is marked by the turquoise ring and tag */
@media (min-width:821px){.offers.two{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}}
.of.best{background:var(--g1);color:var(--white);margin-block:0;padding:26px;border-color:var(--turq);box-shadow:0 0 0 1px var(--turq)}
.of.best .shot{margin:-26px -26px 0;padding-top:40px;background:radial-gradient(60% 70% at 50% 60%,rgba(12,186,186,.16) 0%,rgba(12,186,186,0) 70%)}
.of.best .shot img{max-height:clamp(190px,19vw,240px);filter:drop-shadow(0 24px 30px rgba(0,0,0,.45))}
.of.best .k{color:#C4C4C4}
.of.best .per{color:#BDBDBD}.of.best .per b{color:var(--white)}
.of.best .ticks li{color:#E4E4E4}
.of.best .ticks svg{background:rgba(12,186,186,.16);color:var(--turq)}
.of.best .of-lab{color:var(--turq)}
.of .price s{color:#8A8A8A}
.of > .btn.line{padding:8px 8px 8px 22px;justify-content:space-between}
.of > .btn.line:hover{box-shadow:inset 0 0 0 1px var(--white)}
/* v62: final homepage pass */
@media (min-width:821px){
  .t-panel .quotes{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:calc((100% - 24px)/3);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:0}
  .t-panel .quotes::-webkit-scrollbar{display:none}
  .scrollhint{display:none}
  .offers.two{max-width:none}
}
@media (max-width:820px){
  body{padding-bottom:0}
  footer{padding-bottom:calc(36px + 68px + env(safe-area-inset-bottom,0px))}
}
/* v63: testimonials stay one compact row, with arrows on desktop like the activities */
.q-foot{display:flex;justify-content:flex-end;align-items:center;gap:16px;margin-top:14px}
.q-foot .scrollhint{margin-top:0}
.q-nav button{border-color:rgba(11,11,11,.18);color:var(--ink)}
.q-nav button:hover{background:var(--turq);border-color:var(--turq);color:var(--ink)}
.q-nav button:disabled{opacity:.3;cursor:default;background:transparent;border-color:rgba(11,11,11,.18)}
@media (max-width:820px){.q-nav{display:none}}
/* v64 phone polish */
@media (max-width:560px){
  .tp-nums{grid-template-columns:1fr!important;row-gap:0!important}
  .tp-nums li{grid-template-columns:76px minmax(0,1fr);justify-items:start;align-items:center;text-align:left;padding:16px 0;border-left:0!important;border-top:1px solid #262626}
  .tp-nums li:first-child{border-top:0}
  .tp.tp-bg .tp-nums li{border-top-color:rgba(255,255,255,.14)}
  .tp-nums b{font-size:44px}
  .tp-nums span{max-width:none}
  .grid3 .photo::after{background:linear-gradient(180deg,rgba(0,0,0,0) 25%,rgba(0,0,0,.85) 100%)}
}
blockquote,.qcard blockquote{text-wrap:balance}
.nw{white-space:nowrap}
[id]{scroll-margin-top:80px}
.soft{color:#8A8A8A}
.comeback figure img{filter:grayscale(1) contrast(1.04)}
.buybar{transform:translateY(110%);visibility:hidden;transition:transform .35s ease,visibility .35s}
.buybar.on{transform:none;visibility:visible}
.proof b i{margin-left:4px;word-spacing:.2em}
@media (max-width:820px){
  nav.main .logo{display:inline-flex;align-items:center;min-height:44px}
  .cart{width:44px;height:44px}
  .nav-r .btn{min-height:44px}
  .foot a{margin-bottom:0;padding:11px 0}
  .lg-links a{display:inline-block;padding:12px 0}
  .mnav-small a,.mnav-small .rg-open{padding:14px 0}
  .lg-links .rg-open{padding:12px 0}
  footer{margin-top:0}
  .proof span{font-size:13px}
  .proof b i{font-size:.5em;word-spacing:.2em;margin-left:5px}
  .sp-track{margin-inline:calc(-1 * clamp(16px,4vw,40px));padding-inline:clamp(16px,4vw,40px);scroll-padding-inline:clamp(16px,4vw,40px);scroll-snap-type:x mandatory;-webkit-mask-image:none;mask-image:none;cursor:auto}
  .sp-track > *{scroll-snap-align:start}
}
@media (max-width:600px){
  h1 .soft,h2 .soft{display:block}
  h2:has(> .soft + .dot) .soft,h1:has(> .soft + .dot) .soft{display:inline}
}
@media (max-width:560px){
  .mode{display:flex;width:100%;min-width:0}
  .mode button{flex:1 1 0;min-width:0;white-space:normal;line-height:1.2;padding:10px 8px;font-size:13px}
  .mode button em{display:block;margin:4px 0 0}
  .offers{grid-template-columns:minmax(0,1fr)}
  .grid3 .photo.ironman{display:flex;flex-direction:column;min-height:0!important}
  .ironman > img{position:relative!important;inset:auto!important;width:100%;height:240px!important;object-position:40% 30%!important}
  .ironman::after{display:none}
  .ironman .ttl{position:static;padding:18px 20px 22px;background:var(--ink)}
}
/* region popup (D: frosted glass, light) */
.rg{position:fixed;inset:0;z-index:95;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;padding:max(24px,env(safe-area-inset-top,0px)) max(24px,env(safe-area-inset-right,0px)) max(24px,env(safe-area-inset-bottom,0px)) max(24px,env(safe-area-inset-left,0px))}
.rg[hidden]{display:none}
.rg-bg{position:absolute;inset:0;background:rgba(255,255,255,.14);backdrop-filter:blur(22px) saturate(1.3);-webkit-backdrop-filter:blur(22px) saturate(1.3);animation:rgFade .35s ease}
.rg-card:focus{outline:none}
.rg-card{position:relative;width:min(640px,100%);max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);overflow:auto;overscroll-behavior:contain;color:var(--ink);background:rgba(255,255,255,.84);backdrop-filter:blur(30px) saturate(1.5);-webkit-backdrop-filter:blur(30px) saturate(1.5);border-radius:32px;box-shadow:0 40px 100px rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,255,255,.7);animation:rgIn .5s cubic-bezier(.2,.8,.2,1)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.rg-card{background:var(--white)}.rg-bg{background:rgba(11,11,11,.35)}}
@keyframes rgFade{from{opacity:0}}
@keyframes rgIn{from{opacity:0;transform:translateY(18px) scale(.985)}}
@media (prefers-reduced-motion:reduce){.rg-bg,.rg-card{animation:none}.rg-svg circle{transition:none!important}.rg-ping::after{animation:none}}
.rg-x{position:absolute;top:14px;right:14px;z-index:3;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.7);color:var(--g5);display:grid;place-items:center;cursor:pointer;transition:background .2s,color .2s}
.rg-x:hover{background:var(--white);color:var(--ink)}
.rg-map{position:relative;height:200px;overflow:hidden}
.rg-svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.rg-svg circle{fill:rgba(11,11,11,.13);transition:fill .4s ease}
.rg-svg g[data-r="x"] circle{fill:rgba(11,11,11,.06)}
.rg-svg g.on circle{fill:var(--turq)}
.rg-svg g.on{filter:drop-shadow(0 0 .6px rgba(12,186,186,.9))}
.rg-body{padding:0 44px 40px}
.rg-main{display:grid;gap:12px;justify-items:start}
.rg-pre{margin:0;font:600 16px/1.2 var(--body);color:var(--g5)}
.rg h2{margin:0;max-width:100%;font:800 72px/.95 var(--display);letter-spacing:-.06em;color:var(--ink);text-wrap:balance;overflow-wrap:break-word}
.rg h2.long{font-size:52px;line-height:1}
.rg h2.xlong{font-size:40px;line-height:1.02}
.rg .dot{color:var(--turq)}
.rg-sub{margin:0;font-size:17px;line-height:1.45;color:var(--g5)}
.rg-p{margin:0;font-size:15px;line-height:1.55;color:var(--g5);max-width:44ch}
.rg-p[hidden]{display:none}
.rg-chips{margin-top:6px;display:flex;flex-wrap:wrap;gap:8px}
.rg-chips[hidden]{display:none}
.rg-chip{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 16px;border:0;border-radius:999px;background:rgba(255,255,255,.65);box-shadow:inset 0 0 0 1px rgba(11,11,11,.12);color:var(--ink);font:600 13px/1 var(--body);cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}
.rg-chip:hover{background:var(--white);box-shadow:inset 0 0 0 1px rgba(11,11,11,.3)}
.rg-chip.is-sel{background:var(--ink);color:var(--white);box-shadow:none}
.rg-chip:focus-visible{outline:2px solid var(--turq);outline-offset:2px}
.rg-ext{color:#078F8F;flex:none}
.rg-chip.is-sel .rg-ext{color:var(--turq)}
.rg-acts{margin-top:12px;display:flex;align-items:center;gap:12px 24px;flex-wrap:wrap}
.rg-go{min-height:54px;padding:6px 6px 6px 24px;font-size:15px;gap:16px}
.rg-go .arr{width:42px;height:42px}
.rg-go:disabled{opacity:.35;cursor:default}
.rg-more,.rg-stay{border:0;background:none;padding:12px 0;font:600 14px/1 var(--body);color:var(--ink);text-decoration:underline;text-decoration-color:var(--turq);text-decoration-thickness:1.5px;text-underline-offset:5px;cursor:pointer}
.rg-more:hover,.rg-stay:hover{text-decoration-color:var(--ink)}
.rg-more[hidden]{display:none}
.rg-eye{margin:0;display:flex;align-items:center;gap:10px;font:600 11px/1 var(--body);letter-spacing:.16em;text-transform:uppercase;color:#6B6B6B}
.rg-ping{position:relative;width:8px;height:8px;border-radius:50%;background:var(--turq);flex:none}
.rg-ping::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1px solid var(--turq);animation:rgPing 2s ease-out infinite}
@keyframes rgPing{from{transform:scale(.6);opacity:1}to{transform:scale(1.8);opacity:0}}
.rg-leave{display:none;padding-top:4px}
.rg-leave h3{margin-top:14px;font:800 clamp(30px,4vw,44px)/1 var(--display);letter-spacing:-.05em;color:var(--ink)}
.rg-leave p:not(.rg-eye){margin:14px 0 0;font-size:15px;line-height:1.55;color:var(--g5);max-width:40ch}
.rg-bar{margin-top:24px;height:3px;border-radius:2px;background:rgba(11,11,11,.1);overflow:hidden}
.rg-bar i{display:block;height:100%;width:0;background:var(--turq)}
.rg-card.is-leaving .rg-bar i{animation:rgGo 2.2s linear forwards}
@keyframes rgGo{to{width:100%}}
.rg-stay{margin-top:14px}
.rg-card.is-leaving .rg-main{display:none}
.rg-card.is-leaving .rg-leave{display:block}
.rg-card.is-leaving .rg-svg g.on{filter:none}
@keyframes rgPulse{to{fill:#7FE3E3}}
body.rg-lock{overflow:hidden}
.rg-open{border:0;background:none;padding:0;font:inherit;color:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.rg-open b{font-weight:600;color:var(--white)}
.rg-open:hover b{color:var(--turq)}
.rg-open::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--turq)}
@media (max-width:600px){
  .rg{padding:max(12px,env(safe-area-inset-top,0px)) max(12px,env(safe-area-inset-right,0px)) max(12px,env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));place-items:end stretch}
  .rg-card{width:100%;max-height:calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));border-radius:28px}
  .rg-x{top:10px;right:10px}
  .rg-map{height:170px}
  .rg-body{padding:0 22px 26px}
  .rg h2{font-size:56px}
  .rg h2.long{font-size:40px}
  .rg h2.xlong{font-size:32px}
  .rg-acts{width:100%;flex-direction:column;align-items:stretch;gap:2px}
  .rg-go{justify-content:space-between}
  .rg-more{align-self:center}
  .rg-card.is-leaving .rg-leave{display:flex;flex-direction:column}
  .rg-stay{align-self:center}
}

/* phone menu */
.mnav-btn{display:none;width:44px;height:44px;margin-right:-8px;border:0;border-radius:50%;background:transparent;color:var(--white);cursor:pointer;place-items:center}
.mnav-btn:hover{background:rgba(255,255,255,.08)}
.mnav{position:fixed;inset:0;z-index:80;background:var(--ink);color:var(--white);display:flex;flex-direction:column;overflow-y:auto;padding:env(safe-area-inset-top,0px) clamp(16px,4vw,40px) calc(28px + env(safe-area-inset-bottom,0px));animation:mnIn .28s ease}
.mnav[hidden]{display:none}
@keyframes mnIn{from{opacity:0;transform:translateY(-6px)}}
@media (prefers-reduced-motion:reduce){.mnav{animation:none}}
.mnav-top{flex:none;display:flex;justify-content:space-between;align-items:center;height:64px;border-bottom:1px solid #262626}
.mnav-x{width:44px;height:44px;margin-right:-8px;border:0;border-radius:50%;background:transparent;color:var(--white);display:grid;place-items:center;cursor:pointer}
.mnav-links{display:grid;padding:12px 0 0}
.mnav-links a{display:block;padding:18px 0;border-bottom:1px solid #262626;font:800 clamp(40px,11vw,60px)/1 var(--display);letter-spacing:-.05em;word-spacing:.05em;color:var(--white)}
.mnav-links a::after{content:".";color:var(--turq)}
.mnav-links a[aria-current]{color:var(--g6)}
.mnav-foot{margin-top:auto;padding-top:36px;display:grid;gap:20px;justify-items:start}
.mnav-small{display:flex;gap:4px 24px;flex-wrap:wrap;font:500 15px/1 var(--body);color:#BDBDBD}
.mnav-small a,.mnav-small .rg-open{padding:10px 0}
.mnav-small .rg-open b{color:var(--white)}
.mnav-small .rg-open::before{display:none}
.mnav-small a:hover{color:var(--white)}
.mnav-note{margin:0;font-size:13px;color:var(--g6)}
body.mnav-lock{overflow:hidden}
@media (max-width:980px){.mnav-btn{display:grid}}

/* our story page: built only from homepage parts */
.links a[aria-current]{color:var(--white)}
.hero.ab h1{font-size:clamp(44px,5.4vw,80px);max-width:13ch}
.hero.ab > img{filter:grayscale(1) contrast(1.05);object-position:72% 38%}
@media (min-width:821px){.hero.ab::after{background:linear-gradient(90deg,rgba(11,11,11,.92) 0%,rgba(11,11,11,.78) 34%,rgba(11,11,11,.28) 62%,rgba(11,11,11,0) 82%),linear-gradient(180deg,rgba(11,11,11,.3) 0%,rgba(11,11,11,0) 28%,rgba(11,11,11,.7) 100%)}}
@media (max-width:820px){.hero.ab h1 br{display:none}}
.ab-gt{align-items:end}
.ab-gt h2{text-wrap:balance}
.ab-split .ab-text h2{font-size:clamp(40px,4.8vw,64px)}
.ab-values .gc-line{font-size:clamp(28px,3.6vw,52px);text-wrap:balance}
.ab-split{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:32px clamp(40px,6vw,88px);align-items:start}
.ab-split .ab-text{display:grid;gap:18px}
.ab-split .ab-text h2{margin-bottom:10px}
.ab-split .ab-text p{margin:0;font-size:18px;line-height:1.6;color:var(--g5);max-width:60ch}
.ab-split .qcard{position:sticky;top:96px;min-height:0}
.ab-split .qcard blockquote{margin:0;font:700 clamp(24px,2.4vw,32px)/1.15 var(--display);letter-spacing:-.035em}
.ab-cells{position:relative;isolation:isolate}
.ab-cells .ab-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:grayscale(1);opacity:.42}
.ab-cells::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(11,11,11,.96) 0%,rgba(11,11,11,.78) 40%,rgba(11,11,11,.9) 100%)}
.ab-cells .head .small{max-width:44ch}
.cards4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.cards4 .sc{border-top:1px solid rgba(255,255,255,.18)}
.cards4 .sc .tx{padding-top:22px!important}
.cards4 .sc h3{margin-top:14px}
.ab-photo{margin-top:clamp(8px,1vw,16px);border-radius:16px;overflow:hidden;aspect-ratio:21/9;background:var(--ink)}
.ab-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;filter:grayscale(1) contrast(1.05)}
.ab-values .tl p{max-width:30ch}
.ab-after{margin:clamp(20px,2.4vw,28px) auto 0;text-align:center;max-width:56ch;font-size:17px;color:var(--g5)}
.ab-founders{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ab-founders .q{background:var(--paper);min-height:0}
.qp.ph{position:relative;display:grid;place-items:end start;padding:18px;background:radial-gradient(120% 90% at 70% 10%,#2A2A2A 0%,#161616 60%,#121212 100%)}
.qp.ph b{font:700 clamp(56px,6vw,84px)/.9 var(--display);letter-spacing:-.06em;color:rgba(255,255,255,.1)}
.qp.ph::before{content:"Portrait to come";position:absolute;top:16px;left:16px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.16);font:600 10px/1 var(--body);letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.ab-founders .q p{margin:0;font-size:15px;color:var(--g5)}
.ab-founders .q p.tbd{color:#9A9A9A;font-style:italic}
.ab-close p.ab-ahead{margin:0;font-size:18px;line-height:1.6;color:var(--g5);max-width:58ch}
.ab-work .nl-copy p{max-width:60ch}
.ab-work .btn{justify-self:end;align-self:center}
/* hero B: black, photo fades into the story line */
.abh{background:var(--ink);color:var(--white);text-align:center;padding:clamp(64px,8vw,112px) 0 clamp(64px,8vw,104px)}
.abh h1{font-size:clamp(46px,5.8vw,92px);max-width:15ch;margin:0 auto}
.abh h1 .soft{color:#8C8C8C}
.abh > .wrap > p{margin:26px auto 34px;font-size:19px;line-height:1.55;color:#CFCFCF;max-width:44ch}
.abh .h-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.abh figure{margin:clamp(48px,6vw,80px) 0 0;position:relative}
.abh .ph{aspect-ratio:2/1;overflow:hidden;border-radius:20px 20px 0 0;background:var(--ink)}
.abh .ph img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;filter:grayscale(1) contrast(1.04)}
.abh figure::after{content:"";position:absolute;inset:-1px;border-radius:20px 20px 0 0;pointer-events:none;background:linear-gradient(180deg,rgba(11,11,11,.35) 0%,rgba(11,11,11,0) 20%,rgba(11,11,11,0) 55%,rgba(11,11,11,.7) 80%,var(--ink) 96%),linear-gradient(90deg,var(--ink) 0%,rgba(11,11,11,0) 9%,rgba(11,11,11,0) 91%,var(--ink) 100%)}
.abh figcaption{position:absolute;left:24px;top:20px;z-index:1;font-size:13px;color:#D6D6D6;letter-spacing:.02em}
.abh-line{list-style:none;margin:calc(-1 * clamp(40px,4.4vw,64px)) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 clamp(20px,2.6vw,36px);position:relative;z-index:2;text-align:left}
.abh-line::before{content:"";position:absolute;left:0;right:0;top:5px;height:1px;background:linear-gradient(90deg,var(--turq) 0%,rgba(12,186,186,.55) 70%,rgba(12,186,186,0) 100%)}
.abh-line li{position:relative;padding-top:34px}
.abh-line li::before{content:"";position:absolute;left:0;top:0;width:11px;height:11px;border-radius:50%;background:var(--turq);box-shadow:0 0 0 5px rgba(12,186,186,.18),0 0 18px rgba(12,186,186,.45)}
.abh-line a{display:grid;gap:8px;color:inherit}
.abh-line .w{font:700 11px/1 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--turq)}
.abh-line b{font:800 clamp(20px,1.9vw,26px)/1.1 var(--display);letter-spacing:-.04em;color:var(--white);margin-top:4px}
.abh-line .d{font-size:15px;line-height:1.45;color:#A8A8A8;max-width:26ch}
.abh-line a:hover b{color:var(--turq)}
@media (max-width:820px){
  .abh .ph{aspect-ratio:4/3}
  .abh figcaption{left:16px;top:14px;right:16px;text-align:left}
  .abh-line{margin-top:-28px;grid-template-columns:1fr;gap:26px;padding:0 0 0 30px}
  .abh-line::before{left:5px;right:auto;top:5px;bottom:8px;width:1px;height:auto;background:linear-gradient(180deg,var(--turq),rgba(12,186,186,.15))}
  .abh-line li{padding-top:0}
  .abh-line li::before{left:-30px;top:2px}
  .abh-line a{gap:6px}
  .abh-line b{margin-top:2px}
}
@media (max-width:560px){.abh h1{font-size:clamp(40px,11vw,52px)}}
/* founded + journey: centred intro, three steps, wide quote (option A) */
.ab-intro{display:grid;justify-items:center;gap:24px;text-align:center}
.ab-intro h2{font-size:clamp(40px,4.8vw,64px)}
.ab-intro .lede{max-width:62ch;margin:0;text-align:center}
.ab-steps{margin-top:clamp(48px,6vw,72px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto 1fr;gap:12px}
.ab-st{grid-row:span 3;display:grid;grid-template-rows:subgrid;row-gap:0;background:var(--white);border-radius:16px;padding:32px}
.ab-st .n{font:600 44px/1 var(--body);letter-spacing:-.045em;word-spacing:0}
.ab-st .n i{font-style:normal;color:var(--turq)}
.ab-st .k{margin-top:0;font:700 12px/1 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--turq)}
.ab-st h3{margin-top:14px;font-size:clamp(34px,3.2vw,46px);letter-spacing:-.05em;line-height:1}
.ab-st p{margin:22px 0 0;font-size:17px;line-height:1.6;color:var(--g5)}
.ab-quote{margin:12px 0 0;background:var(--ink);color:var(--white);border-radius:16px;padding:clamp(28px,4vw,48px);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px 48px;align-items:end}
.ab-quote blockquote{margin:0;font:800 clamp(28px,3.2vw,44px)/1.08 var(--display);letter-spacing:-.045em;word-spacing:.05em;max-width:22ch}
.ab-quote blockquote .soft{color:#8C8C8C}
.ab-quote figcaption{display:grid;gap:4px;text-align:right}
.ab-quote figcaption b{font:700 16px/1.2 var(--display)}
.ab-quote figcaption span{font-size:14px;color:#BDBDBD}
@media (max-width:820px){
  .ab-steps{grid-template-columns:1fr;grid-template-rows:none}
  .ab-st{grid-row:auto;grid-template-rows:none}
  .ab-quote{grid-template-columns:1fr}
  .ab-quote figcaption{text-align:left}
}
@media (max-width:560px){.ab-intro h2{font-size:clamp(34px,9.4vw,42px)}.ab-intro .lede{font-size:17px}}
/* spacing fixes */
.ab-founders .q{display:grid;grid-template-rows:auto auto 1fr;align-content:start;gap:18px}
.ab-founders .q .who{margin:0}
.ab-values .nb{margin-bottom:0}
.ab-values .gc-line{margin-top:clamp(48px,6vw,72px)}
.ab-close{margin-top:0}
section:has(> .ab-close){padding-bottom:0}
/* light-dark rhythm: physiology over the gel photo inside the dark carnosine band, people on dark */
.ab-gel{position:relative;margin-top:clamp(56px,7vw,96px);border-radius:20px;overflow:hidden;background:var(--ink);border:1px solid #1E1E1E;min-height:clamp(560px,50vw,680px)}
.ab-gel > img{position:absolute;top:0;bottom:0;left:0;width:66%;height:100%;object-fit:cover;object-position:28% 50%;filter:grayscale(1) contrast(1.05)}
.ab-gel::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,11,11,0) 40%,rgba(11,11,11,.7) 56%,var(--ink) 66%);pointer-events:none}
.ab-gel .t{position:absolute;z-index:1;top:0;bottom:0;right:0;width:min(50%,540px);padding:clamp(28px,4vw,52px);display:grid;align-content:center;gap:18px}
.ab-gel h2{font-size:clamp(36px,3.6vw,52px)}
.ab-gel .l1{margin:0;font-size:16px;line-height:1.6;color:#CFCFCF}.ab-gel .l1 strong{color:var(--white)}
.ab-gel .l2{margin:0;font:700 clamp(18px,1.5vw,21px)/1.4 var(--display);letter-spacing:-.02em;color:var(--white)}
.ab-gel .l3{margin:0;font-size:15px;line-height:1.55;color:#9A9A9A;padding-top:18px;border-top:1px solid #262626}
.ab-people .ab-founders .q{background:var(--g1);border:1px solid var(--g2)}
.ab-people .ab-founders .q .who b{color:var(--white)}
.ab-people .ab-founders .q .who span{color:#A8A8A8}
.ab-people .ab-founders .q p{color:#CFCFCF}
.ab-people .ab-founders .q p.tbd{color:#7A7A7A}
.ab-people .qp.ph{background:radial-gradient(120% 90% at 70% 10%,#303030 0%,#1C1C1C 60%,#171717 100%)}
@media (max-width:820px){
  .ab-gel{min-height:0}
  .ab-gel > img{position:relative;width:100%;height:280px;object-position:20% 50%}
  .ab-gel::after{display:none}
  .ab-gel .t{position:relative;width:auto;padding:28px 24px 32px}
}
/* v9: story cards as horizontal rows */
@media (min-width:821px){
  .ab-steps{grid-template-columns:1fr;grid-template-rows:none;gap:12px}
  .ab-st{grid-row:auto;grid-template-rows:none;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);grid-template-areas:"k p" "h p";align-content:start;column-gap:clamp(40px,6vw,96px);padding:clamp(32px,3.6vw,44px)}
  .ab-st .k{grid-area:k;align-self:end}
  .ab-st h3{grid-area:h;align-self:start}
  .ab-st p{grid-area:p;margin:0;align-self:center;max-width:56ch}
}
/* v10: quote as a light pull quote, no box */
.ab-quote.ab-pq{background:none;color:var(--ink);border-radius:0;padding:0;margin:clamp(64px,8vw,104px) auto 0;grid-template-columns:1fr;justify-items:center;text-align:center;gap:22px;max-width:900px}
.ab-pq .qmark{font:800 72px/.6 var(--display);color:var(--turq);height:34px}
.ab-pq blockquote{max-width:20ch;font-size:clamp(32px,4vw,56px);line-height:1.04}
.ab-pq blockquote{text-wrap:balance;max-width:21ch}
.ab-pq blockquote .soft{color:var(--g6);display:block;margin-top:.04em}
.ab-pq figcaption{text-align:center;justify-items:center}
.ab-pq figcaption b{color:var(--ink)}
.ab-pq figcaption span{color:var(--g5)}
@media (max-width:820px){.ab-pq figcaption{text-align:center}}
/* v11: carnosine roles as clean columns, no numbers */
.ab-c4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:auto auto 1fr;gap:0 28px}
.ab-c4 .it{grid-row:span 3;display:grid;grid-template-rows:subgrid;row-gap:0;border-top:1px solid #2A2A2A;padding-top:26px}
.ab-c4 h3{font-size:clamp(20px,1.8vw,24px);color:var(--white)}
.ab-c4 p{margin:10px 0 0;font-size:16px;line-height:1.5;color:#A8A8A8}
@media (max-width:980px){.ab-c4{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto 1fr auto auto 1fr;row-gap:32px}}
@media (max-width:560px){.ab-c4{grid-template-columns:1fr;grid-template-rows:none;row-gap:24px}.ab-c4 .it{grid-row:auto;grid-template-rows:none}}
/* v12: shorter dark band */
.ab-why{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px clamp(40px,6vw,96px);align-items:start;margin-top:clamp(40px,5vw,64px);padding-top:clamp(28px,3vw,40px);border-top:1px solid #262626}
.ab-why .sc-line{margin:0;font-size:clamp(24px,2.6vw,36px)}
.ab-why .sc-line .soft{display:block}
.ab-why .fine{margin:0;max-width:none}
.ab-cells .wrap{padding-block:clamp(64px,8vw,104px)!important}
.ab-gel{margin-top:clamp(40px,5vw,64px);min-height:clamp(480px,40vw,560px)}
@media (max-width:820px){.ab-why{grid-template-columns:1fr}}
.ab-cells .head{flex-wrap:nowrap;align-items:flex-end}
.ab-cells .head > div{max-width:none;flex:1 1 auto}
.ab-cells .head .small{flex:0 0 34ch;margin:0}
.ab-cells .head h2{font-size:clamp(34px,3.6vw,52px)}
@media (max-width:980px){.ab-cells .head{flex-wrap:wrap}}
@media (max-width:560px){.ab-c4{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto 1fr auto auto 1fr;gap:28px 20px}.ab-c4 .it{grid-row:span 3;grid-template-rows:subgrid;padding-top:20px}.ab-c4 h3{font-size:19px}.ab-c4 p{font-size:15px}}
/* v16: one photo, one continuous transition: black opening -> photo -> light founders text */
.abh{padding-bottom:clamp(56px,7vw,88px)}
.ab-ch{padding-top:0}
.ab-intro2{--ph:clamp(460px,50vw,720px);position:relative;isolation:isolate;overflow:hidden;background:var(--paper);margin-bottom:clamp(40px,5vw,64px)}
.ab-intro2 > img{position:absolute;top:0;left:0;width:100%;height:var(--ph);object-fit:cover;object-position:50% 42%;filter:grayscale(1) contrast(1.05);z-index:-2}
.ab-intro2::after{content:"";position:absolute;left:0;right:0;top:-1px;height:calc(var(--ph) + 2px);z-index:-1;background:linear-gradient(180deg,var(--ink) 0%,rgba(11,11,11,.7) 8%,rgba(11,11,11,.15) 22%,rgba(11,11,11,0) 32%,rgba(246,246,246,0) 50%,rgba(246,246,246,.55) 64%,rgba(246,246,246,.88) 78%,var(--paper) 94%)}
.ab-intro2 .wrap{padding-top:calc(var(--ph) * .74);padding-bottom:clamp(40px,5vw,72px)}
.ab-intro2 .t{display:grid;justify-items:center;gap:24px;text-align:center}
.ab-intro2 h2{font-size:clamp(40px,4.8vw,64px)}
.ab-intro2 .lede{margin:0;max-width:62ch;text-align:center;color:#3E3E3E}
@media (max-width:820px){.ab-intro2{--ph:clamp(380px,92vw,560px)}.ab-intro2 > img{object-position:45% 40%}.ab-intro2 .wrap{padding-top:calc(var(--ph) * .78)}}
@media (max-width:560px){.ab-intro2 h2{font-size:clamp(34px,9.4vw,42px)}.ab-intro2 .lede{font-size:17px}}
.ab-why2{margin:clamp(48px,6vw,72px) auto 0;max-width:820px;text-align:center;display:grid;gap:22px;justify-items:center}
.ab-why2 .sc-line{margin:0;font-size:clamp(28px,3.2vw,44px);line-height:1.06}
.ab-why2 .sc-line .soft{display:block}
.ab-why2 .fine{margin:0;max-width:64ch;font-size:17px;line-height:1.6;color:#C4C4C4}
.ab-c4 p{color:#BDBDBD}
}
/* v15: streamlined carnosine section (option C) */
.ab-cells::before{display:none}
.ab-cells .head.ab-hd{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px clamp(40px,6vw,96px);align-items:end}
.ab-cells .head.ab-hd > div{max-width:none}
.ab-cells .head.ab-hd .small{flex:none;max-width:none;font-size:17px;line-height:1.6;color:#CFCFCF}
.ab-big{margin:clamp(64px,8vw,104px) auto 0;text-align:center;font:800 clamp(30px,3.8vw,54px)/1.04 var(--display);letter-spacing:-.045em;word-spacing:.05em;color:var(--white)}
.ab-big .soft{display:block;color:#6F6F6F}
.ab-gel{margin-top:clamp(56px,7vw,88px);min-height:clamp(620px,56vw,720px)}
.ab-gel .why{margin:0;font-size:15px;line-height:1.55;color:#A8A8A8}
.ab-cells .head.ab-hd{grid-template-columns:max-content minmax(0,1fr);column-gap:clamp(40px,5vw,80px)}
.ab-cells .head.ab-hd h2{font-size:clamp(34px,3.3vw,48px)}
.ab-cells .head.ab-hd h2{white-space:nowrap}
.ab-gel::after{background:linear-gradient(90deg,rgba(11,11,11,0) 34%,rgba(11,11,11,.85) 47%,var(--ink) 56%)!important}
@media (max-width:820px){.ab-cells .head.ab-hd{grid-template-columns:1fr}.ab-cells .head.ab-hd h2{white-space:normal}.ab-gel{min-height:0}}
/* v20: medium rows (option A): title left, text right, quote centred below */
.ab-steps{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:none!important;gap:0!important;margin:clamp(32px,4vw,56px) 0 0!important;padding:0!important;max-width:none!important}
.ab-steps::before{display:none!important}
.ab-st{grid-row:auto!important;grid-template-rows:none!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)!important;grid-template-areas:"k p" "h p"!important;align-content:start;column-gap:clamp(40px,6vw,96px)!important;row-gap:12px!important;background:none!important;border-radius:0!important;padding:clamp(28px,3vw,40px) 0!important;border-top:1px solid #D2D2D2}
.ab-st:last-child{border-bottom:1px solid #D2D2D2}
.ab-st::before{display:none!important}
.ab-st .k{grid-area:k!important;margin:4px 0 0!important;align-self:start!important}
.ab-st h3{grid-area:h!important;margin:0!important;align-self:start!important;font-size:clamp(32px,3.4vw,48px)!important;letter-spacing:-.05em;line-height:1}
.ab-st p{grid-area:p!important;margin:0!important;align-self:start!important;font-size:17px;line-height:1.6;color:var(--g5)}
.ab-qa{margin:clamp(64px,8vw,96px) auto 0!important;max-width:760px!important;background:none!important;color:var(--ink)!important;padding:0!important;border-radius:0!important;display:grid!important;grid-template-columns:1fr!important;justify-items:center;text-align:center;gap:20px!important}
.ab-qa .qmark{font:800 72px/.6 var(--display);color:var(--turq);height:34px}
.ab-qa blockquote{margin:0;font:800 clamp(30px,3.6vw,48px)/1.04 var(--display)!important;letter-spacing:-.045em;word-spacing:.05em;max-width:none!important;text-wrap:balance}
.ab-qa blockquote .soft{display:block;color:var(--g6)}
.ab-qa figcaption{display:grid;gap:4px;text-align:center;justify-items:center}
.ab-qa figcaption b{font:700 16px/1.2 var(--display);color:var(--ink)}
.ab-qa figcaption span{font-size:14px;color:var(--g5)}
@media (max-width:820px){
  .ab-st{grid-template-columns:1fr!important;grid-template-areas:"k" "h" "p"!important}
  .ab-st p{margin-top:6px!important}
}
/* v21: M1 molecule hub, S1 rows, quote over a faded photo */
.ab-cells .head.ab-hd{align-items:start!important}
.ab-hub{margin-top:clamp(48px,6vw,72px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr) minmax(0,1fr);gap:40px clamp(24px,3vw,48px);align-items:center}
.ab-hub .side{display:grid;gap:clamp(48px,6vw,80px)}
.ab-hub .side.l{text-align:right}
.ab-hub .rl{padding-top:20px;border-top:1px solid #2A2A2A}
.ab-hub .rl h3{font-size:clamp(20px,1.8vw,24px);color:var(--white)}
.ab-hub .rl p{margin:8px 0 0;font-size:16px;line-height:1.5;color:#BDBDBD}
.mfig{margin:0;position:relative;display:grid;justify-items:center;gap:22px}
.mfig::before{content:"";position:absolute;left:50%;top:44%;width:120%;aspect-ratio:1;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(12,186,186,.16) 0%,rgba(12,186,186,.05) 38%,rgba(12,186,186,0) 66%);pointer-events:none;z-index:0}
.mfig > *{position:relative;z-index:1}
.mol{display:block;width:100%;max-width:520px;height:auto;overflow:visible}
.mol .b{stroke:#fff;stroke-width:2.2;stroke-linecap:round}
.mol .wd{fill:#fff}
.mol .a{fill:var(--turq);font:700 17px var(--body)}
.mol .sub{font-size:12px}
.mcap{display:grid;gap:6px;justify-items:center;text-align:center}
.mcap b{font:700 13px/1 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--turq)}
.mcap span{font-size:14px;color:#A8A8A8}
.mcap sub{font-size:.75em;line-height:0}
.ab-st{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)!important;padding:clamp(32px,3.6vw,48px) 0!important;border-color:#CFCFCF!important}
.ab-st .k{align-self:end!important;margin:0!important}
.ab-st h3{font-size:clamp(40px,4.8vw,68px)!important;letter-spacing:-.055em!important;line-height:.98!important;margin-top:6px!important}
.ab-st p{align-self:center!important}
.ab-qp{position:relative;isolation:isolate;max-width:none!important;margin:clamp(56px,7vw,88px) 0 0!important;padding:clamp(96px,12vw,160px) 0 clamp(150px,17vw,240px)!important}
.ab-qp .qbg{position:absolute;top:0;bottom:0;left:50%;width:100vw;max-width:none;height:100%;transform:translateX(-50%);object-fit:cover;object-position:50% 30%;filter:grayscale(1) contrast(1.05);z-index:-2}
.ab-qp::after{content:"";position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);z-index:-1;background:radial-gradient(ellipse 44% 44% at 50% 40%,rgba(246,246,246,.95) 0%,rgba(246,246,246,.86) 55%,rgba(246,246,246,0) 100%),linear-gradient(180deg,var(--paper) 0%,rgba(246,246,246,.55) 16%,rgba(246,246,246,.35) 40%,rgba(11,11,11,0) 62%,rgba(11,11,11,.7) 86%,var(--ink) 100%)}
.ab-qp blockquote{font-size:clamp(28px,3.2vw,44px)!important;max-width:780px!important;text-wrap:balance}
.ab-qp .qmark{font-size:64px!important;height:30px!important}
section#founded{padding-bottom:0}

@media (max-width:820px){
  .ab-hub{grid-template-columns:1fr;gap:28px}.ab-hub .side{display:contents}.ab-hub .side.l{text-align:left}.ab-hub .mfig{order:0;margin-bottom:12px}
  .ab-hub .o1{order:1}.ab-hub .o2{order:2}.ab-hub .o3{order:3}.ab-hub .o4{order:4}
  .ab-qp{padding-bottom:clamp(200px,52vw,260px)!important}
  .ab-qp::after{background:linear-gradient(180deg,var(--paper) 0%,rgba(246,246,246,.9) 12%,rgba(246,246,246,.9) 66%,rgba(11,11,11,0) 80%,rgba(11,11,11,.7) 92%,var(--ink) 100%)!important}
  .ab-st{grid-template-columns:1fr!important}.ab-st h3{font-size:clamp(38px,11vw,52px)!important}
  .ab-qp .qbg{object-position:50% 35%}
}
/* v22: quote without photo, clean edge into the dark section */
.ab-qp{padding:0!important;margin:clamp(72px,9vw,112px) auto 0!important;max-width:820px!important}
.ab-qp::after{display:none!important}
section#founded{padding-bottom:clamp(80px,10vw,128px)!important}
@media (max-width:820px){.ab-qp{padding:0!important}}
/* v23: What we stand for as big keywords (option C) */
.ab-vh{display:flex;justify-content:space-between;align-items:flex-end;gap:16px 40px;flex-wrap:wrap;margin-bottom:clamp(36px,4vw,56px)}
.ab-vh h2{font-size:clamp(36px,4vw,56px)}
.ab-vh p{margin:0;font-size:17px;color:var(--g5)}
.ab-vals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:auto auto 1fr;gap:0 clamp(24px,3vw,40px)}
.ab-vals .v{grid-row:span 3;display:grid;grid-template-rows:subgrid;row-gap:14px;border-top:2px solid var(--ink);padding-top:22px}
.ab-vals .big{font:800 clamp(22px,2.2vw,31px)/1 var(--display);letter-spacing:-.05em;white-space:nowrap}
.ab-vals h3{font:700 17px/1.35 var(--display);letter-spacing:-.01em}
.ab-vals p{margin:0;font-size:16px;line-height:1.55;color:var(--g5)}
@media (max-width:980px){.ab-vals{grid-template-columns:1fr 1fr;grid-template-rows:auto auto 1fr auto auto 1fr;row-gap:36px}.ab-vals .big{font-size:clamp(26px,4vw,34px)}}
@media (max-width:560px){.ab-vals{grid-template-columns:1fr;grid-template-rows:none;row-gap:32px}.ab-vals .v{grid-row:auto;grid-template-rows:none}}
/* v24: one title size for every section (as Founded by an athlete), calmer story titles, one size for statements */
.ab-intro2 h2,.ab-cells .head.ab-hd h2,.ab-gel h2,.ab-vh h2,.ab-people .head h2{font-size:clamp(40px,4.8vw,64px)!important;line-height:1.02!important}
.ab-cells .head.ab-hd{grid-template-columns:1fr!important;row-gap:22px!important}
.ab-cells .head.ab-hd .small{max-width:62ch!important}
.ab-st h3{font-size:clamp(28px,2.8vw,40px)!important;letter-spacing:-.045em!important;line-height:1.02!important}
.ab-big,.ab-values .gc-line{font-size:clamp(28px,3.2vw,44px)!important;line-height:1.06!important}
.ab-gel{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,560px);min-height:clamp(560px,50vw,680px)}
.ab-gel .t{position:relative!important;top:auto!important;bottom:auto!important;right:auto!important;grid-column:2;width:auto!important;padding:clamp(40px,5vw,64px) clamp(28px,4vw,52px)!important}
@media (max-width:820px){.ab-gel{grid-template-columns:1fr}.ab-gel .t{grid-column:1}}
@media (max-width:560px){.ab-intro2 h2,.ab-cells .head.ab-hd h2,.ab-gel h2,.ab-vh h2,.ab-people .head h2{font-size:clamp(34px,9.4vw,42px)!important}}
/* v25: runners photo fades from the light values section into the black founders section */
.ab-vsec{padding-bottom:0!important}
.ab-run{position:relative;margin-top:clamp(48px,6vw,80px);height:clamp(320px,40vw,600px);overflow:hidden;background:var(--paper)}
.ab-run img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 52%;filter:grayscale(1) contrast(1.05)}
.ab-run::after{content:"";position:absolute;inset:-1px;background:linear-gradient(180deg,var(--paper) 0%,rgba(246,246,246,.55) 14%,rgba(246,246,246,0) 32%,rgba(246,246,246,0) 66%,rgba(246,246,246,.6) 84%,var(--paper) 100%)}
#people .panel{margin-top:-1px}
@media (max-width:820px){.ab-run{height:clamp(260px,62vw,380px)}.ab-run img{object-position:60% 52%}}
/* v27: quote over a triathlete finish photo, left-aligned, fading into the black carnosine section */
.ab-qt{position:relative;isolation:isolate;max-width:none!important;margin:clamp(64px,8vw,104px) 0 0!important;padding:clamp(110px,12vw,170px) 0 clamp(200px,20vw,290px)!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;justify-items:start!important;text-align:left!important;gap:20px!important;background:none!important}
.ab-qt > .qmark,.ab-qt > blockquote,.ab-qt > figcaption{grid-column:1;position:relative;z-index:1}
.ab-qt blockquote{font-size:clamp(28px,3.2vw,44px)!important;max-width:15ch!important;text-wrap:balance}
.ab-qt figcaption{text-align:left!important;justify-items:start!important}
.ab-qt .qmark{font-size:64px!important;height:30px!important}
.ab-qt .qbg{position:absolute;top:0;bottom:0;left:50%;width:100vw;max-width:none;height:100%;transform:translateX(-50%);object-fit:cover;object-position:66% 22%;filter:grayscale(1) contrast(1.05);z-index:-2}
.ab-qt::after{content:"";position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);z-index:-1;background:linear-gradient(180deg,var(--paper) 0%,rgba(246,246,246,0) 22%,rgba(11,11,11,0) 74%,rgba(11,11,11,.72) 90%,var(--ink) 100%),linear-gradient(90deg,var(--paper) 0%,rgba(246,246,246,.94) 36%,rgba(246,246,246,.55) 47%,rgba(246,246,246,0) 60%)}
@media (max-width:820px){
  .ab-qt{grid-template-columns:1fr!important;padding:0 0 clamp(300px,80vw,380px)!important;margin-top:clamp(56px,10vw,80px)!important}
  .ab-qt .qbg{top:auto;height:clamp(320px,84vw,400px);object-position:70% 20%}
  .ab-qt::after{background:linear-gradient(180deg,var(--paper) 0%,var(--paper) calc(100% - clamp(320px,84vw,400px)),rgba(246,246,246,0) calc(100% - clamp(320px,84vw,400px) + 90px),rgba(11,11,11,0) 72%,rgba(11,11,11,.75) 90%,var(--ink) 100%)}
}
/* v28: credit for the athlete in the quote photo */
.ab-qt .pcap{position:absolute;right:0;bottom:clamp(28px,3vw,44px);z-index:1;font:600 13px/1.2 var(--body);color:var(--white);text-shadow:0 1px 8px rgba(0,0,0,.6);letter-spacing:.01em}
@media (max-width:820px){.ab-qt .pcap{right:auto;left:0;bottom:24px}}
/* v29: quote as the homepage story panel, mirrored (photo right, text left) */
section#founded{padding-bottom:clamp(80px,10vw,140px)!important}
.ab-qsec{padding-bottom:clamp(80px,10vw,140px)}
.ab-sp .qmark{font:800 64px/.6 var(--display);color:var(--turq);height:30px}
.ab-sp .story-copy h2{max-width:15ch}
@media (min-width:821px){
  .ab-sp > img{left:auto!important;right:0;width:50%!important;object-position:62% 30%!important}
  .ab-sp::after{background:linear-gradient(90deg,rgba(246,246,246,1) 0%,rgba(246,246,246,1) 50%,rgba(246,246,246,.55) 53%,rgba(246,246,246,0) 60%)!important}
  .ab-sp .wrap{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)!important}
  .ab-sp .story-copy{grid-column:1!important}
  .ab-sp .credit{left:auto!important;right:18px}
}
@media (max-width:820px){.ab-sp > img{object-position:66% 25%!important}.ab-sp .credit{top:256px!important;bottom:auto!important;left:20px!important;color:var(--g5)!important;text-shadow:none!important}}
/* v30: audit fixes */
.abh h1{max-width:17ch}
.abh h1 .soft{display:block;text-wrap:balance}
.sp-q{margin:0;font:800 clamp(28px,3.2vw,44px)/1.06 var(--display);letter-spacing:-.045em;word-spacing:.05em;color:var(--ink);max-width:15ch;text-wrap:balance}
.sp-q .soft{color:var(--g6)}
section#values{padding-top:0!important}
.ab-hub{align-items:stretch!important}
.ab-hub .side{grid-template-rows:1fr 1fr;align-content:stretch}
.ab-hub .mfig{align-self:center}
@media (min-width:821px){.ab-gel{grid-template-columns:minmax(0,1fr) minmax(0,620px)!important}.ab-gel .t{padding:clamp(40px,5vw,64px) clamp(28px,3.4vw,48px)!important}}
@media (max-width:820px){.ab-gel .t{padding:28px 24px 32px!important}}
@media (max-width:820px){
  .ab-intro2 .t{justify-items:start!important;text-align:left!important}
  .ab-intro2 .lede{text-align:left!important}
  .ab-values .gc-line,.ab-after,.ab-big{text-align:left!important;margin-left:0!important}
  .ab-sp{min-height:0!important}
  .ab-sp .wrap{padding-bottom:clamp(40px,10vw,56px)!important}
  .ab-hub .side{grid-template-rows:none}
}
/* v31: story rows without labels */
.ab-st{grid-template-areas:"h p"!important;align-items:start}
.ab-st h3{align-self:start!important;margin:0!important}
@media (max-width:820px){.ab-st{grid-template-areas:"h" "p"!important}.ab-st p{margin-top:14px!important}}
/* v32: gel block straight on black, one body style */
.ab-gel{border:0!important;border-radius:0!important;background:none!important;overflow:visible!important}
.ab-gel > img{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16%),linear-gradient(180deg,transparent 0,#000 16%,#000 84%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 16%),linear-gradient(180deg,transparent 0,#000 16%,#000 84%,transparent 100%);mask-composite:intersect}
.ab-gel .why,.ab-gel .l1{margin:0;font-size:16px;line-height:1.6;color:#CFCFCF}
@media (min-width:821px){.ab-gel .t{padding-right:0!important}}
@media (max-width:820px){
  .ab-gel > img{width:calc(100% + 2*clamp(16px,4vw,40px))!important;max-width:none;margin-inline:calc(-1*clamp(16px,4vw,40px));-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 12%,#000 72%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 12%,#000 72%,transparent 100%)}
  .ab-gel .t{padding:8px 0 0!important}
}
/* v32: hub titles on one line */
@media (min-width:821px){
  .ab-hub{grid-template-columns:minmax(max-content,1fr) minmax(0,1.35fr) minmax(max-content,1fr)!important;column-gap:32px!important}
  .ab-hub .rl h3{white-space:nowrap;font-size:clamp(18px,1.8vw,24px)}
  .ab-hub .rl p{max-width:24ch}
  .ab-hub .side.l .rl p{margin-left:auto}
}
/* v32: quote a little wider */
@media (min-width:821px){.sp-q{max-width:none}}
/* v33: story as a black band (F), carnosine light, values dark */
section#founded{padding-bottom:clamp(64px,8vw,104px)!important}
.ab-sb{background:var(--ink);color:var(--white);padding-bottom:clamp(72px,9vw,120px)}
.ab-sb .ph{position:relative;height:clamp(320px,36vw,540px);overflow:hidden}
.ab-sb .ph img{width:100%;height:100%;object-fit:cover;object-position:60% 28%;filter:grayscale(1) contrast(1.06) brightness(.85)}
.ab-sb .ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,11,11,.4) 0%,rgba(11,11,11,0) 28%,rgba(11,11,11,0) 55%,var(--ink) 100%)}
.ab-sb .cr{position:absolute;right:18px;bottom:18px;z-index:2;padding:9px 13px;border-radius:999px;background:rgba(11,11,11,.8);font:600 13px/1 var(--body);color:var(--white);display:inline-flex;gap:8px;align-items:center}
.ab-sb .cr::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--turq)}
.ab-sb .grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:40px clamp(40px,6vw,96px);align-items:start;margin-top:clamp(8px,1vw,16px)}
.ab-sb .sq{margin:0;display:grid;gap:22px;position:sticky;top:96px}
.ab-sb .qmark{font:800 64px/.6 var(--display);color:var(--turq);height:30px}
.ab-sb .sp-q{color:var(--white);font-size:clamp(32px,3.6vw,52px);max-width:none}
.ab-sb .sp-q .soft{color:#7A7A7A}
.ab-sb .sign{border-top-color:#2A2A2A}.ab-sb .sign b{color:var(--white)}.ab-sb .sign span{color:#A8A8A8}
.ab-sb .chs{display:grid}
.ab-sb .ch{display:grid;gap:12px;padding:clamp(28px,3vw,40px) 0;border-top:1px solid #2A2A2A}
.ab-sb .ch:last-child{border-bottom:1px solid #2A2A2A}
.ab-sb .ch h3{font-size:clamp(28px,2.8vw,40px);letter-spacing:-.045em;line-height:1.02;color:var(--white)}
.ab-sb .ch h3 .dot{color:var(--turq)}
.ab-sb .ch p{margin:0;font-size:17px;line-height:1.6;color:#BDBDBD}
.ab-sb .ch-n{font:600 13px/1 var(--body);letter-spacing:.04em;color:#8F8F8F;font-variant-numeric:tabular-nums}
.ab-sb .ch-n i{font-style:normal;color:var(--turq);margin-right:4px}
/* v34: opening as on the Science page; story band opens with the founders heading */
nav.main{background:var(--ink)}
.osh{background:var(--paper);color:var(--ink);padding:clamp(56px,7vw,96px) 0 clamp(80px,10vw,140px)}
.osh .wrap{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:40px clamp(40px,5vw,72px);align-items:center}
.osh h1{font-size:clamp(44px,5vw,76px);color:var(--ink);max-width:none}
.osh h1 .soft{display:block;color:var(--g6)}
.osh p{margin:28px 0 32px;font-size:18px;line-height:1.55;color:var(--g5);max-width:50ch}
.osh p strong{font-weight:600;color:var(--ink)}
.osh .h-actions{display:flex;gap:10px;flex-wrap:wrap}
.btn.line-d.pad{padding:14px 20px}
.osh figure{margin:0;display:grid;gap:12px}
.osh .ph{border-radius:20px;overflow:hidden;aspect-ratio:4/5;background:var(--ink)}
.osh .ph img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;filter:grayscale(1) contrast(1.06)}
.osh figcaption{font-size:13px;color:var(--g5);letter-spacing:.02em}
.ab-sb{padding-top:clamp(72px,9vw,120px)}
.sb-head{margin-bottom:clamp(40px,5vw,64px)}
.sb-head h2{color:var(--white);font-size:clamp(40px,4.8vw,64px)}
.sb-head h2 .soft{color:#6F6F6F}
.sb-head .small{color:#A8A8A8;max-width:40ch}
.sb-head .small strong{color:var(--white)}
.ab-sb .grid{margin-top:0}
@media (max-width:820px){.osh .wrap{grid-template-columns:1fr}.osh .ph{aspect-ratio:4/3}.osh .ph img{object-position:50% 38%}}
@media (max-width:560px){.osh h1{font-size:clamp(38px,10.4vw,50px)}.osh p{font-size:17px}.sb-head h2{font-size:clamp(34px,9.4vw,42px)}}
/* v35: story and values as rounded black cards with liquid backgrounds */
.ab-card{position:relative;isolation:isolate;overflow:clip;background:var(--ink);color:var(--white);border-radius:24px}
.ab-sb.ab-card{padding:0}
.ab-cin{position:relative;padding:clamp(48px,6vw,88px) clamp(22px,5vw,72px)}
.cbg{position:absolute;top:0;right:0;width:68%;height:min(100%,760px);object-fit:cover;z-index:-1;pointer-events:none;filter:grayscale(1) invert(1) contrast(1.15) brightness(.9);opacity:.5;-webkit-mask-image:linear-gradient(270deg,#000 0%,rgba(0,0,0,.7) 40%,transparent 92%),linear-gradient(180deg,#000 0%,#000 30%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(270deg,#000 0%,rgba(0,0,0,.7) 40%,transparent 92%),linear-gradient(180deg,#000 0%,#000 30%,transparent 100%);mask-composite:intersect}
.cbg-v{object-position:50% 70%}
.ab-vband.ab-card .ab-values{padding:clamp(48px,6vw,88px) clamp(22px,5vw,72px) clamp(56px,7vw,96px)}
.ab-vsec .ab-run{margin-top:clamp(24px,3vw,40px)}
@media (max-width:820px){.cbg{width:100%;height:420px;-webkit-mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.5) 50%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.5) 50%,transparent 100%)}}
/* v36: science link, partner button, bottle photo */
.sci-cta{margin-top:6px}
.ab-wacts{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;align-self:center}
.ab-light .ab-gel > img{object-position:86% 50%!important}
@media (max-width:820px){.ab-wacts{justify-content:flex-start}.ab-light .ab-gel > img{object-position:92% 50%!important}}
/* carnosine on the light page */
.ab-light::before{display:none!important}
.ab-cells.ab-light{overflow:hidden}
section#journey{padding-bottom:0!important}
section#carnosine{padding-bottom:0!important}
.ab-light .ab-hd h2{color:var(--ink)}
.ab-light .ab-hd h2 .soft{color:var(--g6)}
.ab-cells.ab-light .head.ab-hd .small{color:var(--g5)}
.ab-light .small strong{color:var(--ink)}
.ab-light .ab-hub .rl{border-top-color:#D2D2D2}
.ab-light .ab-hub .rl h3{color:var(--ink)}
.ab-light .ab-hub .rl p{color:var(--g5)}
.ab-light .mol .b{stroke:var(--ink)}
.ab-light .mol .wd{fill:var(--ink)}
.ab-light .mol .a{fill:#078F8F}
.ab-light .mfig::before{background:radial-gradient(circle,rgba(12,186,186,.14) 0%,rgba(12,186,186,.04) 38%,rgba(12,186,186,0) 66%)}
.ab-light .mcap b{color:#078F8F}
.ab-light .mcap span{color:var(--g5)}
.ab-light .ab-big{color:var(--ink)}
.ab-light .ab-big .soft{color:var(--g6)}
.ab-light .ab-gel{background:none!important;display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;gap:32px clamp(40px,6vw,96px);align-items:center;min-height:0!important;margin-top:clamp(64px,8vw,104px)!important}
.ab-light .ab-gel > img{position:relative!important;top:auto!important;bottom:auto!important;left:auto!important;width:100%!important;height:auto!important;aspect-ratio:4/5;object-fit:cover;object-position:86% 50%!important;border-radius:20px;-webkit-mask-image:none!important;mask-image:none!important;margin:0!important;filter:grayscale(1) contrast(1.04)}
.ab-light .ab-gel::after{display:none!important}
.ab-light .ab-gel .t{position:static!important;grid-column:2!important;width:auto!important;padding:0!important}
.ab-light .ab-gel h2{color:var(--ink)}
.ab-light .ab-gel h2 .soft{color:var(--g6)}
.ab-light .ab-gel .why,.ab-light .ab-gel .l1{color:var(--g5)}
.ab-light .ab-gel .l1 strong{color:var(--ink)}
.ab-light .ab-gel .l2{color:var(--ink)}
.ab-light .ab-gel .l3{color:var(--g5);border-top-color:#D2D2D2}
/* values on a black band */
section#values{padding-top:0!important}
.ab-vband .ab-values{padding-top:clamp(72px,9vw,120px)}
.ab-vband .ab-vh p{color:#A8A8A8}
.ab-vband .ab-vals .v{border-top-color:var(--white)}
.ab-vband .ab-vals .big,.ab-vband .ab-vals h3{color:var(--white)}
.ab-vband .ab-vals p{color:#BDBDBD}
.ab-vband .gc-line{color:var(--white)}
.ab-vband .ab-after{color:#A8A8A8}
.ab-vband .ab-run{background:var(--ink)}
.ab-vband .ab-run img{filter:grayscale(1) contrast(1.05) brightness(.9)}
.ab-vband .ab-run::after{background:linear-gradient(180deg,var(--ink) 0%,rgba(11,11,11,.55) 14%,rgba(11,11,11,0) 32%,rgba(11,11,11,0) 66%,rgba(11,11,11,.6) 84%,var(--ink) 100%)}
@media (max-width:820px){
  .ab-sb .grid{grid-template-columns:1fr}
  .ab-sb .sq{position:static}
  .ab-sb .ph{height:clamp(260px,70vw,380px)}
  .ab-sb .ph img{object-position:62% 25%}
  .ab-light .ab-gel{grid-template-columns:1fr!important}
  .ab-light .ab-gel > img{aspect-ratio:4/3;object-position:92% 50%!important;width:100%!important;margin:0!important}
  .ab-light .ab-gel .t{grid-column:1!important}
}
@media (max-width:980px){.cards4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:820px){.ab-founders .qp{aspect-ratio:16/9}.ab-split{grid-template-columns:1fr}.ab-split .qcard{position:static}.ab-founders{grid-template-columns:1fr}.ab-work .btn{justify-self:start}.ab-photo{aspect-ratio:4/3}}
@media (max-width:560px){.cards4{grid-template-columns:1fr;gap:8px}}
/* affiliates page */
.osh .aff-note{margin:16px 0 0;font-size:14px;line-height:1.5;color:var(--g5)}
.aff-earn{margin-top:4px;padding-top:20px;border-top:1px solid #2A2A2A;display:grid;gap:12px}
.aff-earn .lab{font:600 11px/1 var(--body);letter-spacing:.16em;text-transform:uppercase;color:#8F8F8F}
.aff-earn ul{list-style:none;margin:0;padding:0}
.aff-earn li{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:12px 0;border-bottom:1px solid #262626;font-size:15px;color:#C4C4C4}
.aff-earn li b{font:600 clamp(22px,2vw,28px)/1 var(--body);letter-spacing:-.03em;color:var(--white);font-variant-numeric:tabular-nums;white-space:nowrap}
.aff-earn li:last-child b{color:var(--turq)}
.aff-earn small{font-size:13px;line-height:1.5;color:#8F8F8F}
.ab-run.aff-run img{object-position:55% 28%}
.aff-close-note{margin-top:-14px;font-size:14px;color:var(--g5)}
@media (max-width:820px){.ab-run.aff-run img{object-position:58% 26%}}

/* ===== blog ===== */
.bl-meta{margin:0;font:600 11px/1.3 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--g5)}
.bl-h{padding-block:clamp(56px,7vw,104px) clamp(48px,6vw,80px)}
.bl-h h1{font-size:clamp(48px,6.4vw,92px);line-height:.94;letter-spacing:-.045em}
.bl-h .lede{max-width:34em;margin-top:26px;font-size:18px;line-height:1.5;color:var(--g5)}
/* featured: black bubble */
.bl-feat{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:clamp(420px,40vw,540px);border-radius:24px;overflow:hidden;background:var(--ink);color:var(--white);text-decoration:none}
.bl-feat .im{position:relative;overflow:hidden;background:var(--g1)}
.bl-feat .im img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05);transition:transform .6s ease}
.bl-feat:hover .im img{transform:scale(1.04)}
.bl-feat .tx{display:grid;align-content:space-between;gap:32px;padding:clamp(28px,4vw,56px)}
.bl-feat .bl-meta{color:var(--g6)}
.bl-feat .bl-meta b{color:var(--turq);font-weight:600}
.bl-feat h2{margin-top:18px;font-size:clamp(32px,2.9vw,42px);line-height:1;color:var(--white)}
.bl-feat h2 .soft{color:#6F6F6F}
.bl-feat p{margin-top:20px;max-width:34em;font-size:16px;line-height:1.6;color:#C4C4C4}
.bl-feat .foot-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px}
.bl-feat .by{font-size:13px;color:var(--g6)}
.bl-feat .btn{background:var(--white);color:var(--ink)}
/* list */
.bl-list{padding-block:clamp(80px,10vw,140px) 0}
.head > .bl-filter{display:flex;flex-wrap:wrap;gap:8px;max-width:none}
.bl-chip{min-height:40px;padding:0 18px;border:0;border-radius:999px;background:transparent;box-shadow:inset 0 0 0 1px #CFCFCF;font:600 13px/1 var(--body);color:var(--ink);cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}
.bl-chip:hover{box-shadow:inset 0 0 0 1px var(--ink)}
.bl-chip[aria-pressed="true"]{background:var(--ink);color:var(--white);box-shadow:none}
.bl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(40px,4.4vw,60px) clamp(16px,2vw,24px)}
.bl-grid.big2{grid-template-columns:repeat(6,minmax(0,1fr))}
.bl-grid.big2 .bl-card{grid-column:span 2}
.bl-grid.big2:not(.filtered) .bl-card:nth-child(-n+2){grid-column:span 3}
.bl-grid.big2:not(.filtered) .bl-card:nth-child(-n+2) h3{font-size:clamp(24px,2.2vw,30px)}
.bl-card[hidden]{display:none}
.bl-card a{display:grid;gap:14px;align-content:start;color:inherit;text-decoration:none}
.bl-card .im{aspect-ratio:16/10;border-radius:16px;overflow:hidden;background:var(--g8)}
.bl-card .im img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05);transition:transform .6s ease}
.bl-card a:hover .im img{transform:scale(1.04)}
.bl-card .bl-meta{margin-top:6px}
.bl-card h3{font-size:22px;line-height:1.15;letter-spacing:-.04em;text-wrap:balance}
.bl-card a:hover h3{text-decoration:underline;text-decoration-color:var(--turq);text-underline-offset:4px;text-decoration-thickness:2px}
.bl-card time{font-size:13px;color:var(--g5)}
.bl-count{margin-top:clamp(36px,4vw,52px);font-size:14px;color:var(--g5)}
/* newsletter bubble */
.bl-nl{padding-block:clamp(80px,10vw,140px) 0}
@media (max-width:820px){.bl-nl{padding-bottom:64px}}
.bl-nl .box{border-radius:24px;background:var(--ink);color:var(--white);padding:clamp(32px,5vw,64px)}
.bl-nl .nl{margin:0;padding:0;border:0}
.bl-nl .nl h3{margin-top:0}
.bl-nl small{color:#9A9A9A}
.bl-nl small a{color:#E4E4E4}
.bl-nl .nl{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}
.bl-nl .nl>*{min-width:0}
.bl-nl .nl-form{grid-template-columns:minmax(0,1fr)}
.bl-nl .nl-row input{width:100%;min-width:0}
@media (max-width:820px){.bl-nl .nl{grid-template-columns:minmax(0,1fr)}}
@media (max-width:520px){.bl-nl .nl-row{flex-direction:column;border-radius:20px;padding:8px}.bl-nl .nl-row input{padding:12px}.bl-nl .nl-row .btn{justify-content:space-between}}

/* ===== article ===== */
.ar-prog{position:absolute;left:0;bottom:-1px;height:2px;width:0;background:var(--turq);z-index:2}
.ar-h{padding-top:clamp(48px,6vw,88px)}
.ar-crumb{display:flex;gap:10px;font:500 13px/1 var(--body);color:var(--g5)}
.ar-crumb a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--turq);text-underline-offset:3px;text-decoration-thickness:1.5px}
.ar-h h1{margin-top:24px;font-size:clamp(46px,6.2vw,88px);line-height:.94;letter-spacing:-.045em}
.ar-by{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:28px;font-size:14px;color:var(--g5)}
.ar-by b{color:var(--ink);font-weight:600}
.ar-h figure{margin:0}
.ar-hero{margin-top:clamp(36px,4.4vw,56px);aspect-ratio:21/9;border-radius:24px;overflow:hidden;background:var(--g8)}
.ar-hero img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05)}
.ar-cap{margin-top:12px;font-size:13px;color:var(--g5)}
.ar-body{display:grid;grid-template-columns:200px minmax(0,680px);justify-content:space-between;gap:clamp(40px,6vw,96px);padding-block:clamp(56px,7vw,104px) clamp(80px,10vw,140px)}
.ar-toc{position:sticky;top:96px;align-self:start}
.ar-toc ol{list-style:none;margin:16px 0 0;padding:0;counter-reset:t}
.ar-toc li{counter-increment:t;border-top:1px solid var(--g8)}
.ar-toc a{display:grid;grid-template-columns:28px 1fr;padding:12px 0;font-size:14px;line-height:1.4;color:var(--g5);text-decoration:none;transition:color .2s}
.ar-toc a::before{content:counter(t,decimal-leading-zero);font-weight:600;font-size:12px;color:#9A9A9A}
.ar-toc a:hover,.ar-toc a.on{color:var(--ink)}
.ar-toc a.on::before{color:var(--turq)}
.ar-toc-m{display:none}
.prose{min-width:0}
.prose>p{margin:0 0 1.2em;font-size:18px;line-height:1.7;color:#2F2F2F}
.prose>p.lead{margin-bottom:1.4em;font-size:clamp(20px,1.9vw,23px);line-height:1.5;color:var(--ink)}
.prose h2{margin:clamp(52px,6vw,72px) 0 22px;font-size:clamp(30px,3.2vw,44px);line-height:1;letter-spacing:-.045em;scroll-margin-top:96px}
.prose h2 .soft{display:block}
.prose h3{font-size:20px;letter-spacing:-.03em}
section.ar-close{padding-top:0}
.ar-jobs{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ar-jobs li{padding:24px;border-radius:16px;background:var(--white)}
.ar-jobs .n{display:block;margin-bottom:22px;font:600 36px/1 var(--body);letter-spacing:-.045em}
.ar-jobs .n i{font-style:normal;color:var(--turq)}
.ar-jobs p{margin:8px 0 0;font-size:15px;line-height:1.6;color:var(--g5)}
.ar-points{list-style:none;margin:24px 0 28px;padding:0}
.ar-points li{display:grid;grid-template-columns:minmax(0,200px) minmax(0,1fr);gap:8px 24px;padding:18px 0;border-top:1px solid var(--g8)}
.ar-points li:last-child{border-bottom:1px solid var(--g8)}
.ar-points b{font:700 17px/1.3 var(--display);letter-spacing:-.02em}
.ar-points span{font-size:16px;line-height:1.6;color:#3A3A3A}
.ar-fig{margin:36px 0}
.ar-fig .im{aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:var(--g8)}
.ar-fig img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05)}
.ar-fig figcaption{margin-top:12px;font-size:13px;color:var(--g5)}
.ar-stats{margin:32px 0;padding:clamp(28px,4vw,40px);border-radius:24px;background:var(--ink);color:var(--white)}
.ar-stats .row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.ar-stats .row>div{padding:0 16px;text-align:center}
.ar-stats .row>div+div{border-left:1px solid var(--g2)}
.ar-stats b{display:block;font:600 clamp(40px,4.4vw,56px)/1 var(--body);letter-spacing:-.045em}
.ar-stats b i{font-style:normal;color:var(--turq)}
.ar-stats span{display:block;margin-top:10px;font-size:14px;line-height:1.4;color:#C4C4C4}
.ar-stats span em{display:block;font-style:normal;color:var(--white);font-weight:600}
.ar-stats p{margin:24px 0 0;padding-top:18px;border-top:1px solid var(--g2);font-size:13px;line-height:1.5;color:#9A9A9A;text-align:center}
.ar-note{padding-left:16px;border-left:2px solid var(--turq);font-size:15px!important;color:var(--g5)!important}
.ar-prod{display:grid;grid-template-columns:150px minmax(0,1fr);gap:28px;align-items:center;margin:36px 0 8px;padding:24px 28px 24px 24px;border-radius:24px;background:var(--white)}
.ar-prod img{width:100%;height:auto}
.ar-prod h3{font-size:24px;letter-spacing:-.045em}
.ar-prod h3 .soft{color:#8A8A8A}
.ar-prod .nw{white-space:nowrap}
.ar-prod p{margin:10px 0 18px;font-size:15px;color:var(--g5)}
.ar-prod .acts{display:flex;flex-wrap:wrap;gap:10px}
.ar-refs{margin:0;padding:0;list-style:none;counter-reset:r}
.ar-refs li{counter-increment:r;display:grid;grid-template-columns:32px minmax(0,1fr);padding:12px 0;border-top:1px solid var(--g8);font-size:14px;line-height:1.55;color:var(--g5)}
.ar-refs li::before{content:counter(r);font-weight:600;color:var(--ink)}
.ar-refs em{font-style:italic}
.ar-refs a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--turq);text-underline-offset:3px;text-decoration-thickness:1.5px}
/* the 17 posts: their own headings, lists, tables and links */
.prose>h3{margin:44px 0 14px;font-size:clamp(21px,1.9vw,25px);line-height:1.2;letter-spacing:-.035em;scroll-margin-top:96px}
.prose>h4{margin:30px 0 10px;font:700 17px/1.3 var(--display);letter-spacing:-.02em}
.prose h2 em,.prose h3 em,.prose h4 em{font-style:normal}
.prose h2 strong,.prose h3 strong,.prose h4 strong{font-weight:inherit}
.prose>ul,.prose>ol{margin:0 0 1.4em;padding-left:1.25em;font-size:17px;line-height:1.65;color:#2F2F2F}
.prose>ul li,.prose>ol li{margin:.4em 0;padding-left:.2em}
.prose>ul li::marker,.prose>ol li::marker{color:var(--turq);font-weight:600}
.prose>p a,.prose>ul a,.prose>ol a,.prose>h3 a,.prose>h4 a,.prose .tbl a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--turq);text-underline-offset:3px;text-decoration-thickness:1.5px;overflow-wrap:anywhere}
.prose>p strong,.prose>ul strong,.prose>ol strong{font-weight:600;color:var(--ink)}
.prose .tbl{margin:8px 0 32px;overflow-x:auto;-webkit-overflow-scrolling:touch}
.prose table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.5}
.prose td{padding:14px 16px 14px 0;border-bottom:1px solid var(--g8);vertical-align:top;color:#2F2F2F}
.prose tr:first-child td{border-bottom:1px solid var(--ink);font-weight:600;color:var(--ink)}
.ar-fig.pack .im{background:var(--white)}
.ar-fig.pack img{object-fit:contain;filter:none;padding:clamp(16px,3vw,32px)}
.prose>.ar-prod{margin-top:56px}
.ar-h.post h1{font-size:clamp(38px,4.6vw,68px);line-height:1;max-width:20ch;text-wrap:balance}
@media (max-width:560px){.ar-h.post h1{font-size:clamp(32px,9vw,40px)}}
/* keep reading: black band */
.ar-more{padding-block:clamp(80px,10vw,140px);background:var(--ink);color:var(--white)}
.ar-more h2{color:var(--white)}
.ar-more h2 .soft{color:#6F6F6F}
.ar-more .bl-meta{color:var(--g6)}
.ar-more .bl-card h3{color:var(--white)}
.ar-more .bl-card time{color:var(--g6)}
.ar-more .bl-card .im{background:var(--g1)}
.ar-more .all{margin-top:clamp(40px,4.4vw,56px)}

@media (max-width:980px){
  .bl-grid,.bl-grid.big2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bl-grid.big2 .bl-card,.bl-grid.big2:not(.filtered) .bl-card:nth-child(-n+2){grid-column:auto}
  .ar-body{grid-template-columns:minmax(0,1fr)}
  .ar-toc{display:none}
  .ar-toc-m{display:block;margin-bottom:36px;border-top:1px solid var(--g8);border-bottom:1px solid var(--g8)}
  .ar-toc-m summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:16px 0;font:700 16px/1.3 var(--display);letter-spacing:-.02em}
  .ar-toc-m summary::-webkit-details-marker{display:none}
  .ar-toc-m .pm{width:28px;height:28px;border-radius:50%;box-shadow:inset 0 0 0 1px #CFCFCF;display:grid;place-items:center;font:400 17px/1 var(--body);transition:transform .3s}
  .ar-toc-m[open] .pm{transform:rotate(45deg);background:var(--turq);box-shadow:none}
  .ar-toc-m ol{margin:0 0 12px;padding-left:22px;font-size:15px;line-height:1.5}
  .ar-toc-m li{padding:6px 0}
  .ar-toc-m a{color:var(--ink)}
}
@media (max-width:820px){
  .bl-feat{grid-template-columns:minmax(0,1fr)}
  .bl-feat .im{aspect-ratio:16/10}
  .ar-jobs{grid-template-columns:minmax(0,1fr)}
  .ar-points li{grid-template-columns:minmax(0,1fr)}
  .ar-hero{aspect-ratio:16/10}
}
@media (max-width:600px){
  .bl-grid,.bl-grid.big2{grid-template-columns:minmax(0,1fr)}
  .ar-stats .row{grid-template-columns:minmax(0,1fr)}
  .ar-stats .row>div{padding:16px 0}
  .ar-stats .row>div+div{border-left:0;border-top:1px solid var(--g2)}
  .ar-prod{grid-template-columns:minmax(0,1fr);text-align:left}
  .ar-prod img{max-width:140px}
  .ar-prod h3 .soft{display:block}
  .prose>p{font-size:17px}
}
/* phone footer: region on its own line, the four links on one row */
@media (max-width:600px){.lg-links{column-gap:20px;row-gap:0}.lg-links .rg-open{flex-basis:100%;text-align:left}}
/* phone type: every font 1px smaller (generated) */
@media (max-width:600px){
body{font-size:calc(16px - 1px)}
h1{font-size:calc(clamp(48px,6.6vw,96px) - 1px)}
h2{font-size:calc(clamp(34px,4.2vw,56px) - 1px)}
h3{font-size:calc(clamp(22px,2vw,28px) - 1px)}
.eyebrow{font-size:calc(13px - 1px)}
.small{font-size:calc(17px - 1px)}
.lede{font-size:calc(18px - 1px)}
.btn{font-size:calc(14px - 1px)}
.ticker{font-size:calc(11px - 1px)}
.links{font-size:calc(13px - 1px)}
.cart em{font-size:calc(10px - 1px)}
nav .btn{font-size:calc(13px - 1px)}
.hero-copy p{font-size:calc(16px - 1px)}
.proof b{font-size:calc(clamp(30px,3vw,40px) - 1px)}
.proof span{font-size:calc(13px - 1px)}
.lg.im{font-size:calc(24px - 1px)}
.lg.ut{font-size:calc(19px - 1px)}
.lg.ut small{font-size:calc(10px - 1px)}
.lg.po{font-size:calc(18px - 1px)}
.lg.rg{font-size:calc(20px - 1px)}
.lg.ps{font-size:calc(21px - 1px)}
.lg.dk{font-size:calc(13px - 1px)}
.names small{font-size:calc(12px - 1px)}
.names ul{font-size:calc(13px - 1px)}
.photo .cap{font-size:calc(16px - 1px)}
.photo .cap span{font-size:calc(14px - 1px)}
.photo .pill{font-size:calc(11px - 1px)}
.tag{font-size:calc(13px - 1px)}
.big4 b{font-size:calc(clamp(64px,7vw,92px) - 1px)}
.big4 span{font-size:calc(15px - 1px)}
.benefits div{font-size:calc(15px - 1px)}
.does b{font-size:calc(clamp(20px,1.9vw,25px) - 1px)}
.feat .lab{font-size:calc(11px - 1px)}
.feat h3{font-size:calc(20px - 1px)}
.feat p{font-size:calc(16px - 1px)}
.act h3{font-size:calc(22px - 1px)}
.act p{font-size:calc(15px - 1px)}
.act .go{font-size:calc(14px - 1px)}
.qmark{font-size:calc(56px - 1px)}
.qcard blockquote{font-size:calc(clamp(22px,2.3vw,30px) - 1px)}
.qcard.light blockquote{font-size:calc(clamp(20px,1.9vw,24px) - 1px)}
.who .av{font-size:calc(13px - 1px)}
.who b{font-size:calc(14px - 1px)}
.who span{font-size:calc(14px - 1px)}
.comeback .lab{font-size:calc(14px - 1px)}
.comeback h3{font-size:calc(clamp(28px,3vw,40px) - 1px)}
.comeback p.s{font-size:calc(16px - 1px)}
.comeback blockquote{font-size:calc(clamp(18px,1.6vw,21px) - 1px)}
.comeback blockquote small{font-size:calc(15px - 1px)}
.nums b{font-size:calc(34px - 1px)}
.nums span{font-size:calc(14px - 1px)}
.comeback figcaption{font-size:calc(13px - 1px)}
.q p{font-size:calc(16px - 1px)}
.scrollhint{font-size:calc(14px - 1px)}
.stats b{font-size:calc(clamp(48px,5.4vw,72px) - 1px)}
.stats span{font-size:calc(14px - 1px)}
.grid3 .typo b{font-size:calc(64px - 1px)}
.grid3 .typo h3{font-size:calc(22px - 1px)}
.grid3 .typo p{font-size:calc(13px - 1px)}
.ironman .ttl h3{font-size:calc(clamp(26px,3vw,38px) - 1px)}
.ironman .ttl span{font-size:calc(15px - 1px)}
.ironman .note{font-size:calc(10px - 1px)}
.sc .n{font-size:calc(40px - 1px)}
.sc .k{font-size:calc(12px - 1px)}
.sc h3{font-size:calc(22px - 1px)}
.sc p{font-size:calc(15px - 1px)}
.skin p{font-size:calc(clamp(17px,1.6vw,20px) - 1px)}
.fine{font-size:calc(16px - 1px)}
.story-panel .credit{font-size:calc(13px - 1px)}
.story-copy h2{font-size:calc(clamp(28px,3vw,40px) - 1px)}
.story-copy p{font-size:calc(15px - 1px)}
.sign b{font-size:calc(15px - 1px)}
.sign span{font-size:calc(14px - 1px)}
.step .n{font-size:calc(clamp(80px,8.5vw,120px) - 1px)}
.step h3{font-size:calc(22px - 1px)}
.step p{font-size:calc(15px - 1px)}
.standards .last{font-size:calc(14px - 1px)}
.howto .step > .n{font-size:calc(clamp(64px,6.5vw,96px) - 1px)}
.score{font-size:calc(clamp(130px,17vw,230px) - 1px)}
.rv .sport{font-size:calc(11px - 1px)}
.rv .src{font-size:calc(12px - 1px)}
.pending{font-size:calc(12px - 1px)}
.of .k{font-size:calc(12px - 1px)}
.of .price{font-size:calc(clamp(54px,5.4vw,72px) - 1px)}
.of .sub{font-size:calc(clamp(28px,2.8vw,36px) - 1px)}
.of .note{font-size:calc(13px - 1px)}
.badge{font-size:calc(11px - 1px)}
.of-foot{font-size:calc(12px - 1px)}
summary{font-size:calc(17px - 1px)}
summary .pm{font-size:calc(18px - 1px)}
details p{font-size:calc(16px - 1px)}
.close h2{font-size:calc(clamp(48px,8vw,116px) - 1px)}
.foot h4{font-size:calc(13px - 1px)}
.foot a{font-size:calc(15px - 1px)}
.foot p{font-size:calc(14px - 1px)}
.legal{font-size:calc(13px - 1px)}
.act .vis.ph b{font-size:calc(clamp(40px,4vw,54px) - 1px)}
.act .vis.ph::before{font-size:calc(10px - 1px)}
.sp-foot .count{font-size:calc(12px - 1px)}
.rv .date{font-size:calc(13px - 1px)}
.rv blockquote{font-size:calc(clamp(17px,1.5vw,19px) - 1px)}
.rv .by{font-size:calc(13px - 1px)}
.rv .by b{font-size:calc(14px - 1px)}
.rv .by .ver{font-size:calc(13px - 1px)}
.nb-head h3{font-size:calc(clamp(26px,2.6vw,34px) - 1px)}
.nb-head span{font-size:calc(16px - 1px)}
.tl .dotn{font-size:calc(13px - 1px)}
.tl .when{font-size:calc(12px - 1px)}
.tl b{font-size:calc(clamp(22px,2.1vw,28px) - 1px)}
.tl p{font-size:calc(16px - 1px)}
.act .hope{font-size:calc(18px - 1px)}
.act .apply > span{font-size:calc(11px - 1px)}
.mus li{font-size:calc(13px - 1px)}
.of > .btn{font-size:calc(15px - 1px)}
.of .k{font-size:calc(13px - 1px)}
.ticks li{font-size:calc(15px - 1px)}
.save{font-size:calc(12px - 1px)}
.of-quote blockquote{font-size:calc(19px - 1px)}
.of-quote figcaption{font-size:calc(14px - 1px)}
.of-trust b{font-size:calc(17px - 1px)}
.of-trust span{font-size:calc(14px - 1px)}
.of-foot{font-size:calc(14px - 1px)}
.nl h3{font-size:calc(clamp(28px,3vw,40px) - 1px)}
.nl-copy p{font-size:calc(16px - 1px)}
.nl-row input{font-size:calc(16px - 1px)}
.nl-form small{font-size:calc(13px - 1px)}
.nl-ok{font-size:calc(15px - 1px)}
.feat .lab{font-size:calc(12px - 1px)}
.stats span{font-size:calc(16px - 1px)}
.ticks li{font-size:calc(16px - 1px)}
.t-cta p{font-size:calc(clamp(20px,2vw,26px) - 1px)}
.on-dark .act h3{font-size:calc(22px - 1px)}
.on-dark .act .hope{font-size:calc(17px - 1px)}
.act .apply .lab{font-size:calc(11px - 1px)}
.act .mus li{font-size:calc(15px - 1px)}
.act .mus li::before{font-size:calc(11px - 1px)}
.g-facts b{font-size:calc(19px - 1px)}
.g-facts span:not(.ico){font-size:calc(16px - 1px)}
.g-row b{font-size:calc(17px - 1px)}
.g-row span:not(.ico){font-size:calc(15px - 1px)}
.g-nums b{font-size:calc(clamp(40px,4vw,56px) - 1px)}
.g-nums span{font-size:calc(15px - 1px)}
.gm-line{font-size:calc(clamp(32px,4.8vw,68px) - 1px)}
.gm-foot{font-size:calc(16px - 1px)}
.g-center b{font-size:calc(clamp(40px,4vw,56px) - 1px)}
.g-center li span{font-size:calc(16px - 1px)}
.g-top h2{font-size:calc(clamp(40px,4.8vw,64px) - 1px)}
@media (max-width:560px){.g-top h2{font-size:calc(clamp(34px,9.4vw,42px) - 1px)}}
.g-center b{font-size:calc(clamp(52px,5.4vw,76px) - 1px)}
.g-center li span{font-size:calc(16px - 1px)}
h2{font-size:calc(clamp(40px,5.2vw,72px) - 1px)}
.close h2{font-size:calc(clamp(52px,8.6vw,128px) - 1px)}
@media (max-width:560px){h2{font-size:calc(clamp(36px,10vw,44px) - 1px)}}
.g-center b{font-size:calc(clamp(48px,5vw,68px) - 1px)}
.gc-line{font-size:calc(clamp(24px,2.6vw,36px) - 1px)}
.hero h1{font-size:calc(clamp(56px,7.4vw,112px) - 1px)}
@media (max-width:560px){.hero h1{font-size:calc(clamp(48px,14vw,64px) - 1px)}}
.gc-line{font-size:calc(clamp(34px,4.6vw,64px) - 1px)}
@media (max-width:420px){.gc-line{font-size:calc(30px - 1px)}}
.hero h1{font-size:calc(clamp(52px,6.6vw,100px) - 1px)}
@media (max-width:560px){.hero h1{font-size:calc(clamp(44px,12.5vw,56px) - 1px)}}
.fk span{font-size:calc(12px - 1px)}
.fk small{font-size:calc(14px - 1px)}
.inci{font-size:calc(16px - 1px)}
.hero-copy p{font-size:calc(18px - 1px)}
@media (max-width:560px){.hero-copy p{font-size:calc(17px - 1px)}}
.on-dark .act h3{font-size:calc(24px - 1px)}
.on-dark .act .hope{font-size:calc(16px - 1px)}
.hl-tag{font-size:calc(12px - 1px)}
.stats b{font-size:calc(clamp(48px,5vw,68px) - 1px)}
.step .n{font-size:calc(clamp(64px,6.6vw,92px) - 1px)}
.sc .n{font-size:calc(36px - 1px)}
.score{font-size:calc(clamp(110px,13vw,180px) - 1px)}
.of .price{font-size:calc(clamp(50px,5vw,66px) - 1px)}
.tr-head h3{font-size:calc(clamp(28px,2.6vw,38px) - 1px)}
.tr-head p{font-size:calc(16px - 1px)}
.tr-proof li{font-size:calc(15px - 1px)}
.tr-list .in{font-size:calc(11px - 1px)}
.tr-list b{font-size:calc(15px - 1px)}
.tr-list li span:not(.in){font-size:calc(13px - 1px)}
.tp-h{font-size:calc(clamp(34px,4.4vw,60px) - 1px)}
.tp-nums b{font-size:calc(clamp(48px,5vw,68px) - 1px)}
.tp-nums span{font-size:calc(15px - 1px)}
.tp-list{font-size:calc(16px - 1px)}
.tp-foot{font-size:calc(13px - 1px)}
@media (max-width:820px){.tp-h{font-size:calc(clamp(26px,7.6vw,34px) - 1px)}}
.story-panel .credit,.comeback figcaption.cap2{font-size:calc(13px - 1px)}
.sc-line{font-size:calc(clamp(24px,2.8vw,38px) - 1px)}
.of-lab{font-size:calc(11px - 1px)}
.nl-light h3{font-size:calc(clamp(26px,2.6vw,34px) - 1px)}
.nl-bad{font-size:calc(14px - 1px)}
.rv-score b{font-size:calc(clamp(64px,7vw,96px) - 1px)}
.rv-score span{font-size:calc(15px - 1px)}
.rv-feat blockquote{font-size:calc(clamp(22px,2.2vw,28px) - 1px)}
.rv-meta{font-size:calc(14px - 1px)}
.rv-list blockquote{font-size:calc(clamp(17px,1.5vw,19px) - 1px)}
.rv-by{font-size:calc(14px - 1px)}
.foot2 h4{font-size:calc(11px - 1px)}
.foot2 a{font-size:calc(15px - 1px)}
.fb .ft{font-size:calc(clamp(24px,2.4vw,32px) - 1px)}
.fb p:not(.ft){font-size:calc(15px - 1px)}
.lg-links a{font-size:calc(13px - 1px)}
.disc{font-size:calc(12px - 1px)}
@media (max-width:560px){.foot2 a{font-size:calc(14px - 1px)}}
.rf-q blockquote{font-size:calc(clamp(18px,1.7vw,22px) - 1px)}
.rf-q figcaption{font-size:calc(14px - 1px)}
.rf-mid b{font-size:calc(clamp(96px,10vw,140px) - 1px)}
.rf-mid p{font-size:calc(16px - 1px)}
.rh-q blockquote{font-size:calc(clamp(17px,1.5vw,19px) - 1px)}
.rh-q figcaption{font-size:calc(14px - 1px)}
.of .price{font-size:calc(clamp(42px,4vw,56px) - 1px)}
@media (max-width:820px){.tp-nums b{font-size:calc(40px - 1px)}}
@media (max-width:820px){.tp-nums span{font-size:calc(13px - 1px)}}
.of .per{font-size:calc(14px - 1px)}
.rh-long blockquote{font-size:calc(clamp(18px,1.6vw,21px) - 1px)}
@media (max-width:560px){.grid3 .photo .cap{font-size:calc(14px - 1px)}}
.rh-2 .rh-q blockquote{font-size:calc(clamp(17px,1.5vw,20px) - 1px)}
.of-assure span{font-size:calc(14px - 1px)}
.of-assure b{font-size:calc(15px - 1px)}
.proof span{font-size:calc(14px - 1px)}
.ig-head h3{font-size:calc(clamp(30px,3.4vw,46px) - 1px)}
.proof b{font-size:calc(clamp(40px,4.2vw,56px) - 1px)}
.proof span{font-size:calc(15px - 1px)}
@media (max-width:820px){.proof b{font-size:calc(clamp(28px,8vw,40px) - 1px)}}
@media (max-width:820px){.proof span{font-size:calc(13px - 1px)}}
.ht-h{font-size:calc(clamp(36px,4.6vw,64px) - 1px)}
.mode button{font-size:calc(14px - 1px)}
.of .per{font-size:calc(15px - 1px)}
.nl-light h3{font-size:calc(20px - 1px)!important}
.nl-light .nl-copy p{font-size:calc(14px - 1px)}
@media (max-width:820px){.mode button{font-size:calc(13px - 1px)}}
@media (max-width:560px){.tr-list b{font-size:calc(13.5px - 1px)}}
@media (max-width:560px){.proof b{font-size:calc(24px - 1px)}}
@media (max-width:560px){.proof span{font-size:calc(12px - 1px)}}
@media (max-width:560px){.tp-nums b{font-size:calc(44px - 1px)}}
@media (max-width:820px){.proof span{font-size:calc(13px - 1px)}}
@media (max-width:560px){.mode button{font-size:calc(13px - 1px)}}
.rg-pre{font-size:calc(16px - 1px)}
.rg h2{font-size:calc(72px - 1px)}
.rg h2.long{font-size:calc(52px - 1px)}
.rg h2.xlong{font-size:calc(40px - 1px)}
.rg-sub{font-size:calc(17px - 1px)}
.rg-p{font-size:calc(15px - 1px)}
.rg-chip{font-size:calc(13px - 1px)}
.rg-go{font-size:calc(15px - 1px)}
.rg-more,.rg-stay{font-size:calc(14px - 1px)}
.rg-eye{font-size:calc(11px - 1px)}
.rg-leave h3{font-size:calc(clamp(30px,4vw,44px) - 1px)}
.rg-leave p:not(.rg-eye){font-size:calc(15px - 1px)}
@media (max-width:600px){.rg h2{font-size:calc(56px - 1px)}}
@media (max-width:600px){.rg h2.long{font-size:calc(40px - 1px)}}
@media (max-width:600px){.rg h2.xlong{font-size:calc(32px - 1px)}}
.mnav-links a{font-size:calc(clamp(40px,11vw,60px) - 1px)}
.mnav-small{font-size:calc(15px - 1px)}
.mnav-note{font-size:calc(13px - 1px)}
.hero.ab h1{font-size:calc(clamp(44px,5.4vw,80px) - 1px)}
.ab-split .ab-text h2{font-size:calc(clamp(40px,4.8vw,64px) - 1px)}
.ab-values .gc-line{font-size:calc(clamp(28px,3.6vw,52px) - 1px)}
.ab-split .ab-text p{font-size:calc(18px - 1px)}
.ab-split .qcard blockquote{font-size:calc(clamp(24px,2.4vw,32px) - 1px)}
.ab-after{font-size:calc(17px - 1px)}
.qp.ph b{font-size:calc(clamp(56px,6vw,84px) - 1px)}
.qp.ph::before{font-size:calc(10px - 1px)}
.ab-founders .q p{font-size:calc(15px - 1px)}
.ab-close p.ab-ahead{font-size:calc(18px - 1px)}
.abh h1{font-size:calc(clamp(46px,5.8vw,92px) - 1px)}
.abh > .wrap > p{font-size:calc(19px - 1px)}
.abh figcaption{font-size:calc(13px - 1px)}
.abh-line .w{font-size:calc(11px - 1px)}
.abh-line b{font-size:calc(clamp(20px,1.9vw,26px) - 1px)}
.abh-line .d{font-size:calc(15px - 1px)}
@media (max-width:560px){.abh h1{font-size:calc(clamp(40px,11vw,52px) - 1px)}}
.ab-intro h2{font-size:calc(clamp(40px,4.8vw,64px) - 1px)}
.ab-st .n{font-size:calc(44px - 1px)}
.ab-st .k{font-size:calc(12px - 1px)}
.ab-st h3{font-size:calc(clamp(34px,3.2vw,46px) - 1px)}
.ab-st p{font-size:calc(17px - 1px)}
.ab-quote blockquote{font-size:calc(clamp(28px,3.2vw,44px) - 1px)}
.ab-quote figcaption b{font-size:calc(16px - 1px)}
.ab-quote figcaption span{font-size:calc(14px - 1px)}
@media (max-width:560px){.ab-intro h2{font-size:calc(clamp(34px,9.4vw,42px) - 1px)}}
@media (max-width:560px){.ab-intro .lede{font-size:calc(17px - 1px)}}
.ab-gel h2{font-size:calc(clamp(36px,3.6vw,52px) - 1px)}
.ab-gel .l1{font-size:calc(16px - 1px)}
.ab-gel .l2{font-size:calc(clamp(18px,1.5vw,21px) - 1px)}
.ab-gel .l3{font-size:calc(15px - 1px)}
.ab-pq .qmark{font-size:calc(72px - 1px)}
.ab-pq blockquote{font-size:calc(clamp(32px,4vw,56px) - 1px)}
.ab-c4 h3{font-size:calc(clamp(20px,1.8vw,24px) - 1px)}
.ab-c4 p{font-size:calc(16px - 1px)}
.ab-why .sc-line{font-size:calc(clamp(24px,2.6vw,36px) - 1px)}
.ab-cells .head h2{font-size:calc(clamp(34px,3.6vw,52px) - 1px)}
@media (max-width:560px){.ab-c4 h3{font-size:calc(19px - 1px)}}
@media (max-width:560px){.ab-c4 p{font-size:calc(15px - 1px)}}
.ab-intro2 h2{font-size:calc(clamp(40px,4.8vw,64px) - 1px)}
@media (max-width:560px){.ab-intro2 h2{font-size:calc(clamp(34px,9.4vw,42px) - 1px)}}
@media (max-width:560px){.ab-intro2 .lede{font-size:calc(17px - 1px)}}
.ab-why2 .sc-line{font-size:calc(clamp(28px,3.2vw,44px) - 1px)}
.ab-why2 .fine{font-size:calc(17px - 1px)}
.ab-cells .head.ab-hd .small{font-size:calc(17px - 1px)}
.ab-big{font-size:calc(clamp(30px,3.8vw,54px) - 1px)}
.ab-gel .why{font-size:calc(15px - 1px)}
.ab-cells .head.ab-hd h2{font-size:calc(clamp(34px,3.3vw,48px) - 1px)}
.ab-st h3{font-size:calc(clamp(32px,3.4vw,48px) - 1px)!important}
.ab-st p{font-size:calc(17px - 1px)}
.ab-qa .qmark{font-size:calc(72px - 1px)}
.ab-qa blockquote{font-size:calc(clamp(30px,3.6vw,48px) - 1px)!important}
.ab-qa figcaption b{font-size:calc(16px - 1px)}
.ab-qa figcaption span{font-size:calc(14px - 1px)}
.ab-hub .rl h3{font-size:calc(clamp(20px,1.8vw,24px) - 1px)}
.ab-hub .rl p{font-size:calc(16px - 1px)}
.mol .a{font-size:calc(17px - 1px)}
.mol .sub{font-size:calc(12px - 1px)}
.mcap b{font-size:calc(13px - 1px)}
.mcap span{font-size:calc(14px - 1px)}
.ab-st h3{font-size:calc(clamp(40px,4.8vw,68px) - 1px)!important}
.ab-qp blockquote{font-size:calc(clamp(28px,3.2vw,44px) - 1px)!important}
.ab-qp .qmark{font-size:calc(64px - 1px)!important}
@media (max-width:820px){.ab-st h3{font-size:calc(clamp(38px,11vw,52px) - 1px)!important}}
.ab-vh h2{font-size:calc(clamp(36px,4vw,56px) - 1px)}
.ab-vh p{font-size:calc(17px - 1px)}
.ab-vals .big{font-size:calc(clamp(22px,2.2vw,31px) - 1px)}
.ab-vals h3{font-size:calc(17px - 1px)}
.ab-vals p{font-size:calc(16px - 1px)}
@media (max-width:980px){.ab-vals .big{font-size:calc(clamp(26px,4vw,34px) - 1px)}}
.ab-intro2 h2,.ab-cells .head.ab-hd h2,.ab-gel h2,.ab-vh h2,.ab-people .head h2{font-size:calc(clamp(40px,4.8vw,64px) - 1px)!important}
.ab-st h3{font-size:calc(clamp(28px,2.8vw,40px) - 1px)!important}
.ab-big,.ab-values .gc-line{font-size:calc(clamp(28px,3.2vw,44px) - 1px)!important}
@media (max-width:560px){.ab-intro2 h2,.ab-cells .head.ab-hd h2,.ab-gel h2,.ab-vh h2,.ab-people .head h2{font-size:calc(clamp(34px,9.4vw,42px) - 1px)!important}}
.ab-qt blockquote{font-size:calc(clamp(28px,3.2vw,44px) - 1px)!important}
.ab-qt .qmark{font-size:calc(64px - 1px)!important}
.ab-qt .pcap{font-size:calc(13px - 1px)}
.ab-sp .qmark{font-size:calc(64px - 1px)}
.sp-q{font-size:calc(clamp(28px,3.2vw,44px) - 1px)}
.ab-gel .why,.ab-gel .l1{font-size:calc(16px - 1px)}
@media (min-width:821px){.ab-hub .rl h3{font-size:calc(clamp(18px,1.8vw,24px) - 1px)}}
.ab-sb .cr{font-size:calc(13px - 1px)}
.ab-sb .qmark{font-size:calc(64px - 1px)}
.ab-sb .sp-q{font-size:calc(clamp(32px,3.6vw,52px) - 1px)}
.ab-sb .ch h3{font-size:calc(clamp(28px,2.8vw,40px) - 1px)}
.ab-sb .ch p{font-size:calc(17px - 1px)}
.ab-sb .ch-n{font-size:calc(13px - 1px)}
.osh h1{font-size:calc(clamp(44px,5vw,76px) - 1px)}
.osh p{font-size:calc(18px - 1px)}
.osh figcaption{font-size:calc(13px - 1px)}
.sb-head h2{font-size:calc(clamp(40px,4.8vw,64px) - 1px)}
@media (max-width:560px){.osh h1{font-size:calc(clamp(38px,10.4vw,50px) - 1px)}}
@media (max-width:560px){.osh p{font-size:calc(17px - 1px)}}
@media (max-width:560px){.sb-head h2{font-size:calc(clamp(34px,9.4vw,42px) - 1px)}}
.osh .aff-note{font-size:calc(14px - 1px)}
.aff-earn .lab{font-size:calc(11px - 1px)}
.aff-earn li{font-size:calc(15px - 1px)}
.aff-earn li b{font-size:calc(clamp(22px,2vw,28px) - 1px)}
.aff-earn small{font-size:calc(13px - 1px)}
.aff-close-note{font-size:calc(14px - 1px)}
.bl-meta{font-size:calc(11px - 1px)}
.bl-h h1{font-size:calc(clamp(48px,6.4vw,92px) - 1px)}
.bl-h .lede{font-size:calc(18px - 1px)}
.bl-feat h2{font-size:calc(clamp(32px,2.9vw,42px) - 1px)}
.bl-feat p{font-size:calc(16px - 1px)}
.bl-feat .by{font-size:calc(13px - 1px)}
.bl-chip{font-size:calc(13px - 1px)}
.bl-grid.big2:not(.filtered) .bl-card:nth-child(-n+2) h3{font-size:calc(clamp(24px,2.2vw,30px) - 1px)}
.bl-card h3{font-size:calc(22px - 1px)}
.bl-card time{font-size:calc(13px - 1px)}
.bl-count{font-size:calc(14px - 1px)}
.ar-crumb{font-size:calc(13px - 1px)}
.ar-h h1{font-size:calc(clamp(46px,6.2vw,88px) - 1px)}
.ar-by{font-size:calc(14px - 1px)}
.ar-cap{font-size:calc(13px - 1px)}
.ar-toc a{font-size:calc(14px - 1px)}
.ar-toc a::before{font-size:calc(12px - 1px)}
.prose>p{font-size:calc(18px - 1px)}
.prose>p.lead{font-size:calc(clamp(20px,1.9vw,23px) - 1px)}
.prose h2{font-size:calc(clamp(30px,3.2vw,44px) - 1px)}
.prose h3{font-size:calc(20px - 1px)}
.ar-jobs .n{font-size:calc(36px - 1px)}
.ar-jobs p{font-size:calc(15px - 1px)}
.ar-points b{font-size:calc(17px - 1px)}
.ar-points span{font-size:calc(16px - 1px)}
.ar-fig figcaption{font-size:calc(13px - 1px)}
.ar-stats b{font-size:calc(clamp(40px,4.4vw,56px) - 1px)}
.ar-stats span{font-size:calc(14px - 1px)}
.ar-stats p{font-size:calc(13px - 1px)}
.ar-note{font-size:calc(15px - 1px)!important}
.ar-prod h3{font-size:calc(24px - 1px)}
.ar-prod p{font-size:calc(15px - 1px)}
.ar-refs li{font-size:calc(14px - 1px)}
.prose>h3{font-size:calc(clamp(21px,1.9vw,25px) - 1px)}
.prose>h4{font-size:calc(17px - 1px)}
.prose>ul,.prose>ol{font-size:calc(17px - 1px)}
.prose table{font-size:calc(15px - 1px)}
.ar-h.post h1{font-size:calc(clamp(38px,4.6vw,68px) - 1px)}
@media (max-width:560px){.ar-h.post h1{font-size:calc(clamp(32px,9vw,40px) - 1px)}}
@media (max-width:980px){.ar-toc-m summary{font-size:calc(16px - 1px)}}
@media (max-width:980px){.ar-toc-m .pm{font-size:calc(17px - 1px)}}
@media (max-width:980px){.ar-toc-m ol{font-size:calc(15px - 1px)}}
@media (max-width:600px){.prose>p{font-size:calc(17px - 1px)}}
}
/* end phone type */
