/* hylo athletics — concept landing. Linguagem da home real: foto sangrada, branco, lima no botão, corte reto. Sem degradê. */
@font-face{font-family:'Unbounded';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/unbounded-500.woff2) format('woff2')}
@font-face{font-family:'Unbounded';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/unbounded-700.woff2) format('woff2')}
@font-face{font-family:'Unbounded';font-style:normal;font-weight:800;font-display:swap;src:url(fonts/unbounded-800.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/inter-400.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/inter-500.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/inter-600.woff2) format('woff2')}

:root{
  /* primitivos medidos na home */
  --white:#fff;
  --black:#000;
  --lime:#d2ff00;
  --tile:#f6f6f6;
  --moss:#1f2a16;
  --grey:#5f5f5f;
  --hair:#e1e1e1;
  /* papéis */
  --tx:var(--black);
  --tx-soft:var(--grey);
  --acao:var(--lime);
  --sobre-escuro:var(--white);
  --pad:clamp(16px,2.2vw,40px);
  --wide:'Unbounded','Arial Black',system-ui,sans-serif;
  --text:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --out:cubic-bezier(.23,1,.32,1);
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:76px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}
body{margin:0;background-color:var(--white);color:var(--tx);font-family:var(--text);font-size:16px;line-height:1.55}
img{display:block;max-width:100%;height:auto}
a,button,summary{touch-action:manipulation}
a{color:inherit}
p{margin:0 0 1em;text-wrap:pretty}
h1,h2,h3{margin:0;font-family:var(--wide);font-weight:700;text-transform:uppercase;letter-spacing:-.01em;line-height:1.02;text-wrap:balance}
h2{font-size:clamp(22px,2.3vw,40px)}
h3{font-size:14px;line-height:1.2;letter-spacing:0}
blockquote{margin:0}
figure{margin:0}
::selection{background:var(--lime);color:var(--black)}
:focus-visible{outline:3px solid var(--black);outline-offset:2px}
.bleed :focus-visible,.hyloop :focus-visible,.range-photo :focus-visible,.shopsplit-half:focus-visible{outline-color:var(--lime)}
.vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

main > section{position:relative;overflow-x:clip}
.lane{max-width:1680px;margin-inline:auto;padding-inline:var(--pad)}
.stockists,.champions,.cradle,.bcorp,.sizing,.order,.wornin{border-top:1px solid var(--hair)}

/* ---------- pacote: faixa, menu, rodapé ---------- */
.pular{position:absolute;left:8px;top:-80px;z-index:100;padding:12px 16px;background:var(--lime);color:var(--black);font-weight:600;text-decoration:none}
.pular:focus{top:8px}
.rascunho{padding:7px var(--pad);background-color:var(--moss);color:var(--white);font-family:var(--wide);font-weight:500;font-size:11px;line-height:1.4;letter-spacing:.03em;text-transform:uppercase;text-align:center}
.pacote{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;padding:8px var(--pad);background-color:var(--white);border-bottom:1px solid var(--hair)}
.pacote-abas{display:flex;flex-wrap:wrap;gap:4px}
.pacote-abas a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;color:var(--black);font-size:14px;font-weight:500;text-decoration:none;transition:background-color .15s ease}
.pacote-abas a[aria-current="page"]{background-color:var(--lime)}
.pacote-abas .curto{display:none}
.chat,.rodape-chat{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;background-color:var(--lime);color:var(--black);font-size:14px;font-weight:500;text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:background-color .15s ease,color .15s ease}
.rodape{padding:48px var(--pad) 56px;border-top:2px solid var(--black);background-color:var(--white);font-size:14px}
.rodape p{max-width:72ch}
.rodape-fontes{margin:0;color:var(--grey);font-size:13px}

