.about-main{position:relative;z-index:1;width:100%;max-width:1280px;margin:0 auto;padding:32px 48px 100px;flex:1}
.about-intro{padding-top:8px;text-align:center}
.about-heading{font-size:52px;font-weight:400;line-height:1.1;letter-spacing:-2px;margin:0;text-align:center;text-transform:lowercase}
.about-layout{display:grid;grid-template-columns:minmax(220px,310px) minmax(0,600px);align-items:start;justify-content:center;gap:64px;width:92%;margin:48px auto 0}

.about-bio{grid-column:2;min-width:0}
.about-bio p{margin:0 0 22px;font-size:13px;line-height:1.95;color:#b6c8e2}
.about-bio p:first-child{font-size:15px;line-height:1.85;color:#cfdef2}
.about-bio p:last-child{margin-bottom:0}
.about-page .home-footer{max-width:1696px;width:100%;margin:0 auto}
@media(max-width:1100px){.about-main{padding-left:36px;padding-right:36px}.about-layout{width:100%;grid-template-columns:minmax(200px,280px) minmax(0,1fr);gap:38px}}
@media(max-width:760px){.about-main{padding:26px 22px 90px}.about-intro{padding-top:6px}.about-heading{font-size:40px;letter-spacing:-1.5px}.about-layout{display:flex;flex-direction:column;gap:28px;max-width:540px;margin-top:36px}.about-bio p{font-size:13px;line-height:1.95;margin-bottom:22px}.about-bio p:first-child{font-size:14px;line-height:1.9}}
@media(max-width:360px){.about-main{padding-left:17px;padding-right:17px}}

.about-video-composition{grid-column:1;grid-row:1;position:sticky;top:32px;min-width:0;width:100%}
.about-video-stage{position:relative;width:100%;background:transparent}
.about-video-stage video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;opacity:.42;mix-blend-mode:screen;filter:url("#about-video-blue");-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent),linear-gradient(180deg,transparent,#000 5%,#000 84%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent),linear-gradient(180deg,transparent,#000 5%,#000 84%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}
.about-video-toggle{position:absolute;inset:0;display:block;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:2px;background:transparent;color:#dfedff}
.about-video-message{font-size:11px;line-height:1.8;color:#b6c8e2;margin:12px 0 0}
.about-video-message a{text-decoration:underline;text-underline-offset:4px}
.about-awards{margin-top:32px;padding-top:22px;border-top:1px solid #7ea2d22b}
.about-awards h2{margin:0 0 18px;font-size:12px;font-weight:400;line-height:1.7;color:#c5d7ef}
.about-awards-list{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.about-awards-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px}
.about-award-name{display:block;font-size:12px;line-height:1.8;color:#bfcee5}
.about-award-school,.about-awards-list time{display:block;font-size:11px;line-height:1.8;color:#a2b8d6}
.about-awards-list time{font-variant-numeric:tabular-nums;padding-top:1px}
@media(max-width:760px){.about-video-composition{position:static;width:min(100%,270px);align-self:center}.about-video-stage video{max-height:440px}.about-awards{margin-top:28px}.about-awards-list li{gap:12px}}
.about-video-credit{display:flex;align-items:center;justify-content:flex-end;min-height:36px;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-4px);transition:opacity .32s ease,transform .32s cubic-bezier(.2,.65,.35,1),visibility 0s linear .32s}
.about-video-credit.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition-delay:0s}
.about-video-credit a{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:6px 0;font-size:11px;line-height:1.7;letter-spacing:.2px;color:#b6cff0;text-decoration:underline;text-decoration-color:#7797c466;text-underline-offset:4px}
.about-video-credit a:hover{color:#ecf5ff;text-decoration-color:#b6d5ff}
@media(prefers-reduced-motion:reduce){.about-video-credit{transform:none;transition:none}}
.about-video-toggle:focus-visible{outline:2px solid #a4c6ff;outline-offset:5px}
.about-video-filters{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.about-mini-wave{display:block;flex:none;width:29px;height:12px;color:#93b9f1;opacity:.8}
.about-mini-wave path{transform-origin:50% 50%;animation:cloudburst-wave 1.15s ease-in-out infinite alternate;animation-play-state:paused}
.about-mini-wave .wave-b{animation-duration:.82s;animation-delay:-.3s}
.about-video-credit.is-visible .about-mini-wave path{animation-play-state:running}
@keyframes cloudburst-wave{0%{transform:scaleY(.48)}50%{transform:scaleY(.88)}100%{transform:scaleY(1)}}
@media(prefers-reduced-motion:reduce){.about-mini-wave path{animation:none}}
.about-footer-morph{position:absolute;left:48px;bottom:104px;display:block;width:184px;mix-blend-mode:screen;pointer-events:auto;user-select:none}
@media(min-width:761px) and (max-width:1100px){.about-footer-morph{left:32px;width:168px}}
@media(max-width:760px){.about-main{padding-bottom:200px}.about-footer-morph{left:22px;bottom:162px;width:160px}}
@media(max-width:360px){.about-footer-morph{left:17px}}
.morph-base{display:block;width:100%;height:auto;opacity:.32;pointer-events:none}
.morph-light{position:absolute;inset:0;display:block;opacity:0;pointer-events:none;filter:drop-shadow(0 0 4px #98caffb3) drop-shadow(0 0 14px #7395ff88) drop-shadow(0 0 26px #a37af066);transition:opacity .28s ease}
.morph-light:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 58px 46px at var(--morph-x,50%) var(--morph-y,50%),#f0f8ff 0%,#c3e1ffed 15%,#97bfffad 38%,#b397ff50 58%,transparent 84%);-webkit-mask:url("assets/morph-cloud-detail.png") center/100% 100% no-repeat;mask:url("assets/morph-cloud-detail.png") center/100% 100% no-repeat}
.about-footer-morph.is-morph-active .morph-light{opacity:.95}
@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce),(forced-colors:active){.morph-light{display:none}}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:reduce){.about-footer-morph:hover .morph-base{opacity:.58;filter:drop-shadow(0 0 6px #94c5ff80) drop-shadow(0 0 18px #9874d766)}}