.about-page .site-shell{background:#0b1f33}
.about-page .site-header{background:#0b1f33}
.about-page .desktop-nav a[aria-current="page"],.about-page .mobile-nav a[aria-current="page"]{color:#DDEBFF}
.studio-hero{position:relative;padding-bottom:80px;background:radial-gradient(ellipse at 20% 40%,rgba(82,101,122,.18),transparent 45%),#0b1f33}
.studio-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:7%;align-items:center;padding-top:45px;padding-bottom:74px}
.studio-hero-copy{position:relative;z-index:1;padding:35px 0}
.studio-hero-copy h1{max-width:720px;margin:26px 0 0;font-size:clamp(62px,6.1vw,92px);line-height:1.03;letter-spacing:-.078em;font-weight:600}
.studio-hero-copy h1 em{color:#DDEBFF}
.studio-hero-copy>p{max-width:520px;margin:29px 0 0;font-size:16px;line-height:1.75;color:rgba(247,249,252,.73)}
.studio-hero-actions{display:flex;align-items:center;gap:27px;flex-wrap:wrap;margin-top:33px}
.studio-hero-visual{position:relative;min-height:610px;border:1px solid rgba(255,255,255,.18);border-radius:27px;background-image:linear-gradient(180deg,rgba(11,31,51,.04) 36%,rgba(11,31,51,.58) 100%),var(--about-photo);background-size:cover;background-position:center;box-shadow:0 25px 55px rgba(11,31,51,.23);overflow:hidden}
.studio-hero-visual:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 1px 0 rgba(255,255,255,.2);pointer-events:none}
.studio-photo-label{position:absolute;z-index:1;right:21px;bottom:21px;left:21px;min-height:126px;display:grid;grid-template-columns:1fr 35px;gap:5px 20px;align-items:end;padding:21px;border-radius:17px;background:rgba(11,31,51,.45)}
.studio-photo-label span:first-child{grid-column:1 / -1;font-size:9px;font-weight:800;letter-spacing:.2em;color:#f7f9fc}
.studio-photo-label strong{font-size:23px;line-height:1.22;letter-spacing:-.045em;font-weight:600}
.studio-photo-label span:last-child{align-self:end;justify-self:end;font-size:24px;color:#DDEBFF}
.studio-hero-base{display:flex;justify-content:space-between;gap:20px;padding:23px 0 25px;border-top:1px solid rgba(255,255,255,.19);font-size:10px;font-weight:800;letter-spacing:.17em;color:rgba(255,255,255,.61)}
.studio-story{padding:122px 0 127px;background:#0b1f33}
.studio-story-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:10%;align-items:start}
.studio-story h2,.fit-heading h2,.approach-intro h2,.studio-next h2{margin:20px 0 0;font-size:clamp(48px,5vw,72px);line-height:1.1;letter-spacing:-.065em;font-weight:600}
.studio-story h2 em,.fit-heading h2 em,.approach-intro h2 em,.studio-next h2 em{color:#DDEBFF}
.story-body{padding-top:40px}
.story-body p{max-width:540px;margin:0 0 17px;font-size:15px;line-height:1.8;color:rgba(247,249,252,.69)}
.story-body .story-lead{font-size:20px;line-height:1.58;letter-spacing:-.025em;font-weight:600;color:#f7f9fc}
.story-more{margin-top:78px}
.story-more-heading{display:flex;justify-content:space-between;align-items:start;gap:40px;padding-top:26px;border-top:1px solid rgba(255,255,255,.22)}
.story-more-heading .kicker{padding-top:5px;white-space:nowrap}
.story-more-heading p{max-width:540px;margin:0;color:rgba(247,249,252,.7);font-size:14px;line-height:1.72}
.story-more-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:33px}
.story-more-card{display:flex;flex-direction:column;min-height:270px;padding:28px 26px 29px;border-radius:19px;background:rgba(247,249,252,.06)}
.story-more-card>span{font-size:10px;font-weight:800;letter-spacing:.17em;color:#f7f9fc}
.story-more-card h3{max-width:300px;margin:auto 0 12px;font-size:24px;line-height:1.27;letter-spacing:-.04em;font-weight:600}
.story-more-card p{max-width:330px;margin:0;color:rgba(247,249,252,.67);font-size:13px;line-height:1.7}
.studio-fit{padding:123px 0 132px;background:radial-gradient(ellipse at 82% 56%,rgba(82,101,122,.13),transparent 43%),#0b1f33}
.fit-heading{display:grid;grid-template-columns:1.08fr .92fr;gap:10%;align-items:end}
.fit-heading>p{max-width:520px;margin:0 0 6px;font-size:16px;line-height:1.75;color:rgba(247,249,252,.7)}
.fit-grid{display:grid;grid-template-columns:.97fr 1.03fr;gap:9%;align-items:center;margin-top:54px}
.fit-photo{position:relative;min-height:555px;border:1px solid rgba(255,255,255,.16);border-radius:25px;background-image:linear-gradient(180deg,rgba(11,31,51,.06) 40%,rgba(11,31,51,.72) 100%),var(--about-workspace);background-size:cover;background-position:43% center;box-shadow:0 30px 55px rgba(11,31,51,.18);overflow:hidden}
.fit-photo-note{position:absolute;right:22px;bottom:22px;left:22px;display:flex;flex-direction:column;gap:10px;padding:20px 23px;border-radius:17px;background:rgba(11,31,51,.54)}
.fit-photo-note span{font-size:9px;font-weight:800;letter-spacing:.19em;color:#DDEBFF}
.fit-photo-note strong{max-width:360px;font-size:21px;line-height:1.3;letter-spacing:-.035em;font-weight:600}
.fit-list{border-top:1px solid rgba(255,255,255,.22)}
.fit-list-label{display:block;padding:22px 0 2px;font-size:10px;font-weight:800;letter-spacing:.19em;color:#DDEBFF}
.fit-list article{display:grid;grid-template-columns:42px 1fr;gap:18px;padding:25px 0 28px;border-bottom:1px solid rgba(255,255,255,.2)}
.fit-list article>span{padding-top:5px;font-size:11px;font-weight:800;color:#DDEBFF}
.fit-list h3{margin:0 0 9px;font-size:22px;line-height:1.3;letter-spacing:-.035em;font-weight:600}
.fit-list p{max-width:470px;margin:0;font-size:13px;line-height:1.72;color:rgba(255,255,255,.65)}
.fit-link{display:inline-flex;gap:25px;align-items:center;margin-top:25px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.65);font-size:13px;font-weight:800}
.fit-link span{font-size:18px;font-weight:400}
.fit-link:hover{color:#DDEBFF}
.studio-approach{padding:128px 0 136px;background:#0b1f33}
.approach-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:11%}
.approach-intro h2{font-size:clamp(48px,4.6vw,69px)}
.approach-intro>p{max-width:430px;margin:25px 0 0;font-size:15px;line-height:1.75;color:rgba(247,249,252,.68)}
.approach-list{border-top:1px solid rgba(255,255,255,.22)}
.approach-list article{display:grid;grid-template-columns:40px 1fr 20px;gap:16px;padding:27px 0 30px;border-bottom:1px solid rgba(255,255,255,.22)}
.approach-list article>span{padding-top:5px;color:#f7f9fc;font-size:11px;font-weight:800}
.approach-list h3{font-size:22px;letter-spacing:-.035em;font-weight:600;margin:0 0 8px}
.approach-list p{max-width:460px;margin:0;font-size:13px;line-height:1.7;color:rgba(255,255,255,.65)}
.approach-list b{font-size:18px;font-weight:400;color:#f7f9fc}
.studio-next{position:relative;isolation:isolate;padding:143px 0 154px;background:#0b1f33;text-align:center}
.studio-next-atmosphere{position:absolute;z-index:-1;inset:0;background-image:linear-gradient(90deg,rgba(11,31,51,.93),rgba(11,31,51,.79),rgba(11,31,51,.93)),linear-gradient(180deg,#0b1f33,transparent 45%,#0b1f33),var(--hero-photo);background-size:cover;background-position:center}
.studio-next-inner{display:flex;flex-direction:column;align-items:center}
.studio-next h2{max-width:830px;margin-top:23px;font-size:clamp(56px,5.6vw,83px)}
.studio-next p{margin:24px 0 30px;color:rgba(255,255,255,.72);font-size:16px;line-height:1.7}
.about-page .footer-inner{border-top:1px solid rgba(255,255,255,.11)}
@media(max-width:1050px){
  .studio-hero-grid{gap:5%}
  .studio-hero-copy h1{font-size:clamp(55px,6.5vw,75px)}
  .studio-hero-visual{min-height:550px}
  .studio-story,.studio-fit,.studio-approach{padding-block:100px}
  .studio-story-grid,.fit-heading,.approach-grid{gap:7%}
  .story-more{margin-top:68px}
  .story-more-card{min-height:290px;padding:24px}
  .story-more-card h3{font-size:22px}
  .fit-grid{gap:6%}
  .fit-photo{min-height:520px}
}
@media(max-width:760px){
  .studio-hero{padding-bottom:70px}
  .studio-hero-grid{grid-template-columns:1fr;gap:15px;padding-top:36px;padding-bottom:54px}
  .studio-hero-copy{padding:34px 0 25px}
  .studio-hero-copy h1{font-size:clamp(56px,10vw,78px)}
  .studio-hero-visual{min-height:500px}
  .studio-story,.studio-fit,.studio-approach{padding-block:82px}
  .studio-story-grid,.fit-heading,.fit-grid,.approach-grid{grid-template-columns:1fr;gap:18px}
  .story-body{padding-top:0}
  .story-more{margin-top:52px}
  .story-more-heading{display:block}
  .story-more-heading p{margin-top:19px}
  .story-more-grid{grid-template-columns:1fr;gap:11px;margin-top:25px}
  .story-more-card{min-height:205px}
  .story-more-card h3{margin:34px 0 12px}
  .fit-heading>p{margin-top:7px}
  .fit-grid{gap:34px;margin-top:38px}
  .fit-photo{min-height:480px}
  .approach-grid{gap:42px}
  .studio-next{padding:100px 0 112px}
}
@media(max-width:520px){
  .studio-hero-grid{padding-top:12px;padding-bottom:38px}
  .studio-hero-copy h1{font-size:clamp(49px,12vw,63px);margin-top:20px}
  .studio-hero-copy>p{font-size:14px;margin-top:22px}
  .studio-hero-actions{gap:15px;margin-top:25px}
  .studio-hero-visual{min-height:405px;border-radius:20px}
  .studio-photo-label{left:12px;right:12px;bottom:12px;min-height:104px;padding:15px}
  .studio-photo-label strong{font-size:19px}
  .studio-hero-base{font-size:8px;letter-spacing:.08em}
  .studio-story,.studio-fit,.studio-approach{padding-block:70px}
  .studio-story h2,.fit-heading h2,.approach-intro h2,.studio-next h2{font-size:clamp(43px,10.5vw,57px)}
  .story-body .story-lead{font-size:18px}
  .story-body p,.approach-intro>p{font-size:14px}
  .story-more{margin-top:44px}
  .story-more-heading{padding-top:22px}
  .story-more-heading p{font-size:13px}
  .story-more-card{min-height:185px;padding:22px}
  .story-more-card h3{font-size:21px}
  .fit-heading>p{font-size:14px}
  .fit-grid{margin-top:32px}
  .fit-photo{min-height:380px;border-radius:20px}
  .fit-photo-note{right:13px;bottom:13px;left:13px;padding:16px}
  .fit-photo-note strong{font-size:17px}
  .fit-list article{grid-template-columns:30px 1fr;gap:12px;padding:23px 0}
  .fit-list h3{font-size:19px}
  .approach-list article{grid-template-columns:31px 1fr 17px;gap:11px;padding:24px 0}
  .approach-list h3{font-size:19px}
  .studio-next{padding:82px 0 93px}
  .studio-next p{font-size:14px}
}