/* ---------- botão da marca: lima, canto reto ---------- */
.go{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 24px;border:0;background-color:var(--lime);color:var(--black);font-family:var(--text);font-size:14px;font-weight:500;line-height:1;text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:background-color .15s ease,color .15s ease,transform .15s var(--out)}
.go:active{transform:scale(.97)}
.go-line{background-color:transparent;box-shadow:inset 0 0 0 1px var(--black)}
.go-row{display:flex;flex-wrap:wrap;gap:16px;margin:0}

/* ---------- foto sangrada (blocos 1, 3, 5, 6 da home) ---------- */
.bleed{display:flex;background-color:#1c1b19;color:var(--sobre-escuro)}
.bleed-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bleed-scrim{position:absolute;inset:0;background-color:rgba(0,0,0,.4)}
.mission .bleed-scrim,.protect .bleed-scrim,.build .bleed-scrim{background-color:rgba(0,0,0,.52)}

/* 1 · start line */
.startline{align-items:flex-end;height:clamp(560px,52vw,980px)}
.startline-copy{position:relative;max-width:920px;padding:0 var(--pad) clamp(32px,4.6vw,72px)}
.startline-drop{display:inline-block;margin:0 0 18px;padding:5px 10px;background-color:var(--lime);color:var(--black);font-family:var(--wide);font-weight:700;font-size:12px;line-height:1.2;text-transform:uppercase}
.startline h1{max-width:13ch;font-size:clamp(28px,3.2vw,56px);line-height:.98}
.startline-line{max-width:46ch;margin:18px 0 26px;font-size:clamp(15px,1.15vw,18px)}

/* 2 · road range */
.range{padding:clamp(16px,3.3vw,48px) 16px}
.range-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.range-tile{position:relative;display:flex;flex-direction:column;aspect-ratio:4/5;overflow:hidden;background-color:var(--tile)}
.range-photo{background-color:#2b2a27;color:var(--white)}
.range-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.range-scrim{position:absolute;inset:0;background-color:rgba(0,0,0,.3)}
.range-photo h2{position:relative;max-width:15ch;padding:24px 24px 0;font-size:clamp(18px,1.9vw,30px)}
.range-photo .go{position:relative;align-self:flex-start;margin:auto 0 24px 24px}
.shoe-shot{display:flex;flex:1;min-height:0;align-items:center;justify-content:center}
.shoe-shot img{width:100%;height:100%;object-fit:cover}
.swatches{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;width:100%;padding:4px 0 0}
.swatches button{aspect-ratio:1;min-height:44px;padding:0;border:0;border-bottom:2px solid transparent;background:none;cursor:pointer;transition:border-color .15s ease}
.swatches button[aria-pressed="true"]{border-bottom-color:var(--black)}
.swatches img{width:100%;height:100%;object-fit:cover}
.shoe-tag{padding:16px 16px 20px;font-size:14px;line-height:1.4}
.shoe-tag h3{font-family:var(--text);font-weight:600;font-size:14px}
.shoe-tag p{margin:0}
.shoe-price{color:var(--grey)}

/* 3 · mission */
.mission{align-items:center;justify-content:center;height:clamp(460px,44vw,820px);text-align:center}
.mission-copy{position:relative;max-width:1080px;padding:var(--pad)}
.mission h2{margin-bottom:28px;font-size:clamp(22px,3.2vw,48px);line-height:.98}

/* 4 · the cycle */
.cycle{padding:clamp(48px,6vw,96px) 0 clamp(40px,5vw,72px)}
.cycle-track{height:3px;background-color:var(--hair)}
.cycle-track i{display:block;height:3px;background-color:var(--black);transform-origin:left center;transition:transform 1.6s var(--out)}
.cycle-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,2.6vw,44px);margin:0;padding:0;list-style:none;counter-reset:passo}
.cycle-steps li{position:relative;padding-top:28px;counter-increment:passo}
.cycle-steps li::before{content:"";position:absolute;top:-8px;left:0;width:13px;height:13px;background-color:var(--black)}
.cycle-steps p{margin:0 0 14px;font-family:var(--wide);font-weight:500;font-size:clamp(15px,1.3vw,21px);line-height:1.28}
.cycle-steps a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:600;text-transform:uppercase;text-underline-offset:4px}
.cycle-note{max-width:74ch;margin:36px 0 0;padding-left:14px;border-left:4px solid var(--lime);color:var(--grey);font-size:14px}

