@font-face{font-family:Fox Robin;src:url(/fonts/fox-robin.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Fox Robin;src:url(/fonts/fox-robin-italic.otf) format("opentype");font-weight:400;font-style:italic;font-display:swap}:root{--color-bg-primary: #1C1D27;--color-bg-secondary: #141428;--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .7);--color-accent-pink: #e8475e;--color-accent-coral: #e85d75;--color-accent-red: #c23040;--color-accent-blue: #5b6abf;--color-accent-purple: #B8A1FF;--color-accent-cool-blue: #7B98F6;--color-midpath-bg-start: #1a2a3a;--color-midpath-bg-end: #0f3a4a;--color-midpath-title: #e87350;--color-midpath-accent: #f28a60;--color-sleepup-bg-start: #7b3fa0;--color-sleepup-bg-end: #3a1a6a;--color-sleepup-title: #c8a0e8;--color-sleepup-accent: #9060c0;--color-havana-bg-start: #8b2010;--color-havana-bg-end: #3a0a05;--color-havana-title: #c8a848;--color-havana-accent: #d4442a;--font-heading: "Playfair Display", Georgia, serif;--font-body: "Inter", -apple-system, sans-serif;--font-script: "Great Vibes", cursive;--font-ui: "Poppins", sans-serif;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 5rem;--header-height: 102px;--max-content-width: 1750px;--content-margin: 7rem;--content-padding: 2rem}@media(max-width:767px){:root{--header-height: 72px;--content-margin: 1.25rem;--content-padding: 1.25rem}}@media(min-width:768px)and (max-width:1023px){:root{--header-height: 88px;--content-margin: 1.5rem;--content-padding: 1.5rem}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background-color:#fff;color:var(--color-text-primary);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{border:none;background:none;cursor:pointer;font-family:inherit;color:inherit}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}.header{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:2rem 0;margin:0 var(--content-margin)}.header__logo{display:flex;align-items:center;z-index:101}.header__logo svg{width:57px;height:38px}.header__nav{display:flex;gap:1.5rem;background:#0b111480;width:18rem;height:2.3rem;align-items:center;justify-content:space-between;border-radius:999px;padding:.75rem 2.5rem}.header__nav-link{font-family:Futura PT,sans-serif;font-size:1.2rem;color:var(--color-text-primary);letter-spacing:.02em;transition:color .3s ease;cursor:pointer}.header__nav-link:hover,.header__nav-link--active{color:var(--color-accent-purple)}.header__dropdown-wrapper{position:relative}.header__dropdown{position:absolute;top:calc(100% + .75rem);left:50%;transform:translate(-30%);background:#31323b;border-radius:6px;padding:.75rem 1rem;display:flex;flex-direction:column;gap:.75rem;min-width:160px;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.header__dropdown--open{opacity:1;visibility:visible}.header__dropdown-item{display:flex;align-items:center;font-family:"Teachers",var(--font-body);font-weight:500;font-size:16px;line-height:100%;letter-spacing:0%;color:var(--color-text-primary);padding:.35rem .5rem;border-radius:8px;transition:background .2s ease,color .2s ease;white-space:nowrap;gap:1.5rem}.header__dropdown-item:hover{color:var(--color-accent-purple)}.header__dropdown-icon{width:36px;height:22px;transition:transform .25s ease}.header__dropdown-icon-path{transition:stroke .25s ease}.header__dropdown-item:hover .header__dropdown-icon-path{stroke:var(--color-accent-purple)}.header__hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:28px;height:28px;z-index:101}.header__hamburger span{display:block;width:100%;height:2px;background-color:var(--color-text-primary);border-radius:1px;transition:transform .3s ease,opacity .3s ease}.header__hamburger--open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.header__hamburger--open span:nth-child(2){opacity:0}.header__hamburger--open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media(max-width:767px){.header{padding:1.25rem var(--content-padding)}.header__hamburger{display:flex}.header__nav{position:fixed;top:0;right:0;width:100%;height:100vh;background:var(--color-bg-primary);flex-direction:column;align-items:center;justify-content:center;gap:2.5rem;border-radius:0;transform:translate(100%);transition:transform .4s cubic-bezier(.4,0,.2,1)}.header__nav--open{transform:translate(0)}.header__nav-link{font-size:1.5rem;font-weight:500}.header__dropdown{position:static;transform:none;background:transparent;padding:.5rem 0 0;min-width:unset;opacity:1;visibility:visible;align-items:center}.header__dropdown-item{font-size:1.2rem}}@media(min-width:768px)and (max-width:1023px){.header{padding:1.5rem var(--content-padding)}.header__nav{width:16rem;padding:.6rem 1.5rem}.header__nav-link{font-size:1rem}}.social-icons{display:flex;align-items:center;gap:1.25rem}.social-icons__link{display:flex;align-items:center;justify-content:center;width:55px;height:55px;border-radius:50%;border:1px solid rgba(255,255,255,.3);color:var(--color-text-primary);border-color:var(--color-accent-pink);transition:border-color .3s ease,color .3s ease,background-color .3s ease}.social-icons__link:hover{color:var(--color-accent-purple);background-color:#e8475e1a}.footer{position:relative;z-index:1;background:linear-gradient(160deg,#1c1d27,#1c1d27);text-align:center;height:25rem}.footer.footer--about{background:#0b1114}.footer__content{max-width:var(--max-content-width);margin:auto;display:flex;align-items:center;justify-content:center;position:relative;height:inherit}.footer__center{display:flex;flex-direction:column;align-items:center;gap:.75rem}.footer__heading{font-family:Fox Robin,serif;font-size:40px;font-weight:400;line-height:100%;letter-spacing:0}.footer__heading-thanks{color:var(--color-accent-pink)}.footer__subtext{font-family:"Teachers",var(--font-body);font-weight:400;font-size:24px;line-height:100%;letter-spacing:-4%;color:var(--color-text-primary)}.footer__subtext-highlight{font-family:Fox Robin,serif;font-weight:400;font-size:24px;line-height:100%;letter-spacing:-4%;color:var(--color-accent-cool-blue)}.footer__social{margin-top:3rem}.footer__thumbnail{position:absolute;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;transition:opacity .3s ease,transform .3s ease}.footer__thumbnail:hover{opacity:1}.footer__thumbnail--left{left:8%}.footer__thumbnail--left:hover{transform:translateY(-50%) translate(-4px)}.footer__thumbnail--right{right:8%}.footer__thumbnail--right:hover{transform:translateY(-50%) translate(4px)}.footer__thumbnail-icon-left{position:relative;display:flex;align-items:center;justify-content:center;background:#7b98f6}.footer__thumbnail-icon-right{background:#e64f68;position:relative;display:flex;align-items:center;justify-content:center}.footer__thumbnail-icon-default{width:162px;height:110px;object-fit:contain;transition:opacity .3s ease,transform .3s ease}.footer__thumbnail-icon-hover{position:absolute;top:50%;max-width:none;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s cubic-bezier(.34,1.56,.64,1)}.footer__thumbnail--left .footer__thumbnail-icon-hover{left:100%;transform:translateY(-50%) translate(-20px) scale(.6)}.footer__thumbnail--right .footer__thumbnail-icon-hover{right:100%;transform:translateY(-50%) translate(20px) scale(.6)}.footer__thumbnail:hover .footer__thumbnail-icon-default{opacity:.3;transform:scale(.9)}.footer__thumbnail--left:hover .footer__thumbnail-icon-hover{opacity:1;transform:translateY(-50%) translate(8px) scale(1)}.footer__thumbnail--right:hover .footer__thumbnail-icon-hover{opacity:1;transform:translateY(-50%) translate(-8px) scale(1)}.footer__thumbnail-label{white-space:nowrap;font-family:"Teachers",var(--font-body);font-weight:400;font-size:16px;line-height:100%;letter-spacing:0%;align-self:start}@media(max-width:767px){.footer{padding:3rem var(--content-padding) 2rem}.footer__thumbnail{display:none}.footer__heading{font-size:1.375rem}.footer__subtext,.footer__subtext-highlight{font-size:18px}.footer__social{margin-top:3rem}}@media(min-width:768px)and (max-width:1023px){.footer__thumbnail-icon-default,.footer__thumbnail-icon-hover{width:120px;height:92px}.footer__social{margin-top:4rem}.footer__heading{font-size:32px}.footer__subtext,.footer__subtext-highlight{font-size:20px}}.nav-dots{display:flex;gap:1.5rem}.nav-dots--vertical{flex-direction:column}.nav-dots--horizontal{flex-direction:row}.nav-dots__dot{width:9px;height:25px;border-radius:50%;border:none;background-color:var(--color-text-primary);cursor:pointer;padding:0;transition:background-color .3s ease,transform .3s ease}.nav-dots__dot:hover{background-color:#ffffff80;transform:scale(1.2)}.nav-dots__dot--active{background-color:var(--color-accent-pink);transform:scale(1.15)}.cta-button{display:inline-flex;align-items:center;gap:.75rem;font-family:var(--font-ui);font-size:.75rem;font-weight:700;letter-spacing:.15em;color:var(--color-text-primary);text-decoration:none;cursor:pointer;transition:opacity .3s ease}.cta-button:hover{opacity:.8}.cta-button__label{font-family:Futura PT,sans-serif;font-weight:700;font-size:20px;font-style:bold;line-height:100%;letter-spacing:0%}.cta-button__icon{color:var(--cta-color, var(--color-text-primary));display:flex;align-items:center}.cta-button--scroll-down .cta-button__icon{animation:bounceDown 2s ease-in-out infinite}@keyframes bounceDown{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.hero__text{flex:1;display:flex;flex-direction:column;position:relative;z-index:2;top:-4.5rem;min-width:0}.hero__title{display:flex;flex-direction:column;margin-bottom:4rem}.hero__title-line1{font-family:Fox Robin,serif;font-style:normal;font-weight:400;font-size:3rem;line-height:100%;letter-spacing:2%;color:var(--color-text-primary);margin-bottom:.75rem}.hero__title-line2{font-family:Fox Robin,serif;font-style:normal;font-size:7vw;font-weight:400;color:var(--color-accent-pink);line-height:100%;letter-spacing:2%}.hero__title-line3{font-family:Fox Robin,serif;font-style:normal;font-size:4.5rem;font-weight:400;line-height:100%;letter-spacing:2%;color:var(--color-text-primary);margin-top:-.25rem}.hero__subtitle{font-family:"Teachers",var(--font-body);font-weight:400;font-size:24px;color:var(--color-text-primary);line-height:100%}.hero__name{font-family:Fox Robin,serif;font-style:normal;font-weight:400;font-size:36px;line-height:100%;color:#7b98f6}.hero__subtitle-break{display:none}@media(max-width:767px){.hero__text{max-width:100%;top:0;align-items:center}.hero__title{align-items:center}.hero__title-line1{font-size:1.125rem;margin-bottom:.35rem}.hero__title-line2{font-size:10vw}.hero__title-line3{font-size:1.75rem;margin-top:-.1rem}.hero__subtitle{font-size:16px;text-align:center}.hero__name{font-size:22px}.hero__subtitle-break{display:block}}@media(min-width:768px)and (max-width:1023px){.hero__text{top:-2rem}.hero__title-line1{font-size:2rem;margin-bottom:.5rem}.hero__title-line2{font-size:5vw}.hero__title-line3{font-size:2.5rem;margin-top:-.15rem}.hero__subtitle{font-size:20px}.hero__name{font-size:28px}}.hero{min-height:100vh;display:flex;justify-content:space-around;padding:var(--header-height) var(--content-padding) 2rem;overflow:hidden;max-width:var(--max-content-width);width:100%;margin:auto}.hero:before{z-index:101;content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--color-accent-pink)}.hero__content{width:100%;display:flex;align-items:normal;justify-content:space-between;gap:3rem;position:relative}.hero__text-container{display:flex;gap:2rem;align-items:center;justify-content:space-between;position:relative;z-index:2}.hero__illustration-wrapper{flex:1;position:relative;display:flex}.hero__spotlight{position:absolute;z-index:0;width:50%;height:140%;top:-10%;left:-10%;background:radial-gradient(30% 22% at 30% 50%,#fff5c9,#1c1d27 91.66%);transform:rotate(110deg) scale(1.5);opacity:.9;pointer-events:none}.hero__illustration{position:relative;z-index:1;width:100%;display:flex;align-items:center}.hero__illustration svg{width:100%;height:auto}.hero__illustration img{width:100%;height:auto;max-height:400px;object-fit:contain}.hero__illustration-placeholder{width:100%;aspect-ratio:4 / 3;display:flex;align-items:center;justify-content:center}.hero__tv-frame{width:80%;aspect-ratio:16 / 10;background:#1a1a2e;border-radius:40%/50%;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 0 60px #e8475e14,inset 0 0 40px #0000004d}.hero__tv-screen{width:55%;aspect-ratio:1;border-radius:50%;background:linear-gradient(135deg,#5b6abf,#e8475e,#f2c85b,#5b6abf);opacity:.8}.hero__dots{display:flex;align-items:center;z-index:100}.hero__scroll-indicator{position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%);animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(8px)}}@media(max-width:767px){.hero{padding:calc(var(--header-height) + 1rem) var(--content-padding) 2rem;text-align:center;min-height:100vh}.hero__content{display:grid;grid-template-areas:"title" "tv" "dots" "subtitle" "scroll";gap:1.5rem;margin:auto 0;justify-items:center;justify-content:center;align-content:center;width:100%}.hero__text-container,.hero__text{display:contents}.hero__title{grid-area:title;align-items:center}.hero__illustration-wrapper{grid-area:tv;max-width:320px;width:100%}.hero__spotlight{display:none}.hero__dots{grid-area:dots}.hero__dots .nav-dots--vertical{flex-direction:row}.hero__dots .nav-dots__dot{width:25px;height:9px}.hero__subtitle{grid-area:subtitle}.hero__scroll-indicator{grid-area:scroll;position:static;transform:rotate(-90deg);animation:none}.hero__scroll-indicator svg{width:auto}}@media(min-width:768px)and (max-width:1023px){.hero{padding:calc(var(--header-height) + 1rem) var(--content-padding) 2rem}.hero__content{gap:2rem}.hero__dots,.hero__scroll-indicator{display:none}}.project-slide{min-height:100vh;display:flex;align-items:center;padding:var(--header-height) var(--content-padding) 2rem;position:relative;overflow:hidden}.project-slide:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--line-color, rgba(255, 255, 255, .2))}.project-slide__content{max-width:var(--max-content-width);margin:0 auto;width:100%;display:flex;align-items:center;gap:3rem;position:relative}.project-slide__info{flex:1;max-width:440px;display:flex;flex-direction:column;gap:1.25rem}.project-slide__title{font-family:var(--font-heading);font-size:4.5rem;font-weight:900;font-style:italic;line-height:1;letter-spacing:-.02em;word-spacing:-.02em}.project-slide__description{font-family:var(--font-body);font-size:.9375rem;color:var(--color-text-secondary);line-height:1.7;max-width:380px}.project-slide__cta{margin-top:.5rem}.project-slide__screenshot{margin-top:1rem;width:15rem;border-radius:8px;overflow:hidden}.project-slide__screenshot img{width:100%;height:auto}.project-slide__visual{flex:1;display:flex;align-items:center;justify-content:center}.project-slide__illustration{width:100%;max-width:480px}.project-slide__illustration img{width:100%;height:auto;object-fit:contain}.project-slide__dots{position:absolute;right:-1rem;top:50%;transform:translateY(-50%)}.project-slide__dots-mobile{display:none}.placeholder{width:100%;aspect-ratio:4 / 3;display:flex;align-items:center;justify-content:center;position:relative}.placeholder--midpath{flex-direction:column;justify-content:flex-end}.placeholder__sunset{width:70%;aspect-ratio:2 / 1;border-radius:999px 999px 0 0;position:relative;overflow:hidden}.placeholder__sunset-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.3),transparent)}.placeholder__silhouettes{width:60%;height:30%;background:#0009;clip-path:polygon(0% 100%,5% 40%,10% 30%,15% 20%,18% 25%,20% 0%,25% 15%,30% 30%,35% 20%,40% 10%,45% 25%,48% 15%,55% 5%,60% 20%,65% 30%,70% 15%,75% 25%,80% 10%,85% 20%,90% 35%,95% 30%,100% 100%);margin-top:-2px}.placeholder--sleepup{align-items:center}.placeholder__radio{width:70%;aspect-ratio:5 / 4;background:#1a2040;border-radius:12px;position:relative;display:flex;align-items:flex-start;padding:12%;gap:8%}.placeholder__radio-screen{flex:2;height:45%;background:linear-gradient(135deg,#2a1a4a,#4a2a6a);border-radius:8px}.placeholder__radio-knob{width:20%;aspect-ratio:1;border-radius:50%;border:3px solid;background:radial-gradient(circle,#4040a0,#2a2a6a)}.placeholder--havana{align-items:center}.placeholder__stage{width:70%;aspect-ratio:4 / 3;background:#0000004d;border-radius:20% 20% 5% 5%/15% 15% 5% 5%;position:relative;display:flex;overflow:hidden}.placeholder__curtain{width:20%;height:100%;background:#8b1a1a}.placeholder__curtain--left{border-radius:20% 0 0 5%/15% 0 0 5%}.placeholder__curtain--right{border-radius:0 20% 5% 0/0 15% 5% 0}.placeholder__curtain-window{flex:1;background:linear-gradient(to bottom,#c8a84833,#0006)}@media(max-width:767px){.project-slide{padding:calc(var(--header-height) + 1rem) var(--content-padding) 3rem;text-align:center;min-height:auto}.project-slide__content{flex-direction:column;gap:2rem}.project-slide__info{max-width:100%;align-items:center}.project-slide__title{font-size:2.75rem}.project-slide__description{font-size:.875rem}.project-slide__screenshot{width:140px}.project-slide__visual{max-width:280px}.project-slide__dots{display:none}.project-slide__dots-mobile{display:flex;justify-content:center;margin-top:1rem}}@media(min-width:768px)and (max-width:1023px){.project-slide__title{font-size:3.5rem}}.pp{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;overflow:hidden;z-index:1}.pp__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.pp__bg--fade-in{z-index:1;animation:ppBgFade .7s ease forwards}@keyframes ppBgFade{0%{opacity:0}to{opacity:1}}.pp__accent{position:absolute;left:0;top:0;bottom:0;width:6px;z-index:10}.pp__spotlight{position:absolute;z-index:2;width:50%;height:65%;top:31%;right:3%;background:radial-gradient(30% 22% at 40% 50%,#fff5c9 0%,transparent 82%);transform:rotate(20deg) scale(1.5);opacity:.9;pointer-events:none}.pp__layout{position:relative;z-index:5;margin:0 var(--content-margin);height:100%;display:flex;align-items:center;padding:var(--header-height) 0}.pp__info{flex:1;min-width:0;display:flex;flex-direction:column;align-self:stretch;padding-top:22vh;position:relative;z-index:2;overflow:visible}.pp__info--fade-out{animation:ppInfoOut .4s cubic-bezier(.4,0,1,1) forwards}@keyframes ppInfoOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-30px)}}.pp__info .hero__text{top:-3.75rem}.pp__project-info{display:flex;flex-direction:column;gap:2.25rem;flex:1}.pp__project-info>*{opacity:0;animation:ppChildIn .6s cubic-bezier(.16,1,.3,1) both}.pp__project-info>*:nth-child(1){animation-delay:.08s}.pp__project-info>*:nth-child(2){animation-delay:.16s}.pp__project-info>*:nth-child(3){animation-delay:.24s}.pp__project-info>*:nth-child(4){animation-delay:.32s}.pp__info .hero__title{opacity:0;animation:ppChildIn .6s cubic-bezier(.16,1,.3,1) both;animation-delay:.08s}.pp__info .hero__subtitle{opacity:0;animation:ppChildIn .6s cubic-bezier(.16,1,.3,1) both;animation-delay:.18s}@keyframes ppChildIn{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.pp__title{font-family:Fox Robin,serif;font-style:normal;font-size:7vw;font-weight:400;line-height:100%;letter-spacing:2%;word-spacing:-2.2rem;white-space:nowrap}.pp__desc{font-family:"Teachers",var(--font-body);font-weight:400;font-size:24px;line-height:100%;color:var(--color-text-primary)}.pp__cta{margin-top:auto}.pp__screenshot{margin-top:auto;width:14vw;border-radius:8px;overflow:hidden}.pp__screenshot img{width:100%;height:auto}.pp__project-info--havana-club .pp__screenshot{width:25vw}.pp__visual{flex:.84;position:relative;z-index:0;display:flex;align-items:center;justify-content:center;height:60vh}.pp__image{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.pp__image--exit-next{animation:ppImgExitUp 1s cubic-bezier(.76,0,.24,1) forwards}.pp__image--exit-prev{animation:ppImgExitDown 1s cubic-bezier(.76,0,.24,1) forwards}.pp__image--enter-next{animation:ppImgEnterUp 1s cubic-bezier(.76,0,.24,1) forwards}.pp__image--enter-prev{animation:ppImgEnterDown 1s cubic-bezier(.76,0,.24,1) forwards}@keyframes ppImgExitUp{0%{transform:translateY(0)}to{transform:translateY(-100vh)}}@keyframes ppImgEnterUp{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes ppImgExitDown{0%{transform:translateY(0)}to{transform:translateY(100vh)}}@keyframes ppImgEnterDown{0%{transform:translateY(-100vh)}to{transform:translateY(0)}}.pp__visual svg,.pp__illustration-svg svg{width:100%;max-width:35vw;height:auto}.pp__illustration-svg img{max-width:80%;height:auto;display:block}.pp__illustration-svg{display:flex;align-items:center;justify-content:center;width:100%;animation:ppIllFloat 4s ease-in-out infinite}.pp__tv-wrapper{width:100%;display:flex;align-items:center;justify-content:center;animation:ppIllFloat 5s ease-in-out infinite}@keyframes ppIllFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.pp__tv-wrapper svg{width:100%;max-width:30vw;height:auto}.pp__dots{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;display:flex;justify-content:flex-end;padding:0 var(--content-margin);z-index:20;pointer-events:none}.pp__dots .nav-dots{pointer-events:auto}.pp__dots-mobile{display:none}.pp__peek{position:absolute;bottom:0;left:0;right:0;height:14vh;z-index:6;opacity:.35;overflow:hidden;pointer-events:none;filter:grayscale(1) brightness(.7);mask-image:linear-gradient(to bottom,rgba(0,0,0,.7) 0%,transparent 90%);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.7) 0%,transparent 90%);animation:ppPeekIn .6s ease .15s both}.pp__peek--top{bottom:auto;top:0;mask-image:linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 90%);-webkit-mask-image:linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 90%)}.pp__peek--top .pp__peek-image{align-items:flex-end}.pp__peek--slide-next{animation:ppPeekSlideUp 1s cubic-bezier(.76,0,.24,1) forwards}.pp__peek--slide-prev{animation:ppPeekSlideDown 1s cubic-bezier(.76,0,.24,1) forwards}@keyframes ppPeekSlideUp{0%{transform:translateY(0)}to{transform:translateY(-100vh)}}@keyframes ppPeekSlideDown{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.pp__peek--crossfade{z-index:7;animation:ppPeekCrossfade .65s ease both}@keyframes ppPeekCrossfade{0%{opacity:0}to{opacity:.5}}.pp__peek-layout{margin:0 var(--content-margin);height:100%;display:flex}.pp__peek-spacer{flex:1}.pp__peek-image{flex:1.1;display:flex;align-items:flex-start;justify-content:center;transform:translate(6.42%)}.pp__peek-image svg,.pp__peek-image .pp__illustration-svg svg{width:100%;max-width:35vw;height:auto}.pp__peek-image .pp__illustration-svg{width:100%;display:flex;align-items:flex-start;justify-content:center}.pp__peek-image .pp__tv-wrapper svg{width:100%;max-width:30vw;height:auto}.pp__peek--transitioning{opacity:0!important;animation:none!important}@keyframes ppPeekIn{0%{opacity:0}to{opacity:.35}}.pp__scroll-hint{position:absolute;bottom:2.5rem;left:calc(var(--content-padding) + (100% - 2 * var(--content-padding)) / 3.68);transform:translate(-50%);z-index:15;animation:ppFloat 3s ease-in-out infinite}@keyframes ppFloat{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(8px)}}@media(max-width:767px){.pp__layout{flex-direction:column;gap:1.5rem;padding:calc(var(--header-height) + 1rem) var(--content-padding) 4rem;text-align:center;justify-content:center}.pp__spotlight{display:none}.pp__info{max-width:100%;width:100%;align-items:center;align-self:center;margin-top:0;order:2}.pp__visual{order:1;max-width:65vw;height:40vh;width:100%}.pp__title{font-size:2.75rem}.pp__desc{font-size:.875rem}.pp__screenshot{width:35vw;margin-left:auto;margin-right:auto}.pp__project-info--havana-club .pp__screenshot{width:50vw}.pp__dots{display:none}.pp__dots-mobile{display:flex;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:20}.pp__dots-mobile .nav-dots__dot{width:25px;height:9px}.pp__scroll-hint{display:none}.pp__peek{bottom:0;top:0;left:auto;right:0;width:20vw;height:100%;mask-image:linear-gradient(to right,rgba(0,0,0,.7) 0%,transparent 90%);-webkit-mask-image:linear-gradient(to right,rgba(0,0,0,.7) 0%,transparent 90%)}.pp__peek--top{right:auto;left:0;top:0;bottom:0;width:20vw;height:100%;mask-image:linear-gradient(to left,rgba(0,0,0,.7) 0%,transparent 90%);-webkit-mask-image:linear-gradient(to left,rgba(0,0,0,.7) 0%,transparent 90%)}.pp__peek-layout{gap:0;justify-content:center;flex-direction:column;height:100%}.pp__peek-spacer{display:none}.pp__peek-image{align-items:center;justify-content:flex-start;transform:none}.pp__peek--top .pp__peek-image{justify-content:flex-end;align-items:center}.pp__peek-image svg,.pp__peek-image .pp__illustration-svg svg{max-width:70vw}.pp__image--exit-next{animation-name:ppImgExitLeft}.pp__image--enter-next{animation-name:ppImgEnterLeft}.pp__image--exit-prev{animation-name:ppImgExitRight}.pp__image--enter-prev{animation-name:ppImgEnterRight}.pp__peek--slide-next{animation-name:ppPeekSlideLeft}.pp__peek--slide-prev{animation-name:ppPeekSlideRight}@keyframes ppPeekSlideLeft{0%{transform:translate(0)}to{transform:translate(-100vw)}}@keyframes ppPeekSlideRight{0%{transform:translate(0)}to{transform:translate(100vw)}}@keyframes ppImgExitLeft{0%{transform:translate(0)}to{transform:translate(-100vw)}}@keyframes ppImgEnterLeft{0%{transform:translate(100vw)}to{transform:translate(0)}}@keyframes ppImgExitRight{0%{transform:translate(0)}to{transform:translate(100vw)}}@keyframes ppImgEnterRight{0%{transform:translate(-100vw)}to{transform:translate(0)}}}@media(min-width:768px)and (max-width:1023px){.pp__layout{gap:2rem;padding:calc(var(--header-height) + 1rem) var(--content-padding) 2rem}.pp__title{font-size:3.5rem}.pp__dots{padding:0 var(--content-padding)}.pp__visual{height:50vh}.pp__spotlight{display:none}}.about{min-height:100vh;padding:calc(var(--header-height) + 2rem) var(--content-padding) 4rem;position:relative;overflow:hidden;background:var(--color-bg-primary);display:flex;flex-direction:column}.about__bg-photo{position:absolute;top:-30px;left:17%;width:68%}.about__header{text-align:center;margin-bottom:3rem;position:relative;z-index:1}.about__content{max-width:var(--max-content-width);margin:auto;display:flex;justify-content:space-between;gap:4rem;flex:1;width:100%}.about__column{position:relative;z-index:1;display:flex;flex-direction:column;margin-top:27vh}.about__column--left{text-align:left;gap:8.5rem}.about__column--left-down{padding-left:60px;text-align:left}.about__column--right{text-align:left;gap:6rem;padding-right:7rem}.about__column--right-down{font-family:"Teachers",var(--font-body);font-weight:400;font-size:24px;color:var(--color-text-primary);letter-spacing:-4%;padding-left:60px;line-height:30px;text-align:left}.about__paragraph{font-family:"Teachers",var(--font-body);font-weight:400;font-size:24px;color:var(--color-text-primary);line-height:100%;letter-spacing:-4%}.about__highlight{font-family:Fox Robin,serif;color:var(--color-accent-cool-blue);font-weight:400;font-size:24px;line-height:100%;letter-spacing:-4%}.about__highlight--pink{font-family:Fox Robin,serif;font-weight:400;font-size:24px;line-height:100%;letter-spacing:-4%;color:var(--color-accent-pink)}@media(max-width:767px){.about{padding:calc(var(--header-height) + 1rem) var(--content-padding) 3rem}.about__bg-photo{left:5%;width:90%}.about__content{flex-direction:column;gap:2rem}.about__column{margin-top:10vh}.about__column--left{gap:3rem}.about__column--left-down{padding-left:0}.about__column--right{gap:3rem;padding-right:0}.about__column--right-down{padding-left:0;font-size:18px;line-height:26px}.about__paragraph,.about__highlight,.about__highlight--pink{font-size:18px}}@media(min-width:768px)and (max-width:1023px){.about__content{gap:2rem}.about__column{margin-top:18vh}.about__column--left{gap:5rem}.about__column--right{padding-right:2rem;gap:4rem}.about__column--left-down{padding-left:20px}.about__column--right-down{padding-left:20px;font-size:20px}.about__paragraph,.about__highlight,.about__highlight--pink{font-size:20px}}.cs-wrapper{position:relative;min-height:100vh}.cs-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}.cs-fade-in{position:relative;z-index:1;animation:csFadeIn .8s cubic-bezier(.25,.1,.25,1)}@keyframes csFadeIn{0%{opacity:0}to{opacity:1}}.case-study{min-height:100vh;padding:calc(var(--header-height) + 3rem) var(--content-padding) 4rem;display:flex;flex-direction:column}.case-study__container{max-width:var(--max-content-width);margin:0 auto;width:100%;flex:1;display:flex;flex-direction:column}.case-study__header{margin-bottom:3rem}.case-study__title{font-family:var(--font-heading);font-size:4rem;font-weight:700;font-style:italic;line-height:1.1;margin-bottom:1rem}.case-study__description{font-family:var(--font-body);font-size:1.125rem;color:var(--color-text-secondary);line-height:1.7;max-width:600px}.case-study__placeholder{flex:1;display:flex;align-items:center;justify-content:center}.case-study__placeholder-border{border:2px dashed;border-radius:12px;padding:3rem 4rem;opacity:.5}.case-study__placeholder-text{font-family:var(--font-heading);font-size:1.25rem;font-style:italic;font-weight:600}@media(max-width:767px){.case-study{padding:calc(var(--header-height) + 2rem) var(--content-padding) 3rem}.case-study__title{font-size:2.5rem}.case-study__description{font-size:1rem}.case-study__placeholder-border{padding:2rem}}.app{min-height:100vh;display:flex;flex-direction:column;background-color:#fff}.app--about{background-color:var(--color-bg-primary)}.about-fallback{min-height:100vh}.about-fade-in{animation:aboutFadeIn .8s cubic-bezier(.25,.1,.25,1)}@keyframes aboutFadeIn{0%{opacity:0}to{opacity:1}}