/* =========================================================
   DRAMA ORIGINAL — home.css (só a Home; usa os tokens de base.css)
   1 hero · 2 vitrine · 3 categorias · 4 destaque · 5 manifesto
   6 bonés · 7 skate · 8 sale · 9 comunidade · 10 marquee · 11 movimento
   ========================================================= */

/* 1 · hero */
.hero{position:relative;isolation:isolate;background:var(--paper)}
.hero__meta{display:flex;justify-content:space-between;align-items:center;gap:var(--s-4);padding-block:var(--s-4);color:var(--mute)}
.hero__meta .dot{display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:var(--ink);vertical-align:1px}
.hero__title{font-size:var(--t-display);font-weight:500;letter-spacing:-.06em;line-height:.8;color:#FFFFF8;mix-blend-mode:difference;pointer-events:none;z-index:3}
.hero__title .ln{display:block;overflow:hidden;padding:.08em .04em .04em;margin:-.08em -.04em -.04em}
.hero__title .ln>span{display:block}
.hero__main{position:relative;display:block;overflow:hidden;background:var(--sand)}
.hm-stack{position:absolute;inset:-4% 0;display:block}
.hm{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .7s var(--ease-std)}
.hm.is-on{opacity:1}
.hero__sub{position:relative}
.hero__sub .frame{position:relative;display:block;overflow:hidden;aspect-ratio:2/3;background:var(--sand)}
.hero__sub figcaption{margin-top:10px;color:var(--mute)}
.hero__lead{font-size:var(--t-lead);line-height:1.45;letter-spacing:-.01em;color:var(--graphite);max-width:36ch}
.hero__cta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3) var(--s-5);margin-top:var(--s-5)}

/* índice da coleção */
.idx{display:grid;border-top:1px solid var(--line)}
.idx a{display:grid;grid-template-columns:30px 1fr auto;align-items:baseline;gap:8px;padding:6px 0;border-bottom:1px solid var(--line);font-size:.875rem;font-weight:500;letter-spacing:-.005em;transition:color var(--d-2) var(--ease-std),border-color var(--d-2) var(--ease-std)}
.idx a .n,.idx a .p{font-family:var(--f-mono);font-size:var(--t-meta);font-weight:400;letter-spacing:.04em;color:var(--mute)}
.idx a .p{color:var(--ink)}
.idx a.is-cur{border-bottom-color:var(--ink)}
.idx li{position:relative}
.idx a{position:relative}
.idx a::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--red);transform:scaleX(0);transform-origin:left}
.hero.is-run .idx a.is-cur::after{animation:idxRun 4.5s linear forwards}
@keyframes idxRun{to{transform:scaleX(1)}}
.idx a.is-cur .n{color:var(--ink)}
.idx a.is-cur .n::before{content:"";display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:var(--ink);vertical-align:1px}
.idx__head{display:flex;justify-content:space-between;margin-bottom:10px;color:var(--mute)}
@media (hover:hover){.idx:hover a:not(:hover){color:var(--mute)}.idx:hover a:not(:hover) .p{color:var(--mute)}}

/* pílula flutuante do produto (enxerto C) */
.hero__pill{position:absolute;z-index:5;display:block;max-width:calc(100% - 24px)}
.hero__pill-in{display:flex;align-items:center;gap:12px;padding:6px;background:var(--paper);border-radius:var(--r-pill);box-shadow:0 18px 44px -20px rgba(15,15,14,.55),0 0 0 1px rgba(15,15,14,.06)}
.hero__pill-img{flex:none;width:38px;height:52px;overflow:hidden;border-radius:var(--r-pill);background:var(--sand)}
.hero__pill-img img{width:100%;height:100%;object-fit:cover;object-position:50% 22%;transition:opacity .18s var(--ease-std)}
.hero__pill-t{display:grid;gap:3px;min-width:0;transition:opacity .18s var(--ease-std)}
.hero__pill-t b{overflow:hidden;font-size:.875rem;font-weight:500;letter-spacing:-.01em;line-height:1.2;white-space:nowrap;text-overflow:ellipsis}
.hero__pill-t .label{font-size:var(--t-meta);line-height:1.2;color:var(--mute);white-space:nowrap}
.hero__pill-go{flex:none;display:grid;place-items:center;width:40px;height:40px;margin-left:4px;overflow:hidden;border-radius:50%;background:var(--ink);color:var(--paper);transition:background-color var(--d-2)}
.hero__pill-go .ico{width:16px;height:16px}
.hero__pill.is-swap .hero__pill-t,.hero__pill.is-swap .hero__pill-img img{opacity:0}
@media (hover:hover){.hero__pill:hover .hero__pill-go{background:var(--graphite)}.hero__pill:hover .hero__pill-go .ico{animation:arrowOut .6s var(--ease-out)}}

