html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{position:relative;min-height:100vh;margin:0 auto;overflow-x:hidden;font-family:Georgia,serif;background-size:cover}a{color:inherit;text-decoration:none}::selection{color:#fff;background-color:#000}.bg{position:fixed;top:0;left:0;z-index:-1;width:100%;height:100%;opacity:.7;object-fit:cover}.header{display:none;box-sizing:border-box;max-width:240px;padding:max(2vw,20px);text-align:center;background:#fff;aspect-ratio:1/1}@media (width < 760px){.header{width:100%}}.header__title{display:flex;justify-content:center;padding:min(5px + .5vw,15px);font-weight:400;font-size:min(28px + .6vw,40px);border-top:2px solid #000;border-bottom:2px solid #000}.header__subtitle{font-size:min(16px + .1vw,18px)}.page{display:flex;justify-content:center;box-sizing:border-box;min-height:100vh;padding:max(3vw,20px)}@media (aspect-ratio > 3/2){.page{padding:3vh}}@media (aspect-ratio <= 3/2){.page{align-items:center}}.square{display:flex;align-items:flex-start;padding:min(12px + .9vw,30px);background:#fff}@media (orientation: portrait){.square{flex-direction:column}}@media (orientation: landscape){.square{min-height:400px}}@media (aspect-ratio < 6/10){.square{width:100%}}@media (aspect-ratio >= 3/5) and (aspect-ratio < 4/5){.square{width:70vw}}@media (aspect-ratio >= 4/5) and (aspect-ratio < 1/1){.square{width:60vw}}@media (aspect-ratio > 3/2){.square{width:130dvh}}@media (aspect-ratio > 1/1) and (aspect-ratio <= 3/2){.square{width:100vw;height:50vw}}.square__inner{position:relative;flex-shrink:0;align-self:center;overflow:hidden;background:#000;aspect-ratio:1/1;container-type:size}@media (orientation: landscape){.square__inner{height:100%}}@media (orientation: portrait){.square__inner{flex-direction:column;width:100%}}.square__p{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;min-width:80%;max-width:100%;margin:auto;padding:max(15px,3vw);color:#fff;font-size:min(8px + 1.1vw,30px);line-height:1.4;text-wrap:balance;opacity:.08;transition:.7s cubic-bezier(.165,.84,.44,1);transition-property:opacity,transform,scale;scale:3}@supports (contain: size){.square__p{font-size:4.5cqi}}.square__p:first-child{margin-top:0}.square__p:last-child{margin-bottom:0}.square__p:nth-child(1){transform:translate(calc(sin(.31 * var(--time))*10px)) translateY(calc(.13*cos(var(--time) + 2.1)*50px))}.square__p:nth-child(2){transform:translate(calc(sin(.67 * var(--time))*20px)) translateY(calc(.19*cos(var(--time) + 1.1)*40px))}.square__p:nth-child(3){transform:translate(calc(sin(.29 * var(--time))*30px)) translateY(calc(.33*cos(var(--time) + 3.7)*30px))}.square__p:nth-child(4){transform:translate(calc(sin(.11 * var(--time))*40px)) translateY(calc(.47*cos(var(--time) + 5.1)*20px))}.square__p:nth-child(5){transform:translate(calc(sin(.37 * var(--time))*50px)) translateY(calc(.61*cos(var(--time) + .18)*10px))}.square__p._active{transform:scale(1);opacity:1;scale:1}.square__questions{position:sticky;top:min(12px + .9vw,30px);padding:min(12px + .9vw,30px);background-color:#fff}.square__title{margin-bottom:1.2em;font-size:min(14px + 1.4vw,40px)}.square__questions-p{cursor:pointer}
