@font-face{font-family:Almarena Display;src:url(/fonts/AlmarenaDisplayRegular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Nanami Rounded;src:url(/fonts/Nanami-Rounded-Med.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body,#root{width:100%;min-height:100%;overflow-x:hidden}body{overflow-y:auto}.app{position:relative;width:100%;min-height:100%}.app__bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%}.app__bg canvas{display:block;width:100%;height:100%}.app__scroll-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:.5;pointer-events:none;background:linear-gradient(to bottom,transparent 0%,transparent 35%,rgba(28,18,48,.35) 50%,rgba(22,12,42,.7) 100%);opacity:calc(var(--scroll-progress, 0) * (1 - var(--night-mode, 0)));transition:opacity .15s ease-out}.hero{position:relative;z-index:1;width:100%;height:100vh;pointer-events:none}.hero>*{pointer-events:none}.menu{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;pointer-events:auto}.menu__logo-link{display:block;line-height:0}.menu__logo{height:3.5rem;width:auto;display:block;mix-blend-mode:lighten}.menu__nav{display:flex;align-items:center;gap:2rem}.menu__link{font-family:Almarena Display,serif;font-weight:400;font-size:1rem;letter-spacing:.12em;text-transform:uppercase;color:#fffaf5e6;text-decoration:none;transition:color .2s ease,opacity .2s ease}.menu__link:hover{color:#fffaf5}.menu__burger{display:none;flex-direction:column;justify-content:center;gap:3px;width:1.75rem;height:1.75rem;padding:0;border:none;background:transparent;cursor:pointer;color:#fffaf5f2;z-index:12}.menu__burger-line{display:block;width:100%;height:1.5px;background:currentColor;border-radius:1px;transition:transform .3s ease,opacity .3s ease}.menu--open .menu__burger-line:nth-child(1){transform:translateY(4.5px) rotate(45deg)}.menu--open .menu__burger-line:nth-child(2){opacity:0}.menu--open .menu__burger-line:nth-child(3){transform:translateY(-4.5px) rotate(-45deg)}.menu__dropdown{display:none}@media (max-width: 767px){.menu{flex-wrap:wrap}.menu__burger{display:flex}.menu__nav{display:none}.menu__dropdown{display:flex;flex-direction:column;align-items:flex-end;width:100%;max-height:0;overflow:hidden;background:transparent;transition:max-height .4s ease;order:99;text-align:right;margin-top:.75rem;padding-right:2rem;box-sizing:border-box}.menu__dropdown-link{font-family:Almarena Display,serif;font-weight:400;font-size:1.05rem;letter-spacing:.12em;text-transform:uppercase;color:#fffaf5e6;text-decoration:none;padding:1rem 0 1rem 2rem;transition:color .2s ease,background .2s ease;text-align:right;align-self:flex-end}.menu__dropdown-link:hover{color:#fffaf5;background:#ffffff0d}.menu--open .menu__dropdown{max-height:20rem}}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity 1.2s ease-out}.overlay--visible{opacity:1}.overlay__title{font-family:Nanami Rounded,sans-serif;font-weight:500;font-size:clamp(3.5rem,12vw,8rem);letter-spacing:0;color:#fffaf5f2;text-transform:lowercase;text-align:center;margin-bottom:.75rem}.overlay__tagline{font-family:Almarena Display,serif;font-weight:400;font-size:clamp(.8rem,2vw,1.1rem);letter-spacing:.2em;text-transform:uppercase;color:#fff8f0cc}.grain{position:absolute;top:0;right:0;bottom:0;left:0;height:100vh;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat}.about{position:relative;z-index:1;min-height:80vh;padding:clamp(4rem,10vh,8rem) 10%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow-x:hidden;background:linear-gradient(to bottom,rgba(18,10,40,calc(.82 * (1 - .88 * var(--scroll-progress, 0)))),rgba(13,8,32,calc(.88 * (1 - .88 * var(--scroll-progress, 0)))) 40%,rgba(8,6,24,calc(.92 * (1 - .88 * var(--scroll-progress, 0)))))}#about,#experiences,#partners,#contact{scroll-margin-top:5rem}.about__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;max-width:100%;margin:0 auto}.about__we-are{font-family:Almarena Display,serif;font-weight:400;font-size:clamp(4rem,20vw,14rem);letter-spacing:.02em;color:#fffaf5f2;line-height:1;margin-bottom:clamp(1rem,2vh,1.5rem)}.about__phrases{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;padding-bottom:clamp(3rem,8vh,5rem)}.about__phrases p.about__creative{font-family:Almarena Display,serif;font-weight:400;font-size:clamp(2rem,5.5vw,7rem);letter-spacing:.02em;color:#fff8f0e6;line-height:1;margin-bottom:clamp(1.5rem,4vh,2.5rem);width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);text-align:center;text-transform:uppercase;padding:0 6vw;box-sizing:border-box;display:block}.about__phrases p{font-family:Almarena Display,serif;font-weight:400;font-size:clamp(1rem,2.2vw,1.4rem);line-height:1.4;letter-spacing:.04em;color:#fff8f0d9;margin-bottom:.4rem;max-width:40rem;margin-left:auto;margin-right:auto}.about__phrases p:last-child{margin-bottom:0}.about__skills-grid{width:100%;max-width:56rem;margin-top:0;display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(1.25rem,3vw,2rem)}@media (min-width: 768px){.about__skills-grid{grid-template-columns:repeat(4,1fr)}}.skill-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483647;width:100vw;height:100vh;display:flex;flex-direction:column;box-sizing:border-box;pointer-events:none;opacity:0;transition:opacity .32s ease-out;isolation:isolate}.skill-modal:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-color:#000}.skill-modal--open{pointer-events:auto;opacity:1}.skill-modal--closing{opacity:0;pointer-events:none}.skill-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-color:#000;cursor:pointer}.skill-modal__content{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;min-height:0;min-width:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding:clamp(1.5rem,4vw,2.5rem);background-color:#000}.skill-modal__body{flex:1;min-height:0;min-width:min-content;overflow:visible;background-color:#000}.skill-modal__header{position:sticky;left:0;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:clamp(1rem,3vh,1.5rem);flex-shrink:0;background:#000;pointer-events:auto}.skill-modal__title{font-family:Almarena Display,serif;font-weight:400;font-size:clamp(1.25rem,3.5vw,2rem);letter-spacing:.2em;color:#fffaf5f2;margin:0;pointer-events:auto}.skill-modal__close{display:flex;flex-direction:column;justify-content:center;gap:3px;width:1.75rem;height:1.75rem;padding:0;border:none;background:transparent;cursor:pointer;color:#fffaf5f2;flex-shrink:0;pointer-events:auto;transition:opacity .2s ease}.skill-modal__close:hover{opacity:.85}.skill-modal__close .menu__burger-line:nth-child(1){transform:translateY(4.5px) rotate(45deg)}.skill-modal__close .menu__burger-line:nth-child(2){opacity:0}.skill-modal__close .menu__burger-line:nth-child(3){transform:translateY(-4.5px) rotate(-45deg)}.skill-modal__album{display:flex;flex-direction:row;gap:clamp(2rem,5vw,4rem);min-width:min-content;background-color:#000}.skill-modal__gallery,.skill-modal__videos,.skill-modal__music{min-width:min(85vw,26rem)}.skill-modal__section-title{font-family:Almarena Display,serif;font-weight:400;font-size:clamp(.9rem,2vw,1.1rem);letter-spacing:.2em;color:#fffaf5b3;margin-bottom:1rem}.skill-modal__media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}@media (min-width: 640px){.skill-modal__media-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1024px){.skill-modal__media-grid{grid-template-columns:repeat(5,1fr)}}.skill-modal__media-grid--videos{grid-template-columns:repeat(1,1fr)}@media (min-width: 640px){.skill-modal__media-grid--videos{grid-template-columns:repeat(2,1fr)}}.skill-modal__media-grid img,.skill-modal__media-grid video{width:100%;height:100%;object-fit:cover;display:block;vertical-align:middle}.skill-modal__placeholder{background:#fffaf50d;border:none;border-radius:0}.skill-modal__placeholder--square{aspect-ratio:1}.skill-modal__placeholder--rect{aspect-ratio:4 / 3}.skill-modal__placeholder--video{aspect-ratio:16 / 9}.skill-modal__placeholder--video-wide{grid-column:1 / -1;aspect-ratio:21 / 9}@media (min-width: 768px){.about__phrases p{white-space:nowrap}}@media (max-width: 767px){.about__phrases p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;overflow:hidden;margin-bottom:.85rem}}.about__title{font-family:Nanami Rounded,sans-serif;font-weight:500;font-size:clamp(3rem,12vw,7rem);letter-spacing:0;color:#fffaf5f2;text-transform:lowercase;margin-bottom:.75rem}.experiences{position:relative;z-index:1;min-height:80vh;padding:clamp(4rem,10vh,8rem) 10%;background:linear-gradient(to bottom,rgba(8,6,24,calc(.95 * (1 - .88 * var(--scroll-progress, 0)))),rgba(6,4,18,calc(.98 * (1 - .88 * var(--scroll-progress, 0)))))}.experiences__title{font-family:Almarena Display,serif;font-weight:400;font-size:clamp(2.5rem,10vw,5rem);letter-spacing:.2em;color:#fffaf5f2;text-align:center;margin-bottom:clamp(2.5rem,6vh,4rem)}.experiences__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(1.25rem,3vw,2rem);max-width:56rem;margin:0 auto}@media (min-width: 768px){.experiences__grid{grid-template-columns:repeat(4,1fr)}}.experience-card{aspect-ratio:1;cursor:pointer;perspective:1000px}.experience-card__inner{position:relative;width:100%;height:100%;transition:transform .6s ease;transform-style:preserve-3d}.experience-card--flipped .experience-card__inner{transform:rotateY(180deg)}.experience-card__front,.experience-card__back{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;border-radius:.5rem;display:flex;align-items:center;justify-content:center}.experience-card__front{background:#fffaf514;border:1px solid rgba(255,250,245,.15)}.experience-card__back{background:#0a0814e6;transform:rotateY(180deg);flex-direction:column;align-items:stretch;padding:0}.experience-card__back-content{flex:1;display:flex;align-items:center;justify-content:center;cursor:pointer;min-height:0}.experience-card__back-btn{position:absolute;top:.5rem;right:.5rem;width:2rem;height:2rem;border:none;background:#fffaf526;color:#fffaf5e6;font-size:1.25rem;line-height:1;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s ease;z-index:1}.experience-card__back-btn:hover{background:#fffaf540}.experience-card__label{font-family:Almarena Display,serif;font-weight:400;font-size:clamp(.85rem,2.2vw,1.1rem);letter-spacing:.2em;color:#fffaf5e6}.experience-card__photo{width:100%;height:100%;object-fit:cover;border-radius:.5rem}.experience-card__placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:#fffaf566;font-family:Almarena Display,serif;font-size:.9rem;letter-spacing:.1em}.experience-card__placeholder-num{font-size:1.5rem;opacity:.8}.experience-card__placeholder-hint{font-size:.7rem;opacity:.6}.partners{position:relative;z-index:1;min-height:50vh;padding:clamp(4rem,10vh,8rem) 10%;background:linear-gradient(to bottom,rgba(6,4,18,calc(.98 * (1 - .88 * var(--scroll-progress, 0)))),rgba(8,6,24,calc(.95 * (1 - .88 * var(--scroll-progress, 0)))))}.partners__title{font-family:Almarena Display,serif;font-weight:400;font-size:clamp(2.5rem,10vw,5rem);letter-spacing:.2em;color:#fffaf5f2;text-align:center;margin-bottom:clamp(2rem,5vh,3rem)}.partners__content{max-width:40rem;margin:0 auto;text-align:center}.partners__text{font-family:Almarena Display,serif;font-size:clamp(1rem,2vw,1.2rem);letter-spacing:.06em;color:#fff8f0cc;line-height:1.6}.contact{position:relative;z-index:1;min-height:70vh;padding:clamp(4rem,10vh,8rem) 10%;background:linear-gradient(to bottom,rgba(8,6,24,calc(.95 * (1 - .88 * var(--scroll-progress, 0)))),rgba(6,4,18,calc(.98 * (1 - .88 * var(--scroll-progress, 0)))))}.contact__title{font-family:Almarena Display,serif;font-weight:400;font-size:clamp(2.5rem,10vw,5rem);letter-spacing:.2em;color:#fffaf5f2;text-align:center;margin-bottom:clamp(2.5rem,6vh,4rem)}.contact__form{max-width:28rem;margin:0 auto;display:flex;flex-direction:column;gap:1.25rem}.contact__label{display:flex;flex-direction:column;gap:.35rem}.contact__label-text{font-family:Almarena Display,serif;font-size:.85rem;letter-spacing:.1em;color:#fff8f0d9}.contact__input{font-family:Almarena Display,serif;font-size:1rem;padding:.75rem 1rem;background:#fffaf50f;border:1px solid rgba(255,250,245,.2);border-radius:.25rem;color:#fffaf5f2;transition:border-color .2s ease}.contact__input::placeholder{color:#fff8f066}.contact__input:focus{outline:none;border-color:#fffaf566}.contact__textarea{resize:vertical;min-height:6rem}.contact__submit{font-family:Almarena Display,serif;font-size:.9rem;letter-spacing:.15em;text-transform:uppercase;color:#0a0612f2;background:#fffaf5e6;border:none;padding:1rem 2rem;cursor:pointer;border-radius:.25rem;margin-top:.5rem;transition:background .2s ease}.contact__submit:hover{background:#fffaf5}.contact__thanks{font-family:Almarena Display,serif;font-size:1.1rem;letter-spacing:.06em;color:#fff8f0e6;text-align:center;max-width:28rem;margin:0 auto}.contact__error{font-family:Almarena Display,serif;font-size:.9rem;color:#ffb4b4f2;margin:0}.footer{position:relative;z-index:1;padding:clamp(2rem,5vh,3rem) 10%;background:#060412fa;border-top:1px solid rgba(255,250,245,.08)}.footer__nav{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(1rem,3vw,2rem);max-width:56rem;margin:0 auto}.footer__link{font-family:Almarena Display,serif;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;color:#fffaf5bf;text-decoration:none;transition:color .2s ease;display:inline-flex;align-items:center;gap:.5rem}.footer__link:hover{color:#fffaf5}.footer__link:hover .footer__icon{opacity:1}.footer__icon-wrap{display:inline-flex;align-items:center;justify-content:center}.footer__icon{width:1.1rem;height:1.1rem;opacity:.85;transition:opacity .2s ease}.footer__icon-img{object-fit:contain;mix-blend-mode:lighten}