.hero-carousel{position:relative;display:block;width:100%}.hero-carousel app-image-carousel{display:block;width:100%}.hero-overlay{position:absolute;inset:0;z-index:2;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1.5rem;padding:2rem;text-align:center;pointer-events:none}.hero-logo{height:clamp(80px,12vw,160px);width:auto;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 6px 16px rgba(0,0,0,.6)) drop-shadow(0 2px 4px rgba(0,0,0,.45))}.hero-text{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;text-align:left}.hero-title{margin:0;color:#fff;font-size:clamp(2.75rem,6vw,5.5rem);line-height:.95;letter-spacing:.08em;text-shadow:0 4px 10px rgba(0,0,0,.55),0 12px 28px rgba(0,0,0,.7),0 20px 44px rgba(0,0,0,.45)}.hero-subtitle{margin:0;max-width:48rem;color:#fe0;font-size:clamp(1rem,2vw,1.5rem);line-height:1.4;letter-spacing:.24em;text-transform:uppercase;text-shadow:0 3px 8px rgba(0,0,0,.6),0 10px 24px rgba(0,0,0,.78),0 18px 36px rgba(0,0,0,.5)}@keyframes hero-logo-intro{0%{transform:translate(28vw);opacity:0}50%{opacity:1}to{transform:translate(0);opacity:1}}@keyframes hero-title-slide{0%{opacity:0;transform:translate(-6rem)}to{opacity:1;transform:translate(0)}}@keyframes hero-subtitle-slide{0%{opacity:0;transform:translate(-6rem)}to{opacity:1;transform:translate(0)}}.hero-overlay .hero-logo,.web-top .hero-logo{animation:hero-logo-intro 1.5s cubic-bezier(.25,.46,.15,.94) both}.hero-overlay .hero-title,.web-top .hero-title,.web-top h1{opacity:0;animation:hero-title-slide .7s ease-out forwards;animation-delay:.5s}.hero-overlay .hero-subtitle,.web-top h4{opacity:0;animation:hero-subtitle-slide .9s ease-out forwards;animation-delay:.8s}@media(prefers-reduced-motion:reduce){.hero-overlay .hero-logo,.web-top .hero-logo,.hero-overlay .hero-title,.web-top .hero-title,.web-top h1,.hero-overlay .hero-subtitle,.web-top h4{animation:none;opacity:1;transform:none}}@media(max-width:768px){.hero-overlay{gap:.5rem;padding:1.5rem 1rem}.hero-subtitle{letter-spacing:.14em}}body{background-color:#e4e4e4}.web-top{display:flex;gap:1rem;padding:2rem 1rem 1rem;width:min(100% - 40px,1400px);margin:0 auto}.web-top h1{font-size:clamp(20px,5vw,24px);margin:0;opacity:0;transform:translate(-24px);animation:web-top-title-in .9s ease-out forwards}.top-text{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;text-align:center}p,h1,h2,h3,h4,h5,h6,a,button,mat-card,ul,li,strong{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}mat-card-header{font-family:Manrope,sans-serif}h2,h3{color:#000;font-weight:600}h2{font-size:clamp(24px,6vw,32px);margin:24px auto 48px;text-align:center;color:#aa2800;background-color:#ce1f0060;display:flex;align-items:center;justify-content:center;gap:.55rem;width:fit-content;max-width:90%;padding:.5rem 1.5rem;border-radius:999px;box-shadow:0 4px 12px #00000080}h3{font-size:clamp(28px,7vw,46px);margin:24px auto 32px;text-align:center;color:#242424}#who-are-we,#what-is-igem{scroll-margin-top:clamp(80px,20vw,140px)}h4{font-size:clamp(16px,4vw,18px)}a{color:#a00000;text-decoration:none;background-image:linear-gradient(currentColor,currentColor);background-size:0 2px;background-position:0 100%;background-repeat:no-repeat;transition:background-size .2s ease;font-size:clamp(16px,4vw,18px)}a:hover,a:focus-visible{background-size:100% 2px}.achievements-intro{display:flex;align-items:center;gap:24px;margin-left:clamp(12px,10vw,75px);margin-bottom:8px}@media(max-width:600px){.achievements-intro{flex-direction:column;gap:12px;margin-left:0;align-items:flex-start}}.achievements-intro-text{display:inline-block;margin:0;padding-bottom:2px;border-bottom:1px solid rgb(160,0,0);color:#242424;font-size:18px}.guelph-line{width:60%;height:4px;background:linear-gradient(to right,#a00000 33%,#b9b90f 33% 66%,#000 66%);margin:20px auto}.guelph-line-thin{width:60%;height:2px;background:linear-gradient(to right,#a00000 33%,#b9b90f 33% 66%,#000 66%);margin:20px auto}.red-line{width:min(100% - 40px,1200px);height:1px;background:#a000006e;margin:20px auto 40px}.yellow-line{width:min(100% - 40px,1200px);height:1px;background:#b9b90f;margin:20px auto 40px}.black-line{width:min(100% - 40px,1200px);height:1px;background:#000;margin:20px auto 40px}.h2-icon{font-size:2rem;width:2rem;height:2rem;line-height:1.1;vertical-align:middle}table{width:100%;border-collapse:collapse;margin:24px 0;align-items:center}table tr{display:flex;align-items:center;justify-content:center;gap:1rem}tr button{padding:.75rem 1.5rem;gap:8px;color:#1f1f1f;border-radius:999px;background-color:#c5c5c5d2;border:none;cursor:pointer;font-weight:600;font-size:17px;transition:background-color .2s ease,transform .18s ease}tr button:hover{background-color:#ecececea;transform:scale(1.05)}.sticky-buttons{position:sticky;top:60px;z-index:100}.sticky-buttons button{margin-top:10px}@media(max-width:800px){.sticky-buttons{display:block;width:min(100% - 16px,100%);margin:16px auto;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.sticky-buttons::-webkit-scrollbar{display:none}.sticky-buttons tbody{display:block;width:max-content;min-width:100%}.sticky-buttons tr{width:max-content;min-width:100%;justify-content:flex-start;flex-wrap:nowrap;padding:0 4px 10px}.sticky-buttons th{flex:0 0 auto}.sticky-buttons button{margin-top:0;white-space:nowrap;font-size:15px;padding:.7rem 1rem}}.who-we-are-cards{display:flex;gap:clamp(20px,5vw,100px);align-items:stretch;justify-content:center;flex-wrap:wrap}.who-we-are-cards mat-card{flex:1 1 320px;max-width:420px}@media(max-width:800px){.who-we-are-cards{gap:20px}}mat-card{width:100%;max-width:400px;gap:16px;border:rgba(173,173,173,.404) solid .5px;border-radius:12px;box-shadow:0 4px 12px #0000001a}mat-card-title{display:inline-flex;align-items:center;gap:.5rem;font-size:24px}mat-card-content{display:flex;flex-direction:column;gap:12px;font-size:18px;line-height:1.5rem}mat-card-content button{width:fit-content;padding:.5rem 1.25rem;color:#1f1f1f;border-radius:999px;border:none;cursor:pointer;font-weight:600;font-size:17px;transition:background-color .2s ease,transform .18s ease}mat-card-content button:hover{background-color:#ecececea;transform:scale(1.05)}.hover-accent-card mat-card-title,.hover-accent-card mat-icon{transition:color .2s ease}.hover-accent-card:hover mat-card-title,.hover-accent-card:hover mat-icon{color:#dd6b20}.date{font-size:12px;font-family:Verdana,Geneva,Tahoma,sans-serif;color:#787878}.team-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;height:100%;box-sizing:border-box}.team-card mat-card-header{width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.team-card mat-card-content{width:100%;flex:1;align-items:center;justify-content:center}.team-card app-flippable-card{width:min(250px,100%)}.info-card{max-width:1200px;margin:0 auto 48px;padding:1.5rem;background-color:#ffffff59;border:rgba(173,173,173,.404) solid .5px;border-radius:12px;box-shadow:0 4px 12px #0000001a}.info-card mat-card-header{font-family:Verdana,Geneva,Tahoma,sans-serif;text-align:center}.info-card mat-card-title{font-size:24px}mat-accordion{width:min(100%,800px);max-width:50%;margin:0 auto}@media(max-width:900px){mat-accordion{max-width:100%;width:min(calc(100% - 30px),800px)}}mat-expansion-panel-header{background-color:#ffffff59;border:rgba(173,173,173,.404) solid .5px;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:visible}@media(max-width:600px){mat-expansion-panel-header{padding:8px 12px!important}}mat-panel-title{font-size:clamp(18px,4vw,24px);font-family:Manrope,sans-serif;word-break:break-word}mat-panel-description{font-family:Verdana,sans-serif;font-size:16px}mat-accordion p{margin:0;padding:.5rem 0;font-family:Verdana,sans-serif;font-size:14px;color:#363636;line-height:1.7rem;max-width:100%}mat-list-item{gap:2rem}