:root{--color-bg-dark: #141417;--color-bg-darker: #1b1c1e;--color-bg-light: #e5e3dc;--color-text-primary: #ffffff;--color-text-secondary: #777777;--color-text-dark: #141417;--color-text: #ffffff;--font-mono: "Suisse Int'l Mono", monospace;--color-accent: #f72f2f;--color-link: #6b6a68}.hero-page{position:relative;width:100%;min-height:100vh;background-color:#141417;color:#fff;overflow-x:hidden;padding-top:0;display:flex;flex-direction:column}.hero-availability-wrapper{position:absolute;top:60.08px;left:113.97px;z-index:10}.hero-availability-wrapper .status-label,.hero-availability-wrapper .status-time{color:#fff}.hero-availability-wrapper .status-time{color:#7d8484}.hero-content{margin:0 auto;width:1512px;max-width:85%;padding-top:16.25rem;position:relative;z-index:1}.hero-text-row{display:flex;align-items:flex-end;justify-content:space-between;gap:3rem;flex-wrap:wrap}.hero-reel{position:relative;width:min(300px,100%);aspect-ratio:16 / 9;background:#1b1c1e;border:1px solid #2c2d31;flex-shrink:0;display:flex;align-items:center;justify-content:center}.hero-reel-label{font-family:"Suisse Int'l Mono",monospace;font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:#4a4b50}.hero-reel-accent{position:absolute;top:10px;right:10px;width:10px;height:10px;background:#f72f2f}.hero-title{font-family:"Suisse Int'l",sans-serif;font-size:2.2rem;font-weight:700;text-transform:uppercase;line-height:1.114;margin:0;max-width:800px;color:#fff}.hero-title .pixel-font{font-family:Neue Pixel Round,sans-serif;font-weight:400}.hero-title .red-text{color:#f72f2f}.hero-subtitle{font-family:"Suisse Int'l",sans-serif;font-weight:500;font-size:1rem;color:#7d8484;text-transform:uppercase;line-height:1.4;max-width:300px;margin:0}.hero-subtitle .red-text{color:#f72f2f}.hero-image-container{width:100%;display:flex;justify-content:center;margin-top:auto;padding-top:50px;padding-bottom:0;overflow:hidden;position:relative;z-index:1}.hero-image{width:100%;height:auto;display:block}.scroll-progress{pointer-events:none}.scroll-progress b{color:#e5eaf4;font-weight:400}.home-projects-xp{position:relative;z-index:1;height:100vh;background-color:#141417}html:not(.js-enter) .home-projects-xp{display:none}@media (max-width: 900px){.hero-availability-wrapper{position:relative;top:120px;left:20px;margin-bottom:40px}.hero-content{padding-top:140px}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}}.header{position:fixed;top:0;left:0;right:0;padding:2rem 3rem;z-index:100;mix-blend-mode:difference;display:flex;justify-content:space-between;align-items:center;.header-logo{font-size:.875rem;font-weight:500;color:#fff;font-family:var(--font-mono);position:relative;cursor:pointer;transition:color .3s ease;text-decoration:none;display:inline-block}.header-logo p{margin:0}.header-logo:hover:after{width:100%}.header-logo:hover,.header-logo.active{color:#222220}.header-logo.active:after{width:100%}}.nav{display:flex;gap:1rem;font-size:.875rem;font-weight:500;color:#fff}.nav a{position:relative;cursor:pointer;color:var(--color-text);padding:.5rem 1rem;display:inline-block;z-index:1;text-decoration:none;font-family:var(--font-mono);font-size:.875rem;text-transform:uppercase;transition:color .3s ease}.nav-mosaic{position:absolute;top:50%;left:calc(1rem - 10px);width:calc(100% - 2rem);height:24px;transform:translateY(-50%);z-index:-1;pointer-events:none;display:grid;grid-template-columns:repeat(var(--cols),1fr);grid-template-rows:repeat(var(--rows),1fr);overflow:hidden;mix-blend-mode:none}.nav-tile{background-color:#f72f2f;box-shadow:0 0 0 .5px #f72f2f;opacity:0;mix-blend-mode:none!important}.nav a.active .nav-tile.is-on{opacity:1;transition:opacity .22s ease}.nav a:hover:not(.active) .nav-tile,.nav a.active:hover .nav-tile:not(.is-on){animation:nav-pop .06s linear both;animation-delay:calc((var(--o) + var(--s)) * 18ms)}.nav a:hover:not(.active) .nav-tile.is-white,.nav a.active:hover .nav-tile.is-white:not(.is-on){animation-name:nav-flash;animation-duration:.16s}.nav a.is-out:not(.active) .nav-tile,.nav a.active.is-out .nav-tile:not(.is-on){animation:nav-unpop .06s linear both;animation-delay:calc((var(--fmax) - (var(--o) + var(--s))) * 16ms)}.nav a.is-clicking .nav-tile,.nav a.is-exiting .nav-tile{animation:none;opacity:0;transition:opacity .2s ease}.nav a.is-clicking .nav-tile{transition-duration:.15s}@keyframes nav-pop{0%{opacity:0}0.01%{opacity:1}to{opacity:1}}@keyframes nav-flash{0%{opacity:0}0.01%{opacity:1;background-color:#e5eaf4;box-shadow:0 0 0 .5px #e5eaf4}50%{opacity:1;background-color:#e5eaf4;box-shadow:0 0 0 .5px #e5eaf4}50.01%{opacity:1;background-color:#f72f2f;box-shadow:0 0 0 .5px #f72f2f}to{opacity:1}}@keyframes nav-unpop{0%{opacity:1}99%{opacity:1}to{opacity:0}}.nav-menu-btn,.nav-menu-panel{display:none}@media (max-width: 768px){.nav{display:none}.nav-menu-btn{display:inline-flex;align-items:center;gap:10px;background:none;border:none;padding:4px;cursor:pointer;position:relative;z-index:2}.nav-menu-icon{position:relative;width:26px;height:26px;--p: 10px}.nav-menu-icon i{position:absolute;width:6px;height:6px;background-color:#f72f2f;mix-blend-mode:none;transition:transform .16s steps(3,end),opacity .12s steps(2,end)}.nav-menu-icon .nmi-a{top:0;left:0}.nav-menu-icon .nmi-b{top:0;left:var(--p);transition-delay:.08s}.nav-menu-icon .nmi-c{top:0;left:calc(var(--p) * 2)}.nav-menu-icon .nmi-d{top:var(--p);left:0;transition-delay:0s}.nav-menu-icon .nmi-e{top:var(--p);left:var(--p);width:calc(var(--p) + 6px);transition-delay:.16s}.nav-menu-icon .nmi-f{top:calc(var(--p) * 2);left:0;width:calc(var(--p) * 2 + 6px);transition-delay:.04s}.nav-menu-btn.is-open .nmi-d{transform:translateY(var(--p));animation:nmi-flash .16s steps(1) both;animation-delay:0s}.nav-menu-btn.is-open .nmi-b{transform:translate(var(--p),calc(var(--p) * 2));animation:nmi-flash .16s steps(1) both;animation-delay:.08s}.nav-menu-btn.is-open .nmi-e{transform-origin:left center;transform:scaleX(.375);animation:nmi-flash .16s steps(1) both;animation-delay:.16s}.nav-menu-btn.is-open .nmi-a{animation:nmi-flash .16s steps(1) both;animation-delay:.12s}.nav-menu-btn.is-open .nmi-f{opacity:0}@keyframes nmi-flash{0%{background-color:#f72f2f}0.01%{background-color:#e5eaf4}50%{background-color:#e5eaf4}50.01%{background-color:#f72f2f}to{background-color:#f72f2f}}.nav-menu-label{font-family:var(--font-mono);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:#fff}.nav-menu-panel{position:fixed;inset:0;z-index:90;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:.25rem;padding:0 clamp(1.5rem,8vw,3rem);background:transparent;visibility:hidden;transition:visibility 0s linear .36s}.nav-menu-panel.is-open{visibility:visible;transition:visibility 0s}.nav-menu-mosaic{position:absolute;inset:0;z-index:0;display:grid;grid-template-columns:repeat(var(--cols),1fr);grid-template-rows:repeat(var(--rows),1fr)}.nmm-tile{background-color:#141417;box-shadow:0 0 0 .5px #141417;opacity:0;transition:opacity .05s steps(1,jump-start);transition-delay:calc((var(--o) + var(--s)) * 18ms)}.nav-menu-panel.is-open .nmm-tile{animation:nmm-pop .05s linear both;animation-delay:calc((var(--o) + var(--s)) * 18ms)}.nav-menu-panel.is-open .nmm-tile.nmm-white{animation-name:nmm-flash;animation-duration:.14s}@keyframes nmm-pop{0%{opacity:0}0.01%{opacity:1}to{opacity:1}}@keyframes nmm-flash{0%{opacity:0}0.01%{opacity:1;background-color:#e5eaf4;box-shadow:0 0 0 .5px #e5eaf4}50%{opacity:1;background-color:#e5eaf4;box-shadow:0 0 0 .5px #e5eaf4}50.01%{opacity:1;background-color:#141417;box-shadow:0 0 0 .5px #141417}to{opacity:1}}.nav-menu-link{position:relative;z-index:1;font-family:var(--font-mono);font-size:clamp(2rem,11vw,3rem);text-transform:uppercase;letter-spacing:.02em;color:#e5eaf4;text-decoration:none;padding:.4rem 0;opacity:0;transform:translateY(14px);transition:opacity .3s ease,transform .3s ease}.nav-menu-panel.is-open .nav-menu-link{opacity:1;transform:translateY(0)}.nav-menu-panel.is-open .nav-menu-link:nth-child(1){transition-delay:.08s}.nav-menu-panel.is-open .nav-menu-link:nth-child(2){transition-delay:.15s}.nav-menu-panel.is-open .nav-menu-link:nth-child(3){transition-delay:.22s}.nav-menu-link.active{color:#f72f2f}}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.status-blink{animation:blink 1s infinite}.footer-section{background-color:#141417;padding:100px 0 50px;position:relative;color:#fff;display:flex;align-items:center;justify-content:center}.footer-container{width:85%;max-width:1512px;min-height:500px;position:relative;margin:0 auto;display:grid;grid-template-columns:1fr 1fr 1fr;min-height:fit-content;row-gap:100px}.footer-wth-container{position:relative;grid-column:1;grid-row:1;width:300px;height:157px;align-self:end}.wth-background{position:absolute;top:0;left:0;width:157px;height:157px;background-color:#f72f2f;z-index:0}.wth-title{position:absolute;top:44px;left:78.5px;transform:translate(-50%,-50%);font-family:"Suisse Int'l",sans-serif;font-weight:700;font-size:2.75rem;line-height:1.114;color:#fff;text-transform:uppercase;margin:0;z-index:1;mix-blend-mode:difference;white-space:nowrap}.wth-description{position:absolute;top:75px;left:65px;width:180px;font-family:PP Fraktion Mono,monospace;font-family:"Suisse Int'l Mono",monospace;font-weight:700;font-size:12px;line-height:1.414;color:#fff;text-align:justify;text-transform:uppercase;z-index:1;mix-blend-mode:difference;margin:0}@media (max-width: 900px){.wth-description{left:20px}}.availability-message{grid-column:2;grid-row:1;font-family:PP Fraktion Mono,monospace;font-family:"Suisse Int'l Mono",monospace;font-size:14px;color:#7d8484;text-transform:uppercase;max-width:313px;line-height:1.114;align-self:end}.availability-message p{margin:0}.availability-message .accent-text{color:#f72f2f}.whatsapp-link{color:#f72f2f;font-weight:700;text-decoration:underline;text-underline-position:from-font;cursor:pointer}.footer-socials{grid-column:2;grid-row:2;display:flex;gap:35px;align-self:end}.social-link{font-family:PP Fraktion Mono,monospace;font-family:"Suisse Int'l Mono",monospace;font-size:14px;color:#7d8484;text-transform:uppercase;text-decoration:underline;text-underline-position:from-font;cursor:pointer;transition:color .3s ease}.social-link:hover{color:#fff}.footer-status,.availability-time{grid-column:1;grid-row:2;display:flex;gap:14px;align-items:flex-start;align-self:end}.status-indicator{width:9.6px;height:9.2px;position:relative;display:flex;align-items:center;justify-content:center}.status-dot{display:flex}.status-text-group{display:flex;flex-direction:column;gap:4px}.status-label{font-family:PP Fraktion Mono,monospace;font-family:"Suisse Int'l Mono",monospace;font-size:12.75px;color:#fff;text-transform:uppercase;line-height:1.114;margin:0}.status-time{font-family:PP Fraktion Mono,monospace;font-family:"Suisse Int'l Mono",monospace;font-size:12.75px;color:#7d8484;text-transform:uppercase;line-height:1.114;margin:0}.footer-home-link{grid-column:3;grid-row:2;display:block;width:63px;height:40px;display:flex;align-items:center;justify-content:center;text-decoration:none;justify-self:end;align-self:end}.home-link-text{font-family:"Suisse Int'l",sans-serif;font-size:24px;font-weight:700;color:#fff}@media (max-width: 900px){.footer-section{height:auto;min-height:auto;padding:80px 0}.footer-container{height:auto;display:flex;flex-direction:column;gap:60px}.footer-wth-container,.footer-status,.availability-time,.footer-home-link{position:relative;inset:auto;width:100%;align-items:flex-start;text-align:left}.availability-message{margin-top:0;max-width:100%}.footer-socials{flex-wrap:wrap;gap:20px;margin-bottom:0;align-self:flex-start}.footer-status,.availability-time,.footer-home-link{margin-bottom:0;align-self:flex-start;justify-self:start}.footer-home-link{justify-content:flex-start}}