/* The opening flows normally; the measured sections below keep their own canvas. */
body.about-page { --am-gutter:clamp(24px,5vw,80px); font-family:'custom_146852',Arial,sans-serif; }
.about-page #portfolio { overflow:visible; }
.am-header { position:sticky; top:0; z-index:1000; display:flex; align-items:center; justify-content:space-between; height:88px; padding:0 var(--am-gutter); background:rgba(18,18,18,.94); border-bottom:1px solid #ffffff16; backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); }
.am-logo { display:flex; align-items:center; min-height:44px; }
.am-logo img { display:block; width:48px; height:auto; }
.am-current { position:absolute; left:50%; transform:translateX(-50%); font-size:14px; font-weight:500; }
.am-menu { display:flex; align-items:center; justify-content:center; gap:14px; min-width:44px; min-height:44px; font-size:14px; font-weight:500; }
.am-menu svg { width:28px; height:24px; }
.am-header a:focus-visible { outline:2px solid #fff; outline-offset:7px; }
.am-opening { max-width:1360px; margin:0 auto; padding:64px var(--am-gutter) 88px; scroll-margin-top:88px; }
.am-intro-grid { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); grid-template-areas:'heading portrait' 'bio portrait' 'experience portrait'; column-gap:clamp(36px,6vw,96px); row-gap:36px; align-items:start; }
.am-heading { grid-area:heading; }
.am-eyebrow { margin:0 0 24px; color:#d3d3d3; font-size:11px; line-height:1.5; font-weight:500; letter-spacing:.1em; text-transform:uppercase; }
.am-heading h1 { margin:0; font-size:clamp(48px,7.2vw,92px); font-weight:500; line-height:.98; letter-spacing:-.065em; }
.am-heading h1 span { color:#a0a0a0; }
.am-portrait { grid-area:portrait; margin:0; align-self:stretch; display:flex; flex-direction:column; min-width:0; }
.am-portrait img { display:block; width:100%; height:100%; min-height:0; max-height:760px; aspect-ratio:396/650; object-fit:cover; object-position:50% 30%; flex:1 1 0; border:1px solid #ffffff36; }
.am-bio { grid-area:bio; }
.am-experience { grid-area:experience; }
.am-label { display:flex; align-items:center; gap:0; margin:0 0 20px; font-size:11px; font-weight:500; line-height:1.2; text-transform:uppercase; letter-spacing:.025em; }
.am-label span { flex:none; display:block; background:#e0e0dc; color:#121212; padding:8px 12px; }
.am-label::after { content:''; width:100%; height:1px; background:#ffffff42; }
.am-bio p,.am-experience p { margin:0 0 16px; max-width:52ch; font-size:16px; font-weight:400; line-height:1.7; color:#ededeb; }
.am-bio p:last-child,.am-experience p:last-child { margin-bottom:0; }
.am-bio strong,.am-experience strong { font-weight:500; color:#fff; }
.am-bio .am-aside { color:#c2c2c0; font-size:14px; line-height:1.65; }
.am-languages { margin-top:64px; scroll-margin-top:108px; }
.am-language-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:14px; }
.am-language { min-width:0; padding:18px 22px; border:1px solid #ffffff38; background:rgba(18,18,18,.8); }
.am-language-heading { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:16px 24px; }
.am-language h3 { margin:0; font-weight:500; font-size:22px; line-height:1.2; letter-spacing:-.035em; }
.am-native-level { padding:6px 10px; background:#e0e0dc; color:#121212; font-size:14px; font-weight:500; line-height:1.3; }
.am-level { display:flex; align-items:center; gap:12px; }
.am-level span { max-width:8em; color:#dededc; font-size:12px; line-height:1.4; }
.am-level strong { display:grid; place-items:center; min-width:48px; min-height:40px; padding:6px 10px; background:#e0e0dc; color:#121212; font-size:24px; font-weight:500; line-height:1; letter-spacing:-.045em; }
.am-language-skills { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:16px 24px; margin:18px 0 0; }
.am-language-skills div { display:flex; flex-direction:column; justify-content:space-between; min-width:0; gap:12px; padding-top:12px; border-top:1px solid #ffffff40; }
.am-language-skills dt { color:#e3e3e1; font-size:14px; font-weight:500; line-height:1.5; }
.am-language-skills dd { margin:0; color:#fff; font-size:24px; font-weight:500; line-height:1; letter-spacing:-.04em; }
@media(min-width:600px) and (max-width:1099px) {
  .am-language-skills { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .am-language-skills div { flex-direction:row; align-items:center; gap:16px; }
  .am-language-skills div:last-child { grid-column:1/-1; }
}
@media(max-width:599px) {
  .am-languages { scroll-margin-top:96px; }
  .am-language { padding:16px; }
  .am-language-heading { gap:12px; }
  .am-language h3 { font-size:20px; }
  .am-native-level { padding:6px 8px; font-size:13px; }
  .am-level { gap:10px; }
  .am-level span { max-width:5.5em; font-size:11px; }
  .am-language-skills { grid-template-columns:minmax(0,1fr); gap:12px; margin-top:16px; }
  .am-language-skills div { flex-direction:row; align-items:center; gap:16px; padding-top:12px; }
  .am-language-skills dd { flex:none; font-size:22px; }
}
#about-continuation { position:relative; width:100%; overflow:clip; isolation:isolate; }
@media(min-width:1500px) { .am-opening { padding-left:56px; padding-right:56px; } }
@media(min-width:700px) and (max-width:1000px) {
  .am-opening { padding-top:48px; }
  .am-intro-grid { grid-template-columns:minmax(0,1fr) minmax(0,.85fr); grid-template-areas:'heading portrait' 'bio portrait' 'experience experience'; column-gap:32px; row-gap:30px; }
  .am-heading h1 { font-size:clamp(48px,6.8vw,68px); }
  .am-eyebrow { letter-spacing:.05em; font-size:10px; }
  .am-portrait { align-self:start; }
  .am-portrait img { flex:none; height:auto; aspect-ratio:3/5; }
  .am-experience { grid-column:1/-1; }
  .am-experience p { max-width:65ch; }
}
@media(max-width:699px) {
  body.about-page { --am-gutter:22px; }
  .am-header { height:76px; }
  .am-logo img { width:42px; }
  .am-menu span { display:none; }
  .am-opening { padding-top:34px; padding-bottom:64px; scroll-margin-top:76px; }
  .am-intro-grid { grid-template-columns:minmax(0,1fr); grid-template-areas:'heading' 'portrait' 'bio' 'experience'; gap:32px; }
  .am-eyebrow { margin-bottom:20px; font-size:10px; letter-spacing:.08em; }
  .am-heading h1 { font-size:clamp(48px,12.5vw,76px); }
  .am-portrait { width:100%; max-width:480px; justify-self:center; }
  .am-portrait img { flex:none; height:auto; aspect-ratio:4/5; object-position:50% 22%; }
  .am-bio p,.am-experience p { font-size:16px; line-height:1.7; }
  .am-bio .am-aside { font-size:14px; }
  .am-wide-break { display:none; }
  .am-label { margin-bottom:20px; }
  .am-languages { margin-top:44px; }
}
@media(max-width:359px) {
  body.about-page { --am-gutter:18px; }
  .am-heading h1 { font-size:44px; }
  .am-eyebrow { font-size:9px; }
}