/* 5 · stocked in 300+ stores */
.stockists{padding:clamp(40px,4vw,56px) 0 28px;text-align:center}
.stockists h2{padding-inline:var(--pad);font-size:clamp(20px,2vw,28px)}
.ticker{display:flex;margin-top:28px;overflow:hidden}
.ticker-run{display:flex;flex-shrink:0;gap:clamp(40px,5vw,88px);margin:0;padding:0 clamp(40px,5vw,88px) 0 0;list-style:none;animation:ticker-run 34s linear infinite}
.ticker-run li{font-family:var(--wide);font-weight:700;font-size:clamp(16px,1.6vw,24px);line-height:1.5;text-transform:uppercase;white-space:nowrap;color:var(--grey)}
.ticker-run a{color:var(--black);text-underline-offset:5px}
.ticker[data-paused] .ticker-run{animation-play-state:paused}
@keyframes ticker-run{to{transform:translateX(-100%)}}
.ticker-pause{min-height:44px;margin-top:8px;padding:0 16px;border:0;background:none;color:var(--grey);font:500 13px/1 var(--text);text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.sem-js .ticker-pause{display:none}

/* 6 · at home in it */
.champions{padding:clamp(56px,6vw,96px) 0}
.champions h2{margin-bottom:32px}
.champions-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,32px)}
.champion img{width:100%;aspect-ratio:3/2;object-fit:cover}
.champion h3{margin:18px 0 8px}
.champion p{margin:0 0 10px;font-size:15px}
.champion-meta{color:var(--grey);font-size:13px}
.champion-meta span{white-space:nowrap}
.champion-q{font-weight:600}
.champion blockquote{padding-left:14px;border-left:4px solid var(--lime);font-size:15px}
.finishers{margin:clamp(40px,4vw,64px) 0 0;padding:0;list-style:none;border-top:2px solid var(--black)}
.finishers li{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,2fr) minmax(0,6fr);gap:24px;align-items:start;padding:22px 0;border-bottom:1px solid var(--hair)}
.finishers h3{font-size:15px;line-height:1.25}
.finisher-meta{margin:0;color:var(--grey);font-size:13px}
.finishers blockquote{font-size:15px}
.finisher-who{display:block;margin-top:8px;color:var(--grey);font-size:14px}

/* 7 · protect it */
.protect,.build{align-items:flex-end;min-height:clamp(480px,46vw,800px)}
.protect-copy,.build-copy{position:relative;max-width:820px;padding:clamp(120px,14vw,200px) var(--pad) clamp(32px,4.6vw,72px)}
.protect h2,.build h2{margin-bottom:20px;font-size:clamp(24px,3vw,46px)}
.protect p,.build p{max-width:64ch;margin:0}

/* 8 · why impatient */
.impatient{padding:clamp(56px,6vw,88px) 0}
.impatient h2{margin-bottom:36px}
.impatient-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.impatient-cols > div{padding:0 clamp(16px,2.4vw,40px);border-left:1px solid var(--black)}
.impatient-cols > div:first-child{padding-left:0;border-left:0}
.impatient-big{margin:0 0 18px;font-family:var(--wide);font-weight:800;font-size:clamp(30px,3.6vw,60px);line-height:1;letter-spacing:-.02em}
.impatient-cols p:last-child{margin:0;font-size:16px}

