/* About and project invitation share the homepage's modern typography. */
.studio{padding-block:76px;background:#edf4fc;font-family:'Avenir Next',Arial,sans-serif}
.studio .studio-inner{grid-template-columns:1fr 1fr;gap:68px;min-height:0;align-items:center}
.studio .studio-image{min-height:455px;border-radius:18px;border:1px solid #dce6f2;box-shadow:0 12px 35px #0d315513;isolation:isolate}
.studio .studio-image::after{inset:0;z-index:0;background:linear-gradient(180deg,#071b361a 0%,transparent 45%,#071b3666 100%)}
.studio .studio-image img{object-position:center;transition:transform .7s}
.studio .studio-image:hover img{transform:scale(1.025)}
.studio .studio-image>span.studio-image-label{top:19px;left:19px;bottom:auto;display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid #ffffff33;border-radius:6px;background:#0a1d5559;color:#fff;font-size:8px;letter-spacing:1.2px;font-weight:600;backdrop-filter:blur(6px)}
.studio-image-label i{width:5px;height:5px;display:block;flex-shrink:0;background:#82c7ff;border-radius:50%}
.studio-image-note{position:absolute;z-index:1;bottom:20px;left:20px;right:20px;display:flex;align-items:center;gap:14px;padding:17px 18px;background:#fffffff2;border:1px solid #fff;border-radius:10px;box-shadow:0 4px 20px #06172e0d;color:#19355d;font-size:10px;font-weight:650;letter-spacing:1.3px;backdrop-filter:blur(8px)}
.studio-note-icon{display:grid;place-items:center;width:39px;height:39px;flex-shrink:0;background:#edf4ff;color:#0755ec;border-radius:10px}
.studio .studio-copy{padding:8px 0;display:flex;align-items:flex-start;justify-content:center}
.studio .section-kicker{display:inline-flex;align-items:center;gap:9px;font-size:10px;font-weight:750;letter-spacing:1.8px;color:#0755ec}
.studio .section-kicker::before{content:'';width:20px;height:2px;background:#0755ec}
.studio .studio-copy h2,.studio .studio-copy h2 em{font-family:'Avenir Next',Arial,sans-serif!important;font-weight:700;letter-spacing:-1.7px;line-height:1.16}
.studio .studio-copy h2{font-size:clamp(32px,3.2vw,44px);margin:18px 0 0;color:#0a1d55}
.studio .studio-copy h2 em{color:#0755ec}
.studio .studio-copy>p{max-width:510px;margin:23px 0 0;color:#728099;font-size:14px;line-height:1.95}
.studio-capabilities{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:24px}
.studio-capabilities>span{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:6px;background:#fff9;border:1px solid #dae5f4;color:#45618a;font-size:10px;font-weight:600}
.studio-capabilities i{width:4px;height:4px;border-radius:50%;background:#4282e6;flex-shrink:0}
.studio .text-link{display:inline-flex;align-items:center;gap:22px;font-size:12px;letter-spacing:0;text-transform:none;margin-top:28px;padding-bottom:7px;border-bottom:1px solid #bbcfec;font-weight:650;color:#0755ec}
.studio .text-link>span{font-size:19px;line-height:1}
.contact{padding-block:56px;background:#f5f8fd;font-family:'Avenir Next',Arial,sans-serif}
.contact .contact-inner{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:65px;padding:48px 52px;border-radius:18px;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 100% 0,#235aa3,transparent 80%),linear-gradient(135deg,#0a1d48,#123775);box-shadow:0 9px 26px #1029560a;border:1px solid #183c77}
.contact-heading{position:relative;z-index:1}
.contact .contact-kicker{display:inline-flex;align-items:center;gap:9px;padding:0;font-size:9px;font-weight:650;letter-spacing:1.5px;color:#9dbce9}
.contact .contact-kicker::before{content:'';width:5px;height:5px;background:#93ccff;border-radius:50%}
.contact .contact-heading h2,.contact .contact-heading h2 em{font-family:'Avenir Next',Arial,sans-serif!important;line-height:1.08;font-weight:700;letter-spacing:-2px}
.contact .contact-heading h2{margin:17px 0 0;font-size:clamp(40px,4vw,57px);color:#fff}
.contact .contact-heading h2 em{color:#93ccff}
.contact .contact-right{grid-column:auto;grid-row:auto;max-width:440px;position:relative;z-index:1;padding:0}
.contact .contact-right>p{margin:0 0 25px;color:#c0d2ec;font-size:14px;line-height:1.9}
.contact-actions{display:flex;align-items:flex-start;flex-direction:column;gap:18px}
.contact .button-primary{background:#fff;color:#0a1d55;border:1px solid #fff;border-radius:8px;padding:0 21px;min-height:48px;text-transform:none;font-size:12px;font-weight:700;letter-spacing:0;gap:32px;box-shadow:0 4px 14px #06152b0a}
.contact .button-primary>span{color:#0755ec;font-size:19px;line-height:1}
.contact .button-primary:hover{background:#edf5ff;transform:translateY(-2px)}
.contact-products-link{display:inline-flex;align-items:center;gap:17px;color:#a9c9f1;font-size:11px;font-weight:500}
.contact-products-link:hover{color:#fff}
.contact .contact-graphic{z-index:0;top:auto;right:-15px;bottom:-50px;font-size:240px;font-family:'Avenir Next',Arial,sans-serif;font-weight:900;letter-spacing:-20px;color:#ffffff04;line-height:1;transform:rotate(-8deg)}
@media(max-width:1050px){.studio{padding-block:60px}.studio .studio-inner{gap:36px}.studio .studio-image{min-height:425px}.studio .studio-copy h2{font-size:35px}.studio .studio-copy>p{font-size:13px}.studio-capabilities{gap:7px}.studio-capabilities>span{font-size:9px;padding:5px 8px}.contact .contact-inner{gap:40px;padding:40px}.contact .contact-heading h2{font-size:45px}}
@media(max-width:700px){.studio{padding-block:45px}.studio .studio-inner{grid-template-columns:1fr;gap:30px}.studio .studio-image{min-height:330px;border-radius:14px}.studio .studio-image>span.studio-image-label{font-size:7px;top:14px;left:14px}.studio-image-note{left:14px;right:14px;bottom:14px;padding:13px;font-size:8px;gap:11px}.studio-note-icon{width:34px;height:34px}.studio .studio-copy{padding:0}.studio .studio-copy h2,.studio .studio-copy h2 em{letter-spacing:-1.2px}.studio .studio-copy h2{font-size:34px;margin-top:16px}.studio .section-kicker{font-size:9px;letter-spacing:1.3px}.studio .studio-copy>p{font-size:13px;line-height:1.85;margin-top:19px}.studio-capabilities{margin-top:20px;gap:8px}.studio-capabilities>span{font-size:10px}.studio .text-link{font-size:11px;margin-top:23px}.contact{padding-block:35px}.contact .contact-inner{display:grid;grid-template-columns:1fr;gap:25px;padding:30px 25px;border-radius:14px}.contact .contact-heading h2{font-size:41px;letter-spacing:-1.5px}.contact .contact-heading h2 em{letter-spacing:-1.5px}.contact .contact-kicker{font-size:8px}.contact .contact-right>p{font-size:13px;line-height:1.85;margin-bottom:21px}.contact .button-primary{font-size:11px;min-height:45px;padding:0 17px}.contact-actions{gap:16px}.contact-products-link{font-size:10px}.contact .contact-graphic{font-size:200px;bottom:-35px}}
@media(max-width:390px){.studio .studio-copy h2{font-size:31px}.contact .contact-heading h2{font-size:38px}.studio .studio-image{min-height:295px}}
@media(prefers-reduced-motion:reduce){.studio .studio-image img{transition:none}}

.studio .studio-copy{background:#fff;padding:32px;border:1px solid #dee7f4;border-radius:16px}
@media(max-width:700px){.studio .studio-copy{padding:25px 22px;border-radius:14px}}