*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden}#canvas{width:100vw;height:100vh;display:block}@font-face{font-family:PP Object Sans;src:url(/assets/PPObjectSans-Regular-0G5-Rzmd.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}body{color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#050506;font-family:PP Object Sans,Helvetica Neue,Arial,sans-serif}#canvas,.info{translate:var(--film-wx,0px) var(--film-wy,0px)}.film-overlay,.film-fade,.film-tone{pointer-events:none;display:none;position:fixed;inset:0}.film-overlay{z-index:12;width:100%;height:100%}.film-fade{z-index:11;mix-blend-mode:lighten}.film-tone{z-index:10;mix-blend-mode:color}.info{--gutter:clamp(20px, 3.2vw, 56px);letter-spacing:.2em;text-transform:uppercase;color:#ffffffd1;pointer-events:none;opacity:0;font-size:clamp(12px,.95vw,16px);line-height:1.4;animation:1.6s cubic-bezier(.22,1,.36,1) 3.4s forwards info-in;position:fixed;inset:0}.info__tagline,.info__contact{pointer-events:auto}.info__contact{color:inherit;text-decoration:none;transition:color .4s;position:relative}.info__contact:after{content:"";transform-origin:100%;background:currentColor;height:1px;transition:transform .6s cubic-bezier(.22,1,.36,1);position:absolute;bottom:-4px;left:0;right:.2em;transform:scaleX(0)}.info__contact:hover,.info__contact:focus-visible{color:#fff;outline:none}.info__contact:hover:after,.info__contact:focus-visible:after{transform-origin:0;transform:scaleX(1)}.info[data-layout=stacked]{inset:var(--logo-bottom,70vh) 0 0 0;padding:0 var(--gutter) clamp(28px, 5vh, 64px);text-align:center;flex-direction:column;align-items:center;display:flex}.info[data-layout=stacked] .info__tagline{letter-spacing:-.005em;text-transform:none;color:#fff;text-wrap:balance;margin-block:auto;font-size:clamp(22px,2.1vw,38px);line-height:1.2}.info[data-layout=corners]{padding:0 var(--gutter) var(--gutter);justify-content:space-between;align-items:baseline;gap:24px;display:flex;inset:auto 0 0}.info[data-layout=edges] .info__tagline,.info[data-layout=edges] .info__contact{writing-mode:vertical-rl;position:absolute;top:50%}.info[data-layout=edges] .info__tagline{left:var(--gutter);transform:translateY(-50%)rotate(180deg)}.info[data-layout=edges] .info__contact{right:var(--gutter);transform:translateY(-50%)}.info[data-layout=edges] .info__contact:after{transform-origin:bottom;width:1px;height:auto;inset:0 auto .2em -6px;transform:scaleY(0)}.info[data-layout=edges] .info__contact:hover:after,.info[data-layout=edges] .info__contact:focus-visible:after{transform-origin:top;transform:scaleY(1)}.info[data-layout=diagonal] .info__tagline,.info[data-layout=diagonal] .info__contact{position:absolute}.info[data-layout=diagonal] .info__tagline{top:var(--gutter);left:var(--gutter);letter-spacing:.22em;text-wrap:balance;max-width:22ch;line-height:1.9}.info[data-layout=diagonal] .info__contact{right:var(--gutter);bottom:var(--gutter)}.info[data-layout=editorial]{--fs:clamp(20px, 2.4vw, 44px);padding:0 var(--gutter) var(--gutter);mix-blend-mode:difference;color:#fff;opacity:1;justify-content:space-between;align-items:last baseline;gap:32px;animation:none;display:flex;inset:auto 0 0}.info[data-layout=editorial] .info__tagline{max-width:10.5em;font-size:var(--fs);letter-spacing:-.03em;text-transform:none;text-wrap:balance;pointer-events:none;line-height:1.02}.info[data-layout=editorial] .info__line{margin-bottom:-.12em;padding-bottom:.12em;display:block;overflow:hidden}.info[data-layout=editorial] .info__line>span{animation:1.5s cubic-bezier(.19,1,.22,1) 2.9s forwards line-up;display:inline-block;transform:translateY(110%)}.info[data-layout=editorial] .info__contact{letter-spacing:-.005em;text-transform:none;opacity:0;flex-shrink:0;font-size:clamp(15px,1.25vw,20px);animation:1.2s cubic-bezier(.22,1,.36,1) 3.4s forwards info-in}.info[data-layout=editorial] .info__contact:after{bottom:-3px;right:0;transform:scaleX(1)}.info[data-layout=editorial] .info__contact:hover:after,.info[data-layout=editorial] .info__contact:focus-visible:after{animation:.9s cubic-bezier(.65,0,.35,1) underline-wipe}@keyframes line-up{to{transform:none}}@keyframes underline-wipe{0%{transform-origin:100%;transform:scaleX(1)}50%{transform-origin:100%;transform:scaleX(0)}50.01%{transform-origin:0;transform:scaleX(0)}to{transform-origin:0;transform:scaleX(1)}}@keyframes info-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (width<=640px){.info:is([data-layout=corners],[data-layout=edges],[data-layout=diagonal]){padding:0 var(--gutter) var(--gutter);text-align:center;letter-spacing:.18em;flex-direction:column;align-items:center;gap:14px;display:flex;inset:auto 0 0}.info:is([data-layout=corners],[data-layout=edges],[data-layout=diagonal]) :is(.info__tagline,.info__contact){writing-mode:horizontal-tb;text-wrap:balance;max-width:30ch;position:relative;inset:auto;transform:none}.info:is([data-layout=corners],[data-layout=edges],[data-layout=diagonal]) .info__contact:after{transform-origin:100%;width:auto;height:1px;inset:auto .2em -4px 0;transform:scaleX(0)}.info:is([data-layout=corners],[data-layout=edges],[data-layout=diagonal]) .info__contact:is(:hover,:focus-visible):after{transform-origin:0;transform:scaleX(1)}.info[data-layout=editorial]{--fs:5.4vw;padding-bottom:max(clamp(44px, 8vh, 72px), env(safe-area-inset-bottom));text-align:center;flex-direction:column;align-items:center;gap:32px}}@media (prefers-reduced-motion:reduce){.info,.info[data-layout=editorial] .info__contact,.info[data-layout=editorial] .info__line>span{opacity:1;animation:none;transform:none}}