#about .about-headline{font-size:clamp(38px,5vw,62px);line-height:1.08;letter-spacing:-.045em;font-weight:750;max-width:850px}
#about .about-description{font-size:clamp(16px,1.8vw,21px);color:#c5ccca;max-width:740px;margin-top:20px;line-height:1.55}
#about .about-areas{margin-top:84px}
#about .about-subhead{font-size:11px;letter-spacing:.22em;font-weight:600;display:flex;align-items:center;gap:20px;margin-bottom:23px}
#about .about-subhead:after{content:"";height:1px;max-width:270px;flex:1;background:var(--line)}
#about .about-area-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#about .about-area-grid article{border:1px solid var(--line);border-radius:20px;background:linear-gradient(130deg,#1b22224d,#0d14154d);padding:27px 26px;min-width:0}
#about .about-area-grid article>span{color:var(--mint);font-size:10px;letter-spacing:.18em}
#about .about-area-grid h4{font-size:21px;letter-spacing:-.025em;margin:24px 0 8px}
#about .about-area-grid p{font-size:13px;color:var(--muted);line-height:1.55}
#about .about-yirehs{margin-top:105px}
#about .about-yirehs>.eyebrow{color:var(--mint);font-size:11px;letter-spacing:.22em;margin-bottom:18px}
#about .about-yirehs>h3{font-size:clamp(36px,4.8vw,58px);line-height:1.08;letter-spacing:-.04em}
#about .yireh-intro{font-size:clamp(14px,1.5vw,17px);color:#c5ccca;line-height:1.6;max-width:680px;margin-top:20px}
#about .yireh-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:40px}
#about .yireh-card{min-width:0;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,#18211fbb,#101719cc);padding:30px 34px 34px;position:relative}
#about .yireh-symbol{width:88px;height:88px;fill:none;stroke:var(--mint);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 9px #89d9bd2e)}
#about .yireh-number{font-size:10px;letter-spacing:.2em;color:var(--mint);margin-top:12px}
#about .yireh-card h4{font-size:28px;letter-spacing:-.035em;margin:9px 0 2px}
#about .yireh-skills{color:#d1e2d9;font-size:14px;letter-spacing:.03em}
#about .yireh-role{color:var(--muted);font-size:13px;line-height:1.65;max-width:36ch;margin-top:19px}
#about .about-reveal{position:relative;min-height:360px;margin:84px 0 22px;overflow:hidden;isolation:isolate;display:grid;place-items:center}
#about .about-reveal:before,#about .about-reveal:after{content:"";position:absolute;top:50%;height:1px;width:20%;background:linear-gradient(90deg,transparent,var(--mint));opacity:.55}
#about .about-reveal:before{left:0}
#about .about-reveal:after{right:0;transform:rotate(180deg)}
#about .reveal-actor{position:absolute;top:58px;width:110px;text-align:center;z-index:2;opacity:0;color:var(--mint)}
#about .reveal-actor .yireh-symbol{width:76px;height:76px}
#about .reveal-actor span{display:block;font-size:9px;letter-spacing:.13em;white-space:nowrap;margin-top:8px}
#about .reveal-actor small{display:block;font-size:8px;color:#b7cbc2;margin-top:4px;white-space:nowrap}
#about .reveal-left{left:calc(20% - 55px)}
#about .reveal-right{left:calc(80% - 55px)}
#about .reveal-glow{position:absolute;inset:0;background:radial-gradient(ellipse 22% 27% at 50% 38%,#89d9bd4a,transparent 80%);opacity:0;pointer-events:none}
#about .reveal-result{position:relative;z-index:3;text-align:center;opacity:0;clip-path:inset(0 50% 0 50%);padding:78px 8px 0}
#about .reveal-logo{width:min(330px,78vw);margin:auto}
#about .reveal-result p{font-size:12px;letter-spacing:.23em;font-weight:600;margin-top:20px}
#about .about-reveal.is-visible .reveal-left{animation:yireh-left 1.55s ease-in-out both}
#about .about-reveal.is-visible .reveal-right{animation:yireh-right 1.55s ease-in-out both}
#about .about-reveal.is-visible .reveal-glow{animation:reveal-glow .8s ease-in-out 1.1s both}
#about .about-reveal.is-visible .reveal-result{animation:reveal-logo .75s ease-out 1.5s both}
@keyframes yireh-left{0%{opacity:0;left:calc(13% - 55px)}20%{opacity:1}70%{opacity:1;left:calc(50% - 55px)}100%{opacity:0;left:calc(50% - 55px)}}
@keyframes yireh-right{0%{opacity:0;left:calc(87% - 55px)}20%{opacity:1}70%{opacity:1;left:calc(50% - 55px)}100%{opacity:0;left:calc(50% - 55px)}}
@keyframes reveal-glow{0%{opacity:0}45%{opacity:.85}100%{opacity:.23}}
@keyframes reveal-logo{0%{opacity:0;clip-path:inset(0 50% 0 50%);transform:translateY(8px)}100%{opacity:1;clip-path:inset(0 0 0 0);transform:translateY(0)}}
@media(max-width:600px){
 #about .about-headline{font-size:clamp(30px,9vw,40px)}
 #about .about-description{font-size:15px;line-height:1.65}
 #about .about-areas{margin-top:56px}
 #about .about-area-grid{gap:10px;grid-template-columns:1fr}
 #about .about-area-grid article{padding:16px 19px;display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:12px;align-items:center;border-radius:15px}
 #about .about-area-grid h4{font-size:17px;margin:0}
 #about .about-area-grid p{font-size:11px;grid-column:2}
 #about .about-yirehs{margin-top:68px}
 #about .about-yirehs>h3{font-size:clamp(29px,8vw,38px)}
 #about .yireh-pair{gap:10px;margin-top:25px}
 #about .yireh-card{padding:16px 13px 19px;border-radius:17px}
 #about .yireh-symbol{width:56px;height:56px}
 #about .yireh-number{font-size:8px;margin-top:6px}
 #about .yireh-card h4{font-size:17px;line-height:1.2;margin:8px 0 5px}
 #about .yireh-skills{font-size:10px;line-height:1.5}
 #about .yireh-role{font-size:10px;line-height:1.55;margin-top:12px}
 #about .about-reveal{min-height:270px;margin:52px 0 8px}
 #about .reveal-actor{top:37px;width:94px}
 #about .reveal-actor .yireh-symbol{width:58px;height:58px}
 #about .reveal-actor span{font-size:7px}
 #about .reveal-actor small{font-size:6px}
 #about .reveal-left{left:calc(20% - 47px)}
 #about .reveal-right{left:calc(80% - 47px)}
 #about .reveal-result{padding-top:45px}
 #about .reveal-logo{width:min(240px,76vw)}
 #about .reveal-result p{font-size:9px;letter-spacing:.16em;margin-top:15px}
}
@media(prefers-reduced-motion:reduce){
 #about .about-reveal .reveal-actor,#about .about-reveal .reveal-glow{display:none!important;animation:none!important}
 #about .about-reveal .reveal-result{opacity:1;clip-path:none;transform:none;animation:none!important}
}