/* 9 · care demands action (cor cheia: a lima do botão) */
.imperfect{padding:clamp(56px,6vw,96px) 0;background-color:var(--lime);color:var(--black)}
.imperfect-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,72px);align-items:start}
.imperfect-side{position:sticky;top:96px}
.imperfect-side figure{margin:28px 0 20px}
.imperfect-side img{width:100%;aspect-ratio:3/2;object-fit:cover}
.imperfect-side p{margin:0;font-size:16px}
.imperfect-list{margin:0;padding:0;list-style:none;counter-reset:falha}
.imperfect-list li{position:relative;padding:22px 0 22px 76px;border-top:2px solid var(--black);font-size:clamp(16px,1.2vw,19px);line-height:1.5;counter-increment:falha}
.imperfect-list li:last-child{border-bottom:2px solid var(--black)}
.imperfect-list li::before{content:counter(falha);position:absolute;left:0;top:18px;font-family:var(--wide);font-weight:800;font-size:34px;line-height:1}

/* 11 · materials first (diário de construção) */
.buildlog{padding:clamp(56px,6vw,96px) 0}
.buildlog-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(24px,4vw,64px);align-items:start}
.buildlog-sole{position:sticky;top:96px}
.buildlog-sole img{width:100%;aspect-ratio:4/5;object-fit:cover}
.buildlog h2{margin-bottom:28px}
.entry{display:grid;grid-template-columns:190px minmax(0,1fr);gap:24px;padding:24px 0;border-top:1px solid var(--black)}
.entry h3{padding-top:3px}
.entry p{max-width:68ch;margin:0 0 12px}
.entry p:last-child{margin-bottom:0}
.entry-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-width:68ch;margin-top:16px}
.entry-pair img{width:100%;aspect-ratio:3/2;object-fit:cover}

/* 12 · the pair, weighed */
.weigh{padding:clamp(56px,6vw,96px) 0;background-color:var(--tile)}
.weigh-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px}
.weigh-tabs{display:flex}
.weigh-tabs button{min-height:44px;padding:0 22px;border:1px solid var(--black);background-color:var(--white);color:var(--black);font:600 14px/1 var(--text);text-transform:uppercase;cursor:pointer;transition:background-color .15s ease,color .15s ease}
.weigh-tabs button + button{border-left:0}
.weigh-tabs button[aria-selected="true"]{background-color:var(--black);color:var(--white)}
.weigh-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.6vw,44px);align-items:start;margin-top:32px}
.weigh-panel[hidden]{display:none}
.weigh-card{padding:clamp(16px,1.6vw,24px);background-color:var(--white)}
.weigh-card img{width:100%;aspect-ratio:4/3;object-fit:contain;background-color:var(--tile)}
.weigh-card h3{margin:18px 0 10px}
.weigh-card p{margin:0 0 10px;font-size:15px}
.weigh-card strong{display:block;font-family:var(--wide);font-weight:700;font-size:12px}
.weigh-card .go{margin-top:10px}
.weigh-spec{margin:0;border-bottom:2px solid var(--black)}
.weigh-spec > div{padding:14px 0;border-top:1px solid var(--black)}
.weigh-spec > div:first-child{border-top-width:2px}
.weigh-spec dt{color:var(--grey);font-size:12px;font-weight:600;text-transform:uppercase}
.weigh-spec dd{margin:2px 0 0;font-size:16px}
.weigh-mix h3{padding-bottom:12px;border-bottom:2px solid var(--black)}
.weigh-bars{margin:0;padding:0;list-style:none}
.weigh-bars li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:9px 0;border-bottom:1px solid var(--hair);font-size:14px}
.weigh-bars b{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.weigh-bars i{grid-column:1 / -1;display:block;width:calc(var(--w) * 100%);min-width:2px;height:10px;background-color:var(--black);transform-origin:left center;transition:transform .9s var(--out)}

/* 13 · carbon number */
.carbon{padding:clamp(56px,6vw,96px) 0}
.carbon-top{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,4vw,64px);align-items:center}
.carbon-shot img{width:100%}
.carbon-say h2{margin-bottom:20px}
.carbon-say p{max-width:60ch}
.carbon-vow{margin:24px 0 0;padding-top:20px;border-top:2px solid var(--black);font-family:var(--wide);font-weight:700;font-size:clamp(17px,1.5vw,24px);line-height:1.2}