/* micro-linha de confiança (vermelho liberado nos ícones) */
.hero__trust{display:grid;gap:8px;color:var(--graphite)}
.hero__trust li{display:flex;align-items:center;gap:10px}
.hero__trust .ico{width:18px;height:18px;color:var(--red)}

@media (min-width:1024px){
  .hero{height:clamp(660px, calc(100svh - var(--hdr) - var(--ann)), 960px)}
  .hero__meta{position:absolute;inset:0 0 auto 0;z-index:4}
  .hero__stage{position:absolute;top:12px;bottom:26px;left:var(--gx);right:var(--gx)}
  .hero__title{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between}
  .hero__title .ln--2{align-self:flex-end;margin-right:calc((100% - 11 * var(--gut)) / 12 * 2 + 2 * var(--gut) - .04em)}
  .hero__main{position:absolute;top:8px;left:calc(50% + var(--gut) / 2);width:calc((100% - 11 * var(--gut)) / 12 * 4 + 3 * var(--gut));aspect-ratio:2/3;max-height:calc(100% - 16px)}
  .hero__sub{position:absolute;top:8px;right:0;width:calc((100% - 11 * var(--gut)) / 12 * 2 + var(--gut))}
  .hero{--col:calc((100vw - 2 * var(--gx) - 11 * var(--gut)) / 12)}
  .hero__copy{position:absolute;left:var(--gx);bottom:80px;z-index:4;width:calc(var(--col) * 4 + 3 * var(--gut))}
  .hero__copy .idx-wrap{margin-bottom:var(--s-5)}
  .hero__lead{font-size:1.0625rem;max-width:44ch}
  .hero__pill{left:calc(50% + var(--gut) / 2 - 132px);top:54%}
  .hero__trust{position:absolute;right:var(--gx);top:calc(20px + (var(--col) * 2 + var(--gut)) * 1.5 + 92px);z-index:4;width:calc(var(--col) * 2 + var(--gut))}
  .hero__trust li{align-items:flex-start}
  .hero__trust .ico{margin-top:-1px}
}
@media (min-width:1600px){.hero{--col:calc((var(--max) - 11 * var(--gut)) / 12)}}
@media (min-width:1024px) and (max-height:820px){.hero{height:max(640px, calc(100svh - var(--hdr) - var(--ann)))}.hero__lead{display:none}.idx a{padding-block:5px}}
/* 1024–1279: sem espaço para o índice; volta o texto de apoio */
@media (min-width:1024px) and (max-width:1279px){.hero .idx-wrap{display:none}.hero .hero__lead{display:block;max-width:34ch}.hero__pill{top:58%}}
@media (max-width:1023px){
  .hero__meta{padding-block:12px}
  .hero__stage{position:relative;margin-inline:var(--m);padding-top:calc(var(--t-display) * .8);padding-bottom:calc(var(--t-display) * .46)}
  .hero__title{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between}
  .hero__title .ln--2{align-self:flex-end}
  .hero__main{width:100%;aspect-ratio:1/1.08}
  .hero__sub,.idx-wrap{display:none}
  .hero__pill{left:12px;bottom:calc(var(--t-display) * .9 + 14px)}
  .hero__copy{display:flex;flex-direction:column;padding:var(--s-5) var(--m) 0}
  .hero__cta{order:-1;margin-top:0;gap:var(--s-3) var(--s-5)}
  .hero__lead{margin-top:var(--s-5);font-size:1rem;max-width:40ch}
  .hero__trust{margin:var(--s-5) var(--m) 0;padding-top:var(--s-4);border-top:1px solid var(--line);grid-template-columns:auto auto;justify-content:start;column-gap:var(--s-5)}
}
@media (min-width:768px) and (max-width:1023px){.hero__main{width:72%;margin-inline:auto}.hero__pill{left:calc(14% + 12px)}}
@media (max-width:767px){
  .hero__cta .btn{padding:0 18px}
  .hero__trust{grid-template-columns:1fr;row-gap:6px}
}
@media (max-width:389px){.hero__pill-t b{font-size:.8125rem}}

