@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&display=swap";:root{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f3f5fa;background:#111827;font-synthesis:none;font-weight:400;font-size:16px;--ink:#111827;--muted:#aab3c5;--blue:#688dff;--line:#30394a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid var(--blue);outline-offset:6px}::selection{background:#416bff;color:#fff}.container{width:min(1280px,calc(100% - 112px));margin-inline:auto}.header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;font-size:27px;font-weight:650;letter-spacing:-1.1px}.brand svg{margin-right:12px;color:var(--blue)}.brand-period{color:var(--blue)}nav{display:flex;align-items:center;gap:36px;font-size:15px;font-weight:500}nav a:not(.nav-contact){color:#c7cfdd}nav a:hover,.text-link:hover{color:var(--blue)}.nav-contact{border:1px solid #687282;border-radius:100px;padding:12px 24px;transition:background .2s}.nav-contact:hover{background:#28344c}.hero{padding-top:68px}.eyebrow{font-size:12px;font-weight:650;letter-spacing:2px;display:flex;gap:14px;align-items:center}.small-line{width:26px;height:2px;background:var(--blue)}.hero-grid{display:grid;grid-template-columns:1fr 280px;gap:50px;align-items:end;padding:30px 0 65px}h1,h2,h3,h4,p{margin:0}h1{font-size:clamp(64px,7.8vw,108px);font-weight:500;letter-spacing:-6px;line-height:1.04}.blue-word{color:var(--blue)}.word-dot{color:#c9d5ff}.hero-aside{padding:0 0 6px 10px}.hero-aside p{font-size:22px;line-height:1.5;letter-spacing:-.5px}.hero-aside p span{color:var(--muted)}.button{display:inline-flex;justify-content:center;align-items:center;min-height:50px;padding:14px 24px;font-size:15px;font-weight:600;border-radius:100px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:#dce5ff}.button-light{background:#f3f5fa;color:var(--ink);margin-top:27px}.hero-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-block:22px;font-size:11px;letter-spacing:1.7px;color:var(--muted)}.work{padding-top:72px;padding-bottom:100px}.section-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.section-top h2{font-size:36px;font-weight:500;letter-spacing:-1.5px}.section-top>span{font-size:12px;color:var(--muted);letter-spacing:1.8px}.project-card{display:grid;grid-template-columns:1fr 1fr;border-radius:20px;overflow:hidden;background:#1c2638;border:1px solid #354054}.project-art{position:relative;isolation:isolate;min-height:650px;overflow:hidden;background:#3c1724}.project-art img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 32%;transition:transform .6s}.project-card:hover .project-art img{transform:scale(1.025)}.art-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,#21091505 40%,#240c25bd 100%)}.art-label{position:absolute;inset:auto 20px 65px;text-align:center;color:#fff5e6}.art-label span{font-size:10px;letter-spacing:3px;font-weight:500}.art-label p{font-family:Georgia,Times New Roman,serif;font-size:76px;font-weight:400;letter-spacing:1px;margin:10px 0 14px}.project-copy{padding:50px 48px;display:flex;flex-direction:column}.project-copy>.eyebrow{color:#9eb7ff;font-size:11px}.project-copy h3{font-size:46px;letter-spacing:-1.8px;font-weight:500;margin-top:20px}.project-tagline{font-size:20px;line-height:1.5;margin-top:7px}.muted{color:#bac4d4;font-size:16px;line-height:1.75;margin-top:20px}.project-features{margin-block:30px}.feature{display:grid;grid-template-columns:27px 1fr;gap:12px;padding:16px 0;border-top:1px solid #3b4557}.feature-number{color:#9eb7ff;font-size:12px;padding-top:4px}.feature h4{font-size:16px;font-weight:550}.feature p{font-size:14px;line-height:1.65;color:#bac4d4;margin-top:4px}.text-link{font-size:15px;font-weight:550;text-decoration:underline;text-decoration-color:#6c7b94;text-underline-offset:7px;width:fit-content;transition:color .2s}.project-copy>.text-link{margin-top:auto}.studio-section{background:#f0f3f8;color:var(--ink);padding:96px 0}.studio-intro{display:grid;grid-template-columns:1fr 1fr;gap:25px 80px}.studio-intro>.eyebrow{grid-column:1/-1;color:#576581}.studio-intro h2{font-size:60px;line-height:1.08;letter-spacing:-2.8px;font-weight:500}.studio-intro>p{font-size:21px;line-height:1.65;color:#525f75;align-self:end;max-width:450px}.services{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:68px}.services article{border-top:1px solid #bfc8d6;padding-top:26px}.service-index{font-size:11px;letter-spacing:1.7px;color:#576581;font-weight:600}.services h3{font-size:29px;font-weight:500;letter-spacing:-.8px;margin-top:24px}.services p{font-size:17px;line-height:1.75;color:#525f75;margin-top:13px;max-width:440px}.services .text-link{display:inline-block;margin-top:24px}.contact{padding-top:100px;padding-bottom:95px;display:flex;flex-direction:column;align-items:flex-start}.contact .eyebrow{color:var(--muted)}.contact h2{font-size:clamp(46px,5.5vw,76px);font-weight:500;line-height:1.06;letter-spacing:-3px;margin-top:28px}.contact h2 span{color:var(--blue)}.contact p{font-size:17px;line-height:1.75;color:#b8c2d3;margin-top:26px}.email-link{font-size:clamp(18px,2.3vw,29px);letter-spacing:-.5px;border-bottom:1px solid var(--blue);padding-bottom:8px;margin-top:38px;overflow-wrap:anywhere}.email-link:hover{color:var(--blue)}.footer{display:flex;align-items:center;justify-content:space-between;padding:30px 0;border-top:1px solid var(--line);gap:24px}.footer .brand{font-size:23px}.footer .brand svg{width:29px}.footer>span,.footer small{font-size:13px;color:var(--muted)}.skip-link{position:fixed;left:20px;top:-100px;z-index:20;background:#fff;color:#111827;padding:12px 18px}.skip-link:focus{top:12px}@media(min-width:1600px){.hero{padding-top:90px}.hero-grid{padding-bottom:85px}}@media(max-width:1100px){.container{width:calc(100% - 64px)}.hero-grid{grid-template-columns:1fr 230px;gap:26px}h1{font-size:75px;letter-spacing:-4px}.hero-aside p{font-size:19px}.project-copy{padding:36px 30px}.project-art{min-height:670px}.studio-intro,.services{gap:36px}.studio-intro h2{font-size:52px}.studio-intro>p{font-size:19px}}@media(max-width:760px){.container{width:calc(100% - 40px)}.header{height:86px}.brand{font-size:23px}.brand svg{width:29px;margin-right:7px}nav{gap:18px;font-size:13px}nav a:nth-child(2){display:none}.nav-contact{padding:10px 15px}.hero{padding-top:45px}.eyebrow{font-size:10px;letter-spacing:1.5px}.hero-grid{grid-template-columns:1fr;padding-top:25px;padding-bottom:40px;gap:28px}h1{font-size:clamp(47px,9.5vw,70px);letter-spacing:-2.5px}.hero-aside{padding:0;display:flex;align-items:center;justify-content:space-between;gap:20px}.hero-aside p{font-size:16px}.button-light{margin-top:0;white-space:nowrap}.button{font-size:13px;min-height:44px;padding:12px 19px}.hero-bottom{font-size:9px;letter-spacing:1px;padding-block:20px}.hero-bottom span:last-child{display:none}.work{padding:42px 0 56px}.section-top{margin-bottom:20px}.section-top h2{font-size:29px}.section-top>span{font-size:10px;letter-spacing:1px}.project-card{grid-template-columns:1fr;border-radius:14px}.project-art{min-height:460px}.project-art img{object-position:center 30%}.art-label{bottom:35px}.art-label p{font-size:67px}.project-copy{padding:32px 25px 37px}.project-copy h3{font-size:38px}.project-tagline{font-size:18px}.project-features{margin-block:24px}.studio-section{padding:55px 0}.studio-intro{grid-template-columns:1fr;gap:24px}.studio-intro h2{font-size:46px;letter-spacing:-2px}.studio-intro>p{font-size:18px}.services{grid-template-columns:1fr;margin-top:38px;gap:38px}.services h3{font-size:26px;margin-top:20px}.contact{padding-top:58px;padding-bottom:60px}.contact h2{font-size:46px;letter-spacing:-2px}.contact p{font-size:16px}.email-link{font-size:20px;margin-top:28px}.footer{flex-wrap:wrap;gap:12px;padding:24px 0}.footer>span{display:none}.footer small{font-size:12px}.desktop-break{display:none}}@media(max-width:360px){nav{gap:10px}.hero-aside{align-items:flex-start;flex-direction:column}.email-link{font-size:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}