/* 14 · cradle to grave */
.cradle{padding:clamp(56px,6vw,96px) 0}
.cradle-head{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.6vw,44px)}
.cradle-head p{margin:0}
.lca-card{max-width:1300px;margin:clamp(28px,3vw,48px) auto;padding:clamp(12px,3vw,48px);background-color:var(--tile);border:1px solid var(--hair)}
.lca-card img{width:100%}
.cradle-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 clamp(20px,2.6vw,44px);margin:0;padding:0;list-style:none;counter-reset:etapa}
.cradle-stages li{padding:16px 0 28px;border-top:2px solid var(--black);counter-increment:etapa}
.cradle-stages h3::before{content:counter(etapa) "  ";color:var(--grey)}
.cradle-stages p{margin:8px 0 0;font-size:15px}
.cradle-five{margin:8px 0 clamp(28px,3vw,48px)}
.cradle-five img{width:100%}
.cradle-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.6vw,44px)}
.cradle-notes p{margin:0;font-size:15px}

/* 15 · b corp 104.3 */
.bcorp{padding:clamp(56px,6vw,96px) 0}
.bcorp-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,64px);align-items:start}
.bcorp-seen{position:sticky;top:96px}
.bcorp-graph{padding:16px;border:1px solid var(--hair)}
.bcorp-seen figure + figure{margin-top:8px}
.bcorp-seen img{width:100%}
.bcorp-say h2{margin-bottom:20px}
.bcorp-say p{max-width:68ch}
.bcorp-score{width:100%;margin:28px 0;border-collapse:collapse}
.bcorp-score caption{padding-bottom:12px;font-family:var(--wide);font-weight:700;font-size:15px;line-height:1.3;text-align:left}
.bcorp-score tr{border-top:1px solid var(--black)}
.bcorp-score tr:last-child{border-bottom:2px solid var(--black)}
.bcorp-score th{width:170px;padding:16px 16px 16px 0;font-family:var(--wide);font-weight:700;font-size:13px;text-align:left;text-transform:uppercase;vertical-align:top}
.bcorp-score td{padding:14px 0;font-size:15px;vertical-align:top}
.bcorp-score .pts{padding-left:20px;font-family:var(--wide);font-weight:800;font-size:clamp(20px,1.8vw,28px);line-height:1.1;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}

/* 16 · more life (o musgo da barra de anúncio) */
.hyloop{padding:clamp(56px,6vw,104px) 0;background-color:var(--moss);color:var(--white)}
.hyloop-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,5fr) minmax(0,3fr);gap:clamp(20px,3vw,48px);align-items:start}
.hyloop figure{position:sticky;top:96px}
.hyloop figure img{width:100%;aspect-ratio:4/5;object-fit:cover}
.hyloop h2{margin-bottom:20px;font-size:clamp(22px,2.2vw,36px)}
.hyloop-lead{font-family:var(--wide);font-weight:500;font-size:clamp(17px,1.4vw,22px);line-height:1.25;color:var(--lime)}
.hyloop-say p{max-width:64ch}
.hyloop .go{margin-top:8px}

/* 17 · the athlete and the brain */
.founders{padding:clamp(56px,6vw,104px) 0}
.founders-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,72px);align-items:start}
.founders-portrait{position:sticky;top:96px}
.founders-portrait img{width:100%;aspect-ratio:4/5;object-fit:cover}
.founders-letter h2{font-size:14px;letter-spacing:0;color:var(--grey)}
.founders-open{margin:10px 0 24px;font-family:var(--wide);font-weight:800;font-size:clamp(30px,3.6vw,60px);line-height:1;letter-spacing:-.02em}
.founders-letter p{max-width:62ch;font-size:17px}
.founders-run{width:100%;max-width:600px;margin-top:28px;aspect-ratio:3/2;object-fit:cover}