/* ritmo: seções seguidas no mesmo fundo não somam o respiro inteiro */
.vit{padding-top:calc(var(--sec) * .62)}
.cats,.skate{padding-top:calc(var(--sec) * .5)}
.comm{padding-bottom:calc(var(--sec) * .4)}
.sec__head .aside{display:grid;gap:var(--s-4);justify-items:start}

/* 2 · vitrine da coleção (trilho) */
.vit .rail__track{align-items:stretch}
.vit__more a{display:block;height:100%}
.vit__more-box{display:flex;flex-direction:column;justify-content:space-between;aspect-ratio:4/5;padding:clamp(16px,1.6vw,24px);background:var(--ink);color:var(--paper)}
.vit__more-box .label{color:var(--paper-mute)}
.vit__more-t{font-size:var(--t-h3);font-weight:500;letter-spacing:-.03em;line-height:1.05;max-width:10ch}
.vit__more-go{display:grid;place-items:center;width:52px;height:52px;overflow:hidden;border:1px solid var(--paper-mute);border-radius:50%}
.vit__more-go .ico{width:20px;height:20px}
@media (hover:hover){.vit__more a:hover .vit__more-go{background:var(--paper);color:var(--ink);border-color:var(--paper)}.vit__more a:hover .vit__more-go .ico{animation:arrowOut .6s var(--ease-out)}}
.vit__more a:focus-visible{outline-offset:-4px}

/* 3 · compre por categoria */
.cats__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-6) var(--gut)}
@media (min-width:1024px){.cats__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.cat{display:block}
.cat__media{position:relative;display:block;aspect-ratio:1;overflow:hidden;background:var(--sand)}
.cat__media img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease-out)}
.cat__n{position:absolute;top:10px;left:10px;z-index:2;padding:5px 7px 4px;background:var(--paper);font-size:var(--t-meta);line-height:1}
.cat__meta{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 12px;padding-top:14px}
.cat__name{font-size:var(--t-h3);font-weight:500;letter-spacing:-.03em;line-height:1.05}
.cat__count{grid-column:1;color:var(--mute)}
.cat__arrow{grid-row:1/3;grid-column:2;display:grid;place-items:center;width:44px;height:44px;overflow:hidden;border:1px solid var(--line);border-radius:var(--r-pill);transition:background-color var(--d-2),border-color var(--d-2),color var(--d-2)}
.cat__arrow .ico{width:18px;height:18px}
@media (hover:hover){
  .cat:hover .cat__media img,.js .cat:hover .cat__media.is-in img{transform:scale(1.045)}
  .cat:hover .cat__arrow{background:var(--ink);border-color:var(--ink);color:var(--paper)}
  .cat:hover .cat__arrow .ico{animation:arrowOut .6s var(--ease-out)}
}
@media (max-width:767px){.cat__arrow{display:none}.cat__meta{grid-template-columns:1fr;padding-top:12px}.cat__name{font-size:1.25rem}}
.cats__chips{display:flex;align-items:center;gap:var(--s-5);margin-top:clamp(32px,4vw,56px);padding-top:clamp(20px,2.4vw,28px);border-top:1px solid var(--line)}
.cats__chips-l{flex:none;color:var(--mute)}
.cats__chips .chips{min-width:0}
@media (max-width:767px){.cats__chips{flex-direction:column;align-items:stretch;gap:var(--s-3)}}

