/* Health in Motion — original interactive visual system for STIKes John Paul II */
body{background:#fff;overflow-x:hidden}.site-header{transition:height .25s,box-shadow .25s,background .25s}.site-header.is-scrolled{height:70px;background:rgba(255,255,255,.94);box-shadow:0 12px 35px rgba(9,6,83,.1);backdrop-filter:blur(16px)}
.reveal-section .motion-heading,.reveal-section .quick-access-card,.reveal-section .program-motion-card,.reveal-section .stats-motion-grid article,.reveal-section .news-motion-card,.reveal-section .campus-life-card{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease;transition-delay:var(--delay,0ms)}
.reveal-section.is-visible .motion-heading,.reveal-section.is-visible .quick-access-card,.reveal-section.is-visible .program-motion-card,.reveal-section.is-visible .stats-motion-grid article,.reveal-section.is-visible .news-motion-card,.reveal-section.is-visible .campus-life-card{opacity:1;transform:none}
.motion-heading h2{font-size:clamp(34px,4vw,52px);line-height:1.08;letter-spacing:-.045em}.motion-heading>p,.motion-heading>div>p{color:#697086;max-width:680px}

.health-pulse{position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.42}.health-pulse i{position:absolute;border:1px solid rgba(110,198,255,.38);border-radius:50%;animation:pulse-ring 7s ease-in-out infinite}.health-pulse i:nth-child(1){width:420px;height:420px;right:9%;top:17%}.health-pulse i:nth-child(2){width:580px;height:580px;right:3%;top:5%;animation-delay:-2s}.health-pulse i:nth-child(3){width:760px;height:760px;right:-4%;top:-8%;animation-delay:-4s}@keyframes pulse-ring{50%{transform:scale(1.08);opacity:.25}}
.slider-scroll-cue{position:absolute;z-index:5;left:50%;bottom:24px;transform:translateX(-50%);display:flex;align-items:center;gap:9px;color:#fff;font-size:10px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.slider-scroll-cue span{width:21px;height:32px;border:1px solid rgba(255,255,255,.55);border-radius:15px;position:relative}.slider-scroll-cue span:after{content:"";position:absolute;width:3px;height:7px;border-radius:5px;background:var(--accent);left:8px;top:6px;animation:scroll-dot 1.6s infinite}@keyframes scroll-dot{70%{transform:translateY(11px);opacity:0}}
.campus-slide .slide-emblem{transform:translate(calc(var(--mx,0)*12px),calc(var(--my,0)*12px));transition:transform .25s ease-out}.slider-dots{bottom:64px}

.quick-access{position:relative;z-index:6;margin-top:-28px}.quick-access-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quick-access-card{min-height:112px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:20px;background:#fff;border:1px solid #e8eaf8;border-radius:18px;box-shadow:0 18px 55px rgba(9,6,83,.11);transition:transform .25s,box-shadow .25s,border-color .25s!important}.quick-access-card:hover{transform:translateY(-7px)!important;box-shadow:0 24px 65px rgba(8,6,217,.17);border-color:rgba(8,6,217,.28)}.quick-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,#eeeeff,#dff5ff);font-size:22px}.quick-access-card strong,.quick-access-card small{display:block}.quick-access-card strong{font-size:15px;color:#121044}.quick-access-card small{font-size:12px;line-height:1.45;color:#788096;margin-top:4px}.quick-access-card b{color:var(--primary);font-size:18px}

.programs-motion{padding-top:105px;background:radial-gradient(circle at 0 20%,#eef7ff 0,transparent 26%),#fff}.program-motion-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.program-motion-card{min-height:440px;border-radius:24px;position:relative;overflow:hidden;background:linear-gradient(145deg,#0b095c,#000080);color:#fff;isolation:isolate;box-shadow:0 22px 55px rgba(9,6,83,.15)}.program-card-bg{position:absolute;inset:0;z-index:-2;background-image:var(--program-image);background-size:cover;background-position:center;transform:scale(1.02);transition:transform .6s}.program-motion-card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(8,6,70,.06),rgba(8,6,70,.95) 75%)}.program-motion-card:not(.has-program-image):before{content:"✦";position:absolute;right:-20px;top:-50px;color:rgba(110,198,255,.14);font-size:240px;line-height:1}.program-motion-card:hover .program-card-bg,.program-motion-card:focus .program-card-bg{transform:scale(1.1)}.program-card-content{position:absolute;inset:auto 0 0;padding:29px;transition:transform .35s}.program-motion-card:hover .program-card-content,.program-motion-card:focus .program-card-content{transform:translateY(-8px)}.program-badge{display:inline-flex;padding:7px 11px;border-radius:999px;background:var(--accent);color:#0a0954;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.program-motion-card h3{font-size:25px;line-height:1.2;margin:16px 0 10px}.program-motion-card p{color:#d8dcff;font-size:14px;line-height:1.6}.program-motion-card a{display:inline-flex;gap:10px;align-items:center;font-weight:800;font-size:13px;margin-top:8px}.program-motion-card a span{color:var(--accent);font-size:19px}

.stats-motion{position:relative;overflow:hidden;background:linear-gradient(120deg,#000080 0%,#000080 62%,#1e90ff 100%);color:#fff;padding:100px 0}.stats-motion-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.stats-motion .motion-heading p{color:#c9ccff}.stats-motion-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.stats-motion-grid article{padding:27px;border-radius:18px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(7px)}.stats-motion-grid strong,.stats-motion-grid span,.stats-motion-grid small{display:block}.stats-motion-grid strong{font-size:45px;color:var(--accent);letter-spacing:-.04em}.stats-motion-grid span{font-weight:800}.stats-motion-grid small{color:#c4c8fa;margin-top:6px}.pulse-track{position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(255,255,255,.1)}.pulse-track span{display:block;width:180px;height:3px;background:var(--accent);box-shadow:0 0 25px var(--accent);animation:pulse-track 5s linear infinite}@keyframes pulse-track{from{transform:translateX(-190px)}to{transform:translateX(calc(100vw + 190px))}}

.campus-life{padding:105px 0;background:#f7f8ff}.campus-life-grid{display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:repeat(2,260px);gap:16px;perspective:1000px}.campus-life-card{position:relative;border-radius:24px;overflow:hidden;background-image:linear-gradient(180deg,rgba(7,6,65,.05),rgba(7,6,65,.92)),var(--life-image);background-size:cover;background-position:center;color:#fff;transform-style:preserve-3d;transition:transform .18s ease-out,box-shadow .3s!important}.campus-life-card.featured{grid-row:1/3}.campus-life-card.life-placeholder{background-image:radial-gradient(circle at 80% 15%,rgba(110,198,255,.55),transparent 25%),linear-gradient(135deg,#000080,#000080)}.campus-life-card:hover{box-shadow:0 28px 70px rgba(9,6,83,.23)}.campus-life-card>div{position:absolute;left:0;right:0;bottom:0;padding:28px;transform:translateZ(28px)}.campus-life-card small{color:var(--accent);text-transform:uppercase;font-weight:900;letter-spacing:.12em}.campus-life-card h3{font-size:25px;margin:9px 0}.campus-life-card p{margin:0 0 13px;color:#dfe2ff;font-size:14px}.campus-life-card b{font-size:12px}.life-index{position:absolute;right:22px;top:15px;color:rgba(255,255,255,.45);font:800 32px Manrope}

.news-motion{background:#fff}.content-carousel-controls{display:flex;gap:9px}.content-carousel-controls button{width:45px;height:45px;border:1px solid #dfe2f2;border-radius:50%;background:#fff;color:var(--primary);font-size:18px;cursor:pointer;transition:.2s}.content-carousel-controls button:hover{background:var(--primary);color:#fff}.content-carousel-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(310px,calc((100% - 36px)/3));gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:5px 3px 30px}.content-carousel-track::-webkit-scrollbar{display:none}.news-motion-card{scroll-snap-align:start;border:1px solid #e5e7f3;border-radius:20px;background:#fff;overflow:hidden;transition:transform .3s,box-shadow .3s!important}.news-motion-card:hover{transform:translateY(-8px)!important;box-shadow:0 22px 55px rgba(9,6,83,.12)}.news-motion-image{height:215px;display:flex;align-items:flex-start;background-size:cover;background-position:center;padding:16px}.news-motion-image.image-placeholder{background:radial-gradient(circle at 75% 20%,rgba(110,198,255,.8),transparent 24%),linear-gradient(135deg,#000080,#000080)}.news-motion-image span{background:rgba(255,255,255,.92);color:var(--primary);padding:6px 10px;border-radius:999px;font-size:10px;font-weight:900;text-transform:uppercase}.news-motion-card>div{padding:22px}.news-motion-card small{color:#8a90a4}.news-motion-card h3{font-size:20px;line-height:1.35;margin:8px 0}.news-motion-card p{color:#6e758a;font-size:14px}.news-read{color:var(--primary);font-weight:800;font-size:13px}.motion-empty{grid-column:1/-1;padding:30px;border:1px dashed #cfd3e6;border-radius:15px;color:#777e92;text-align:center}

.partners-motion{padding:90px 0;background:#f8f9ff;overflow:hidden}.partners-motion .motion-heading{text-align:center}.partners-motion .motion-heading p{margin-left:auto;margin-right:auto}.partner-marquee{margin-top:35px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.partner-track{width:max-content;display:flex;gap:14px;animation:partner-scroll 35s linear infinite}.partner-marquee:hover .partner-track{animation-play-state:paused}.partner-chip{height:84px;min-width:230px;padding:14px 22px;border:1px solid #e1e4f2;border-radius:18px;background:#fff;display:flex;align-items:center;gap:14px;box-shadow:0 10px 35px rgba(9,6,83,.06)}.partner-chip img{width:54px;height:54px;object-fit:contain}.partner-chip span{width:47px;height:47px;border-radius:14px;background:#eaf6ff;color:var(--primary);display:grid;place-items:center}.partner-chip strong{font-size:14px;max-width:145px}@keyframes partner-scroll{to{transform:translateX(-50%)}}

.cta-section{position:relative;overflow:hidden;background:linear-gradient(110deg,var(--accent),#dff4ff);color:#0b0954}.cta-section:after{content:"";position:absolute;width:340px;height:340px;border:70px solid rgba(8,6,217,.08);border-radius:50%;right:-110px;top:-130px}.cta-section>.container{position:relative;z-index:1}.cta-section .section-kicker.light{color:var(--primary)}

@media(max-width:980px){.quick-access-grid{grid-template-columns:repeat(2,1fr)}.program-motion-grid{grid-template-columns:1fr 1fr}.program-motion-card:last-child{grid-column:1/-1}.stats-motion-layout{grid-template-columns:1fr}.content-carousel-track{grid-auto-columns:minmax(300px,calc((100% - 18px)/2))}}
@media(max-width:700px){.site-header.is-scrolled{height:64px}.health-pulse{display:none}.slider-scroll-cue{display:none}.slider-dots{bottom:35px}.quick-access{margin-top:0;padding:15px 0}.quick-access-grid{grid-template-columns:1fr 1fr;gap:9px}.quick-access-card{min-height:95px;padding:14px;grid-template-columns:auto 1fr}.quick-access-card b{display:none}.quick-icon{width:40px;height:40px}.programs-motion{padding-top:70px}.program-motion-grid{grid-template-columns:1fr}.program-motion-card,.program-motion-card:last-child{grid-column:auto;min-height:390px}.stats-motion{padding:75px 0}.stats-motion-grid{grid-template-columns:1fr 1fr}.stats-motion-grid article{padding:20px}.stats-motion-grid strong{font-size:36px}.campus-life{padding:75px 0}.campus-life-grid{grid-template-columns:1fr;grid-template-rows:repeat(3,330px)}.campus-life-card.featured{grid-row:auto}.content-carousel-track{grid-auto-columns:86%}.content-carousel-controls{display:none}.partner-chip{min-width:190px}.reveal-section .motion-heading{transform:translateY(18px)}}
@media(max-width:460px){.quick-access-grid{grid-template-columns:1fr}.quick-access-card{min-height:82px}.stats-motion-grid{grid-template-columns:1fr}.content-carousel-track{grid-auto-columns:92%}}
@media(prefers-reduced-motion:reduce){.partner-track,.pulse-track span,.health-pulse i,.slider-scroll-cue span:after{animation:none}.reveal-section .motion-heading,.reveal-section .quick-access-card,.reveal-section .program-motion-card,.reveal-section .stats-motion-grid article,.reveal-section .news-motion-card,.reveal-section .campus-life-card{opacity:1;transform:none;transition:none}}
@media(max-width:700px){.site-header.is-scrolled .site-nav{top:64px}}