/* One studio identity, with a personal presence on each page. */
.people-experience .person-hero{position:relative;isolation:isolate;display:block;min-height:570px;height:auto;max-height:none;padding:20px 6% 45px;margin:0;background:#08090c;text-align:start;overflow:hidden;gap:0}
.people-experience .person-hero:before{display:block;content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 110%,#3157e82a,transparent 60%);pointer-events:none}.people-experience .person-hero:after{display:block;content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#08090c60,transparent 70%),linear-gradient(transparent 70%,#090909);pointer-events:none}.people-experience .person-hero .otw-beams{opacity:.34}.person-hero-inner{max-width:1160px;margin:auto;display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center;min-height:530px}.person-hero-copy{position:relative;z-index:2;padding-block:25px}.people-experience .person-hero h1{font-size:clamp(44px,4.7vw,67px);font-weight:500;line-height:1.35;letter-spacing:-.035em;margin:24px 0;color:#f3f3f3}.people-experience .person-hero h1 span{color:#dce2f2;text-decoration:none}html[lang=en] .people-experience .person-hero h1{line-height:1.12;letter-spacing:-.055em}html[lang=en] .people-experience .person-hero h1 span{font-family:Georgia,serif;font-style:italic;font-weight:400}.people-experience .person-hero p{max-width:560px;color:#bcc1ca;font-size:17px;line-height:1.85;margin:0 0 28px}.people-experience .person-hero .button{border-radius:999px;box-shadow:0 0 22px #fff1}.people-experience .person-hero .studio-kicker{font-size:11px}
.person-hero-portrait{position:relative;height:530px;align-self:end;overflow:hidden;border-radius:170px 170px 14px 14px;background:#0c0d10;border:1px solid #ffffff14;box-shadow:0 20px 70px #0004}.person-hero-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 35%;transition:transform .7s}.person-hero-portrait:hover img{transform:scale(1.02)}.person-hero-portrait:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#08090c);pointer-events:none}.people-experience .person-hero[data-page=services] .person-hero-portrait,.people-experience .person-hero[data-page=blogs] .person-hero-portrait{border-radius:16px 140px 16px 16px}.people-experience .person-hero[data-page=portfolio] .person-hero-portrait{border-radius:140px 16px 16px 16px}.people-experience .compact-person-hero .person-hero-inner{min-height:440px}.people-experience .compact-person-hero .person-hero-portrait{height:440px}.people-experience .compact-person-hero{min-height:0;padding-bottom:40px}.people-experience .compact-person-hero h1{font-size:clamp(35px,3.5vw,51px)}.people-experience .breadcrumbs{background:#08090c;margin:0;max-width:none;padding:22px max(6%,calc((100vw - 1160px)/2));font-size:12px}.page-content-anchor{scroll-margin-top:100px}.detail-introduction{padding-block:45px!important;max-width:1000px!important}.detail-introduction p{font-size:18px;color:#bbb;line-height:1.9;margin:0}
.people-experience .pixel-hero{padding-bottom:160px}.human-intro{position:absolute;bottom:80px;inset-inline-start:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:13px;color:#c2c5cd;font-size:13px;width:max-content;max-width:88%;z-index:2;text-align:start;line-height:1.5}.human-intro img{width:48px;height:48px;object-fit:cover;object-position:50% 23%;border:1px solid #ffffff30;border-radius:50%;flex-shrink:0}html[dir=rtl] .human-intro{transform:translateX(50%)}
@media(max-width:900px){.person-hero-inner{gap:30px;grid-template-columns:1.1fr .9fr}.person-hero-portrait{height:470px}.people-experience .person-hero h1{font-size:46px}.people-experience .person-hero p{font-size:16px}}
@media(max-width:700px){.people-experience .person-hero{padding:20px 6% 30px;min-height:0}.person-hero-inner{grid-template-columns:1fr;min-height:0;gap:22px}.person-hero-copy{padding-block:12px}.people-experience .person-hero h1{font-size:40px;line-height:1.35;margin:22px 0 18px}html[lang=en] .people-experience .person-hero h1{font-size:44px;line-height:1.15}.people-experience .person-hero p{font-size:16px;margin-bottom:23px}.person-hero-portrait{height:360px;width:100%;max-width:410px;margin-inline:auto;border-radius:100px 100px 12px 12px}.person-hero-portrait img{object-position:center 28%}.people-experience .person-hero[data-page=services] .person-hero-portrait,.people-experience .person-hero[data-page=blogs] .person-hero-portrait{border-radius:12px 90px 12px 12px}.people-experience .person-hero[data-page=portfolio] .person-hero-portrait{border-radius:90px 12px 12px 12px}.people-experience .compact-person-hero .person-hero-portrait{height:270px}.people-experience .compact-person-hero .person-hero-inner{min-height:0}.people-experience .compact-person-hero h1,html[lang=en] .people-experience .compact-person-hero h1{font-size:36px}.people-experience .breadcrumbs{padding-top:18px;font-size:11px}.people-experience .pixel-hero{min-height:740px;padding-bottom:175px}.human-intro{bottom:78px;font-size:12px;gap:10px}.human-intro img{width:42px;height:42px}}
@media(prefers-reduced-motion:reduce){.person-hero-portrait img{transition:none}.person-hero-portrait:hover img{transform:none}}
.motion-paused .person-hero-portrait img{transition:none}