/* 4 · destaque editorial: a jaqueta */
.feat__grid{display:grid;gap:var(--s-8)}
.feat__media{position:relative;padding-bottom:22%}
.feat__big{position:relative;display:block;width:76%}
.feat__frame{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:var(--paper)}
.feat__par{position:absolute;left:0;top:-10%;display:block;width:100%;height:120%}
.feat__par img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.feat__small{position:absolute;right:0;bottom:0;width:40%;z-index:2}
.feat__small-frame{position:relative;display:block;aspect-ratio:2/3;overflow:hidden;background:var(--paper);box-shadow:0 0 0 clamp(6px,.8vw,12px) var(--sand)}
.feat__small-frame img{width:100%;height:100%;object-fit:cover}
.feat__cap{display:block;margin-top:12px;color:var(--mute)}
.feat__txt .eyebrow{display:block;margin-bottom:var(--s-4)}
.feat__title{max-width:11ch}
.feat__lead{margin-top:var(--s-5);font-size:var(--t-lead);line-height:1.5;letter-spacing:-.01em;color:var(--graphite);max-width:38ch}
.feat__buy{margin-top:var(--s-7);padding-top:var(--s-5);border-top:1px solid rgba(15,15,14,.14)}
.feat__name{font-size:.9375rem;font-weight:500;letter-spacing:-.01em}
.feat__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin-top:4px}
.feat__price .price{font-size:1.75rem;letter-spacing:-.03em;line-height:1.2}
.feat__price .inst{flex-basis:auto;font-size:.875rem;color:var(--graphite)}
.feat__ship{display:inline-flex;align-items:center;gap:8px;margin-top:var(--s-4);padding:8px 12px 7px;background:var(--paper);font-family:var(--f-mono);font-size:var(--t-meta);letter-spacing:.06em;text-transform:uppercase;line-height:1.2}
.feat__ship .ico{width:16px;height:16px}
.feat__cta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3) var(--s-5);margin-top:var(--s-6)}
.feat__note{margin-top:var(--s-5);font-size:.75rem;line-height:1.5;color:var(--mute);max-width:46ch}
@media (min-width:1024px){
  .feat__grid{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut);align-items:center}
  .feat__media{grid-column:1/8}
  .feat__txt{grid-column:9/13}
}
@media (max-width:767px){.feat__grid{gap:var(--s-7)}.feat__media{padding-bottom:30%}.feat__big{width:84%}.feat__small{width:46%}}

/* 5 · manifesto (fundo tinta) */
.mani{overflow:clip}
.mani__top{display:flex;justify-content:space-between;gap:var(--s-4);margin-bottom:clamp(28px,4vw,56px)}
.mani__statement{font-size:var(--t-statement);font-weight:500;letter-spacing:-.045em;line-height:1.02;max-width:21ch}
.mani__statement .dim{color:var(--paper-mute)}
.mani__band-wrap{position:relative;margin-top:clamp(56px,7vw,112px)}
.mani__band{position:relative;overflow:hidden;aspect-ratio:4/3;background:#1d1d1b}
@media (min-width:768px){.mani__band{aspect-ratio:1240/440}}
.mani__par{position:absolute;left:0;top:-12%;display:block;width:100%;height:124%}
.mani__par img{width:100%;height:100%;object-fit:cover;object-position:62% 50%}
.mani__cap{position:absolute;left:14px;bottom:14px;z-index:5;padding:6px 9px 5px;background:var(--ink);color:var(--paper);font-family:var(--f-mono);font-size:var(--t-meta);letter-spacing:.06em;text-transform:uppercase;line-height:1}
.mani__seal{position:absolute;top:0;right:clamp(20px,5vw,80px);z-index:6;--seal:clamp(108px,10vw,148px);transform:translateY(-50%)}
.mani__cols{display:grid;gap:var(--s-7);margin-top:clamp(48px,6vw,96px)}
.mani__num{font-size:clamp(5.5rem, 2rem + 13vw, 13.5rem);font-weight:500;letter-spacing:-.06em;line-height:.8;margin-left:-.04em}
.mani__facts{margin-top:var(--s-5);color:var(--paper-mute)}
.mani__p{font-size:var(--t-lead);line-height:1.5;letter-spacing:-.01em;color:var(--paper-mute);max-width:44ch}
.mani__quote{margin-top:var(--s-6);padding-left:var(--s-5);border-left:1px solid var(--paper-mute)}
.mani__quote p{font-size:var(--t-h3);font-weight:500;letter-spacing:-.03em;line-height:1.15;color:var(--paper);max-width:26ch}
.mani__team{margin-top:var(--s-7)}
.mani__team h3{margin-bottom:var(--s-3)}
.team{border-top:1px solid var(--ink-line)}
.team li{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;padding:14px 0;border-bottom:1px solid var(--ink-line)}
.team b{font-size:1.125rem;font-weight:500;letter-spacing:-.02em}
.team .label{color:var(--paper-mute)}
.mani .confirm{color:var(--paper-mute);border-bottom-color:var(--paper-mute)}
.mani__cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s-4);margin-top:var(--s-7)}
.mani__sign{color:var(--paper-mute)}
@media (min-width:1024px){
  .mani__cols{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut)}
  .mani__year{grid-column:1/6;align-self:start;position:sticky;top:calc(var(--hdr) + 32px)}
  .mani__body{grid-column:7/13}
}

