/* Immersive creative studio direction */
:root{--dark:#08090c;--paper:#f5f5f7;--muted:#a7adb9;--red:#a9baff}html{scroll-padding-top:100px}body{background:#08090c;color:#f5f5f7}body:not(.subpage) header{position:absolute;top:30px;left:3.5%;right:3.5%;width:auto;margin:0;padding:16px 23px;border-radius:48px;height:80px;background:#11151c50;border:1px solid #ffffff35;backdrop-filter:blur(24px);z-index:10}.wordmark{font-size:22px;letter-spacing:.4px}.wordmark small{font-size:9px}.nav-pill{background:#fff!important;color:#13151b!important;border:0!important;border-radius:30px;padding:13px 21px!important}.nav-pill span{margin-left:12px}.hero{margin:14px;min-height:850px;height:calc(100svh - 28px);max-height:1150px;border-radius:28px;padding:180px 5% 130px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden;border:1px solid #ffffff25}.hero>.eyebrow{position:relative;top:auto;left:auto;margin:0 0 24px;z-index:2;color:#e6eaf4;letter-spacing:2px;font-size:12px}.hero-copy{margin:0;width:100%;max-width:1100px;position:relative;z-index:2}.hero h1{font-size:clamp(65px,7.6vw,118px);line-height:1.06;letter-spacing:-5px;font-weight:500;margin:0}.hero h1 em{color:#e5eaff;font-style:normal}.hero p{max-width:620px;margin:28px auto;color:#edf0f7;font-size:18px;line-height:1.7}.hero .button{display:inline-flex;background:#f5f6fa;color:#111927;border-radius:30px;padding:15px 25px;border:1px solid white;gap:25px;font-size:15px;margin:0}.hero-contact{display:inline-block;margin-left:24px;font-size:15px;color:white;border-bottom:1px solid #ffffff60;padding-bottom:8px}.hero-media{inset:0!important;width:100%!important;height:100%!important;transform:translate(var(--mx,0px),var(--my,0px)) scale(1.04)!important;border:0!important;border-radius:0!important;box-shadow:none!important;z-index:0}.hero-media video{width:100%;height:100%;object-fit:cover;filter:saturate(.85) brightness(.75)}.hero-media:after{background:linear-gradient(180deg,#080b1840,#10132540 40%,#090b1490 80%,#08090cd9)}.media-caption{display:none}.scene-control{position:relative;left:auto;right:auto;bottom:auto;top:auto;margin:38px auto 0;z-index:2;display:flex;align-items:center;gap:16px;background:#11172480;border:1px solid #ffffff35;padding:10px 15px;border-radius:40px;backdrop-filter:blur(16px)}.control-label{font-size:10px;letter-spacing:1px}.scene-buttons{display:flex;gap:5px}.scene-buttons button{width:auto;height:auto;padding:10px 13px;border-radius:24px;font-size:12px}.scene-buttons button.selected{background:#f0f3ff;color:#151e30}.watch-hero{font-size:12px}.hero-bottom{position:absolute;left:4%;right:4%;bottom:28px;color:#c3c9d6}.hero-bottom span,.hero-bottom a,.hero-bottom button{font-size:11px}.ribbon{background:#08090c;color:#999fae;border:0;padding:27px 4%;font-size:13px;letter-spacing:2px}.section{padding-top:105px;padding-bottom:105px}.section-top{font-size:12px;letter-spacing:1.5px}.about{background:#08090c;color:#f5f5f7;text-align:center}.about .section-top{color:#a5adbd}.about h2{max-width:1100px;margin-left:auto;margin-right:auto;font-size:clamp(36px,4.5vw,65px);line-height:1.15;letter-spacing:-2.5px}.about h2 em{color:#98a8ce}.about-copy{max-width:860px;margin:35px auto 0;text-align:left;gap:35px}.about-copy p,.about-copy p:last-child{color:#aeb6c7;font-size:17px;line-height:1.8}.work{background:#101218;border-radius:28px;margin:0 14px}.work h2,.concept-intro h2{font-size:clamp(38px,4.6vw,68px);letter-spacing:-2.5px}.explorer{border-radius:24px;overflow:hidden}.film-visual{border-radius:15px}.concept-lab{background:#08090c;color:#f5f5f7}.concept-lab .section-top{color:#9da8c0;border-color:#ffffff20}.concept-intro h2 em{color:#97a8d0}.concept-intro p,.concept-card>p,.concept-caption span{color:#a8b1c3;font-size:16px}.concept-filters button{color:#c4ccdc;border-color:#ffffff30;font-size:14px}.concept-filters button[aria-pressed=true]{background:#e3eaff;color:#152033;border-color:#e3eaff}.concept-count{color:#9faac1}.concept-image{border-radius:22px}.concept-caption h3{color:white}.concept-grid{gap:48px 26px}.concept-invite{background:linear-gradient(120deg,#17233d,#111623);border:1px solid #ffffff22;border-radius:24px}.services{background:#eef0f5;border-radius:28px;margin:0 14px}.service-directory{gap:8px}.service-directory a{font-size:13px}#service-panel{border-radius:24px}.process{background:#08090c}.steps article{background:#11141c;border:1px solid #ffffff18;padding:28px;border-radius:20px}.steps{gap:16px}.studio,.trust{background:#10141d}.studio{border-radius:28px;margin:0 14px}.lab{background:#08090c}.recipe{border-radius:24px;background:linear-gradient(140deg,#202e4c,#111722)}.goal-buttons button{border-radius:28px}.advantage{background:#08090c}.advantage article{background:#11141c;border:1px solid #ffffff18;border-radius:22px}.project-types{background:#0e1118}.faq{background:#10141d;color:#f0f3fc}.faq .section-top{color:#a6b2ca;border-color:#ffffff25}.faq h2 em{color:#9badd3}.faq details{border-color:#ffffff25}.faq details p{color:#b1bace}.faq summary span{color:#cad6f5}.contact{margin:14px;border-radius:28px;background:#eef0f5}.floating-contact{background:#f1f4ff}.subpage{background:#08090c}.subpage header{background:#161b26;border-color:#ffffff25;border-radius:40px}.catalog-toolbar{background:#08090ce8}.page-intro h1 em{color:#a9baff}.catalog-card{border-radius:24px}.page-form{border-radius:24px}footer{background:#08090c}.film:hover .film-visual{outline:1px solid #a9baff}button:focus-visible,a:focus-visible{outline:2px solid #97b3ff;outline-offset:5px}@media(max-width:800px){.hero{min-height:780px;padding:155px 24px 120px}.hero h1{font-size:clamp(50px,8.7vw,75px);letter-spacing:-2.5px}.hero p{font-size:16px}.scene-control{gap:8px;flex-wrap:wrap;justify-content:center;max-width:430px;border-radius:22px}.control-label{display:none}.hero-bottom span{display:none}.hero-bottom{justify-content:space-between}.section{padding-top:75px;padding-bottom:75px}.about-copy{grid-template-columns:1fr}.concept-intro{grid-template-columns:1fr}.steps article{padding:24px}}@media(max-width:700px){body:not(.subpage) header{top:26px;left:7%;right:7%;height:65px;padding:12px 17px}.wordmark{font-size:18px}.wordmark small{font-size:8px}.hero{margin:9px;border-radius:22px;height:auto;min-height:790px;padding-left:18px;padding-right:18px}.hero h1{font-size:clamp(45px,10vw,68px);letter-spacing:-2px;line-height:1.08}.hero>.eyebrow{font-size:10px;letter-spacing:1px}.hero p br{display:none}.hero .button{font-size:14px;padding:14px 19px}.hero-contact{font-size:13px;margin-left:12px}.scene-control{margin-top:30px;padding:9px}.scene-buttons button{font-size:11px}.watch-hero{font-size:11px}.hero-bottom{bottom:23px}.hero-bottom a,.hero-bottom button{font-size:10px}.ribbon{font-size:10px;letter-spacing:.4px;gap:12px}.work,.services,.studio{margin:0 9px;border-radius:22px}.contact{margin:9px;border-radius:22px}.about h2{letter-spacing:-1.5px}.concept-caption span{font-size:12px}.concept-caption h3{font-size:28px}.section-top{font-size:10px}.floating-contact{bottom:16px;right:16px;padding:12px 18px}.subpage header .wordmark{font-size:18px}}
.wordmark .brand-x{display:inline-block;width:50px;height:36px;margin:0 5px;vertical-align:middle;transform:none;font-size:0;letter-spacing:0;background-image:url('/assets/winged-x-logo.png');background-repeat:no-repeat;background-size:168% auto;background-position:center 2%;filter:drop-shadow(0 0 1px #ffffff90)}
@media(max-width:700px){.wordmark .brand-x{width:39px;height:29px;margin:0 4px}}