/* About shares the homepage studio palette and keeps its existing content. */
body.about-studio{--about-accent:var(--studio-accent);--about-accent-on-light:var(--studio-accent);}
.about-studio #dc-root .about2-profile-hero.about2-hero,
.about-studio #dc-root .about2-clients{background:var(--studio-bg)!important;color:var(--studio-ink)!important;}
.about-studio .about2-profile-heading,.about-studio .about2-profile-note,
.about-studio #dc-root .about2-intro p{color:var(--studio-ink)!important;}
.about-studio .about2-profile-lede{color:#ded8cf;}
.about-studio .about2-profile-eyebrow,
.about-studio .about2-profile-heading em,
.about-studio .about2-profile-note .about2-portrait-note-handle,
.about-studio #dc-root .about2-stat-value>span,
.about-studio #dc-root #about-clients-heading,
.about-studio #dc-root #about-services-heading,
.about-studio #dc-root .about2-clients a{color:var(--studio-accent)!important;}
.about-studio #dc-root .about2-intro>div,
.about-studio #dc-root .about2-stat-label,
.about-studio #dc-root .about2-services>.about2-content-width>div{color:var(--studio-muted)!important;}
.about-studio #dc-root .about2-stats-grid{border-color:var(--studio-line)!important;}
.about-studio #dc-root a.about2-profile-link.lm-glass-button{background:var(--studio-surface)!important;color:var(--studio-ink)!important;border-color:var(--studio-line)!important;box-shadow:none!important;}
.about-studio #dc-root a.about2-profile-link:hover{background:#45413d!important;color:var(--studio-ink)!important;}
.about-studio .about2-profile-visual::before{display:none;}
.about-studio .about2-profile-portrait{mask-image:linear-gradient(to bottom,#000 85%,transparent);}
.about-studio .about2-portrait-light{display:none;}
.about-studio #dc-root .about2-service-tile{background:var(--studio-surface)!important;border-color:var(--studio-line)!important;color:var(--studio-ink)!important;box-shadow:none!important;}
.about-studio #dc-root .about2-service-tile:hover{border-color:var(--studio-accent)!important;}
.about-studio .about2-service-icon{stroke:var(--studio-accent);}
.about-studio #dc-root .about2-service-title{color:var(--studio-ink)!important;}
.about-studio #dc-root .about2-service-capabilities,
.about-studio #dc-root .about2-service-capabilities>span,
.about-studio #dc-root .about2-capability-list>span{color:var(--studio-muted)!important;border-color:var(--studio-line)!important;background:transparent!important;}
.about-studio #dc-root .about2-clients a:hover,
.about-studio .about2-profile-note .about2-portrait-note-handle:hover{color:var(--studio-ink)!important;}
.about-studio .about2-profile-visual{mask-image:linear-gradient(to bottom,#000 90%,transparent);}
.about-studio #dc-root .about2-profile-link>.lm-glass-arrow{background:#45413d!important;color:var(--studio-ink)!important;border-color:var(--studio-line)!important;}
/* A compact opening keeps the portrait and introduction in the same window. */
.about-studio #dc-root .about2-profile-hero.about2-hero{min-height:0!important;}
.about-studio .about2-profile-grid{min-height:0;}
.about-studio .about2-profile-copy{padding-top:32px;padding-bottom:32px;}
.about-studio .about2-profile-eyebrow{margin-bottom:16px;}
.about-studio .about2-profile-lede{margin-top:20px;}
.about-studio .about2-profile-links{margin-top:20px;}
.about-studio #dc-root .about2-band{padding-top:20px!important;padding-bottom:28px!important;}
.about-studio #dc-root .about2-intro-section{padding-top:20px!important;padding-bottom:40px!important;}
.about-studio #dc-root .about2-stats{padding-bottom:40px!important;}
.about-studio #dc-root .about2-clients{padding-top:36px!important;padding-bottom:36px!important;}
.about-studio #dc-root .about2-services{padding-top:40px!important;padding-bottom:48px!important;}
@media(min-width:761px){
  .about-studio #dc-root .about2-profile-hero.about2-hero{padding-left:var(--about-gutter)!important;padding-right:var(--about-gutter)!important;}
  .about-studio .about2-profile-grid{grid-template-columns:minmax(0,1.4fr) minmax(250px,.85fr);gap:24px;}
  .about-studio .about2-profile-copy{padding-left:0;padding-right:0;}
  .about-studio .about2-profile-heading{font-size:clamp(42px,5.5vw,76px);}
  .about-studio .about2-profile-lede{font-size:clamp(18px,1.6vw,23px);line-height:1.38;}
  .about-studio .about2-profile-visual{min-height:clamp(410px,38vw,530px);overflow:hidden;}
  .about-studio #dc-root .about2-profile-hero .about2-profile-portrait{position:absolute!important;top:8%!important;left:50%!important;width:clamp(360px,33vw,520px)!important;margin:0!important;transform:translateX(-50%);}
  .about-studio #dc-root .about2-profile-hero .about2-profile-note{position:absolute!important;top:23%!important;left:auto!important;right:0!important;margin:0!important;}
  .about-studio .about2-profile-note .about2-portrait-note-copy{font-size:18px;}
}
@media(max-width:760px){
  .about-studio .about2-profile-copy{padding:24px 18px 8px;}
  .about-studio .about2-profile-eyebrow{margin-bottom:12px;}
  .about-studio .about2-profile-lede{margin-top:16px;font-size:18px;line-height:1.35;}
  .about-studio .about2-profile-links{margin-top:16px;}
  .about-studio .about2-profile-visual{min-height:320px;height:320px;}
  .about-studio #dc-root .about2-profile-hero .about2-profile-portrait{top:0!important;width:340px!important;}
  .about-studio #dc-root .about2-profile-hero .about2-profile-note{top:21%!important;}
}
/* Keep the hand inside its column and feather the portrait's cutout edges. */
.about-studio #dc-root .about2-profile-hero .about2-profile-portrait{
  width:min(100%,520px)!important;
  mask-image:linear-gradient(to right,transparent,#000 9%,#000 93%,transparent);
}
.about-studio .about2-profile-visual{mask-image:linear-gradient(to bottom,#000 80%,transparent 100%);}
.about-studio #dc-root .about2-profile-hero .about2-profile-note{top:0!important;right:8px!important;}
.about-studio #dc-root .about2-profile-hero .about2-profile-note svg{width:40px;}
@media(max-width:760px){
  .about-studio #dc-root .about2-profile-hero .about2-profile-portrait{width:min(90%,340px)!important;}
  .about-studio #dc-root .about2-profile-hero .about2-profile-note{right:12px!important;}
}
@media(min-width:761px){
  .about-studio #dc-root .about2-profile-hero .about2-profile-note{top:24px!important;}
}
/* The desk scene replaces the separate portrait and handwritten annotation. */
.about-studio #dc-root .about2-desk-hero.about2-profile-hero{position:relative;padding:0!important;isolation:isolate;}
.about2-desk-image{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;mask-image:linear-gradient(to bottom,transparent,#000 5%,#000 92%,transparent);}
.about-studio .about2-desk-hero .about2-profile-grid{position:relative;z-index:1;display:block;max-width:none;min-height:clamp(430px,40vw,680px);padding-inline:var(--about-gutter);}
.about-studio .about2-desk-hero .about2-profile-copy{width:36%;min-height:inherit;padding:32px 0;justify-content:center;}
.about-studio .about2-desk-hero .about2-profile-heading{font-size:clamp(34px,4vw,64px);}
.about-studio .about2-desk-hero .about2-profile-lede{font-size:clamp(16px,1.25vw,20px);line-height:1.4;}
@media(max-width:760px){
  .about-studio .about2-desk-hero .about2-profile-grid{min-height:0;padding:0 18px;}
  .about-studio .about2-desk-hero .about2-profile-copy{width:100%;padding:24px 0 12px;}
  .about-studio .about2-desk-hero .about2-profile-heading{font-size:clamp(42px,11.6vw,54px);}
  .about-studio .about2-desk-hero .about2-profile-lede{font-size:18px;}
  .about-studio .about2-desk-image{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;object-position:right center;}
}
@media(min-width:761px){
  .about-studio .about2-desk-image{inset:auto auto 0 50%;width:min(100%,1700px);height:auto;transform:translateX(-50%);}
}
