/* About: mulberry, rose and ivory; shared Confetti finishing details. */
body .about-personal{color:#372538;background:#fff9fc}
body .about-personal .ap-shell{max-width:1280px}
body .about-personal .ap-section{padding:72px 24px}
body .about-personal .ap-eyebrow{color:#9c3f75;font-size:12px;letter-spacing:.09em}
body .about-personal .ap-copy{font-size:17px;line-height:1.75;color:#665367;text-wrap:pretty}
body .about-personal .ap-two{gap:56px}
body .about-personal .ap-hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 95% 15%,#9c3f754a,transparent 65%),linear-gradient(120deg,#43243e,#301c33);color:#fff5fc;padding-top:80px;padding-bottom:80px}
body .about-personal .ap-hero::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 4% 95%,transparent 0 110px,#ff86bd15 111px 124px,transparent 125px 165px,#ff86bd0e 166px 175px,transparent 176px),radial-gradient(circle at 100% 10%,transparent 0 190px,#ffb5d81a 191px 205px,transparent 206px),radial-gradient(circle,#fff5fc14 1px,transparent 1.4px) 0 0/22px 22px}
body .about-personal .ap-hero .ap-eyebrow{color:#f6a8ce}
body .about-personal .ap-hero h1{font-size:clamp(40px,4.8vw,64px);color:#fff5fc;text-wrap:balance;max-width:15ch}
body .about-personal .ap-hero h1 span{color:#ffacd3!important}
body .about-personal .ap-hero .ap-copy{color:#eed9e9;max-width:52ch}
body .about-personal .ap-hero .ap-links>a:not(.ap-button){color:#fff5fc}
body .about-personal .ap-button{border-radius:9px!important;background:#873664;color:#fff;box-shadow:0 3px 0 #43243e24;padding:14px 22px;font-size:15px}
body .about-personal .ap-hero .ap-button{background:#ffacd3;color:#43243e;box-shadow:0 3px 0 #1e101e55}
body .about-personal .ap-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #43243e24}
body .about-personal .ap-portrait{max-width:400px;width:100%;border-radius:14px;background:#fff8fc;color:#43243e;padding:10px;box-shadow:12px 12px 0 #9c3f7560;border-top:4px solid #ff86bd;transform:rotate(1deg)}
body .about-personal .ap-portrait img{border-radius:8px!important}
body .about-personal .ap-name{padding:16px 12px 12px}
body .about-personal .ap-name strong{font-size:18px}
body .about-personal .ap-name p{color:#76546b;line-height:1.5}
body .about-personal .ap-skills{gap:18px}
body .about-personal .ap-skill{position:relative;isolation:isolate;overflow:hidden;border-radius:14px!important;border:1px solid #e5c7da;border-top:4px solid #8b3a71;background:linear-gradient(145deg,#fff5fb,#f5deed);padding:24px;transition:transform .25s,box-shadow .25s}
body .about-personal .ap-skill:nth-child(2){background:linear-gradient(145deg,#faf5ff,#e9dcfa);border-color:#d8c3eb;border-top-color:#6934ce}
body .about-personal .ap-skill:nth-child(3){background:linear-gradient(145deg,#fff3f7,#ffdaeb);border-color:#edbfd4;border-top-color:#b54076}
body .about-personal .ap-skill:nth-child(4){background:linear-gradient(145deg,#f2fcfc,#d8eef1);border-color:#b7dbe1;border-top-color:#10829f}
body .about-personal .ap-skill::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 110% 90%,transparent 0 65px,#87366412 66px 76px,transparent 77px 95px,#8736640c 96px 102px,transparent 103px)}
body .about-personal .ap-skill:nth-child(even)::before{transform:rotate(180deg)}
body .about-personal .ap-skill p{font-size:15px;line-height:1.65;color:#665367}
body .about-personal .ap-skill h3{font-size:20px;color:#372538}
body .about-personal .ap-family{background:radial-gradient(circle at 100% 100%,#f9d7e980,transparent 45%),#fff1f7;border-top:1px solid #f1dce8;border-bottom:1px solid #f1dce8}
body .about-personal .ap-photo{border-radius:14px!important;border:1px solid #e5b6d0;border-top:4px solid #a3467c;background:radial-gradient(circle at 100% 20%,transparent 70px,#b5407614 71px 83px,transparent 84px),linear-gradient(140deg,#ffe5f0,#f5e5f3);min-height:350px;color:#8b3a71;overflow:hidden}
body .about-personal .ap-photo:has(>img){padding:0;border-style:solid}
body .about-personal .ap-photo>img{display:block;width:100%;height:100%;object-fit:cover}
body .about-personal .ap-projects{gap:28px}
body .about-personal .ap-project{border:1px solid #e2c2d9;border-top:4px solid #8b3a71;border-radius:14px!important;background:#f9eaf3;box-shadow:0 8px 24px #43243e09;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}
body .about-personal .ap-project:nth-child(2){background:#f1eafb;border-color:#d9c5ed;border-top-color:#6934ce}
body .about-personal .ap-project img{width:100%;height:auto;aspect-ratio:592/300;object-fit:contain;background:#231e24}
body .about-personal .ap-project-body{position:relative;isolation:isolate;padding:26px;flex:1;overflow:hidden}
body .about-personal .ap-project-body::before{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 110% 130%,transparent 100px,#87366412 101px 115px,transparent 116px)}
body .about-personal .ap-project p{font-size:16px;line-height:1.7;color:#665367}
body .about-personal .ap-note{color:#766474;font-size:13px;line-height:1.6}
body .about-personal [data-personal-gallery]{border-radius:14px!important;border:1px solid #d9c4e5;border-top:4px solid #8b3a71;padding:8px;background:#fff9fc;box-shadow:10px 10px 0 #e9d8e8}
body .about-personal #personal-photos{border-radius:8px!important}
body .about-personal .ap-life-details span{border-radius:7px;background:#f2dfea;color:#743656;border:1px solid #e5c4d8;padding:8px 12px}
body .about-personal .ap-closing{background:linear-gradient(110deg,#f2d9ea,#e9def8);padding:38px 24px;border-top:3px solid #8b3a71}
body .about-personal .ap-closing h2{font-size:30px}
@media(hover:hover){body .about-personal .ap-skill:hover,body .about-personal .ap-project:hover{transform:translateY(-4px);box-shadow:0 14px 28px #43243e16}}
@media(max-width:800px){body .about-personal .ap-section{padding:48px 22px}body .about-personal .ap-two{gap:32px}body .about-personal .ap-hero{padding:56px 22px}body .about-personal .ap-portrait{max-width:360px;transform:none}body .about-personal .ap-hero h1{max-width:18ch}body .about-personal .ap-closing .ap-shell{display:block}}
@media(prefers-reduced-motion:reduce){body .about-personal .ap-skill,body .about-personal .ap-project,body .about-personal .ap-button{transition:none!important;transform:none!important}}

body .about-personal .ap-personal-notes{position:relative;isolation:isolate;background:#f8edf4;border-top:1px solid #ead5e2;overflow:hidden}
body .about-personal .ap-personal-notes::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 0 100%,transparent 130px,#8736640e 131px 146px,transparent 147px),radial-gradient(circle at 100% 0,transparent 140px,#8736640b 141px 155px,transparent 156px)}
body .about-personal .ap-notes-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:54px;align-items:center}
body .about-personal .ap-notes-copy h2{max-width:22ch}
body .about-personal .ap-notes-photos{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center}
body .about-personal .ap-notes-photos figure{margin:0;overflow:hidden;border-radius:12px;border-top:4px solid #873664;background:#fff9fc;padding:7px;box-shadow:0 8px 25px #43243e12;transform:rotate(-2deg)}
body .about-personal .ap-notes-photos figure:nth-child(2){transform:rotate(2deg);margin-top:48px;border-top-color:#b54076}
body .about-personal .ap-notes-photos img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:6px}
@media(max-width:850px){body .about-personal .ap-notes-layout{grid-template-columns:1fr;gap:30px}body .about-personal .ap-notes-photos{max-width:620px;width:100%;margin:auto}body .about-personal .ap-notes-photos img{aspect-ratio:4/3}}

/* Three photos left; personal notes right. */
body .about-personal .ap-notes-layout{grid-template-columns:1.15fr 1fr;gap:54px}
body .about-personal .ap-notes-photos{grid-column:1;grid-row:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:none}
body .about-personal .ap-notes-copy{grid-column:2;grid-row:1}
body .about-personal .ap-notes-photos figure{transform:rotate(-2deg)}
body .about-personal .ap-notes-photos figure:nth-child(2){margin-top:38px;transform:rotate(1deg)}
body .about-personal .ap-notes-photos figure:nth-child(3){margin-top:10px;transform:rotate(2deg);border-top-color:#6934ce}
@media(max-width:850px){body .about-personal .ap-notes-layout{grid-template-columns:1fr;gap:32px}body .about-personal .ap-notes-photos{grid-column:1;grid-row:1;max-width:680px}body .about-personal .ap-notes-copy{grid-column:1;grid-row:2}body .about-personal .ap-notes-photos img{aspect-ratio:3/4}}
@media(max-width:480px){body .about-personal .ap-notes-photos{gap:8px}body .about-personal .ap-notes-photos figure{padding:4px}body .about-personal .ap-notes-photos figure:nth-child(2){margin-top:22px}}

/* One continuous personal-life canvas across both sections. */
body .about-personal[aria-labelledby="life-title"],body .about-personal[aria-labelledby="personal-notes-title"]{background:#faf0f7}
body .about-personal[aria-labelledby="life-title"]>.ap-section{position:relative;isolation:isolate;overflow:hidden;background:#faf0f7!important;padding-bottom:34px}
body .about-personal .ap-personal-notes{background:#faf0f7;border-top:0;padding-top:34px;padding-bottom:78px}
body .about-personal[aria-labelledby="life-title"]>.ap-section::before{content:'';position:absolute;z-index:-1;pointer-events:none;inset:0;background:radial-gradient(circle at -5% 85%,transparent 0 185px,#a3467c14 186px 201px,transparent 202px 238px,#a3467c0c 239px 249px,transparent 250px),radial-gradient(circle 115px at 94% 4%,#6934ce08 99%,transparent),radial-gradient(circle,#a3467c18 1px,transparent 1.5px) 0 0/23px 23px}
body .about-personal .ap-personal-notes::before{background:radial-gradient(circle at 102% 36%,transparent 0 200px,#a3467c14 201px 218px,transparent 219px 255px,#a3467c0b 256px 267px,transparent 268px),radial-gradient(circle 135px at 8% 100%,#ff86bd12 99%,transparent),radial-gradient(circle,#a3467c18 1px,transparent 1.5px) 0 0/23px 23px}
body .about-personal .ap-personal-notes::after{content:'';position:absolute;z-index:-1;pointer-events:none;left:48%;top:0;width:84px;height:84px;border:2px solid #a3467c16;border-radius:50%;box-shadow:0 0 0 17px #a3467c06}
body .about-personal .ap-notes-photos figure{box-shadow:0 10px 28px #43243e14}
@media(max-width:800px){body .about-personal[aria-labelledby="life-title"]>.ap-section{padding-bottom:28px}body .about-personal .ap-personal-notes{padding-top:28px;padding-bottom:48px}body .about-personal .ap-personal-notes::after{left:75%;width:55px;height:55px}}