.home-professional { background: #f5f8f6; position: relative; isolation: isolate; }
.campus-invitation { padding: 75px 0; background: #f5f8f6; }
.campus-invitation-card { display: grid; grid-template-columns: .9fr 1.1fr; border: 1px solid #e0e8e1; border-radius: 26px; background: #fff; overflow: hidden; box-shadow: 0 14px 45px #103c4808; }
.campus-invitation-copy { padding: clamp(28px, 4vw, 58px); align-self: center; }
.campus-invitation-label { font-size: 10px; letter-spacing: .2em; color: #087e83; font-weight: 700; }
.campus-invitation-copy h2 { margin: 20px 0; font-size: clamp(30px, 3.4vw, 46px); line-height: 1.18; letter-spacing: -.035em; color: #153f49; }
.campus-invitation-copy h2 em { font-family: Georgia, serif; color: #087e83; font-weight: 400; }
.campus-invitation-copy p { font-size: 14px; line-height: 1.85; color: #60756e; max-width: 350px; margin-bottom: 28px; }
.campus-invitation-link { display: inline-flex; align-items: center; gap: 20px; padding: 15px 22px; border-radius: 12px; background: #103c48; color: #fff; font-size: 13px; font-weight: 600; transition: background .2s; }.campus-invitation-link:hover { background: #087e83; color: white; }
.campus-invitation-note { display: flex; align-items: center; gap: 8px; margin-top: 20px; font-size: 11px; color: #75877f; }
.campus-invitation-preview { position: relative; display: block; min-height: 440px; overflow: hidden; background: #dce9e2; }
.campus-invitation-preview > img { position: absolute; width: 100%; height: 100%; object-fit: cover; transition: transform .6s; }.campus-invitation-preview:hover > img { transform: scale(1.035); }
.campus-invitation-preview::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, #103c4815, transparent 50%, #103c48c9); pointer-events: none; }
.campus-invitation-chip { position: absolute; z-index: 1; top: 24px; left: 24px; padding: 9px 13px; background: #ffffffed; border-radius: 30px; color: #153f49; font-size: 10px; letter-spacing: .08em; font-weight: 600; }
.campus-invitation-play { position: absolute; z-index: 1; top: 50%; left: 50%; transform: translate(-50%, -50%); display: grid; place-items: center; width: 68px; height: 68px; background: #ffffffed; border-radius: 50%; color: #153f49; font-size: 23px; box-shadow: 0 0 0 10px #ffffff26; }
.campus-invitation-caption { position: absolute; bottom: 26px; left: 26px; right: 26px; z-index: 1; display: flex; justify-content: space-between; align-items: center; gap: 15px; color: white; font-size: 14px; }
@media(max-width: 767.98px) { .campus-invitation { padding: 45px 0; }.campus-invitation-card { grid-template-columns: 1fr; }.campus-invitation-preview { min-height: 300px; }.campus-invitation-copy p { max-width: none; } }
.home-floating-art { position: absolute; inset: 0; overflow: hidden; pointer-events: none; z-index: 1; }
.home-floating-art > i { position: absolute; top: var(--float-top); left: var(--float-side); font-size: var(--float-size); color: rgba(8,126,131,.09); animation: home-icon-drift 12s ease-in-out infinite; animation-delay: var(--float-delay); }
.home-professional > :not(.home-floating-art) .container, .home-professional > .home-paths { position: relative; z-index: 2; }
@keyframes home-icon-drift { 0%, 100% { transform: translateY(0) rotate(-10deg); } 50% { transform: translateY(-22px) rotate(10deg); } }
@media(max-width: 767.98px) { .home-floating-art > i { font-size: 30px; opacity: .65; }.home-floating-art > i:nth-child(even) { left: 91%; } }
.home-professional .slider-item-three .home-banner-copy { max-width: 660px; margin-top: 0; padding: 30px; border-radius: 20px; background: rgba(255,255,255,.88); border-left: 4px solid #087e83; }
.home-professional .home-banner-copy .home-banner-eyebrow { color: #087e83; font-size: 11px; letter-spacing: .18em; padding-left: 0; margin-bottom: 15px; }
.home-professional .home-banner-copy .home-banner-eyebrow::before { display: none; }
.home-professional .home-banner-copy h1 { font-size: clamp(29px, 3.5vw, 49px); line-height: 1.18; letter-spacing: -.025em; color: #153f49; margin-bottom: 18px; }
.home-professional .home-banner-copy p { font-size: 16px; line-height: 1.7; font-weight: 400; color: #496562; margin-bottom: 0; }
.home-professional .home-banner-copy .home-action { background: #087e83; color: white; }
.home-professional .home-banner-copy .home-banner-secondary { background: transparent; border-color: #87b7ab; color: #153f49; }
@media(max-width: 575.98px) { .home-professional .slider-item-three .home-banner-copy { padding: 22px; margin: 30px 0; }.home-professional .home-banner-copy .home-action { padding: 11px 16px; } }
.home-welcome { background: radial-gradient(ellipse at top right, #167f83, transparent 65%), #103c48; color: #d3e9e4; padding: 65px 0 90px; }
.home-kicker { color: #a4e8d4; font-size: 11px; letter-spacing: .17em; font-weight: 600; }
.home-welcome h1 { font-size: clamp(36px, 4.6vw, 67px); color: white; line-height: 1.13; letter-spacing: -.035em; margin: 22px 0; }
.home-welcome h1 em { color: #b9eddb; font-family: Georgia, serif; font-weight: 400; }.home-welcome p { color: #d3e9e4; max-width: 530px; font-size: 17px; line-height: 1.8; }
.home-action { display: inline-flex; align-items: center; padding: 14px 24px; border-radius: 30px; background: #dff4e9; color: #124d50; font-size: 13px; font-weight: 600; border: 1px solid transparent; transition: transform .25s; }.home-action:hover { background: white; color: #124d50; transform: translateY(-3px); }.home-action-outline { background: transparent; border-color: #ffffff60; color: white; }
.home-location { font-size: 12px; margin-top: 28px; color: #b4d3ce; }
.home-portrait { position: relative; margin: 0 10px; border: 7px solid #ffffff26; border-radius: 180px 180px 30px 30px; overflow: hidden; box-shadow: 0 25px 60px #08283255; }.home-portrait > img { display: block; width: 100%; height: 450px; object-fit: cover; object-position: center top; }.home-portrait-caption { position: absolute; bottom: 0; left: 0; right: 0; display: flex; gap: 16px; align-items: center; padding: 55px 25px 25px; background: linear-gradient(transparent, #0c3746f5); color: white; font-size: 14px; }.home-portrait-caption i { font-size: 32px; color: #b9eddb; }
.home-paths { display: grid; grid-template-columns: repeat(3, 1fr); position: relative; margin-top: -30px; background: white; border: 1px solid #dfeae3; border-radius: 20px; padding: 10px; box-shadow: 0 15px 40px #123c4810; }.home-paths a { display: flex; gap: 14px; align-items: center; padding: 22px; color: #254d50; border-radius: 14px; }.home-paths a:hover { background: #edf7f1; }.home-paths small { display: block; font-size: 9px; letter-spacing: .1em; color: #68847b; }.home-paths strong { font-size: 15px; }.home-path-icon { font-size: 25px; color: #087e83; }
.home-professional .card, .home-professional .event-card { border: 1px solid #dfeae4 !important; border-radius: 20px !important; box-shadow: 0 6px 24px #123c4808 !important; transition: transform .25s, box-shadow .25s; overflow: hidden; }.home-professional .card:hover, .home-professional .event-card:hover { transform: translateY(-5px); box-shadow: 0 16px 32px #123c4815 !important; }
.home-professional .bg-light { background: #f5f8f6 !important; }.home-professional .about-area { padding: 75px 0; background: white; }.home-professional .about-left img { border-radius: 28px; }.home-professional .about-right > img { display: none; }.home-professional .about-title { font-size: clamp(28px, 3vw, 42px); color: #153f49 !important; }.home-professional .about-description { line-height: 1.85; color: #5b716c; }
.home-professional .feature-icon-box, .home-professional .dept-icon-wrapper { background: #e3f3ea !important; color: #087e83 !important; border-radius: 17px !important; }.home-professional .btn { border-radius: 25px; }.home-professional .btn-primary { background: #087e83; border-color: #087e83; }
.home-professional .cta { background: linear-gradient(110deg, #103c48, #087e83); }.home-professional .expertise-area { padding: 70px 0 !important; }.home-professional .expertise-inner { border: 1px solid #e0ece5; border-radius: 18px; box-shadow: none; }.home-professional .events-section { background: #edf5f0; }.home-professional .event-thumb-wrap { overflow: hidden; }.home-professional .event-thumb-img { transition: transform .4s; }.home-professional .event-card:hover .event-thumb-img { transform: scale(1.04); }
.home-professional .counter-area-redesign { background: #103c48; }.home-professional .tour-section { background: #edf5f0; padding: 75px 0; }.home-professional .tour-viewport-frame { border-radius: 25px; }.home-professional a:focus-visible { outline: 3px solid #1aa29e; outline-offset: 4px; }
@media(max-width: 991.98px) { .home-paths { grid-template-columns: 1fr; width: calc(100% - 24px); }.home-paths a { padding: 17px; }.home-portrait { max-width: 450px; margin: 0 auto; }.home-welcome { padding-top: 40px; } }
@media(max-width: 575.98px) { .home-portrait > img { height: 340px; }.home-professional .expertise-area { padding: 45px 0 !important; } }
@media(prefers-reduced-motion: reduce) { .home-professional *, .home-professional *::before { animation: none !important; transition: none !important; }.home-professional .wow { visibility: visible !important; } }