/* Art direction: cinematic cobalt, luminous materials, editorial rhythm. */
.team-portrait{position:relative;display:block;width:100%;padding:0;border:0;cursor:pointer}.team-portrait .portrait-playful{position:absolute;inset:0;opacity:0;filter:grayscale(1);transition:opacity .55s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.team-portrait .portrait-formal{transition:opacity .55s ease,transform .8s cubic-bezier(.2,.8,.2,1),filter .55s ease}.team-portrait:focus-visible{outline:3px solid #315cff;outline-offset:5px}.team-portrait:is(:focus-visible,.is-playful) .portrait-playful{opacity:1;filter:grayscale(1)}.team-portrait:is(:focus-visible,.is-playful) .portrait-formal{opacity:0;filter:grayscale(1)}.team-grid article:hover .team-portrait .portrait-playful{filter:grayscale(1)}@media(hover:hover){.team-grid article:hover .portrait-playful{opacity:1}.team-grid article:hover .portrait-formal{opacity:0;filter:grayscale(1)}}
.client-names img{filter:url(#solid-logo) brightness(0) invert(1)!important}
.client-names span{display:flex;align-items:center;justify-content:center;min-width:0;min-height:135px;transition:background .35s,border-color .35s}.client-names span:hover{background:#ffffff0b;border-color:#ffffff60}.client-names img{display:block;width:100%;max-width:215px;height:78px;object-fit:contain;filter:brightness(0) invert(1);transition:transform .5s}.client-names span:hover img{transform:scale(1.04)}@media(max-width:700px){.client-names span{min-height:112px!important;padding:20px 12px!important}.client-names img{height:64px}}
.team-portrait{aspect-ratio:4/5;overflow:hidden;border-radius:14px;background:#e9effb;box-shadow:0 10px 35px #10224c0d}.team-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 35%;transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .8s}.team-grid article:hover .team-portrait img{transform:scale(1.04);filter:saturate(1.05)}.portrait-note{font-size:12px;color:#6c778b;line-height:1.6;margin:25px 0 0}
:root{--blue:#315cff;--ink:#0c1327;--line:#d7deef}body{background:#f8faff}header{position:sticky;top:0;background:rgba(9,15,31,.92);color:white;border-bottom:1px solid #ffffff16;backdrop-filter:blur(22px);padding-top:17px;padding-bottom:17px;transition:padding .4s,box-shadow .4s}header.scrolled{box-shadow:0 8px 40px #05081725}.brand-i{color:#81a0ff}header nav a{position:relative}header nav a:after{content:'';position:absolute;bottom:-7px;height:2px;left:0;width:0;background:#8cacff;transition:width .3s}header nav a:hover{color:#9ab3ff}header nav a:hover:after{width:100%}.button{border-radius:50px;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s,background .3s}.button:hover{box-shadow:0 10px 35px #315cff40;transform:translateY(-3px)}.hero{background:#080e20;min-height:790px;padding-top:86px;padding-bottom:50px;color:white;isolation:isolate}.hero-image{position:absolute;inset:0;z-index:-3;overflow:hidden}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:65% center;animation:heroZoom 1.8s cubic-bezier(.2,.8,.2,1) both}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,10,24,.97),rgba(5,10,24,.65) 47%,rgba(5,10,24,.04) 100%),linear-gradient(0deg,#070d21 0%,transparent 40%);z-index:-2}.hero .eyebrow{color:#a7c1ff;animation:enter .9s both}.hero h1{font-size:clamp(55px,6.6vw,100px);max-width:1150px;letter-spacing:-4px;margin:35px 0 40px;animation:enter 1s .15s both}.hero h1 span{background:linear-gradient(110deg,#7696ff,#88e0ff);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-bottom{display:block;max-width:520px;animation:enter 1s .3s both}.hero-bottom p{color:#c1c9dd;max-width:445px;font-size:17px}.hero-actions{margin-top:30px}.hero .text-link{color:white;border-color:#ffffff60}.hero-note{position:relative;right:auto;top:auto;text-align:left;margin-top:65px;display:flex;align-items:center;gap:22px;color:#a4afc9;letter-spacing:1.5px;font-size:10px;animation:enter 1s .4s both}.hero-line{height:1px;max-width:140px;flex:1;background:#ffffff30}.capability-strip{background:#315cff;padding-top:24px;padding-bottom:24px;font-size:15px}.capability-strip span+span:before{color:#a3b8ff}.section{padding-top:90px;padding-bottom:90px}.eyebrow{letter-spacing:2.2px}.section h2{font-weight:500}.section-top>p{max-width:300px}#service-list{display:grid;grid-template-columns:1fr 1fr;gap:20px}.service{display:grid;grid-template-columns:35px 1fr;gap:16px;background:white;border:1px solid #e1e6f1;border-radius:16px;padding:32px;box-shadow:0 4px 30px #172c5b04;transition:transform .45s,box-shadow .45s,border-color .45s}.service:hover{transform:translateY(-5px);box-shadow:0 20px 55px #172c5b12;border-color:#b8c7ff}.service h3{font-size:31px}.service p{max-width:none;font-size:16px}.service details{grid-column:2;margin-top:15px}.service-num{background:#edf2ff;border-radius:50%;width:32px;height:32px;display:flex;justify-content:center;align-items:center;padding:0;font-size:11px}.service .tag{font-size:12px;background:#f6f8fe;border-color:#e0e7f8}.design-feature{display:grid;grid-template-columns:1.2fr 1fr;margin-top:45px;overflow:hidden;border-radius:18px;background:#e9eefb}.feature-image{min-height:340px;overflow:hidden}.feature-image img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s}.design-feature:hover img{transform:scale(1.04)}.feature-copy{padding:45px;align-self:center}.feature-copy h3{font-size:32px;margin:18px 0}.feature-copy p{color:var(--muted)}.work{background:#0b1225;color:white}.work h2 span{color:#8cafff}.work .eyebrow{color:#96b2ff}.work .section-top>span{color:#b1bdd8}.projects{gap:28px}.project{border:1px solid #ffffff12;background:#141e35;border-radius:16px;color:white;box-shadow:0 15px 35px #00000016;transition:transform .5s,box-shadow .5s}.project:hover{transform:translateY(-7px);box-shadow:0 25px 60px #00000035}.project-title{position:relative;height:300px;isolation:isolate;overflow:hidden;background:#131b2c!important;color:white!important;justify-content:flex-end;gap:20px}.project-title img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;transition:transform 1s cubic-bezier(.2,.8,.2,1)}.project:nth-child(3) .project-title img{object-position:80% center}.project:nth-child(4) .project-title img{object-position:left center}.project:hover .project-title img{transform:scale(1.06)}.project-image-shade{position:absolute;inset:0;background:linear-gradient(0deg,#081327dc,transparent 90%);z-index:-2}.project-title strong{font-size:clamp(32px,4vw,58px)}.project-title span{font-size:10px}.project-title small{position:absolute;right:16px;top:15px;background:#0c142a78;backdrop-filter:blur(8px);padding:4px 8px;font-size:9px;letter-spacing:1px;border-radius:20px}.project-body{padding:30px}.project-body p,.project-meta{color:#b4bfd5}.project-meta{border-color:#ffffff16}.project-body summary{color:#a4baff}.about{background:#f4f7ff;color:var(--ink);position:relative}.about .eyebrow{color:var(--blue)}.about h2 span{color:var(--blue)}.about p{color:var(--muted)}.about .lead{color:var(--ink)}.studio-image{position:relative;height:390px;border-radius:18px;overflow:hidden;margin-bottom:50px}.studio-image img{width:100%;height:100%;object-fit:cover;object-position:center 55%;transition:transform 1s}.studio-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#071020ad,transparent 70%)}.studio-image span{position:absolute;bottom:30px;left:35px;z-index:1;color:white;font:500 30px Manrope;letter-spacing:-1px}.principles article,.story{border-color:#d8e0f2}.principles article>span{color:var(--blue)}.team{background:white}.initials{border-radius:12px;position:relative;background:linear-gradient(140deg,#e5edff,#f6f8ff);border-bottom:0;height:180px;color:#274fc5;letter-spacing:-3px;font-size:65px;transition:background .5s,transform .5s}.team-grid article:hover .initials{background:linear-gradient(140deg,#d3dfff,#e9efff);transform:translateY(-4px)}.clients{background:#315cff;color:white;border:0;gap:45px}.clients .eyebrow,.clients h2 span{color:#c6d6ff}.clients p{color:#d6e1ff}.clients h2{font-size:50px}.client-names{color:white;font-size:30px}.client-names span{border:1px solid #ffffff30;border-radius:12px;padding:23px 10px}.historical{font-size:13px}.contact{background:#0b1225;color:white}.contact .eyebrow{color:#9bb7ff}.contact h2 span{color:#89aaff}.contact .email{color:#a5c0ff}.contact address,.contact .form-note{color:#acb9d3}.contact form{background:#172138;border:1px solid #ffffff12;border-radius:18px;padding:30px}.contact input,.contact textarea{color:white;border-color:#5d6c86}.contact input::placeholder,.contact textarea::placeholder{color:#a3afc4}.contact input:focus,.contact textarea:focus{border-color:#93b4ff}.contact .button{background:white;color:#0c1836;border-color:white}footer{background:#060c1b;color:white}footer .footer-links,footer .footer-bottom{color:#a8b4cb}.footer-bottom{border-color:#ffffff20}.scroll-progress{position:fixed;top:0;left:0;height:3px;width:100%;background:linear-gradient(90deg,#3c6fff,#95e2ff);transform:scaleX(0);transform-origin:left;z-index:50;pointer-events:none}.reveal{transition:opacity .85s cubic-bezier(.2,.7,.2,1),transform .85s cubic-bezier(.2,.7,.2,1)}.reveal.pending{opacity:0;transform:translateY(28px)}.text-link{transition:color .3s,border-color .3s}details[open]>*:not(summary){animation:enter .45s both}@keyframes enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes heroZoom{from{opacity:.3;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@media(max-width:1000px){.hero{min-height:740px}.hero h1{font-size:clamp(50px,7.5vw,76px)}.hero-shade{background:linear-gradient(90deg,#060d20ed,#060d206b),linear-gradient(0deg,#060d20,transparent 70%)}.service{padding:25px}.feature-copy{padding:30px}.project-title{height:250px}.hero-note{font-size:9px}.hero-line{max-width:50px}}@media(max-width:700px){header{background:#091020f2}.menu-toggle{background:#ffffff0b;border-color:#ffffff30;color:white}.hero{padding-top:55px;min-height:730px;padding-bottom:35px}.hero h1{font-size:clamp(40px,9.8vw,62px);letter-spacing:-2.3px}.hero-image img{object-position:70% center}.hero-shade{background:linear-gradient(90deg,#060d20da,#060d2090),linear-gradient(0deg,#060d20 0%,#060d2070 100%)}.hero-bottom p{font-size:16px}.hero-actions{flex-direction:row;align-items:center;gap:20px}.hero .button{padding:14px 20px;font-size:13px}.hero .text-link{font-size:12px}.hero-note{margin-top:50px;flex-wrap:wrap;font-size:8px;gap:10px}.hero-note .hero-line{display:none}.hero-note span{display:block;width:100%}.capability-strip{font-size:12px}.section{padding-top:60px;padding-bottom:60px}#service-list{grid-template-columns:1fr}.service{padding:25px 22px;gap:12px}.service h3{font-size:27px}.design-feature{grid-template-columns:1fr}.feature-image{height:240px;min-height:0}.feature-copy{padding:28px}.feature-copy h3{font-size:27px}.project-title{height:260px}.project-title strong{font-size:42px}.project-body{padding:25px}.studio-image{height:280px;margin-bottom:35px}.studio-image span{font-size:24px;left:25px;bottom:25px;max-width:260px}.initials{height:145px;font-size:50px}.client-names{gap:15px;font-size:23px}.client-names span{padding:20px 10px}.contact form{padding:23px}.contact h2{font-size:48px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal.pending{opacity:1;transform:none}.hero-image img{transform:none}}