/* 6 · bonés */
.bones__chips{margin-bottom:clamp(24px,3vw,40px)}
.bones__grid .bones__tile{grid-column:span 2}
.bones__tile a{position:relative;display:block;height:100%}
.bones__tile-media{position:relative;display:block;height:100%;min-height:100%;overflow:hidden;background:var(--sand)}
.bones__tile-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%;transition:transform 1.4s var(--ease-out)}
.bones__tile-cap{position:absolute;left:12px;bottom:12px;z-index:5;display:grid;gap:4px;max-width:calc(100% - 24px);padding:12px 14px;background:var(--paper)}
.bones__tile-cap .label{color:var(--mute)}
.bones__tile-t{font-size:.9375rem;font-weight:500;letter-spacing:-.01em;line-height:1.3}
@media (hover:hover){.bones__tile a:hover .bones__tile-media img,.js .bones__tile a:hover .bones__tile-media.is-in img{transform:scale(1.04)}}
@media (min-width:768px){.bones__grid .bones__tile{grid-row:span 2}}
@media (max-width:767px){.bones__tile-media{aspect-ratio:4/5}}
.bones__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);margin-top:clamp(32px,4vw,56px);padding-top:var(--s-5);border-top:1px solid var(--line)}
@media (max-width:767px){.bones__foot{flex-direction:column;align-items:stretch;text-align:center}.bones__foot .btn{width:100%}}

/* 7 · skate */
.skate__grid{display:grid;gap:var(--s-6)}
.skate__band{position:relative;overflow:hidden;aspect-ratio:4/3;background:var(--sand)}
.skate__par{position:absolute;left:0;top:-9%;display:block;width:100%;height:118%}
.skate__par img{display:block;width:100%;height:100%;object-fit:cover;object-position:80% 50%}
.skate__cap{position:absolute;left:14px;bottom:14px;z-index:5;padding:6px 9px 5px;background:var(--paper);font-size:var(--t-meta);line-height:1}
.skate__txt .eyebrow{display:block;margin-bottom:var(--s-4)}
.skate__txt .sec__intro{margin-block:var(--s-4) var(--s-6)}
.skate__prod{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gut);align-items:start}
.skate__info{display:flex;flex-direction:column;gap:var(--s-5);height:100%}
.skate__pro{display:grid;gap:4px}
.skate__pro-n{font-size:var(--t-h3);font-weight:500;letter-spacing:-.03em;line-height:1.05;margin-top:4px}
.skate__pro .label:last-child{color:var(--graphite)}
.skate__row{display:grid;gap:8px;padding-top:var(--s-4);border-top:1px solid var(--line)}
.skate__sizes{display:flex;flex-wrap:wrap;gap:6px}
.skate__sizes span{display:inline-grid;place-items:center;min-width:56px;height:40px;padding:0 10px;border:1px solid var(--edge);font-size:.875rem;font-weight:500}
.skate__gift{display:flex;gap:10px;padding-top:var(--s-4);border-top:1px solid var(--line);font-size:.875rem;line-height:1.45;color:var(--graphite)}
.skate__gift .ico{width:18px;height:18px;margin-top:1px}
@media (min-width:768px){.skate__band{aspect-ratio:1240/500}.skate__par img{object-position:50% 50%}}
@media (max-width:767px){.skate__info{gap:var(--s-4)}.skate__pro-n{font-size:1.125rem}}
@media (min-width:1024px){
  .skate__grid{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut);row-gap:0}
  .skate__band{grid-column:1/-1;grid-row:1}
  .skate__txt{grid-column:1/6;grid-row:2;padding-top:var(--s-8)}
  .skate__prod{position:relative;z-index:2;grid-column:7/13;grid-row:2;margin-top:-168px;padding:var(--s-4) var(--s-4) 0;background:var(--paper)}
  .skate__info{padding-block:var(--s-2) 0}
}

