.campus-overview{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:5rem}.campus-overview .overview .overview-list{display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem}.campus-overview .overview .overview-list .overview-item{display:flex;gap:1rem;font-size:1rem}.campus-overview .overview .overview-list .overview-item h3{margin:.5rem 0 0;font-weight:500;font-size:1.1rem;letter-spacing:-.02em;line-height:1;color:var(--gray-900)}.campus-overview .overview .overview-list .overview-item p{margin:.5rem 0 0;font-size:.9rem;font-weight:400;color:var(--gray-500);line-height:1.5}.campus-overview .overview .overview-list .overview-item .icon-wrapper{aspect-ratio:1/1;padding:.5rem;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:.2rem}.campus-overview .overview .overview-list .overview-item .icon-wrapper svg{color:var(--accent)}.campus-overview .overview a{text-decoration:none;box-sizing:border-box}.campus-overview .courses h3{margin:0;font-weight:600;font-size:1.3rem;letter-spacing:-.02em;line-height:1;color:var(--gray-900)}.campus-overview .courses .course-list{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.campus-overview .courses .course-list .course-item{display:flex;gap:1rem;font-size:1rem;border:1px solid var(--gray-200);background-color:#fff;border-radius:8px}.campus-overview .courses .course-list .course-item.coming-soon{border:1.5px dashed var(--gray-200);background-color:color-mix(in srgb,var(--accent-border) 9%,transparent)}.campus-overview .courses .course-list .course-item .image-wrapper{aspect-ratio:16/9;background-color:color-mix(in srgb,var(--accent) 7%,transparent);position:relative;min-width:200px;border-radius:8px}.campus-overview .courses .course-list .course-item .image-wrapper img{border-radius:8px;object-fit:cover}.campus-overview .courses .course-list .course-item .image-wrapper svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:color-mix(in srgb,var(--accent) 48%,transparent)}.campus-overview .courses .course-list .course-item h4{margin:.7rem 0 0;font-weight:600;font-size:1rem;letter-spacing:-.02em;line-height:1;color:var(--gray-900)}.campus-overview .courses .course-list .course-item .course-info{flex:1 1}.campus-overview .courses .course-list .course-item .course-info p{color:var(--gray-500);font-size:.8rem}.campus-overview .courses .course-list .course-item .course-meta{display:flex;gap:.5rem;margin-top:.5rem;color:var(--gray-500);font-size:.8rem}.campus-overview .courses .course-list .course-item .course-meta div{display:flex;align-items:center;gap:.3rem}.campus-overview .courses .course-list .course-item .course-tag{margin-top:.7rem;margin-right:.7rem;height:fit-content;color:var(--accent);font-weight:600;font-size:.75rem;line-height:1rem;padding:.125rem .625rem;border:1px solid var(--accent-border);border-radius:9999px;display:inline-flex;align-items:center}.campus-overview .courses .course-list .course-item .icon-wrapper{padding:.5rem;background-color:color-mix(in srgb,var(--accent) 7%,transparent);width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:.2rem}.campus-overview .courses .course-list .course-item .icon-wrapper svg{color:var(--accent)}@media screen and (max-width:678px){.campus-overview .courses .course-list .course-item{flex-direction:column}.campus-overview .courses .course-list .course-item .course-info{padding-inline:1rem}.campus-overview .courses .course-list .course-item .course-tag{margin:1rem;width:fit-content}}