.about-section{position:relative}
.about-layout{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:clamp(32px,5vw,76px);align-items:stretch}
.about-photo-card{margin:0;min-width:0;display:flex;flex-direction:column;position:relative;isolation:isolate;border:1px solid var(--line);border-radius:28px;overflow:hidden;background:var(--panel)}
.about-photo-stage{position:relative;flex:1;min-height:550px;overflow:hidden;background:radial-gradient(ellipse at 65% 35%,#8d5cff29,transparent 65%)}
.about-photo-stage img{position:absolute;width:100%;height:100%;object-fit:contain;object-position:center bottom;z-index:1;transform-origin:center bottom;transition:transform .65s cubic-bezier(.22,1,.36,1)}
.about-orbit{position:absolute;width:105%;aspect-ratio:1;left:-2%;top:16%;border:1px solid #a17aff50;border-radius:50%;transform:rotate(-15deg);transition:transform .8s,border-color .4s}
.about-photo-card figcaption{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;padding:22px 25px;border-top:1px solid var(--line);background:var(--panel);font-size:14px;line-height:1.5}
.about-photo-card figcaption strong{font-size:17px;font-weight:650;letter-spacing:-.025em}.about-photo-card figcaption>span{color:var(--muted)}
.about-story{display:flex;flex-direction:column;min-width:0;align-self:center}
.about-story h2{font-size:clamp(32px,3.6vw,53px);line-height:1.16;margin-bottom:25px}.about-story h2>span{color:var(--accent)}
.about-introduction{margin-bottom:27px}.about-introduction p{font-size:15px;line-height:1.8}.about-introduction .about-lead{color:var(--text);font-size:19px;line-height:1.65;margin-bottom:16px}
.about-highlights{display:grid;gap:12px}
.about-highlight{display:grid;grid-template-columns:46px minmax(0,1fr);gap:16px;align-items:start;padding:19px 20px;background:var(--panel);border:1px solid var(--line);border-radius:14px;transition:background .25s,border-color .25s,transform .3s}
.about-highlight-number{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--soft);color:var(--accent);font-size:14px;font-weight:750;letter-spacing:-.03em}
.about-highlight:first-child{border-color:#8d5cff65;background:linear-gradient(110deg,#8d5cff19,var(--panel))}.about-highlight:first-child .about-highlight-number{background:var(--button);color:#fff}
.about-highlight h3{font-size:19px;line-height:1.35;letter-spacing:-.025em;margin-bottom:6px}.about-highlight p{font-size:14px;line-height:1.65}
.about-signature{display:flex;align-items:center;gap:12px;font-size:13px;line-height:1.5;margin-top:23px}.about-signature>span{color:var(--accent);font-size:25px}
[data-theme=light] .about-photo-stage{background:radial-gradient(ellipse at 65% 35%,#8d5cff30,transparent 75%)}
@media(hover:hover) and (pointer:fine){.about-photo-card:hover .about-photo-stage img{transform:scale(1.025)}.about-photo-card:hover .about-orbit{transform:rotate(0deg) scale(.96);border-color:var(--accent)}.about-highlight:hover{transform:translateX(5px);border-color:var(--accent);background:var(--soft)}}
.about-motion [data-about-reveal]{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s cubic-bezier(.22,1,.36,1)}
.about-motion [data-about-reveal].is-revealed{opacity:1;transform:translateY(0)}
@media(max-width:1100px){.about-layout{gap:35px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.about-story h2{font-size:36px}.about-photo-stage{min-height:530px}.about-highlight{padding:16px;gap:12px;grid-template-columns:38px minmax(0,1fr)}.about-highlight-number{width:36px;height:36px;border-radius:10px}.about-highlight h3{font-size:18px}.about-photo-card figcaption{padding:18px}}
@media(max-width:800px){.about-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px}.about-story h2{font-size:31px}.about-introduction .about-lead{font-size:17px}.about-highlight{grid-template-columns:1fr;gap:10px}.about-highlight-number{width:30px;height:30px;font-size:12px}.about-photo-stage img{object-fit:cover;object-position:52% bottom}.about-highlight p{font-size:14px}.about-photo-card{border-radius:22px}}
@media(max-width:640px){.about-layout{grid-template-columns:1fr;gap:32px}.about-photo-card{max-width:460px;width:100%;margin-inline:auto}.about-photo-stage{min-height:0;flex:none;aspect-ratio:4/5}.about-photo-stage img{object-fit:contain}.about-photo-card figcaption{padding:17px 20px}.about-story h2{font-size:34px;margin-bottom:20px}.about-introduction p{font-size:15px}.about-introduction .about-lead{font-size:18px}.about-highlight{grid-template-columns:38px minmax(0,1fr);gap:12px;padding:18px 16px}.about-highlight-number{width:36px;height:36px;font-size:13px}.about-highlight h3{font-size:18px}.about-signature{font-size:12px}}
@media(prefers-reduced-motion:reduce){.about-section *{transition:none!important;animation:none!important}.about-motion [data-about-reveal]{opacity:1;transform:none}}
@media(hover:hover) and (pointer:fine){.about-motion .about-highlight.is-revealed:hover{transform:translateX(5px)}}