@font-face{font-family:Barlow;src:url(/f/barlow-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Barlow;src:url(/f/barlow-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Barlow;src:url(/f/barlow-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Barlow Condensed";src:url(/f/barlow-condensed-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}

:root{
  --ink:#17171A;
  --paper:#F0EEE9;
  --hot:#DC4B25;
  --hot-deep:#B93A18;
  --hot-lift:#EF6A44;
  --hot-ground:#BE3C19;
  --hot-ground-deep:#992F11;
  --mute:#46464A;
  --dim:#CBC9C4;
  --gut:64px;
  --step:36px;
  --read:36rem;
  --ease:cubic-bezier(.2,0,0,1);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:84px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.6 Barlow,"Segoe UI",system-ui,sans-serif}
img{display:block;max-width:100%;height:auto}

h1,h2,.cond{font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;font-weight:700;letter-spacing:-.006em}
h1,h2,h3{text-wrap:balance}
h1{margin:0 0 22px;font-size:clamp(42px,5.4vw,80px);line-height:.98}
h2{margin:0 0 16px;font-size:clamp(28px,3.1vw,42px);line-height:1.1}
h3{margin:var(--step) 0 8px;font-size:21px;font-weight:600;line-height:1.28;letter-spacing:0}
p{margin:0 0 18px;max-width:none;color:var(--mute);text-wrap:pretty}
.band-hot p{color:#fff}
a{color:var(--hot-deep);text-underline-position:from-font;text-decoration-thickness:from-font;touch-action:manipulation;transition:color 150ms var(--ease)}
a:hover{color:var(--ink)}
:focus-visible{outline:3px solid var(--hot);outline-offset:3px}

.band-hot :focus-visible,.bar a:focus-visible{outline-color:#fff}

.skip{position:absolute;inset-inline-start:-9999px}
.skip:focus{inset-inline-start:12px;top:12px;z-index:20;background:var(--ink);color:#fff;padding:12px 18px;text-decoration:none}

.wrap{max-width:1200px;margin:0 auto;padding-inline:var(--gut)}
.band{padding:88px 0 82px}
.band-dark{background:var(--ink);color:var(--paper)}
.band-dark p{color:var(--dim)}

.band-dark .eyebrow,.band-dark .deck{color:var(--hot-lift)}
.band-dark a:not(.btn){color:var(--hot-lift)}
.band-dark a:not(.btn):hover{color:#fff}
.band-dark .src,.band-dark .src a{color:#96948F}
.band-hot{background:var(--hot-ground);color:#fff}

.band:not(.band-dark):not(.band-hot)+.band:not(.band-dark):not(.band-hot){border-block-start:2px solid rgba(23,23,26,.14)}

.mast{background:var(--ink);color:var(--paper);position:sticky;top:0;z-index:12}
.mast .wrap{display:flex;align-items:center;gap:10px 22px;min-height:72px;flex-wrap:wrap;padding-block:10px}
.mark{display:inline-flex;align-items:center;gap:13px;font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;font-weight:700;font-size:20px;letter-spacing:.03em;color:var(--paper);text-decoration:none;transition:color 150ms var(--ease)}
.mark .logo{width:32px;height:32px;flex:none;display:block;color:var(--paper);transition:color 150ms var(--ease)}
.mark:hover,.mark:hover .logo{color:#fff}
.nav{display:flex;flex-wrap:wrap;gap:8px 20px;margin-inline-start:auto;font-weight:400;font-size:15px}
.nav a{color:var(--dim);text-decoration:none;padding-block:10px}
.nav a:hover,.nav a[aria-current]{color:#fff}
.nav a[aria-current]{text-decoration:underline;text-decoration-color:var(--hot);text-decoration-thickness:2px;text-underline-offset:8px}

.btn{display:inline-block;font-weight:600;font-size:18px;line-height:1.2;padding:17px 26px;text-decoration:none;border:2px solid var(--hot-ground);background:var(--hot-ground);color:#fff;transition-property:background-color,border-color,color,scale;transition-duration:150ms;transition-timing-function:var(--ease)}
.btn:hover{background:var(--hot-ground-deep);border-color:var(--hot-ground-deep);color:#fff}
.btn-quiet{background:transparent;border-color:#55555A;color:var(--paper);font-size:17px;padding:16px 26px;font-weight:400}
.btn-quiet:hover{background:transparent;border-color:var(--paper);color:#fff}
.btn-ink{background:var(--ink);border-color:var(--ink);font-size:19px}
.btn-ink:hover{background:#000;border-color:#000}
.btn-sm{font-size:16px;padding:12px 20px}
@media (prefers-reduced-motion:no-preference){
  .btn:active,.bar a:active{scale:.96}
}

.hero{padding:104px 0 92px;position:relative;overflow:hidden}
.hero:not(.hero-art)::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:linear-gradient(90deg,rgba(240,238,233,.045) 1px,transparent 1px);
  background-size:120px 100%;background-position:calc(50% + 40px) 0;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 30%,#000 100%);
  mask-image:linear-gradient(90deg,transparent,#000 30%,#000 100%)}
.hero>.wrap{position:relative;z-index:1}
.eyebrow{text-transform:uppercase;font-weight:600;font-size:14px;letter-spacing:.18em;color:var(--hot);margin:0 0 22px;max-width:none;display:inline-flex;align-items:center;gap:14px}
.eyebrow::before{content:"";width:34px;height:2px;background:var(--hot);display:inline-block}
.hero h1{max-width:16ch;margin-block-end:20px}
.deck{font-weight:400;font-size:clamp(19px,1.7vw,24px);line-height:1.45;color:var(--hot);margin:0 0 34px;max-width:780px;text-wrap:pretty}
.hero-foot{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,400px);gap:64px;align-items:end;padding-block-start:20px;border-block-start:1px solid rgba(240,238,233,.14)}
.lede{font-size:19px;line-height:1.55;margin:0;max-width:640px;text-wrap:pretty}
.hero-act{display:flex;flex-direction:column;gap:12px}
.hero-act .btn{text-align:center}

.hero-art{isolation:isolate}
.hero-art>.wrap{position:relative;z-index:2}
.hero-img{position:absolute;inset:0;z-index:0;overflow:hidden}
.hero-img img{width:100%;height:100%;object-fit:cover;object-position:72% 50%;border:0}
.hero-art::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to right,rgba(23,23,26,.97) 0%,rgba(23,23,26,.94) 46%,rgba(23,23,26,.62) 78%,rgba(23,23,26,.5) 100%)}
.hero-tag{position:absolute;z-index:2;inset-block-end:10px;inset-inline-end:var(--gut);margin:0;max-width:none;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:rgba(240,238,233,.62)}

.steprow{background:var(--hot-ground);color:#fff}
.strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.strip>div{padding-block:30px}
.strip>div+div{border-inline-start:2px solid rgba(23,23,26,.35);padding-inline-start:32px}
.strip>div:not(:last-child){padding-inline-end:32px}
.strip .k{text-transform:uppercase;font-weight:600;font-size:12px;letter-spacing:.14em;color:rgba(255,255,255,.72)}
.strip .v{font-size:18px;font-weight:400;line-height:1.4;margin-block-start:8px}

.ic{display:inline-flex;flex:none}
.ic svg{display:block;width:100%;height:100%}
.strip .ic{width:26px;height:26px;color:#fff;margin-block-end:14px}

.proof{display:flex;flex-wrap:wrap;gap:12px 30px;margin:30px 0 0;padding:0;list-style:none}
.proof li{display:inline-flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:var(--paper);letter-spacing:.01em}
.proof .ic{width:19px;height:19px;color:var(--hot-lift)}

.wrap>*:last-child{margin-block-end:0}

main{counter-reset:band}
.band:not(.hero){counter-increment:band}

.band:not(.hero) h2::before{
  content:counter(band,decimal-leading-zero);
  display:block;font-family:"Barlow Condensed",sans-serif;font-weight:700;
  font-size:14px;line-height:1;letter-spacing:.16em;color:var(--hot);
  margin-block-end:16px}
.band-dark:not(.hero) h2::before{color:var(--hot-lift)}

.band:not(.hero) > .wrap > :where(h2,h3,p,blockquote,.faq,.rules,.src){max-width:var(--read)}

.band:not(.hero):not(.band-aside) > .wrap{
  display:grid;grid-template-columns:minmax(0,20rem) minmax(0,1fr);
  column-gap:64px;align-items:start;
}
.sec-head{grid-column:1}
.sec-head h2{margin-block-start:0}
.sec-body{grid-column:2;max-width:35rem}
.sec-body > :last-child{margin-block-end:0}

.band:not(.hero):not(.band-aside) > .wrap > :not(.sec-head):not(.sec-body){grid-column:1 / -1}

.band:not(.hero):not(.band-aside) > .wrap > :where(h3,.rules,.faq,.tiles,.figs,.pair,.wide,.notice){max-width:none}
.band:not(.hero):not(.band-aside) > .wrap > :where(p,blockquote,.src){max-width:35rem}

.band-aside > .wrap{display:grid;grid-template-columns:minmax(0,var(--read)) minmax(0,1fr);column-gap:56px;align-items:start}
.aside-text{grid-column:1;max-width:none}
.aside{grid-column:2;margin:0}
.areas-lbl{text-transform:uppercase;font-weight:600;font-size:12px;letter-spacing:.16em;color:var(--hot-deep);margin:0 0 16px;max-width:none}
.areas ul{list-style:none;margin:0;padding:0;border-block-start:3px solid var(--ink)}
.areas li{display:flex;align-items:center;gap:14px;padding-block:15px;border-block-end:1px solid rgba(23,23,26,.16);font-weight:600;font-size:18px;line-height:1.3;color:var(--ink)}
.areas li::before{content:"";flex:0 0 auto;width:9px;height:9px;background:var(--hot)}

.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:8px 0 var(--step);padding:0;list-style:none;border:0 solid var(--ink);border-block-start-width:3px;border-inline-start-width:3px}
.tiles-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.tiles-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.tiles li{background:var(--paper);padding:26px 26px 30px;border:0 solid var(--ink);border-block-end-width:3px;border-inline-end-width:3px;position:relative;transition:background-color 160ms var(--ease)}
.tiles li::before{content:"";position:absolute;inset-block-start:0;inset-inline:0;height:3px;background:var(--hot);transform:scaleX(0);transform-origin:0 50%;transition:transform 180ms var(--ease)}
@media (hover:hover){
  .tiles li:hover{background:#fff}
  .tiles li:hover::before{transform:scaleX(1)}
  .band-dark .tiles li:hover{background:#26262c}
}
.band-dark .tiles li{background:#212126}
.tiles b{display:block;font-weight:600;font-size:18px;line-height:1.3;color:var(--ink);margin-block-end:8px}
.tiles span{display:block;font-size:16px;line-height:1.5;color:var(--mute);max-width:51ch;text-wrap:pretty}
.band-dark .tiles b{color:var(--paper)}
.band-dark .tiles span{color:var(--dim)}

.more{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 56px;margin:8px 0 0;padding:0;list-style:none;border-block-start:2px solid currentColor}
.more a{display:block;padding-block:20px 22px;border-block-end:1px solid rgba(128,128,128,.4);text-decoration:none;color:inherit}
.more b{display:block;font-weight:600;font-size:18px;line-height:1.3;color:var(--ink);text-decoration:underline;text-decoration-color:var(--hot);text-decoration-thickness:2px;text-underline-offset:5px}
.more span{display:block;font-size:16px;line-height:1.5;color:var(--mute);margin-block-start:6px;text-wrap:pretty}
@media (hover:hover){.more a:hover b{color:var(--hot-deep)}}

.intro-form{display:grid;gap:22px;max-width:44rem;margin:8px 0 0}
.fld-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.fld label{display:block;font-weight:600;font-size:17px;line-height:1.3;color:var(--ink);margin-block-end:8px}
.fld .req{font-weight:400;color:var(--mute)}
.fld-hint{font-size:15px;line-height:1.45;color:var(--mute);margin:-2px 0 8px}
.fld input,.fld select,.fld textarea{display:block;width:100%;box-sizing:border-box;font:inherit;font-size:16px;line-height:1.4;color:var(--ink);background:#fff;border:2px solid var(--ink);border-radius:0;padding:13px 14px;min-height:52px}
.fld textarea{resize:vertical;min-height:150px}
.fld input:focus-visible,.fld select:focus-visible,.fld textarea:focus-visible{outline:3px solid var(--hot);outline-offset:2px}
.fld-trap{position:absolute;inset-inline-start:-9999px;width:1px;height:1px;overflow:hidden}
.fld-consent{font-size:15px;line-height:1.5;color:var(--mute);margin:0;max-width:60ch}
.intro-form .btn{justify-self:start;cursor:pointer;font-family:inherit}

.figs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px;margin:8px 0 var(--step);padding:0;list-style:none}
.figs li{border-block-start:5px solid var(--hot);padding-block-start:22px}
.figs .n{font-family:"Barlow Condensed",sans-serif;font-weight:700;font-size:clamp(56px,5vw,72px);line-height:.9;color:var(--hot)}
.figs .t{font-weight:600;font-size:18px;line-height:1.3;color:var(--ink);margin:14px 0 10px}
.band-dark .figs .t{color:var(--paper)}
.figs .d{font-size:16px;line-height:1.55;max-width:42ch}
.figrow{padding-block:56px 8px}
.figrow .figs{margin-block-end:0}

.rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:56px;margin:8px 0 var(--step);padding:0;border-block-start:2px solid currentColor}
.rules div{padding-block:22px;border-block-end:1px solid rgba(128,128,128,.4)}
.rules dt{font-weight:600;font-size:17px;line-height:1.4;margin-block-end:8px}
.rules dd{margin:0;font-size:16px;line-height:1.55;max-width:46ch}

figure{margin:0;overflow:hidden}
figure img{width:100%;border:3px solid var(--ink);transition:transform 480ms var(--ease)}
@media (prefers-reduced-motion:no-preference) and (hover:hover){
  .pair figure:hover img,.wide figure:hover img{transform:scale(1.035)}
}
.band-dark figure img{border-color:rgba(255,255,255,.14)}
figcaption{font-size:14px;line-height:1.45;color:var(--mute);padding-block-start:10px;max-width:56ch;text-wrap:pretty}
.band-dark figcaption{color:#96948F}

.pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;margin:8px 0 var(--step)}
.pair figure img{block-size:clamp(260px,30vw,380px);object-fit:cover;object-position:50% 44%}
.wide{margin:8px 0 var(--step)}
.wide figure img{block-size:clamp(280px,38vw,480px);object-fit:cover;object-position:50% 50%}

.quote{border-inline-start:5px solid var(--hot);padding-inline-start:22px;padding-block:2px;margin:0 0 20px;font-size:17px;line-height:1.55}
.quote p:last-child{margin-block-end:0}

.src{font-weight:400;font-size:14px;color:#67655F;margin:var(--step) 0 0}
.src a{color:#67655F}
.src a:hover{color:var(--ink)}
.band-dark .src a:hover{color:#fff}

.faq{margin:8px 0 var(--step);padding:0;list-style:none;border-block-start:2px solid var(--ink)}
.faq li{border-block-end:1px solid #C9C6BF;padding-block:24px}
.faq b{display:block;font-weight:600;font-size:19px;line-height:1.35;color:var(--ink);margin-block-end:8px}
.faq p:last-child{margin-block-end:0}

.call{display:flex;align-items:center;gap:24px 40px;flex-wrap:wrap;padding-block:56px}
.call .t{font-family:"Barlow Condensed",sans-serif;font-weight:700;font-size:clamp(30px,3.4vw,40px);line-height:1.05}
.call .s{font-size:17px;margin:10px 0 0;color:#FDEFE9;max-width:none}
.call-acts{margin-inline-start:auto;display:flex;gap:12px;flex-wrap:wrap}

.btn-line{background:transparent;border-color:rgba(255,255,255,.75);color:#fff;font-size:19px}
.btn-line:hover{background:transparent;border-color:#fff;color:#fff}

.foot{background:var(--ink);color:var(--dim);padding:52px 0 60px;font-size:15px;line-height:1.6}
.foot p,.foot a{color:var(--dim)}
.foot a:hover{color:#fff}
.foot-nav{display:flex;flex-wrap:wrap;gap:10px 24px;margin:0 0 20px;padding:0;list-style:none;font-weight:400;font-size:15px}
.foot-nav a{text-decoration:none;display:inline-block;padding-block:8px}
.foot p{margin:0 0 12px;max-width:64ch}

.bar{display:none}

.foot p,.notice-body p,.call .s{max-width:64ch}

.bleed figcaption{max-width:64ch}

.band-dark .notice p,.notice p{color:var(--ink)}

.notice{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,15rem);column-gap:48px;align-items:end;background:#FBFAF7;color:var(--ink);border:3px solid var(--ink);padding:32px 34px 30px;margin:8px 0 var(--step);max-width:none;box-shadow:12px 12px 0 rgba(0,0,0,.32)}

.notice-hd{grid-column:1 / -1;color:var(--ink);font-weight:700;text-transform:uppercase;font-size:22px;line-height:1.2;letter-spacing:.06em;margin:0 0 4px;max-width:none}
.notice-hd::after{content:"";display:block;height:3px;background:var(--ink);margin-block-start:14px}
.notice-body{grid-column:1;padding-block-start:18px}
.notice-body p{font-weight:700;font-size:16px;line-height:1.5;color:var(--ink);max-width:none}
.notice-body p:last-child{margin-block-end:0}
.notice-sign{grid-column:2;display:flex;flex-direction:column;gap:30px;padding-block-start:18px}
.sig-rule{display:block;border-block-end:2px solid var(--ink);height:34px}
.sig-lbl{display:block;text-transform:uppercase;font-weight:600;font-size:12px;letter-spacing:.12em;color:var(--mute);padding-block-start:7px}

@media (max-width:1199px){
  html{scroll-padding-top:144px}
  .mast .wrap{padding-block:12px}
  .mast .btn{order:2;margin-inline-start:auto}
  .nav{order:3;flex-basis:100%;margin-inline-start:0;border-block-start:1px solid rgba(240,238,233,.12)}
}

@media (max-width:1100px){
  :root{--gut:40px}
  .band{padding:64px 0 60px}
  .hero{padding:72px 0 60px}
  .band:not(.hero) h2::before{margin-block-end:12px}

  .band:not(.hero):not(.band-aside) > .wrap{display:block}
  .sec-body{max-width:var(--read)}

  .band-aside > .wrap{grid-template-columns:minmax(0,1fr);row-gap:26px}
  .band-aside > .wrap > .aside{grid-column:1;max-width:460px}
  .hero-foot{grid-template-columns:minmax(0,1fr);gap:30px}
  .hero-act{flex-direction:row;flex-wrap:wrap}
  .tiles,.tiles-2,.tiles-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .figs{gap:30px}
  .strip>div+div{padding-inline-start:24px}
  .strip>div:not(:last-child){padding-inline-end:24px}
  .notice{display:block;max-width:none}
  .notice-sign{margin-block-start:28px}
}

@media (max-width:720px){
  :root{--gut:20px;--step:28px}

  html{scroll-padding-top:16px}
  .mast{position:static}
  .hero h1{line-height:1.04}
  .eyebrow{font-size:13px;letter-spacing:.14em;gap:10px;margin-block-end:18px;align-items:baseline}
  .eyebrow::before{width:20px;flex:none;transform:translateY(-4px)}
  .figs .d,.rules dd{text-wrap:pretty}
  .mast .wrap{min-height:0;padding-block:12px 0;row-gap:4px}
  .mark{font-size:17px;gap:10px;letter-spacing:.02em}
  .mark .logo{width:26px;height:26px}
  .mast .btn{display:none}
  .nav{flex:0 0 calc(100% + var(--gut) * 2);flex-wrap:nowrap;overflow-x:auto;gap:22px;margin-inline:calc(var(--gut) * -1);padding-inline:var(--gut);scrollbar-width:none;border-block-start:0}
  .nav::-webkit-scrollbar{display:none}
  .nav a{white-space:nowrap;padding-block:12px}
  body{font-size:16px;padding-block-end:calc(72px + env(safe-area-inset-bottom))}
  .band{padding:48px 0 44px}
  .hero{padding:44px 0 40px}
  .hero h1{max-width:none}
  .hero-foot{padding-block-start:24px}
  .lede{font-size:18px}
  .strip{grid-template-columns:minmax(0,1fr)}
  .strip>div{padding-block:18px}
  .strip>div+div{border-inline-start:0;border-block-start:2px solid rgba(23,23,26,.35);padding-inline-start:0;padding-block-start:18px}
  .strip>div:not(:last-child){padding-inline-end:0}
  .tiles,.tiles-2,.tiles-4,.figs{grid-template-columns:minmax(0,1fr)}
  .figs li{padding-block-start:18px}
  .pair{grid-template-columns:minmax(0,1fr);gap:20px}
  .pair figure img,.wide figure img{block-size:clamp(240px,64vw,340px)}
  .rules{grid-template-columns:minmax(0,1fr)}
  .rules div{padding-block:18px}
  .more{grid-template-columns:minmax(0,1fr)}
  .fld-row{grid-template-columns:minmax(0,1fr)}
  .intro-form .btn{justify-self:stretch;text-align:center}
  .call{padding-block:36px 32px}
  .call-acts{margin-inline-start:0;width:100%;flex-direction:column;gap:10px}
  .call .btn{margin-inline-start:0;width:100%;text-align:center}
  .bar{display:flex;position:fixed;inset-inline:0;bottom:0;z-index:15;background:var(--hot-ground);border-block-start:3px solid var(--ink);padding-block-end:env(safe-area-inset-bottom)}
  .bar a{flex:1;text-align:center;padding:18px 8px;color:#fff;text-decoration:none;font-weight:600;font-size:17px;transition:background-color 150ms var(--ease),scale 150ms var(--ease)}
  @media (hover:hover){.bar a:hover{background:var(--hot-ground-deep)}}
  .bar a+a{border-inline-start:3px solid var(--ink)}
}

@media print{.bar,.mast,.foot{display:none}body{background:#fff;padding-block-end:0}}

@media (prefers-reduced-motion:no-preference){
  .hero>.wrap>*{animation:heroIn .7s var(--ease) both}
  .hero .eyebrow{animation-delay:.04s}
  .hero h1{animation-delay:.12s}
  .hero .deck{animation-delay:.22s}
  .hero .hero-foot{animation-delay:.32s}
  @keyframes heroIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

  @supports (animation-timeline:view()){
    .band:not(.hero) > .wrap > :where(h2,h3,p,.pair,.wide,.notice,.rules,.faq,blockquote,.src){
      animation:rise both;animation-timeline:view();animation-range:entry 4% cover 24%}
    .tiles li,.figs li{animation:rise both;animation-timeline:view();animation-range:entry 2% cover 22%}
    .steprow .strip>div{animation:rise both;animation-timeline:view();animation-range:entry 0% cover 30%}
    @keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
  }
}