
:root{--navy:#10213d;--navy2:#1b3458;--gold:#d9b886;--cream:#f6f3ed;--ink:#263449;--muted:#697584;--white:#fff;--line:rgba(20,40,65,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif;overflow-x:hidden}button,a{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}::selection{background:#d9b886;color:#10213d}.view{display:none}.view.active{display:block}.serif{font-family:'Playfair Display',Georgia,serif;font-weight:400}.smallcap{font-size:11px;letter-spacing:.25em;text-transform:uppercase;font-weight:700}.nav{position:fixed;z-index:100;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:19px clamp(24px,5.2vw,88px);color:#fff;transition:.4s;background:linear-gradient(180deg,rgba(8,23,45,.65),transparent)}.nav.scrolled,.nav.inner{background:rgba(13,30,53,.94);backdrop-filter:blur(16px);box-shadow:0 6px 25px rgba(0,0,0,.08)}.brand{display:flex;align-items:center;gap:12px}.brand img{height:42px;width:43px;object-fit:contain;background:#fff;border-radius:50%;padding:5px}.brand b{font-family:Manrope,sans-serif;letter-spacing:.19em;font-size:16px}.brand small{display:block;font-size:8px;letter-spacing:.25em;opacity:.8;margin-top:4px}.navlinks{display:flex;align-items:center;gap:33px;font-size:13px}.navlinks a{opacity:.9;transition:.2s}.navlinks a:hover{color:var(--gold)}.nav .outline{border:1px solid rgba(255,255,255,.6);border-radius:99px;padding:11px 21px}.mobile-menu{display:none;background:transparent;border:0;color:#fff;font-size:25px}.hero{position:relative;min-height:100svh;display:flex;align-items:center;color:#fff;background:#152b45;overflow:hidden}.hero-photo{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(7,24,46,.86) 0%,rgba(11,29,50,.58) 45%,rgba(11,29,50,.1) 100%),linear-gradient(0deg,rgba(10,29,50,.46),transparent 40%),url('https://images.unsplash.com/photo-1470252649378-9c29740c9fa8?w=2000&q=85');background-position:center;background-size:cover;animation:heroZoom 20s ease-in-out infinite alternate}.hero-photo:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 72% 32%,rgba(241,206,143,.26),transparent 36%)}@keyframes heroZoom{from{transform:scale(1)}to{transform:scale(1.09)}}.hero-content{position:relative;z-index:2;padding:135px clamp(25px,10vw,180px) 100px;max-width:1050px}.hero .eyebrow{display:flex;align-items:center;gap:16px;color:#e6cda6;animation:up .9s both}.line{height:1px;width:44px;background:currentColor}.hero h1{font-size:clamp(55px,7.4vw,112px);line-height:1.08;letter-spacing:-.038em;margin:27px 0 26px;animation:up 1s .15s both}.hero h1 em{font-weight:400;color:#f4d5a9}.hero p{font-size:clamp(16px,1.5vw,20px);line-height:1.8;max-width:550px;color:#e4e8ec;animation:up 1s .3s both}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:35px;animation:up 1s .45s both}.btn{border:0;border-radius:40px;padding:17px 28px;display:inline-flex;align-items:center;gap:17px;font-size:13px;font-weight:700;letter-spacing:.03em;transition:transform .25s,background .25s}.btn:hover{transform:translateY(-3px)}.btn.gold{background:var(--gold);color:var(--navy)}.btn.dark{background:var(--navy);color:#fff}.textlink{border:0;background:none;color:inherit;font-weight:600;font-size:13px;display:inline-flex;gap:12px;align-items:center}.textlink:hover{color:var(--gold)}.hero-side{position:absolute;right:5vw;bottom:65px;z-index:3;display:flex;align-items:center;gap:15px;color:#fff;font-size:11px;letter-spacing:.18em;writing-mode:vertical-rl}.scrollmark{height:66px;width:1px;background:linear-gradient(#fff,transparent);animation:pulse 2s infinite}@keyframes pulse{50%{opacity:.2}}@keyframes up{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.float-orb{position:absolute;border-radius:50%;pointer-events:none;z-index:1;border:1px solid rgba(255,255,255,.2);width:300px;height:300px;right:14%;top:20%;animation:float 9s ease-in-out infinite}.float-orb:before{content:'';position:absolute;inset:27px;border:1px solid rgba(255,255,255,.13);border-radius:50%}@keyframes float{50%{transform:translateY(-25px) rotate(12deg)}}.strip{display:flex;justify-content:center;gap:clamp(20px,6vw,110px);padding:30px 20px;background:#fff;flex-wrap:wrap;border-bottom:1px solid #eee}.strip span{font-size:11px;letter-spacing:.13em;color:#677382;font-weight:700}.section{padding:clamp(85px,10vw,150px) clamp(24px,7vw,120px)}.intro{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;max-width:1450px;margin:auto}.intro-visual{position:relative;min-height:570px}.photo{background-size:cover;background-position:center}.intro-visual .bigphoto{height:520px;width:81%;border-radius:230px 230px 6px 6px;background-image:url('https://images.unsplash.com/photo-1441974231531-c6227db76b6e?w=1100&q=85');background-color:#6e806b;box-shadow:0 25px 60px rgba(26,45,60,.15)}.intro-visual .littlephoto{position:absolute;right:0;bottom:0;width:45%;height:265px;border:10px solid var(--cream);border-radius:150px 150px 6px 6px;background-image:url('https://images.unsplash.com/photo-1470770841072-f978cf4d019e?w=700&q=85');background-color:#b0b5a0}.intro-copy .smallcap,.course-head .smallcap,.quote .smallcap{color:#ad8557}.intro h2,.course-head h2,.path h2,.audio-copy h2,.end h2{font-size:clamp(40px,4.6vw,70px);line-height:1.16;letter-spacing:-.035em;margin:22px 0}.intro p,.course-head p,.audio-copy p{color:#6e7985;line-height:1.9;font-size:16px;max-width:540px}.signature{font-family:'Playfair Display',serif;font-style:italic;color:#a58c6a;font-size:27px;margin-top:30px}.reveal{opacity:0;transform:translateY(34px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:translateY(0)}.course-section{background:#eaece9}.course-head{max-width:950px;margin:0 auto 60px;text-align:center}.course-head p{margin:0 auto}.course-feature{display:grid;grid-template-columns:1.15fr 1fr;max-width:1270px;margin:auto;background:#fff;min-height:490px;box-shadow:0 22px 65px rgba(28,45,53,.08)}.course-image{min-height:450px;background-image:linear-gradient(0deg,rgba(8,26,44,.2),transparent),url('https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?w=1300&q=85');background-color:#8e9a88;position:relative}.course-image .course-badge{position:absolute;bottom:28px;left:30px;color:#fff;font-size:11px;letter-spacing:.2em}.course-info{padding:clamp(35px,5vw,75px);display:flex;flex-direction:column;justify-content:center}.course-info .label{color:#ad8557;font-size:11px;letter-spacing:.19em;font-weight:700}.course-info h3{font-family:'Playfair Display',serif;font-size:clamp(35px,3.5vw,54px);line-height:1.2;font-weight:400;margin:18px 0}.course-info p{color:#72808c;line-height:1.8}.meta{display:flex;gap:23px;font-size:12px;color:#6c7885;margin:19px 0 28px;flex-wrap:wrap}.path{background:var(--navy);color:#fff;position:relative;overflow:hidden;text-align:center}.path:before{content:'';position:absolute;width:700px;height:700px;border:1px solid rgba(255,255,255,.07);border-radius:50%;top:-320px;left:calc(50% - 350px);box-shadow:0 0 0 80px rgba(255,255,255,.018),0 0 0 160px rgba(255,255,255,.018)}.path>*{position:relative}.path h2{max-width:760px;margin:25px auto 65px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;max-width:1180px;margin:auto}.step{padding:15px}.step-num{font-family:'Playfair Display',serif;color:#d6b88a;font-size:50px;opacity:.9}.step:before{content:'';display:block;width:36px;height:1px;background:#d6b88a;margin:0 auto 18px}.step h3{font-weight:600;font-size:17px}.step p{font-size:13px;line-height:1.8;color:#bac7d5}.audio{display:grid;grid-template-columns:1fr 1fr;min-height:570px;background:#f4eee5}.audio-photo{background-image:url('https://images.unsplash.com/photo-1472396961693-142e6e269027?w=1400&q=85');background-color:#667a72;min-height:500px;position:relative}.audio-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(244,238,229,.15))}.audio-copy{padding:clamp(45px,8vw,120px);display:flex;flex-direction:column;justify-content:center}.audio-player{display:flex;align-items:center;gap:17px;background:#fff;border:1px solid #e9e3da;border-radius:16px;padding:16px 19px;max-width:480px;margin-top:20px;box-shadow:0 15px 40px rgba(20,40,60,.05)}.play{width:48px;height:48px;border-radius:50%;border:0;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:18px;flex-shrink:0}.wave{display:flex;align-items:center;gap:3px;height:28px;flex:1}.wave i{display:block;width:3px;height:var(--h);background:#bca07c;border-radius:3px;opacity:.7}.wave.playing i{animation:wave 1s ease-in-out infinite alternate;animation-delay:var(--d)}@keyframes wave{to{height:5px}}.quote{background:#fff;text-align:center;padding:100px 25px}.quote blockquote{font-family:'Playfair Display',serif;font-size:clamp(30px,4.2vw,59px);line-height:1.35;max-width:970px;margin:28px auto;color:#213450}.end{background-image:linear-gradient(rgba(12,29,50,.67),rgba(12,29,50,.7)),url('https://images.unsplash.com/photo-1464822759023-fed622ff2c3b?w=1800&q=85');background-color:#273b51;background-size:cover;background-position:center;color:#fff;text-align:center;padding:120px 25px}.end h2{max-width:900px;margin:20px auto 35px}.footer{background:#0b1c33;color:#9daec0;padding:40px clamp(24px,7vw,120px);display:flex;justify-content:space-between;gap:25px;align-items:center;flex-wrap:wrap;font-size:12px}.footer strong{color:#fff;letter-spacing:.15em}.inner-page{min-height:100vh;background:#f6f4ef;padding:130px clamp(24px,6vw,95px) 90px}.inner-top{max-width:1200px;margin:auto}.inner-top h1{font-family:'Playfair Display',serif;font-size:clamp(42px,5vw,68px);font-weight:400;margin:15px 0}.inner-top p{color:#71808a;line-height:1.8}.dashboard{display:grid;grid-template-columns:1.45fr .8fr;gap:25px;max-width:1200px;margin:35px auto}.panel{background:#fff;border:1px solid #e9e7e1;border-radius:18px;padding:30px;box-shadow:0 12px 30px rgba(25,40,60,.03)}.panel h3{margin:0 0 22px;color:var(--navy);font-size:19px}.progressbar{height:8px;background:#e9edf0;border-radius:20px;overflow:hidden;margin:20px 0}.progressbar div{height:100%;background:linear-gradient(90deg,#a78b65,#ddc19a);width:27%;border-radius:20px}.module{display:flex;align-items:center;gap:16px;padding:18px 0;border-top:1px solid #ecece8}.module .num{display:grid;place-items:center;width:44px;height:44px;background:#eff2f3;border-radius:50%;color:var(--navy);flex-shrink:0}.module.done .num{background:#dbece2;color:#347956}.module h4{margin:0 0 5px;font-size:14px}.module small{color:#84909b}.module .arrow{margin-left:auto;color:#9aa4ab}.note{background:#f3efe8;padding:22px;border-radius:13px;color:#52606e;line-height:1.8;font-size:14px}.statgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1200px;margin:35px auto}.stat{background:#fff;border-radius:15px;padding:25px}.stat strong{display:block;font-family:'Playfair Display',serif;font-size:40px;font-weight:400;color:var(--navy)}.stat small{color:#788593}.admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-table th{text-align:left;color:#8995a0;font-size:11px;letter-spacing:.1em;padding:16px;border-bottom:1px solid #eee}.admin-table td{padding:18px 16px;border-bottom:1px solid #eee}.pill{background:#e9f2ec;color:#39744c;border-radius:50px;padding:7px 12px;font-size:11px}.pill.pending{background:#fff2df;color:#a77835}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,30px);opacity:0;pointer-events:none;background:#142943;color:#fff;padding:14px 24px;border-radius:10px;z-index:150;box-shadow:0 10px 35px #0003;transition:.3s;font-size:13px}.toast.show{opacity:1;transform:translate(-50%,0)}.mobile-nav{display:none}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;z-index:200;background:white;padding:10px}.visual-hint{font-size:11px;opacity:.7}.no-photo{background:linear-gradient(135deg,#3c5a6a,#a3aa94)}@media(max-width:850px){.nav{padding:16px 22px}.navlinks{display:none}.mobile-menu{display:block}.mobile-nav{display:none;position:fixed;z-index:99;top:73px;left:0;right:0;background:#10213d;padding:25px;color:white;flex-direction:column;gap:22px}.mobile-nav.open{display:flex}.hero-content{padding:140px 25px 90px}.hero h1{font-size:clamp(50px,12vw,76px)}.hero-side{display:none}.intro,.course-feature,.audio,.dashboard{grid-template-columns:1fr}.intro-visual{min-height:450px;order:2}.intro-visual .bigphoto{height:410px}.intro-visual .littlephoto{height:220px}.intro-copy{order:1}.steps{grid-template-columns:repeat(2,1fr)}.audio-photo{min-height:380px}.statgrid{grid-template-columns:1fr 1fr}.course-image{min-height:330px}}@media(max-width:540px){.steps,.statgrid{grid-template-columns:1fr}.section{padding:80px 24px}.intro-visual{min-height:370px}.intro-visual .bigphoto{height:340px}.intro-visual .littlephoto{height:180px}.hero h1{font-size:50px}.nav .brand b{font-size:14px}.admin-table{font-size:11px}.admin-table th,.admin-table td{padding:12px 6px}.panel{padding:20px}.footer{display:block}.footer>*{display:block;margin:10px 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}

/* v1.2: add-on to the original approved cinematic design, not a redesign */
.program-wrap,.lesson-shell{max-width:1180px;margin:auto;padding:42px 28px 110px}
.jiva-program-top{background:linear-gradient(125deg,#f9f7f2,#e8eef1);padding-bottom:64px}
.program-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.program-tile{background:#fff;border:1px solid rgba(17,37,62,.10);box-shadow:0 15px 44px rgba(14,35,58,.07);overflow:hidden;border-radius:5px;transition:transform .25s,box-shadow .25s}
.program-tile:hover{transform:translateY(-5px);box-shadow:0 20px 52px rgba(14,35,58,.13)}
.program-photo{height:205px;background-size:cover;background-position:center;position:relative}
.program-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,26,48,.28),transparent 60%)}
.program-tile-content{padding:27px}.program-kicker{color:#ac8958;font-size:10px;font-weight:800;letter-spacing:2px;text-transform:uppercase}
.program-tile h3{font-family:Georgia,serif;color:#183451;font-size:26px;line-height:1.15;margin:15px 0}
.program-tile p{color:#607084;line-height:1.7;font-size:14px;min-height:75px}
.program-open{border:0;background:transparent;color:#a47b45;font-weight:700;font-size:13px;cursor:pointer;padding:10px 0}
.editorial-note{font-size:13px;color:#6a7786;margin-top:36px}
.lesson-shell{max-width:1200px}.jiva-back{background:transparent;border:0;color:#9b7645;cursor:pointer;margin-bottom:25px;font-weight:700}
.lesson-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:38px;align-items:start}
.lesson-sidebar{position:sticky;top:110px;padding:27px;background:#f3f0ea;border:1px solid #e3dfd5;border-radius:4px}
.lesson-sidebar .smallcap{color:#a47b45;margin-bottom:18px}
.lesson-tab{display:block;width:100%;border:0;border-bottom:1px solid #dcd8cf;text-align:left;padding:15px 8px;background:transparent;color:#36465b;cursor:pointer;line-height:1.5}
.lesson-tab.selected{color:#9a7040;font-weight:700;background:#fff9ee;padding-left:13px}
.lesson-body{background:#fff;border:1px solid #eee8dd;box-shadow:0 18px 55px rgba(15,30,48,.07);padding:55px 65px;color:#35465c;line-height:1.85;min-height:600px}
.lesson-body h2{font:normal 44px/1.14 Georgia,serif;color:#163453;margin:12px 0 26px}
.lesson-body h3{font:normal 27px/1.25 Georgia,serif;color:#163453;margin:35px 0 12px}
.lesson-body p{font-size:16px;line-height:1.9}.lesson-lead{font-size:19px!important;color:#4e6377}
.lesson-callout{border-left:3px solid #d5b27e;background:#f8f5ef;padding:22px 28px;margin:28px 0}
.lesson-write{width:100%;min-height:125px;border:1px solid #d7d9da;border-radius:3px;padding:16px;font:inherit;resize:vertical;background:#fff}
.lesson-disclaimer{color:#7a8791;font-size:12px!important;margin-top:35px}
@media(max-width:900px){.program-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-layout{grid-template-columns:1fr}.lesson-sidebar{position:static}.lesson-body{padding:32px}}
@media(max-width:600px){.program-grid{grid-template-columns:1fr}.program-wrap,.lesson-shell{padding:24px 18px 75px}.lesson-body h2{font-size:34px}}

/* Laravel production integration: navigation, catalogue and accessible static audio preview */
.jiva-program-top{padding:130px 24px 64px}
.jiva-program-top h2{font-family:'Playfair Display',Georgia,serif;font-size:clamp(42px,5vw,68px);font-weight:400;line-height:1.16;color:#183451;margin:15px 0}
.jiva-program-top .inner-top{max-width:1180px}
.program-wrap{max-width:1180px;margin:0 auto;padding:42px 28px 15px}
.program-open{display:inline-flex;align-items:center;gap:8px;text-decoration:none}
.program-open:hover{text-decoration:underline}
.course-more{text-align:center;margin:32px auto 0}
.course-more .textlink{color:#183451}
.audio-player .play{cursor:default}
.footer a{color:#d7c3a5}
.footer a:hover{color:#fff;text-decoration:underline}
.brand:focus-visible,.navlinks a:focus-visible,.mobile-nav a:focus-visible,.btn:focus-visible,.program-open:focus-visible{outline:3px solid #d9b886;outline-offset:4px}
@media(max-width:850px){.jiva-program-top{padding-top:110px}.program-wrap{padding-left:18px;padding-right:18px}}
