.department-header-image{position:relative;height:300px;overflow:hidden;margin-bottom:3rem}.department-header-image img{width:100%;height:100%;object-fit:cover;object-position:center}.department-header-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,rgba(0,0,0,.8),transparent);padding:3rem 0 2rem}.department-header-overlay h1{color:white;font-size:2.5rem;margin:0;font-weight:700}.department-header-simple{background:var(--water-blue);padding:3rem 0;margin-bottom:3rem;position:relative;overflow:hidden}.department-header-simple:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(ellipse at 20% 30%,transparent 30%,rgba(255,255,255,.02) 0,rgba(255,255,255,.02) 31%,transparent 0),radial-gradient(ellipse at 60% 50%,transparent 25%,rgba(255,255,255,.02) 0,rgba(255,255,255,.02) 26%,transparent 0),radial-gradient(ellipse at 35% 70%,transparent 35%,rgba(255,255,255,.02) 0,rgba(255,255,255,.02) 36%,transparent 0),radial-gradient(ellipse at 75% 25%,transparent 28%,rgba(255,255,255,.02) 0,rgba(255,255,255,.02) 29%,transparent 0),radial-gradient(ellipse at 45% 80%,transparent 32%,rgba(255,255,255,.02) 0,rgba(255,255,255,.02) 33%,transparent 0),radial-gradient(ellipse at 85% 60%,transparent 26%,rgba(255,255,255,.02) 0,rgba(255,255,255,.02) 27%,transparent 0),radial-gradient(ellipse at 15% 55%,transparent 29%,rgba(255,255,255,.02) 0,rgba(255,255,255,.02) 30%,transparent 0),radial-gradient(ellipse at 55% 15%,transparent 31%,rgba(255,255,255,.02) 0,rgba(255,255,255,.02) 32%,transparent 0);background-size:400px 400px,350px 350px,450px 450px,380px 380px,420px 420px,360px 360px,390px 390px,370px 370px;background-position:0 0,50px 50px,100px 30px,150px 80px,200px 20px,250px 60px,300px 90px,350px 40px;opacity:.6}.department-header-simple:after{content:"";position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(255,255,255,.1) 0,transparent 70%);border-radius:50%}.department-header-simple .container{position:relative;z-index:1}.department-header-simple h1{color:white;font-size:2.5rem;margin:0;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.1)}.department-layout{display:grid;grid-template-columns:1fr 350px;grid-gap:6rem;gap:6rem;margin-bottom:4rem}.department-layout-full-width{grid-template-columns:1fr}.department-page>.container{max-width:1400px;padding-left:2rem;padding-right:2rem}.department-description{font-size:1.125rem;line-height:1.8;color:var(--text-secondary);margin-bottom:2rem;padding-bottom:2rem;border-bottom:2px solid var(--light-gray)}.department-sidebar{display:flex;flex-direction:column;gap:1.5rem}.sidebar-card{background:white;border-radius:8px;padding:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,.1)}.sidebar-card h3{font-size:1.25rem;color:var(--text-primary);margin:0 0 1rem;font-weight:700;padding-bottom:.75rem;border-bottom:2px solid var(--water-blue)}.contact-item{display:flex;gap:.75rem;margin-bottom:1rem;align-items:flex-start}.contact-item:last-child{margin-bottom:0}.contact-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--light-gray);border-radius:6px;color:var(--water-blue);flex-shrink:0}.contact-item a{color:var(--water-blue);text-decoration:none;transition:color .2s}.contact-item a:hover{color:#1873cc;text-decoration:underline}.contact-item div{color:var(--text-primary);line-height:1.6;flex:1 1}.address-block{display:flex;flex-direction:column}.address-block strong{margin-bottom:.25rem}.address-block span{display:block}.contact-name{display:flex;flex-direction:column;font-size:1.125rem;color:var(--text-primary);padding-bottom:.75rem;border-bottom:1px solid var(--light-gray);margin-bottom:1.25rem}.contact-name strong{display:block;font-weight:600}.contact-job-title{font-size:.9375rem;color:var(--text-secondary);font-weight:400;margin-top:.125rem}.contact-social{display:flex;gap:.75rem;padding-top:1.25rem;margin-top:.5rem;border-top:1px solid var(--medium-gray)}.social-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:var(--text-secondary);background:var(--light-gray);transition:all .2s ease}.social-link:hover{color:white;transform:translateY(-2px)}.social-link svg{width:18px;height:18px}.social-link[aria-label=Facebook]:hover{background:#1877f2}.social-link[aria-label=Instagram]:hover{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.social-link[aria-label=YouTube]:hover{background:#ff0000}.social-link[aria-label="X (Twitter)"]:hover{background:#000000}.staff-list{display:flex;flex-direction:column;gap:1.5rem}.staff-member{display:flex;gap:1rem;padding-bottom:1.5rem;border-bottom:1px solid var(--light-gray)}.staff-member:last-child{padding-bottom:0;border-bottom:none}.staff-photo{width:60px;height:60px;border-radius:50%;object-fit:cover;flex-shrink:0}.staff-info{flex:1 1;display:flex;flex-direction:column;gap:.25rem}.staff-name{font-weight:600;color:var(--text-primary);font-size:1rem}.staff-title{font-size:.875rem;color:var(--text-secondary)}.staff-contact{font-size:.875rem;color:var(--water-blue);text-decoration:none;transition:color .2s}.staff-contact:hover{color:#1873cc;text-decoration:underline}@media (max-width:1024px){.department-layout{grid-template-columns:1fr;gap:2rem}.department-content{order:1}.department-sidebar{order:2}}@media (max-width:768px){.department-page>.container{padding-left:1.25rem;padding-right:1.25rem}.department-header-image{height:200px}.department-header-overlay h1,.department-header-simple h1{font-size:1.75rem}.department-layout{gap:1.5rem;margin-bottom:2rem}.department-description{font-size:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem}.sidebar-card{padding:1.25rem}}