@import"https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap";.app{min-height:100vh;background-color:var(--color-secondary);color:var(--color-primary);overflow-y:auto}.container{max-width:100%;margin:0 auto;padding:var(--space-3)}.card{border:var(--border-thin);padding:var(--space-4);background-color:var(--color-secondary);margin-bottom:var(--space-4);box-shadow:var(--shadow-sm)}.card:hover{box-shadow:var(--shadow-lg)}@media (min-width: 640px){.container{padding:var(--space-4)}.card{padding:var(--space-5)}}@media (min-width: 768px){.container{max-width:var(--breakpoint-md);padding:var(--space-6)}.card{padding:var(--space-6)}}@media (min-width: 1024px){.container{max-width:var(--breakpoint-lg)}}@media (min-width: 1280px){.container{max-width:var(--breakpoint-xl)}}.header{position:sticky;top:0;z-index:1000;background-color:var(--color-secondary);border-bottom:var(--border-thin);padding:var(--space-4) 0}.header-container{max-width:var(--breakpoint-xl);margin:0 auto;padding:0 var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-8)}.header-brand{flex-shrink:0}.brand-link{text-decoration:none;color:var(--color-primary)}.brand-link:hover{text-decoration:none}.brand-title{font-size:var(--text-2xl);font-weight:var(--font-bold);margin:0;font-family:var(--font-family-serif);letter-spacing:.05em;text-transform:uppercase}.header-nav{flex:1;display:flex;justify-content:center}.nav-list{display:flex;list-style:none;margin:0;padding:0;gap:var(--space-2)}.nav-item{margin:0}.nav-link{display:block;padding:var(--space-3) var(--space-4);font-family:var(--font-family-serif);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-primary);text-decoration:none;border:1px solid transparent;background-color:var(--color-secondary);transition:background-color .2s ease,color .2s ease,border-color .2s ease;min-height:var(--touch-target-min);display:flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:.05em}.nav-link:hover{color:var(--color-primary);background-color:var(--color-gray-100);text-decoration:none;border-bottom-color:var(--color-primary)}.nav-link:focus{outline:var(--border-medium);outline-offset:2px}.nav-link--active{color:var(--color-secondary);background-color:var(--color-primary);border-color:var(--color-primary)}.header-settings{display:flex;gap:var(--space-4);height:50%}.mobile-menu-button{display:none;flex-direction:column;justify-content:center;align-items:center;width:var(--touch-target-min);height:var(--touch-target-min);padding:var(--space-2);background-color:var(--color-secondary);border:var(--border-thin);cursor:pointer;gap:var(--space-1)}.mobile-menu-button:hover{background-color:var(--color-primary)}.mobile-menu-button:hover .menu-icon{background-color:var(--color-secondary)}.menu-icon{display:block;width:20px;height:2px;background-color:var(--color-primary);transition:background-color .2s ease}.header-nav--mobile{display:none}@media (max-width: 768px){.header-container{padding:0 var(--space-3);gap:var(--space-4)}.brand-title{font-size:var(--text-xl)}.header-nav{display:none}.mobile-menu-button{display:flex}.header-nav--mobile{display:flex;position:absolute;top:100%;left:0;right:0;background-color:var(--color-secondary);border-bottom:var(--border-thin);padding:0 var(--space-4) var(--space-4);flex-direction:column;opacity:0;transform:translateY(-10px);visibility:hidden;transition:opacity .3s ease,transform .3s ease,visibility .3s;z-index:-1}.header-nav--mobile .nav-list{flex-direction:column;gap:var(--space-2)}.header-nav--mobile .nav-link{width:100%;text-align:center;min-height:var(--touch-target-comfortable)}.header-nav--mobile.is-open{opacity:1;transform:translateY(0);visibility:visible;z-index:99}}@media (max-width: 480px){.header-container{padding:0 var(--space-2)}.brand-title{font-size:var(--text-lg)}.nav-link{padding:var(--space-4) var(--space-3);font-size:var(--text-sm)}}@media (prefers-reduced-motion: reduce){.nav-link,.mobile-menu-button,.menu-icon{transition:none}}.nav-link:focus-visible,.mobile-menu-button:focus-visible,.brand-link:focus-visible{outline:var(--border-thick);outline-offset:2px}.toggle-button{background-color:var(--color-secondary);border:var(--border-thin);padding:0;cursor:pointer;position:relative;width:var(--touch-target-min);height:var(--touch-target-min);display:inline-flex;align-items:center;justify-content:center;overflow:hidden;transition:background-color .2s ease-in-out,border-color .2s ease-in-out}.toggle-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.toggle-button.toggled{background-color:var(--color-primary);border-color:var(--color-primary)}.icon{position:absolute;transition:transform .3s ease-in-out,opacity .3s ease-in-out;width:clamp(18px,4vmin,22px);height:clamp(18px,4vmin,22px);color:var(--color-primary)}.toggle-button.toggled .icon{color:var(--color-secondary)}.icon-on{opacity:0;transform:translateY(-100%) rotate(-90deg)}.icon-off,.toggle-button.toggled .icon-on{opacity:1;transform:translateY(0) rotate(0)}.toggle-button.toggled .icon-off{opacity:0;transform:translateY(100%) rotate(90deg)}.footer{background-color:var(--color-secondary);border-top:var(--border-medium);margin-top:auto;padding:var(--space-12) 0 var(--space-8) 0}.footer-container{max-width:var(--breakpoint-xl);margin:0 auto;padding:0 var(--space-4)}.footer-content{display:grid;grid-template-columns:1fr 2fr;gap:var(--space-12);margin-bottom:var(--space-8)}.footer-brand{display:flex;flex-direction:column;gap:var(--space-3)}.footer-title{font-size:var(--text-2xl);font-weight:var(--font-bold);font-family:var(--font-family-mono);margin:0;color:var(--color-primary);letter-spacing:-.02em}.footer-description{font-size:var(--text-base);font-family:var(--font-family-mono);color:var(--color-gray-600);margin:0;line-height:1.5}.footer-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-8)}.footer-section{display:flex;flex-direction:column;gap:var(--space-4)}.footer-section-title{font-size:var(--text-lg);font-weight:var(--font-semibold);font-family:var(--font-family-mono);margin:0;color:var(--color-primary);border-bottom:var(--border-thin);padding-bottom:var(--space-2)}.footer-link-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.footer-link-item{margin:0}.footer-link{display:inline-block;font-family:var(--font-family-mono);font-size:var(--text-sm);font-weight:var(--font-normal);color:var(--color-gray-600);text-decoration:none;padding:var(--space-1) 0;border-bottom:1px solid transparent;transition:none}.footer-link:hover{color:var(--color-primary);border-bottom-color:var(--color-primary);text-decoration:none}.footer-link:focus{outline:var(--border-medium);outline-offset:2px;color:var(--color-primary)}.footer-bottom{border-top:var(--border-thin);padding-top:var(--space-6)}.footer-copyright{text-align:center}.footer-copyright p{font-family:var(--font-family-mono);font-size:var(--text-sm);color:var(--color-gray-500);margin:0}@media (max-width: 768px){.footer{padding:var(--space-8) 0 var(--space-6) 0}.footer-container{padding:0 var(--space-3)}.footer-content{grid-template-columns:1fr;gap:var(--space-8);margin-bottom:var(--space-6)}.footer-links{grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.footer-title{font-size:var(--text-xl)}.footer-section-title{font-size:var(--text-base)}}@media (max-width: 480px){.footer-container{padding:0 var(--space-2)}.footer-links{grid-template-columns:1fr;gap:var(--space-4)}.footer-title{font-size:var(--text-lg)}.footer-description{font-size:var(--text-sm)}}@media (prefers-reduced-motion: reduce){.footer-link{transition:none}}.footer-link:focus-visible{outline:var(--border-thick);outline-offset:2px}.layout{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-secondary);color:var(--color-primary)}.layout-main{flex:1;display:flex;flex-direction:column;padding:var(--space-8) 0}.layout-container{max-width:var(--breakpoint-xl);margin:0 auto;padding:0 var(--space-4);width:100%;flex:1}.layout-main--full-width .layout-container{max-width:none;padding:0}.layout-main--narrow .layout-container{max-width:768px}.layout-main--centered{justify-content:center;align-items:center;min-height:80vh}.layout-main--centered .layout-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.layout-section{margin-bottom:var(--space-12)}.layout-section:last-child{margin-bottom:0}.layout-section--large{margin-bottom:var(--space-20)}.layout-section--small{margin-bottom:var(--space-8)}.layout-grid{display:grid;gap:var(--space-6)}.layout-grid--2-col{grid-template-columns:repeat(auto-fit,minmax(23vw,1fr))}.layout-grid--3-col{grid-template-columns:repeat(auto-fit,minmax(19vw,1fr))}.layout-grid--4-col{grid-template-columns:repeat(auto-fit,minmax(15vw,1fr))}@media (max-width: 768px){.layout-main{padding:var(--space-6) 0}.layout-container{padding:0 var(--space-3)}.layout-section{margin-bottom:var(--space-8)}.layout-section--large{margin-bottom:var(--space-12)}.layout-grid{gap:var(--space-4)}.layout-grid--2-col,.layout-grid--3-col,.layout-grid--4-col{grid-template-columns:1fr}}@media (max-width: 480px){.layout-main{padding:var(--space-4) 0}.layout-container{padding:0 var(--space-2)}.layout-section{margin-bottom:var(--space-6)}.layout-section--large{margin-bottom:var(--space-8)}.layout-grid{gap:var(--space-3)}}@media print{.layout{background-color:#fff;color:#000}.layout-main{padding:0}.layout-container{max-width:none;padding:0}}@media (prefers-reduced-motion: reduce){.layout,.layout-main,.layout-container{transition:none}}.skip-to-main{position:absolute;top:-40px;left:6px;background:var(--color-primary);color:var(--color-secondary);padding:var(--space-2) var(--space-4);text-decoration:none;border:var(--border-medium);font-family:var(--font-family-mono);font-size:var(--text-sm);z-index:1000}.skip-to-main:focus{top:6px}.homepage{min-height:100vh;background-color:var(--color-secondary);color:var(--color-primary)}.hero-section{padding:var(--space-16) var(--space-4) var(--space-12);text-align:center;border-bottom:var(--border-thin);position:relative}.hero-content{max-width:1200px;margin:0 auto;padding:var(--space-8);border:var(--border-thick);background-color:var(--color-secondary);position:relative}.hero-content:before,.hero-content:after{content:"";position:absolute;width:30px;height:30px;border:2px solid var(--color-accent-primary);transition:all .45s ease-out}.hero-content:before{top:-15px;left:-15px;border-right:none;border-bottom:none}.hero-content:after{bottom:-15px;right:-15px;border-left:none;border-top:none}.hero-content:hover:before{width:45px;height:45px}.hero-content:hover:after{width:45px;height:45px}.team-name{font-size:var(--text-5xl);font-weight:var(--font-bold);font-family:var(--font-family-serif);margin-bottom:var(--space-6);letter-spacing:-.02em;text-transform:uppercase;letter-spacing:.05em}.team-description{font-size:var(--text-2xl);font-weight:var(--font-semibold);margin-bottom:var(--space-4);font-family:var(--font-family-serif);text-transform:uppercase;letter-spacing:.05em}.team-subtitle{font-size:var(--text-lg);font-weight:var(--font-medium);max-width:600px;margin:0 auto;line-height:1.6}.navigation-section{padding:var(--space-12) var(--space-4);max-width:1200px;margin:0 auto}.nav-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6);margin-top:var(--space-8)}.nav-card{background-color:var(--color-secondary);border:var(--border-thin);padding:var(--space-8);text-align:left;cursor:pointer;transition:transform .2s ease-out,box-shadow .2s ease-out;min-height:15vh;display:flex;flex-direction:column;justify-content:flex-start;position:relative;box-shadow:var(--shadow-sm)}.nav-card:after{content:"→";position:absolute;right:var(--space-4);top:50%;transform:translateY(-50%);font-size:var(--text-3xl);color:var(--color-accent-primary);opacity:0;transition:opacity .2s ease-out,right .2s ease-out;font-weight:var(--font-bold)}.nav-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-gray-400)}.nav-card:focus{outline:var(--border-thick);outline-offset:2px}.nav-card:hover,.nav-card:focus{border-color:var(--color-primary)}.nav-card:hover:after{opacity:1;right:var(--space-6)}.nav-card h3{font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--space-3);font-family:var(--font-family-serif);text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary);position:relative;padding-bottom:var(--space-2)}.nav-card h3:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background-color:var(--color-accent-primary);transition:width .3s ease-out}.nav-card p{font-size:var(--text-base);font-weight:var(--font-normal);line-height:1.5;margin:0;font-family:var(--font-family-serif)}.nav-card:hover h3:after{width:40%}.nav-card:hover p{color:var(--color-primary)}@media (max-width: 768px){.hero-section{padding:var(--space-12) var(--space-4) var(--space-8)}.hero-content{padding:var(--space-6)}.team-name{font-size:var(--text-4xl)}.team-description{font-size:var(--text-xl)}.team-subtitle{font-size:var(--text-base)}.navigation-section{padding:var(--space-8) var(--space-4)}.nav-grid{grid-template-columns:1fr;gap:var(--space-4)}.nav-card{padding:var(--space-6);min-height:12vh}.nav-card h3{font-size:var(--text-xl)}}@media (max-width: 480px){.hero-section{padding:var(--space-8) var(--space-3) var(--space-6)}.hero-content{padding:var(--space-4)}.team-name{font-size:var(--text-3xl)}.navigation-section{padding:var(--space-6) var(--space-3)}.nav-card{padding:var(--space-5);min-height:10vh}}.page-container{padding:2rem;min-height:100vh}.page-title{font-size:2.5rem;font-weight:700;margin-bottom:2rem;text-align:center}.grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.team-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2rem;justify-items:center}.detail-container{max-width:800px;margin:0 auto;padding:2rem}.detail-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.detail-image{width:100%;max-height:400px;object-fit:cover;margin-bottom:2rem;border-radius:8px}.detail-content{font-size:1.1rem;line-height:1.6}.detail-meta{font-size:.9rem;color:#666;margin-bottom:2rem}.centered-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:70vh}.centered-title{font-size:3rem;font-weight:700;margin-bottom:1rem}.centered-message{font-size:1.2rem;color:#555}.card{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:1.5rem;transition:transform .3s ease}.card:hover{transform:translateY(-5px)}.card-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.card-content{font-size:1rem;color:#333}.hero-section{animation:fadeInDown .8s ease-out}.navigation-section{animation:fadeInUp .8s ease-out .2s;animation-fill-mode:backwards}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-content.fade-in{animation:fadeIn .4s ease-in forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.blinking-cursor{font-weight:400;animation:blink 1.5s linear infinite;color:var(--color-accent-primary)}@keyframes blink{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hero-section .hero-content>*{animation:fadeInUp .4s ease-out forwards;opacity:0;will-change:transform,opacity;transform:translateY(20px)}.hero-section .team-name{animation-delay:.1s}.hero-section .team-description{animation-delay:.2s}.hero-section .team-subtitle{animation-delay:.3s}.header-brand,.header-nav .nav-item{animation:fadeInUp .4s ease-out forwards;opacity:0;will-change:transform,opacity}.header-brand{animation-delay:.1s}.header-nav .nav-item:nth-child(1){animation-delay:.2s}.header-nav .nav-item:nth-child(2){animation-delay:.3s}.header-nav .nav-item:nth-child(3){animation-delay:.4s}.header-nav .nav-item:nth-child(4){animation-delay:.5s}.nav-card{animation:fadeInUp .4s ease-out forwards;opacity:0;will-change:transform,opacity;transform:translateY(10px)}.nav-grid .nav-card:nth-child(1){animation-delay:.5s}.nav-grid .nav-card:nth-child(2){animation-delay:.6s}.nav-grid .nav-card:nth-child(3){animation-delay:.7s}.nav-grid .nav-card:nth-child(4){animation-delay:.8s}.team-page-layout{background-color:var(--color-secondary);color:var(--color-primary)}.team-page{width:100%;max-width:1400px;margin:0 auto;padding:var(--space-8) var(--space-4);display:flex;flex-direction:column;min-height:calc(100vh - 160px)}.team-page-header{text-align:center;margin-bottom:var(--space-12);animation:fadeInDown .8s ease-out}.team-page-header h1{font-size:var(--text-5xl);font-weight:var(--font-bold);color:var(--color-primary);letter-spacing:2px;text-transform:uppercase;margin-bottom:var(--space-2);position:relative;display:inline-block;padding:0 var(--space-6)}.team-page-header h1:before,.team-page-header h1:after{content:"";position:absolute;top:50%;width:80px;height:4px;background-color:var(--color-accent-primary);transform:translateY(-50%) scaleX(0);animation:drawLine .6s .5s cubic-bezier(.25,1,.5,1) forwards}.team-page-header h1:before{left:-100px;transform-origin:left}.team-page-header h1:after{right:-100px;transform-origin:right}.team-page-header p{font-size:var(--text-lg);max-width:700px;margin:0 auto;padding-top:var(--space-6);border-top:4px double var(--color-accent-primary)}.team-showcase-container{margin-top:var(--space-12);flex-grow:1;display:flex;align-items:center}.focused-member-container{flex-grow:1;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.focused-member{width:100%;animation:zoomIn .6s cubic-bezier(.165,.84,.44,1);flex-grow:1;max-width:800px}.focused-member-card{position:relative;background-color:var(--color-secondary);border:var(--border-medium);padding:var(--space-12);display:flex;flex-direction:column;align-items:center;text-align:center;height:100%;height:70vh;justify-content:center;box-shadow:var(--shadow-lg);border-color:var(--color-primary);overflow:hidden}.member-avatar-container{margin-bottom:var(--space-6);position:relative;border:var(--border-medium);border-color:var(--color-accent-primary);box-shadow:var(--shadow-md);background-color:var(--color-primary);transition:transform .3s ease-out,box-shadow .3s ease-out}.member-avatar{width:150px;height:150px;display:block;object-fit:cover;filter:grayscale(100%);mix-blend-mode:luminosity;opacity:.8;transition:filter .4s ease,opacity .4s ease}[data-theme=dark] .member-avatar{mix-blend-mode:screen}.focused-member-card:hover .member-avatar{filter:grayscale(0%);opacity:1}.member-initials-avatar{width:150px;height:150px;display:flex;align-items:center;justify-content:center;font-size:var(--text-5xl);color:var(--color-secondary);font-family:var(--font-family-mono)}.member-details{max-width:450px;overflow-y:show;padding:0 var(--space-2);margin-top:auto}.member-name{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--color-primary);margin-bottom:var(--space-1);font-family:var(--font-family-serif)}.member-role{font-size:var(--text-lg);color:var(--color-gray-600);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-6);font-family:var(--font-family-mono)}.member-quote{font-size:var(--text-base);color:var(--color-gray-700);border-left:4px solid var(--color-accent-primary);padding-left:var(--space-4);margin-bottom:var(--space-8);text-align:left;font-family:var(--font-family-serif)}.profile-link{display:inline-block;padding:var(--space-3) var(--space-6);background-color:transparent;border:var(--border-medium);color:var(--color-primary);text-decoration:none;text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-semibold);transition:all .3s ease}.profile-link:hover{background-color:var(--color-accent-primary);color:var(--color-secondary);border-color:var(--color-accent-primary);transform:translateY(-2px)}.member-socials{display:flex;justify-content:center;gap:var(--space-6);margin-top:var(--space-8)}.social-icon-link{position:relative;color:var(--color-primary);transition:all .3s ease}.social-icon-link:after{content:attr(aria-label);position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background-color:var(--color-primary);color:var(--color-secondary);padding:var(--space-2) var(--space-3);border-radius:4px;font-size:var(--text-sm);font-family:var(--font-family-mono);white-space:nowrap;z-index:10;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,transform .2s ease;box-shadow:var(--shadow-sm)}.social-icon-link:hover{color:var(--color-accent-primary);transform:scale(1.15) translateY(-2px)}.social-icon-link:hover:after{opacity:1;visibility:visible;transform:translate(-50%) translateY(-4px)}.social-icon-link svg{width:28px;height:28px;display:block}.nav-button{background:none;border:var(--border-medium);color:var(--color-primary);font-size:var(--text-2xl);cursor:pointer;width:60px;height:60px;display:flex;align-items:center;justify-content:center;transition:none;box-shadow:var(--shadow-sm);flex-shrink:0;transition:all .3s ease}.nav-button:hover{background-color:var(--color-accent-primary);color:var(--color-secondary);border-color:var(--color-accent-primary);box-shadow:var(--shadow-md);transform:scale(1.05)}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes drawLine{to{transform:translateY(-50%) scaleX(1)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.team-grid{padding-bottom:var(--space-12);border-bottom:var(--border-medium);animation:fadeInUp .8s ease-out .2s;animation-fill-mode:backwards}.team-grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-6)}.team-grid-item{background:none;border:none;padding:3;cursor:pointer;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);transition:transform .2s ease-out}.grid-item-avatar-container{width:100px;height:100px;border:var(--border-medium);transition:all .2s ease-out;box-shadow:var(--shadow-sm);background-color:var(--color-primary)}.team-grid-item:hover .grid-item-avatar-container{transform:scale(1.08) translateY(-2px);box-shadow:var(--shadow-md)}.team-grid-item.active .grid-item-avatar-container{border:4px solid var(--color-accent-primary);transform:scale(1.05);box-shadow:var(--shadow-lg);background-color:var(--color-secondary);outline:2px solid var(--color-accent-primary);outline-offset:3px}.grid-item-avatar{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(80%);mix-blend-mode:luminosity;opacity:.8;background-color:var(--color-gray-200)}[data-theme=dark] .grid-item-avatar,[data-theme=dark] .team-grid-item.active .grid-item-avatar{mix-blend-mode:screen}.grid-item-initials-avatar{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:var(--text-3xl);color:var(--color-secondary);font-family:var(--font-family-mono);background-color:var(--color-primary)}.grid-item-name{font-family:var(--font-family-mono);font-size:var(--text-sm);color:var(--color-primary);font-weight:var(--font-semibold)}@media (max-width: 1024px){.team-page{padding:var(--space-6) var(--space-4)}.focused-member-card{padding:var(--space-8);height:480px}.member-name{font-size:var(--text-3xl)}}@media (max-width: 768px){.team-page-header h1{font-size:var(--text-4xl)}.team-page-header p{font-size:var(--text-base)}.team-showcase-container{margin-top:var(--space-8)}.focused-member-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;grid-template-areas:"card card" "prev next";gap:var(--space-4);justify-items:center}.focused-member{grid-area:card;max-width:100%}.nav-button{width:100%;height:50px;font-size:var(--text-xl)}.prev-button{grid-area:prev}.next-button{grid-area:next}.focused-member-card{padding:var(--space-6);height:auto}.member-avatar-container,.member-avatar,.member-initials-avatar{width:120px;height:120px}.member-initials-avatar{font-size:var(--text-4xl)}.member-name{font-size:var(--text-2xl)}.member-role{font-size:var(--text-base);margin-bottom:var(--space-4)}.member-quote{margin-bottom:var(--space-6)}.team-grid-container{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:var(--space-4)}.grid-item-avatar-container{width:80px;height:80px}}:root{--color-primary: #000000;--color-secondary: #fffef9;--color-accent: #e5e5e5;--color-accent-primary: #F50000;--color-accent-dark: #B7410E;--color-gray-100: #f5f5f5;--color-gray-200: #e5e5e5;--color-gray-300: #d4d4d4;--color-gray-400: #a3a3a3;--color-gray-500: #737373;--color-gray-600: #525252;--color-gray-700: #404040;--font-family-serif: "Roboto Mono", Times, serif;--font-family-mono: "Roboto Mono", monospace;--font-family-dyslexic: "OpenDyslexic", "Arial", sans-serif;--text-xs: clamp(.75rem, .6rem + .25vw, .85rem);--text-sm: clamp(.875rem, .7rem + .25vw, 1rem);--text-base: clamp(1rem, .8rem + .25vw, 1.1rem);--text-lg: clamp(1.125rem, .9rem + .3vw, 1.3rem);--text-xl: clamp(1.25rem, 1rem + .4vw, 1.5rem);--text-2xl: clamp(1.5rem, 1.2rem + .5vw, 1.8rem);--text-3xl: clamp(1.875rem, 1.5rem + .6vw, 2.2rem);--text-4xl: clamp(2.25rem, 1.8rem + .8vw, 2.7rem);--text-5xl: clamp(3rem, 2.5rem + 1vw, 3.6rem);--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--space-1: clamp(.25rem, .3125vw, .4rem);--space-2: clamp(.5rem, .625vw, .75rem);--space-3: clamp(.75rem, .9375vw, 1rem);--space-4: clamp(1rem, 1.25vw, 1.5rem);--space-5: clamp(1.25rem, 1.5625vw, 1.8rem);--space-6: clamp(1.5rem, 1.875vw, 2.2rem);--space-8: clamp(2rem, 2.5vw, 3rem);--space-10: clamp(2.5rem, 3.125vw, 3.75rem);--space-12: clamp(3rem, 3.75vw, 4.5rem);--space-16: clamp(4rem, 5vw, 6rem);--space-20: clamp(5rem, 6.25vw, 7.5rem);--border-thin: 1px solid var(--color-gray-200);--border-medium: 1px solid var(--color-gray-300);--border-thick: 3px double var(--color-primary);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 2px 6px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .07), 0 3px 8px rgba(0, 0, 0, .06);--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--touch-target-min: clamp(44px, 4.5vmin, 48px);--touch-target-comfortable: clamp(48px, 5vmin, 56px);--touch-spacing: 8px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=dark]{--color-primary: #fefcf1;--color-secondary: #000000;--color-accent: #2a2a2a;--color-accent-primary: #B7410E;--color-accent-dark: #4a4a4a;--color-gray-100: #404040;--color-gray-200: #525252;--color-gray-300: #737373;--color-gray-400: #a3a3a3;--color-gray-500: #d4d4d4;--color-gray-600: #e5e5e5;--color-gray-700: #f5f5f5;--border-thin: 1px solid var(--color-gray-700);--border-medium: 1px solid var(--color-gray-600);--border-thick: 3px double var(--color-primary);--shadow-sm: 0 1px 2px rgba(255, 255, 255, .04);--shadow-md: 0 2px 6px rgba(255, 255, 255, .06);--shadow-lg: 0 10px 20px rgba(255, 255, 255, .07), 0 3px 8px rgba(255, 255, 255, .06)}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;min-height:100%;font-family:var(--font-family-serif);font-size:var(--text-base);font-weight:var(--font-normal);color:var(--color-primary);background-color:var(--color-secondary);line-height:1.5;overflow-y:auto}body[data-font=dyslexic]{--font-family-serif: var(--font-family-dyslexic);--font-family-mono: "OpenDyslexic Mono", "Roboto Mono", monospace}#root{width:100%;min-height:100vh;margin:0;padding:0;overflow-y:auto}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-serif);font-weight:var(--font-bold);line-height:1.2;margin:0 0 var(--space-4) 0;color:var(--color-primary);letter-spacing:.025em}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{margin:0 0 var(--space-4) 0;line-height:1.6}button{font-family:var(--font-family-serif);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-primary);background-color:transparent;border:1px solid var(--color-gray-300);padding:var(--space-4) var(--space-6);cursor:pointer;transition:background-color .2s ease,color .2s ease;min-height:var(--touch-target-comfortable);min-width:var(--touch-target-comfortable);display:inline-flex;align-items:center;justify-content:center;text-align:center;text-transform:uppercase}button:hover{color:var(--color-primary);background-color:var(--color-gray-100);border-color:var(--color-gray-400)}button:focus,button:focus-visible{outline:var(--border-thick);outline-offset:2px}button:active{transform:translateY(1px);background-color:var(--color-primary);color:var(--color-secondary)}a{color:var(--color-primary);text-decoration:underline;text-decoration-thickness:1px;min-height:var(--touch-target-min);display:inline-flex;align-items:center;padding:var(--space-1) 0}a:hover{color:var(--color-gray-600);text-decoration-color:var(--color-gray-600)}a:focus{outline:var(--border-medium);outline-offset:2px}button+button,a+a,button+a,a+button{margin-left:var(--touch-spacing)}@media (min-width: 640px){.container{padding:var(--space-6)}}@media (min-width: 768px){:root{--text-5xl: 3rem;--text-4xl: 2.25rem;--text-3xl: 1.875rem}button{min-height:var(--touch-target-min);padding:var(--space-3) var(--space-6)}}@media (min-width: 1024px){.container{padding:var(--space-8)}}@media (min-width: 1280px){.container{padding:var(--space-10)}}@media (max-width: 767px){:root{--text-5xl: 2.25rem;--text-4xl: 1.875rem;--text-3xl: 1.5rem;--text-2xl: 1.25rem;--text-xl: 1.125rem}button{min-height:var(--touch-target-comfortable);padding:var(--space-4) var(--space-6)}button+button,a+a,button+a,a+button{margin-left:var(--space-3)}}@media (max-width: 480px){:root{--text-5xl: 1.875rem;--text-4xl: 1.5rem;--text-3xl: 1.25rem;--space-4: .75rem;--space-6: 1rem;--space-8: 1.5rem}button{padding:var(--space-3) var(--space-4);font-size:var(--text-sm)}}
