/* JIVA Academy — experience design v0.3; layered on the v0.1 UI */
:root{--jiva-navy:#10243d;--jiva-gold:#d6b783;--jiva-cream:#f6f2ec}html{scroll-behavior:smooth}body{font-family:'DM Sans',sans-serif;background:var(--jiva-cream)}.skip-link{position:absolute;top:-60px;left:12px;z-index:9999;background:white;padding:10px}.skip-link:focus{top:10px}.topbar{background:rgba(13,32,55,.97);backdrop-filter:blur(16px);position:sticky;top:0;z-index:99;padding:12px clamp(18px,5vw,85px);display:flex;align-items:center;justify-content:space-between;gap:20px}.topbar .brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;font-size:18px;letter-spacing:.14em}.topbar .brand img{background:white;border-radius:50%;object-fit:contain;padding:3px}.topbar .brand span{display:flex;flex-direction:column;line-height:1.1}.topbar .brand small{font-size:10px;letter-spacing:.2em;margin-top:4px}.topbar nav{display:flex;align-items:center;gap:clamp(10px,2vw,28px);flex-wrap:wrap}.topbar nav a,.topbar .linkbutton{color:white;font-size:13px;text-decoration:none}.topbar .navbutton{border:1px solid rgba(255,255,255,.55);border-radius:24px;padding:9px 16px}.topbar nav a:hover,.topbar .linkbutton:hover{color:var(--jiva-gold)}.experience-hero{position:relative;min-height:min(850px,90svh);display:flex;align-items:center;overflow:hidden;color:white;background:#10243d}.experience-hero-image{position:absolute;inset:-4%;background:linear-gradient(90deg,rgba(8,26,46,.91),rgba(8,26,46,.55) 55%,rgba(8,26,46,.16)),url('https://images.unsplash.com/photo-1470252649378-9c29740c9fa8?w=2000&q=85') center/cover;animation:jiva-zoom 23s ease-in-out infinite alternate}@keyframes jiva-zoom{to{transform:scale(1.08)}}.experience-hero-inner{position:relative;z-index:2;padding:80px clamp(24px,9vw,170px);max-width:1060px}.experience-kicker,.experience-label{font-size:12px;letter-spacing:.22em;text-transform:uppercase;font-weight:700;color:#b58d57}.experience-kicker{color:#e4c69a}.experience-hero h1,.experience-intro h2,.experience-center h2,.experience-dark h2,.experience-free h2,.experience-closing h2{font-family:'Playfair Display',Georgia,serif;font-weight:400;letter-spacing:-.035em;line-height:1.13}.experience-hero h1{font-size:clamp(55px,7vw,108px);margin:28px 0}.experience-hero em{color:#e8cda3}.experience-hero-inner>p:not(.experience-kicker){max-width:570px;font-size:clamp(16px,1.5vw,20px);line-height:1.85;color:#e7ebf0}.experience-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:36px}.experience-button{display:inline-flex;gap:20px;align-items:center;justify-content:center;border-radius:40px;padding:17px 25px;font-size:13px;font-weight:700;text-decoration:none;transition:transform .25s}.experience-button:hover{transform:translateY(-3px)}.experience-button.gold{background:var(--jiva-gold);color:var(--jiva-navy)}.experience-button.navy{background:var(--jiva-navy);color:white}.experience-textlink{color:white;text-decoration:none;font-size:14px}.experience-scroll{position:absolute;bottom:45px;right:4%;writing-mode:vertical-rl;font-size:10px;letter-spacing:.24em;opacity:.8}.experience-strip{display:flex;justify-content:space-evenly;gap:25px;flex-wrap:wrap;padding:27px;background:white;color:#677482;font-size:11px;letter-spacing:.17em;font-weight:700}.experience-section{padding:clamp(70px,9vw,135px) clamp(22px,7vw,110px)}.experience-intro{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.experience-image-composition{position:relative;min-height:560px}.experience-photo-main{position:absolute;left:0;top:0;width:75%;height:92%;border-radius:240px 240px 12px 12px;background:url('https://images.unsplash.com/photo-1448375240586-882707db888b?w=1100&q=85') center/cover}.experience-photo-small{position:absolute;right:0;bottom:0;width:48%;height:48%;border:9px solid var(--jiva-cream);border-radius:200px 200px 10px 10px;background:url('https://images.unsplash.com/photo-1470770841072-f978cf4d019e?w=800&q=85') center/cover}.experience-intro h2,.experience-center h2,.experience-free h2{font-size:clamp(39px,4.1vw,65px);color:#1c344f;margin:22px 0}.experience-intro h2 em,.experience-center h2 em,.experience-free h2 em{color:#b28e60}.experience-intro-text>p:not(.experience-label),.experience-center>p:not(.experience-label),.experience-free p:not(.experience-label){font-size:16px;line-height:1.9;color:#687482}.experience-signature{font-family:'Playfair Display',serif;font-style:italic;font-size:24px;color:#ae8d62}.experience-programs{background:white}.experience-center{text-align:center;max-width:760px;margin:0 auto 65px}.experience-feature{max-width:1260px;margin:auto;display:grid;grid-template-columns:1.03fr 1fr;background:#f6f2ec;min-height:480px}.experience-feature-photo{background:url('https://images.unsplash.com/photo-1470770841072-f978cf4d019e?w=1300&q=85') center/cover;position:relative;min-height:390px}.experience-feature-photo span{position:absolute;top:24px;left:24px;background:#fff;padding:12px 15px;font-size:10px;letter-spacing:.15em;color:#1b344f}.experience-feature-copy{padding:clamp(35px,5vw,75px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.experience-feature-copy h3{font-family:'Playfair Display',serif;font-size:clamp(48px,5vw,74px);font-weight:400;margin:10px 0}.experience-feature-copy>p{line-height:1.75;color:#687482}.experience-feature-copy .experience-subtitle{font-family:'Playfair Display',serif;font-style:italic;font-size:23px;color:#1b344f}.experience-metadata{font-size:13px}.experience-dark{background:#142b48;color:white;text-align:center;padding:clamp(75px,8vw,125px) clamp(20px,6vw,100px)}.experience-dark .experience-label{color:#d8b984}.experience-dark h2{font-size:clamp(39px,5vw,72px);margin:24px 0 70px}.experience-dark h2 em{color:#d8b984}.experience-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:34px;max-width:1250px;margin:auto;text-align:left}.experience-steps b{font-family:'Playfair Display',serif;font-size:48px;font-weight:400;color:#d8b984}.experience-steps h3{font-size:18px}.experience-steps p{color:#c4d0df;line-height:1.8;font-size:14px}.experience-free{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7%;padding:clamp(65px,9vw,140px) clamp(24px,8vw,120px)}.experience-free-image{min-height:440px;border-radius:240px 240px 16px 16px;background:url('https://images.unsplash.com/photo-1470252649378-9c29740c9fa8?w=1100&q=85') center/cover}.experience-closing{text-align:center;background:#11263f;color:white;padding:105px 22px}.experience-closing>p{font-size:12px;letter-spacing:.2em;color:#d8b984}.experience-closing h2{font-size:clamp(42px,5.6vw,78px)}.experience-closing h2 em{color:#d8b984}.jiva-footer{display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap;background:#091b30;color:#cbd5df;padding:35px clamp(22px,7vw,110px);font-size:13px}.jiva-footer strong{color:white;letter-spacing:.18em}.jiva-footer p{margin:5px 0}.reveal{opacity:1;transform:none}@media(prefers-reduced-motion:no-preference){.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s,transform .8s}.reveal.is-visible{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.experience-hero-image{animation:none}.experience-button{transition:none}}@media(max-width:900px){.experience-intro,.experience-feature,.experience-free{grid-template-columns:1fr}.experience-image-composition{min-height:440px}.experience-steps{grid-template-columns:repeat(2,1fr)}.experience-feature-photo{min-height:360px}.topbar{position:relative}.topbar nav{gap:12px}}@media(max-width:600px){.experience-hero{min-height:650px}.experience-hero-inner{padding:70px 23px}.experience-hero h1{font-size:52px}.experience-steps{grid-template-columns:1fr 1fr;gap:20px}.experience-steps b{font-size:36px}.experience-photo-main{width:80%}.experience-image-composition{min-height:340px}.topbar nav a{font-size:11px}.topbar .brand{font-size:13px}.experience-strip{gap:12px}.experience-strip span{font-size:9px}}
/* v0.5: enhanced logo identity */
.topbar .brand img{width:66px;height:66px;min-width:66px;background:#fff;padding:5px;border:2px solid #d6b783;box-shadow:0 0 0 3px rgba(214,183,131,.12)}
.topbar .brand{font-size:20px;letter-spacing:.1em;flex-shrink:0}
.topbar nav{gap:clamp(8px,1.1vw,18px)}
.jiva-logo-statement{background:#f8f5ef;text-align:center;padding:65px 20px 55px;border-bottom:1px solid #e9dfd0}
.jiva-logo-statement img{width:170px;height:170px;object-fit:contain;border-radius:50%;background:#fff;padding:12px;box-shadow:0 12px 45px #172e4515}
.jiva-logo-statement p{font-family:'Playfair Display',Georgia,serif;color:#173454;font-size:30px;letter-spacing:.16em;margin:22px 0 4px}
.jiva-logo-statement span{font-size:12px;color:#aa885b;letter-spacing:.3em}
@media(max-width:700px){.topbar .brand img{width:56px;height:56px;min-width:56px}.jiva-logo-statement img{width:140px;height:140px}}