.about-page{min-height:100svh;background:radial-gradient(ellipse at 75% 12%,#80502e24,transparent 48%),#080d12;color:#e7eef1}
.about-header{display:flex;align-items:center;gap:28px;width:min(1510px,91.4%);margin:auto;padding:12px 0}
.about-back{margin-left:auto;display:flex;align-items:center;gap:12px;color:#bdced6;font-size:14px}
.about-back:hover{color:#fff}
.about-main{width:min(1510px,91.4%);margin:8px auto 0}
.about-portrait{margin:0;overflow:hidden;border:1px solid #8d69504d;border-radius:12px;box-shadow:0 18px 70px #0006}
.about-portrait img{display:block;width:100%;height:auto}
.about-story{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(30px,7vw,110px);padding:clamp(40px,6vw,86px) clamp(0px,2vw,30px)}
.about-identity .eyebrow{font-size:11px;letter-spacing:.19em;color:#d3a273;margin:0 0 24px}
.about-identity h1{font-size:clamp(44px,4.7vw,72px);font-weight:750;letter-spacing:-.055em;line-height:1.06;margin:0 0 25px}
.about-identity h1>span:not(.orange){color:#b8d4df}
.about-role{font-size:14px;letter-spacing:.03em;color:#93abb8}
.about-biography{max-width:750px;padding-top:1px}
.about-biography p{font-size:17px;line-height:1.85;color:#b9c8d2;margin:0 0 24px}
.about-biography .about-lead{font-size:clamp(21px,2vw,28px);line-height:1.55;letter-spacing:-.015em;color:#eef0ec;margin-bottom:28px}
.about-credits{display:inline-flex;align-items:center;gap:28px;padding:12px 18px;margin-top:7px;border:1px solid #c18d5e7a;border-radius:5px;background:#dda2720a;color:#ebbc92;font-size:14px;transition:background .2s,border-color .2s}
.about-credits:hover{background:#dda2721a;border-color:#eab784}
.about-invitation{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:38px 30px;border-top:1px solid #62768340}
.about-invitation h2{margin:0;font-size:clamp(25px,3vw,42px);font-weight:650;letter-spacing:-.04em}
.about-invitation .button{white-space:nowrap}
.about-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;width:min(1450px,87%);margin:auto;padding:27px 0 36px;border-top:1px solid #62768340;font-size:12px;color:#9aafbd}
.about-footer a{display:flex;align-items:center;gap:15px}.about-footer a:hover{color:#fff}
.about-page :is(a,button):focus-visible{outline:2px solid #9cddf0;outline-offset:5px}
@media(max-width:760px){
 .about-header{gap:18px;width:90%;padding:10px 0}.about-header .brand img{width:64px;height:64px}.about-back{font-size:12px;gap:7px}
 .about-main{width:90%;margin-top:5px}.about-portrait{border-radius:7px}
 .about-story{grid-template-columns:1fr;gap:30px;padding:35px 0}.about-identity h1{font-size:48px}.about-identity h1>span:not(.orange){white-space:nowrap}
 .about-identity .eyebrow{margin-bottom:15px}.about-identity h1{margin-bottom:16px}.about-biography p{font-size:16px;line-height:1.75}.about-biography .about-lead{font-size:23px;line-height:1.5}
 .about-invitation{padding:28px 0}.about-invitation .button{padding:12px 16px;gap:16px}.about-footer{width:90%;gap:20px;font-size:11px}
}
@media(max-width:380px){.about-header{gap:12px}.about-back{max-width:86px;line-height:1.4}.about-header .language-switch{gap:3px}.about-invitation{flex-direction:column;align-items:flex-start}.about-identity h1{font-size:42px}}