/* 18 · true to size */
.sizing{padding:clamp(48px,5vw,80px) 0}
.sizing-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:clamp(20px,3vw,48px);align-items:center}
.sizing-shot img{width:100%;aspect-ratio:1;object-fit:cover}
.sizing-chart h2{margin-bottom:12px;font-size:clamp(20px,2vw,32px)}
.sizing-hint{display:none;color:var(--grey);font-size:14px}
.sizing-scroll{overflow-x:auto;border-top:2px solid var(--black)}
.sizing-scroll table{width:100%;border-collapse:collapse}
.sizing-scroll tr{border-bottom:1px solid var(--hair)}
.sizing-scroll th{position:sticky;left:0;padding:13px 14px 13px 0;background-color:var(--white);font-family:var(--wide);font-weight:700;font-size:11px;text-align:left;white-space:nowrap}
.sizing-scroll td{min-width:40px;padding:13px 5px;font-size:14px;text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums}

/* 19 · before you order */
.order{padding:clamp(56px,6vw,96px) 0}
.order h2{margin-bottom:32px}
.order-top{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,3fr) minmax(0,6fr);gap:8px}
.order-cell{display:flex;flex-direction:column;justify-content:space-between;gap:40px;padding:24px;border:1px solid var(--black)}
.order-cell + .order-cell{background-color:var(--lime)}
.order-price{margin:0;font-family:var(--wide);font-weight:800;font-size:clamp(20px,2vw,32px);line-height:1.1}
.order-returns{padding:0 0 0 clamp(16px,3vw,48px)}
.order-returns h3{margin-bottom:14px}
.order-returns p{font-size:15px}
.order-returns p:last-child{margin:0}
.order-asks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(24px,4vw,64px);align-items:start;margin-top:clamp(32px,4vw,56px)}
.order-asks details{border-top:1px solid var(--black)}
.order-asks summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:12px 0;font-family:var(--wide);font-weight:700;font-size:13px;line-height:1.3;cursor:pointer;list-style:none}
.order-asks summary::-webkit-details-marker{display:none}
.order-asks summary::after{content:"+";flex-shrink:0;font-family:var(--text);font-weight:400;font-size:24px;line-height:1}
.order-asks details[open] summary::after{content:"–"}
.order-asks details p{max-width:62ch;margin:0 0 20px;font-size:15px}

/* 20 · worn in */
.wornin{padding:clamp(56px,6vw,96px) 0}
.wornin h2{margin-bottom:32px}
.wornin-mosaic{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.wornin-mosaic figure{aspect-ratio:1;overflow:hidden}
.wornin-mosaic img{width:100%;height:100%;object-fit:cover}
.wornin-say{display:flex;flex-direction:column;justify-content:space-between;gap:20px;padding:clamp(16px,1.8vw,28px);background-color:var(--tile)}
.wornin-say blockquote{font-family:var(--wide);font-weight:500;font-size:clamp(14px,1.25vw,20px);line-height:1.28}
.wornin-say figcaption{font-size:14px;font-weight:600}
.wornin-long{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,3vw,48px);align-items:center;margin-top:clamp(28px,3vw,48px)}
.wornin-long img{width:100%}
.wornin-long blockquote{font-size:17px}
.wornin-long figcaption{margin-top:14px;font-size:14px;font-weight:600}
.wornin-long figcaption span{display:block;color:var(--grey);font-weight:400}

