/* About Me: original portrait, live typography and reference composition. */
.about-page .page {width:min(89%,1280px);}
.about-page .accent {color:#00d6e5;}
.about-page h1 .accent,.about-page h2 .accent {margin-inline-start:.16em;}
.about-page .sub-hero,.about-page .sub-hero-content {min-height:clamp(450px,41.2vw,650px);}
.about-hero-scenery,.about-expertise-scenery,.evidence-photo {position:absolute;inset:0;width:100%;height:100%;pointer-events:none;}
.about-page .sub-hero {background:#052031;isolation:isolate;}
.about-page .sub-hero-image {inset:0 0 0 auto;width:49%;height:100%;object-fit:cover;object-position:68% center;animation:none;z-index:1;mask-image:linear-gradient(90deg,transparent,#000 14%);}
.about-page .sub-hero::after {z-index:2;background:linear-gradient(90deg,rgba(0,23,38,.18),rgba(0,23,38,.12) 40%,transparent 65%);}
.about-page .sub-hero-content {z-index:3;justify-content:center;padding-block:48px;}
.about-page .sub-hero-content>h1 {max-width:53%;font-size:clamp(48px,5.6vw,82px);font-weight:500;line-height:1.12;letter-spacing:-.035em;margin:0;}
.about-page .sub-hero-content>h1::before {content:'';display:block;width:46px;height:2px;background:#00d9e7;margin-bottom:30px;}
.about-page .sub-hero-copy {max-width:47%;font-size:clamp(18px,1.85vw,25px);line-height:1.45;margin-top:20px;}
.about-page .hero-action {margin-top:26px;}
.about-page .hero-action .pill {border:1px solid #00dae7;border-radius:6px;background:linear-gradient(100deg,#00cee4,#005b73);color:white;padding:15px 28px;font-size:15px;font-weight:500;}
.about-page .hero-action .pill::after {content:'→';margin-left:16px;}
.about-expertise {position:relative;isolation:isolate;overflow:hidden;background:#17435b;border:0;padding-block:48px 42px;}
.about-expertise-scenery {z-index:-2;}
.about-expertise::before {content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,33,51,.32),rgba(20,67,93,.18) 70%,rgba(2,23,38,.12));}
.about-page .about-layout .section-title {font-size:clamp(31px,3.2vw,46px);line-height:1.2;letter-spacing:-.025em;font-weight:500;margin:0;color:#f2f8fb;}
.about-page .section-title::before {width:46px;margin-bottom:24px;}
.about-page .about-columns {display:block;max-width:80%;margin-top:22px;}
.about-page .about-copy {display:block;max-width:none;font-size:17px;line-height:1.65;color:#e3edf3;}
.about-page .about-copy p {margin:0 0 16px;}
.about-page .about-copy:last-child p:last-child {margin-bottom:0;}
.expertise-side-note {position:absolute;right:4.2%;bottom:22px;margin:0;color:#eef6fa;font-size:14px;font-weight:500;line-height:1.8;letter-spacing:.12em;text-transform:uppercase;}
.expertise-side-note::after {content:'';display:block;width:26px;height:2px;background:#00d4e2;margin-top:16px;}
.about-page .evidence-section {background:radial-gradient(ellipse at 82% 0%,rgba(32,103,140,.45),transparent 55%),linear-gradient(135deg,#032237,#071c2c);padding:44px 0 22px;border-top:1px solid rgba(82,155,181,.3);}
.about-page .evidence-section .section-title {font-size:clamp(34px,3.5vw,48px);line-height:1.2;font-weight:500;margin:0;letter-spacing:-.025em;}
.about-page .evidence-section .section-intro {font-size:18px;line-height:1.5;color:#dfeaf1;margin:8px 0 0;max-width:1100px;}
.about-page .evidence-list {border:0;gap:18px;margin-top:24px;grid-auto-rows:1fr;}
.about-page .evidence-item,.about-page .evidence-item:nth-child(even) {position:relative;isolation:isolate;overflow:hidden;min-height:290px;border:1px solid #00aabb;border-radius:9px;padding:28px;}
.evidence-photo {z-index:-2;}
.about-page .evidence-item::before {content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(1,23,39,.95),rgba(1,23,39,.84) 48%,rgba(1,23,39,.16));}
.about-page .evidence-item .evidence-label {color:#00e4ed;letter-spacing:.15em;text-transform:uppercase;font-size:11px;font-weight:600;line-height:1.4;margin:0 0 14px;}
.about-page .evidence-item h3 {font-size:24px;font-weight:500;line-height:1.25;letter-spacing:-.02em;max-width:76%;color:#f4f8fa;}
.about-page .evidence-item h3 span {white-space:normal;}
.about-page .evidence-item p:not(.evidence-label) {font-size:15px;line-height:1.5;max-width:70%;margin:16px 0 20px;color:#e0eaf0;}
.about-page .evidence-item a {font-size:14px;line-height:1.5;font-weight:500;color:#00edf3;text-decoration:none;gap:7px;margin-top:auto;}
.about-page .evidence-item a:hover {text-decoration:underline;}
@media(max-width:1000px) and (min-width:761px) {
 .about-page .about-columns {max-width:78%;}
 .about-page .evidence-item h3 {font-size:21px;max-width:88%;}
 .about-page .evidence-item p:not(.evidence-label) {max-width:88%;}
 .expertise-side-note {font-size:11px;right:2%;}
}
@media(max-width:760px) {
 .about-page .page {width:calc(100% - 40px);}
 .about-page .sub-hero {display:flex;flex-direction:column;}
 .about-page .sub-hero,.about-page .sub-hero-content {min-height:0;}
 .about-page .sub-hero-image {position:relative;width:100%;height:340px;order:2;object-position:70% 35%;mask-image:linear-gradient(180deg,transparent,#000 10%);}
 .about-page .sub-hero-content {padding-block:36px 28px;}
 .about-page .sub-hero-content>h1,.about-page .sub-hero-copy {max-width:100%;}
 .about-page .sub-hero-content>h1 {font-size:44px;}
 .about-page .sub-hero-content>h1::before {margin-bottom:22px;}
 .about-page .sub-hero-copy {font-size:19px;}
 .about-page .hero-action .pill {padding:13px 17px;font-size:13px;line-height:1.5;white-space:normal;}
 .about-page .hero-action .pill::after {margin-left:8px;}
 .about-page .about-expertise {padding-block:34px;}
 .about-page .about-layout .section-title {font-size:31px;}
 .about-page .about-columns {max-width:100%;margin-top:20px;}
 .about-expertise::before {background:rgba(3,33,52,.78);}
 .about-page .about-copy {font-size:15px;line-height:1.7;}
 .expertise-side-note {display:none;}
 .about-page .evidence-section {padding-block:34px 26px;}
 .about-page .evidence-section .section-title {font-size:33px;}
 .about-page .evidence-section .section-intro {font-size:16px;}
 .about-page .evidence-list {grid-template-columns:1fr;grid-auto-rows:auto;gap:16px;}
 .about-page .evidence-item,.about-page .evidence-item:nth-child(even) {padding:23px;min-height:285px;}
 .about-page .evidence-item h3 {font-size:22px;max-width:94%;}
 .about-page .evidence-item p:not(.evidence-label) {max-width:90%;font-size:14px;}
 .about-page .evidence-item a {font-size:13px;}
}