.about-hero{position:relative;height:100svh;overflow:hidden;background:radial-gradient(ellipse at 50% 65%,#2a241750,transparent 70%)}.about-hero .hero-heading{position:absolute;top:16%;left:5%;right:5%;padding:0}.about-hero h1{font-size:min(10vw,14svh,145px);line-height:1.08;font-weight:900;letter-spacing:.025em;background:linear-gradient(170deg,#efe3c7,#b6975e);background-clip:text;-webkit-background-clip:text;color:transparent}.about-hero .eyebrow{font-size:clamp(9px,1.4svh,13px);letter-spacing:.5em;margin-bottom:2svh}.portrait-sequence{position:absolute;left:50%;top:39%;width:min(92vw,125svh,1200px);height:39%;display:flex;justify-content:center;gap:14px;transform:translateX(-50%)}.portrait-tile{width:calc(100% / 7);height:86%;overflow:hidden;align-self:center;border:1px solid #bca07040;transform:translateY(calc((var(--i) - 3)*-4px));animation:portrait-drift 8s ease-in-out infinite;animation-delay:calc(var(--i)*-.8s)}.portrait-tile:nth-child(even){height:100%}.portrait-tile img{width:100%;height:100%;object-fit:cover;object-position:50% 22%;filter:grayscale(1) sepia(.18);opacity:.87}.meet-team{position:absolute;bottom:6%;left:50%;transform:translateX(-50%);font-size:13px;color:#bda676;border-bottom:1px solid #8a7248;padding:10px 0}.meet-team span{margin-left:25px}@keyframes portrait-drift{50%{translate:0 -9px}}.paused .portrait-tile{animation-play-state:paused}.statement{padding:110px 0}.statement-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%;margin-top:70px}.statement h2,.vision h2{font-size:clamp(34px,4.5vw,68px);line-height:1.5}.statement-copy p,.vision-grid>div>p:not(.eyebrow){font-size:15px;color:#a7a299;line-height:2.1;margin-bottom:24px}.statement-copy .english{font:italic 18px/1.9 var(--roman);color:#b9a17a}.disciplines{display:flex;justify-content:space-between;border-top:1px solid #ffffff20;margin-top:60px;padding-top:30px;color:#8e7a58;font:12px var(--roman);letter-spacing:.15em}.team{padding:20px 0 130px}.team-heading{display:flex;justify-content:space-between;align-items:end;margin:45px 0 60px}.team-heading h2{font-size:clamp(32px,4.5vw,68px)}.team-heading p{font:11px var(--roman);letter-spacing:.18em;color:#ac966c}.team-heading p span{font-size:32px;margin-left:15px}.team-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:65px 30px}.member-photo{display:block;position:relative;width:100%;aspect-ratio:3/4;overflow:hidden;padding:0;background:#191815}.member-photo>img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;filter:grayscale(1);transition:filter .6s,transform .8s}.member-photo:hover>img,.member-photo:focus-visible>img{filter:grayscale(0);transform:scale(1.035)}.member-open{position:absolute;bottom:15px;right:15px;border:1px solid #ba9f6e88;background:#080808c9;width:35px;height:35px;border-radius:50%;display:grid;place-items:center;color:#d6bd90;font-size:20px}.member-meta{display:flex;gap:16px;margin-top:20px;align-items:center}.member-index{font:italic 15px var(--roman);color:#786644}.member h3{font-size:26px}.member-en{font:10px/1.6 var(--roman);letter-spacing:.12em;color:#a68d63;margin-top:6px}.member ul{padding:15px 0 0;margin:15px 0 0;list-style:none;border-top:1px solid #ffffff1a;font-size:12px;color:#96938e;line-height:1.9}.vision{background:#141311;padding:100px 0}.vision-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:12%;align-items:center}#member-dialog{width:min(1050px,94vw);max-height:94svh;padding:30px;background:#12110f;border:1px solid #87704a70}.profile-close{display:block;margin:0 0 22px auto;color:#b6a17a;font-size:13px}.profile-layout{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}#profile-photo{width:100%;height:65svh;object-fit:contain;background:#090909}.profile-info h2{font-size:clamp(35px,4vw,64px)}#profile-en{font:14px var(--roman);color:#bea273;letter-spacing:.15em;margin:15px 0 35px}#profile-bio{list-style:none;padding:0;font-size:16px;line-height:2.4;color:#b4aea2}.profile-controls{border-top:1px solid #5e4f33;margin-top:50px;padding-top:18px;display:flex;justify-content:space-between;align-items:center;color:#a88e60}.profile-controls button{padding:10px;font-size:22px}.profile-controls span{font:12px var(--roman)}
@media(max-width:900px){.team-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:45px 22px}.statement-grid,.vision-grid{gap:7%}.portrait-sequence{gap:8px}.portrait-tile:nth-child(7){display:none}}
@media(max-width:700px){.about-hero .hero-heading{top:19%}.about-hero h1{font-size:min(16vw,11svh)}.portrait-sequence{width:115%;height:35%;top:40%;gap:8px}.portrait-tile{flex:0 0 20%}.portrait-tile:nth-child(n+6){display:none}.statement{padding:65px 0}.statement-grid,.vision-grid{grid-template-columns:1fr;gap:30px;margin-top:35px}.statement-copy p,.vision-grid>div>p:not(.eyebrow){font-size:14px}.disciplines{display:grid;grid-template-columns:1fr 1fr;gap:22px;font-size:10px;margin-top:35px}.team{padding-bottom:70px}.team-heading{align-items:start;margin:30px 0 35px;gap:20px}.team-heading p{font-size:9px;white-space:nowrap}.team-heading p span{display:block;margin:12px 0 0;text-align:right}.team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 18px}.member h3{font-size:22px}.member-meta{gap:9px}.member-index{font-size:12px}.member-en{font-size:8px;letter-spacing:.03em}.member ul{font-size:11px}.vision{padding:60px 0}.vision-grid{margin-top:0}.profile-layout{grid-template-columns:1fr;gap:25px}#member-dialog{padding:20px}#profile-photo{height:40svh}.profile-info .eyebrow{font-size:10px}#profile-en{margin-bottom:20px;font-size:12px}#profile-bio{font-size:14px}.profile-controls{margin-top:25px}}
@media(prefers-reduced-motion:reduce){.portrait-tile{animation:none}.member-photo>img{transition:none}}
.member-photo>img{filter:none}
.collective-stage{position:absolute;left:50%;top:37%;width:min(88vw,100svh,1050px);height:45%;transform:translateX(-50%) perspective(1200px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .8s ease-out;mix-blend-mode:screen;pointer-events:none}
.collective-float{width:100%;height:100%;animation:collective-breathe 9s ease-in-out infinite}.collective-float img{width:100%;height:100%;object-fit:contain}
@keyframes collective-breathe{50%{transform:translateY(-10px)}}.paused .collective-float{animation-play-state:paused}
.team-intro-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin:50px 0}.team-intro-heading .eyebrow{font-size:11px;margin:0;color:#a98e60}
.bilingual-intro article{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding:30px 0;border-top:1px solid #ffffff18}.bilingual-intro [lang=zh-CN]{font:400 16px/2.1 var(--body);color:#c4beb2}.bilingual-intro [lang=en]{font:400 18px/1.9 var(--roman);color:#938b7b}
@media(max-width:700px){.collective-stage{width:94vw;height:43%}.team-intro-heading{display:block;margin:30px 0}.team-intro-heading .eyebrow{margin-top:20px}.bilingual-intro article{grid-template-columns:1fr;gap:20px;padding:25px 0}.bilingual-intro [lang=zh-CN]{font-size:14px}.bilingual-intro [lang=en]{font-size:16px}}
@media(prefers-reduced-motion:reduce){.collective-float{animation:none}.collective-stage{transform:translateX(-50%);transition:none}}
.collective-float img{-webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.15) 3%,rgba(0,0,0,.65) 7%,#000 12%,#000 81%,rgba(0,0,0,.75) 88%,rgba(0,0,0,.25) 95%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.15) 3%,rgba(0,0,0,.65) 7%,#000 12%,#000 81%,rgba(0,0,0,.75) 88%,rgba(0,0,0,.25) 95%,transparent 100%)}
.vision-grid>div>p.vision-translation{font:400 18px/1.9 var(--roman);color:#aa9777;letter-spacing:.025em}
@media(max-width:700px){.vision-grid>div>p.vision-translation{font-size:16px}}
/* Fade the actual image bounds, rather than the contain-fit letterbox. */
.about-hero{background:radial-gradient(ellipse at 50% 62%,#211b101f,transparent 72%)}
.collective-float{display:flex;align-items:center;justify-content:center}
.collective-float img{width:100%;height:auto;max-height:100%;object-fit:contain;filter:brightness(.94);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.12) 4%,rgba(0,0,0,.5) 9%,#000 18%,#000 76%,rgba(0,0,0,.65) 86%,rgba(0,0,0,.18) 95%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.12) 4%,rgba(0,0,0,.5) 9%,#000 18%,#000 76%,rgba(0,0,0,.65) 86%,rgba(0,0,0,.18) 95%,transparent 100%)}
@media(max-width:700px){.collective-stage{width:112vw;top:36%;height:47%}.collective-float img{max-width:none;flex-shrink:0}}

/* Shared full-width silk orbit, matching the toolkit hero. */
.about-hero .orbit{position:absolute;left:-15%;top:45%;width:130%;height:65%;border:1px solid #ac8b4933;border-radius:50%;transform:rotate(-9deg);animation:about-orbit-drift 12s ease-in-out infinite;pointer-events:none}
.about-hero .orbit:after{content:'';position:absolute;inset:16px -10px;border:1px solid #ac8b4920;border-radius:50%;transform:rotate(12deg)}
@keyframes about-orbit-drift{50%{transform:rotate(1deg) translateY(12px)}}
.paused .about-hero .orbit{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.about-hero .orbit{animation:none}}

/* Match the approved poster hero action placement. */
.about-hero .hero-cta{position:absolute;bottom:5%;left:5%;right:5%;margin:0;display:flex;justify-content:center;z-index:4}
.about-hero .hero-cta .experience{min-height:44px;padding-top:10px;padding-bottom:10px;font-size:14px}
@media(max-width:700px){.about-hero .hero-cta{bottom:7%}}
html{scroll-behavior:smooth}#team{scroll-margin-top:30px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Member portraits are static editorial images. */
.member-photo{cursor:default}.member-photo:hover>img{transform:none}
