*{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:City BQ;src:url(/assets/City%20BQ%20Bold-BBAt91Gy.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Clubhouse;src:url(/assets/Clubhouse%20Regular-Boty5RcG.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--primary-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--brand-font: "Clubhouse", Arial, sans-serif;--heading-font: "City BQ", Arial, sans-serif;--text-color: #E2DAF0;--white-color: #E2DAF0;--background-color: #0E0820;--accent-color: #CC2936;--accent-hover: #E03440;--link-color: #5196E8;--page-title-space: clamp(2.25rem, 4.5vw, 3.75rem)}body{font-family:var(--primary-font);line-height:1.6;color:var(--text-color);background-color:var(--background-color);overflow-x:hidden}body.landing-page{min-height:100svh;overflow:hidden;background:#020711}h1,h2,h3,h4,h5,h6{font-family:var(--heading-font);font-weight:700}.hero-header{position:relative;min-height:140px;background-size:cover;background-position:center;background-repeat:no-repeat;border-bottom:1px solid rgba(226,218,240,.1)}.studio-banner{min-height:0;border:0}.studio-banner .header-inner{max-width:none;min-height:0;padding:clamp(1.25rem,2.6vw,2.5rem) clamp(1.25rem,3.4vw,4rem);align-items:center}.hero-header.studio-banner h1,.hero-header.studio-banner .site-brand{font-family:var(--heading-font);font-size:clamp(1.8rem,4vw,2.4rem);font-weight:700;line-height:1.6;letter-spacing:.002em;text-shadow:0 2px 20px rgba(0,0,0,.45)}.studio-banner .brand-link{color:#e7efff}.studio-banner .header-nav{gap:clamp(1rem,2.5vw,2.4rem)}.studio-banner .nav-link{position:relative;font-family:var(--primary-font);font-size:.78rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;border:0;opacity:.78;transition:opacity .18s ease,color .18s ease}.studio-banner .nav-link:after{content:"";position:absolute;right:0;bottom:-.3rem;left:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .22s ease}.studio-banner .nav-link:hover,.studio-banner .nav-link:focus-visible,.studio-banner .nav-link.active{color:var(--white-color);opacity:1}.studio-banner .nav-link:hover:after,.studio-banner .nav-link:focus-visible:after,.studio-banner .nav-link.active:after{transform:scaleX(1);transform-origin:left}.landing-header{position:fixed;inset:0 0 auto;z-index:20;background:transparent}.landing-header:before{display:none}.hero-header:before{content:"";position:absolute;inset:0;background:linear-gradient(#0e08208c,#0e0820a6)}.header-inner{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:1.5rem 2rem;min-height:inherit;display:flex;align-items:flex-start;justify-content:space-between}.hero-header h1{font-size:clamp(1.8rem,4vw,2.4rem);color:var(--white-color);text-shadow:2px 2px 4px rgba(0,0,0,.7)}.brand-link{color:inherit;text-decoration:none}.header-nav{display:flex;gap:1.2rem;align-items:center}.nav-link{font-family:var(--brand-font);color:var(--white-color);text-decoration:none;font-size:1.2rem;border-bottom:1px solid transparent}.nav-link:hover,.nav-link.active{color:var(--accent-color);border-bottom-color:var(--accent-color)}.content{min-height:40vh}.smoke-stage{position:relative;isolation:isolate;min-height:100svh;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 48%,#092b5a,#031324 44%,#020711 78%),#020711}.smoke-canvas,.smoke-texture,.smoke-vignette{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.smoke-canvas{z-index:-3}.smoke-texture{z-index:-2;background-position:center;background-size:cover;opacity:.25;mix-blend-mode:soft-light;filter:saturate(1.35) contrast(1.08);transform:scale(1.06);animation:texture-breathe 14s ease-in-out infinite alternate}.smoke-vignette{z-index:-1;background:linear-gradient(180deg,rgba(1,5,12,.38) 0%,transparent 24%,transparent 68%,rgba(1,4,10,.62) 100%),radial-gradient(ellipse at center,transparent 32%,rgba(1,5,12,.7) 108%)}.landing-hero{width:min(92vw,1500px);margin-top:5vh;text-align:center;color:#e7efff}.landing-hero h2{display:flex;justify-content:center;gap:.2em;font-size:clamp(4.4rem,15vw,13.5rem);line-height:.72;letter-spacing:.008em;text-transform:uppercase;text-shadow:0 12px 70px rgba(0,0,0,.35)}.landing-hero h2 span:last-child{color:transparent;-webkit-text-stroke:clamp(1px,.12vw,2px) rgba(231,239,255,.72)}.landing-subtitle{margin-top:clamp(1.4rem,3.2vh,2.6rem);font-family:var(--brand-font);font-size:clamp(1rem,1.7vw,1.55rem);letter-spacing:.18em;text-transform:uppercase;opacity:.72}.work-link{display:inline-flex;align-items:center;gap:.85rem;margin-top:clamp(2.4rem,6vh,4.5rem);padding:.85rem 0;color:#e7efff;font-size:clamp(.72rem,.9vw,.86rem);font-weight:650;letter-spacing:.14em;text-decoration:none;text-transform:uppercase;border-bottom:1px solid rgba(231,239,255,.42);transition:gap .22s ease,border-color .22s ease}.work-link:hover,.work-link:focus-visible{gap:1.15rem;border-color:#e7efff}.landing-footer{position:fixed;right:0;bottom:0;left:0;z-index:20;padding:clamp(1.25rem,2.6vw,2.5rem) clamp(1.25rem,3.4vw,4rem);border:0;background:transparent;color:#e7efff8f}.landing-footer .footer-content{justify-content:space-between;font-family:var(--primary-font);font-size:.7rem;font-weight:550;letter-spacing:.16em;text-transform:uppercase}.landing-footer .footer-link{color:inherit;transition:color .18s ease}.landing-footer .footer-link:hover,.landing-footer .footer-link:focus-visible{color:#e7efff;text-decoration:none}@keyframes texture-breathe{0%{opacity:.2;transform:scale(1.06) translate3d(-.5%,-.4%,0)}to{opacity:.32;transform:scale(1.12) translate3d(.7%,.5%,0)}}.contact-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:2rem;text-align:center}.contact-page h2{font-size:clamp(2rem,6vw,3rem);color:var(--white-color);margin-bottom:2rem}.support-message{font-size:clamp(1.2rem,3.5vw,1.6rem);color:var(--white-color);margin-bottom:1rem}.support-email{font-size:clamp(1.3rem,4vw,2rem);color:var(--accent-color);text-decoration:none;font-weight:500}.support-email:hover{color:var(--accent-hover);text-decoration:underline}.contact-shell,.legal-shell{--background-color: #020711;--text-color: rgba(231, 239, 255, .72);--white-color: #e7efff;min-height:100svh;display:flex;flex-direction:column}.contact-shell{--text-color: #e7efff}.contact-shell .hero-header,.legal-shell .hero-header{background:#020711}.contact-shell .hero-header:before,.legal-shell .hero-header:before{display:none}.contact-shell .content,.legal-shell .content{flex:1;display:grid}.contact-shell .contact-page{min-height:0;padding:clamp(4rem,10vw,8rem) 2rem}.contact-shell .support-message{color:#e7efffb8}.contact-shell .support-email{color:#e7efff;padding-bottom:.35rem;border-bottom:1px solid rgba(231,239,255,.42)}.contact-shell .support-email:hover,.contact-shell .support-email:focus-visible{color:#e7efff;border-bottom-color:#e7efff;text-decoration:none}.legal-shell .contact-page{min-height:0;justify-content:flex-start;padding:calc(var(--page-title-space) - 1.5rem) 2rem clamp(4rem,8vw,7rem)}.legal-shell .legal-content h3,.legal-shell .legal-content strong{color:#e7efff}.legal-shell .legal-content a{color:#e7efff;border-bottom:1px solid rgba(231,239,255,.42)}.legal-shell .legal-content a:hover,.legal-shell .legal-content a:focus-visible{border-bottom-color:#e7efff;text-decoration:none}.projects-page{--background-color: #020711;--text-color: #e7efff;--white-color: #e7efff;min-height:100svh;background:#020711}.projects-page .studio-banner{background:#020711}.projects-page .studio-banner:before{display:none}.projects-content{width:min(100%,1440px);margin:0 auto;padding:calc(var(--page-title-space) - 1.5rem) clamp(1.25rem,3.4vw,4rem) clamp(5rem,10vw,9rem)}.projects-intro{max-width:70rem;margin-bottom:var(--page-title-space)}.projects-intro h1{font-size:clamp(3.8rem,10vw,8.5rem);line-height:.78;letter-spacing:.008em;text-transform:uppercase}.projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.25rem,2.4vw,2.5rem)}.project-card{min-width:0;overflow:hidden;border:1px solid rgba(231,239,255,.12);border-radius:clamp(1.2rem,2vw,2rem);background:#e7efff09}.project-card-link{display:block;height:100%;color:inherit;text-decoration:none}.project-card-link:focus-visible{outline:2px solid #e7efff;outline-offset:4px;border-radius:inherit}.project-visual{position:relative;min-height:clamp(22rem,42vw,38rem);overflow:hidden;border-bottom:1px solid rgba(231,239,255,.1)}.project-number{position:absolute;top:1.5rem;left:1.5rem;z-index:3;font-size:.7rem;font-weight:650;letter-spacing:.18em;opacity:.62}.project-visual--mirror{background:radial-gradient(circle at 54% 45%,rgba(81,150,232,.34),transparent 42%),linear-gradient(145deg,#18102e,#080716 72%)}.project-phone{position:absolute;top:10%;right:7%;width:min(66%,27rem);height:auto;border-radius:2rem;transform:rotate(5deg);box-shadow:0 24px 80px #0000007a;transition:transform .5s cubic-bezier(.2,.75,.2,1)}.project-icon{position:absolute;right:1.5rem;bottom:1.5rem;z-index:2;width:clamp(3.5rem,7vw,5.5rem);height:auto;border-radius:22%;box-shadow:0 12px 34px #00000075}.project-card-link:hover .project-phone{transform:rotate(3deg) translateY(-1.2%)}.project-visual--coming-soon{display:grid;place-items:center;isolation:isolate;background:radial-gradient(circle at 62% 38%,rgba(83,185,83,.3),transparent 33%),radial-gradient(circle at 28% 78%,rgba(31,112,64,.26),transparent 38%),linear-gradient(145deg,#0b2218,#03110b 72%)}.project-visual--coming-soon:before,.project-visual--coming-soon:after{content:"";position:absolute;width:62%;height:62%;border:1px solid rgba(182,226,161,.2);border-radius:50% 42% 54% 38%;transform:rotate(-18deg);transition:transform .7s cubic-bezier(.2,.75,.2,1),opacity .7s ease}.project-visual--coming-soon:after{width:42%;height:76%;transform:rotate(38deg);opacity:.65}.coming-soon-mark{position:relative;z-index:2;font-family:var(--heading-font);font-size:clamp(4rem,9vw,8rem);line-height:.88;letter-spacing:.008em;text-align:center;text-transform:uppercase;color:#d9f5c9;text-shadow:0 14px 50px rgba(0,0,0,.38);transition:transform .6s cubic-bezier(.2,.75,.2,1),letter-spacing .6s ease}@media (hover: hover) and (pointer: fine){.project-card--coming-soon:hover .coming-soon-mark{transform:translateY(-.3rem) scale(1.015);letter-spacing:.014em}.project-card--coming-soon:hover .project-visual--coming-soon:before{transform:rotate(-14deg) scale(1.035)}.project-card--coming-soon:hover .project-visual--coming-soon:after{transform:rotate(34deg) scale(.97);opacity:.82}}.project-copy{padding:clamp(1.5rem,3vw,2.5rem)}.project-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:clamp(1.8rem,3vw,2.8rem);font-size:.68rem;font-weight:650;letter-spacing:.16em;text-transform:uppercase}.project-status{color:#e7efff80}.project-status--available{color:#8ddcaf}.project-copy h2{max-width:13em;font-size:clamp(1.8rem,3.8vw,3.25rem);line-height:.98;letter-spacing:-.045em}.project-copy p{max-width:35rem;margin-top:1.2rem;color:#e7efff9e}.project-action{display:inline-flex;gap:.65rem;margin-top:2.2rem;padding-bottom:.35rem;font-size:.72rem;font-weight:650;letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid rgba(231,239,255,.42)}.legal-content{max-width:800px;margin:0 auto;text-align:left;width:100%}.legal-content h3{margin-top:2rem;margin-bottom:.8rem;font-size:1.8rem}.legal-content ul{padding-left:1.5rem;list-style-type:disc;margin-bottom:1rem}.legal-content li{margin-bottom:.5rem}.legal-content p{line-height:1.6;margin-bottom:1rem}.legal-content a{color:var(--link-color);text-decoration:none}.legal-content a:hover{text-decoration:underline}footer{background:#0e0820cc;border-top:1px solid rgba(226,218,240,.1);padding:2rem;text-align:center}.footer-content{font-family:var(--brand-font);display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}.footer-link{color:var(--link-color);text-decoration:none}.footer-link:hover{text-decoration:underline}.footer-divider{color:var(--text-color);opacity:.35}.studio-footer{background:#020711;border-top:1px solid rgba(231,239,255,.12);color:#e7efff8f}.studio-footer .footer-content{font-family:var(--primary-font);font-size:.7rem;font-weight:550;letter-spacing:.16em;text-transform:uppercase}.studio-footer .footer-link{color:inherit}.studio-footer .footer-link:hover,.studio-footer .footer-link:focus-visible{color:#e7efff;text-decoration:none}.studio-footer .footer-divider{color:inherit;opacity:.5}@media (max-width: 768px){.hero-header{min-height:120px}.header-inner{padding:1rem}.contact-page{min-height:50vh}footer{padding:1.5rem 1rem}.landing-header .header-inner{padding:1.25rem}.landing-hero{margin-top:-2vh}.landing-hero h2{flex-direction:column;align-items:flex-start;width:max-content;max-width:100%;margin-inline:auto;gap:.08em;font-size:clamp(5.1rem,25vw,8rem);line-height:.72;text-align:left}.work-link{margin-top:2.7rem}.landing-footer{padding:1.25rem}.landing-footer .footer-content{align-items:flex-end;gap:.75rem;font-size:.6rem}.projects-grid{grid-template-columns:1fr}.project-visual{min-height:min(125vw,34rem)}}@media (max-width: 480px){.studio-banner .header-inner{padding:1rem}.hero-header.studio-banner h1,.hero-header.studio-banner .site-brand{font-size:1.55rem;line-height:1.25}.studio-banner .header-nav{gap:.75rem}.studio-banner .nav-link{font-size:.72rem;letter-spacing:.12em}}@media (prefers-reduced-motion: reduce){.smoke-texture{animation:none}.landing-header *,.landing-hero *,.landing-footer *{scroll-behavior:auto!important;transition-duration:.01ms!important}.coming-soon-mark,.project-visual--coming-soon:before,.project-visual--coming-soon:after{transition:none}.project-card--coming-soon:hover .coming-soon-mark{transform:none}.project-card--coming-soon:hover .project-visual--coming-soon:before{transform:rotate(-18deg)}.project-card--coming-soon:hover .project-visual--coming-soon:after{transform:rotate(38deg);opacity:.65}}
