.hero{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;perspective-origin:50% 50%}.hero.is-under-sheet{pointer-events:none}.hero.is-flying{perspective:1600px}.hero__wall{position:absolute;inset:0;z-index:1;display:grid;gap:6px;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(3,1fr);background:#fff}.hero__tile{position:relative;overflow:hidden;background:#f2f2f2}.hero__wall.is-flown{display:block}.hero__wall.is-flown .hero__tile{position:absolute}.hero.is-flying .hero__wall.is-flown .hero__tile{will-change:opacity;backface-visibility:hidden}.hero__wall.is-flown .hero__tile.is-landing{z-index:3}.hero__tile img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05)}@supports (width:1cqw){.hero__tile{container-type:size}.hero__tile img{position:absolute;max-width:none;object-fit:fill;width:max(100cqw,100cqh * var(--ar,1));height:max(100cqh,100cqw / var(--ar,1));left:calc(50cqw - (max(100cqw,100cqh * var(--ar,1))/2));top:calc(50cqh - (max(100cqh,100cqw / var(--ar,1))/2))}}.hero__wall.is-flown .hero__tile img{transition:filter 1.1s cubic-bezier(.22,1,.36,1)}.hero__wall.is-flown .hero__tile.is-landing img{transition:none}.hero__tile.is-unlocked img{filter:none}.hero.is-colour .hero__tile img{filter:none;will-change:auto}.hero.is-landed .hero__wall.is-flown .hero__tile.is-landing img,.hero__tile.is-landing img,.hero__tile .hero__bw{filter:none}.hero__tile .hero__bw{z-index:1}.hero.is-colour .hero__paint{display:none}.hero:not(.is-flying) .hero__wall.is-flown .hero__tile img{transition:none}.hero.is-washed .hero__wall.is-flown .hero__tile{will-change:auto;backface-visibility:visible}.hero.is-washed .hero__wall.is-flown .hero__tile img{transition:none}.hero.is-washed{perspective:none}.hero__paint{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.hero.is-flying .hero__paint{opacity:0}.hero__band{position:absolute;left:0;right:0;z-index:6;top:calc((100% - 12px)/3 + 6px);height:calc((100% - 12px)/3);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;pointer-events:none;--word-fs:clamp(2.2rem,7.26vw,5.72rem);--word-lsb:calc(var(--word-fs) * .0818)}.hero__word{padding-left:4vw;font-family:Archivo Black,Impact,sans-serif;color:#fff;font-size:var(--word-fs);line-height:1;letter-spacing:.01em;white-space:nowrap;text-shadow:0 2px 20px rgba(0,0,0,.4),0 1px 3px rgba(0,0,0,.26)}.hero__word .caret{display:inline-block;width:.12em;height:.92em;background:#fff;vertical-align:-.06em;margin-left:.06em;animation:tfi-caret 1s steps(1) infinite}.hero__word.done .caret{display:none}@keyframes tfi-caret{50%{opacity:0}}.hero__sub{padding-left:calc(4vw + var(--word-lsb));margin-top:.95em;color:#f0f0f2;font-family:Archivo,Archivo Black,system-ui,sans-serif;font-weight:600;font-size:clamp(.66rem,1.05vw,.88rem);letter-spacing:.15em;text-transform:uppercase;text-shadow:0 1px 10px rgba(0,0,0,.46),0 1px 2px rgba(0,0,0,.3)}.hero__roll{position:relative;display:inline-block;vertical-align:top;perspective:520px;perspective-origin:50% 50%}.hero__roll-sz{display:block;visibility:hidden}.hero__roll-i{position:absolute;left:0;top:0;white-space:nowrap;transform-origin:50% 50%;backface-visibility:hidden;transform:translateY(62%) rotateX(-90deg);opacity:0;transition:transform .62s cubic-bezier(.22,1,.36,1),opacity .34s ease}.hero__roll-i.is-on{transform:none;opacity:1;transition-delay:.07s}.hero__roll-i.is-out{transform:translateY(-62%) rotateX(90deg);opacity:0;transition-delay:0s}.hero__roll-i.is-reset{transition:none}@media (prefers-reduced-motion:reduce){.hero__roll-i{transition:none}.hero__roll-i:not(.is-on){display:none}}@media (orientation:portrait){.hero__wall{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(7,1fr)}.hero__band{top:calc(3*(100% - 36px)/7 + 18px);height:calc((100% - 36px)/7);--word-fs:clamp(1.76rem,9.9vw,4.4rem)}}@media (prefers-reduced-motion:reduce){.hero__word .caret{display:none}}.hero__begin{position:absolute;left:50%;bottom:15vh;transform:translate(-50%,10px);z-index:6;pointer-events:none;text-align:center;font-family:Figtree,Archivo,system-ui,sans-serif;font-weight:700;font-size:.76rem;letter-spacing:.26em;text-transform:uppercase;color:#efede86b;opacity:0;transition:opacity .7s ease,transform .7s cubic-bezier(.22,1,.36,1)}.hero__begin i{display:block;font-style:normal;margin-top:9px;font-size:.86rem;letter-spacing:0;animation:hero-begin-bob 2.2s cubic-bezier(.22,1,.36,1) infinite}.hero__begin.is-on{opacity:1;transform:translate(-50%)}@keyframes hero-begin-bob{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@media (prefers-reduced-motion: reduce){.hero__begin i{animation:none}}.hero__tile img{filter:none}.hero__wall.is-flown .hero__tile img{transition:none}.hero.is-flying .hero__wall.is-flown .hero__tile:not(.is-landing) .hero__bw{transition:opacity 1.1s cubic-bezier(.22,1,.36,1)}.hero.is-colour .hero__tile.has-col:not(.is-landing) .hero__bw,.hero__tile.is-unlocked.has-col .hero__bw{opacity:0}.hero.is-washed .hero__tile.has-col:not(.is-landing) .hero__bw{visibility:hidden;transition:none}