/* 21 · shop men / shop women (o fecho da home) */
.shopsplit-halves{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.shopsplit-half{position:relative;display:block;aspect-ratio:1;overflow:hidden;background-color:#22211e}
.shopsplit-half img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s var(--out)}
.shopsplit-half .go{position:absolute;top:50%;left:24px;transform:translateY(-50%)}
.shopsplit-half + .shopsplit-half .go{left:auto;right:24px}
.shopsplit-foot{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,72px);align-items:center;padding-block:clamp(48px,6vw,96px)}
.lockup-card{padding:clamp(20px,3vw,56px);background-color:var(--white);border:1px solid var(--black)}
.lockup-card img{width:100%;max-width:640px}
.shopsplit-loop h2{margin-bottom:16px}
.shopsplit-loop p{max-width:52ch}
.giftcard{display:flex;gap:6px;margin:0 0 24px;padding:0;list-style:none}
.giftcard li{padding:8px 12px;border:1px solid var(--black);font-family:var(--wide);font-weight:700;font-size:13px;white-space:nowrap}
.shopsplit-small{margin:24px 0 0;color:var(--grey);font-size:13px}

/* ---------- hover só com ponteiro fino ---------- */
@media (hover:hover) and (pointer:fine){
  .go:hover,.chat:hover,.rodape-chat:hover{background-color:var(--black);color:var(--lime)}
  .bleed .go:hover,.hyloop .go:hover,.range-photo .go:hover,.shopsplit-half:hover .go{background-color:var(--white);color:var(--black)}
  .go-line:hover{background-color:var(--black);color:var(--lime)}
  .pacote-abas a:hover{background-color:var(--tile)}
  .pacote-abas a[aria-current="page"]:hover{background-color:var(--lime)}
  .swatches button:hover{border-bottom-color:var(--grey)}
  .weigh-tabs button:hover{background-color:var(--lime);color:var(--black)}
  .shopsplit-half:hover img{transform:scale(1.03)}
}

/* ---------- movimento: estado escondido só sob .com-js ---------- */
.rv.rise,.rv.slide{transition:opacity .8s var(--out),transform .8s var(--out);transition-delay:calc(var(--i,0) * 70ms)}
.rv.wipe{clip-path:inset(0);transition:clip-path 1s var(--out);transition-delay:calc(var(--i,0) * 70ms)}
.com-js .rv.rise:not(.in){opacity:0;transform:translateY(22px)}
.com-js .rv.slide:not(.in){opacity:0;transform:translateX(-22px)}
.com-js .rv.wipe:not(.in){clip-path:inset(0 0 100% 0)}
.com-js .rv.draw:not(.in) i{transform:scaleX(0)}
.com-js .rv.weigh-bars:not(.in) i{transform:scaleX(0)}
.com-js .startline-copy > *{animation:startline-in .9s var(--out) both}
.com-js .startline-copy > :nth-child(2){animation-delay:.08s}
.com-js .startline-copy > :nth-child(3){animation-delay:.16s}
.com-js .startline-copy > :nth-child(4){animation-delay:.24s}
@keyframes startline-in{from{opacity:0;transform:translateY(18px)}}
@keyframes startline-fade{from{opacity:0}}

@media (prefers-reduced-motion:reduce){
  .rv.rise,.rv.slide,.rv.wipe{transition:opacity .3s ease;transition-delay:0s}
  .com-js .rv.rise:not(.in),.com-js .rv.slide:not(.in){transform:none}
  .com-js .rv.wipe:not(.in){clip-path:inset(0);opacity:0}
  .com-js .rv.draw:not(.in) i,.com-js .rv.weigh-bars:not(.in) i{transform:none}
  .cycle-track i,.weigh-bars i,.shopsplit-half img,.go{transition:none}
  .com-js .startline-copy > *{animation-name:startline-fade;animation-duration:.3s}
  .ticker-run{animation:none}
  .ticker{flex-wrap:wrap;justify-content:center}
  .ticker-run[aria-hidden="true"]{display:none}
  .ticker-run{flex-wrap:wrap;justify-content:center;padding:0 var(--pad)}
  .ticker-pause{display:none}
}

