.project-hero{background:var(--ice);padding:clamp(4rem,8vw,8rem) 0}.project-hero-grid{grid-template-columns:1.25fr .75fr;align-items:center;gap:clamp(3rem,8vw,9rem);display:grid}.project-hero-copy{flex-direction:column;align-items:flex-start;display:flex}.project-back{color:var(--cyan-deep);text-transform:uppercase;align-items:center;gap:.6rem;margin-bottom:clamp(3rem,7vw,6rem);font-size:.72rem;font-weight:700;display:inline-flex}.project-back svg{width:18px}.project-hero-copy h1{max-width:13ch;font:600 clamp(3.5rem, 7vw, 7rem)/.96 var(--display);letter-spacing:-.035em;text-wrap:balance;margin:0}.project-hero-copy>p:not(.page-kicker){max-width:58ch;color:var(--slate);margin:2rem 0;font-size:1.05rem;line-height:1.85}.project-logo-hero{aspect-ratio:1;background:var(--white);border:1px solid var(--mist);place-items:center;margin:0;padding:clamp(2rem,5vw,5rem);display:grid;box-shadow:0 32px 80px -55px #10162dcc}.project-logo-hero img{object-fit:contain;width:100%;height:100%}.project-gallery-section{color:var(--white);background:var(--ink);padding:clamp(6rem,9vw,9rem) 0;overflow:hidden}.project-gallery-heading{grid-template-columns:1fr .7fr;align-items:end;gap:4rem;margin-bottom:4rem;display:grid}.project-gallery-heading .section-tag{color:#82dce9}.project-gallery-heading h2{max-width:13ch;font:600 clamp(2.8rem, 5vw, 5rem)/1 var(--display);letter-spacing:-.03em;margin:0}.project-gallery-heading>p{color:#b9c3df;max-width:48ch;margin:0;line-height:1.8}.project-gallery{width:var(--shell);margin-inline:auto;overflow:visible}.project-gallery .swiper-slide{height:auto}.project-screen{background:#222a55;border:1px solid #48547f;border-radius:32px;height:100%;margin:0;padding:10px;overflow:hidden;box-shadow:0 25px 65px -40px #000000e6}.project-screen img{aspect-ratio:9/16;object-fit:contain;background:var(--white);border-radius:23px;width:100%;height:auto}@media (max-width:760px){.project-hero-grid,.project-gallery-heading{grid-template-columns:1fr}.project-hero-grid{gap:3rem}.project-back{margin-bottom:2.5rem}.project-logo-hero{width:min(100%,360px)}.project-gallery-heading{gap:1.2rem;margin-bottom:2.5rem}}