.studio-page__hero{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:end;gap:48px 8vw;padding-block:40px 88px;display:grid}.studio-page h1{letter-spacing:-.055em;white-space:pre-line;margin-top:24px;font-size:clamp(3rem,5.5vw,5.5rem);font-weight:550;line-height:1.02}.studio-page__intro p{color:var(--color-muted);font-size:1.125rem;line-height:1.7}.studio-page__intro p:first-child{color:var(--color-navy);margin-bottom:20px;font-size:1.375rem;line-height:1.5}.studio-page__poster{background:var(--color-cobalt);color:var(--color-lime);grid-column:1/-1;margin-top:16px;padding:clamp(32px,6vw,88px);overflow:hidden}.studio-page__poster>span{letter-spacing:-.065em;flex-wrap:wrap;align-items:center;gap:0 .14em;font-size:clamp(3.5rem,11vw,10rem);font-weight:600;line-height:.95;display:flex}.studio-page__join{color:var(--color-orange);font-weight:400}.studio-page__code{margin-left:auto}.studio-page__poster p{letter-spacing:0;color:#fff;margin-top:36px;font-size:1rem}.studio-page__approach{background:#fff;padding-block:88px}.studio-page__approach-intro{justify-content:space-between;align-items:flex-start;gap:40px;display:flex}.studio-page h2{letter-spacing:-.045em;white-space:pre-line;font-size:clamp(2.5rem,3.9vw,3.5rem);font-weight:550;line-height:1.05}.studio-page__approach-intro h2{width:65%}.studio-page__principles{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;margin-top:72px;display:grid}.studio-page__principles span{background:var(--color-lime);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:.875rem;display:inline-flex}.studio-page__principles h3{letter-spacing:-.025em;margin-top:24px;font-size:1.5rem;font-weight:550;line-height:1.2}.studio-page__principles p{color:var(--color-muted);margin-top:16px;font-size:1.0625rem;line-height:1.65}.studio-page__contact{background:var(--color-navy);color:var(--color-warm);padding-block:96px}.studio-page__contact-grid{justify-content:space-between;align-items:flex-end;gap:64px;display:flex}.studio-page__contact .inner-label{color:var(--color-dark-label);margin-bottom:24px}.studio-page__contact h2{max-width:18ch}.studio-page__contact p:not(.inner-label){max-width:42ch;color:var(--color-dark-body);margin-top:28px;font-size:1.125rem;line-height:1.65}.studio-page__contact .button{flex-shrink:0}@media (width<=767px){.studio-page__hero{grid-template-columns:1fr;gap:32px;padding-block:24px 56px}.studio-page h1{font-size:min(3rem,12cqi)}.studio-page__intro p:first-child{font-size:1.25rem}.studio-page__poster{padding:32px 20px}.studio-page__poster>span{font-size:13cqi;line-height:1.2;display:block}.studio-page__join{line-height:.8;display:block}.studio-page__code{display:block}.studio-page__poster p{margin-top:24px;font-size:.875rem}.studio-page__approach{padding-block:56px}.studio-page__approach-intro{display:block}.studio-page__approach-intro h2{width:auto;margin-top:24px}.studio-page h2{font-size:min(2.5rem,10cqi)}.studio-page__principles{grid-template-columns:1fr;gap:36px;margin-top:40px}.studio-page__principles>div{grid-template-columns:44px minmax(0,1fr);gap:8px 20px;display:grid}.studio-page__principles h3{margin:6px 0 0;font-size:min(1.5rem,7cqi)}.studio-page__principles p{grid-column:2;margin:0}.studio-page__contact{padding-block:64px}.studio-page__contact-grid{display:block}.studio-page__contact .button{margin-top:32px}}@container (width<=25rem){.studio-page__intro p,.studio-page__principles p,.studio-page__contact p:not(.inner-label){font-size:min(1.125rem,5.5cqi)}}.studio-page__hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:6vw;padding-block:48px 88px}.studio-page h1{font-size:clamp(3rem,4.3vw,4.125rem)}.studio-page__intro{max-width:45ch;margin-top:2rem}.studio-page__intro p:first-child{margin-bottom:16px;font-size:1.125rem;line-height:1.7}.studio-page__photograph{aspect-ratio:4/5;justify-self:end;width:min(100%,520px);overflow:hidden}.studio-page__photograph img{object-position:40% 50%}.studio-page__approach-intro{display:block}.studio-page__approach-intro h2{width:auto;margin-top:1.5rem}.studio-page__contact-grid{display:block}.studio-page__contact .button{margin-top:2rem}@media (width<=767px){.studio-page__hero{grid-template-columns:1fr;gap:32px;padding-block:24px 56px}.studio-page h1{font-size:min(3rem,12cqi)}.studio-page__photograph{aspect-ratio:5/4}.studio-page__intro{margin-top:24px}}