@import "https://fonts.googleapis.com/css2?family=Bodoni+Moda:wght@400;500;600;700&display=swap";:root{color:#fff;font-synthesis:none;background:#000;font-family:Bodoni Moda,Times New Roman,serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100dvh;margin:0;overflow:hidden}#app{background:#000;position:relative}#application{touch-action:none;outline:none;width:100%;height:100%;display:block}#overlays{z-index:10;pointer-events:none;position:fixed;inset:0;overflow:hidden}.overlay{color:#fff;opacity:0;visibility:hidden;pointer-events:none;display:flex;position:absolute;inset:0}.overlay-content{width:100%;max-width:1200px;margin:0 auto;padding:clamp(24px,7vw,100px)}.overlay-content.centered{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.overlay-content.left{flex-direction:column;justify-content:flex-end;align-items:flex-start;padding-bottom:clamp(65px,10vh,150px);display:flex}.overlay h1,.overlay h2,.overlay h3,.overlay p{margin:0}.overlay h1{font-size:clamp(28px,3.2vw,52px);font-weight:500;line-height:1.15}.overlay h2{letter-spacing:-.035em;font-size:clamp(32px,4.4vw,68px);font-weight:700;line-height:1.18}.overlay h3{font-size:clamp(26px,3vw,44px);font-weight:500}.overlay p{font-size:clamp(16px,1.4vw,22px);font-weight:500;line-height:1.5}.overlay-text p{max-width:570px;margin-top:20px}.overlay-text h2{max-width:1000px}.overlay-intro{justify-content:center;align-items:center}.overlay-intro .overlay-content{text-align:center;flex-direction:column;align-items:center;gap:22px;width:auto;max-width:90vw;margin:0;padding:0;display:flex;position:absolute;top:52%;left:75%;transform:translate(-50%,-50%)}.logo-intro{max-width:55vw;height:clamp(90px,15vh,180px)}.overlay-intro .subtitle{max-width:480px;font-size:clamp(16px,1.4vw,22px);font-weight:500;line-height:1.5}.overlay-contact{text-align:center;display:block;position:absolute;inset:0}.contact-heading{width:90%;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%)}.overlay-contact h2{font-size:clamp(30px,4vw,64px)}.overlay-contact .contact-subtitle{margin-top:12px;font-size:clamp(18px,2vw,30px);font-weight:500;line-height:1.5;transform:translate(8%)}.contact-brand{flex-direction:column;align-items:center;gap:16px;width:90%;display:flex;position:absolute;bottom:6%;left:50%;transform:translate(-50%)}.logo-contact{max-width:50vw;height:clamp(85px,14vh,160px);margin:0}.overlay-contact h3{font-size:clamp(26px,3vw,44px);font-weight:500}.contact-link{color:#fff;pointer-events:auto;cursor:pointer;font-size:clamp(18px,2vw,30px);font-weight:600;text-decoration:none;display:inline-block}.contact-link:hover{text-decoration:underline}#status{z-index:20;color:#fff;pointer-events:none;font:13px Arial,sans-serif;position:fixed;top:24px;left:24px}#performance{z-index:20;color:#fff;pointer-events:none;background:#000000b3;border-radius:8px;padding:12px 16px;font:12px/1.8 monospace;position:fixed;top:20px;right:20px}@media (width<=768px){.overlay-content{padding:26px}.overlay-content.left{padding-bottom:12vh}.overlay h2{font-size:clamp(30px,8vw,46px);line-height:1.2}.overlay-text p{max-width:100%;margin-top:16px;font-size:clamp(15px,3.8vw,18px);line-height:1.5}.overlay-intro .overlay-content{gap:16px}.logo-intro{height:120px}.logo-contact{height:105px;margin-top:50px}.overlay-contact .overlay-content{gap:14px}.overlay-contact h2{font-size:clamp(28px,7vw,42px)}#performance{display:none}}@media (height<=600px){.overlay-content.left{padding-bottom:35px}.overlay h2{font-size:clamp(25px,5vh,42px)}.overlay-text p{font-size:14px}}#floating-logo{object-fit:contain;z-index:15;opacity:0;visibility:hidden;pointer-events:none;width:auto;height:65px;position:absolute;top:32px;right:40px}#scroll-hint{color:#fff;letter-spacing:.2em;white-space:nowrap;pointer-events:none;z-index:20;flex-direction:column;align-items:center;gap:10px;font-family:Arial,sans-serif;font-size:11px;font-weight:500;display:flex;position:absolute;bottom:5%;left:50%;transform:translate(-50%)}.hint-arrow{letter-spacing:0;font-size:20px;font-weight:300;animation:2s ease-in-out infinite hint-bounce}.hint-mobile{display:none}@media (pointer:coarse){.hint-desktop{display:none}.hint-mobile{display:inline}}@keyframes hint-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){.hint-arrow{animation:none}}@media (width<=768px){#floating-logo{height:48px;top:24px;right:24px}}@media (width>=769px) and (orientation:landscape){.overlay-text .overlay-content.left{max-width:none;padding-left:6vw;padding-right:6vw}}