.about-v { padding: calc(var(--head) + clamp(40px, 7vh, 100px)) var(--gut) clamp(80px, 7vw, 130px); background: var(--ground); }
.about-v__top { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(24px, 3vw, 64px); align-items: end; margin-bottom: clamp(40px, 4.4vw, 84px); }
.page-about .about-lead { font-size: clamp(52px, 6.6vw, 132px); }
.about-v__under { margin-bottom: .4em; }
.people { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(16px, 1.6vw, 30px); border-top: 1px solid var(--steel); padding-top: clamp(16px, 1.4vw, 26px); }
.person { margin: 0; }
.person__img { position: relative; aspect-ratio: 4 / 5; overflow: hidden; background: #2a3038; }
.person__img img { width: 100%; height: 100%; object-fit: cover; object-position: 50% var(--py, 40%); }
.person__img::after { content: ''; position: absolute; inset: 0; pointer-events: none; box-shadow: inset 0 0 clamp(60px, 7vw, 130px) rgba(9, 13, 18, .42);
  background: linear-gradient(180deg, rgba(9, 13, 18, 0) 60%, rgba(9, 13, 18, .18)); }
.person__img .ph-tag { position: absolute; z-index: 1; left: 12px; top: 12px; }
.person__n { margin-top: 18px; font-size: clamp(24px, 1.8vw, 34px); font-weight: 300; letter-spacing: -.022em; line-height: 1.1; font-stretch: var(--wide); color: var(--ink); }
.person__r { margin-top: 4px; font-size: 15px; color: var(--ink-3); }
.person__lines { margin-top: 16px; border-top: 1px solid var(--rule); }
.person__lines a { display: grid; grid-template-columns: 4.6em minmax(0, 1fr); align-items: baseline; gap: 12px; padding: 10px 0 11px; border-bottom: 1px solid var(--rule);
  font-size: 16px; color: var(--ink); text-decoration: none; transition: color .2s var(--ease), padding-left .26s var(--ease); }
.person__lines a > span { font-family: var(--mono); font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: var(--ink-3); }
@media (hover: hover) { .person__lines a:hover { color: var(--steel); padding-left: 4px; } }
.person__lines a:active { opacity: .7; }
.people__credit { margin-top: 18px; }
@media (min-width: 761px) and (max-width: 1000px) {
  .person__lines a { grid-template-columns: minmax(0, 1fr); gap: 3px; }
}

.holds-v { position: relative; padding: clamp(96px, 9vw, 176px) var(--gut) 0; border-top: 1px solid var(--rule); overflow: hidden; background: var(--ground); }
.holds-v__grid { margin-top: clamp(48px, 4.4vw, 84px); display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--steel); position: relative; z-index: 1; }
.holds-v__grid > div { padding: clamp(22px, 2.2vw, 40px) clamp(16px, 2vw, 36px) clamp(26px, 2.6vw, 46px) 0; border-bottom: 1px solid var(--rule); }
.holds-v__grid > div:not(:nth-child(3n + 1)) { border-left: 1px solid var(--rule); padding-left: clamp(16px, 2vw, 36px); }
.holds-v__grid .num { font-size: 12px; }
.page-about .holds-v__grid .L3 { margin: 10px 0 12px; font-size: clamp(22px, 1.6vw, 30px); font-weight: 300; letter-spacing: -.02em; }
html.js .holds-v__grid > div { transition: opacity .32s ease, transform .4s var(--ease); }
html.js .holds-v__grid:not(.is-on) > div { opacity: .001; transform: translateY(10px); }
.holds-v__grid > div:nth-child(2), .holds-v__grid > div:nth-child(5) { transition-delay: .06s; }
.holds-v__grid > div:nth-child(3), .holds-v__grid > div:nth-child(6) { transition-delay: .12s; }
.holds-v__grid > div:nth-child(n + 4) { transition-delay: .22s; }
.holds-v__grid > div:nth-child(5) { transition-delay: .28s; }
.holds-v__grid > div:nth-child(6) { transition-delay: .34s; }
.holds-v .holds-mk { position: relative; display: block; margin: clamp(40px, 3.6vw, 64px) calc(-1 * var(--gut)) 0; height: calc(min(22vw, 42vh) * .9 + 40px); --mkw: min(22vw, 42vh);
  -webkit-mask-image: linear-gradient(180deg, #000 55%, transparent 96%); mask-image: linear-gradient(180deg, #000 55%, transparent 96%); }
.holds-mk svg { width: var(--mkw); left: calc(50% - var(--mkw) / 2); top: 0; }

.about-end .end-dark__words { padding-top: clamp(130px, 11vw, 200px); padding-bottom: clamp(70px, 6vw, 110px); }
.about-end__u { margin-top: clamp(22px, 2.6vh, 34px); }
.about-end__u a { color: #fff; text-decoration: none; border-bottom: 1px solid rgba(238, 241, 243, .4); transition: border-color .2s var(--ease); }
@media (hover: hover) { .about-end__u a:hover { border-bottom-color: #fff; } }
.about-end__btn { margin-top: clamp(28px, 3.6vh, 44px); }
html.js .about-end__u, html.js .about-end__btn { transition: opacity .5s ease, transform .6s var(--ease); }
html.js .about-end:not(.is-asked) .about-end__u, html.js .about-end:not(.is-asked) .about-end__btn { opacity: .001; transform: translateY(10px); }
html.js .about-end__btn { transition-delay: .1s; }
.about-end .end-dark__mark { position: absolute; z-index: 0; right: -3.5vw; bottom: -8vw; width: min(50vw, 980px); max-width: none; height: auto; color: #eef1f3; opacity: .105; pointer-events: none; }
html.js .about-end .end-dark__mark { -webkit-mask: linear-gradient(to top, #000 45%, transparent 55%) 0 0 / 100% 300% no-repeat; mask: linear-gradient(to top, #000 45%, transparent 55%) 0 0 / 100% 300% no-repeat;
  transition: -webkit-mask-position 1.8s cubic-bezier(.35, 0, .25, 1) 1.1s, mask-position 1.8s cubic-bezier(.35, 0, .25, 1) 1.1s; }
html.js .about-end.is-lit .end-dark__mark { -webkit-mask-position: 0 100%; mask-position: 0 100%; }

.page-about :is(a, button) { -webkit-tap-highlight-color: transparent; }

@media (max-width: 760px) {
  .about-v__top { grid-template-columns: minmax(0, 1fr); }
  .page-about .about-lead { font-size: clamp(46px, 13vw, 60px); }
  .people { grid-template-columns: minmax(0, 1fr); gap: 44px; }
  .holds-v { padding-bottom: 0; }
  .holds-v__grid { grid-template-columns: minmax(0, 1fr); }
  .holds-v__grid > div:not(:nth-child(3n + 1)) { border-left: 0; padding-left: 0; }
  .holds-v__grid > div:nth-child(n) { transition-delay: 0s; }
  .holds-v .holds-mk { height: 84vw; --mkw: 86vw; }
  .holds-mk svg { left: 7vw; top: 2vw; }
  .about-end .end-dark__mark { right: -26vw; bottom: -14vw; width: 104vw; }
}

.about-end { min-height: 100svh; display: flex; flex-direction: column; }
.about-end .site-foot--inside { margin-top: auto; }