*,*:after,*:before{box-sizing:border-box;margin:0;padding:0;font-family:var(--font-family-default);color:var(--color-text)}a,button,img{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}button{background-color:transparent;border:none;outline:none}:root{--color-background: #000;--color-text: #e9e9e9;--color-orange: oklch(74% .15 32);--color-celeste: oklch(65% .13 210);--color-cadetblue: oklch(65% .05 210);--color-yellow: oklch(80% .16 85);--color-green: oklch(60% .16 135);--color-green-dark: oklch(54% .11 164);--color-red: oklch(65% .18 15);--color-red-dark: oklch(57% .2 15);--color-purple: oklch(62% .15 318);--font-family-default: "NotoSans", Inter, Roboto, "Helvetica Neue", "Arial Nova", "Nimbus Sans", Arial, sans-serif;--font-family-heading: "FrauncesBold", Didot, "Bodoni MT", "Noto Serif Display", "URW Palladio L", P052, Sylfaen, serif}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);font-weight:200}.container-indicator{position:fixed;top:50%;left:2.5vmax;width:2vmax;height:12vmax;transform:translateY(-50%);display:flex;flex-direction:column;gap:.5vmax}.container-indicator .follower{width:2vmax;height:2vmax;background-color:var(--sb-thumb-color);border-radius:50%;position:absolute;transform:translateY(0) scale(.7);animation:follow linear both;animation-timeline:scroll(y)}.container-indicator .circle{width:2vmax;height:2vmax;border:.1vmax solid #fff;border-radius:50%}@font-face{font-family:FrauncesBold;font-weight:700;src:url(./assets/fonts/Fraunces_bold.woff2) format(woff2)}@font-face{font-family:FrauncesBold;font-weight:400;src:url(./assets/fonts/Fraunces_regular.woff2) format(woff2)}@font-face{font-family:NotoSans;font-weight:700;src:url(./assets/fonts/NotoSansDisplay_Bold.woff2) format(woff2)}@font-face{font-family:NotoSans;font-weight:400;src:url(./assets/fonts/NotoSansDisplay_Regular.woff2) format(woff2)}@font-face{font-family:FrauncesBold;font-weight:200;src:url(./assets/fonts/Fraunces_light.woff2) format(woff2)}body{min-height:100vh;width:100%;display:flex;flex-direction:column;--sb-track-color: #000;--sb-thumb-color: var(--color-orange);--sb-size: .85vmax;position:relative;animation:changeColor linear both;animation-timeline:scroll(y);overflow-x:hidden}body::-webkit-scrollbar{width:var(--sb-size)}body::-webkit-scrollbar-track{background:var(--sb-track-color)}body::-webkit-scrollbar-thumb{background:var(--sb-thumb-color)}@supports not selector(::-webkit-scrollbar){body{scrollbar-color:var(--sb-thumb-color) var(--sb-track-color)}}.background{position:fixed;top:0;left:0;z-index:-2;width:100%;height:100vh;background-color:#fff;background-color:#000;background-image:radial-gradient(100% 50% at 50% 100%,color-mix(in srgb,var(--sb-thumb-color) 50%,transparent 50%),#00a3ff00,#00a3ff00);overflow:hidden}html{scroll-snap-type:y mandatory}.section{height:100dvh;scroll-snap-align:start;scroll-snap-stop:always;--pad-inline: 17vmax;view-timeline:--section}.section .content{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;animation:toRight linear both;animation-timeline:--section}@media (width <= 1500px) and (orientation: portrait){.section{--pad-inline: 7vmax}}.section .title,.section .container-paraghaps{position:absolute}.section strong{font-weight:200}.section strong.orange{color:var(--color-orange)}.section strong.yellow{color:var(--color-yellow)}.section strong.celeste{color:var(--color-celeste)}.section strong.red{color:var(--color-red)}.section strong.red-dark{color:var(--color-red-dark)}.section strong.purple{color:var(--color-purple)}.section strong.green{color:var(--color-green)}.section strong.green-dark{color:var(--color-green-dark)}.section .title{top:30%;transform:translateY(-50%);left:var(--pad-inline);font-size:5vmax;width:25%;font-weight:200;text-wrap:balance}@media (width <= 1500px) and (orientation: portrait){.section .title{width:60%;top:15%}}.section .container-paraghaps{width:60%;left:40%;height:76%;top:30%}@media (width <= 1500px) and (orientation: portrait){.section .container-paraghaps{width:85%;left:15%;height:fit-content;top:42%}}.section .container-paraghaps img{float:left;width:23vmax;shape-outside:var(--bg-flower);shape-margin:2vmax;-webkit-mask-image:linear-gradient(to bottom,black 90%,transparent);mask-image:linear-gradient(to bottom,black 90%,transparent);shape-image-threshold:.8}@media (width <= 1500px) and (orientation: portrait){.section .container-paraghaps img{filter:contrast(150%) brightness(120%)}}.section .container-paraghaps p{font-size:1.7vmax;width:80%;position:relative;text-align:justify;text-wrap:pretty;hyphenate-limit-chars:7}@media (width <= 1500px) and (orientation: portrait){.section .container-paraghaps p{width:90%}}@keyframes changeColor{0%{--sb-thumb-color: var(--color-orange)}25%{--sb-thumb-color: var(--color-yellow)}50%{--sb-thumb-color: var(--color-celeste)}75%{--sb-thumb-color: var(--color-red)}to{--sb-thumb-color: var(--color-purple)}}@keyframes follow{0%{transform:translateY(0) scale(.7)}to{transform:translateY(10vmax) scale(.7)}}@keyframes toRight{0%{transform:translate3d(-100%,-100%,0)}50%{transform:none}to{transform:translate3d(100%,100%,0)}}