.about-me-page,.realm-experiment main>section.about-me-page{position:relative;overflow:clip;padding-block:clamp(48px,6vw,90px) clamp(80px,8vw,130px);background:var(--ink);color:var(--paper)}.about-me-glow{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 60% 45% at 5% 25%,rgb(110 82 155/14%),transparent 80%),radial-gradient(ellipse 45% 45% at 100% 80%,rgb(92 99 164/10%),transparent 75%)}.about-me-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;padding-bottom:35px;border-bottom:1px solid var(--realm-faint,var(--line));margin-bottom:clamp(38px,5vw,70px)}.about-me-heading .eyebrow{color:var(--gold);letter-spacing:.25em}.about-me-heading h1{font-size:clamp(5rem,8vw,8.5rem);margin-top:15px;line-height:.9}.about-me-heading em{color:var(--gold)}.about-me-heading .ornament{width:170px;color:var(--gold);margin:0 0 10px}.about-me-grid{display:grid;grid-template-columns:.82fr 1.2fr;gap:clamp(45px,7vw,110px);align-items:start}.about-me-profile{position:sticky;top:120px;width:100%;max-width:410px}.about-me-portrait{position:relative;padding:10px;border:1px solid var(--realm-faint,var(--line));border-radius:210px 210px 2px 2px}.about-me-portrait img{width:100%;height:auto;border-radius:200px 200px 0 0}.about-me-portrait-ornaments{position:absolute;inset:-5% -6%;width:112%;height:110%;overflow:visible;color:var(--gold);opacity:.55;pointer-events:none}.about-me-profile:after{content:"";display:block;height:48px;width:1px;background:linear-gradient(var(--border-gold),transparent);margin:28px auto 0;opacity:.45}.about-me-socials{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:28px}.about-me-socials a{display:flex;align-items:center;gap:10px;padding:12px 15px;border:1px solid var(--realm-faint,var(--line));border-radius:30px;font-size:.7rem;line-height:1.4;color:var(--mist);transition:color .25s,background .25s,border-color .25s}.about-me-socials a:hover{background:color-mix(in srgb,var(--gold) 7%,transparent);border-color:var(--border-gold);color:var(--paper)}.about-me-socials svg{width:17px;height:17px;flex-shrink:0;color:var(--gold)}.about-me-socials .social-outbound{margin-left:auto;color:var(--gold)}.about-me-copy{max-width:690px;padding-top:10px}.about-me-copy h2{font-size:clamp(3.5rem,5vw,5.5rem);color:var(--gold);margin-bottom:24px;font-style:italic}.about-me-copy p{color:var(--mist);font-size:.92rem;line-height:1.95}.about-me-copy p+p{margin-top:24px}.about-me-copy strong{color:var(--paper);font-weight:600}.about-me-copy .about-me-introduction{font:400 clamp(1.4rem,2vw,1.9rem)/1.45 var(--display);color:var(--paper);margin-bottom:28px}.about-me-introduction strong{font-weight:400;color:var(--gold)}.about-me-skills{margin-block:38px;padding-top:28px;border-top:1px solid var(--realm-faint,var(--line))}.about-me-skills h3{font:400 1.75rem/1.2 var(--display);color:var(--paper);margin-bottom:20px;letter-spacing:-.02em}.about-me-skills ul{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;list-style:none;margin:0;padding:0}.about-me-skills li{display:flex;align-items:baseline;font-size:.78rem;line-height:1.65;color:var(--mist)}.about-me-skills li>span{color:var(--gold);padding-right:3px;flex-shrink:0}.about-me-copy .about-me-principle{border-left:1px solid var(--gold);padding:6px 0 6px 20px;margin-block:32px}.about-me-principle strong{color:var(--gold);font-weight:400;letter-spacing:.01em}@media (max-width:900px){.about-me-grid{grid-template-columns:.85fr 1.2fr;gap:35px}.about-me-profile{top:105px}.about-me-skills ul{gap:9px}.about-me-skills ul,.about-me-socials{grid-template-columns:1fr}}@media (max-width:640px){.about-me-heading{gap:20px;padding-bottom:25px}.about-me-heading h1{font-size:4.8rem}.about-me-heading .ornament{width:65px}.about-me-grid{grid-template-columns:1fr;gap:40px}.about-me-profile{position:static;max-width:350px;margin-inline:auto}.about-me-profile:after{display:none}.about-me-socials{grid-template-columns:1fr 1fr}.about-me-copy{padding-top:0}.about-me-copy h2{margin-bottom:20px}.about-me-copy .about-me-introduction{font-size:1.55rem}.about-me-skills ul{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.about-me-socials a{transition:none}}