/* ---------- larguras menores: quebra onde o conteúdo deixa de caber ---------- */
@media (max-width:1180px){
  .sizing-hint{display:inline}
  .weigh-panel{grid-template-columns:repeat(2,minmax(0,1fr))}
  .weigh-mix{grid-column:1 / -1}
  .hyloop-grid{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}
  .hyloop-grid figure:last-child{display:none}
  .cradle-head{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cradle-head h2{grid-column:1 / -1}
  .finishers li{grid-template-columns:minmax(0,4fr) minmax(0,7fr)}
  .finishers blockquote{grid-column:1 / -1}
}
@media (max-width:1000px){
  .cycle-steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:36px}
  .wornin-mosaic{grid-template-columns:repeat(2,minmax(0,1fr))}
  .carbon-figures{grid-template-columns:repeat(2,minmax(0,1fr))}
  .order-top{grid-template-columns:repeat(2,minmax(0,1fr))}
  .order-returns{grid-column:1 / -1;padding:24px 0 0}
}
@media (max-width:860px){
  html{scroll-padding-top:16px}
  .pacote{position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto;gap:6px;padding:8px}
  .pacote-abas{grid-column:1 / -1;grid-row:1 / 3;display:grid;grid-template-columns:subgrid;grid-template-rows:subgrid;gap:6px}
  .pacote-abas a,.chat{justify-content:center;min-height:44px;padding:0 4px;border:1px solid var(--hair);font-size:12px;text-align:center;text-transform:none}
  .chat{grid-column:3;grid-row:2;border-color:var(--lime)}
  .range-row,.champions-row,.impatient-cols,.imperfect-grid,.buildlog-grid,.carbon-top,.carbon-foot,.cradle-stages,.cradle-notes,.bcorp-grid,.founders-grid,.sizing-grid,.wornin-long,.shopsplit-foot{grid-template-columns:minmax(0,1fr)}
  .imperfect-side,.buildlog-sole,.bcorp-seen,.founders-portrait,.hyloop figure{position:static}
  .impatient-cols > div{padding:24px 0;border-left:0;border-top:1px solid var(--black)}
  .impatient-cols > div:first-child{padding-top:0;border-top:0}
  .buildlog-sole img{aspect-ratio:3/2}
  .sizing-shot{max-width:320px}
  .hyloop-grid{grid-template-columns:minmax(0,1fr)}
  .hyloop-grid figure:last-child{display:block}
  .hyloop figure img{aspect-ratio:3/2}
  .cradle-head{grid-template-columns:minmax(0,1fr)}
  .order-asks{grid-template-columns:minmax(0,1fr)}
  .order-asks details:last-child{border-bottom:1px solid var(--black)}
}
@media (max-width:700px){
  .startline{height:min(88svh,740px);min-height:560px}
  .startline h1{font-size:clamp(28px,8.6vw,40px)}
  .entry{grid-template-columns:minmax(0,1fr);gap:10px}
  .weigh-panel{grid-template-columns:minmax(0,1fr)}
  .finishers li{grid-template-columns:minmax(0,1fr);gap:6px}
  .cycle-steps{grid-template-columns:minmax(0,1fr)}
  .carbon-figures{grid-template-columns:minmax(0,1fr)}
  .order-top{grid-template-columns:minmax(0,1fr)}
  .wornin-mosaic{grid-template-columns:minmax(0,1fr)}
  .wornin-mosaic .wornin-say{aspect-ratio:auto}
  .shopsplit-halves{grid-template-columns:minmax(0,1fr)}
  .shopsplit-half{aspect-ratio:4/5}
  .shopsplit-half .go{top:auto;bottom:24px;transform:none}
  .imperfect-list li{padding-left:52px}
  .imperfect-list li::before{font-size:26px;top:22px}
  .bcorp-score,.bcorp-score tbody{display:block}
  .bcorp-score caption{display:block}
  .bcorp-score tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 12px;padding:14px 0}
  .bcorp-score th{width:auto;padding:0;align-self:center}
  .bcorp-score td{grid-column:1 / -1;padding:8px 0 0}
  .bcorp-score .pts{grid-column:2;grid-row:1;padding:0}
  .giftcard li{padding:8px 9px;font-size:12px}
  .go-row{gap:10px}
}