@import"https://fonts.googleapis.com/css2?family=Epilogue:ital,wght@0,400;0,500;0,600;1,500&family=Poppins:wght@400;500&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#000;color:#fff;overflow:hidden;height:100vh}#canvas-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1}canvas{display:block;width:100%;height:100%}.ui-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none}.controls{position:absolute;top:20px;left:20px;pointer-events:auto;display:flex;gap:8px}.control-btn{background:#0006;border:1px solid rgba(255,255,255,.15);color:#ffffffb3;padding:0;width:36px;height:36px;border-radius:50%;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:16px}.control-btn:hover{background:#ffffff26;color:#fff;border-color:#ffffff4d;transform:scale(1.1)}.control-btn svg{width:18px;height:18px;fill:currentColor}.control-btn.rotating svg{animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.music-btn-container{position:relative;display:flex;align-items:center}.next-song-btn{position:absolute;right:-28px;background:#0006;border:1px solid rgba(255,255,255,.15);color:#ffffffb3;padding:0;width:24px;height:24px;border-radius:50%;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;display:flex;align-items:center;justify-content:center;opacity:0;transform:translate(-5px);pointer-events:none;z-index:10}@media(min-width:768px){.music-btn-container{padding-right:12px}.next-song-btn{right:-16px;transform:translate(0);opacity:.6;pointer-events:auto}.music-btn-container:before{content:"";position:absolute;right:-16px;width:16px;height:100%;z-index:9;pointer-events:auto}.next-song-btn:hover{opacity:1!important;pointer-events:auto!important}.music-btn-container:hover .next-song-btn{opacity:1;transform:translate(0);pointer-events:auto}}.music-btn-container:hover .next-song-btn{opacity:1;transform:translate(0);pointer-events:auto}.next-song-btn:focus{opacity:1;pointer-events:auto}.next-song-btn:hover{background:#ffffff26;color:#fff;border-color:#ffffff4d;transform:translate(0) scale(1.1)}.next-song-btn svg{width:14px;height:14px;fill:currentColor}.info-panel{position:absolute;top:20px;right:20px;background:#000000b3;padding:20px;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);pointer-events:auto;max-width:300px}.info-panel h3{margin-bottom:10px;font-weight:400}.info-panel p{font-size:.9rem;opacity:.7;line-height:1.6}.name-text{position:fixed;top:50%;transform:translateY(-50%);font-size:5rem;font-weight:300;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,Helvetica,Arial,sans-serif;pointer-events:none;z-index:100;opacity:.95;transition:opacity 6s cubic-bezier(.4,0,.2,1);background:linear-gradient(180deg,#fff,#ffeb99 25%,gold 40%,#ffb347,#ff8c00,#ff6b00);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px rgba(255,200,50,.8)) drop-shadow(0 0 20px rgba(255,150,30,.6)) drop-shadow(0 0 35px rgba(255,100,0,.4))}.name-text.left{left:5%}.name-text.right{right:5%}.name-text.top{top:10%;left:50%;transform:translate(-50%) translateY(0)}.name-text.bottom{bottom:10%;top:auto;left:50%;transform:translate(-50%) translateY(0)}.name-text.studio-text{top:50%;left:50%;transform:translate(-50%) translateY(-50%);font-size:1.6rem;background:linear-gradient(180deg,#fff,#e6f7ff 25%,#99d9ff 40%,#4db8ff,#09f,#06c);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px rgba(150,220,255,.8)) drop-shadow(0 0 20px rgba(100,180,255,.6)) drop-shadow(0 0 35px rgba(0,140,255,.4))}.name-text.fade-out{opacity:0}.envelope-tile{position:fixed;bottom:30px;right:30px;min-width:60px;height:60px;padding:0;background:#007aff;border:1px solid #007aff;border-radius:10px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;pointer-events:auto;z-index:100;transition:all .3s ease;box-shadow:0 4px 20px #007aff4d;font-family:adobe-clean,Adobe Clean,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.envelope-tile:hover{background:#0051d5;border-color:#0051d5;transform:translateY(-2px);box-shadow:0 6px 25px #007aff66;padding:0 20px}.envelope-icon-container{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:12px;width:100%;height:100%;padding:0 16px}.envelope-icon{width:32px;height:32px;transition:transform .3s ease;display:block;flex-shrink:0}.envelope-tile:hover .envelope-icon{transform:scale(1.05)}.envelope-flap{transition:transform .3s ease;transform-origin:12px 6px}.envelope-tile:hover .envelope-flap{transform:rotate(-8deg)}.envelope-text{font-size:.75rem;font-weight:400;opacity:0;max-width:0;overflow:hidden;transition:opacity .3s ease,max-width .3s ease;white-space:nowrap;letter-spacing:.3px;font-family:adobe-clean,Adobe Clean,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.envelope-tile:hover .envelope-text{opacity:.9;max-width:100px}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#001;transition:opacity .5s ease}.loading-overlay--hidden{opacity:0;pointer-events:none}.loading-label{font-size:.875rem;letter-spacing:.08em;text-transform:uppercase;color:#fff9}.loading-bar{width:min(240px,60vw);height:2px;background:#ffffff1f;border-radius:2px;overflow:hidden}.loading-bar-fill{height:100%;width:0%;background:linear-gradient(90deg,gold,#ff8c00);transition:width .3s ease}@media(prefers-reduced-motion:reduce){.control-btn.rotating svg{animation:none}}:root{--site-bg: #000000;--site-fg: #f5f5f5;--site-muted: rgba(245, 245, 245, .55);--site-accent: #e8c56a;--site-font-display: "Epilogue", sans-serif;--site-font-body: "Poppins", sans-serif;--site-ease: cubic-bezier(.4, 0, .2, 1);--site-hover-ms: .28s}body.site-active{overflow:hidden}html.site-cursor-on,html.site-cursor-on *,body.site-cursor-on,body.site-cursor-on *{cursor:none!important}.site-cursor{position:fixed;top:0;left:0;z-index:10000;width:28px;height:28px;pointer-events:none;background:url(/cursor-star.svg) center / contain no-repeat;transform:translate3d(-100px,-100px,0) translate(-50%,-50%);will-change:transform}html.site-cursor-on img,body.site-cursor-on img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}@media(pointer:coarse){html.site-cursor-on,html.site-cursor-on *,body.site-cursor-on,body.site-cursor-on *{cursor:auto!important}.site-cursor{display:none!important}}.canvas-container--hidden,.ui-overlay--hidden{opacity:0;pointer-events:none;visibility:hidden}#canvas-container,.ui-overlay{transition:opacity .55s ease,visibility .55s ease}#site{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:var(--site-bg);color:var(--site-fg);font-family:var(--site-font-body);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;opacity:0;pointer-events:none;visibility:hidden;transition:opacity .55s ease,visibility .55s ease}#site.site--visible{opacity:1;pointer-events:auto;visibility:visible}.site-header{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1rem;min-height:96px;background:linear-gradient(to bottom,rgba(0,0,0,.28) 0%,rgba(0,0,0,.08) 55%,transparent 100%);pointer-events:none}.site-header>*{pointer-events:auto}@media(min-width:768px){.site-header{min-height:160px;padding:1.25rem 1.75rem;gap:1rem}}.site-brand,.site-nav-contact,.site-contact-link{display:inline-flex;align-items:center;text-decoration:none;line-height:0;outline:none;transition:transform var(--site-hover-ms) var(--site-ease),filter var(--site-hover-ms) var(--site-ease),opacity var(--site-hover-ms) var(--site-ease)}.site-brand:hover,.site-brand:focus-visible,.site-nav-contact:hover,.site-nav-contact:focus-visible,.site-contact-link:hover,.site-contact-link:focus-visible{transform:translateY(-2px);filter:brightness(1.08)}.site-brand:active,.site-nav-contact:active,.site-contact-link:active{transform:translateY(0) scale(.98);filter:brightness(1.02)}.site-brand:focus-visible,.site-nav-contact:focus-visible,.site-contact-link:focus-visible,.site-studio-link:focus-visible,.enter-site-btn:focus-visible{outline:1px solid rgba(255,255,255,.35);outline-offset:4px}.site-brand{min-width:0;flex:1 1 auto;max-width:calc(100% - 6.5rem)}.site-brand-img{display:block;height:clamp(64px,16vw,108px);width:auto;max-width:100%;object-fit:contain}@media(min-width:768px){.site-brand{max-width:min(85vw,840px)}.site-brand-img{height:144px}}.site-nav{display:flex;flex-shrink:0;gap:1.5rem;align-items:center}.site-nav-contact-img{display:block;height:28px;width:auto;max-width:110px;object-fit:contain}@media(min-width:768px){.site-nav-contact-img{height:48px;max-width:180px}}.site-main{padding-bottom:6rem}.site-section{padding:3rem 1.5rem}.site-home{display:flex;flex-direction:column;padding-top:0;padding-bottom:0}@media(min-width:768px){.site-home{min-height:100vh}}.site-hero-video-wrap{width:calc(100% + 3rem);margin:0 -1.5rem;overflow:hidden;background:#000;flex-shrink:0}.site-hero-video{display:block;width:100%;height:auto;object-fit:contain;object-position:center top;pointer-events:none}.site-home-bottom{padding-top:1.25rem}@media(min-width:768px){.site-home-bottom{margin-top:auto;padding-top:2rem}}.site-home-title{margin:0 0 2.5rem;line-height:0}.site-home-title-img{display:block;height:clamp(64px,14vw,120px);width:auto;max-width:min(92vw,720px);object-fit:contain}.site-marquee{border-top:1px solid rgba(255,255,255,.85);border-bottom:1px solid rgba(255,255,255,.85);overflow:hidden;padding:.65rem 0;margin:0 -1.5rem}.site-marquee-track{display:flex;width:max-content;animation:site-marquee 28s linear infinite;font-family:var(--site-font-display);font-weight:500;font-size:clamp(.95rem,2.5vw,1.15rem);letter-spacing:-.04em;white-space:nowrap}.site-marquee-track span{padding-right:.35rem}@keyframes site-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.site-marquee-track{animation:none}}.site-section-label{margin:0 0 1.75rem;line-height:0}.site-section-label-img{display:block;height:clamp(40px,8vw,64px);width:auto;max-width:min(70vw,320px);object-fit:contain}.site-work-categories{display:flex;flex-direction:column;gap:3.5rem}.site-work-subtitle{margin:0 0 1.25rem;line-height:0}.site-work-subtitle-img{display:block;height:clamp(32px,6.5vw,52px);width:auto;max-width:min(80vw,420px);object-fit:contain}.site-work-grid{display:grid;grid-template-columns:1fr;gap:.75rem}@media(min-width:640px){.site-work-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media(min-width:1024px){.site-work-grid{grid-template-columns:repeat(3,1fr)}}.site-work-item{margin:0;overflow:hidden;background:#111;aspect-ratio:3 / 4}.site-work-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--site-hover-ms) var(--site-ease),opacity var(--site-hover-ms) var(--site-ease);opacity:.92;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.site-work-item:hover img{transform:scale(1.03);opacity:1}.site-about-copy{max-width:36rem}.site-about-lead{font-family:var(--site-font-display);font-size:clamp(1.4rem,3.5vw,2rem);font-weight:500;letter-spacing:-.03em;line-height:1.25;margin-bottom:1.25rem}.site-about-copy p{color:var(--site-muted);line-height:1.65;font-size:.95rem}.site-contact{min-height:50vh;display:flex;flex-direction:column;justify-content:flex-end;gap:.75rem}.site-contact-link{width:fit-content}.site-contact-link-img{display:block;height:clamp(48px,10vw,88px);width:auto;max-width:min(90vw,420px);object-fit:contain}.site-studio-link{margin-top:2rem;font-family:var(--site-font-display);font-size:.75rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#ffffff73;background:none;border:none;padding:.85rem 0;min-height:44px;width:fit-content;outline:none;transition:color var(--site-hover-ms) var(--site-ease),opacity var(--site-hover-ms) var(--site-ease),transform var(--site-hover-ms) var(--site-ease)}.site-studio-link:hover,.site-studio-link:focus-visible{color:var(--site-accent);opacity:1;transform:translateY(-1px)}.site-studio-link:active{transform:translateY(0);opacity:.85}.site-footer{padding:2.5rem 1.5rem 3.5rem;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:.35rem}.site-footer-line{margin:0;font-family:var(--site-font-display);font-size:.7rem;font-weight:500;letter-spacing:.06em;color:#ffffff61;line-height:1.45}.enter-site-btn{position:fixed;bottom:28px;left:50%;transform:translate(-50%);z-index:120;pointer-events:auto;font-family:var(--site-font-display),-apple-system,sans-serif;font-size:.7rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:#ffffffbf;background:#00000059;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:.65rem 1.25rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);outline:none;transition:color var(--site-hover-ms) var(--site-ease),border-color var(--site-hover-ms) var(--site-ease),background var(--site-hover-ms) var(--site-ease),transform var(--site-hover-ms) var(--site-ease)}.enter-site-btn:hover,.enter-site-btn:focus-visible{color:#fff;border-color:#ffffff73;background:#0000008c;transform:translate(-50%) translateY(-2px)}.enter-site-btn:active{transform:translate(-50%) translateY(0) scale(.98)}body.site-active .enter-site-btn{opacity:0;pointer-events:none;visibility:hidden}@media(prefers-reduced-motion:reduce){.site-brand,.site-nav-contact,.site-contact-link,.site-studio-link,.enter-site-btn,.site-work-item img{transition-duration:.01ms}.site-brand:hover,.site-brand:focus-visible,.site-brand:active,.site-nav-contact:hover,.site-nav-contact:focus-visible,.site-nav-contact:active,.site-contact-link:hover,.site-contact-link:focus-visible,.site-contact-link:active,.site-studio-link:hover,.site-studio-link:focus-visible,.site-studio-link:active,.site-work-item:hover img{transform:none}.enter-site-btn:hover,.enter-site-btn:focus-visible,.enter-site-btn:active{transform:translate(-50%)}}