*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#4a4a4a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;overflow-x:hidden}#root{min-height:100vh}:root{--maroon:#800020;--green:#2d5016;--white:#fff;--cream:#f5f5f0;--dark-gray:#1a1a1a;--light-gray:#f8f8f8;--text-gray:#4a4a4a;--border-gray:#e0e0e0;--font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-display:"Playfair Display",serif;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2.5rem;--spacing-xl:3.5rem;--spacing-xxl:4.5rem;--transition:all 0.3s ease}.container{margin:0 auto;max-width:1200px;padding:0 2.5rem;padding:0 var(--spacing-lg)}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;box-shadow:0 2px 10px #0000001a;left:0;position:fixed;right:0;top:0;transition:all .3s ease;transition:var(--transition);z-index:1000}.nav-container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:1rem 1.5rem;padding:var(--spacing-sm) var(--spacing-md)}.nav-container,.nav-logo{align-items:center;display:flex}.nav-logo{gap:1rem;gap:var(--spacing-sm)}.school-crest{height:50px;object-fit:contain;transition:all .3s ease;transition:var(--transition);width:auto}.school-crest:hover{transform:scale(1.05)}.logo-text-container{display:flex;flex-direction:column}.logo-text{color:#800020;color:var(--maroon);font-family:Playfair Display,serif;font-family:var(--font-display);font-size:1.5rem;font-weight:700;line-height:1.2}.logo-subtitle{color:#2d5016;color:var(--green);font-size:.75rem;font-weight:500;letter-spacing:1px}.nav-menu{display:flex;gap:1.5rem;gap:var(--spacing-md);list-style:none;margin:0;padding:0}.nav-menu a{color:#4a4a4a;color:var(--text-gray);font-weight:500;position:relative;text-decoration:none}.nav-menu a,.nav-menu a:after{transition:all .3s ease;transition:var(--transition)}.nav-menu a:after{background:#800020;background:var(--maroon);bottom:-5px;content:"";height:2px;left:0;position:absolute;width:0}.nav-menu a:hover{color:#800020;color:var(--maroon)}.nav-menu a:hover:after{width:100%}.nav-toggle{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:5px;padding:5px}.nav-toggle span{background:#800020;background:var(--maroon);height:2px;transition:all .3s ease;transition:var(--transition);width:25px}.hero{align-items:center;background:linear-gradient(135deg,#800020,#2d5016);background:linear-gradient(135deg,var(--maroon) 0,var(--green) 100%);color:#fff;color:var(--white);display:flex;height:100vh;justify-content:center;min-height:600px;overflow:hidden;position:relative;text-align:center}.hero:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Cpath d='M100 0H0v100' fill='none' stroke='rgba(255,255,255,0.05)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");content:"";opacity:.3}.hero-overlay,.hero:before{bottom:0;left:0;position:absolute;right:0;top:0}.hero-overlay{background:#0003}.hero-content{animation:fadeInUp 1s ease;max-width:800px;padding:1.5rem;padding:var(--spacing-md);position:relative;z-index:2}.hero-title{font-family:Playfair Display,serif;font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4rem);font-weight:700;margin-bottom:1rem;margin-bottom:var(--spacing-sm);text-shadow:2px 2px 4px #0000004d}.hero-subtitle{color:#f5f5f0;color:var(--cream);font-size:clamp(1.5rem,3vw,2.5rem);font-weight:300;letter-spacing:3px;margin-bottom:1.5rem;margin-bottom:var(--spacing-md)}.hero-description{font-size:clamp(1rem,2vw,1.25rem);line-height:1.8;margin-bottom:2.5rem;margin-bottom:var(--spacing-lg);opacity:.95}.hero-cta{background:#fff;background:var(--white);border-radius:50px;box-shadow:0 4px 15px #0003;color:#800020;color:var(--maroon);display:inline-block;font-weight:600;padding:1rem 2.5rem;text-decoration:none;transition:all .3s ease;transition:var(--transition)}.hero-cta:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.hero-scroll-indicator{align-items:center;animation:bounce 2s infinite;bottom:30px;color:#fff;color:var(--white);display:flex;flex-direction:column;font-size:.875rem;gap:10px;left:50%;opacity:.8;position:absolute;transform:translateX(-50%)}.scroll-arrow{background:#fff;background:var(--white);height:30px;position:relative;width:2px}.scroll-arrow:after{border-bottom:2px solid #fff;border-bottom:2px solid var(--white);border-right:2px solid #fff;border-right:2px solid var(--white);bottom:0;content:"";height:10px;left:-4px;position:absolute;transform:rotate(45deg);width:10px}.section{min-height:auto;padding:3.5rem 0;padding:var(--spacing-xl) 0}.section-header{margin-bottom:2.5rem;margin-bottom:var(--spacing-lg);padding:0 1.5rem;padding:0 var(--spacing-md);text-align:center}.section-title{color:#800020;color:var(--maroon);font-family:Playfair Display,serif;font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);margin-bottom:1rem;margin-bottom:var(--spacing-sm)}.title-underline{background:linear-gradient(90deg,#800020,#2d5016);background:linear-gradient(to right,var(--maroon),var(--green));border-radius:2px;height:4px;margin:0 auto;width:80px}.section-subtitle{color:#800020;color:var(--maroon);font-family:Playfair Display,serif;font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.5rem);margin-bottom:1rem;margin-bottom:var(--spacing-sm)}.history-timeline-section{border-top:2px solid #f8f8f8;border-top:2px solid var(--light-gray);margin-top:3.5rem;margin-top:var(--spacing-xl);padding-top:3.5rem;padding-top:var(--spacing-xl)}.about-section{background:#fff;background:var(--white)}.about-tabs{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--spacing-xs);justify-content:center;margin-bottom:2.5rem;margin-bottom:var(--spacing-lg);padding:0 1rem;padding:0 var(--spacing-sm)}.about-tab{background:#f8f8f8;background:var(--light-gray);border:2px solid #0000;border-radius:50px;color:#4a4a4a;color:var(--text-gray);cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-primary);font-size:1rem;font-weight:600;padding:1rem 2.5rem;padding:var(--spacing-sm) var(--spacing-lg);transition:all .3s ease;transition:var(--transition)}.about-tab:hover{background:#fff;background:var(--white);box-shadow:0 4px 10px #0000001a;color:#800020;color:var(--maroon);transform:translateY(-2px)}.about-tab.active,.about-tab:hover{border-color:#800020;border-color:var(--maroon)}.about-tab.active{background:linear-gradient(135deg,#800020,#2d5016);background:linear-gradient(135deg,var(--maroon),var(--green));box-shadow:0 4px 15px #8000204d;color:#fff;color:var(--white)}.about-content{grid-gap:2.5rem;grid-gap:var(--spacing-lg);align-items:start;animation:fadeIn .5s ease;display:grid;gap:2.5rem;gap:var(--spacing-lg);grid-template-columns:2fr 1fr;padding:1.5rem 0;padding:var(--spacing-md) 0}.about-text{color:#4a4a4a;color:var(--text-gray);font-size:1.1rem;line-height:1.8}.about-text .lead,.about-text p{margin-bottom:1.5rem;margin-bottom:var(--spacing-md)}.about-text .lead{color:#1a1a1a;color:var(--dark-gray);font-size:1.3rem;font-weight:500}.about-stats{display:flex;flex-direction:column;gap:1.5rem;gap:var(--spacing-md)}.stat-card{background:linear-gradient(135deg,#800020,#2d5016);background:linear-gradient(135deg,var(--maroon),var(--green));border-radius:10px;box-shadow:0 4px 15px #0000001a;color:#fff;color:var(--white);padding:1.5rem;padding:var(--spacing-md);text-align:center}.stat-number{font-family:Playfair Display,serif;font-family:var(--font-display);font-size:2rem;font-weight:700;margin-bottom:.5rem;margin-bottom:var(--spacing-xs)}.stat-label{font-size:.9rem;letter-spacing:1px;opacity:.9;text-transform:uppercase}.about-subsection{scroll-margin-top:100px}.identity-section{background:#f8f8f8;background:var(--light-gray)}.identity-grid{grid-gap:1.5rem;grid-gap:var(--spacing-md);display:grid;gap:1.5rem;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2.5rem;margin-bottom:var(--spacing-lg);padding:1.5rem 0;padding:var(--spacing-md) 0}.identity-card{background:#fff;background:var(--white);border-radius:15px;box-shadow:0 2px 10px #0000000d;padding:1.5rem;padding:var(--spacing-md);text-align:center;transition:all .3s ease;transition:var(--transition)}.identity-card:hover{box-shadow:0 5px 20px #0000001a;transform:translateY(-5px)}.identity-card.clickable-card{border:2px solid #0000;transition:all .3s ease;transition:var(--transition)}.identity-card.clickable-card:hover{border-color:#800020;border-color:var(--maroon);transform:translateY(-5px) scale(1.02)}.card-icon{font-size:3rem;margin-bottom:1rem;margin-bottom:var(--spacing-sm)}.identity-card h3{color:#800020;color:var(--maroon);font-size:1.2rem}.identity-card h3,.identity-card p{margin-bottom:.5rem;margin-bottom:var(--spacing-xs)}.card-note{color:#4a4a4a;color:var(--text-gray);font-size:.9rem;font-style:italic;margin-top:.5rem;margin-top:var(--spacing-xs)}.color-swatches{display:flex;gap:.5rem;gap:var(--spacing-xs);justify-content:center;margin-top:1rem;margin-top:var(--spacing-sm)}.swatch{border:2px solid #e0e0e0;border:2px solid var(--border-gray);border-radius:50%;height:40px;width:40px}.swatch.maroon{background:#800020;background:var(--maroon)}.swatch.green{background:#2d5016;background:var(--green)}.identity-philosophy,.swatch.white{background:#fff;background:var(--white)}.identity-philosophy{border-left:4px solid #800020;border-left:4px solid var(--maroon);border-radius:10px;margin-top:1.5rem;margin-top:var(--spacing-md);padding:1.5rem;padding:var(--spacing-md)}.philosophy-text{color:#1a1a1a;color:var(--dark-gray);font-size:1.1rem;font-style:italic;line-height:1.8}.history-section{background:#fff;background:var(--white)}.history-content{grid-gap:1.5rem;grid-gap:var(--spacing-md);display:grid;gap:1.5rem;gap:var(--spacing-md);margin:0 auto;max-width:1000px;padding:1.5rem 0;padding:var(--spacing-md) 0}.history-card{background:#f8f8f8;background:var(--light-gray);border-left:4px solid #2d5016;border-left:4px solid var(--green);border-radius:15px;padding:1.5rem;padding:var(--spacing-md)}.history-card.highlight{background:linear-gradient(135deg,#8000200d,#2d50160d);border-left-color:#800020;border-left-color:var(--maroon)}.history-card h3{color:#800020;color:var(--maroon);font-size:1.5rem}.history-card h3,.history-card p{margin-bottom:1rem;margin-bottom:var(--spacing-sm)}.history-card p{color:#4a4a4a;color:var(--text-gray);font-size:1.05rem;line-height:1.8}.achievements-list{list-style:none;padding-left:0}.achievements-list li{line-height:1.8;margin-bottom:1rem;margin-bottom:var(--spacing-sm);padding-left:1.5rem;padding-left:var(--spacing-md);position:relative}.achievements-list li:before{color:#2d5016;color:var(--green);content:"✓";font-size:1.2rem;font-weight:700;left:0;position:absolute}.timeline-section{background:#f8f8f8;background:var(--light-gray)}.timeline{margin:0 auto;max-width:900px;padding:1.5rem 0;padding:var(--spacing-md) 0;position:relative}.timeline:before{background:linear-gradient(180deg,#800020,#2d5016);background:linear-gradient(to bottom,var(--maroon),var(--green));bottom:0;content:"";left:50%;position:absolute;top:0;transform:translateX(-50%);width:4px}.timeline-item{align-items:center;display:flex;margin-bottom:2.5rem;margin-bottom:var(--spacing-lg);position:relative}.timeline-item:nth-child(odd){flex-direction:row}.timeline-item:nth-child(2n){flex-direction:row-reverse}.timeline-year{background:#fff;background:var(--white);border-radius:10px;box-shadow:0 2px 10px #0000001a;color:#800020;color:var(--maroon);flex:0 0 150px;font-family:Playfair Display,serif;font-family:var(--font-display);font-size:1.5rem;font-weight:700;padding:1rem;padding:var(--spacing-sm);position:relative;text-align:center;z-index:2}.timeline-item:before{background:#800020;background:var(--maroon);border:4px solid #fff;border:4px solid var(--white);border-radius:50%;box-shadow:0 2px 10px #0003;content:"";height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px;z-index:3}.timeline-content{background:#fff;background:var(--white);border-radius:10px;box-shadow:0 2px 10px #0000001a;flex:1 1;margin:0 1.5rem;margin:0 var(--spacing-md);padding:1.5rem;padding:var(--spacing-md)}.timeline-item.highlight .timeline-content{background:linear-gradient(135deg,#8000200d,#2d50160d);border:2px solid #800020;border:2px solid var(--maroon)}.timeline-content h3{color:#800020;color:var(--maroon);font-size:1.3rem;margin-bottom:1rem;margin-bottom:var(--spacing-sm)}.timeline-content p{color:#4a4a4a;color:var(--text-gray);line-height:1.8}.alumni-section{background:#fff;background:var(--white)}.alumni-grid{grid-gap:1.5rem;grid-gap:var(--spacing-md);display:grid;gap:1.5rem;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:1.5rem;margin-bottom:var(--spacing-md);padding:1.5rem 0;padding:var(--spacing-md) 0}.alumni-card{background:#f8f8f8;background:var(--light-gray);border-radius:15px;box-shadow:0 2px 10px #0000000d;padding:1.5rem;padding:var(--spacing-md);text-align:center;transition:all .3s ease;transition:var(--transition)}.alumni-card:hover{box-shadow:0 5px 20px #0000001a;transform:translateY(-5px)}.alumni-avatar{align-items:center;background:linear-gradient(135deg,#800020,#2d5016);background:linear-gradient(135deg,var(--maroon),var(--green));border-radius:50%;color:#fff;color:var(--white);display:flex;font-family:Playfair Display,serif;font-family:var(--font-display);font-size:2rem;font-weight:700;height:80px;justify-content:center;margin:0 auto 1rem;margin:0 auto var(--spacing-sm);width:80px}.alumni-card h3{color:#800020;color:var(--maroon);font-size:1.3rem;margin-bottom:.5rem;margin-bottom:var(--spacing-xs)}.alumni-role{color:#2d5016;color:var(--green);font-size:.9rem;font-weight:600;letter-spacing:1px;margin-bottom:1rem;margin-bottom:var(--spacing-sm);text-transform:uppercase}.alumni-bio{font-size:1.05rem;line-height:2}.alumni-bio,.alumni-note{color:#4a4a4a;color:var(--text-gray)}.alumni-note{border-radius:10px;font-style:italic;margin-top:1.5rem;margin-top:var(--spacing-md);padding:1.5rem;padding:var(--spacing-md);text-align:center}.alumni-note,.technical-team-section{background:#f8f8f8;background:var(--light-gray)}.team-grid{grid-gap:1.5rem;grid-gap:var(--spacing-md);display:grid;gap:1.5rem;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:1.5rem 0;padding:var(--spacing-md) 0}.team-card{background:#fff;background:var(--white);border-radius:15px;border-top:4px solid #800020;border-top:4px solid var(--maroon);box-shadow:0 2px 10px #0000000d;padding:1.5rem;padding:var(--spacing-md);position:relative;text-align:center;transition:all .3s ease;transition:var(--transition)}.team-card.clickable{border-top:4px solid #2d5016;border-top:4px solid var(--green)}.team-card.clickable:hover{border-top-color:#800020;border-top-color:var(--maroon);box-shadow:0 5px 20px #00000026;transform:translateY(-5px)}.team-card:hover{box-shadow:0 5px 20px #0000001a;transform:translateY(-5px)}.philosophy-badge{align-items:center;background:linear-gradient(135deg,#800020,#2d5016);background:linear-gradient(135deg,var(--maroon),var(--green));border-radius:20px;color:#fff;color:var(--white);display:inline-flex;font-size:.85rem;font-weight:600;gap:5px;margin-top:1rem;margin-top:var(--spacing-sm);padding:.5rem 1rem;padding:var(--spacing-xs) var(--spacing-sm);transition:all .3s ease;transition:var(--transition)}.team-card.clickable:hover .philosophy-badge{box-shadow:0 2px 10px #0003;transform:scale(1.05)}.badge-icon{font-size:1rem}.badge-text{font-size:.8rem;letter-spacing:.5px}.team-avatar{align-items:center;background:linear-gradient(135deg,#800020,#2d5016);background:linear-gradient(135deg,var(--maroon),var(--green));border-radius:50%;color:#fff;color:var(--white);display:flex;font-family:Playfair Display,serif;font-family:var(--font-display);font-size:2.2rem;font-weight:700;height:90px;justify-content:center;margin:0 auto 1rem;margin:0 auto var(--spacing-sm);width:90px}.team-card h3{color:#800020;color:var(--maroon);font-size:1.3rem;margin-bottom:.5rem;margin-bottom:var(--spacing-xs)}.team-role{color:#2d5016;color:var(--green);font-size:.9rem;font-weight:600;letter-spacing:1px;margin-bottom:1rem;margin-bottom:var(--spacing-sm);text-transform:uppercase}.teams-section{background:#fff;background:var(--white)}.teams-container{display:flex;flex-direction:column;gap:1.5rem;gap:var(--spacing-md);padding:1.5rem 0;padding:var(--spacing-md) 0}.team-expandable-card{background:#fff;background:var(--white);border-radius:15px;box-shadow:0 2px 10px #0000000d;overflow:hidden;transition:all .3s ease;transition:var(--transition)}.team-expandable-card:hover{box-shadow:0 5px 20px #0000001a}.team-card-header{align-items:center;background:#fff;background:var(--white);border-left:4px solid;cursor:pointer;display:flex;justify-content:space-between;padding:1.5rem;padding:var(--spacing-md);transition:all .3s ease;transition:var(--transition)}.team-card-header:hover{background:#f8f8f8;background:var(--light-gray)}.team-header-content{align-items:center;display:flex;flex:1 1;gap:1.5rem;gap:var(--spacing-md)}.team-badge{align-items:center;background:#fff;background:var(--white);border:3px solid;border-radius:50%;display:flex;height:80px;justify-content:center;min-width:80px;transition:all .3s ease;transition:var(--transition);width:80px}.team-badge-initials{color:#800020;color:var(--maroon);font-family:Playfair Display,serif;font-family:var(--font-display);font-size:1.5rem;font-weight:700;letter-spacing:2px}.team-badge-info{flex:1 1;text-align:left}.team-badge-name{color:#800020;color:var(--maroon);font-size:1.3rem}.team-badge-category,.team-badge-name{font-weight:600;margin-bottom:.5rem;margin-bottom:var(--spacing-xs)}.team-badge-category{background:#8000201a;border-radius:4px;display:inline-block;font-size:.85rem;letter-spacing:1px;padding:2px 8px;text-transform:uppercase}.team-badge-description{color:#4a4a4a;color:var(--text-gray);font-size:.9rem;line-height:1.5;margin-bottom:.5rem;margin-bottom:var(--spacing-xs)}.team-player-count{color:#2d5016;color:var(--green);font-size:.85rem;font-weight:600;margin-top:.5rem;margin-top:var(--spacing-xs)}.team-expand-button{align-items:center;background:#fff;background:var(--white);border:2px solid #800020;border:2px solid var(--maroon);border-radius:50%;color:#800020;color:var(--maroon);cursor:pointer;display:flex;flex-shrink:0;font-size:1.5rem;font-weight:700;height:36px;justify-content:center;transition:all .3s ease;transition:var(--transition);width:36px}.team-expand-button:hover{background:#800020;background:var(--maroon);color:#fff;color:var(--white);transform:scale(1.1)}.team-players-list{animation:slideDown .3s ease-out;background:#f8f8f8;background:var(--light-gray);border-top:1px solid #0000001a;padding:1.5rem;padding:var(--spacing-md)}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:2000px;opacity:1}}.players-table-header{grid-gap:1rem;grid-gap:var(--spacing-sm);background:#fff;background:var(--white);border-radius:8px;color:#800020;color:var(--maroon);display:grid;font-size:.9rem;font-weight:600;gap:1rem;gap:var(--spacing-sm);grid-template-columns:2fr 1.5fr .8fr 1.2fr;letter-spacing:.5px;margin-bottom:1rem;margin-bottom:var(--spacing-sm);padding:1rem 1.5rem;padding:var(--spacing-sm) var(--spacing-md);text-transform:uppercase}.players-list{display:flex;flex-direction:column;gap:.5rem;gap:var(--spacing-xs)}.player-row{grid-gap:1rem;grid-gap:var(--spacing-sm);align-items:center;border-radius:8px;display:grid;gap:1rem;gap:var(--spacing-sm);grid-template-columns:2fr 1.5fr .8fr 1.2fr;padding:1rem 1.5rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .3s ease;transition:var(--transition)}.player-row,.player-row:hover{background:#fff;background:var(--white)}.player-row:hover{box-shadow:0 2px 8px #00000014;transform:translateX(4px)}.player-cell{color:#4a4a4a;color:var(--text-gray);font-size:.95rem;line-height:1.5}.player-header-cell,.player-name{color:#800020;color:var(--maroon)}.player-name{font-weight:600}.player-dob{color:#4a4a4a;color:var(--text-gray)}.player-age{text-align:center}.player-age,.player-position{color:#2d5016;color:var(--green);font-weight:600}.player-position{font-size:.85rem;letter-spacing:.5px;text-transform:uppercase}.no-players-message{background:#fff;background:var(--white);border-radius:8px;color:#4a4a4a;color:var(--text-gray);font-style:italic;padding:2.5rem;padding:var(--spacing-lg);text-align:center}.team-role.manager{color:#800020;color:var(--maroon)}.home-grounds-section{background:#fff;background:var(--white)}.grounds-content{margin:0 auto;max-width:900px}.grounds-card{background:#f8f8f8;background:var(--light-gray);border-left:4px solid #2d5016;border-left:4px solid var(--green);border-radius:15px;box-shadow:0 4px 20px #00000014;padding:2.5rem;padding:var(--spacing-lg);text-align:center}.grounds-icon{font-size:4rem;margin-bottom:1.5rem;margin-bottom:var(--spacing-md)}.grounds-card h3{color:#800020;color:var(--maroon);font-family:Playfair Display,serif;font-family:var(--font-display);font-size:2.5rem;margin-bottom:.5rem;margin-bottom:var(--spacing-xs)}.grounds-location{color:#2d5016;color:var(--green);font-size:1.1rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.grounds-description,.grounds-location{margin-bottom:2.5rem;margin-bottom:var(--spacing-lg)}.grounds-description{text-align:left}.grounds-description p{color:#4a4a4a;color:var(--text-gray);font-size:1.05rem;line-height:1.8;margin-bottom:1.5rem;margin-bottom:var(--spacing-md)}.grounds-features{background:#fff;background:var(--white);border-radius:10px;margin-top:1.5rem;margin-top:var(--spacing-md);padding:1.5rem;padding:var(--spacing-md);text-align:left}.grounds-features h4{color:#800020;color:var(--maroon);font-family:Playfair Display,serif;font-family:var(--font-display);font-size:1.5rem;margin-bottom:1.5rem;margin-bottom:var(--spacing-md);text-align:center}.features-list{list-style:none;padding-left:0}.features-list li{color:#4a4a4a;color:var(--text-gray);font-size:1rem;line-height:1.8;margin-bottom:1rem;margin-bottom:var(--spacing-sm);padding-left:1.5rem;padding-left:var(--spacing-md);position:relative}.features-list li:before{color:#2d5016;color:var(--green);content:"✓";font-size:1.2rem;font-weight:700;left:0;position:absolute}.rivalry-section{background:#f8f8f8;background:var(--light-gray)}.rivalry-content{margin:0 auto;max-width:900px}.rivalry-card{background:#fff;background:var(--white);border-left:4px solid #800020;border-left:4px solid var(--maroon);border-radius:15px;box-shadow:0 4px 20px #00000014;padding:2.5rem;padding:var(--spacing-lg);text-align:center}.rivalry-icon{font-size:4rem;margin-bottom:1.5rem;margin-bottom:var(--spacing-md)}.rivalry-card h3{color:#800020;color:var(--maroon);font-family:Playfair Display,serif;font-family:var(--font-display);font-size:2.5rem;margin-bottom:.5rem;margin-bottom:var(--spacing-xs)}.rivalry-subtitle{color:#2d5016;color:var(--green);font-size:1.1rem;font-style:italic;font-weight:600}.rivalry-description,.rivalry-subtitle{margin-bottom:2.5rem;margin-bottom:var(--spacing-lg)}.rivalry-description{text-align:left}.rivalry-description p{color:#4a4a4a;color:var(--text-gray);font-size:1.05rem;line-height:1.8;margin-bottom:1.5rem;margin-bottom:var(--spacing-md)}.rivalry-highlights{background:#f8f8f8;background:var(--light-gray);border-radius:10px;margin-bottom:2.5rem;margin-bottom:var(--spacing-lg);padding:1.5rem;padding:var(--spacing-md);text-align:left}.rivalry-highlights h4{color:#800020;color:var(--maroon);font-family:Playfair Display,serif;font-family:var(--font-display);font-size:1.5rem;margin-bottom:1.5rem;margin-bottom:var(--spacing-md);text-align:center}.highlights-list{list-style:none;padding-left:0}.highlights-list li{color:#4a4a4a;color:var(--text-gray);font-size:1rem;line-height:1.8;margin-bottom:1rem;margin-bottom:var(--spacing-sm);padding-left:1.5rem;padding-left:var(--spacing-md);position:relative}.highlights-list li:before{content:"⚔️";font-size:1rem;left:0;position:absolute}.rivalry-values{margin-top:2.5rem;margin-top:var(--spacing-lg)}.rivalry-values h4{color:#800020;color:var(--maroon);font-family:Playfair Display,serif;font-family:var(--font-display);font-size:1.8rem;margin-bottom:1.5rem;margin-bottom:var(--spacing-md);text-align:center}.values-grid{grid-gap:2.5rem;grid-gap:var(--spacing-lg);display:grid;gap:2.5rem;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:2.5rem;margin-top:var(--spacing-lg)}.value-card{background:#f8f8f8;background:var(--light-gray);border-radius:15px;border-top:4px solid #2d5016;border-top:4px solid var(--green);padding:2.5rem;padding:var(--spacing-lg);text-align:center;transition:all .3s ease;transition:var(--transition)}.value-card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-5px)}.value-card h5{color:#800020;color:var(--maroon);font-family:Playfair Display,serif;font-family:var(--font-display);font-size:1.3rem;margin-bottom:.5rem;margin-bottom:var(--spacing-xs)}.value-card p{color:#4a4a4a;color:var(--text-gray);font-size:.95rem;line-height:1.6}.gallery-section{background:#fff;background:var(--white)}.gallery-grid{grid-gap:1.5rem;grid-gap:var(--spacing-md);display:grid;gap:1.5rem;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:1.5rem;margin-top:var(--spacing-md);padding:1.5rem 0;padding:var(--spacing-md) 0}.gallery-item{cursor:pointer;transition:all .3s ease;transition:var(--transition)}.gallery-image-wrapper{aspect-ratio:4/3;border-radius:10px;box-shadow:0 2px 10px #0000001a;overflow:hidden;position:relative}.gallery-image{height:100%;object-fit:cover;transition:all .3s ease;transition:var(--transition);width:100%}.gallery-image.loading{filter:blur(10px);transform:scale(1.05)}.gallery-image.loaded{filter:blur(0);transform:scale(1)}.gallery-overlay{background:linear-gradient(0deg,#000c,#0000);bottom:0;left:0;padding:1.5rem;padding:var(--spacing-md);position:absolute;right:0;transform:translateY(100%);transition:all .3s ease;transition:var(--transition)}.gallery-item:hover .gallery-overlay{transform:translateY(0)}.gallery-item:hover .gallery-image{transform:scale(1.1)}.gallery-caption{color:#fff;color:var(--white);font-size:1rem;font-weight:600;margin:0}.gallery-modal{animation:fadeIn .3s ease;background:#000000e6;bottom:0;left:0;padding:1.5rem;padding:var(--spacing-md);position:fixed;right:0;top:0;z-index:2000}.gallery-modal,.gallery-modal-close{align-items:center;display:flex;justify-content:center}.gallery-modal-close{background:#800020;background:var(--maroon);border:none;border-radius:50%;color:#fff;color:var(--white);cursor:pointer;font-size:2rem;height:50px;line-height:1;position:absolute;right:1.5rem;right:var(--spacing-md);top:1.5rem;top:var(--spacing-md);transition:all .3s ease;transition:var(--transition);width:50px;z-index:10}.gallery-modal-close:hover{background:#2d5016;background:var(--green);transform:rotate(90deg)}.gallery-modal-content{animation:slideUp .3s ease;max-height:90vh;max-width:90%;position:relative}.gallery-modal-image{border-radius:10px;box-shadow:0 10px 40px #00000080;max-height:80vh;max-width:100%;object-fit:contain}.gallery-modal-caption{color:#fff;color:var(--white);font-size:1.2rem;font-weight:600;margin-top:1.5rem;margin-top:var(--spacing-md);text-align:center}.philosophies-container{grid-gap:2.5rem;grid-gap:var(--spacing-lg);display:grid;gap:2.5rem;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(500px,1fr));margin-top:3.5rem;margin-top:var(--spacing-xl)}.coaching-philosophy{background:#fff;background:var(--white);border:3px solid #800020;border:3px solid var(--maroon);border-radius:20px;box-shadow:0 4px 20px #00000014;padding:3.5rem;padding:var(--spacing-xl)}.philosophy-header{align-items:center;border-bottom:2px solid #f8f8f8;border-bottom:2px solid var(--light-gray);display:flex;gap:1.5rem;gap:var(--spacing-md);margin-bottom:2.5rem;margin-bottom:var(--spacing-lg);padding-bottom:1.5rem;padding-bottom:var(--spacing-md)}.philosophy-avatar{align-items:center;background:linear-gradient(135deg,#800020,#2d5016);background:linear-gradient(135deg,var(--maroon),var(--green));border-radius:50%;color:#fff;color:var(--white);display:flex;flex-shrink:0;font-family:Playfair Display,serif;font-family:var(--font-display);font-size:2.5rem;font-weight:700;height:100px;justify-content:center;width:100px}.philosophy-title-section{flex:1 1}.philosophy-name{color:#800020;color:var(--maroon);font-family:Playfair Display,serif;font-family:var(--font-display);font-size:2rem;margin-bottom:.5rem;margin-bottom:var(--spacing-xs)}.philosophy-role{color:#2d5016;color:var(--green);font-size:1rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.philosophy-content{line-height:1.9}.philosophy-heading{color:#800020;color:var(--maroon);font-family:Playfair Display,serif;font-family:var(--font-display);font-size:1.8rem;margin-bottom:1.5rem;margin-bottom:var(--spacing-md);padding-bottom:1rem;padding-bottom:var(--spacing-sm);position:relative;text-align:center}.philosophy-heading:after{background:linear-gradient(90deg,#800020,#2d5016);background:linear-gradient(to right,var(--maroon),var(--green));border-radius:2px;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.philosophy-paragraph{color:#4a4a4a;color:var(--text-gray);font-size:1.15rem;line-height:2;margin-bottom:2.5rem;margin-bottom:var(--spacing-lg);text-align:justify}.philosophy-pillars{border-top:2px solid #f8f8f8;border-top:2px solid var(--light-gray);margin-top:2.5rem;margin-top:var(--spacing-lg);padding-top:1.5rem;padding-top:var(--spacing-md)}.philosophy-pillars h5{color:#800020;color:var(--maroon);font-family:Playfair Display,serif;font-family:var(--font-display);font-size:1.5rem;margin-bottom:1.5rem;margin-bottom:var(--spacing-md);text-align:center}.pillars-grid{grid-gap:1.5rem;grid-gap:var(--spacing-md);display:grid;gap:1.5rem;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1.5rem;margin-top:var(--spacing-md)}.pillar-item{align-items:center;background:#f8f8f8;background:var(--light-gray);border-left:4px solid #2d5016;border-left:4px solid var(--green);border-radius:8px;display:flex;gap:1rem;gap:var(--spacing-sm);padding:1rem 1.5rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .3s ease;transition:var(--transition)}.pillar-item:hover{box-shadow:0 2px 10px #0000001a;transform:translateX(5px)}.pillar-icon{color:#2d5016;color:var(--green);flex-shrink:0;font-size:1.3rem;font-weight:700}.pillar-text{color:#1a1a1a;color:var(--dark-gray);font-size:1.1rem;font-weight:600}.calendar-section{background:#f8f8f8;background:var(--light-gray)}.calendar-content{margin:0 auto;max-width:1000px}.events-list{grid-gap:1.5rem;grid-gap:var(--spacing-md);display:grid;margin-bottom:2.5rem;margin-bottom:var(--spacing-lg)}.event-card,.events-list{gap:1.5rem;gap:var(--spacing-md)}.event-card{background:#fff;background:var(--white);border-left:4px solid #800020;border-left:4px solid var(--maroon);border-radius:15px;box-shadow:0 2px 10px #0000000d;display:flex;padding:1.5rem;padding:var(--spacing-md);transition:all .3s ease;transition:var(--transition)}.event-card:hover{box-shadow:0 5px 20px #0000001a;transform:translateX(5px)}.event-date-badge{align-items:center;background:#fff;background:var(--white);border:3px solid #800020;border:3px solid var(--maroon);border-radius:10px;display:flex;flex-direction:column;flex-shrink:0;height:80px;justify-content:center;text-align:center;width:80px}.event-day{color:#800020;color:var(--maroon);font-family:Playfair Display,serif;font-family:var(--font-display);font-size:2rem;font-weight:700;line-height:1}.event-month{color:#2d5016;color:var(--green);font-size:.85rem;font-weight:600;letter-spacing:1px;margin-top:2px;text-transform:uppercase}.event-details{flex:1 1}.event-header{align-items:flex-start;display:flex;gap:1rem;gap:var(--spacing-sm);justify-content:space-between;margin-bottom:.5rem;margin-bottom:var(--spacing-xs)}.event-title{color:#800020;color:var(--maroon);flex:1 1;font-family:Playfair Display,serif;font-family:var(--font-display);font-size:1.3rem;margin:0}.event-type{border-radius:20px;color:#fff;color:var(--white);font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.3rem .8rem;text-transform:uppercase;white-space:nowrap}.event-info{display:flex;flex-direction:column;gap:.3rem}.event-date-full,.event-location,.event-time{color:#4a4a4a;color:var(--text-gray);font-size:.95rem;margin:0}.no-events{background:#fff;background:var(--white);border-radius:15px;color:#4a4a4a;color:var(--text-gray);padding:3.5rem;padding:var(--spacing-xl);text-align:center}.no-events-icon{font-size:4rem;margin-bottom:1.5rem;margin-bottom:var(--spacing-md);opacity:.5}.no-events h3{color:#800020;color:var(--maroon);font-family:Playfair Display,serif;font-family:var(--font-display);font-size:1.8rem;margin-bottom:1rem;margin-bottom:var(--spacing-sm)}.no-events p{font-size:1.05rem;line-height:1.8;margin:0 auto;max-width:600px}.calendar-note{border-left:4px solid #2d5016;border-left:4px solid var(--green);border-radius:10px;color:#4a4a4a;color:var(--text-gray);font-size:.95rem;margin-top:1.5rem;margin-top:var(--spacing-md);padding:1.5rem;padding:var(--spacing-md)}.calendar-note,.contact-section{background:#fff;background:var(--white)}.contact-content{grid-gap:3.5rem;grid-gap:var(--spacing-xl);align-items:start;display:grid;gap:3.5rem;gap:var(--spacing-xl);grid-template-columns:1fr 2fr}.contact-info{display:flex;flex-direction:column;gap:1.5rem;gap:var(--spacing-md)}.contact-info-card{background:#f8f8f8;background:var(--light-gray);border-radius:15px;border-top:4px solid #800020;border-top:4px solid var(--maroon);padding:1.5rem;padding:var(--spacing-md);text-align:center}.contact-icon{font-size:2.5rem;margin-bottom:1rem;margin-bottom:var(--spacing-sm)}.contact-info-card h3{color:#800020;color:var(--maroon);font-family:Playfair Display,serif;font-family:var(--font-display);font-size:1.2rem;margin-bottom:.5rem;margin-bottom:var(--spacing-xs)}.contact-info-card p{color:#4a4a4a;color:var(--text-gray);font-size:.95rem;margin-bottom:.3rem}.contact-social-link{color:#2d5016;color:var(--green);display:inline-block;font-weight:600;text-decoration:none;transition:all .3s ease;transition:var(--transition)}.contact-social-link:hover{color:#800020;color:var(--maroon);transform:translateX(3px)}.contact-email-link{color:#2d5016;color:var(--green);display:inline-block;font-weight:600;text-decoration:none;transition:all .3s ease;transition:var(--transition)}.contact-email-link:hover{color:#800020;color:var(--maroon);text-decoration:underline}.contact-form-wrapper{background:#f8f8f8;background:var(--light-gray);border-radius:15px;padding:2.5rem;padding:var(--spacing-lg)}.contact-form{gap:1.5rem;gap:var(--spacing-md)}.contact-form,.form-group{display:flex;flex-direction:column}.form-group label{color:#800020;color:var(--maroon);font-size:.95rem;font-weight:600;margin-bottom:.5rem;margin-bottom:var(--spacing-xs)}.form-group input,.form-group textarea{background:#fff;background:var(--white);border:2px solid #e0e0e0;border:2px solid var(--border-gray);border-radius:8px;color:#4a4a4a;color:var(--text-gray);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-primary);font-size:1rem;padding:1rem;padding:var(--spacing-sm);transition:all .3s ease;transition:var(--transition)}.form-group input:focus,.form-group textarea:focus{border-color:#800020;border-color:var(--maroon);box-shadow:0 0 0 3px #8000201a;outline:none}.form-group textarea{min-height:120px;resize:vertical}.form-submit-btn{background:linear-gradient(135deg,#800020,#2d5016);background:linear-gradient(135deg,var(--maroon),var(--green));border:none;border-radius:50px;color:#fff;color:var(--white);cursor:pointer;font-size:1rem;font-weight:600;margin-top:.5rem;margin-top:var(--spacing-xs);padding:1rem 2.5rem;padding:var(--spacing-sm) var(--spacing-lg);transition:all .3s ease;transition:var(--transition)}.form-submit-btn:hover{box-shadow:0 5px 15px #8000204d;transform:translateY(-2px)}.form-submit-btn:active{transform:translateY(0)}.form-success{background:#2d50161a;border-radius:8px;color:#2d5016;color:var(--green);font-weight:600;margin-top:1rem;margin-top:var(--spacing-sm);padding:.5rem;padding:var(--spacing-xs);text-align:center}.legacy-section{background:linear-gradient(135deg,#800020,#2d5016);background:linear-gradient(135deg,var(--maroon) 0,var(--green) 100%);color:#fff;color:var(--white)}.legacy-content{margin:0 auto;max-width:900px;text-align:center}.legacy-title{font-family:Playfair Display,serif;font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);margin-bottom:1.5rem;margin-bottom:var(--spacing-md)}.legacy-text{font-size:1.2rem;line-height:1.8;margin-bottom:2.5rem;margin-bottom:var(--spacing-lg);opacity:.95}.legacy-values{grid-gap:1.5rem;grid-gap:var(--spacing-md);display:grid;gap:1.5rem;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:2.5rem;margin-top:var(--spacing-lg)}.value-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:10px;padding:1.5rem;padding:var(--spacing-md)}.value-item h4{font-family:Playfair Display,serif;font-family:var(--font-display);font-size:1.3rem;margin-bottom:.5rem;margin-bottom:var(--spacing-xs)}.value-item p{font-size:.95rem;opacity:.9}.footer{background:#1a1a1a;background:var(--dark-gray);color:#fff;color:var(--white);padding:1.5rem 0 1rem;padding:var(--spacing-md) 0 var(--spacing-sm)}.footer-content{grid-gap:1rem;grid-gap:var(--spacing-sm);display:grid;gap:1rem;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1rem;margin-bottom:var(--spacing-sm)}.footer-logo{filter:brightness(0) invert(1);height:60px;object-fit:contain;opacity:.9;width:auto}.footer-logo,.footer-section h3,.footer-section h4{margin-bottom:.5rem;margin-bottom:var(--spacing-xs)}.footer-section h3,.footer-section h4{color:#f5f5f0;color:var(--cream);font-family:Playfair Display,serif;font-family:var(--font-display);font-size:1.1rem}.footer-section h3{font-size:1.2rem}.footer-section p{font-size:.9rem;line-height:1.6;margin-bottom:.5rem;opacity:.8}.social-links{display:flex;flex-direction:column;gap:1rem;gap:var(--spacing-sm)}.social-link{align-items:center;color:#fff;color:var(--white);display:inline-flex;font-size:.85rem;gap:.4rem;opacity:.8;padding:.3rem 0;text-decoration:none;transition:all .3s ease;transition:var(--transition)}.social-link:hover{opacity:1;transform:translateX(5px)}.social-link svg{fill:currentColor;height:20px;width:20px}.social-link.facebook:hover{color:#1877f2}.footer-bottom{border-top:1px solid #ffffff1a;font-size:.8rem;opacity:.7;padding-top:1rem;padding-top:var(--spacing-sm);text-align:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateX(-50%) translateY(0)}40%{transform:translateX(-50%) translateY(-10px)}60%{transform:translateX(-50%) translateY(-5px)}}@media (max-width:768px){.nav-menu{background:#fff;background:var(--white);box-shadow:0 10px 27px #0000000d;flex-direction:column;left:-100%;padding:1.5rem 0;padding:var(--spacing-md) 0;position:fixed;text-align:center;top:70px;transition:all .3s ease;transition:var(--transition);width:100%}.nav-menu.active{left:0}.nav-toggle{display:flex}.school-crest{height:40px}.footer-logo{height:60px}.about-content,.contact-content{grid-template-columns:1fr}.event-card{flex-direction:column;text-align:center}.event-date-badge{margin:0 auto}.event-header{align-items:center;flex-direction:column}.about-tabs{gap:.5rem;gap:var(--spacing-xs);padding:0 1rem;padding:0 var(--spacing-sm)}.about-tab{font-size:.9rem;padding:.5rem 1.5rem;padding:var(--spacing-xs) var(--spacing-md)}.about-stats{flex-direction:row;flex-wrap:wrap}.stat-card{flex:1 1;min-width:150px}.timeline:before{left:30px}.timeline-item{flex-direction:row!important;padding-left:60px}.timeline-item:before{left:30px}.timeline-year{flex:0 0 100px;font-size:1.2rem}.timeline-content{margin-left:1rem;margin-left:var(--spacing-sm);margin-right:0}.hero{min-height:500px}.section{padding:2.5rem 0;padding:var(--spacing-lg) 0}.philosophies-container{gap:1.5rem;gap:var(--spacing-md);grid-template-columns:1fr}.grounds-card,.rivalry-card{padding:2.5rem;padding:var(--spacing-lg)}.grounds-description p,.rivalry-description p{line-height:1.9}.grounds-icon,.rivalry-icon{font-size:3rem}.grounds-card h3,.rivalry-card h3{font-size:2rem}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.coaching-philosophy{padding:1.5rem;padding:var(--spacing-md)}.philosophy-header{flex-direction:column;text-align:center}.philosophy-name{font-size:1.5rem}.philosophy-paragraph{font-size:1rem;text-align:left}.pillars-grid{grid-template-columns:1fr}}@media (max-width:480px){.container{padding:0 1.5rem;padding:0 var(--spacing-md)}.alumni-grid,.gallery-grid,.identity-grid,.team-grid{grid-template-columns:1fr}.team-header-content{flex-direction:column;text-align:center}.players-table-header{display:none}.player-row{display:flex;flex-direction:column;gap:.5rem;gap:var(--spacing-xs);padding:1.5rem;padding:var(--spacing-md)}.player-cell{border-bottom:1px solid #0000000d;display:flex;justify-content:space-between;padding:.5rem 0;padding:var(--spacing-xs) 0}.player-cell:last-child{border-bottom:none}.player-cell:before{color:#800020;color:var(--maroon);font-size:.85rem;font-weight:600;margin-right:1rem;margin-right:var(--spacing-sm);text-transform:uppercase}.player-name:before{content:"Name: "}.player-dob:before{content:"Date of Birth: "}.player-age:before{content:"Age: "}.player-position:before{content:"Position: "}.legacy-values,.values-grid{grid-template-columns:1fr}.school-crest{height:35px}.footer-logo{height:50px}.coaching-philosophy{padding:1rem;padding:var(--spacing-sm)}.philosophy-avatar{font-size:2rem;height:80px;width:80px}.philosophy-name{font-size:1.3rem}.philosophy-heading{font-size:1.5rem}.philosophy-paragraph{font-size:.95rem}}.modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-md);position:fixed;right:0;top:0;z-index:2000}.modal-content{animation:slideUp .3s ease;background:var(--white);border:2px solid var(--maroon);border-radius:15px;box-shadow:0 10px 40px #0000004d;max-height:90vh;max-width:700px;overflow-y:auto;position:relative;width:100%}.modal-close{align-items:center;background:var(--maroon);border:none;border-radius:50%;color:var(--white);cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;line-height:1;position:absolute;right:var(--spacing-sm);top:var(--spacing-sm);transition:var(--transition);width:40px;z-index:10}.modal-close:hover{background:var(--green);transform:rotate(90deg)}.modal-header{background:linear-gradient(135deg,#8000200d,#2d50160d);border-bottom:2px solid var(--light-gray);gap:var(--spacing-md);padding:var(--spacing-lg);padding-top:var(--spacing-xl)}.modal-avatar,.modal-header{align-items:center;display:flex}.modal-avatar{background:linear-gradient(135deg,var(--maroon),var(--green));border-radius:50%;box-shadow:0 4px 15px #0003;color:var(--white);flex-shrink:0;font-family:var(--font-display);font-size:2.5rem;font-weight:700;height:100px;justify-content:center;width:100px}.modal-title-section{flex:1 1}.modal-name{color:var(--maroon);font-family:var(--font-display);font-size:2rem;margin-bottom:var(--spacing-xs)}.modal-role{color:var(--green);font-size:1rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.modal-body{line-height:1.9;padding:var(--spacing-lg)}.modal-heading{color:var(--maroon);font-family:var(--font-display);font-size:1.8rem;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);position:relative;text-align:center}.modal-heading:after{background:linear-gradient(to right,var(--maroon),var(--green));border-radius:2px;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.modal-paragraph{color:var(--text-gray);font-size:1.1rem;margin-bottom:var(--spacing-md);text-align:justify}.modal-pillars{border-top:2px solid var(--light-gray);margin-top:var(--spacing-lg);padding-top:var(--spacing-md)}.modal-pillars h5{color:var(--maroon);font-family:var(--font-display);font-size:1.5rem;margin-bottom:var(--spacing-md);text-align:center}.modal-pillars-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:var(--spacing-md)}.modal-pillar-item{align-items:center;background:var(--light-gray);border-left:4px solid var(--green);border-radius:8px;display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition)}.modal-pillar-item:hover{box-shadow:0 2px 10px #0000001a;transform:translateX(5px)}.modal-pillar-icon{color:var(--green);flex-shrink:0;font-size:1.3rem;font-weight:700}.modal-pillar-text{color:var(--dark-gray);font-size:1.1rem;font-weight:600}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.modal-content{max-height:95vh;max-width:95%}.modal-header{flex-direction:column;padding:var(--spacing-md);padding-top:var(--spacing-lg);text-align:center}.modal-name{font-size:1.5rem}.modal-body{padding:var(--spacing-md)}.modal-paragraph{font-size:1rem;text-align:left}.modal-pillars-grid{grid-template-columns:1fr}}@media (max-width:480px){.modal-avatar{font-size:2rem;height:80px;width:80px}.modal-name{font-size:1.3rem}.modal-heading{font-size:1.5rem}.modal-paragraph{font-size:.95rem}}
/*# sourceMappingURL=main.4f1805bc.css.map*/