.db-about{background:var(--db-bg);min-height:100svh;color:var(--db-fg);padding-bottom:clamp(80px,12vh,140px)}.db-about-head{padding-top:clamp(120px,22vh,240px);padding-bottom:clamp(48px,9vh,120px)}.db-about-title{letter-spacing:-.035em;max-width:16ch;margin-top:clamp(20px,3vh,36px);font-size:clamp(2.6rem,7vw,6rem);font-weight:700;line-height:1.02}.db-about-title-row{display:block}.db-about-story{--db-story-lh:1.34;max-width:46ch;font-size:clamp(1.32rem,2.7vw,2.15rem);line-height:var(--db-story-lh);letter-spacing:-.022em;text-wrap:pretty;gap:.86em;font-weight:400;display:grid}.db-about-story p{margin:0}.db-about-story p:first-child{letter-spacing:-.028em;font-weight:500}.db-fig{vertical-align:top;height:calc(var(--db-story-lh) * 1em);width:calc(var(--db-story-lh) * var(--db-fig-ratio,1.3) * 1em);margin-inline:.18em;display:inline-block;position:relative}.db-fig-frame{background:color-mix(in srgb, currentColor 10%, transparent);width:100%;height:100%;box-shadow:inset 0 0 0 1px color-mix(in srgb, currentColor 18%, transparent);transition:transform .46s var(--db-ease-out), box-shadow .46s var(--db-ease-out);border-radius:.14em;display:block;overflow:hidden}.db-fig img,.db-fig video{object-fit:cover;width:100%;height:100%;display:block}.db-fig-hold{white-space:nowrap}.db-fig--tight{margin-inline-end:.02em}@media (hover:hover) and (pointer:fine){.db-about-story .db-fig:hover{z-index:4}.db-about-story .db-fig:hover .db-fig-frame{box-shadow:inset 0 0 0 1px color-mix(in srgb, currentColor 34%, transparent), 0 .5em 1.6em #0000008c;transform:scale(3.4)}}@media (prefers-reduced-motion:reduce){.db-fig-frame{transition:none}.db-about-story .db-fig:hover .db-fig-frame{transform:none}}.db-motion .db-scrub .db-l.db-fig{transform-origin:50% 72%;filter:none;transition:opacity .52s var(--db-ease-out), transform .7s var(--db-ease-out);transform:translateY(.3em)scale(.34)}.db-motion .db-scrub .db-l.db-fig.is-lit{transform:none}@media (prefers-reduced-motion:reduce){.db-motion .db-scrub .db-l.db-fig{transform:none}}.db-about-plate{max-width:1440px;margin:clamp(48px,8vh,96px) 0 0;display:block}.db-about-plate img{width:100%;max-width:940px;height:auto;display:block}.db-about-plate figcaption{margin-top:.8rem}.db-about-facts{gap:1.4rem clamp(32px,5vw,80px);max-width:1440px;margin-top:clamp(56px,10vh,120px);display:grid}@media (min-width:52rem){.db-about-facts{grid-template-columns:200px minmax(0,1fr);align-items:start}}.db-about-how{gap:1.1rem;max-width:62ch;display:grid}.db-about-how p{font-size:1.16rem;line-height:1.6}.db-about-lead{letter-spacing:-.02em;max-width:24ch;font-size:clamp(1.3rem,2vw,1.7rem);font-weight:700;line-height:1.22}.db-about-timeline{gap:0;margin:0;padding:0;list-style:none;display:grid}.db-about-timeline li{border-top:1px solid var(--db-rule);align-items:baseline;gap:.3rem 1.6rem;padding:1.1rem 0;display:grid}.db-about-timeline li:last-child{border-bottom:1px solid var(--db-rule)}@media (min-width:44rem){.db-about-timeline li{grid-template-columns:9ch minmax(0,14ch) minmax(0,1fr)}}.db-about-years{white-space:nowrap}.db-about-name{letter-spacing:-.01em;font-size:1.06rem;font-weight:700}.db-about-line{color:color-mix(in srgb, currentColor 78%, transparent);max-width:52ch;font-size:1.02rem;line-height:1.55}.db-about-edu{margin-top:1.6rem;font-size:1.02rem}.db-about-clients{letter-spacing:.02em;max-width:68ch;color:color-mix(in srgb, currentColor 72%, transparent);font-size:.95rem;line-height:2}.db-about-page .db-footer{padding-top:clamp(96px,16vh,200px)}
