.about-section{padding:calc(var(--spacing-unit) * 22) 0}.about-section.grey-bg{background-color:var(--color-bg-secondary)}.about-main-layout{display:flex}.overview-column{flex:2;width:66.67%;display:flex;flex-direction:column}.notifications-column{flex:1;width:33.33%;flex-shrink:0;padding-left:calc(var(--spacing-unit) * 6);border-left:var(--space-px) dashed var(--color-black-20)}.about-section .overview-column .section-title .title-about .overlap-group-3 .text-wrapper-9{color:var(--color-yellow-light-60)}.about-section .grey-bg .section-title .title-about .overlap-group-3 .text-wrapper-9{color:var(--color-primary-11)}.about-section .notifications-column .section-title .title-about .overlap-group-3 .text-wrapper-9{color:var(--color-primary-11)}.text-wrapper-9.leader{color:var(--color-primary-11)}.text-wrapper-9.teacher{color:var(--color-primary-11)}.decoration.overview{background-color:var(--color-yellow-70)}.decoration.leader{background-color:var(--color-primary-70)}.decoration.teacher{background-color:var(--color-primary-80)}.decoration.notice{background-color:var(--color-primary-70)}.ellipse.overview{background-color:var(--color-accent-yellow)}.ellipse.leader{background-color:var(--color-primary)}.ellipse.teacher{background-color:var(--color-primary)}.ellipse.notice{background-color:var(--color-primary)}.notifications-icon{width:calc(var(--spacing-unit) * 6);height:calc(var(--spacing-unit) * 6);position:relative;background:url('../../images/notification-icon.svg') no-repeat center}.dot-color-1{background-color:var(--color-accent-yellow)}.dot-color-2{background-color:var(--color-brand-purple)}.dot-color-3{background-color:var(--color-success-green)}.dot-color-4{background-color:var(--color-secondary)}.dot-color-5{background-color:var(--color-accent-yellow)}.dot-color-6{background-color:var(--color-brand-purple)}.dot-color-7{background-color:var(--color-success-green)}.leader-title,.teacher-title{padding:calc(var(--spacing-unit) * .5) calc(var(--spacing-unit) * 1.5);background:var(--color-bg-secondary);font-size:var(--font-base);color:var(--color-text-secondary)}.teacher-card.active .teacher-card__description,.teacher-card:hover .teacher-card__description{color:var(--color-primary)}.overview-content{display:flex;align-items:flex-start}.overview-image{flex-shrink:0;width:66.67%;min-width:calc(var(--spacing-unit) * 152);min-height:calc(var(--spacing-unit) * 85.5);border-radius:calc(var(--spacing-unit) * 2);overflow:hidden;position:relative;border:calc(var(--spacing-unit) * .75) solid var(--color-accent-yellow);aspect-ratio:16/9}.overview-image img{width:100%;height:100%;object-fit:cover}.overview-text{flex:1;display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 4);max-height:calc(var(--spacing-unit) * 85.5);overflow:hidden;position:relative;padding:0 calc(var(--spacing-unit) * 5)}.overview-link{text-decoration:none;color:inherit;display:block;height:100%;position:relative}.overview-text h3{font-size:clamp(18px, 2vw, 28px);font-weight:700;color:var(--color-text-primary);margin:0 0 calc(var(--spacing-unit) * 4) 0;line-height:calc(var(--spacing-unit) * 9)}.overview-text .description{font-size:clamp(12px, 1vw, 16px);color:var(--color-text-secondary);line-height:calc(var(--spacing-unit) * 6.125);margin:0;display:-webkit-box;display:box;-webkit-line-clamp:12;line-clamp:12;-webkit-box-orient:vertical;box-orient:vertical;overflow:hidden;text-overflow:ellipsis;text-align:justify;min-height:calc(var(--spacing-unit) * 85.5)}.overview-link:hover .description,.overview-link:hover h3{color:var(--color-accent-yellow)!important}.notifications{border-radius:calc(var(--spacing-unit) * 2);padding:calc(var(--spacing-unit) * 5);background-color:rgba(255,255,255,.7);box-shadow:0 calc(var(--spacing-unit) * 1) calc(var(--spacing-unit) * 1) rgba(0,0,0,.1);min-height:calc(var(--spacing-unit) * 85.5)}.notifications-header{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 2);margin-bottom:calc(var(--spacing-unit) * 4)}.notifications-icon{width:calc(var(--spacing-unit) * 6);height:calc(var(--spacing-unit) * 6);position:relative;background:url('../../images/notification-icon.svg') no-repeat center}.notifications-header h3{font-size:clamp(18px, 2vw, 28px);font-weight:700;color:var(--color-text-primary);margin:0}.notifications-list{display:flex;flex-direction:column}.notification-item{padding:calc(var(--spacing-unit) * 5.3) 0;border-bottom:var(--space-px) solid var(--color-black-10);display:flex;align-items:center;gap:calc(var(--spacing-unit) * 4)}.notification-item:first-child{padding-top:0}.notification-item:last-child{padding-bottom:0;border-bottom:none}.notification-item .dot{width:calc(var(--spacing-unit) * 1.5);height:calc(var(--spacing-unit) * 1.5);border-radius:50%;flex-shrink:0}.notification-content{flex:1;min-width:0}.notification-content a{font-size:clamp(14px, 1.2vw, 18px);color:var(--color-text-primary);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.notification-content a:hover{color:var(--color-accent-yellow)}.notification-date{font-size:clamp(12px, 1vw, 16px);color:var(--color-text-light);white-space:nowrap;flex-shrink:0}.leaders-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--spacing-unit) * 6);margin-bottom:calc(var(--spacing-unit) * 8);min-height:calc(var(--spacing-unit) * 147.5);position:relative}.leader-card{height:calc(var(--spacing-unit) * 70.5);padding:0 calc(var(--spacing-unit) * 4) calc(var(--spacing-unit) * 4);background:var(--color-bg-primary);border-radius:calc(var(--spacing-unit) * 2);display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 4);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base);will-change:transform;transform:translate3d(0,0,0);position:relative}.leader-card.active,.leader-card:hover{transform:translate3d(0,-3px,0)!important;box-shadow:0 8px 20px rgba(8,21,50,.2);border:var(--space-px) solid var(--color-primary);z-index:10}.leader-card-placeholder{height:calc(var(--spacing-unit) * 70.5);visibility:hidden;pointer-events:none}.leader-header{padding:calc(var(--spacing-unit) * 4) 0;border-bottom:var(--space-px) solid var(--color-black-10);display:flex;align-items:center;gap:calc(var(--spacing-unit) * 6)}.leader-card h3{font-size:clamp(18px, 2vw, 28px);font-weight:700;color:var(--color-text-primary);margin:0}.leader-card.active h3,.leader-card:hover h3{color:var(--color-primary)}.leader-titles{display:flex;gap:calc(var(--spacing-unit) * 2)}.leader-duty{font-size:clamp(14px, 1.2vw, 18px);font-weight:400;color:var(--color-text-primary)}.leader-description{font-size:clamp(12px, 1vw, 16px);color:var(--color-text-light);line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;line-clamp:6;overflow:hidden;text-overflow:ellipsis}.leader-card.active .leader-description,.leader-card:hover .leader-description{color:var(--color-primary)}.teachers-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:calc(var(--spacing-unit) * 6);margin-bottom:calc(var(--spacing-unit) * 8)}.loading-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;background-color:rgba(255,255,255,.8);border-radius:calc(var(--spacing-unit) * 1.25);padding:calc(var(--spacing-unit) * 5);box-shadow:0 calc(var(--spacing-unit) * .5) calc(var(--spacing-unit) * 2.5) rgba(0,0,0,.1)}.spinner{width:calc(var(--spacing-unit) * 10);height:calc(var(--spacing-unit) * 10);border:calc(var(--spacing-unit) * 1) solid var(--color-border-light);border-left:calc(var(--spacing-unit) * 1) solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.page-switch-notice{position:fixed;top:calc(var(--spacing-unit) * 5);right:calc(var(--spacing-unit) * 5);background:rgba(64,163,157,.9);color:var(--color-white);padding:calc(var(--spacing-unit) * 3) calc(var(--spacing-unit) * 5);border-radius:calc(var(--spacing-unit) * 1.5);font-size:clamp(12px, 1vw, 16px);z-index:9999;box-shadow:0 calc(var(--spacing-unit) * 1) calc(var(--spacing-unit) * 3) rgba(0,0,0,.15);display:none;animation:slideInRight .3s ease}@keyframes slideInRight{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.decoration-element{position:absolute;width:calc(var(--spacing-unit) * 35);height:calc(var(--spacing-unit) * 33);bottom:0;right:0;opacity:.1;pointer-events:none}