/* 8 · sale */
.sale__tag{margin-bottom:var(--s-3)}
.sale .pc__media{background:var(--paper)}

/* 9 · comunidade */
.comm__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gut)}
@media (min-width:1024px){.comm__grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
.comm__item--big{grid-column:span 2;grid-row:span 2}
.comm__item a{position:relative;display:block;height:100%}
.comm__media{position:relative;display:block;height:100%;aspect-ratio:1;overflow:hidden;background:var(--sand)}
.comm__media img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease-out)}
.comm__ig{position:absolute;inset:0;z-index:5;display:grid;place-items:center;background:rgba(15,15,14,.36);color:var(--paper);opacity:0;transition:opacity var(--d-2) var(--ease-std)}
.comm__ig .ico{width:28px;height:28px;transform:scale(.8);transition:transform var(--d-3) var(--ease-out)}
@media (hover:hover){
  .comm__item a:hover .comm__ig{opacity:1}
  .comm__item a:hover .comm__ig .ico{transform:none}
  .comm__item a:hover .comm__media img,.js .comm__item a:hover .comm__media.is-in img{transform:scale(1.05)}
}
.comm__item a:focus-visible .comm__ig{opacity:1}
.comm__item a:focus-visible{outline-offset:2px}
.comm .btn .ico:first-child{width:18px;height:18px}

/* 10 · marquee final */
.home-mq{padding-block:clamp(32px,4vw,64px) clamp(40px,5vw,72px);overflow:hidden}

/* 11 · movimento da Home */
@keyframes arrowOut{0%{transform:none}45%{transform:translateX(160%)}46%{transform:translateX(-160%)}100%{transform:none}}
@keyframes bob{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-5px,0)}}
@media (prefers-reduced-motion:no-preference){
  .js .hero__title .ln>span{transform:translate3d(0,108%,0);transition:transform 1.25s var(--ease-out)}
  .js .hero__title .ln--2>span{transition-delay:.12s}
  .js .hero.is-in .hero__title .ln>span{transform:none}
  .js .hero__meta,.js .hero__copy>*,.js .hero__trust{opacity:0;transform:translate3d(0,16px,0);transition:opacity .8s var(--ease-std),transform 1s var(--ease-out)}
  .js .hero__copy>:nth-child(2){transition-delay:.08s}
  .js .hero__copy>:nth-child(3){transition-delay:.16s}
  .js .hero__trust{transition-delay:.24s}
  .js .hero.is-in .hero__meta,.js .hero.is-in .hero__copy>*,.js .hero.is-in .hero__trust{opacity:1;transform:none}
  .js .hero__pill{opacity:0;transform:translate3d(0,14px,0);transition:opacity .8s var(--ease-std) .55s,transform 1.1s var(--ease-out) .55s}
  .js .hero.is-in .hero__pill{opacity:1;transform:none}
  .hero__pill-in{animation:bob 5.5s ease-in-out 2s infinite}
  .hero__pill:hover .hero__pill-in,.hero__pill:focus-visible .hero__pill-in{animation-play-state:paused}
}