.about{min-height:clamp(380px,72vw,920px);padding-inline:var(--about-gut,clamp(14px,3.5vw,48px));flex-direction:column;justify-content:center;margin-top:clamp(24px,6vh,72px);padding-block:clamp(16px,3vh,40px);display:flex;position:relative;overflow:hidden}.about__lines{z-index:2;flex-direction:column;gap:clamp(1px,.3vh,6px);display:flex;position:relative}.about__line{font-family:var(--font-display),system-ui,-apple-system,"Segoe UI",sans-serif;text-transform:uppercase;white-space:nowrap;letter-spacing:-.04em;font-weight:900;line-height:.84;font-size:var(--about-fs,clamp(1.6rem,11vw,9rem));margin:0}.about__l1{justify-content:space-between;align-items:baseline;gap:.25em;display:flex}.about__l2{text-align:left;margin-top:var(--about-row-gap,clamp(18px,5.5vh,80px))}.about__l3{text-align:right}.about__field{display:contents}.about__tile{z-index:3;aspect-ratio:4/3;border:3px solid var(--color-ink);background:var(--color-ink);width:clamp(44px,11vw,150px);box-shadow:6px 6px 0 0 var(--accent);margin:0;position:absolute;overflow:hidden}.about__tile video{object-fit:cover;width:100%;height:100%;display:block}#v-blue{top:6%;left:6%}#v-orange{top:22%;left:70%}#v-yellow{top:54%;left:46%}#v-rose{top:62%;left:34%}.about__cap{background:var(--color-ink);color:var(--color-bg);font-family:var(--font-display),sans-serif;text-transform:uppercase;letter-spacing:.03em;padding:3px 7px;font-size:.58rem;font-weight:800;position:absolute;bottom:0;left:0}.about__ctas{z-index:2;flex-wrap:wrap;justify-content:flex-start;gap:clamp(12px,2.5vw,22px);margin-top:clamp(28px,7vh,64px);display:flex;position:relative}.about__cta{min-height:48px;font-family:var(--font-display),system-ui,-apple-system,"Segoe UI",sans-serif;text-transform:uppercase;letter-spacing:.045em;white-space:nowrap;color:var(--color-ink);background:var(--color-bg);border:3px solid var(--color-ink);box-shadow:6px 6px 0 0 var(--accent);border-radius:0;justify-content:center;align-items:center;padding:12px clamp(20px,4vw,34px);font-size:clamp(1rem,2.4vw,1.4rem);font-weight:900;line-height:1;text-decoration:none;transition:translate 80ms,box-shadow 80ms,background-color .12s,color .12s;display:inline-flex;translate:0}.about__cta:hover{box-shadow:4px 4px 0 0 var(--accent);translate:2px 2px}.about__cta:active{box-shadow:2px 2px 0 0 var(--accent);translate:4px 4px}.about__cta:focus-visible{outline:3px solid var(--color-ink);outline-offset:4px}@media (max-width:520px){.about__tile{box-shadow:5px 5px 0 0 var(--accent);border-width:2px}.about__cta{flex:150px}}@media (prefers-reduced-motion:reduce){.about__cta{transition:background-color .12s,color .12s}.about__cta:hover,.about__cta:active{box-shadow:6px 6px 0 0 var(--accent);background:var(--accent);color:var(--color-bg);translate:0}}.about-page{--page-blue:var(--color-blue);--page-blue-deep:#1a3fd6;--on-blue:#fff;--on-blue-soft:#ffffffd1;--on-blue-faint:#ffffffa3;--line:#ffffff38;--chip-bg:#ffffff1a;--chip-border:#ffffff47;--card:#fff;--card-ink:#111735;--card-muted:#4b5176;background:var(--page-blue);background:linear-gradient(180deg, var(--page-blue) 0%, var(--page-blue-deep) 100%);color:var(--on-blue);padding-top:clamp(104px,16vh,168px);padding-bottom:clamp(72px,13vh,150px);padding-inline:clamp(16px,5vw,72px)}.about-page__inner{width:100%;max-width:1040px;margin-inline:auto}.about-page__hero{margin-bottom:clamp(52px,10vh,120px)}.about-page__eyebrow{font-family:var(--font-display), system-ui, -apple-system, "Segoe UI", sans-serif;text-transform:uppercase;letter-spacing:.24em;color:var(--on-blue-soft);align-items:center;gap:.7em;margin:0 0 clamp(16px,3vh,26px);font-size:clamp(.7rem,1.4vw,.85rem);font-weight:700;display:inline-flex}.about-page__eyebrow:before{content:"";background:var(--on-blue);width:clamp(28px,4vw,48px);height:2px}.about-page__name{font-family:var(--font-display), system-ui, -apple-system, "Segoe UI", sans-serif;text-transform:uppercase;letter-spacing:-.03em;color:var(--on-blue);margin:0;font-size:clamp(2.6rem,9vw,5.6rem);font-weight:900;line-height:.9}.about-page__tagline{max-width:46ch;font-family:var(--font-text), system-ui, -apple-system, "Segoe UI", sans-serif;color:var(--on-blue-soft);margin:clamp(18px,3.4vh,30px) 0 0;font-size:clamp(1.05rem,2vw,1.4rem);font-weight:500;line-height:1.5}.about-page__contacts{flex-wrap:wrap;gap:clamp(10px,1.6vw,16px);margin:clamp(28px,5vh,44px) 0 0;padding:0;list-style:none;display:flex}.about-page__contact{min-height:46px;font-family:var(--font-text), system-ui, -apple-system, "Segoe UI", sans-serif;color:var(--on-blue);background:var(--chip-bg);border:1px solid var(--chip-border);border-radius:999px;align-items:center;padding:.6em 1.1em;font-size:clamp(.85rem,1.3vw,.98rem);font-weight:600;line-height:1;text-decoration:none;transition:background-color .2s,color .2s,border-color .2s,transform .2s;display:inline-flex}.about-page__contact:hover{background:var(--on-blue);color:var(--page-blue);border-color:var(--on-blue);transform:translateY(-2px)}.about-page__contact:focus-visible{outline:2px solid var(--on-blue);outline-offset:3px}.about-page__section{margin-top:clamp(48px,9vh,104px)}.about-page__heading{border-bottom:1px solid var(--line);font-family:var(--font-display), system-ui, -apple-system, "Segoe UI", sans-serif;text-transform:uppercase;letter-spacing:-.01em;color:var(--on-blue);margin:0 0 clamp(22px,4vh,40px);padding-bottom:clamp(12px,1.6vh,18px);font-size:clamp(1.5rem,3.4vw,2.4rem);font-weight:800;line-height:1}.about-page__bio{max-width:66ch;font-family:var(--font-text), system-ui, -apple-system, "Segoe UI", sans-serif;color:var(--on-blue-soft);margin:0;font-size:clamp(1.02rem,1.7vw,1.22rem);font-weight:400;line-height:1.75}.about-page__timeline{gap:clamp(16px,2.4vw,24px);margin:0;padding:0;list-style:none;display:grid}.about-page__exp{background:var(--card);color:var(--card-ink);border-radius:16px;padding:clamp(22px,3vw,36px);box-shadow:0 20px 44px -28px #0000008c}.about-page__exp-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:clamp(8px,1.6vw,20px);display:flex}.about-page__exp-title{font-family:var(--font-display), system-ui, -apple-system, "Segoe UI", sans-serif;letter-spacing:-.01em;color:var(--card-ink);margin:0;font-size:clamp(1.2rem,2.4vw,1.6rem);font-weight:800;line-height:1.12}.about-page__exp-org{color:var(--page-blue)}.about-page__exp-period{font-family:var(--font-text), system-ui, -apple-system, "Segoe UI", sans-serif;text-transform:uppercase;letter-spacing:.06em;color:var(--page-blue);background:color-mix(in srgb, var(--page-blue) 10%, transparent);white-space:nowrap;border-radius:999px;flex:none;padding:.5em .9em;font-size:clamp(.72rem,1.1vw,.82rem);font-weight:600}.about-page__exp-summary{max-width:68ch;font-family:var(--font-text), system-ui, -apple-system, "Segoe UI", sans-serif;color:var(--card-muted);margin:clamp(12px,2vh,18px) 0 0;font-size:clamp(.96rem,1.4vw,1.08rem);font-weight:400;line-height:1.65}.about-page__education{grid-template-columns:repeat(2,1fr);gap:clamp(16px,2.4vw,24px);margin:0;padding:0;list-style:none;display:grid}.about-page__edu{background:var(--card);color:var(--card-ink);border-radius:16px;padding:clamp(22px,3vw,32px);box-shadow:0 20px 44px -28px #0000008c}.about-page__edu-credential{font-family:var(--font-display), system-ui, -apple-system, "Segoe UI", sans-serif;letter-spacing:-.01em;color:var(--card-ink);margin:0;font-size:clamp(1.08rem,2vw,1.35rem);font-weight:800;line-height:1.2}.about-page__edu-institution{font-family:var(--font-text), system-ui, -apple-system, "Segoe UI", sans-serif;color:var(--card-muted);margin:clamp(8px,1.4vh,12px) 0 0;font-size:clamp(.92rem,1.4vw,1.02rem);font-weight:600;line-height:1.4}.about-page__edu-detail{font-family:var(--font-text), system-ui, -apple-system, "Segoe UI", sans-serif;text-transform:uppercase;letter-spacing:.05em;color:var(--page-blue);background:color-mix(in srgb, var(--page-blue) 10%, transparent);border-radius:999px;margin:clamp(12px,1.8vh,16px) 0 0;padding:.5em .9em;font-size:clamp(.7rem,1.1vw,.8rem);font-weight:600;display:inline-flex}.about-page__skills{gap:clamp(28px,5vh,48px);display:grid}.about-page__group-label{font-family:var(--font-display), system-ui, -apple-system, "Segoe UI", sans-serif;text-transform:uppercase;letter-spacing:.14em;color:var(--on-blue-soft);margin:0 0 clamp(14px,2.2vh,20px);font-size:clamp(.8rem,1.4vw,.95rem);font-weight:700}.about-page__tags{flex-wrap:wrap;gap:clamp(8px,1.2vw,12px);margin:0;padding:0;list-style:none;display:flex}.about-page__tag{font-family:var(--font-text), system-ui, -apple-system, "Segoe UI", sans-serif;color:var(--on-blue);background:var(--chip-bg);border:1px solid var(--chip-border);border-radius:999px;align-items:center;padding:.6em 1.05em;font-size:clamp(.84rem,1.3vw,.98rem);font-weight:600;line-height:1;display:inline-flex}.about-page__group-note{font-family:var(--font-text), system-ui, -apple-system, "Segoe UI", sans-serif;color:var(--on-blue-faint);margin:clamp(12px,1.8vh,16px) 0 0;font-size:clamp(.9rem,1.3vw,1rem);font-style:italic;font-weight:400;line-height:1.5}.about-page__quals{grid-template-columns:repeat(2,1fr);gap:clamp(14px,2.2vw,22px) clamp(28px,4vw,56px);margin:0;padding:0;list-style:none;display:grid}.about-page__qual{font-family:var(--font-text), system-ui, -apple-system, "Segoe UI", sans-serif;color:var(--on-blue-soft);padding-left:2em;font-size:clamp(.96rem,1.4vw,1.08rem);font-weight:400;line-height:1.55;position:relative}.about-page__qual:before{content:"";background:var(--on-blue);border-radius:50%;width:1.15em;height:1.15em;position:absolute;top:.15em;left:0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round' d='M5 13l4 4L19 7'/%3E%3C/svg%3E") 50%/72% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round' d='M5 13l4 4L19 7'/%3E%3C/svg%3E") 50%/72% no-repeat}@media (max-width:760px){.about-page__education,.about-page__quals{grid-template-columns:1fr}}@media (max-width:520px){.about-page__exp-period{order:2}.about-page__exp-head{gap:.5em}}@media (prefers-reduced-motion:reduce){.about-page__contact{transition:background-color .2s,color .2s,border-color .2s}.about-page__contact:hover{transform:none}}
