@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#07111c;--blue:#159ef4;--light:#f5f7f8;--muted:#617080;--white:#fff;--container:1210px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:78px}body{margin:0;font-family:'DM Sans',Arial,sans-serif;background:var(--ink);color:var(--ink);-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.container{max-width:var(--container);width:calc(100% - 90px);margin-inline:auto}.section-pad{padding:112px 0}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Manrope',Arial,sans-serif;letter-spacing:-.055em}h2{font-size:clamp(2.8rem,5.25vw,5.6rem);line-height:1.06;font-weight:800}h2 span{color:#4e6171}.eyebrow{font:700 .69rem/1.5 'DM Sans',sans-serif;letter-spacing:.28em;color:#a3cce2}.dark-eyebrow{color:#546273}.small-rule{width:50px;height:3px;background:var(--blue);margin:28px 0}.skip-link{position:fixed;z-index:110;top:-100px;left:10px;padding:10px;background:white}.skip-link:focus{top:10px}.site-header{position:fixed;inset:0 0 auto;z-index:100;color:white;transition:background .3s,box-shadow .3s}.site-header.scrolled{background:rgba(5,14,24,.94);box-shadow:0 8px 40px #0004;backdrop-filter:blur(18px)}.nav-wrap{height:88px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;gap:8px;font:800 1.9rem/1 'Manrope',sans-serif;letter-spacing:-.075em;white-space:nowrap}.brand-mark{color:#1aa8fa;width:32px;height:32px;display:inline-flex}.brand-mark svg{width:100%;height:100%}.brand-period{color:var(--blue)}.nav-links{display:flex;gap:31px;align-items:center;font-size:.81rem;font-weight:600}.nav-links a{color:#dce7ee;transition:color .2s}.nav-links a:hover,.nav-links a:focus-visible{color:#29b1ff}.nav-cta{border:1px solid #219fea;color:#53bfff;padding:12px 25px;border-radius:50px;font-size:.82rem;font-weight:700;white-space:nowrap;transition:background .2s,color .2s}.nav-cta:hover{background:var(--blue);color:white}.menu-toggle{display:none}.hero{min-height:720px;height:min(820px,100svh);position:relative;background:#07111b;color:white;display:flex;align-items:center;overflow:hidden}.hero-photo{position:absolute;inset:0 0 0 36%;background:url('assets/hero.webp') 55% 47%/cover no-repeat;filter:saturate(.85)}.hero:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#04101cf7 0%,#04101cf0 24%,#04101ccc 43%,#04101c27 76%,#04101c40 100%),linear-gradient(0deg,#04101cca,transparent 22%)}.hero-glow{position:absolute;z-index:1;inset:0;background:radial-gradient(circle at 72% 30%,transparent 0%,#08132030 55%,#04101c80 100%)}.hero-content{position:relative;z-index:2;padding:100px 0 32px}.hero-eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:32px;font-size:.64rem}.hero-eyebrow b{font-size:1rem;color:var(--blue)}.eyebrow-line{width:33px;height:2px;background:var(--blue)}.hero h1{font-size:clamp(4.3rem,9.3vw,9.8rem);line-height:.91;font-weight:800;margin-bottom:34px}.hero h1 em{font-style:normal;color:#eaf6fd}.hero-lead{font-weight:700;font-size:clamp(1.25rem,2vw,1.8rem);line-height:1.35;margin-bottom:18px}.hero-copy{font-size:1rem;max-width:440px;line-height:1.8;color:#c8d4dc;margin-bottom:30px}.hero-actions{display:flex;align-items:center;gap:26px}.button{border:0;display:inline-flex;align-items:center;justify-content:center;gap:33px;padding:17px 26px;border-radius:40px;font-weight:700;font-size:.88rem;transition:transform .22s,background .22s,box-shadow .22s}.button:hover{transform:translateY(-3px)}.button-primary{background:#129ff7;color:white;box-shadow:0 12px 30px #0078d326}.button-primary:hover{background:#38b2ff;box-shadow:0 16px 34px #0078d340}.text-link{color:white;font-size:.86rem;font-weight:700}.text-link span{margin-left:9px;color:var(--blue)}.scroll-cue{position:absolute;z-index:3;bottom:34px;right:6%;display:flex;align-items:center;gap:16px;color:#c0d1df;font-size:.61rem;letter-spacing:.24em}.scroll-line{height:1px;width:70px;background:#5ebff3}.intro{background:linear-gradient(130deg,#fff,#eff4f6)}.intro-top{min-height:400px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px}.intro-copy{padding:20px 0 45px}.intro h2{margin-bottom:0}.intro-copy>p:last-child{max-width:490px;line-height:1.85;color:#465361;font-size:1rem}.intro-art{height:420px;overflow:hidden;align-self:stretch;position:relative;margin-top:-50px;mask-image:linear-gradient(to right,transparent,#000 20%)}.intro-art img{width:100%;height:100%;object-fit:cover;object-position:center}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:2px}.service-card{min-height:299px;background:white;border:1px solid #e4ebef;border-radius:14px;padding:28px 24px 22px;box-shadow:0 12px 40px #18394c0a;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}.service-card:hover{transform:translateY(-8px);box-shadow:0 22px 42px #18394c19}.service-num{font-size:.68rem;color:#9aa8b3;letter-spacing:.17em}.service-icon{width:54px;height:62px;display:flex;align-items:center;color:#078ee1;font-size:2.2rem}.service-card h3{font-size:1.08rem;letter-spacing:-.04em;margin-bottom:12px}.service-card p{color:#586775;font-size:.86rem;line-height:1.65;margin-bottom:20px}.service-card a{color:#078cdb;font-weight:700;font-size:.76rem;margin-top:auto}.service-card a span{margin-left:5px}.approach{min-height:590px;background:#071522;position:relative;display:flex;align-items:center;color:white;overflow:hidden}.approach-photo{position:absolute;inset:0 0 0 38%;background:url('assets/studio.webp') center/cover no-repeat}.approach:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#05111dfc 0%,#061522f7 31%,#061522ad 53%,#06152208 100%)}.approach-content{position:relative;z-index:2;padding-block:90px}.approach h2{font-size:clamp(2.55rem,4.4vw,4.7rem);max-width:630px}.approach-content>p:not(.eyebrow){color:#cbd8df;max-width:420px;line-height:1.8}.principles{display:flex;gap:48px;margin-top:45px}.principles div{display:flex;flex-direction:column;gap:12px}.principles span{font-size:2.25rem;color:#2caeff}.principles div:nth-child(3) span{color:#ff816d}.principles strong{font-size:.83rem;line-height:1.4}.work{background:#f8fafb}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:35px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:300px;color:#536270;line-height:1.75}.work-grid{display:grid;grid-template-columns:1.1fr 1.1fr .9fr;grid-template-rows:210px 210px;gap:14px}.work-tile{overflow:hidden;border-radius:12px;position:relative;background:#0a1d2c;color:white}.work-tile img{width:100%;height:100%;object-fit:cover;transition:transform .55s}.work-tile:hover img{transform:scale(1.07)}.work-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#03101be8,transparent 70%)}.work-tile>div{position:absolute;z-index:2;left:22px;right:14px;bottom:17px}.work-tile span{font-size:.57rem;letter-spacing:.19em;color:#a0dfff;font-weight:700}.work-tile h3{font-size:1.2rem;letter-spacing:-.035em;margin:6px 0 4px}.work-tile p{font-size:.74rem;color:#d4e1e9;margin:0}.tile-film,.tile-software{grid-row:span 2}.tile-design img{object-position:center 35%}.work-note{font-size:.74rem;color:#72808c;text-align:right;margin:17px 0 0}.manifesto{position:relative;background:#122433;color:#fff;min-height:350px;display:flex;align-items:center}.manifesto-photo{position:absolute;inset:0;background:url('assets/landscape.webp') center 55%/cover no-repeat;opacity:.6}.manifesto:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#061520df 0%,#06152088 50%,#061520a3 100%)}.manifesto-inner{display:grid;grid-template-columns:1.35fr .7fr;gap:90px;align-items:center;padding-block:80px;position:relative;z-index:2}.manifesto h2{font-size:clamp(2.2rem,4.1vw,4.7rem);margin-bottom:0}.manifesto-inner>p{color:#e2eaf0;line-height:1.9;font-size:.97rem}.faq{background:white}.faq-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px}.faq h2{margin-bottom:20px}.faq-grid>div:first-child>p:last-child{color:#64717c;line-height:1.8}.faq-list details{border-bottom:1px solid #dde4e9;padding:22px 0}.faq-list details:first-child{border-top:1px solid #dde4e9}.faq-list summary{list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:center;cursor:pointer;font-weight:700;font-size:1rem}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:1.5rem;color:#149ff5;font-weight:400;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:.93rem;line-height:1.8;color:#556576;padding:12px 35px 0 0;margin:0}.contact{position:relative;background:#06111d;color:white;padding:110px 0;overflow:hidden}.contact-photo{position:absolute;inset:0;background:url('assets/contact.webp') center/cover no-repeat;opacity:.3}.contact:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#04101ded,#04101dcb 55%,#04101d94)}.contact-grid{display:grid;grid-template-columns:1fr .9fr;gap:100px;position:relative;z-index:2}.contact h2{font-size:clamp(3.5rem,6vw,6.5rem);line-height:1.02;margin:30px 0}.contact h2 em{font-style:normal;color:#32b2ff}.contact-grid>div>p:not(.eyebrow){font-size:1.05rem;color:#ccdae5;line-height:1.8;max-width:370px}.contact-accent{color:#94b7d0;letter-spacing:.2em;font-weight:700;font-size:.65rem;margin-top:50px;display:flex;align-items:center;gap:14px}.contact-accent span{width:36px;height:2px;background:var(--blue)}.contact-form{background:#fff;color:#122232;border-radius:15px;padding:31px;box-shadow:0 20px 70px #0003;display:flex;flex-direction:column;gap:9px}.contact-form h3{font-size:1.4rem;margin-bottom:9px}.contact-form label{font-size:.75rem;font-weight:700;margin-top:5px}.contact-form input,.contact-form textarea,.contact-form select{width:100%;border:1px solid #dbe3e9;border-radius:7px;padding:12px 13px;outline:0;background:#f8fafb;color:#142231;font-size:.87rem;min-height:45px}.contact-form :is(input,textarea,select):focus{border-color:var(--blue);box-shadow:0 0 0 3px #159ef421}.contact-form textarea{resize:vertical}.contact-form .button{margin-top:11px;align-self:flex-start}.contact-form .button:disabled{opacity:.6;cursor:wait}.form-message{font-size:.76rem;color:#6b7984;line-height:1.5;margin:6px 0 0}.form-message.success{color:#167a4f}.form-message.error{color:#b23434}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.footer{background:#02080e;color:white;padding:30px 0 22px}.footer-main{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-bottom:25px;border-bottom:1px solid #27323b}.footer-main>p{font-size:.67rem;letter-spacing:.16em;color:#aab6c1;margin:0}.footer-main>p span{color:#148ddd;padding:0 7px}.back-to-top{font-size:.77rem;color:#bad3e6}.footer-bottom{display:flex;justify-content:space-between;gap:15px;padding-top:20px;color:#8c9ba7;font-size:.73rem}.reveal.can-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease;transition-delay:var(--reveal-delay,0ms)}.reveal.can-reveal.visible{opacity:1;transform:none}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #38b7ff;outline-offset:4px}
@media(max-width:1050px){.container{width:calc(100% - 62px)}.nav-links{gap:17px}.service-grid{grid-template-columns:repeat(2,1fr)}.service-card{min-height:265px}.hero-photo{left:30%}.faq-grid{gap:50px}.contact-grid{gap:45px}}
@media(max-width:760px){html{scroll-padding-top:70px}.container{width:calc(100% - 40px)}.section-pad{padding:76px 0}.nav-wrap{height:72px}.brand{font-size:1.6rem}.brand-mark{width:27px;height:27px}.nav-cta{margin-left:auto;padding:9px 15px;font-size:.77rem}.menu-toggle{display:flex;border:0;background:none;width:37px;height:39px;padding:8px 4px;flex-direction:column;justify-content:space-around;z-index:102}.menu-toggle span{height:2px;background:white;width:100%;border-radius:4px}.nav-links{position:fixed;top:72px;right:0;left:0;padding:28px 25px 35px;display:none;flex-direction:column;align-items:start;gap:24px;background:#081522;box-shadow:0 20px 35px #0005;font-size:1.1rem}.nav-links.is-open{display:flex}.hero{min-height:710px;height:92svh;max-height:890px}.hero-photo{inset:0;background-position:58% center;opacity:.8}.hero:before{background:linear-gradient(90deg,#04101ce8,#04101cb0 46%,#04101c75),linear-gradient(0deg,#04101ce8,transparent 50%)}.hero-content{padding:90px 0 0}.hero h1{font-size:clamp(4.3rem,13.5vw,7.6rem)}.hero-copy{max-width:390px}.scroll-cue{right:20px;bottom:23px}.intro-top{grid-template-columns:1fr;gap:0}.intro-copy{padding:0}.intro-art{margin:5px -20px 22px;height:290px;mask-image:none}.intro-art img{object-position:50% 39%}.service-grid{gap:12px}.approach{min-height:610px}.approach-photo{inset:0;opacity:.55}.approach:before{background:linear-gradient(90deg,#04101cf4,#04101cbb)}.approach-content{padding-block:75px}.work-grid{grid-template-columns:1fr 1fr;grid-template-rows:230px 210px;gap:12px}.tile-film,.tile-software{grid-row:auto}.section-heading{align-items:start;flex-direction:column;gap:10px}.section-heading>p{max-width:460px}.manifesto-inner{grid-template-columns:1fr;gap:20px}.faq-grid{grid-template-columns:1fr;gap:30px}.contact-grid{grid-template-columns:1fr;gap:40px}.contact{padding:77px 0}.contact h2{margin:20px 0}.footer-main{flex-wrap:wrap}.footer-bottom{flex-direction:column}}
@media(max-width:480px){.container{width:calc(100% - 34px)}.hero h1{font-size:clamp(3.9rem,14vw,5.7rem)}.hero-eyebrow{font-size:.54rem;gap:8px}.hero-lead{font-size:1.17rem}.hero-copy{font-size:.94rem}.hero-actions{align-items:start;flex-direction:column;gap:20px}.scroll-cue{display:none}h2{font-size:2.75rem}.service-grid{grid-template-columns:1fr}.service-card{min-height:230px}.intro-art{margin-inline:-17px}.principles{gap:24px}.principles strong{font-size:.71rem}.work-grid{grid-template-columns:1fr;grid-template-rows:repeat(4,245px)}.work-tile>div{bottom:20px}.manifesto-inner{padding-block:76px}.contact-form{padding:24px 19px}.footer-main>p{order:3;width:100%;line-height:1.8}.footer-main .brand{font-size:1.65rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal.can-reveal{opacity:1;transform:none}}

/* Compatibility and responsive refinements */
html{overflow-x:clip}body{min-width:320px;overflow-x:clip}section{scroll-margin-top:76px}
.hero h1,.section-heading h2,.contact h2{overflow-wrap:normal}
@media (max-width:760px){.nav-cta{flex-shrink:0}.nav-wrap{gap:12px}.hero{min-height:650px}.hero-content{padding-top:105px}.hero h1{line-height:.98}.intro-art{margin-top:15px}.work-grid{grid-auto-flow:row}.contact-grid>*{min-width:0}}
@media (max-width:400px){.nav-cta{padding:9px 11px;font-size:.7rem}.brand{font-size:1.48rem}.hero h1{font-size:clamp(3.4rem,13vw,5rem)}.hero-eyebrow{letter-spacing:.15em}.principles{gap:14px}.principles div{min-width:0}}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1!important;transform:none!important}}