.about-portal{background:var(--about-page-bg);padding:24px 18px;color:var(--about-content-text);font-family:var(--about-content-font)}
.about-portal *{box-sizing:border-box}.about-portal__shell{max-width:1440px;margin:auto;display:grid;grid-template-columns:var(--about-sidebar-width) minmax(0,1fr);gap:22px}
.about-portal__sidebar,.about-portal__content{border-radius:var(--about-radius);box-shadow:var(--about-shadow);overflow:hidden}.about-portal__sidebar{background:var(--about-sidebar-bg);color:var(--about-sidebar-text);border-top:8px solid var(--about-sidebar-accent);padding:26px 18px;position:relative;font-family:var(--about-sidebar-font)}
.about-portal__sidebar--pattern:after{content:"";position:absolute;inset:0;opacity:.06;pointer-events:none;background-image:linear-gradient(45deg,transparent 45%,currentColor 46%,currentColor 48%,transparent 49%);background-size:28px 28px}
.about-portal__identity,.about-portal__nav,.about-portal__mobile-toggle{position:relative;z-index:1}.about-portal__identity{padding:14px 16px 28px}.about-portal__monogram{display:inline-grid;place-items:center;width:54px;height:54px;border:2px solid var(--about-sidebar-accent);border-radius:50%;font:24px Georgia;color:#ffd270;margin-right:10px}.about-portal__identity>span{color:#ffd270;letter-spacing:2px;font-size:13px}.about-portal__identity h2{font:48px/1.1 var(--about-sidebar-heading-font);margin:20px 0 8px;color:var(--about-sidebar-text)}.about-portal__identity p{color:var(--about-sidebar-muted);font-size:18px}.about-portal__identity>i{display:block;width:74px;border-top:3px solid var(--about-sidebar-accent);margin-top:26px}
.about-portal__nav{display:flex;flex-direction:column}.about-portal__menu-item{min-height:var(--about-row-height);display:grid;grid-template-columns:64px 1fr 20px;align-items:center;color:var(--about-sidebar-text);text-decoration:none;border-bottom:1px solid var(--about-sidebar-divider);padding:8px 12px;font-size:18px;border-radius:13px}.about-portal__menu-icon{display:grid;place-items:center;width:48px;height:48px;font-size:24px}.about-portal__menu-item:hover,.about-portal__menu-item:focus{background:var(--about-sidebar-hover-bg);color:var(--about-sidebar-hover-text);outline:2px solid var(--about-sidebar-accent);outline-offset:2px}.about-portal__menu-item--active{background:var(--about-sidebar-active-bg);color:var(--about-sidebar-active-text);box-shadow:0 8px 18px rgba(0,0,0,.18);margin:7px 0}.about-portal__menu-item--active .about-portal__menu-icon{background:var(--about-sidebar-accent);color:#fff;border-radius:9px}
.about-portal__content{background:var(--about-content-bg);padding:34px 46px;border:1px solid var(--about-content-border)}.about-portal__breadcrumbs{display:flex;gap:18px;align-items:center;padding-bottom:24px;border-bottom:1px solid var(--about-content-border)}.about-portal__breadcrumbs a{color:inherit}.about-portal__title{margin:26px 0}.about-portal__title span{color:var(--about-content-accent);letter-spacing:2px}.about-portal__title h1{font:56px/1.05 var(--about-content-heading-font);color:var(--about-content-heading);margin:8px 0 16px}.about-portal__title i{display:block;width:76px;border-top:2px solid var(--about-content-accent)}
.about-portal__feature{display:grid;grid-template-columns:minmax(290px,370px) 1fr;gap:72px;align-items:center}.about-portal__portrait{position:relative;margin:0;min-height:460px}.about-portal__portrait>img,.about-portal__placeholder{width:100%;aspect-ratio:4/5;object-fit:cover;border:3px double var(--about-content-accent);border-radius:12px}.about-portal__placeholder{display:grid;place-items:center;align-content:center;gap:16px;background:#eee;color:#777;font-size:20px}.about-portal__placeholder i{font-size:90px}.about-portal__portrait figcaption{position:absolute;right:5px;bottom:5px;background:var(--about-sidebar-bg);color:#fff;padding:7px 10px;font-size:10px}.about-portal__quote{position:absolute;left:-28px;bottom:-8px;width:185px;background:var(--about-quote-bg);color:var(--about-quote-text);padding:20px;border:1px solid var(--about-content-border);border-radius:12px;box-shadow:var(--about-shadow);font-family:Georgia,serif}.about-portal__quote i,.about-portal__mark{font-size:42px;color:var(--about-content-accent)}.about-portal__quote p{margin:8px 0;font-style:italic}.about-portal__copy h2{font:38px/1.1 var(--about-content-heading-font);color:var(--about-content-heading)}.about-portal__copy p{font-size:17px;line-height:1.65}.about-portal__summary{font-weight:500}
.about-portal__stats,.about-portal__fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin-top:30px}.about-portal__stat,.about-portal__field{display:flex;gap:18px;background:var(--about-stat-bg);color:var(--about-stat-text);border:1px solid var(--about-content-border);border-radius:13px;padding:18px}.about-portal__stat>span,.about-portal__field>i{flex:0 0 66px;width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:var(--about-sidebar-bg);color:var(--stat-accent,var(--about-content-accent));font-size:26px}.about-portal__stat h3,.about-portal__field h3{font:20px var(--about-content-heading-font);margin:0 0 10px}.about-portal__stat b{font:23px var(--about-content-heading-font)}.about-portal__stat p,.about-portal__field p{margin:5px 0;line-height:1.45}.about-portal__mobile-toggle{display:none}
@media(max-width:991px){.about-portal__shell{grid-template-columns:280px 1fr}.about-portal__content{padding:28px}.about-portal__feature{grid-template-columns:1fr;gap:30px}.about-portal__portrait{max-width:360px}.about-portal__quote{left:auto;right:-20px}}
@media(max-width:767px){.about-portal{padding:12px}.about-portal__shell{display:block}.about-portal__sidebar{margin-bottom:14px;padding:18px}.about-portal__identity h2{font-size:38px}.about-portal__mobile-toggle{display:flex;width:100%;min-height:48px;align-items:center;justify-content:space-between;background:var(--about-sidebar-active-bg);color:var(--about-sidebar-active-text);border:0;border-radius:10px;padding:10px 15px}.about-portal__nav{display:none}.about-portal__nav.is-open{display:flex}.about-portal__content{padding:22px 18px}.about-portal__title h1{font-size:42px}.about-portal__feature{display:block}.about-portal__portrait{min-height:0}.about-portal__quote{position:static;width:auto;margin:15px 0}.about-portal__copy h2{font-size:30px}.about-portal__stats,.about-portal__fields{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.about-portal *{scroll-behavior:auto!important;transition:none!important}}