/* About extends the approved staging identity; every content rule is scoped. */
.studio-about{--about-ink:#141414;--about-muted:#626262;--about-line:#e3e3e3;--about-dark:#121212;--about-gutter:clamp(24px,3.05vw,56px);--about-space:clamp(80px,8.5vw,136px);display:flow-root;min-width:0;padding-bottom:110px;color:var(--about-ink);background:#fff;font:400 18px/1.55 Urbanist,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.studio-about *,.studio-about *::before,.studio-about *::after{box-sizing:border-box}
.studio-about ::selection{background:#d9d6ff;color:#141414}
.studio-about :is(h1,h2,h3,p,figure,blockquote,dl,dd){margin:0}
.studio-about :is(h1,h2,h3){font-weight:400;letter-spacing:-.035em;text-wrap:balance;line-height:1.06;overflow-wrap:break-word}
.studio-about h1{font-size:clamp(50px,5.8vw,88px);max-width:15ch}
.studio-about h2{font-size:clamp(36px,3.8vw,60px)}
.studio-about h3{font-size:30px;line-height:1.2}
.studio-about p{overflow-wrap:break-word}
.studio-about a{color:inherit;text-decoration:none;text-underline-offset:5px}
.studio-about a:focus-visible,.studio-about summary:focus-visible{outline:3px solid #6252d4;outline-offset:6px}
.studio-about svg{width:21px;height:21px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.studio-about img{display:block;max-width:100%;height:auto}
.studio-about .about-wrap{max-width:1760px;margin-inline:auto;padding-inline:var(--about-gutter)}
.studio-about .about-inset{margin-inline:max(16px,calc((100% - 1728px)/2))}
.studio-about .about-section{margin-top:var(--about-space)}
.studio-about .about-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.8fr);gap:clamp(36px,5.5vw,88px);min-height:610px;padding:clamp(36px,4vw,64px);background:var(--about-dark);color:#fff;border-radius:24px;overflow:hidden}
.studio-about .about-hero-copy{align-self:center;padding-block:20px}
.studio-about .about-hero-copy>p{max-width:38ch;margin-top:32px;font-size:20px;line-height:1.55;color:#dedede}
.studio-about .about-hero-photo{min-width:0;height:100%;min-height:490px;border-radius:16px;overflow:hidden}
.studio-about .about-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:60% 50%}
.studio-about .about-actions{display:flex;gap:24px;flex-wrap:wrap;align-items:center;margin-top:36px}
.studio-about .about-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:54px;padding:15px 20px;border-radius:8px;background:#fff;color:#141414;font-size:15px;font-weight:600;transition:background .25s ease}
.studio-about .about-button:hover{background:#e7e7e7}
.studio-about .about-text-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:15px;font-weight:500;text-decoration:underline;text-decoration-thickness:1px}
.studio-about .about-text-link svg{transition:transform .3s cubic-bezier(.16,1,.3,1)}
.studio-about .about-text-link:hover svg{transform:translate(2px,-2px)}
.studio-about .about-hero a:focus-visible{outline-color:#fff}
.studio-about .about-intro{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(40px,9vw,144px)}
.studio-about .about-reading{max-width:68ch;font-size:20px;line-height:1.7}
.studio-about .about-reading p+p{margin-top:24px}
.studio-about .about-history{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(40px,7vw,112px);align-items:center}
.studio-about .about-history figure{align-self:stretch;min-height:530px;overflow:hidden;border-radius:20px}
.studio-about .about-history figure img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.studio-about .about-history h2{margin-bottom:32px}
.studio-about .about-values{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(40px,9vw,144px)}
.studio-about .about-values-list article{display:grid;grid-template-columns:minmax(120px,.7fr) minmax(0,1.5fr);gap:32px;padding-block:30px;border-top:1px solid var(--about-line)}
.studio-about .about-values-list article:first-child{padding-top:0;border-top:0}
.studio-about .about-values-list article:last-child{padding-bottom:0}
.studio-about .about-values-list h3{font-size:25px}
.studio-about .about-values-list p{font-size:18px;line-height:1.65;color:#555}
.studio-about .about-results{padding:clamp(32px,4.8vw,76px);border-radius:24px;background:var(--about-dark);color:#fff}
.studio-about .about-results-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:36px;margin-bottom:70px}
.studio-about .about-results-heading p{max-width:33ch;color:#dedede}
.studio-about .about-results dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.studio-about .about-results dl>div{display:flex;flex-direction:column-reverse;align-self:start;padding-top:25px;border-top:1px solid #555}
.studio-about .about-results dt{margin-top:20px;color:#dedede;font-size:16px}
.studio-about .about-results dd{font-size:clamp(44px,5vw,76px);font-weight:400;letter-spacing:-.035em;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap}
.studio-about .about-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;margin-bottom:48px}
.studio-about .about-section-head>p{max-width:43ch;line-height:1.65;color:var(--about-muted)}
.studio-about .about-team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;max-width:1180px;margin-inline:auto}
.studio-about .about-person figure{background:#0b0b0b;border-radius:20px;overflow:hidden}
.studio-about .about-person figure img{width:100%;aspect-ratio:.85;object-fit:cover;object-position:50% 28%}
.studio-about .about-person-caption{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-top:24px}
.studio-about .about-person-caption h3{font-size:30px}
.studio-about .about-person-caption p{margin-top:6px;color:var(--about-muted);font-size:16px}
.studio-about .about-person-caption a{display:inline-flex;align-items:center;gap:9px;font-size:15px;min-height:44px;white-space:nowrap}
.studio-about .about-person-caption a:hover{text-decoration:underline}
.studio-about .about-logo-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.studio-about .about-logo-grid li{min-width:0}
.studio-about .about-logo-grid img{width:100%;aspect-ratio:1.97;object-fit:contain}
.studio-about .about-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.studio-about .about-case-photo{display:block;border-radius:20px;overflow:hidden}
.studio-about .about-case-photo img{width:100%;aspect-ratio:1.2;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}
.studio-about .about-case-photo:hover img{transform:scale(1.025)}
.studio-about .about-case-title{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:25px}
.studio-about .about-case-title h3{font-size:30px}
.studio-about .about-case-title a{display:inline-flex;gap:12px;align-items:center;font-size:15px;min-height:44px;white-space:nowrap}
.studio-about .about-work-grid dl{display:flex;gap:48px;margin-top:22px;padding-top:24px;border-top:1px solid var(--about-line)}
.studio-about .about-work-grid dl>div{display:flex;flex-direction:column-reverse}
.studio-about .about-work-grid dd{font-size:44px;letter-spacing:-.035em;line-height:1.1;font-variant-numeric:tabular-nums}
.studio-about .about-work-grid dt{font-size:15px;margin-top:9px;color:var(--about-muted)}
.studio-about .about-all-work{margin-top:40px}
.studio-about .about-reviews{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:clamp(40px,6vw,96px)}
.studio-about .about-reviews .about-section-head{display:block;margin:0}
.studio-about .about-reviews .about-section-head>a{margin-top:25px}
.studio-about .about-review-list details{padding:24px 0;border-top:1px solid var(--about-line)}
.studio-about .about-review-list details:last-child{border-bottom:1px solid var(--about-line)}
.studio-about .about-review-list summary{display:grid;grid-template-columns:56px minmax(0,1fr) 24px;align-items:center;gap:20px;cursor:pointer;list-style:none;min-height:56px}
.studio-about .about-review-list summary::-webkit-details-marker{display:none}
.studio-about .about-review-list summary img{width:56px;height:56px;object-fit:cover;border-radius:50%}
.studio-about .about-review-list summary>span{display:flex;flex-direction:column;gap:3px}
.studio-about .about-review-list summary strong{font-weight:500;font-size:20px}
.studio-about .about-review-list summary>span>span{font-size:15px;color:var(--about-muted)}
.studio-about .about-review-list details[open] summary>svg{transform:rotate(45deg)}
.studio-about .about-review-list blockquote{padding:26px 44px 12px 76px;font-size:23px;line-height:1.5;letter-spacing:-.015em}
.studio-about .about-review-list blockquote p::before{content:'“'}
.studio-about .about-review-list blockquote p::after{content:'”'}
@media(min-width:1800px){.studio-about .about-hero{min-height:680px}}
@media(max-width:1100px){.studio-about .about-hero{grid-template-columns:1.2fr .8fr;gap:32px;padding:36px}.studio-about .about-hero h1{font-size:clamp(48px,6vw,68px)}.studio-about .about-hero-photo{min-height:450px}.studio-about .about-person-caption{display:block}.studio-about .about-person-caption a{margin-top:8px}.studio-about .about-case-title{display:block}.studio-about .about-case-title a{margin-top:6px}.studio-about .about-logo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.studio-about .about-results dd{font-size:56px}}
@media(max-width:800px){.studio-about .about-hero{grid-template-columns:1fr;min-height:0;padding:32px;gap:36px}.studio-about .about-hero h1{max-width:14ch;font-size:clamp(48px,8.5vw,68px)}.studio-about .about-hero-copy{padding:12px 0 0}.studio-about .about-hero-copy>p{max-width:50ch}.studio-about .about-hero-photo{min-height:0;aspect-ratio:1.65}.studio-about .about-intro,.studio-about .about-history,.studio-about .about-values,.studio-about .about-reviews{grid-template-columns:1fr;gap:32px}.studio-about .about-history figure{min-height:0;aspect-ratio:1.45;grid-row:2}.studio-about .about-reading{max-width:100%}.studio-about .about-results-heading{display:block;margin-bottom:45px}.studio-about .about-results-heading p{margin-top:22px}.studio-about .about-results dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 28px}.studio-about .about-results dd{font-size:64px}.studio-about .about-section-head{display:block;margin-bottom:32px}.studio-about .about-section-head>p{margin-top:22px;max-width:100%}.studio-about .about-section-head>.about-text-link{margin-top:18px}.studio-about .about-team-grid,.studio-about .about-work-grid{gap:24px}.studio-about .about-work-grid dl{gap:24px}.studio-about .about-work-grid dd{font-size:38px}.studio-about .about-review-list blockquote{padding-right:12px}}
@media(max-width:560px){.studio-about{--about-gutter:24px;--about-space:76px;padding-bottom:76px;font-size:17px}.studio-about .about-inset{margin-inline:10px}.studio-about .about-hero{padding:27px 22px 22px;border-radius:20px;gap:28px}.studio-about .about-hero h1{font-size:clamp(44px,11.5vw,58px);max-width:12ch}.studio-about .about-hero-copy>p{font-size:18px;margin-top:26px;line-height:1.6}.studio-about .about-actions{gap:12px 24px;margin-top:26px}.studio-about .about-button{min-height:52px;padding:14px 17px}.studio-about .about-hero-photo{aspect-ratio:1.3;border-radius:12px}.studio-about h2{font-size:38px}.studio-about .about-reading{font-size:18px;line-height:1.65}.studio-about .about-history figure{aspect-ratio:1.15;border-radius:16px}.studio-about .about-values-list article{grid-template-columns:1fr;gap:10px;padding-block:24px}.studio-about .about-values-list p{font-size:17px}.studio-about .about-results{padding:36px 24px;border-radius:20px}.studio-about .about-results dl{gap:34px 20px}.studio-about .about-results dd{font-size:48px}.studio-about .about-results dt{font-size:14px;margin-top:12px}.studio-about .about-team-grid,.studio-about .about-work-grid{grid-template-columns:1fr;gap:42px}.studio-about .about-person figure{border-radius:16px}.studio-about .about-person-caption{margin-top:20px}.studio-about .about-person-caption h3{font-size:28px}.studio-about .about-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.studio-about .about-case-photo{border-radius:16px}.studio-about .about-case-title{margin-top:20px}.studio-about .about-case-title h3{font-size:28px}.studio-about .about-work-grid dl{gap:40px;margin-top:16px}.studio-about .about-work-grid dd{font-size:42px}.studio-about .about-review-list summary{grid-template-columns:48px minmax(0,1fr) 20px;gap:14px}.studio-about .about-review-list summary img{width:48px;height:48px}.studio-about .about-review-list summary strong{font-size:18px}.studio-about .about-review-list summary>span>span{font-size:14px}.studio-about .about-review-list blockquote{padding:24px 0 2px;font-size:21px;line-height:1.5}.studio-about .about-review-list details{padding-block:20px}}
@media(prefers-reduced-motion:reduce){.studio-about *{scroll-behavior:auto!important;transition:none!important}.studio-about .about-case-photo:hover img,.studio-about .about-text-link:hover svg{transform:none}}