/* Immersive studio — typography and motion system */
body{font-family:var(--font-sans);font-size:16px}button,input,select,textarea{font-family:inherit}.header nav{font-size:15px;gap:38px}.logo{font-size:21px}.logo>span{font-size:10px}.button{font-size:16px;padding:19px 27px}.button.small{font-size:14px;padding:13px 19px}.text-link{font-size:16px}.eyebrow{font-size:12px;letter-spacing:1.8px}h2{font-size:clamp(32px,3.3vw,49px);line-height:1.3}.section-heading>p{font-size:16px;line-height:1.8}.about-copy p{font-size:18px}.principles{font-size:14px}.service-card{padding:32px}.service-card h3{font-size:25px}.service-card h4{font-size:17px;line-height:1.5}.service-card p{font-size:15px;line-height:1.85}.service-tags{font-size:12px}.service-top>span{font-size:13px}.filters button{font-size:15px}.project-meta{font-size:11px}.project-title h3{font-size:29px}.project-card>p{font-size:16px}.result-chip{font-size:14px}.result-chip small{font-size:11px}#count{font-size:11px}.lab-list a{font-size:18px}.lab-list small{font-size:12px}.process-grid h3{font-size:25px}.process-grid p{font-size:16px}.process-grid span{font-size:12px}.contact p{font-size:16px}.contact-email{font-size:14px}footer>span,footer>a:last-child{font-size:13px}.case-subtitle{font-size:24px}.case-overview>div>p{font-size:18px}.case-tags span{font-size:13px}.case-screens figcaption,.case-screen-label{font-size:14px}.modal-close{font-size:15px}.modal-toolbar>span{font-size:11px}dt{font-size:13px}dd{font-size:16px}
.home-page>.header{background:#100b20;border-color:#ffffff12;color:#fff;height:90px}.home-page>.header .logo{color:#fff}.home-page>.header .logo b{color:#b891ff}.home-page>.header .logo>span{color:#b2a9c8;border-color:#ffffff26}.home-page>.header nav{color:#c7bfd8}.home-page>.header nav a:hover{color:white}.home-page>.header .button{background:#ffffff0d;border:1px solid #ffffff35;color:#f3edff}.home-page>.header .button:hover{background:#ffffff1c}
.immersive-hero{height:calc(100svh - 90px);min-height:700px;max-height:1200px;background:#100b20;color:#fff;position:relative;overflow:hidden;isolation:isolate;display:grid;place-items:center;text-align:center}.hero-ambience{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.halo{position:absolute;filter:blur(65px);border-radius:50%;opacity:.45}.halo-one{width:65vw;height:55vw;left:18%;top:-20%;background:radial-gradient(ellipse,#7130da55,#38206a00 70%);animation:halo-breathe 12s ease-in-out infinite alternate}.halo-two{width:700px;height:450px;background:#3d18a046;left:calc(50% - 350px);bottom:-200px}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#b39de508 1px,transparent 1px),linear-gradient(90deg,#b39de508 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(transparent,#0007,transparent)}.hero-vignette{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,#100b20aa 22%,#100b20f2 36%,#100b20e6 64%,#100b20aa 78%,transparent 100%);z-index:2}.hero-vignette::after{content:'';position:absolute;inset:0;background:linear-gradient(#100b2080,transparent 20%,transparent 65%,#100b20 99%)}.orbit-lane{position:absolute;width:clamp(230px,25vw,460px);height:180%;top:-38%;opacity:.72;perspective:1000px}.orbit-left{left:-5%;transform:rotate(-13deg)}.orbit-right{right:-5%;transform:rotate(13deg)}.orbit-track{animation:project-drift 58s linear infinite;will-change:transform}.orbit-right .orbit-track{animation-direction:reverse;animation-duration:66s}.orbit-group{display:grid;gap:28px;padding-bottom:28px}.orbit-card{height:280px;border:1px solid #ffffff28;background:#251a37;border-radius:18px;overflow:hidden;box-shadow:0 20px 50px #0005;padding:9px;position:relative}.orbit-card img{width:100%;height:calc(100% - 51px);object-fit:cover;object-position:top;border-radius:11px}.orbit-card.portrait{height:360px;background:#ded8ed}.orbit-card.portrait img{object-fit:contain;background:#eae4f7}.orbit-card>div{display:flex;justify-content:space-between;align-items:center;gap:10px;height:51px;padding:0 9px;color:#e9ddff}.orbit-card.portrait>div{color:#46315d}.orbit-card strong{font-size:13px;letter-spacing:.2px}.orbit-card span{font-size:8px;letter-spacing:.6px}.immersive-copy{position:relative;width:min(900px,calc(100% - 40px));padding:65px 0 110px;z-index:3}.hero-kicker{font-size:12px;letter-spacing:2.5px;color:#c7a7ff;display:inline-flex;align-items:center;gap:12px;animation:copy-enter .85s both}.hero-kicker i{display:block;width:6px;height:6px;border-radius:50%;background:#c6a0ff;box-shadow:0 0 16px #bd8fff}.immersive-copy h1{font-size:clamp(58px,5.7vw,100px);line-height:1.15;letter-spacing:-5px;font-weight:750;margin:30px 0 28px;animation:copy-enter 1s .1s both}.immersive-copy h1 span{color:#be92ff;background:linear-gradient(110deg,#e1ccff,#b785ff 60%,#cfb4ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.immersive-copy>p{font-size:clamp(16px,1.35vw,21px);color:#bcb2ce;line-height:1.9;letter-spacing:-.4px;margin:0;animation:copy-enter 1s .2s both}.immersive-actions{display:flex;justify-content:center;gap:14px;margin-top:36px;animation:copy-enter 1s .3s both}.button.hero-primary{background:#a776ff;color:#130927;gap:37px;box-shadow:0 6px 40px #8744ee28;font-weight:700;border-radius:10px}.hero-primary:hover{background:#c29fff;box-shadow:0 10px 50px #9355ff50}.hero-secondary{display:inline-flex;align-items:center;gap:35px;font-size:16px;padding:18px 25px;border:1px solid #ffffff30;border-radius:10px;background:#ffffff05;transition:background .2s}.hero-secondary:hover{background:#ffffff14}.hero-disciplines{display:flex;align-items:center;justify-content:center;gap:17px;margin-top:45px;color:#8e809f;font-size:10px;letter-spacing:1.4px;animation:copy-enter 1s .4s both}.hero-disciplines i{height:3px;width:3px;background:#6c597f;border-radius:50%}.hero-bottom{position:absolute;bottom:30px;left:4%;right:4%;display:flex;align-items:center;justify-content:space-between;gap:25px;color:#8e819f;font-size:11px;letter-spacing:.7px;z-index:3}.scroll-cue{display:flex;align-items:center;gap:12px;font-size:10px}.scroll-line{width:1px;height:30px;background:#ffffff19;position:relative;overflow:hidden}.scroll-line::after{content:'';height:13px;width:1px;background:#d8c3f8;position:absolute;top:-13px;animation:scroll-indicator 2s infinite}.motion-toggle{font-size:11px;color:#b6a7ca;background:transparent;border:1px solid #ffffff22;padding:10px 13px;border-radius:30px}.motion-toggle:hover{background:#ffffff0c}.immersive-hero.motion-paused *,.immersive-hero.motion-offscreen *{animation-play-state:paused!important}.reveal-ready{transition:opacity .7s ease,transform .7s cubic-bezier(.2,.6,.2,1)}.reveal-ready:not(.is-visible){opacity:0;transform:translateY(25px)}.service-card,.project-card{transition:transform .3s,box-shadow .3s}.service-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px #42255a0c}.project-card:hover .project-title b{transform:translate(3px,-3px)}.project-title b{transition:transform .25s}.capability-strip>.wrap{font-size:17px}
@keyframes project-drift{to{transform:translateY(-50%)}}@keyframes halo-breathe{to{transform:translate(4%,6%) scale(1.15);opacity:.8}}@keyframes copy-enter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes scroll-indicator{to{transform:translateY(43px)}}
@media(min-width:1800px){.orbit-lane{width:450px}.orbit-left{left:1%}.orbit-right{right:1%}.orbit-card{height:330px}.orbit-card.portrait{height:420px}.immersive-copy{width:1050px}}
@media(max-width:1000px){.immersive-hero{min-height:680px}.immersive-copy h1{font-size:70px;letter-spacing:-3.5px}.orbit-lane{width:280px;opacity:.48}.orbit-left{left:-120px}.orbit-right{right:-120px}.hero-vignette{background:linear-gradient(90deg,#100b2044,#100b20e6 28%,#100b20e6 72%,#100b2044)}.hero-credit{display:none}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-card p{font-size:14px}.service-card h3{font-size:22px}}
@media(max-width:760px){.home-page>.header{height:72px}.logo{font-size:16px}.button.small{font-size:12px;padding:11px 13px}.immersive-hero{height:calc(100svh - 72px);min-height:680px;max-height:920px}.immersive-copy{width:calc(100% - 36px);padding:60px 0 95px}.immersive-copy h1{font-size:clamp(42px,10.5vw,66px);letter-spacing:-2.5px;line-height:1.22;margin:25px 0}.hero-kicker{font-size:9px;letter-spacing:1.4px;gap:8px}.immersive-copy>p{font-size:15px;line-height:1.85;max-width:330px;margin:auto;word-break:keep-all}.immersive-copy>p br{display:none}.immersive-actions{gap:10px;flex-direction:column;align-items:center;margin-top:28px}.button.hero-primary,.hero-secondary{font-size:14px;padding:16px 22px;min-width:225px;justify-content:space-between}.hero-disciplines{font-size:8px;gap:9px;letter-spacing:.5px;margin-top:28px;flex-wrap:wrap}.orbit-lane{width:210px;top:-28%;opacity:.38}.orbit-left{left:-125px}.orbit-right{right:-125px}.orbit-card{height:210px}.orbit-card.portrait{height:280px}.orbit-group{gap:20px;padding-bottom:20px}.hero-vignette{background:linear-gradient(90deg,#100b2055,#100b20e8 25%,#100b20e8 75%,#100b2055)}.hero-bottom{bottom:21px;left:20px;right:20px;gap:12px}.scroll-cue{font-size:8px;letter-spacing:.5px}.motion-toggle{font-size:10px;padding:8px 10px}.eyebrow{font-size:11px}h2{font-size:33px}.section-heading>p,.about-copy p{font-size:16px}.principles{font-size:11px;flex-wrap:wrap}.service-grid{grid-template-columns:1fr}.service-card{padding:27px}.service-card h3{font-size:23px}.service-card h4{font-size:16px}.service-card p{font-size:15px}.service-tags{font-size:12px}.filters button{font-size:13px;padding:10px 12px}#count{font-size:9px}.project-meta{font-size:10px}.project-title h3{font-size:26px}.project-card>p{font-size:15px}.result-chip{font-size:12px;flex-wrap:wrap}.result-chip small{font-size:10px}.lab-list a{font-size:15px}.lab-list small{font-size:11px}.process-grid p{font-size:15px}.process-grid h3{font-size:23px}.contact p{font-size:15px}.contact .button{font-size:14px}.case-subtitle{font-size:18px}.case-overview>div>p{font-size:16px}.case-tags span{font-size:12px}.case-overview dd{font-size:14px}.case-screens figcaption,.case-screen-label{font-size:12px}.modal-close{font-size:13px}.modal-toolbar>span{font-size:10px}footer>span,footer>a:last-child{font-size:11px}.capability-strip>.wrap{font-size:13px}.button{font-size:14px}.text-link{font-size:14px}}
@media(prefers-reduced-motion:reduce){.immersive-hero *{animation:none!important}.reveal-ready:not(.is-visible){opacity:1;transform:none}.reveal-ready{transition:none}.project-card img,.service-card{transition:none}.motion-toggle{display:none}}