@import"https://fonts.googleapis.com/css2?family=Pacifico&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";body{font-family:Rubik,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"wdth" 100;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(max-width:1023px){body{overflow:hidden}body:after{content:"Я, конечно, люблю постараться, но это уже перебор... Вам лучше не видеть, что здесь происходит на узких дисплеях";display:grid;position:fixed;inset:0;background-color:#000;align-content:center;justify-content:center;text-align:center;text-wrap:balance;z-index:100}}*{padding:0;margin:0;scrollbar-color:rgba(255,255,255,.35) rgba(255,255,255,.25);scrollbar-width:thin;-webkit-user-select:none;user-select:none}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px #ffffff40;border-radius:10px}::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff6}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--border-radius: 20px;--font-color: white;--font-opposite-color: black;color:var(--font-color);--size-1: .25rem;--size-2: calc(var(--size-1) * 2);--size-3: calc(var(--size-1) * 3);--size-4: calc(var(--size-1) * 4);--size-6: calc(var(--size-1) * 6);--size-8: calc(var(--size-1) * 8);--size-32: calc(var(--size-1) * 32);--margin-size: 8rem;--width: min(1440px, calc(100vw - var(--margin-size)));--height: min(810px, calc(100vh - var(--margin-size)));--header-font-size: clamp(2em, 4vw, 4em);--header2-font-size: clamp(1em, 2vw, 2em);--header3-font-size: clamp(2rem, calc(var(--slide-width) / 25), 16rem);--message-slide-font-size: clamp(1em, 3vw, 3em);--slide-width: min(2560px, 100vw);--recap-slide-width: min(1920px, calc(var(--slide-width) - var(--margin-size)));scroll-timeline:--main-scroll-timeline}body .background-image{background-image:linear-gradient(#00000040,#c080001a,#00000080),url(/assets/Emerald-Lake-Lodge-B7EEjbwa.jpeg);background-size:cover;background-repeat:no-repeat;background-position:center center;height:100vh;position:fixed;inset:0;animation:background-scale-down linear forwards;animation-timeline:--main-scroll-timeline;animation-range:0% 50vh;transform-origin:center center}body:has(.songs-2025) .background-image{animation:complex-disappearing linear both,background-scale-down linear forwards;animation-timeline:--main-scroll-timeline;animation-range:0% 100%,0% 50vh}@keyframes background-scale-down{0%{transform:scale(1.05)}to{transform:scale(1)}}.foreground-snow-wrapper{position:fixed;height:100vh;width:100vw;overflow:clip}body:has(.songs-2025) .foreground-snow-wrapper{animation:complex-disappearing linear both;animation-timeline:--main-scroll-timeline}body{background-color:#000}@keyframes complex-disappearing{0%,3%{opacity:1}3.5%,90%{opacity:0}90.5%,to{opacity:1}}.screen-snowflake{position:fixed;border-radius:50%;background:#ffffffb3;animation:snowflake-disappearance 10s cubic-bezier(.75,0,1,1) forwards;transform-origin:top center;filter:blur(10px)}.screen-snowflake>.touching-part{background-color:#000000d9;height:50%;width:50%;border-radius:50%;top:40%;left:40%;position:absolute;filter:blur(15px);transform:skew(327deg)}@keyframes snowflake-disappearance{0%{opacity:0;transform:translateY(0) scaleX(1) scaleY(1) skew(10deg)}1%{opacity:1;transform:translateY(0) scaleX(1) scaleY(1) skew(10deg)}to{transform:translateY(3vh) scaleX(.75) scaleY(1.15);opacity:0}}body .background-image:before{content:"";position:fixed;z-index:-1;width:100%;height:100%;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);animation:bloor-intensify linear both;animation-timeline:--main-scroll-timeline;animation-range-start:0;animation-range-end:300vh}@keyframes bloor-intensify{to{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.snow{position:fixed;top:0;left:0;width:100%;height:100%;background:url(/assets/snow-BsvNmOov.png);background-position:0 0}.snow.foreground{background-size:70em;animation:snowfall-foreground 45s linear infinite;filter:blur(2px)}.snow.background{background-size:50em;animation:snowfall-background 45s linear infinite;opacity:.5;filter:blur(3px)}.snow.middle{background-size:50em;animation:snowfall-middle 45s linear infinite;opacity:.5;filter:blur(3px)}@keyframes snowfall-foreground{to{background-position:70em 70em}}@keyframes snowfall-background{to{background-position:50em 25em}}@keyframes snowfall-middle{to{background-position:25em 50em}}.scroll-hint{position:fixed;bottom:20px;left:0;right:0;display:flex;justify-content:center;color:#fff;line-height:20px;font-size:20px;animation:scroll-hint-animation 1.5s linear infinite}.disappear-on-scroll{animation:disappearing linear forwards;animation-timeline:--main-scroll-timeline;animation-range-end:50vh}@keyframes disappearing{to{opacity:0}}@keyframes scroll-hint-animation{0%{opacity:.2;transform:translateY(0)}50%{opacity:1;transform:translateY(5px)}to{opacity:.2;transform:translateY(0)}}.video-holder{height:-webkit-fill-available;border-radius:var(--border-radius);overflow:clip;position:relative;width:90%;pointer-events:none}.grid{display:grid}.align-content-center{align-content:center}.justify-items-center{justify-items:center}.stroke{-webkit-text-stroke:var(--font-color) 1.5px;color:transparent}.text-shadow{color:var(--font-color);text-shadow:5px 5px 10px #555}.text-shadow-light{text-shadow:1px 1px 3px #555}.flex{display:flex}.mt-1{margin-top:var(--size-4)}.mt-2{margin-top:var(--size-6)}.mb-1{margin-bottom:var(--size-2)}.p-2{padding:var(--size-8)}.p-025{padding:var(--size-1)!important}.z-1{z-index:1}.z-5{z-index:5}.z-10{z-index:10}.active{cursor:pointer}.selectable{-webkit-user-select:text;user-select:text}.svg:hover{fill:#fff}.hover-transparent-color-parent{mix-blend-mode:screen}.button{border:2px solid var(--font-color);border-radius:10px;padding:var(--size-2);background-color:transparent;color:var(--font-color);font-size:var(--size-6);cursor:pointer}.button,.svg,.blurred-text,.unselectable{transition:all .5s}.signature-text{text-align:end;font-style:italic}span.attention{font-weight:bolder}.snow.foreground{transition:all 2s}.button:hover,.button:active{background-color:var(--font-color);color:var(--font-opposite-color)}.congrats-columns{display:grid;gap:var(--size-2);height:100%;height:-webkit-fill-available}@media only screen and (max-width:500px){.columns-2{grid-template-rows:1fr 1fr}}@media only screen and (min-width:501px){.columns-2{grid-template-columns:1fr 1fr}}.congrats-column{position:relative}.congrats{display:flex;flex-direction:column;position:absolute;inset:0}.congrats *{-webkit-user-select:text;user-select:text}.unselectable{-webkit-user-select:none;user-select:none}.blurred-text{filter:blur(3px);cursor:pointer}.blurred-text:hover{filter:none}.bolder{font-weight:bolder}.congrats>.text{overflow:auto;display:flex;flex-direction:column;gap:var(--size-2);padding:var(--size-2);text-align:justify}.congrats a{color:var(--font-color);text-decoration:none;font-style:italic}.congrats a:hover{text-decoration:underline}.text p{text-indent:var(--size-8)}.text h4{display:block;font-weight:bolder;text-indent:var(--size-8)}.text-center{text-align:center}.scroll-progress-svg{position:fixed;right:1vh;bottom:1vh;height:6.5vh;opacity:.75}body:has(.songs-2025) .scroll-progress-svg{animation:disappear-in-the-end .1s linear both;animation-timeline:--main-scroll-timeline;animation-range:calc(100% - 400vh) calc(100% - 200vh)}@keyframes disappear-in-the-end{0%{opacity:.75}to{opacity:0}}.scroll-progress{animation:stroke .1s linear;animation-timeline:--main-scroll-timeline}@keyframes stroke{to{stroke-dashoffset:0}}.welcome-wrapper{grid-column-start:1;grid-column-end:span 2}.welcome-wrapper>.year{--year-font-size: min(10vw, clamp(var(--size-32), 24vh, 20rem));animation:intro-appearing both linear;animation-timeline:--section-wrapper-view-timeline;animation-range:exit-crossing 0% exit 0%;transform-origin:center center;font-size:var(--year-font-size);line-height:calc(.9 * var(--year-font-size));letter-spacing:-.25rem}.welcome-wrapper .holiday{font-family:Pacifico,cursive;animation:intro-appearing both linear;animation-timeline:--section-wrapper-view-timeline;animation-range:exit-crossing 15% exit 0%;transform-origin:center center;font-size:min(3vw,clamp(var(--size-8),8vh,var(--size-32)));line-height:min(3vw,clamp(var(--size-8),8vh,var(--size-32)))}@keyframes intro-appearing{0%{opacity:0;transform:translateY(35%) scale(.5);filter:blur(0px)}30%{opacity:1;transform:translateY(0) scale(1);filter:blur(0px)}70%,80%{transform:scale(1.1);filter:blur(0px);opacity:1}to{opacity:0;filter:blur(20px);transform:scale(1.1)}}.labirinth-cell{border-radius:6px;background:#00000059;color:#ccc;place-items:center;display:flex;place-content:center;justify-content:center;aspect-ratio:1/1;font-size:18px}.current-cell{background-color:#ffffff40}.trap-cell{color:#ff8080bf}.labirinth-controls{display:flex;flex-direction:row;align-items:center;gap:5px}.labirinth-control-button{height:50px;width:70px;background:#00000059;align-items:center;justify-content:center;border-radius:6px;display:flex;cursor:pointer;-webkit-user-select:none;user-select:none;gap:2px;width:max-content}.labirinth-control-button:hover{background-color:#ffffff40}.songs-2025{height:2000vh!important}.songs-2025 .songs-2025-layout{--layout-transform-phase-1: 20%;--layout-1: calc(.4 * var(--slide-width) - var(--gap-size)) calc(.6 * var(--slide-width));--layout-2: 0 var(--slide-width);grid-column-start:1;grid-column-end:span 2;display:grid;overflow:clip;gap:var(--gap-size);grid-template-columns:var(--layout-1);animation:songs-2025-layout-animation linear forwards;animation-timeline:--section-wrapper-view-timeline;animation-range:exit-crossing 10% exit-crossing var(--layout-transform-phase-1)}@keyframes songs-2025-layout-animation{0%{grid-template-columns:var(--layout-1);gap:var(--gap-size)}to{grid-template-columns:var(--layout-2);gap:0}}.songs-2025 .songs-info{display:grid;grid-template-rows:repeat(2,1fr);gap:1vh;justify-items:end;width:calc(var(--recap-slide-width) / 2.5);justify-self:end;background-color:#d8dbe2;background-image:repeating-radial-gradient(circle at 0 100%,#1b1b1e1a,#58a4b026 1px,#d8dbe233,#58a4b026,#1b1b1e1a 4px),radial-gradient(circle at 0 100%,#d8dbe2,#8399a2 25%,#58a4b0 50%,#1b1b1e);background-position:0% 50%;background-size:400% 400%;-webkit-background-clip:text;background-clip:text;background-repeat:no-repeat;color:transparent;height:min-content;align-self:center;-webkit-mask-image:linear-gradient(to right,transparent calc(100% / 3),black calc(100% / 3 * 2),black 100%);mask-image:linear-gradient(to right,transparent calc(100% / 3),black calc(100% / 3 * 2),black 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0% 50%;mask-position:0% 50%;-webkit-mask-size:300% 100%;mask-size:300% 100%;animation:songs-info-mask-move linear forwards,songs-info-background-move linear forwards;animation-timeline:--section-wrapper-view-timeline;animation-range:exit-crossing 0% exit-crossing 3%,exit-crossing 3% exit-crossing var(--layout-transform-phase-1);transform-origin:center center}@keyframes songs-info-mask-move{0%{-webkit-mask-position:0% 50%;mask-position:0% 50%}to{translate:0;-webkit-mask-position:100% 50%;mask-position:100% 50%}}@keyframes songs-info-background-move{0%{background-position:0% 50%}to{background-position:100% 50%}}.songs-info>.songs-header{font-size:var(--header-font-size);font-weight:bolder;align-content:end;text-align:end}.songs-description{font-size:var(--header2-font-size);text-align:end;text-wrap:pretty}.songs-container{display:flex;flex-direction:row;overflow:hidden;gap:10px;height:100vh;align-items:center;perspective:40em;-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.5) 1.5%,black 3%,black 97%,rgba(0,0,0,.5) 98.5%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.5) 1.5%,black 3%,black 97%,rgba(0,0,0,.5) 98.5%,transparent 100%)}@keyframes move{to{transform:translate(calc(100% - 100vw))}}.songs-container .song:first-child{margin-left:100%}.songs-container .song:last-child{margin-right:120%}.song{--translate-name-by: 100%;--border-radius: 7px;--bottom-offset: 1px;--mask-offset: var(--bottom-offset);scroll-snap-align:center;border-radius:var(--border-radius);transform-origin:center center;animation:song-cover-rotation both linear;animation-timeline:view(inline);position:relative;aspect-ratio:1 / 1;height:min(40vh,40vw);width:min(40vh,40vw);background-image:var(--cover-url);background-position:center center;background-size:cover}.song:after{content:"";position:absolute;inset:0;transform:translateY(calc(100% + 3px)) rotateY(180deg) rotate(180deg);background-image:var(--cover-url);background-position:center center;background-size:cover;-webkit-mask-image:linear-gradient(to bottom,transparent 70%,rgba(0,0,0,.15) 85%,rgba(0,0,0,.5) 100%);mask-image:linear-gradient(to bottom,transparent 70%,rgba(0,0,0,.15) 85%,rgba(0,0,0,.5) 100%);border-radius:var(--border-radius);pointer-events:none;animation:song-cover-reflection-animation both linear;animation-timeline:view(inline)}@keyframes song-cover-reflection-animation{0%{opacity:.1}35%,65%{opacity:1}to{opacity:.1}}.song .name{position:absolute;inset:80% 0 0;display:grid;border-radius:var(--border-radius);font-size:min(2.5vh,2vw);border-top:1px solid rgba(255,255,255,.2);justify-content:center;align-content:center;pointer-events:none;translate:0 var(--translate-name-by);padding:.2em;background-color:#ffffff26;-webkit-mask-image:linear-gradient(to top,transparent 0% 50%,black 50% 100%);mask-image:linear-gradient(to top,transparent 0% 50%,black 50% 100%);-webkit-mask-size:100% 200%;mask-size:100% 200%;-webkit-mask-position:center calc(var(--translate-name-by) - var(--mask-offset));mask-position:center calc(var(--translate-name-by) - var(--mask-offset));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:translate .25s ease,mask-position .25s ease}.song:hover .name{translate:0 var(--bottom-offset);-webkit-mask-position:center 0;mask-position:center 0;pointer-events:all}@keyframes song-cover-rotation{0%{transform:translate(50%) rotateY(-45deg);z-index:1;opacity:.8;filter:blur(3px) grayscale(100%);--translate-name-by: 100%;--mask-offset: 0px}15%{z-index:2;filter:blur(2px) grayscale(50%)}25%{z-index:3;filter:blur(1px) grayscale(25%)}35%{transform:translate(25%) rotateY(-45deg);z-index:4;opacity:1;filter:blur(0) grayscale(0);--translate-name-by: 100%;--mask-offset: 0px}48%,52%{transform:translate(0) rotateY(0) translateZ(1em) scale(1.5);z-index:5;filter:blur(0) grayscale(0);--translate-name-by: var(--bottom-offset);--mask-offset: var(--bottom-offset)}65%{transform:translate(-25%) rotateY(45deg);z-index:4;opacity:1;filter:blur(0) grayscale(0);--translate-name-by: 100%;--mask-offset: 0px}75%{z-index:3;filter:blur(1px) grayscale(25%)}85%{z-index:2;filter:blur(2px) grayscale(50%)}to{transform:translate(-50%) rotateY(45deg);z-index:1;opacity:.8;filter:blur(3px) grayscale(100%);--translate-name-by: 100%;--mask-offset: 0px}}.sticky-section.recap-intro{grid-template-columns:1fr 2.5fr;gap:0}.recap-intro .typed-title{color:#000;background:#fff;padding:5px}.recap-intro .typed-title>div{font-size:var(--header3-font-size);width:fit-content;padding-right:4px;animation:blink 1s steps(1) infinite;border-right:4px solid white}@keyframes blink{0%,to{border-right:4px solid black}50%{border-right:4px solid transparent}}.recap-intro .typed-title>div:before{content:"> ";display:block;text-align:start;animation:recap-intro-title-animation steps(11) forwards;animation-timeline:--section-wrapper-view-timeline;animation-range:exit-crossing 0% exit 0%}@keyframes recap-intro-title-animation{0%{content:"> "}10%{content:"> 2"}20%{content:"> 20"}30%{content:"> 202"}40%{content:"> 2025"}50%{content:"> 2025 "}60%{content:"> 2025 R"}70%{content:"> 2025 Re"}80%{content:"> 2025 Rec"}90%{content:"> 2025 Reca"}to{content:"> 2025 Recap"}}.columns{display:grid;grid-template-columns:repeat(3,1fr);width:100%;max-width:40vw;margin:0 auto;position:relative;overflow-y:clip;height:100vh;animation:recap-photo-columns-appearing linear forwards;animation-timeline:--section-wrapper-view-timeline;animation-range:entry-crossing 100vh exit-crossing 0%}@keyframes recap-photo-columns-appearing{0%{opacity:0}to{opacity:1}}.column{--column-offset: 5vh;--animation-range: exit-crossing 0% exit 50%;display:flex;flex-direction:column;padding:var(--column-offset) 0;gap:10px;align-items:center}.column:not(.reverse){animation:adjust-position linear forwards;animation-timeline:--section-wrapper-view-timeline;animation-range:var(--animation-range);transform:translateY(calc(100vh - 100%))}@keyframes adjust-position{to{transform:translateY(0)}}.column.reverse{flex-direction:column-reverse;animation:adjust-position-reverse linear forwards;animation-timeline:--section-wrapper-view-timeline;animation-range:var(--animation-range);transform:translateY(0)}@keyframes adjust-position-reverse{0%{transform:translateY(0)}to{transform:translateY(calc(100vh - 100%))}}.photo img{width:calc(var(--slide-width) / 8);border-radius:10px}:root{scroll-snap-type:y proximity;width:100%;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none}:root::-webkit-scrollbar{display:none}.app-content>.section-wrapper{z-index:10;min-height:100vh;position:relative}.section-wrapper.scrollable{height:800vh;view-timeline:--section-wrapper-view-timeline block;scroll-timeline:--section-wrapper-scroll-timeline block}.section-wrapper.scrollable.vh-600{height:600vh}.section-wrapper.scrollable.vh-500{height:500vh}.section-wrapper.scrollable.vh-400{height:400vh}.section-wrapper.scrollable.vh-300{height:300vh}.blurred-card{width:var(--width);height:var(--height);justify-self:center;position:sticky;top:calc((100vh - var(--height)) / 2);margin:calc((100vh - var(--height)) / 2) 0;font-size:18px}.blurred-card>.blurred-content{background-color:#00000040;border-radius:var(--border-radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-self:center;align-self:center;padding:var(--size-8);height:-webkit-fill-available;width:-webkit-fill-available}.blurred-card>.blurred-content.no-padding>*{margin:calc(-1 * var(--size-8))}.blurred-card>.blurred-content.no-padding .congrats{padding:var(--size-8)}.sticky-section{--mask-gradient: linear-gradient(transparent 25%, black 33%, black 66%, transparent 75%, transparent 100%);--gap-size: 1vw;display:grid;grid-template-columns:repeat(2,1fr);height:100vh;position:sticky;top:0;gap:var(--gap-size);width:var(--slide-width);justify-self:center;overflow:clip;animation:sticky-section-appearing linear forwards,sticky-section-disappearing linear forwards;animation-timeline:view();animation-range:entry-crossing 40% entry-crossing 100%,exit-crossing 0% exit-crossing 100%;mask-size:auto 300vh;-webkit-mask-size:auto 300vh;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-image:var(--mask-gradient);-webkit-mask-image:var(--mask-gradient);mask-position:center 0;-webkit-mask-position:center 0}@keyframes sticky-section-appearing{0%{-webkit-mask-position:center 0vh}to{-webkit-mask-position:center -100vh}}@keyframes sticky-section-disappearing{0%{-webkit-mask-position:center -100vh}to{-webkit-mask-position:center -200vh}}.recap-slide>.sticky-section{display:grid;width:var(--recap-slide-width);justify-self:center}.recap-slide:nth-child(2n)>.sticky-section{grid-template-areas:"info image"}.recap-slide:nth-child(odd)>.sticky-section{grid-template-areas:"image info"}.recap-slide:nth-child(2n) .recap-info{justify-items:end;text-align:end}.recap-slide:nth-child(odd) .recap-info{justify-items:start}.recap-slide:nth-child(2n) .recap-info{--mask-starting-position-x: 100%;--mask-starting-position-y: 100%}.recap-slide:nth-child(odd) .recap-info{--mask-starting-position-x: 0%;--mask-starting-position-y: 100%}.recap-slide .recap-info{grid-area:info;display:grid;grid-template-rows:repeat(2,1fr);gap:1vh;mask-image:radial-gradient(circle farthest-side at center,black 25%,transparent 100%);-webkit-mask-image:radial-gradient(circle farthest-side at center,black 25%,transparent 100%);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;animation:recap-info-mask-animation linear forwards;animation-timeline:--section-wrapper-view-timeline;animation-range:entry-crossing 10% exit-crossing 85%;-webkit-mask-size:var(--target-mask-width) var(--target-mask-height);-webkit-mask-position:var(--mask-starting-position-x) var(--mask-starting-position-y);--starting-mask-width: 800%;--starting-mask-height: 800%;--target-mask-width: 200%;--target-mask-height: 200%}@keyframes recap-info-mask-animation{0%{-webkit-mask-size:var(--starting-mask-width) var(--starting-mask-height);-webkit-mask-position:var(--mask-starting-position-x) var(--mask-starting-position-y)}30%{-webkit-mask-size:var(--target-mask-width) var(--target-mask-height);-webkit-mask-position:var(--mask-starting-position-x) var(--mask-starting-position-y)}50%,80%{-webkit-mask-size:var(--target-mask-width) var(--target-mask-height);-webkit-mask-position:50% 50%}90%{-webkit-mask-size:var(--target-mask-width) var(--target-mask-height);-webkit-mask-position:var(--mask-starting-position-x) -50%}to{-webkit-mask-size:var(--starting-mask-width) var(--starting-mask-height);-webkit-mask-position:var(--mask-starting-position-x) -50%}}.recap-slide .recap-image{grid-area:image;display:grid}.recap-slide:nth-child(2n) .recap-image{justify-content:start}.recap-slide:nth-child(odd) .recap-image{justify-content:end}.recap-info .recap-header{align-self:end;font-size:var(--header-font-size);font-weight:bolder;background:#fff;color:#000;text-wrap:balance;padding:var(--size-2);line-height:calc(.5 * var(--header-font-size))}.recap-info .recap-description{align-content:start;font-size:var(--header2-font-size);text-wrap:pretty}.recap-slide:nth-child(2n) p{text-align:end}.recap-info>.recap-description>p{--anim-delay: calc((var(--n) / var(--total-n) * 55%));--next-delay: calc(((var(--n) + 1) / var(--total-n) * 55%));--whiteness: calc(255 - var(--n) * 50);color:rgba(var(--whiteness),var(--whiteness),var(--whiteness));animation:description-sentence-appearing linear forwards;animation-timeline:--section-wrapper-view-timeline;animation-range:exit-crossing var(--anim-delay) exit-crossing var(--next-delay);transform:translateY(50%);opacity:0}@keyframes description-sentence-appearing{0%{opacity:0;transform:translateY(50%);filter:blur(2px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.recap-slide:nth-child(2n) .recap-photo-wrapper{grid-template-areas:"info image";clip-path:polygon(0 3%,100% 0,100% 100%,0 97%);-webkit-mask-image:url(/assets/64_vertical-BJf1NBzO.png);mask-image:url(/assets/64_vertical-BJf1NBzO.png)}.recap-slide:nth-child(odd) .recap-photo-wrapper{grid-template-areas:"info image";clip-path:polygon(0 0,100% 3%,100% 97%,0 100%);-webkit-mask-image:url(/assets/64_vertical_mirrored-Dn8gAM9U.png);mask-image:url(/assets/64_vertical_mirrored-Dn8gAM9U.png)}.recap-photo-wrapper{--enter-position: calc(100vh - 100%) ;--detailed-view-padding: 5vh;justify-self:center;transform:translateY(100vh);animation:recap-photo-animation linear forwards;animation-timeline:--section-wrapper-view-timeline;animation-range:exit-crossing 0% exit 0%;overflow:clip;max-width:max-content;max-height:max-content;-webkit-mask-position:50% 45%;mask-position:50% 45%;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@keyframes recap-photo-animation{0%{transform:translateY(var(--enter-position));opacity:0;filter:blur(5px);-webkit-mask-position:50% 45%;mask-position:50% 45%}10%{transform:translateY(calc(var(--enter-position) - var(--detailed-view-padding)));opacity:1;filter:blur(0px)}90%{transform:translateY(var(--detailed-view-padding));opacity:1;filter:blur(0)}to{transform:translateY(0);opacity:0;filter:blur(5px);-webkit-mask-position:50% 55%;mask-position:50% 55%}}.recap-photo-wrapper>img{opacity:0;min-height:75vh;min-width:calc(var(--recap-slide-width) / 3);max-width:calc(var(--recap-slide-width) * 2 / 3);max-height:80vh}.recap-photo-wrapper .background{background-size:cover;background-position:center center;inset:0;position:absolute;background-repeat:no-repeat;animation:parallaxed-photo linear forwards;animation-timeline:--section-wrapper-view-timeline;transform:translateY(0) scale(1.1);transform-origin:bottom center}@keyframes parallaxed-photo{0%{transform:translateY(0) scale(1.1)}to{transform:translateY(10%) scale(1.1)}}.recap-photo-wrapper .foreground{background-size:cover;background-position:center center;inset:0;position:absolute;background-repeat:no-repeat}.masked{--mask-position: center center;--mask-repeat: no-repeat;--start-scaling-k: 100;--start-scaling-percents: calc(var(--start-scaling-k) * 100%);--final-scaling-percents: 100%;mask-image:url(#svgmask);-webkit-mask-image:url(#svgmask);mask-repeat:var(--mask-repeat);-webkit-mask-repeat:var(--mask-repeat);mask-size:var(--start-scaling-percents);-webkit-mask-size:var(--start-scaling-percents);mask-position:var(--mask-position);-webkit-mask-position:var(--mask-position);transform:scale(var(--start-scaling-k));transform-origin:center center;animation:mask-animation cubic-bezier(0,0,.2,1) forwards;animation-timeline:--section-wrapper-view-timeline;animation-range:exit-crossing 0% exit 0%}.svg-mask text{font-family:Rubik,sans-serif;font-size:12.5vw;font-weight:600;text-anchor:middle;dominant-baseline:middle}.svg-mask text.small{font-size:3.5vw;font-weight:400}.svg-mask text.smallest{font-weight:lighter;font-size:3.5vh;font-style:italic;text-anchor:end;dominant-baseline:text-bottom}@keyframes mask-animation{0%{transform:scale(var(--start-scaling-k));mask-size:var(--start-scaling-percents);-webkit-mask-size:var(--start-scaling-percents)}to{transform:scale(1);mask-size:var(--final-scaling-percents);-webkit-mask-size:var(--final-scaling-percents)}}.message-slide .sticky-section>div{--mask-offset: 70%;display:grid;grid-column-start:1;grid-column-end:span 2;align-content:center;justify-self:center;font-size:var(--message-slide-font-size);width:calc(var(--slide-width) * 3 / 4);text-align:justify;font-weight:500;animation:message-animation linear forwards;animation-timeline:--section-wrapper-view-timeline;animation-range:exit-crossing 0% exit 0%;scale:1;transform-origin:center center;background-image:radial-gradient(ellipse at 50% 50%,#ebf4f5,#b5c6e0,#8399a2,#727a9a);background-repeat:no-repeat;background-size:100% 400%;background-position:50% 0%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-mask-image:radial-gradient(circle at 50% 50%,black 0%,transparent 50% 100%);mask-image:radial-gradient(circle at 50% 50%,black 0%,transparent 50% 100%);-webkit-mask-size:0 0;mask-size:0 0;-webkit-mask-position:50% var(--mask-offset);mask-position:50% var(--mask-offset);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@keyframes message-animation{0%{scale:1;background-position:50% 0%;-webkit-mask-position:50% var(--mask-offset);mask-position:50% var(--mask-offset);-webkit-mask-size:0 0;mask-size:0 0}40%,60%{-webkit-mask-size:500% 500%;mask-size:500% 500%}to{scale:.85;background-position:50% 100%;-webkit-mask-position:50% calc(100% - var(--mask-offset));mask-position:50% calc(100% - var(--mask-offset));-webkit-mask-size:0 0;mask-size:0 0}}