/* Vynex / the glass experience. Local Tailwind utilities load before this layer. */
:root{--accent:#ffc500;--violet:#b69aff;--night:#100d19;--cream:#f2f1ed;--ink:#f4f2fa;--muted:#a5a1b1;--ease:cubic-bezier(.22,.68,0,1.01)}html{scroll-padding-top:105px}body{background:var(--night);overflow-x:clip}body:has(dialog[open]){overflow:hidden}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.wrap,.dark-wrap{max-width:1200px;width:calc(100% - 80px)}h2{font-size:clamp(29px,3.1vw,39px);line-height:1.25;letter-spacing:-1.4px}h2 em{font-family:Georgia,serif;font-weight:400;font-style:italic;color:inherit}.btn{border-radius:99px;font-size:11px;gap:22px;transition:transform .35s var(--ease),background .3s,box-shadow .3s}.btn:hover{transform:translateY(-3px);box-shadow:0 12px 32px #ffc50030}.btn .icon{transition:transform .3s}.btn:hover .icon{transform:translate(3px,-3px)}.glass-panel{border:1px solid #ffffff24;background:linear-gradient(135deg,#ffffff0c,#ffffff03);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:inset 0 1px 0 #ffffff10,0 18px 40px #07041115}.utility-bar{height:32px;background:#09070d;color:#9993a5;font-size:9px;letter-spacing:.25px}.utility-bar>.wrap{display:flex;align-items:center;justify-content:space-between;height:100%}.utility-bar span,.utility-bar a{display:flex;align-items:center;gap:8px}.utility-bar .icon{width:12px;height:12px;color:#cabfd9}.site-header{position:sticky;top:0;z-index:40;background:#171020c9;border-color:#ffffff12;backdrop-filter:blur(26px)}.site-header.scrolled{background:#120c1bec;box-shadow:0 10px 35px #0002}.header-inner{height:82px;gap:25px}.header-cta{margin-left:auto}.desktop-nav{gap:29px}.nav-link,.expertise-dropdown summary{font-size:11px;font-weight:600;color:#dad2e4;white-space:nowrap}.nav-link{position:relative}.nav-link:after{content:'';height:1px;position:absolute;bottom:-7px;left:0;width:0;background:var(--accent);transition:width .35s}.nav-link:hover:after{width:100%}.menu-toggle{display:grid!important;place-items:center;flex:none;width:38px;height:38px;border:1px solid #ffffff30;border-radius:50%;padding:9px;background:#ffffff04;transition:background .3s,transform .3s}.menu-toggle:hover{background:#b69aff22;transform:rotate(5deg)}.menu-toggle .icon{width:18px;height:18px}.expertise-dropdown{position:relative}.expertise-dropdown summary{cursor:pointer;list-style:none;display:flex;gap:8px;align-items:center}.expertise-dropdown summary::-webkit-details-marker{display:none}.expertise-dropdown summary span{color:var(--accent);font-size:15px}.expertise-dropdown>div{position:absolute;top:37px;left:-65px;min-width:310px;padding:12px;background:#1b1326f5;backdrop-filter:blur(30px);border:1px solid #ffffff24;border-radius:15px;box-shadow:0 25px 60px #0005}.expertise-dropdown>div a{display:flex;align-items:center;gap:14px;padding:15px 10px;font-size:11px;border-radius:8px}.expertise-dropdown>div a:hover{background:#ffffff0a;color:var(--accent)}.expertise-dropdown>div .icon{width:19px;height:19px}.expertise-dropdown>div .icon:last-child{margin-left:auto;width:14px}.navigation-drawer{position:fixed;inset:0 0 0 auto;margin:0;width:390px;max-width:92%;height:100dvh;max-height:none;padding:30px;background:#171020f2;backdrop-filter:blur(30px);color:#fff;border:0;border-left:1px solid #ffffff20;overflow-y:auto}.navigation-drawer::backdrop{background:#07040d99;backdrop-filter:blur(7px)}.navigation-drawer[open]{animation:drawerIn .4s var(--ease)}.drawer-head{display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:1.8px}.drawer-head button{border:1px solid #ffffff25;border-radius:50%;padding:8px;background:transparent}.drawer-head .icon{width:18px;height:18px}.drawer-eyebrow{font-family:Georgia,serif;font-style:italic;font-size:25px;line-height:1.4;color:#c7b4da;margin:45px 0 28px}.navigation-drawer nav{display:grid;gap:0}.navigation-drawer nav a{font-size:22px;padding:12px 0;border-bottom:1px solid #ffffff12}.drawer-services{display:grid;gap:14px;margin:28px 0;font-size:11px;color:#a89ab8}.drawer-services a{display:flex;justify-content:space-between}.drawer-services .icon{width:13px;height:13px}.drawer-location{font-size:10px;color:#9481a4;margin-top:28px}.app-welcome,.app-shortcuts,.app-tabbar,.mobile-swipe-hint{display:none}
/* Photo-led carousel: three art directions within the same restrained composition. */
.experience-hero{position:relative;height:590px;overflow:hidden;background:#171020}.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1s ease,visibility 1s}.hero-slide.is-active{opacity:1;visibility:visible}.slide-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 56%;transform:scale(1.02);filter:saturate(.62);transition:transform 7s linear}.hero-slide.is-active .slide-photo{transform:scale(1.085)}.slide-shade{position:absolute;inset:0;background:linear-gradient(90deg,#110c1fe0 0%,#110c1f55 58%,#110c1f33),linear-gradient(0deg,#0f0918bb,transparent 30%)}.hero-slide:nth-child(2) .slide-shade{background:linear-gradient(90deg,#111722e8,#11172255 60%,#1117220a),linear-gradient(0deg,#101522cc,transparent 35%)}.hero-slide:nth-child(3) .slide-shade{background:linear-gradient(90deg,#18251de8,#18251d55 65%,#18251d11),linear-gradient(0deg,#0c181acc,transparent 35%)}.slide-layout{height:100%;display:flex;align-items:center;justify-content:space-between;position:relative;padding-bottom:46px;gap:60px}.slide-copy{padding:34px 35px 28px;width:520px;max-width:60%;border-radius:18px;background:linear-gradient(135deg,#ffffff09,#ffffff02);backdrop-filter:blur(12px)}.hero-kicker{font-size:8px;letter-spacing:1.45px;color:#d0c3df;gap:9px}.live-dot{flex:none;animation:signalPulse 2.5s infinite}.slide-copy h1,.slide-copy h2{font-size:clamp(36px,3.65vw,49px);line-height:1.18;letter-spacing:-1.9px;font-weight:600;margin:23px 0 18px}.slide-copy h1 em,.slide-copy h2 em{font-family:Georgia,serif;font-style:italic;color:#f8d977;font-weight:400;letter-spacing:-1.7px}.slide-summary{font-size:12px;line-height:1.85;color:#c0b6cb;max-width:370px}.hero-actions{display:flex;align-items:center;gap:24px;margin:25px 0 20px}.hero-work-link{display:flex;align-items:center;gap:8px;font-size:10px;color:#e0d7ec}.hero-work-link .icon{width:14px;height:14px;transition:transform .3s}.hero-work-link:hover .icon{transform:translate(3px,-3px)}.slide-location{display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:.3px;color:#a99bb9}.slide-location .icon{width:12px;height:12px;color:#f8d977}.hero-floating-card{align-self:flex-end;margin-bottom:88px;width:240px;padding:23px;border-radius:16px;transform:rotate(4deg);animation:floatCard 7s ease-in-out infinite}.floating-symbol{display:block;font-size:47px;line-height:1;color:#f1db90;margin-bottom:20px;animation:turn 30s linear infinite;width:45px}.hero-floating-card p{font-size:7px;letter-spacing:1px;color:#c8b6d7;margin-bottom:10px}.hero-floating-card strong{font-size:18px;font-weight:500;letter-spacing:-.6px;line-height:1.4}.floating-card-lines{display:flex;gap:4px;margin-top:22px}.floating-card-lines span{height:3px;width:33px;border-radius:5px;background:#ffffff20}.floating-card-lines span:first-child{background:#f1db90;width:52px}.hero-tech-orbit{position:absolute;right:8%;top:20%;width:290px;height:290px;border:1px solid #ffffff15;border-radius:50%;pointer-events:none;animation:turn 40s linear infinite}.hero-tech-orbit:before{content:'';position:absolute;inset:24px;border:1px dashed #ffffff17;border-radius:50%}.hero-tech-orbit span{position:absolute;top:-8px;left:46%;font-size:13px;color:#c8bad4}.hero-tech-orbit span:nth-child(2){top:65%;left:96%;font-size:18px;color:#f8d977}.hero-tech-orbit span:nth-child(3){top:70%;left:0}.slider-bottom{position:absolute;left:0;right:0;bottom:24px;display:flex;align-items:center;justify-content:space-between;z-index:5}.slider-position{display:flex;align-items:center;gap:14px;font-size:9px;letter-spacing:1px;color:#b8accc}.slider-position>span:first-child{color:#fff}.slide-bar{display:block;width:140px;height:1px;background:#ffffff30;overflow:hidden}.slide-bar i{display:block;width:100%;height:100%;background:#ffdc76;transform:scaleX(0);transform-origin:left}.slider-dots{display:flex;gap:8px}.slider-dots button{width:28px;height:24px;padding:9px 3px;display:flex;align-items:center;justify-content:center}.slider-dots button span{display:block;width:5px;height:5px;border-radius:9px;background:#ffffff65;transition:width .3s,background .3s}.slider-dots button[aria-current=true] span{width:21px;background:#ffdc76}.slider-buttons{display:flex;gap:8px}.slider-buttons button{display:grid;place-items:center;width:32px;height:32px;border:1px solid #ffffff30;border-radius:50%;background:#ffffff08;backdrop-filter:blur(10px);transition:background .3s}.slider-buttons button:hover{background:#ffffff25}.slider-buttons .icon{height:13px;width:13px}.dark-ticker{background:#100c18;border-color:#ffffff12}.dark-ticker .marquee-track{padding:20px 0;gap:32px}.dark-ticker .marquee-track span{font-size:9px;letter-spacing:1.5px;color:#b9a8ca}.dark-ticker .marquee-track b{color:#bc9dd6}
/* Three equal square, interactive design previews. */
.light-section{color:#29252f;background:var(--cream);--line:#29252f22;--muted:#77717d}.light-section .eyebrow{color:#77717d}.light-section .eyebrow:before{background:#836c93;box-shadow:none}.light-section .serif{color:#796285}.work-section{padding:75px 0 65px}.work-top{margin-bottom:34px}.work-top h2{margin-top:13px;font-size:36px}.work-top p{color:#77717d;font-size:11px;line-height:1.85;max-width:270px}.equal-projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}.equal-projects .project-card{color:white;margin:0!important;grid-column:auto!important;perspective:900px;isolation:isolate}.square-project .project-image{height:auto!important;aspect-ratio:1/1!important;min-height:0;padding:60px 22px 76px!important;border-radius:14px;border:1px solid #ffffff15;transform:translateY(0);transition:transform .5s var(--ease),box-shadow .5s}.square-project:hover .project-image{box-shadow:0 18px 35px #24152633;transform:translateY(-7px)}.square-project .project-image.p-corporate{background:radial-gradient(ellipse at 35% 30%,#867067,#40363d 80%)}.square-project .project-image.p-hospitality{background:radial-gradient(ellipse at 35% 30%,#5c7c72,#1d4144 80%)}.square-project .project-image.p-retail{background:radial-gradient(ellipse at 35% 30%,#984857,#441e36 80%)}.square-project .project-screen,.square-project .p-retail .project-screen{width:100%;max-width:none;transform:rotate(-7deg);transition:transform .7s var(--ease)}.square-project .p-hospitality .project-screen{transform:rotate(7deg)}.square-project:hover .project-screen{transform:rotate(0) scale(1.07)}.square-project .project-web-canvas,.square-project .p-hospitality .project-web-canvas,.square-project .p-retail .project-web-canvas{height:175px!important}.square-project .project-web-overlay,.square-project .p-retail .project-web-overlay{padding:14px}.square-project .project-web-canvas h4,.square-project .p-hospitality .project-web-canvas h4{font-size:23px;margin-top:33px}.square-project .p-retail .project-web-canvas h4{font-size:23px;margin-top:32px}.square-project .project-web-nav>span{font-size:5px}.square-project .project-mini-footer{padding:10px 14px;font-size:5px}.square-project .mini-browser-top span{font-size:5px}.square-project-top{position:absolute;top:22px;left:21px;font-size:7px;letter-spacing:1px;color:#e5d9de}.square-project-caption{position:absolute;left:0;right:0;bottom:0;padding:18px 20px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,#08071350,#ffffff06);border-top:1px solid #ffffff15;backdrop-filter:blur(18px);z-index:3}.square-project-caption h3{font-size:15px;letter-spacing:-.3px;font-weight:600}.square-project-caption p{font-size:8px;color:#c7b6c5;margin-top:3px}.square-project-caption>span{display:grid;place-items:center;height:31px;width:31px;background:#ffffff11;border:1px solid #ffffff30;border-radius:50%;transition:background .3s,transform .3s}.square-project-caption .icon{width:15px;height:15px}.square-project:hover .square-project-caption>span{background:#ffdc76;color:#201527;transform:rotate(4deg)}.project-count-note{border-color:#29252f20;color:#77717d;margin-top:25px;padding-top:20px;font-size:9px}.light-section .text-link{color:#39313e;border-color:#8e8291;font-size:10px}.light-section .text-link:hover{color:#846897}.client-section{background:#ecebe6;color:#2c2634;padding:45px 0 60px;border-top:1px solid #26212e12}.client-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:28px}.client-heading .eyebrow{color:#79717f}.client-heading h2{font-size:26px;margin-top:12px;letter-spacing:-.7px}.client-heading>p{font-size:10px;color:#706776;line-height:1.8}.client-heading>p span{font-size:9px;color:#8f8694}.client-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px}.client-slot{height:118px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #3b294417;border-radius:12px;background:linear-gradient(135deg,#fff9,#fff2);backdrop-filter:blur(15px);transition:transform .4s,border-color .4s}.client-slot:hover{transform:translateY(-5px);border-color:#a390b077}.client-monogram{font-size:26px;color:#776682;margin-bottom:8px}.client-slot>span:nth-child(2){font-size:9px;letter-spacing:1.5px;color:#796e80}.client-slot small{font-size:6px;letter-spacing:1px;color:#a396ac;margin-top:4px}
/* Connected expertise, softly lit glass tiles. */
.glass-services{background:radial-gradient(ellipse at 12% 70%,#46216655,transparent 46%),radial-gradient(ellipse at 97% 0,#29404855,transparent 45%),#14101d;padding:80px 0;position:relative}.capabilities-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}.capabilities-heading h2{margin-top:13px}.capabilities-heading h2 em{color:#c3a4db}.capabilities-heading>p{font-size:11px;color:#aaa0b5;line-height:1.9}.glass-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.glass-service-card{padding:25px;border:1px solid #ffffff18;border-radius:15px;background:linear-gradient(130deg,#ffffff09,#ffffff02);backdrop-filter:blur(15px);position:relative;overflow:hidden;transition:transform .45s var(--ease),border-color .4s,box-shadow .4s;isolation:isolate}.glass-service-card:before{content:'';position:absolute;width:190px;height:190px;background:#b18ce233;filter:blur(55px);top:var(--pointer-y,80px);left:var(--pointer-x,60px);transform:translate(-50%,-50%);opacity:0;transition:opacity .5s;z-index:-1;pointer-events:none}.glass-service-card:hover:before{opacity:1}.glass-service-card:hover{transform:translateY(-6px);border-color:#bca3d45f;box-shadow:0 20px 35px #08051330}.service-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.service-card-top>span{height:43px;width:43px;border-radius:12px;background:#baa0d015;border:1px solid #baa0d023;display:grid;place-items:center;color:#c3a4db;transition:transform .4s,background .4s}.service-card-top .icon{width:22px;height:22px}.service-card-top small{font-size:9px;color:#756781;letter-spacing:1px}.glass-service-card h3{font-size:18px;letter-spacing:-.4px;font-weight:600;margin-bottom:11px}.glass-service-card p{font-size:10px;line-height:1.8;color:#a091ac;max-width:280px;min-height:54px}.service-discover{display:flex;align-items:center;gap:12px;font-size:8px;color:#cfbddc;margin-top:22px}.service-discover .icon{height:14px;width:14px;transition:transform .3s}.glass-service-card:hover .service-discover .icon{transform:translate(5px,-3px)}.glass-service-card:hover .service-card-top>span{transform:rotate(-7deg);background:#baa0d025}.service-photo-card{position:relative;min-height:260px;border-radius:15px;overflow:hidden;isolation:isolate}.service-photo-card>img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;filter:saturate(.55) brightness(.5);transition:transform .8s}.service-photo-card:hover>img{transform:scale(1.07)}.service-photo-card>div{position:absolute;inset:0;padding:27px;background:linear-gradient(0deg,#180b2666,transparent);display:flex;flex-direction:column;justify-content:space-between}.service-photo-card span{font-size:7px;letter-spacing:1.5px;color:#d8c8df}.service-photo-card p{font-family:Georgia,serif;font-style:italic;font-size:29px;line-height:1.2;color:#eee4ef}.studio-section{padding:75px 0 55px}.light-section .studio-heading .studio-text,.light-section .studio-values p{color:#77717d}.light-section .studio-values h3{color:#39303f}.studio-values>div{border-color:#9a80a8}.studio-banner{border-radius:15px;height:340px}.studio-banner>img{filter:saturate(.65) brightness(.55)}.studio-banner-copy{max-width:450px}.studio-banner-copy p{font-size:32px}.dark-process{padding:25px 0 70px}.light-section .section-top .sub,.light-section .process-step p{color:#77717d}.light-section .process-step h3{color:#3c3342}.light-section .step-num{color:#786481;border-color:#9985a533}.light-section .process-step:after{background:#3c264920}.dark-faq{background:#ecebe6;color:#39313e;border-color:#2a203512;padding:48px 0}.dark-faq .eyebrow{color:#83728e}.dark-faq .sub,.dark-faq .faq-list details p{color:#77717d}.dark-faq .faq-list summary{color:#39313e;font-size:13px}.dark-faq .faq-list details{border-color:#21172718}.faq-list summary:after{color:#80658f}
/* Contact pattern and animated paths echo the supplied feature references. */
.connected-contact{padding:75px 0 80px;background:radial-gradient(ellipse at 5% 70%,#72328e3b,transparent 45%),radial-gradient(ellipse at 90% 15%,#42476840,transparent 40%),#11101e;overflow:hidden}.connected-contact:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#af96c730 1px,transparent 1px);background-size:19px 19px;mask-image:linear-gradient(90deg,#000,transparent 90%);pointer-events:none}.connected-contact .dark-wrap{position:relative}.contact-heading{max-width:550px;margin-bottom:36px}.contact-heading h2{font-size:38px;max-width:none;margin:15px 0 17px}.contact-heading h2 em{color:#bea0d7}.contact-heading>p{font-size:11px;color:#aa97b8;line-height:1.8}.connected-contact-grid{display:grid;grid-template-columns:.78fr 110px 1.22fr;align-items:center;gap:0}.contact-links{display:grid;gap:17px}.contact-link-card{position:relative;display:flex;align-items:center;gap:18px;text-align:left;padding:21px;border-radius:14px;color:#f2edf7;min-height:108px;transition:transform .4s,border-color .4s;background:linear-gradient(110deg,#ffffff0a,#ffffff03)}.contact-link-card:hover{transform:translateX(5px);border-color:#b99ace70}.contact-link-icon{display:grid;place-items:center;width:42px;height:42px;flex:none;border:1px solid #b296c44d;background:#b69aff08;box-shadow:0 0 22px #b69aff10;border-radius:50%;color:#d9c296;transition:box-shadow .3s,transform .3s}.contact-link-icon .icon{width:18px;height:18px}.contact-link-card:hover .contact-link-icon{box-shadow:0 0 25px #b69aff25;transform:rotate(-8deg)}.contact-link-card strong{font-size:12px;font-weight:600;display:block;margin-bottom:5px}.contact-link-card small{font-size:9px;line-height:1.7;color:#9f8bb0;display:block;max-width:220px}.contact-link-card b{font-size:8px;font-weight:500;color:#d3bce4;margin-top:6px;display:block}.connection-node{position:absolute;right:-4px;width:7px;height:7px;border-radius:50%;background:#dbcc8f;box-shadow:0 0 12px #ffc50088}.contact-connections{width:100%;height:480px;overflow:visible;filter:drop-shadow(0 0 4px #bd8bea55)}.contact-connections path{fill:none;stroke:url(#wire);stroke-width:1;opacity:.4}.contact-form-panel{padding:27px;border-radius:18px;border-color:#b08ac642;background:linear-gradient(130deg,#a77bd712,#ffffff03);position:relative}.contact-form-panel:before{content:'';width:7px;height:7px;border-radius:50%;background:#c9a9ee;box-shadow:0 0 20px #a37adf;position:absolute;left:-4px;top:50%}.form-panel-heading{display:flex;gap:10px;align-items:center;margin-bottom:23px}.form-panel-heading h3{font-size:16px;font-weight:600;letter-spacing:-.2px}.form-panel-heading>span:last-child{margin-left:auto;color:#a783c2}.contact-form .field label{font-size:9px}.contact-form .field input,.contact-form .field select,.contact-form .field textarea{border-radius:9px;background:#17132160;border:1px solid #bc96d324;padding:12px;font-size:11px;transition:background .3s,border-color .3s}.contact-form .field input:focus,.contact-form .field select:focus,.contact-form .field textarea:focus{background:#20152e80;border-color:#d6bd85;outline:1px solid #d6bd85}.contact-form select{color-scheme:dark}.contact-form .field textarea{min-height:94px}.contact-form .btn{width:100%;justify-content:space-between;margin-top:0;padding:14px 23px}.contact-form .consent-row{font-size:8px;line-height:1.6;margin:16px 0}.brief-dialog{border-radius:20px;background:#1b1227f5;backdrop-filter:blur(30px)}.brief-dialog::backdrop{backdrop-filter:blur(8px)}.brief-dialog[open]{animation:modalIn .4s var(--ease)}.site-footer{background:#0c0913}.footer-main{padding-top:45px;padding-bottom:35px}.footer-bottom{padding-bottom:24px}.action-rail{position:fixed;right:17px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;z-index:35}.action-rail button,.action-rail a{position:relative;display:grid;place-items:center;width:38px;height:38px;border:1px solid #ffffff65;border-radius:50%;background:#faf7ff;color:#4b375b;box-shadow:0 3px 15px #0002;transition:transform .3s,box-shadow .3s}.action-rail .icon{width:16px;height:16px}.action-rail .rail-highlight{background:#ffdc76;border-color:#ffdc7680;color:#281338;box-shadow:0 0 0 5px #ffdc7610;animation:railPulse 3s infinite}.action-rail button:before,.action-rail a:before{content:attr(data-tip);position:absolute;right:48px;font-size:9px;white-space:nowrap;padding:9px 12px;border:1px solid #ffffff25;background:#1b1029e8;color:#eee3f4;border-radius:8px;backdrop-filter:blur(12px);opacity:0;transform:translateX(6px);transition:opacity .3s,transform .3s;pointer-events:none}.action-rail button:hover,.action-rail a:hover{transform:translateX(-4px);box-shadow:0 5px 25px #b49dc455}.action-rail button:hover:before,.action-rail a:hover:before,.action-rail button:focus-visible:before,.action-rail a:focus-visible:before{opacity:1;transform:none}.cursor-orbit{width:32px;height:32px;border:1px solid #d0a96480;z-index:100;transition:width .35s,height .35s,border-color .35s,background .35s;left:0;top:0;will-change:transform}.cursor-orbit:before{content:'';position:absolute;width:4px;height:4px;background:#ffdc76;border-radius:50%;top:0;left:50%;box-shadow:0 0 8px #ffdc76;transform-origin:0 16px;animation:turn 4s linear infinite}.cursor-orbit.is-active{width:54px;height:54px;border-color:#c0a7d9cc;background:#b69aff0b}.cursor-orbit.is-active:before{transform-origin:0 27px}.cursor-orbit.is-project{width:65px;height:65px;background:#f8d977;border-color:#f8d977}.cursor-orbit.is-project span:after{content:'VIEW';position:absolute;inset:0;display:grid;place-items:center;font-size:8px;letter-spacing:1px;color:#29192d}.cursor-orbit.is-project:before{display:none}.cursor-dot{position:fixed;width:4px;height:4px;background:#f8d977;border-radius:50%;top:0;left:0;pointer-events:none;z-index:101;opacity:0;will-change:transform}.scroll-progress{height:2px;background:linear-gradient(90deg,#b69aff,#ffdc76);z-index:105}.reveal{transition:opacity .8s,transform .8s var(--ease)}.glass-service-card:nth-child(2),.square-project:nth-child(2){transition-delay:.08s}.glass-service-card:nth-child(3),.square-project:nth-child(3){transition-delay:.16s}.service-hero{padding:65px 0;background:radial-gradient(ellipse at 85% 80%,#64407344,transparent 55%),#171020}.service-hero h1{font-size:42px;max-width:750px}.service-content{color:#312a39;background:#f2f1ed;border-radius:18px;padding:40px;max-width:850px;margin:45px auto}.service-content h2,.service-content h3{color:#33263d}.service-content p{color:#75667c}.service-content strong{color:#48374f}.service-content .service-item{border-color:#54396722}
@keyframes turn{to{transform:rotate(360deg)}}@keyframes floatCard{0%,100%{transform:rotate(4deg) translateY(0)}50%{transform:rotate(1deg) translateY(-12px)}}@keyframes signalPulse{50%{box-shadow:0 0 0 5px #ffdc7610,0 0 15px #ffdc7666}}@keyframes railPulse{50%{box-shadow:0 0 0 7px #ffdc7614,0 0 25px #ffdc7625}}@keyframes modalIn{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes drawerIn{from{transform:translateX(100%)}to{transform:translateX(0)}}
@media(min-width:1450px){.experience-hero{height:640px}.hero-tech-orbit{right:15%}}@media(max-width:1100px){.desktop-nav{gap:20px}.header-inner{gap:17px}.header-cta .btn{font-size:9px;padding:11px 15px;gap:13px}.slide-copy{padding:28px;max-width:65%}.hero-floating-card{width:210px}.square-project .project-web-canvas,.square-project .p-hospitality .project-web-canvas,.square-project .p-retail .project-web-canvas{height:148px!important}.square-project .project-web-canvas h4,.square-project .p-hospitality .project-web-canvas h4,.square-project .p-retail .project-web-canvas h4{font-size:19px;margin-top:25px}.square-project-top{font-size:6px}.connected-contact-grid{grid-template-columns:.85fr 75px 1.15fr}.contact-link-card{padding:18px 14px;gap:12px}.contact-link-card small{font-size:8px}.action-rail{right:11px}.action-rail a,.action-rail button{width:32px;height:32px}.action-rail .icon{width:14px;height:14px}}
/* Mobile is an app-like composition: welcome bar, compact deck, shortcuts, swipe work, tab navigation. */
@media(max-width:760px){html{scroll-padding-top:85px}.wrap,.dark-wrap{width:calc(100% - 36px)}body{padding-bottom:calc(70px + env(safe-area-inset-bottom));background:#14101d}.utility-bar,.desktop-nav,.header-cta,.action-rail,.hero-floating-card,.hero-tech-orbit{display:none}.header-inner{height:65px;justify-content:space-between;gap:10px}.logo-window{width:125px;height:37px}.logo-window img{width:162px;left:-17px;top:-55px}.site-header{border:0;background:#14101ddb}.site-header.scrolled{border-bottom:1px solid #ffffff12}.menu-toggle{height:35px;width:35px;background:#ffffff07}.app-welcome{display:flex;justify-content:space-between;align-items:center;padding:21px 0 18px}.app-welcome span{font-size:7px;letter-spacing:1.7px;color:#8e7d9e}.app-welcome p{font-size:19px;letter-spacing:-.6px;color:#efe7f5;margin-top:5px;font-weight:600}.app-welcome button{height:35px;width:35px;border-radius:12px;border:1px solid #b69aff25;background:#b69aff09;color:#ceb2e8;display:grid;place-items:center}.app-welcome .icon{width:17px;height:17px}.experience-hero{height:450px;margin:0 18px;border-radius:22px;border:1px solid #ffffff1e;box-shadow:0 15px 40px #08041140;touch-action:pan-y}.hero-slide{background:#1b1527}.slide-photo{height:55%;object-position:center;filter:saturate(.7);opacity:.85}.slide-shade{background:linear-gradient(0deg,#1b1527 0,#1b1527 42%,transparent 78%)!important}.slide-layout{width:100%;padding:0 21px 68px;display:flex;align-items:flex-end}.slide-copy{border:0;box-shadow:none;background:transparent;backdrop-filter:none;max-width:100%;width:100%;padding:0}.hero-kicker{font-size:6px;letter-spacing:1px}.slide-copy h1,.slide-copy h2{font-size:29px;line-height:1.17;letter-spacing:-1.1px;margin:12px 0 12px}.slide-copy h1 em,.slide-copy h2 em{letter-spacing:-.9px;color:#f6d88e}.slide-summary{font-size:10px;line-height:1.7;max-width:330px;color:#a99bb9}.hero-actions{margin:16px 0 0;gap:14px;justify-content:space-between}.hero-actions .btn{font-size:8px;padding:11px 14px;gap:12px}.hero-work-link{font-size:8px;gap:4px}.hero-work-link .icon{width:12px;height:12px}.slide-location{display:none}.slider-bottom{width:calc(100% - 42px);bottom:16px}.slider-position{font-size:7px;gap:8px}.slide-bar{width:55px}.slider-buttons{gap:5px}.slider-buttons button{height:27px;width:27px}.slider-buttons .icon{height:11px;width:11px}.slider-dots{gap:1px}.slider-dots button{width:23px;height:26px}.slider-dots button[aria-current=true] span{width:16px}.app-shortcuts{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:25px;margin-bottom:25px}.app-shortcuts a{display:flex;align-items:center;flex-direction:column;gap:9px;font-size:8px;color:#c2afcf}.app-shortcuts .icon{width:47px;height:47px;padding:13px;background:linear-gradient(145deg,#b69aff11,#ffffff03);border:1px solid #b69aff25;border-radius:15px;color:#d1bae3}.dark-ticker .marquee-track{padding:14px 0;gap:23px}.dark-ticker .marquee-track span{font-size:7px;letter-spacing:1px}.dark-ticker .marquee-track b{font-size:11px}.work-section{padding:39px 0 34px;border-radius:25px 25px 0 0;margin-top:18px}.work-top{margin-bottom:24px}.work-top h2{font-size:27px;margin-top:12px;line-height:1.25}.work-top p{font-size:10px;margin-top:12px;max-width:350px}.eyebrow{font-size:7px;letter-spacing:1px}.equal-projects{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:15px;padding:5px 4px 14px;margin:0 -4px;scrollbar-width:none;overscroll-behavior-x:contain}.equal-projects::-webkit-scrollbar{display:none}.equal-projects .project-card{flex:0 0 84%;scroll-snap-align:start;max-width:360px;min-width:0}.square-project .project-image{border-radius:17px;padding:55px 23px 72px!important;aspect-ratio:1}.square-project .project-web-canvas,.square-project .p-hospitality .project-web-canvas,.square-project .p-retail .project-web-canvas{height:170px!important}.square-project .project-web-canvas h4,.square-project .p-hospitality .project-web-canvas h4,.square-project .p-retail .project-web-canvas h4{font-size:22px;margin-top:32px}.square-project-top{font-size:6px;top:21px;left:21px}.square-project-caption{padding:15px 18px}.square-project-caption h3{font-size:15px}.square-project-caption p{font-size:7px}.project-count-note{align-items:flex-start;margin-top:10px;padding-top:17px;font-size:7px;gap:18px}.project-count-note .text-link{font-size:8px;white-space:nowrap}.mobile-swipe-hint{display:flex;justify-content:space-between;align-items:center;font-size:6px;letter-spacing:1.7px;color:#9a8ba3;margin-top:17px}.mobile-swipe-hint span{font-size:14px}.client-section{padding:27px 0 38px}.client-heading{display:block;margin-bottom:20px}.client-heading h2{font-size:24px;margin-top:10px}.client-heading>p{font-size:9px;margin-top:12px}.client-heading>p span{font-size:8px}.client-grid{display:flex;gap:10px;overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.client-slot{flex:0 0 115px;height:105px;scroll-snap-align:start;border-radius:13px}.client-monogram{font-size:22px}.client-slot>span:nth-child(2){font-size:7px}.client-slot small{font-size:5px}.glass-services{padding:42px 0}.capabilities-heading{display:block;margin-bottom:22px}.capabilities-heading h2{font-size:28px;margin-top:10px}.capabilities-heading>p{font-size:9px;line-height:1.7;margin-top:14px}.glass-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.glass-service-card{padding:17px 14px;border-radius:16px;min-height:190px}.service-card-top{margin-bottom:18px}.service-card-top>span{height:34px;width:34px;border-radius:10px}.service-card-top .icon{width:18px;height:18px}.service-card-top small{font-size:7px}.glass-service-card h3{font-size:13px;letter-spacing:-.3px;line-height:1.4;margin-bottom:9px}.glass-service-card p{display:none}.service-discover{font-size:7px;margin-top:14px;gap:6px}.service-discover .icon{width:11px;height:11px}.service-photo-card{min-height:190px;border-radius:16px}.service-photo-card>div{padding:17px 14px}.service-photo-card span{font-size:5px;letter-spacing:.8px}.service-photo-card p{font-size:21px;line-height:1.2}.studio-section{padding:43px 0 35px;border-radius:25px 25px 0 0}.studio-heading{gap:14px;margin-bottom:24px}.studio-heading h2{font-size:28px;margin-top:11px}.studio-heading .studio-text{font-size:10px;line-height:1.85}.studio-banner{height:240px;border-radius:18px}.studio-banner-copy{left:23px;bottom:24px;max-width:300px}.studio-banner-copy p{font-size:25px}.studio-banner-copy span{font-size:6px;letter-spacing:1px}.studio-values{gap:20px;padding-top:26px}.studio-values h3{font-size:12px}.studio-values p{font-size:9px}.dark-process{padding:10px 0 37px}.dark-process .section-top h2{font-size:27px}.dark-process .section-top .sub{font-size:10px}.process-grid{gap:23px 19px}.process-step h3{font-size:13px}.process-step p{font-size:9px}.dark-faq{padding:33px 0}.dark-faq h2{font-size:25px}.dark-faq .sub{font-size:10px}.dark-faq .faq-list summary{font-size:11px}.dark-faq .faq-list details p{font-size:10px}.connected-contact{padding:43px 0 40px;border-radius:25px 25px 0 0}.contact-heading{margin-bottom:24px}.contact-heading h2{font-size:29px;line-height:1.24;margin:12px 0 15px}.contact-heading>p{font-size:10px;max-width:330px}.connected-contact-grid{grid-template-columns:1fr;gap:22px}.contact-connections{display:none}.contact-links{grid-template-columns:1fr 1fr;gap:11px}.contact-link-card{display:block;min-height:155px;padding:15px 13px;border-radius:15px}.contact-link-icon{width:32px;height:32px;margin-bottom:12px}.contact-link-icon .icon{width:14px;height:14px}.contact-link-card strong{font-size:10px}.contact-link-card small{font-size:7px;line-height:1.6}.contact-link-card b{font-size:6px;margin-top:9px}.connection-node{width:4px;height:4px;right:12px;top:15px}.contact-form-panel{padding:21px 17px;border-radius:19px}.contact-form-panel:before{display:none}.form-panel-heading{margin-bottom:20px}.form-panel-heading h3{font-size:14px}.contact-form .form-grid{grid-template-columns:1fr 1fr;gap:15px 12px}.contact-form .field label{font-size:8px}.contact-form .field input,.contact-form .field select,.contact-form .field textarea{padding:11px 9px;font-size:16px;min-width:0;width:100%}.contact-form .field textarea{font-size:16px}.contact-form .consent-row{font-size:8px;margin:17px 0}.contact-form .btn{font-size:10px;padding:13px 17px}.form-status{font-size:10px!important;line-height:1.7}.site-footer{margin-bottom:0}.footer-main{padding-top:30px;padding-bottom:25px;gap:28px}.footer-main .sub{font-size:9px}.footer-main h4{font-size:11px}.footer-links{font-size:9px;gap:8px}.footer-bottom{font-size:7px;padding-bottom:25px}.app-tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;padding:9px 9px calc(9px + env(safe-area-inset-bottom));border-top:1px solid #ffffff18;border-radius:20px 20px 0 0;background:#191222ed;backdrop-filter:blur(25px);z-index:50;box-shadow:0 -7px 30px #0002}.app-tabbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:6px 4px;font-size:7px;color:#8b7b99;border-radius:12px;transition:color .3s,background .3s}.app-tabbar .icon{width:17px;height:17px;transition:transform .3s}.app-tabbar a[aria-current=location]{color:#f8d977;background:#f8d97709}.app-tabbar a[aria-current=location] .icon{transform:translateY(-2px)}.cursor-orbit,.cursor-dot{display:none}.brief-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 30px);padding:22px 17px;border-radius:22px}.dialog-head h2{font-size:23px}.dialog-head p{font-size:10px}.dialog-close{height:28px;width:28px}.brief-form{padding:0}.brief-form .contact-form{padding:0}.work-dialog{width:calc(100% - 14px);border-radius:15px;height:88dvh}.work-dialog-header h2{font-size:10px}.work-dialog-header p{font-size:6px}.work-dialog-controls a{font-size:7px}.service-hero{padding:38px 0;border-radius:0 0 24px 24px}.service-hero h1{font-size:31px;line-height:1.25}.service-hero p{font-size:11px}.service-content{margin:22px 18px;padding:26px 20px;border-radius:19px}.service-content h2{font-size:23px}.service-content h3{font-size:16px}.service-content p{font-size:11px}.navigation-drawer{width:350px;padding:25px}.drawer-eyebrow{font-size:24px}.navigation-drawer nav a{font-size:21px}}
@media(max-width:370px){.experience-hero{height:445px}.slide-copy h1,.slide-copy h2{font-size:26px}.hero-actions{gap:9px}.hero-actions .btn{font-size:7px;padding:11px 12px;gap:7px}.hero-work-link{font-size:7px}.equal-projects .project-card{flex-basis:90%}.square-project .project-web-canvas,.square-project .p-hospitality .project-web-canvas,.square-project .p-retail .project-web-canvas{height:150px!important}.contact-form .form-grid{grid-template-columns:1fr}.contact-form .field.full{grid-column:1}.glass-service-card{min-height:180px}.app-welcome p{font-size:18px}}
@media(pointer:coarse){.cursor-orbit,.cursor-dot{display:none}.square-project:hover .project-image,.glass-service-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important}.hero-slide .slide-photo{transform:none!important}.cursor-orbit,.cursor-dot{display:none}.reveal{opacity:1;transform:none}.contact-connections circle{display:none}}
/* Scale the miniature websites with the square card, rather than its viewport. */
.square-project .project-screen,.square-project .p-retail .project-screen{container-type:inline-size;display:grid;grid-template-rows:18px minmax(0,1fr) 22px;aspect-ratio:1.45;min-height:0}.square-project .mini-browser-top{height:18px}.square-project .project-web-canvas,.square-project .p-hospitality .project-web-canvas,.square-project .p-retail .project-web-canvas{height:100%!important;min-height:0}.square-project .project-web-overlay,.square-project .p-retail .project-web-overlay{padding:5.5cqw}.square-project .project-web-canvas h4,.square-project .p-hospitality .project-web-canvas h4,.square-project .p-retail .project-web-canvas h4{font-size:7.5cqw;margin:11cqw 0 4cqw;max-width:85%}.square-project .project-web-nav strong{font-size:3cqw}.square-project .project-web-nav>span{font-size:1.8cqw}.square-project .project-web-canvas .project-mini-link{font-size:2cqw}.square-project .project-mini-footer{padding:7px 10px;font-size:4px;line-height:1.5}.glass-service-card.reveal:not(.visible){transform:translateY(20px)}
@media(min-width:761px) and (max-width:980px){.header-cta{display:none}.header-inner{gap:20px}.desktop-nav{margin-left:auto;gap:25px}}