/* Compact hero; spring transforms never change document flow. */
.about-page .about-hero{padding:132px 0 38px;min-height:0}
.about-page .about-top{margin-bottom:23px}
.about-page .about-title{font-size:clamp(54px,6.05vw,98px);line-height:.96;max-width:1100px}
.about-page .about-title br:first-of-type{display:none}
.about-page .about-title .outline{margin-left:.18em}
.about-page .about-hero-bottom{margin-top:25px;gap:30px}
.about-page .about-hero-bottom p{font-size:12px;line-height:1.7;max-width:60ch}
.about-page .about-orbit{width:34vw;height:34vw;top:100px;right:-8vw}
.about-page .about-wide{overflow:hidden}
.about-page [data-spring]{transform-origin:50% 55%;backface-visibility:hidden}
.about-page .elastic[data-spring]{transition:filter .3s;transform:none}
.about-page .elastic[data-spring]:hover{transform:none}
.about-page .about-title[data-spring]{transform-origin:left center}
.about-page .about-copy p,.about-page .founder-layout p{overflow-wrap:break-word}
.about-page.motion-ready .about-orbit{animation-duration:18s}
@media(min-width:1000px) and (max-height:800px){.about-page .about-hero{padding-top:119px;padding-bottom:28px}.about-page .about-title{font-size:clamp(54px,5.7vw,88px)}.about-page .about-top{margin-bottom:18px}}
@media(max-width:760px){.about-page .about-hero{padding:110px 0 32px}.about-page .about-top{margin-bottom:25px}.about-page .about-title{font-size:8.1vw;line-height:1.05}.about-page .about-hero-bottom{margin-top:22px;gap:20px}.about-page .about-orbit{width:65vw;height:65vw;top:85px;right:-30vw}}
@media(max-width:420px){.about-page .about-title{font-size:8vw}.about-page .about-top .eyebrow{max-width:160px;font-size:7px}.about-page .motion-toggle{font-size:8px;padding:8px}.about-page .about-hero-bottom p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.about-page [data-spring]{translate:none!important;rotate:none!important;scale:none!important;opacity:1!important}}
.motion-paused [data-spring]{translate:none!important;rotate:none!important;scale:none!important;opacity:1!important}

/* Original archived headline, fitted into the compact opening. */
.about-page .about-title{font-size:clamp(36px,4.5vw,72px);max-width:1150px;line-height:1.08}.about-page .about-title br:first-of-type{display:block}.about-page .about-title>span:first-child{font-size:.52em;display:inline-block;margin-bottom:12px}.about-page .value-card h2{font-size:clamp(38px,4vw,65px);margin:20px 0}.archive-productions{max-width:1100px;line-height:2}.about-page .about-hero{padding-bottom:45px}@media(max-width:600px){.about-page .about-title{font-size:8vw}.about-page .about-title>span:first-child{font-size:.7em}}

/* Vision and Mission are the landing section below the fixed navigation. */
.about-page .about-landing{padding-top:130px;padding-bottom:65px}.landing-controls{display:flex;justify-content:flex-end;margin-bottom:20px}.about-landing .value-card{padding:clamp(25px,3.5vw,55px)}@media(max-width:760px){.about-page .about-landing{padding-top:102px;padding-bottom:40px}.landing-controls{margin-bottom:16px}}

/* Source portfolio titles; lightweight text-only YouTube grid. */
.built-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.built-project{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:116px;padding:24px;border:1px solid #35523e;background:#0a140e;color:#edf4ef;position:relative;overflow:hidden}.built-project-name{font:500 clamp(15px,1.25vw,20px)/1.5 var(--body);overflow-wrap:anywhere}.built-project-arrow{flex:none;color:var(--g);font-size:24px}.built-project:hover,.built-project:focus-visible{background:#13291b;border-color:var(--g);color:var(--g)}#built .sec-head h2{font-size:clamp(38px,5.5vw,88px)}@media(max-width:1000px){.built-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.built-project-grid{grid-template-columns:1fr;gap:10px}.built-project{min-height:88px;padding:20px}.built-project-name{font-size:14px}}

.about-page .landing-controls-hidden{height:0;margin:0;padding:0}

/* Original team biographies and profile links. */
.team-card figcaption{padding:0 2px}.team-role{color:var(--g);font-size:12px;line-height:1.6;margin:9px 0 16px}.team-details{border-top:1px solid #35523e;padding-top:13px}.team-details summary{cursor:pointer;font-size:12px;color:#eff5f0;min-height:30px}.team-details p{font-size:12px;line-height:1.85;margin:12px 0 18px}.team-socials{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.team-socials a,.team-wechat summary{display:inline-flex;align-items:center;min-height:40px;padding:8px 11px;border:1px solid #35523e;font-size:10px;color:#d5e4d9;cursor:pointer}.team-socials a:hover,.team-socials a:focus-visible{background:var(--g);color:#061008;border-color:var(--g)}.team-wechat span{display:block;font-size:11px;overflow-wrap:anywhere;padding:10px 0}.team-grid{align-items:start}

/* Compact project rows sized by their text, without a minimum height. */
.about-page .built-project-grid{gap:8px;grid-auto-rows:auto;align-items:stretch}.about-page .built-project{min-height:0;height:auto;padding:12px 15px;gap:12px}.about-page .built-project-name{font-size:clamp(12px,1.05vw,16px);line-height:1.45}.about-page .built-project-arrow{font-size:19px}@media(max-width:600px){.about-page .built-project{min-height:0;padding:11px 14px}.about-page .built-project-name{font-size:13px}.about-page .built-project-grid{gap:7px}}

/* Portrait identity overlay and compact social icons. */
.team-portrait{position:relative;isolation:isolate;overflow:hidden;clip-path:polygon(0 4%,100% 0,100% 96%,0 100%)}.team-card .team-portrait img{clip-path:none}.team-identity{position:absolute;inset:auto 0 0;padding:55px 18px 30px;background:linear-gradient(transparent,rgba(0,0,0,.85) 48%,#030805);pointer-events:none}.team-card .team-identity h3{font-size:clamp(21px,2vw,30px);line-height:1.15;margin:0;text-shadow:0 2px 8px #000}.team-identity .team-role{font-size:11px;line-height:1.45;margin:8px 0 0}.team-card .team-socials{margin:10px 0 13px;gap:7px}.team-socials a,.team-wechat summary{width:40px;height:40px;padding:10px;justify-content:center}.team-socials svg{width:19px;height:19px;fill:currentColor;flex:none}.team-card .team-details{margin-top:12px}.team-wechat summary{list-style:none}.team-wechat summary::-webkit-details-marker{display:none}@media(max-width:600px){.team-identity{padding:40px 11px 22px}.team-card .team-identity h3{font-size:19px}.team-identity .team-role{font-size:10px}.team-socials a,.team-wechat summary{width:36px;height:36px;min-height:36px;padding:8px}}
