/* STREAKWEAR: art direction taken from the campaign film and board.
   Neon label, crumpled black paper, concrete, torn paper, marker scribbles, white type with a hard green shadow. */
body[data-project="duolingo"]{
 --neon:#56e62c;--neon-deep:#0a7d26;--flame:#ff9600;--flame-in:#ffc800;
 --night:#16151a;--night2:#212027;--concrete:#d6d4ce;--snow:#f4f3ee;
 --paper:#16151a;--ink:#f4f3ee;--red:#56e62c;--line:#3a3941;--acid:#56e62c;
 --sw-gut:clamp(16px,3vw,48px);
 --crumple:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1200' height='900'%3E%3Cfilter id='c' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='turbulence' stitchTiles='stitch' baseFrequency='.0045 .007' numOctaves='3' seed='23'/%3E%3CfeDiffuseLighting lighting-color='%23fff' surfaceScale='7' diffuseConstant='1.3'%3E%3CfeDistantLight azimuth='225' elevation='60'/%3E%3C/feDiffuseLighting%3E%3C/filter%3E%3Crect width='1200' height='900' filter='url(%23c)'/%3E%3C/svg%3E");
 --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' seed='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .13 0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23g)'/%3E%3C/svg%3E");
 --dark-paper:linear-gradient(rgb(22 21 26/.97),rgb(22 21 26/.97)),var(--crumple);
 --torn:polygon(0% 1.48%,2.17% 1.65%,4.35% .58%,6.52% .89%,8.7% 1.36%,10.87% 1.52%,13.04% .49%,15.22% 2.41%,17.39% 1.71%,19.57% 1.29%,21.74% .98%,23.91% 2.18%,26.09% 1.88%,28.26% .48%,30.43% 1.5%,32.61% .86%,34.78% 1.91%,36.96% .68%,39.13% 1.64%,41.3% 1.47%,43.48% .72%,45.65% .42%,47.83% 2.55%,50% 2.63%,52.17% .59%,54.35% 1.37%,56.52% 2.59%,58.7% .75%,60.87% 1.31%,63.04% 1.62%,65.22% 1.91%,67.39% .97%,69.57% .71%,71.74% 2.67%,73.91% 1.37%,76.09% .86%,78.26% 1.61%,80.43% 1.09%,82.61% .67%,84.78% 2.15%,86.96% 1.14%,89.13% 1.14%,91.3% .49%,93.48% 2.52%,95.65% .87%,97.83% 2.42%,100% 1.43%,100% 100%,0% 100%);
 --tag-edge:polygon(.6% 6%,8% 2%,21% 4.5%,38% 1%,57% 4%,74% .5%,92% 3.5%,99.4% 1%,100% 44%,98.8% 96%,84% 98.5%,63% 96%,41% 100%,22% 96.5%,5% 99%,.3% 94%,1.2% 48%);
 background:var(--night);color:var(--ink);
}
body[data-project="duolingo"] main{background:var(--night)}
.sw{--case-accent:var(--neon);--case-ink:var(--snow);--case-line:var(--line);--case-muted:#b6b5ae;overflow-x:clip;background:var(--night);color:var(--snow);padding:0!important;max-width:none!important;margin:0!important;font-family:'DM Sans',Arial,sans-serif}
.sw *{box-sizing:border-box}
:where(.sw) :where(p,h2,h3,figure,ol,blockquote){margin:0;padding:0}
.sw ol{list-style:none}
.sw img{max-width:none}
.sw :focus-visible{outline:3px solid var(--neon);outline-offset:3px}

/* Header and footer keep their structure, take the campaign's colours */
body[data-project="duolingo"] .site-header{background:var(--night);color:var(--snow);position:relative;z-index:6}
body[data-project="duolingo"] .site-header a{color:var(--snow)}
body[data-project="duolingo"] footer{background:var(--neon) var(--grain);color:#0e0f0b;--ink:#0e0f0b;--line:#0e0f0b}
body[data-project="duolingo"] footer a,body[data-project="duolingo"] footer button,body[data-project="duolingo"] footer span,body[data-project="duolingo"] footer p{color:#0e0f0b;border-color:#0e0f0b}

/* Shared crop device: any region of a supplied image, with no new asset */
.sw-crop{position:relative;display:block;overflow:hidden;aspect-ratio:calc(var(--cw)/var(--ch));background:var(--night2)}
.sw .sw-crop img{position:absolute;display:block;height:auto;width:calc(var(--iw)/var(--cw)*100%);left:calc(var(--cx)/var(--cw)*-100%);top:calc(var(--cy)/var(--ch)*-100%)}

/* Display voice */
.sw-line,.sw-status span,.sw-drop__head h2,.sw-act h3,.sw-close__big,.sw-num{font-weight:700;text-transform:uppercase;letter-spacing:-.035em;-webkit-text-stroke:.014em currentColor}

/* ------------- 1. OPENING: the label is the door to the collection ------------- */
.sw-open{position:relative;display:block;padding:0!important;margin:0!important;border:0;max-width:none!important;background:var(--night)}
.sw-open__stage{position:relative;overflow:hidden;background:var(--night)}
.sw-open__world{position:relative;container-type:inline-size;width:100%;aspect-ratio:1800/1013;transform-origin:0 0}
.sw .sw-open__cover{display:block;width:100%;height:100%;object-fit:cover}
.sw-open h1{position:absolute!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.sw-open .case-topline{position:absolute;left:0;right:0;top:0;z-index:3;display:flex;justify-content:space-between;gap:1rem;padding:.35rem var(--sw-gut) .7rem;margin:0;background:var(--night);color:var(--snow);border:0;font-size:.875rem}
.sw-open .case-topline a{color:var(--snow)}
.sw-open__intro{position:relative;z-index:4;background:var(--night);color:var(--snow);padding:clamp(20px,2.4vw,34px) var(--sw-gut)}
.sw-open .case-heading{display:block;margin:0;padding:0;max-width:none}
.sw-open .case-introduction{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,7fr) auto;gap:clamp(16px,3vw,48px);align-items:start;margin:0;padding:0;max-width:none}
.sw-open .case-category{color:var(--neon);font-size:.875rem;padding-top:.5rem}
.sw-open .case-introduction p{font-size:clamp(17px,1.5vw,22px);line-height:1.35;max-width:48ch;margin:0;color:var(--snow)}
.sw-lead{display:block;font-weight:700;font-size:clamp(28px,3.6vw,54px);line-height:1;letter-spacing:-.03em;color:var(--neon);margin-bottom:.32em}
.sw-open .case-watch{align-self:end;display:inline-flex;gap:1.5rem;align-items:center;color:#0d0e0a;background:var(--neon);padding:.8rem 1.1rem;font-weight:700;border:0;box-shadow:0 5px 0 var(--neon-deep);transition:transform .12s,box-shadow .12s}
.sw-open .case-watch span{color:inherit}
.sw-open .case-watch:hover,.sw-open .case-watch:focus-visible{transform:translateY(3px);box-shadow:0 2px 0 var(--neon-deep)}
.sw-open .case-caption-line{display:flex;justify-content:space-between;gap:1rem;margin:1rem 0 0;padding:.75rem 0 0;border-top:1px solid var(--line);color:#b6b5ae;font-size:.8125rem}
.sw-open .case-caption-line span:last-child{color:var(--neon)}
html.sw-motion .sw-open__scroll{height:180svh;position:relative}
html.sw-motion .sw-open__stage{position:sticky;top:0;height:100svh}
html.sw-motion .sw-open__world{position:absolute;left:0;top:0;width:1800px;height:1013px;aspect-ratio:auto}
@media(min-width:720px) and (min-height:640px){
 html.sw-motion .sw-open__intro{position:absolute;left:0;right:0;top:calc(100svh - 76px);translate:0 -100%;box-shadow:0 -1px 0 #000;transition:none;will-change:transform}
 html.sw-motion .sw-open__intro .case-caption-line{display:flex}
 html.sw-motion .sw-open__intro{padding-block:clamp(14px,1.6vw,22px)}
 html.sw-motion .sw-lead{font-size:clamp(24px,2.5vw,38px)}
 html.sw-motion .sw-open .case-introduction p{font-size:clamp(15px,1.15vw,18px)}
 html.sw-motion .sw-open .case-caption-line{margin-top:.65rem;padding-top:.5rem}
}
@media(max-width:719px){
 .sw-open .case-introduction{grid-template-columns:1fr}
 .sw-open .case-watch{justify-self:start}
 html:not(.sw-motion) .sw-open__stage{height:62vw;min-height:280px}
 html:not(.sw-motion) .sw-open__world{position:absolute;width:215%;left:-57.5%;top:-30%}
}

/* ------------- 2. WHY: the film's opening, one hard cut at a time ------------- */
.sw-why{position:relative;background:var(--dark-paper);background-size:auto,1200px auto}
.sw-why__stage{position:relative;padding:clamp(48px,8vw,120px) var(--sw-gut);overflow:hidden}
.sw-why__group{margin-bottom:clamp(48px,7vw,110px)}
.sw-line{font-size:clamp(44px,8.1vw,136px);line-height:.92;margin:0 0 .14em;color:var(--snow);text-shadow:.045em .045em 0 var(--neon);max-width:12.5em;text-wrap:balance}
.sw-line.is-neon{color:var(--neon);text-shadow:none}
.sw-line.is-outline{color:#1b1a20;-webkit-text-stroke:.03em var(--snow);paint-order:stroke fill;text-shadow:none}
.sw-why .sw-line--now,html.sw-motion .sw-why .sw-line--now{color:var(--neon);text-shadow:.03em .03em 0 #fff;font-size:15.4vw;max-width:none;white-space:nowrap;line-height:.9}
.sw-line--ink{color:#0d0e0a;text-shadow:.04em .04em 0 var(--neon);max-width:10em}
.sw-why__paper{background:var(--snow);padding:clamp(32px,6vw,90px) var(--sw-gut);margin:0 calc(var(--sw-gut)*-1) clamp(48px,7vw,110px);clip-path:var(--torn)}
.sw-status{position:relative;display:inline-block;margin-top:.1em;color:#0d0e0a;padding:.04em .2em}
.sw-status span{font-size:clamp(70px,16vw,270px);line-height:.96;display:block;text-shadow:.03em .03em 0 var(--neon)}
.sw-ring{position:absolute;inset:-14% -8%;width:116%;height:128%;overflow:visible;pointer-events:none}
.sw-ring path{fill:none;stroke:var(--neon);stroke-width:7;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0;vector-effect:non-scaling-stroke}
.sw-zig{width:clamp(90px,14vw,220px);display:block;margin-top:1.4rem;overflow:visible}
.sw-why__scrib{position:absolute;right:calc(var(--sw-gut) + 3vw);width:clamp(70px,14vw,230px);overflow:visible;z-index:0}
.sw-why__scrib.sw-cross{top:18%}
.sw-why__scrib.sw-zig{bottom:12%;margin:0;right:calc(var(--sw-gut) + 9vw)}
.sw-why__scrib.sw-arrow{top:40%;rotate:-14deg}
html:not(.sw-motion) .sw-why__scrib{display:none}
.sw-zig path,.sw-cross path,.sw-arrow path{fill:none;stroke:var(--neon);stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round}
html.sw-motion .sw-why{height:calc(100svh + 230svh)}
html.sw-motion .sw-why__stage{position:sticky;top:0;height:100svh;padding:0}
html.sw-motion .sw-why__group,html.sw-motion .sw-why__paper{position:absolute;inset:0;margin:0;display:flex;flex-direction:column;justify-content:center;padding:clamp(72px,8vh,110px) var(--sw-gut) clamp(24px,5vh,60px)}
html.sw-motion .sw-why__group{visibility:hidden}
html.sw-motion .sw-why__group.on{visibility:visible}
html.sw-motion .sw-why__paper{transform:translateY(102%);transition:transform .5s cubic-bezier(.7,0,.2,1);align-items:flex-start;z-index:2}
html.sw-motion .sw-why__paper.on{transform:none}
html.sw-motion .sw-why__paper.gone{transform:translateY(-102%)}
html.sw-motion .sw-why__group .sw-line:not(.on),html.sw-motion .sw-why__group[data-group="0"] .sw-line.past,html.sw-motion .sw-why__group--proof .sw-line.past{color:#1b1a20;-webkit-text-stroke:.03em #5f5e66;paint-order:stroke fill;text-shadow:none}
html.sw-motion .sw-why__group[data-group="0"] .sw-line.past,html.sw-motion .sw-why__group--proof .sw-line.past{-webkit-text-stroke-color:#85848b}
html.sw-motion .sw-why__group .sw-line.is-outline.on{color:#1b1a20;-webkit-text-stroke:.03em var(--snow);paint-order:stroke fill}
html.sw-motion .sw-ring path{stroke-dashoffset:1}
html.sw-motion .sw-line{font-size:clamp(46px,min(8.6vw,14.5vh),150px)}
.sw-why__group--proof .sw-line{max-width:16em}
/* Spanish runs longer: the same poster, one size down */
.sw-why :lang(es).sw-line,html.sw-motion .sw-why .sw-line:lang(es){font-size:clamp(40px,min(7.4vw,12.4vh),132px)}
.sw-why .sw-line--now:lang(es),html.sw-motion .sw-why .sw-line--now:lang(es){font-size:12.4vw}
.sw-status span:lang(es){font-size:clamp(70px,15vw,250px)}

/* ------------- 3. IDEA: the board's own paper ------------- */
.sw-idea{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,5vw,80px);background:var(--concrete) var(--grain);color:#0d0e0a;padding:0 var(--sw-gut) clamp(60px,6vw,90px) 0;position:relative}
.sw-idea__photo{align-self:start;position:sticky;top:0;height:100svh;overflow:hidden}
.sw-idea__photo .sw-crop{height:100%;aspect-ratio:auto;width:100%}
.sw-idea__photo .sw-crop{container-type:size}
.sw .sw-idea__photo .sw-crop img{--h:max(100cqh,calc(100cqw*1013/606));height:var(--h);width:calc(var(--h)*1800/1013);left:calc(50% - var(--h)*.9195);top:calc(50% - var(--h)/2)}
.sw-idea__copy{padding-top:clamp(56px,7vw,100px);display:flex;flex-direction:column;gap:clamp(56px,6.5vw,100px)}
.sw-label{display:inline-block;background:var(--neon);color:#0d0e0a;font:700 clamp(19px,1.9vw,28px)/1 'DM Sans',Arial,sans-serif;text-transform:uppercase;padding:.42em .7em .38em;clip-path:var(--tag-edge);rotate:-1.2deg;margin:0 0 .9em!important}
.sw-big{font-weight:700;font-size:clamp(33px,4.45vw,76px);line-height:1;letter-spacing:-.035em;text-wrap:pretty}
.sw-small{font-size:clamp(18px,1.6vw,25px);line-height:1.35;margin-top:1.1em!important;max-width:40em}
.sw mark{background:linear-gradient(transparent 8%,var(--neon) 8% 92%,transparent 92%);color:inherit;padding:0 .12em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.sw-no{position:relative;white-space:nowrap;display:inline-block}
.sw-no::after{content:"";position:absolute;left:-3%;right:-3%;top:56%;height:.11em;background:var(--neon);rotate:-2deg;transform-origin:left;}
.sw-quote{font:italic 400 clamp(26px,3.4vw,56px)/1.08 Georgia,'Times New Roman',serif;color:#0b6a22;max-width:17em}

/* Tape, on the seam between idea and drop */
.sw-tape{position:relative;z-index:3;width:112vw;margin:-22px -6vw -22px;background:var(--neon);color:#0d0e0a;rotate:-1.5deg;overflow:hidden;font-weight:700;text-transform:uppercase;font-size:clamp(16px,1.9vw,28px);letter-spacing:-.01em;padding:.5em 0;white-space:nowrap}
.sw-tape>div{display:inline-flex;gap:2.4em;will-change:transform}
.sw-tape span{position:relative;padding-right:2.4em}
.sw-tape span::after{content:"×";position:absolute;right:0}

/* ------------- 4. THE DROP: signature interaction ------------- */
.sw-drop{position:relative;background:var(--dark-paper);background-size:auto,1200px auto;padding:clamp(48px,4.2vw,64px) var(--sw-gut) clamp(50px,6vw,90px);scroll-margin-top:0}
.sw-drop__head{position:relative;margin-bottom:clamp(24px,2.6vw,38px);max-width:none;display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);column-gap:clamp(18px,2.6vw,40px);align-items:end}
.sw-drop__head .sw-kicker{grid-column:1/-1;justify-self:start}
.sw-kicker{display:inline-block;border:1.5px solid var(--snow);border-radius:6px;padding:.36em .8em;font-weight:700;font-size:.95rem;margin-bottom:.8rem!important;color:var(--snow)}
.sw-drop__head h2{font-size:clamp(40px,5.2vw,96px);line-height:.9;color:var(--neon);text-shadow:.04em .04em 0 #fff;margin:0;text-wrap:balance}
.sw-cross{position:absolute;right:0;top:0;width:clamp(44px,4.6vw,72px);overflow:visible}
.sw-drop__how{font-size:clamp(16px,1.25vw,19px);line-height:1.3;max-width:27em;color:var(--snow)}
html:not(.sw-js) .sw-drop__how{display:none}
.sw-drop__play{display:block;max-width:420px}
html:not(.sw-js) .sw-board .is-you,html:not(.sw-js) .sw-chapters,html:not(.sw-js) .sw-phone__flames{display:none}
html:not(.sw-js) .sw-stagecard,html:not(.sw-js) .sw-lesson,html:not(.sw-js) .sw-phone__foot{display:none}
html.sw-js .sw-lesson[hidden]{display:block}
html.sw-js .sw-drop__play{max-width:none;display:grid;grid-template-columns:minmax(0,4.2fr) minmax(0,4.6fr) minmax(280px,3.4fr);gap:clamp(18px,2.6vw,40px);align-items:start}
.sw-stagecard{position:relative;aspect-ratio:5/5.7;display:grid;place-items:center}
.sw-stagecard__photo{position:relative;rotate:var(--tilt,-1deg)}
.sw-stagecard__frame{position:absolute;inset:0;overflow:hidden;background:#111;box-shadow:0 0 0 clamp(7px,.9vw,13px) #efeee8,0 24px 50px #0009}
.sw-stagecard__frame img{position:absolute;max-width:none;filter:grayscale(1) contrast(1.06) brightness(.9);transition:filter .15s}
.sw-stagecard.is-earned .sw-stagecard__frame img{filter:none}
.sw-spray{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.sw-hangtag{position:absolute;right:-16px;top:-22px;z-index:2;width:clamp(86px,8.2vw,122px);padding:1.5em .7em .75em;background:var(--neon);color:#0d0e0a;clip-path:polygon(16% 0,84% 0,100% 11%,100% 100%,0 100%,0 11%);rotate:6deg;transform-origin:50% 6%;text-align:left}
.sw-hangtag i{position:absolute;top:.55em;left:50%;width:.9em;height:.9em;margin-left:-.45em;border-radius:50%;background:var(--night)}
.sw-hangtag__num{display:block;font-weight:700;font-size:clamp(30px,3.1vw,46px);line-height:.9;letter-spacing:-.05em}
.sw-hangtag__unit{display:block;font-weight:700;font-size:.8rem;margin-top:.15em}
.sw-hangtag__stamp{position:absolute;inset:auto .3em .9em;font-size:.82rem;display:none;background:#0d0e0a;color:var(--neon);font-weight:700;text-transform:uppercase;letter-spacing:.02em;text-align:center;padding:.22em;rotate:-5deg}
.sw-stagecard.is-earned .sw-hangtag__stamp{display:block}
.sw-stagecard.is-earned .sw-hangtag__num,.sw-stagecard.is-earned .sw-hangtag__unit{text-decoration:line-through;text-decoration-thickness:2px}
html.sw-motion .sw-stagecard.is-earned .sw-hangtag{animation:sw-swing .9s cubic-bezier(.3,1.5,.5,1)}
@keyframes sw-swing{0%{rotate:-14deg}40%{rotate:15deg}70%{rotate:1deg}100%{rotate:6deg}}

.sw-lesson{padding-top:.2rem;min-height:var(--lesson-h,0)}
.sw-lesson__top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:.9rem}
.sw-week{display:flex;gap:clamp(4px,.5vw,8px);align-items:center}
.sw-week i{display:block;width:clamp(18px,1.6vw,24px);height:clamp(24px,2.1vw,31px);opacity:.42}
.sw-week .sw-flame .o{fill:#55545c}.sw-week .sw-flame .i{fill:#3a3941}
.sw-week i.here{opacity:1}
.sw-week i.here .o{fill:#8b8a90}.sw-week i.here .i{fill:#55545c}
.sw-week i.lit{opacity:1}
.sw-week i.lit .o{fill:var(--flame)}.sw-week i.lit .i{fill:var(--flame-in)}
.sw-prompt{position:relative;display:inline-block;margin-top:.7rem!important;background:var(--snow);color:#0d0e0a;font-weight:700;font-size:clamp(19px,1.7vw,26px);line-height:1.15;letter-spacing:-.015em;padding:.55em .8em;border-radius:12px;max-width:100%}
.sw-prompt::before{content:"";position:absolute;left:18px;top:-9px;width:18px;height:10px;background:var(--snow);clip-path:polygon(0 100%,50% 0,100% 100%)}
.sw-lesson__row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px 14px;margin-top:1.1rem}
.sw-lesson__row .sw-lesson__go{margin-top:0}
.sw-lesson__row--escape.is-solved{border-top-color:transparent}
.sw-bank .sw-lesson__done{font-weight:700;font-size:clamp(22px,2.1vw,34px);line-height:1;letter-spacing:-.025em;color:var(--neon);text-wrap:balance}
.sw-lesson__row--escape{align-items:center;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #3a3941;color:#b6b5ae;font-size:clamp(15px,1.12vw,17px)}
.sw-buy{font:700 clamp(16px,1.25vw,19px)/1 'DM Sans',Arial,sans-serif;background:transparent;color:var(--snow);border:2px solid var(--snow);border-radius:10px;padding:.72em 1.5em;min-height:44px;cursor:pointer;transition:background .12s,color .12s}
.sw-buy:hover{background:var(--snow);color:#0d0e0a}
.sw-buy.is-refused,.sw-buy.is-refused:hover{background:transparent;color:#77767e;border-color:#55545c;text-decoration:line-through;cursor:not-allowed}
.sw-lesson__count{font-size:.875rem;color:#b6b5ae}
.sw-lesson__name{font-weight:700;font-size:clamp(28px,2.8vw,46px);line-height:1;letter-spacing:-.03em;margin:0 0 .35em;color:var(--snow)}
.sw-lesson__ask,.sw-lesson__wait,.sw-lesson__done{font-size:clamp(16px,1.25vw,19px);line-height:1.3;color:var(--snow)}
.sw-lesson__slogan{font-weight:700;font-size:clamp(20px,2vw,30px);color:var(--neon);margin-bottom:.5em!important}
.sw-answer{display:flex;flex-wrap:wrap;align-content:flex-start;gap:8px;min-height:64px;margin:1rem 0 1rem;padding:6px 0 8px;background:repeating-linear-gradient(transparent 0 56px,#55545c 56px 58px);transition:background .2s}
.sw-bank{display:flex;flex-wrap:wrap;gap:8px;min-height:52px;align-content:flex-start}
.sw-slot{display:inline-block;background:#2f2e36;border-radius:10px;min-height:47px}
.sw-tile{font:700 clamp(18px,1.55vw,23px)/1 'DM Sans',Arial,sans-serif;background:var(--snow);color:#0d0e0a;border:0;border-radius:10px;padding:.68em .85em;min-height:44px;box-shadow:0 4px 0 #a9a8a2;cursor:pointer;white-space:nowrap;transition:box-shadow .08s,translate .08s,background .15s}
.sw-tile:hover{background:#fff}
.sw-tile:active{translate:0 3px;box-shadow:0 1px 0 #a9a8a2}
.sw-tile.is-refused{background:#2a2930;color:#6f6e76;box-shadow:none;text-decoration:line-through;cursor:not-allowed}
.sw-answer.is-right .sw-tile{background:var(--neon);box-shadow:0 4px 0 var(--neon-deep);cursor:default}
.sw-lesson__msg{min-height:2.4em;margin-top:.55rem!important;font-size:clamp(17px,1.4vw,21px);line-height:1.2;color:var(--snow)}
.sw-lesson__msg.is-no{font-weight:700;text-transform:uppercase;color:var(--neon)}
.sw-lesson__msg.is-yes b{color:var(--neon);font-size:1.5em;letter-spacing:-.02em;margin-right:.3em}
.sw-lesson__go{margin-top:1.1rem;font:700 clamp(16px,1.25vw,19px)/1.1 'DM Sans',Arial,sans-serif;background:var(--neon);color:#0d0e0a;border:0;border-radius:10px;padding:.8em 1em;box-shadow:0 4px 0 var(--neon-deep);cursor:pointer;min-height:44px;text-align:left}
.sw-lesson__go:active{translate:0 3px;box-shadow:0 1px 0 var(--neon-deep)}

/* The reward: the polaroid opens up into the whole board */
html.sw-js .sw-drop__play.is-complete .sw-stagecard{grid-column:1/3;grid-row:1;aspect-ratio:1800/1013}
html.sw-js .sw-drop__play.is-complete .sw-lesson{grid-column:1/3;grid-row:2;padding:0;min-height:0}
html.sw-js .sw-drop__play.is-complete .sw-lesson__msg{display:none}
html.sw-js .sw-drop__play.is-complete .sw-phone{grid-column:3;grid-row:1/3}
.is-complete .sw-hangtag{top:-30px;right:-14px}
.sw-reward{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(16px,2.4vw,36px);align-items:start}
.sw-reward__title{font-weight:700;text-transform:uppercase;font-size:clamp(28px,3vw,54px);line-height:.92;letter-spacing:-.035em;color:var(--neon);-webkit-text-stroke:.014em currentColor;outline:0}
.sw-reward__note{margin-top:.6rem!important;font-size:.9rem;line-height:1.3;color:#b6b5ae}

/* Phone: the app screen from the film, rebuilt in CSS */
.sw-phone{background:#0a0a0c;border-radius:clamp(30px,3vw,44px);padding:clamp(8px,.8vw,11px);box-shadow:0 0 0 2px #3a3941,0 30px 60px #0009}
.sw-phone__screen{background:#fff;color:#3c3c3c;border-radius:clamp(23px,2.3vw,34px);padding:clamp(12px,1.1vw,16px) clamp(14px,1.3vw,20px);overflow:hidden}
.sw-phone__flames{display:flex;align-items:flex-end;justify-content:center;gap:9%;height:clamp(38px,3.2vw,48px);margin-bottom:.3rem}
.sw-flame{height:100%;width:auto;display:block}
.sw-flame .o{fill:#e5e5e5}.sw-flame .i{fill:#f3f3f3}
.sw-flame.lit .o{fill:var(--flame)}.sw-flame.lit .i{fill:var(--flame-in)}
.sw-phone__flames .sw-flame:nth-child(2){height:74%}
.sw-phone__flames .sw-flame:nth-child(3){height:50%}
.sw-phone__head{text-align:center;font-size:clamp(15px,1.25vw,18px);line-height:1.15;min-height:4.7em;display:flex;flex-direction:column;justify-content:center;gap:.1em}
.sw-phone__head b{text-transform:uppercase;font-weight:700;color:#2b2b2b}
.sw-board{border:2px solid #e8e8e8;border-radius:14px;margin:.7rem 0!important;overflow:hidden}
.sw-board li{display:grid;grid-template-columns:1.5em 2.1em minmax(0,1fr) auto;align-items:center;gap:.5em;padding:.3em .7em;font-size:clamp(14px,1.05vw,15.5px);background:#fff;position:relative}
.sw-board .r{font-weight:700;color:#1cb01c;text-align:center}
.sw-board .a{display:grid;place-items:center;width:2em;height:2em;border-radius:50%;background:#ececec;color:#3c3c3c;font-weight:700;font-size:.92em}
.sw-board li:nth-child(1) .a{background:#ffd900}.sw-board li:nth-child(2) .a{background:#c9dbe6}.sw-board li:nth-child(3) .a{background:#f3b284}
.sw-board .n{font-weight:700}
.sw-board .s{font-variant-numeric:tabular-nums;white-space:nowrap}
.sw-board .is-you{background:#c9f7b4;color:#0d7f12;z-index:1}
.sw-board .is-you .a{background:var(--neon);color:#07330d}
.sw-board .is-you .r{color:#0d7f12}
.sw-phone__foot{height:136px;font-size:clamp(14px,1.05vw,15.5px);line-height:1.25;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.45rem}
.sw-phone__note{font-weight:700;color:#2b2b2b}
.sw-phone__note b{color:#0d7f12;font-size:1.25em}
.sw-phone__day{font-size:.82rem;color:#6d6d6d;margin-top:-.25rem}
.sw-resetrow{display:flex;flex-direction:column;align-items:center;gap:.1rem;margin-top:.15rem}
.sw-resetrow__ask{font-size:.82rem;font-weight:700;color:#2b2b2b}
.sw-resetrow__do{display:flex;gap:.5rem}
.sw-reset{appearance:none;border:0;background:none;padding:.1em .6em;font:inherit;font-size:.82rem;color:#6d6d6d;text-decoration:underline;cursor:pointer;min-height:44px;min-width:44px}
.sw-reset--no{color:#2b2b2b;font-weight:700}
.sw-reset--yes{color:#b3261e}

.sw-rankchip{position:absolute;left:-12px;top:-14px;z-index:3;background:#0d0e0a;color:var(--snow);font-weight:700;font-size:clamp(14px,1.15vw,17px);padding:.42em .7em;border:2px solid var(--neon);border-radius:99px;font-variant-numeric:tabular-nums;white-space:nowrap}
.sw-rankchip b{color:var(--neon)}

/* Rack: seven garments hung from one rail, each its own length */
.sw-rack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px;margin-top:2rem!important}
.sw-item{position:relative}
.sw-item .sw-crop{box-shadow:0 0 0 6px #efeee8}
.sw-tag{display:flex;flex-direction:column;gap:.2em;margin-top:.9rem;font-size:.9rem;line-height:1.2}
.sw-tag__name{font-weight:700;color:var(--snow)}
.sw-tag__slogan{color:var(--neon)}
.sw-tag__price{color:#b6b5ae}
.sw-tag__price b{color:var(--snow)}
@media(min-width:900px){.sw-rack{grid-template-columns:repeat(4,minmax(0,1fr))}}
html.sw-js .sw-rack{position:relative;margin-top:clamp(40px,4vw,56px)!important;padding-top:26px;grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(10px,1.3vw,20px);align-items:start}
html.sw-js .sw-rack::before{content:"";position:absolute;left:calc(var(--sw-gut)*-1);right:calc(var(--sw-gut)*-1);top:6px;height:5px;background:linear-gradient(#9b9aa1,#4c4b52 70%,#2a2930);box-shadow:0 2px 4px #0008}
html.sw-js .sw-item::before{content:"";position:absolute;left:50%;top:-22px;width:12px;height:30px;margin-left:-6px;border:2px solid #9b9aa1;border-bottom:0;border-radius:8px 8px 0 0;z-index:0}
html.sw-js .sw-item .sw-crop{box-shadow:0 0 0 clamp(3px,.4vw,6px) #efeee8;transition:translate .18s,rotate .18s,box-shadow .18s}
html.sw-js .sw-item:not(.is-earned) .sw-crop img{filter:grayscale(1) contrast(1.05) brightness(.82)}
html.sw-js .sw-tag{margin-top:.8rem;font-size:clamp(11.5px,.92vw,14px)}
.sw-tag__day{font-weight:700;color:#b6b5ae;font-variant-numeric:tabular-nums;white-space:nowrap}
.sw-item.is-today .sw-tag__day,.sw-item.is-earned .sw-tag__day{color:var(--flame-in)}
html.sw-js .sw-tag__slogan{display:none}
html.sw-js .sw-item.is-earned .sw-tag__price{text-decoration:line-through}
.sw-item__btn{position:absolute;inset:-24px -4px -4px;appearance:none;background:none;border:0;padding:0;cursor:pointer;z-index:2;min-height:44px}
.sw-item:hover .sw-crop{translate:0 3px;rotate:1deg}
html.sw-js .sw-item.is-active .sw-crop{box-shadow:0 0 0 clamp(3px,.4vw,6px) var(--neon);translate:0 6px}
html.sw-js .sw-item.is-active .sw-tag__name{color:var(--neon)}

/* ------------- 5. EXECUTION ------------- */
.sw-exec{background:var(--snow) var(--grain);color:#0d0e0a;padding:clamp(48px,5vw,76px) 0 clamp(60px,6vw,90px)}
.sw-label--dark{margin-left:var(--sw-gut)!important}
.sw-act{position:relative;margin-top:clamp(24px,3vw,44px)}
.sw-num{position:absolute;font-size:clamp(90px,17vw,300px);line-height:.72;color:var(--snow);-webkit-text-stroke:4px #0d0e0a;paint-order:stroke fill;z-index:0;pointer-events:none}
.sw-act h3{position:relative;z-index:1;font-size:clamp(40px,6.8vw,122px);line-height:.88;margin:0;color:#0d0e0a}
.sw-act__text p{position:relative;z-index:1;font-size:clamp(18px,1.7vw,26px);line-height:1.25;max-width:27em;margin-top:.75em!important}
.sw-act .sw-big2{font-weight:700;font-size:clamp(26px,3.2vw,52px);line-height:1;letter-spacing:-.03em}
.sw-act--one .sw-act__text{padding:0 var(--sw-gut) clamp(20px,2.4vw,36px) calc(var(--sw-gut) + clamp(70px,11vw,200px))}
.sw-act--one .sw-num{left:var(--sw-gut);top:-.02em}
.sw-media{position:relative;display:block;overflow:hidden;background:#111;margin:0}
.sw-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s}
.sw-media.is-live video{opacity:1}
.sw-media--wide{width:100%;aspect-ratio:21/9}
.sw .sw-still{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;display:block;filter:contrast(1.04)}
.sw-clipbtn{position:absolute;right:clamp(8px,1.2vw,18px);bottom:clamp(8px,1.2vw,18px);z-index:3;width:48px;height:48px;border-radius:50%;border:0;background:var(--neon);color:#0d0e0a;display:grid;place-items:center;cursor:pointer;box-shadow:0 3px 0 var(--neon-deep);padding:0}
.sw-clipbtn svg{width:22px;height:22px;fill:currentColor}
.sw-clipbtn .s{display:none}.sw-clipbtn.on .p{display:none}.sw-clipbtn.on .s{display:block}
.sw-sticker{position:absolute;left:clamp(8px,1.2vw,18px);bottom:clamp(8px,1.2vw,18px);z-index:2;background:var(--neon);color:#0d0e0a;font-weight:700;font-size:clamp(14px,1.25vw,20px);padding:.28em .6em;clip-path:var(--tag-edge);rotate:-3deg}
.sw-act--two{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(20px,3.4vw,56px);align-items:center;margin-top:clamp(64px,7vw,110px);padding:0 var(--sw-gut) 0 0}
.sw-media--popup{aspect-ratio:1000/771}
.sw-media--popup video{object-position:0 50%}
.sw-act--two .sw-big2{font-size:clamp(24px,2.7vw,44px)}
.sw-act--two h3{font-size:clamp(40px,5.6vw,100px)}
.sw-act--two .sw-num{position:static;display:block;font-size:clamp(90px,11vw,190px);margin-bottom:.1em}
.sw-act--three{margin-top:clamp(64px,7vw,110px);padding:0 var(--sw-gut)}
.sw-act--three .sw-num{left:calc(var(--sw-gut) - .02em);top:-.1em}
.sw-act--three h3{padding-left:clamp(70px,13.5vw,240px)}
.sw-cities{font-weight:700;font-size:clamp(46px,7.4vw,136px)!important;white-space:normal;margin-top:.08em!important;line-height:.98!important;letter-spacing:-.04em;max-width:none!important;padding-top:.08em}
.sw-cities span:nth-child(2){color:var(--neon-deep)}
.sw-wall{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(12px,1.8vw,28px);margin-top:clamp(28px,3vw,44px);align-items:start}
.sw-wall .sw-media{box-shadow:0 0 0 clamp(5px,.7vw,10px) #fff,0 14px 34px #0004}
.sw-media--a{grid-column:1/9;rotate:-1deg;aspect-ratio:16/9}
.sw-media--b{grid-column:9/13;margin-top:clamp(24px,7vw,110px);rotate:2deg}
.sw-media--c{grid-column:3/9;margin-top:-1vw;rotate:.8deg}

/* ------------- 6. FILM ------------- */
.sw-film{position:relative;width:100%!important;background:var(--dark-paper);background-size:auto,1200px auto;padding:clamp(48px,5vw,76px) var(--sw-gut) clamp(32px,3vw,44px)!important;margin:0!important;max-width:none!important;scroll-margin-top:0}
.sw-film .original-film{max-width:none!important;margin:0!important}
.sw-film video{width:100%;max-height:calc(100svh - 24px);background:#000;display:block;box-shadow:0 30px 70px #000a}
.sw-film figcaption,.sw-film figcaption span{color:var(--snow)!important;padding:.85rem 0 0!important;font-size:.9375rem}
.sw-film figcaption a{color:var(--neon)!important;padding:.85rem 0 0}
.sw-arrow{position:absolute;right:calc(var(--sw-gut) + 3vw);top:clamp(4px,1.4vw,24px);width:clamp(70px,10vw,170px);rotate:62deg;overflow:visible;pointer-events:none}
.sw-chapters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;margin-top:clamp(20px,2.4vw,36px)!important;background:var(--line);border:2px solid var(--line)}
.sw-chapters button{appearance:none;display:block;width:100%;height:100%;min-height:72px;text-align:left;background:var(--night);color:var(--snow);border:0;padding:.75rem .85rem;font:500 clamp(14px,1.08vw,16px)/1.15 'DM Sans',Arial,sans-serif;cursor:pointer;transition:background .12s,color .12s}
.sw-chapters time{display:block;color:var(--neon);font-weight:700;margin-bottom:.3em;font-variant-numeric:tabular-nums}
.sw-chapters button:hover,.sw-chapters button:focus-visible,.sw-chapters button[aria-current]{background:var(--neon);color:#0d0e0a}
.sw-chapters button:hover time,.sw-chapters button:focus-visible time,.sw-chapters button[aria-current] time{color:#0d0e0a}

/* ------------- 7. BOARD ------------- */
.sw .sw-board-wrap{width:100%!important;background:var(--concrete) var(--grain);padding:clamp(40px,5vw,76px) var(--sw-gut) clamp(56px,6vw,90px)!important;margin:0!important;max-width:none!important}
.sw-board-wrap figure{margin:0!important;max-width:none!important}
.sw-board-wrap img{display:block;width:100%!important;height:auto}

/* ------------- 8. CLOSE ------------- */
.sw-close{background:var(--neon) var(--crumple);background-size:1200px auto;background-blend-mode:multiply;color:#0d0e0a;padding:clamp(60px,9vw,140px) var(--sw-gut);clip-path:var(--torn)}
.sw-close__why{font-size:clamp(20px,2.3vw,36px);line-height:1.12;font-weight:700;letter-spacing:-.02em;max-width:24em}
.sw-close__big{font-size:clamp(50px,11.6vw,204px);line-height:.86;margin:.3em 0!important;max-width:9em;color:#0d0e0a}
.sw-close__earn{font-size:clamp(20px,2.3vw,36px);font-weight:700;letter-spacing:-.02em}

/* ------------- 9. FACTS / NEXT ------------- */
.sw .case-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;padding:clamp(28px,3vw,44px) var(--sw-gut) clamp(44px,5vw,76px)!important;margin:0!important;max-width:none!important;background:var(--night);border:0}
.sw .case-facts>div>p:not(.original-context){font-weight:700;font-size:clamp(30px,4vw,64px);line-height:1;letter-spacing:-.03em}
.sw .case-facts h2{color:var(--neon);font-size:.875rem;font-weight:700;margin-bottom:.7rem}
.sw .case-facts p{color:var(--snow);font-size:clamp(17px,1.4vw,21px);line-height:1.3}
.sw .case-facts .original-context{color:#b6b5ae;font-size:.9375rem;margin-top:.7rem}
.sw .case-next-art{background:var(--night);color:var(--snow)}
.sw .case-next-art strong{color:var(--snow)}
.sw .case-next-art span{color:var(--neon)}

/* ------------- Streak pill ------------- */
.sw-pill{position:fixed;left:clamp(10px,1.6vw,22px);bottom:clamp(10px,1.6vw,22px);z-index:20;display:inline-flex;align-items:center;gap:.45em;min-height:44px;padding:.35em .85em .35em .65em;background:#0d0e0a;color:var(--snow);border:2px solid var(--neon);border-radius:99px;font:700 16px/1 'DM Sans',Arial,sans-serif;text-decoration:none;translate:0 calc(100% + 30px);visibility:hidden;transition:translate .35s cubic-bezier(.2,.9,.3,1.1),visibility 0s .35s}
.sw-pill.show{translate:0 0;visibility:visible;transition:translate .35s cubic-bezier(.2,.9,.3,1.1)}
.sw-pill .sw-flame{height:24px}
.sw-pill .sw-flame .o{fill:var(--flame)}.sw-pill .sw-flame .i{fill:var(--flame-in)}
.sw-pill__msg{font-weight:500;text-transform:uppercase;font-size:13px;color:var(--neon)}
.sw-pill__msg:empty{display:none}

/* Reveal */
html.sw-motion .sw-reveal{opacity:0;translate:0 26px;transition:opacity .5s,translate .6s cubic-bezier(.2,.9,.2,1)}
html.sw-motion .sw-reveal.in{opacity:1;translate:0 0}

/* ------------- Heading, game and its answer on one screen ------------- */
@media(min-width:1021px){
 .sw-lesson__top{margin-bottom:.6rem}
 .sw-answer{margin:.7rem 0}
 .sw-lesson__row--escape{margin-top:1rem;padding-top:.75rem}
}
/* Laptops: the lesson tightens up and, on the shortest screens, the heading goes on one line, so nothing needs a scroll to answer. */
@media(min-width:1021px) and (max-height:780px){
 .sw-drop{padding-top:clamp(18px,3.4vh,30px)}
 .sw-drop__head{margin-bottom:clamp(18px,3vh,28px)}
 .sw-drop__head .sw-kicker{grid-column:1;margin-bottom:.45rem!important;font-size:.875rem}
 .sw-drop__head h2{grid-column:1;font-size:clamp(38px,3.4vw,64px);line-height:.95}
 .sw-drop__how{grid-column:2;grid-row:1/3;align-self:end;font-size:clamp(15px,1.15vw,18px)}
 .sw-drop__head .sw-cross{display:none}
}
@media(min-width:1021px) and (max-height:880px){
 html.sw-js .sw-drop__play{grid-template-columns:minmax(0,3.5fr) minmax(0,5.3fr) minmax(280px,3.2fr)}
 .sw-lesson__name{font-size:clamp(26px,2.4vw,40px);margin-bottom:.22em}
 .sw-prompt{font-size:clamp(18px,1.45vw,24px);padding:.42em .75em;margin-top:.55rem!important}
 .sw-answer{min-height:58px;margin:.5rem 0;background:repeating-linear-gradient(transparent 0 51px,#55545c 51px 53px)}
 .sw-tile{font-size:18px}
 .sw-lesson__row--escape{margin-top:.75rem;padding-top:.6rem}
}

/* ------------- Phones ------------- */
@media(max-width:1020px){
 html.sw-js .sw-drop__play{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
 .sw-phone{grid-column:1/-1;max-width:420px;justify-self:center;width:100%}
 html.sw-js .sw-drop__play.is-complete .sw-stagecard,html.sw-js .sw-drop__play.is-complete .sw-lesson{grid-column:1/-1}
 html.sw-js .sw-drop__play.is-complete .sw-phone{grid-column:1/-1;grid-row:3}
}
@media(max-width:719px){
 .sw-idea{grid-template-columns:1fr;padding:0 var(--sw-gut) 70px}
 .sw-idea__photo{position:relative;height:auto;margin:0 calc(var(--sw-gut)*-1);top:auto}
 .sw-idea__photo .sw-crop{aspect-ratio:606/1013;height:auto}
 .sw .sw-idea__photo .sw-crop img{height:auto;width:calc(var(--iw)/var(--cw)*100%);left:calc(var(--cx)/var(--cw)*-100%);top:0;transform:none}
 .sw-idea__copy{padding-top:50px;gap:64px}
 .sw-drop__play,html.sw-js .sw-drop__play{grid-template-columns:1fr;gap:24px}
 .sw-drop__head{display:block}
 .sw-drop__head h2{text-wrap:wrap}
 .sw-reward{grid-template-columns:1fr}
 .is-complete .sw-hangtag{top:-22px;right:-6px}
 .sw-drop__how{margin-top:.9em!important}
 .sw-cross{right:0;top:-34px}
 .sw-stagecard{aspect-ratio:1/1.08}
 .sw-stagecard__frame{box-shadow:0 0 0 8px #efeee8,0 16px 34px #0009}
 .sw-hangtag{right:-8px;top:-14px;width:84px}
 .sw-hangtag__num{font-size:28px}
 .sw-rankchip{left:-4px;top:-12px}
 .sw-answer{background:repeating-linear-gradient(transparent 0 51px,#55545c 51px 53px)}
 .sw-drop{display:flex;flex-direction:column}
 .sw-drop__head{order:0}.sw-rack{order:1}.sw-drop__play{order:2}
 html.sw-js .sw-rack{margin-bottom:24px!important;grid-template-columns:repeat(7,104px);overflow-x:auto;overflow-y:hidden;margin:32px calc(var(--sw-gut)*-1) 0!important;padding:26px var(--sw-gut) 6px;scroll-padding-left:var(--sw-gut);-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:12px}
 html.sw-js .sw-rack::before{left:0;right:auto;width:calc(7*116px + var(--sw-gut)*2)}
 html.sw-js .sw-tag{font-size:12px}
 .sw-act--two{grid-template-columns:minmax(0,1fr);padding:0;margin-top:72px}
 .sw-act--two .sw-act__text{padding:0 var(--sw-gut)}
 .sw-act--two .sw-act__text{position:relative}
 .sw-act--two .sw-num{position:absolute;left:var(--sw-gut);right:auto;top:0;bottom:auto;margin:0;font-size:96px}
 .sw-act--two h3{padding-left:66px;font-size:min(40px,10.5vw)}
 .sw-act--one .sw-act__text{padding:0 var(--sw-gut) 18px calc(var(--sw-gut) + 66px)}
 .sw-act--three h3{padding-left:66px}
 .sw-num{font-size:96px;-webkit-text-stroke-width:3px}
 .sw-media--wide{aspect-ratio:4/3.4}
 .sw-media--a,.sw-media--b,.sw-media--c{grid-column:1/-1;margin-top:0}
 .sw-chapters{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sw .case-facts{grid-template-columns:1fr}
 .sw-film>.sw-arrow{display:none}
 .sw-why__scrib{display:none}
 .sw-why .sw-line,html.sw-motion .sw-why .sw-line{font-size:12.6vw}
 .sw-why .sw-line--now,html.sw-motion .sw-why .sw-line--now{font-size:15.4vw}
 .sw-status span{font-size:24vw}
 .sw-why .sw-line:lang(es),html.sw-motion .sw-why .sw-line:lang(es){font-size:10.4vw}
 .sw-why .sw-line--now:lang(es),html.sw-motion .sw-why .sw-line--now:lang(es){font-size:13.4vw}
 .sw-status span:lang(es){font-size:20vw}
 .sw-act--three h3{font-size:clamp(38px,11vw,60px);padding-left:74px}
 html.sw-motion .sw-why{height:calc(100svh + 210svh)}
}
