/*
Theme Name: The CEU Experience Cinematic
Theme URI: https://theceuexperience.com/
Author: The CEU Experience
Description: Cinematic custom theme for The CEU Experience. Preview and configure on staging before deployment.
Version: 0.8.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: ceu-experience
*/


:root{--navy:#0b151c;--deep:#071118;--gold:#e4b86f;--cream:#f7f0e5;--muted:#d2d5d4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--deep);color:var(--cream);font-family:Montserrat,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}header{height:94px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 clamp(24px,6vw,108px);background:#08131a;border-bottom:1px solid #a7834b3d;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:18px;min-width:0}.mark{width:85px;height:56px;background:#0a151b url('assets/stage-icon.png') center/contain no-repeat;border:1px solid #bc9159;display:grid;place-items:center;position:relative;box-shadow:0 0 22px #d1a26420}.mark:before,.mark:after{content:none;position:absolute;top:10px;width:2px;height:30px;background:#f9e6bf;box-shadow:0 0 15px 5px #f4d4a555;transform-origin:top}.mark:before{left:18px;transform:rotate(-25deg)}.mark:after{right:18px;transform:rotate(25deg)}.brandname{font-family:'Playfair Display',Georgia,serif;font-size:clamp(19px,2vw,31px);white-space:nowrap}.brandname span{color:var(--gold)}.brandtag{font-size:10px;letter-spacing:4px;font-weight:700;color:var(--gold);margin-top:4px}nav{display:flex;align-items:center;gap:clamp(14px,2.4vw,38px);font-size:14px}nav a:not(.outline):hover{color:var(--gold)}.outline{border:1px solid var(--gold);border-radius:6px;padding:16px 22px;font-weight:700;letter-spacing:1.3px;color:var(--gold);white-space:nowrap}.hero{min-height:660px;position:relative;overflow:hidden;isolation:isolate;display:flex;align-items:center;background:#08141b}.hero:before{content:"";position:absolute;inset:0;z-index:-2;background-image:url('assets/cinematic_hero.jpg');background-size:cover;background-position:center center;filter:none}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#071219 0%,#071219ed 20%,#0712197a 38%,transparent 68%),linear-gradient(0deg,#0712195e,transparent 30%)}.spot{position:absolute;top:-55px;width:160px;height:350px;pointer-events:none;background:linear-gradient(180deg,#f9d7a663,transparent);filter:blur(28px);opacity:.25;transform:rotate(17deg)}.spot.one{left:48%}.spot.two{right:4%;transform:rotate(-17deg)}.hero-inner{width:min(1450px,100%);padding:68px clamp(24px,6.5vw,112px) 98px;position:relative}.eyebrow{color:var(--gold);font-size:12px;letter-spacing:4px;font-weight:800;text-transform:uppercase;margin:0 0 21px}.hero h1{font-family:'Playfair Display',Georgia,serif;font-weight:600;font-size:clamp(56px,6.25vw,104px);line-height:.98;letter-spacing:-2.5px;margin:0 0 25px;text-shadow:0 5px 22px #0005}.hero h1 em{color:var(--gold);font-style:normal}.sub{font-size:clamp(12px,1.25vw,17px);font-weight:700;letter-spacing:clamp(2px,.38vw,6px);color:#f1d3a3;margin:0 0 26px}.desc{max-width:600px;line-height:1.8;font-size:clamp(15px,1.2vw,18px);color:#eee; margin:0 0 29px}.actions{display:flex;flex-wrap:wrap;gap:16px}.goldbtn{background:linear-gradient(135deg,#f3ca86,#d9a65d);border:1px solid #ffdfaa;border-radius:5px;color:#152029;padding:19px 28px;font-weight:800;letter-spacing:1.2px;font-size:13px;display:inline-flex;gap:28px;align-items:center;box-shadow:0 8px 32px #0006}.ghostbtn{border:1px solid #e8c68eaa;border-radius:5px;padding:19px 26px;font-weight:700;letter-spacing:.8px;font-size:13px;background:#09141b88}.goldbtn:hover,.ghostbtn:hover{transform:translateY(-2px)}.filmstrip{position:absolute;right:-12px;bottom:20px;width:min(51%,790px);transform:rotate(-8deg);background:#090e12;border-top:9px dotted #ad7d47;border-bottom:9px dotted #ad7d47;box-shadow:0 14px 45px #000a;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:7px;pointer-events:none}.frame{height:102px;background:#18232a;position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;text-align:center}.frame img{width:100%;height:100%;object-fit:cover;filter:sepia(.2)}.frame b{font-size:10px;letter-spacing:1.4px;padding:9px 4px;background:linear-gradient(transparent,#08131bd9);width:100%}.frame.pending{background:radial-gradient(circle at 50% 10%,#6e563b,#182129 55%,#091218);border:1px solid #a37a494d}.features{display:grid;grid-template-columns:repeat(4,1fr);background:#0a151c;border-top:1px solid #a7834b35;border-bottom:1px solid #a7834b35;padding:38px clamp(22px,5vw,85px)}.feature{padding:0 27px;text-align:center;border-right:1px solid #bb925b80}.feature:last-child{border:0}.icon{color:var(--gold);font-size:32px;margin-bottom:13px}.feature h3{font-size:12px;letter-spacing:2.3px;margin:0 0 8px}.feature p{font-size:13px;line-height:1.55;color:#d2d3d1;margin:0}.intro{background:#f5f0e7;color:#142029;text-align:center;padding:95px 22px}.intro .eyebrow{color:#9a6e3a}.intro h2,.section h2{font:600 clamp(37px,4.2vw,62px)/1.15 'Playfair Display',Georgia,serif;margin:0 auto 28px;max-width:880px}.intro p{max-width:800px;margin:0 auto 18px;font-size:17px;line-height:1.85}.intro .final{font:600 26px 'Playfair Display',Georgia,serif;color:#9b6c32;margin-top:30px}.section{padding:92px clamp(24px,7vw,110px);background:#0d1921}.section.alt{background:#101e27}.section .wrap{max-width:1300px;margin:auto}.section p{line-height:1.8;color:#d4d9d9;max-width:720px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:42px}.card{min-height:210px;border:1px solid #bc915944;padding:30px;background:linear-gradient(140deg,#1d2b34,#101b22);border-top:3px solid var(--gold)}.card span{color:var(--gold);font-size:12px;letter-spacing:2px;font-weight:800}.card h3{font:600 30px 'Playfair Display',Georgia,serif;margin:16px 0}.card p{font-size:14px}.trailer{min-height:360px;display:grid;place-items:center;text-align:center;background:linear-gradient(#071219bd,#071219d9),url('assets/cinematic_hero.jpg') center 43%/cover;padding:50px 22px}.play{display:inline-grid;place-items:center;width:80px;height:80px;border-radius:50%;border:2px solid var(--gold);color:var(--gold);font-size:28px;margin-bottom:20px}.trailer h2{font:600 48px 'Playfair Display',Georgia,serif;margin:0 0 14px}.trailer p{color:#e0e2df;max-width:580px;line-height:1.7}.status{display:inline-block;color:#e8c68e;border:1px solid #e8c68e66;padding:10px 15px;font-size:12px;letter-spacing:1px;margin-top:10px}.cta{text-align:center;background:#f5f0e7;color:#122029;padding:88px 24px}.cta h2{font:600 clamp(38px,4vw,60px) 'Playfair Display',Georgia,serif;margin:0 0 20px}.cta p{max-width:650px;margin:0 auto 28px;line-height:1.8}.footer{background:#08131a;padding:38px 7%;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#d8d8d4;font-size:12px}.footer strong{color:var(--gold)}.note{font-size:11px;color:#b7b6ad;margin-top:16px}@media(max-width:1080px){header{padding:18px 25px;height:auto;flex-wrap:wrap}nav{gap:17px}.filmstrip{width:55%;opacity:.85}.hero:after{background:linear-gradient(90deg,#071219 0%,#071219ed 38%,#07121966 85%),linear-gradient(0deg,#071219,transparent 35%)}.features{padding:32px 12px}.feature{padding:0 14px}}@media(max-width:720px){header{padding:16px 20px}.mark{width:48px;height:44px}.brandname{font-size:20px}.brandtag{font-size:8px;letter-spacing:2px}nav{width:100%;overflow-x:auto;white-space:nowrap;font-size:12px;padding:5px 0 0}.outline{padding:11px}.hero{min-height:780px;align-items:flex-end}.hero:before{background-position:49% top;background-size:auto 72%;background-repeat:no-repeat}.hero:after{background:linear-gradient(0deg,#071219 0%,#071219 34%,#071219e8 50%,#07121920 80%)}.hero-inner{padding:320px 23px 130px}.hero h1{font-size:clamp(52px,12vw,76px)}.desc{font-size:14px}.sub{font-size:10px;letter-spacing:2.2px}.filmstrip{bottom:12px;left:10%;right:auto;width:94%;transform:rotate(-5deg)}.frame{height:65px}.frame b{font-size:7px}.features{grid-template-columns:repeat(2,1fr);gap:25px 0}.feature:nth-child(2){border:0}.feature h3{font-size:10px}.feature p{font-size:12px}.cards{grid-template-columns:1fr}.intro{padding:65px 23px}.intro p{font-size:15px}.section{padding:65px 24px}.trailer h2{font-size:38px}}
.icon svg{width:43px;height:43px;stroke:var(--gold);fill:none;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.hero{min-height:650px}.hero-inner{padding-bottom:145px}.hero h1{font-size:clamp(54px,6vw,96px)}.desc{max-width:555px}.sub{letter-spacing:2px;color:#f6e7ce}@media(max-width:720px){.hero:before{background-position:63% top;background-size:auto 72%}.hero-inner{padding-bottom:105px}.hero{min-height:750px}} 
/* Theme-specific refinements */
body{min-width:320px}body.admin-bar .ceu-header{top:32px}.ceu-header{width:100%}.ceu-header .mark{flex:none;background-color:#07131c;background-size:contain;border:0;box-shadow:none}.ceu-header .brand{min-width:0}.ceu-header .brandname{font-size:clamp(17px,1.8vw,29px)}.ceu-header .brandtag{letter-spacing:2.6px}.ceu-main .hero:before{background-position:center}.ceu-main .filmstrip{display:none} /* filmstrip is already integrated in the cinematic hero artwork */
.ceu-main .hero-inner{padding-bottom:125px}.ceu-main .hero{min-height:650px}.ceu-main .hero:after{background:linear-gradient(90deg,#071219 0%,#071219f5 19%,#071219a0 36%,transparent 66%)}.ceu-main .hero .desc{max-width:515px}.ceu-header .outline:focus-visible,.ceu-header a:focus-visible,.ceu-main a:focus-visible{outline:3px solid #f3ca86;outline-offset:4px}.site-page{max-width:1100px;margin:0 auto;min-height:65vh;padding:90px 30px}.site-page h1{font:600 clamp(40px,5vw,65px) 'Playfair Display',Georgia,serif}.site-page a{color:var(--gold);text-decoration:underline}.site-page .entry-content{line-height:1.8}.site-page .entry-content img{max-width:100%;height:auto}.ceu-footer{background:#08131a}.ceu-footer a{color:var(--gold)}
@media(max-width:1100px){.ceu-header{gap:14px}.ceu-header nav{gap:13px}.ceu-header .brandname{font-size:20px}.ceu-header .brandtag{font-size:8px;letter-spacing:1.6px}}
@media(max-width:720px){body.admin-bar .ceu-header{top:46px}.ceu-header .mark{width:55px;height:43px}.ceu-main .hero{min-height:740px}.ceu-main .hero:before{background-position:62% top;background-size:auto 70%;background-repeat:no-repeat}.ceu-main .hero:after{background:linear-gradient(0deg,#071219 0%,#071219 30%,#071219ee 48%,#07121955 80%)}.ceu-main .hero-inner{padding:300px 23px 85px}.ceu-main .hero h1{font-size:clamp(48px,12vw,70px)}.ceu-main .hero .desc{max-width:100%}.ceu-header .brandname{font-size:18px}.ceu-header .brandtag{letter-spacing:1px;font-size:7px}.ceu-header nav{scrollbar-width:thin}}
@media(max-width:480px){.ceu-main .hero-inner{padding-top:285px}.ceu-main .hero{min-height:740px}.ceu-main .hero h1{font-size:clamp(43px,11.5vw,60px)}.ceu-main .hero .goldbtn,.ceu-main .hero .ghostbtn{padding:15px 16px;font-size:11px}.ceu-main .features{padding:25px 10px}}

/* v0.2 — header and first-impression refinement */
.ceu-header{min-height:110px;height:auto;padding:20px clamp(24px,4.3vw,82px);gap:clamp(22px,3vw,55px);align-items:center;flex-wrap:nowrap}
.ceu-header .brand{display:flex;align-items:center;gap:16px;flex:0 1 auto;min-width:0;max-width:480px}
.ceu-header .brand>span:last-child{display:flex;flex-direction:column;align-items:flex-start;min-width:0;gap:6px}
.ceu-header .mark{display:block;width:72px;height:58px;flex:0 0 72px;background-color:transparent;background-position:center;background-size:contain}
.ceu-header .brandname{display:block;font-size:clamp(20px,1.85vw,29px);line-height:1.12;letter-spacing:-.45px;white-space:nowrap}
.ceu-header .brandtag{display:block;margin:0;font-size:clamp(7px,.62vw,10px);letter-spacing:clamp(1px,.17vw,2.7px);line-height:1.4;white-space:nowrap}
.ceu-header nav{display:flex;align-items:center;justify-content:flex-end;flex:1 1 auto;min-width:0;gap:clamp(13px,1.65vw,29px);font-size:clamp(11px,.85vw,14px)}
.ceu-header nav .outline{padding:15px clamp(12px,1.3vw,22px);font-size:clamp(10px,.73vw,12px);letter-spacing:.65px}
.ceu-main .hero{min-height:660px}
.ceu-main .hero-inner{padding-top:76px;padding-bottom:154px}
.ceu-main .hero h1{font-size:clamp(54px,5.65vw,92px);line-height:1.01;letter-spacing:-2px}
.ceu-main .hero:after{background:linear-gradient(90deg,#071219 0%,#071219f5 18%,#071219bc 32%,#07121918 56%,transparent 74%)}
.ceu-main .features{padding-top:42px;padding-bottom:42px}
.ceu-main .feature{padding:0 clamp(14px,2vw,30px)}
.ceu-main .feature .icon{margin-bottom:17px}
.ceu-main .feature .icon svg{width:48px;height:48px}
.ceu-main .feature h3{font-size:clamp(11px,.82vw,14px);letter-spacing:1.5px}
.ceu-main .feature p{font-size:clamp(12px,.85vw,14px);line-height:1.6}
@media(max-width:1180px){.ceu-header{padding:16px 26px;gap:15px}.ceu-header .mark{width:60px;height:50px;flex-basis:60px}.ceu-header .brand{gap:10px}.ceu-header .brandname{font-size:19px}.ceu-header .brandtag{font-size:7px;letter-spacing:1.15px}.ceu-header nav{gap:12px;font-size:11px}.ceu-header nav .outline{padding:12px 10px;font-size:10px}}
@media(max-width:900px){.ceu-header{flex-wrap:wrap;justify-content:center;gap:14px}.ceu-header .brand{max-width:none}.ceu-header nav{width:100%;flex:1 0 100%;justify-content:center;flex-wrap:wrap;gap:13px}.ceu-main .hero-inner{padding-bottom:125px}.ceu-main .hero h1{font-size:clamp(50px,7.2vw,72px)}}
@media(max-width:720px){.ceu-header{padding:17px 17px}.ceu-header .brand{gap:11px}.ceu-header .mark{width:55px;height:47px;flex-basis:55px}.ceu-header .brandname{font-size:clamp(18px,4.4vw,23px)}.ceu-header .brandtag{font-size:7px;letter-spacing:1px}.ceu-header nav{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding:5px 0 9px;gap:17px}.ceu-main .hero{min-height:760px}.ceu-main .hero-inner{padding:310px 23px 96px}.ceu-main .hero h1{font-size:clamp(46px,11vw,70px)}.ceu-main .features{padding:32px 14px}.ceu-main .feature .icon svg{width:44px;height:44px}}
@media(max-width:400px){.ceu-header .brandname{font-size:17px}.ceu-header .brandtag{font-size:6px;letter-spacing:.85px}}

/* v0.3 — editorial rhythm and course presentation */
.ceu-header .mark{width:82px;height:65px;flex-basis:82px;background-size:contain}
.ceu-header .brand{gap:20px}
.ceu-header .brandname{font-size:clamp(21px,1.85vw,29px)}
.ceu-header .brandtag{letter-spacing:clamp(1.3px,.15vw,2.4px)}
.ceu-main .intro{padding:clamp(84px,8vw,130px) 24px}
.ceu-main .intro h2{max-width:1040px}
.ceu-main .intro .intro-rule{width:80px;height:2px;background:#b88649;margin:32px auto}
.ceu-main .journey{background:#0d1921;padding:clamp(80px,8vw,130px) clamp(24px,6vw,110px)}
.ceu-main .journey-layout{max-width:1370px;margin:auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(45px,7vw,115px);align-items:center}
.ceu-main .journey h2{font:600 clamp(43px,4.2vw,70px)/1.1 'Playfair Display',Georgia,serif;margin:0 0 24px}
.ceu-main .journey .journey-copy{font-size:16px;line-height:1.85;color:#d7d9d7;max-width:480px}
.ceu-main .journey-visual{position:relative;min-height:520px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:13px;transform:rotate(1.5deg)}
.ceu-main .journey-visual img{width:100%;height:100%;min-height:0;object-fit:cover;display:block;filter:saturate(.84);transition:filter .3s,transform .3s}
.ceu-main .journey-visual figure{position:relative;overflow:hidden;margin:0;border:1px solid #d2a3656b;box-shadow:0 20px 50px #0005}
.ceu-main .journey-visual figure:first-child{grid-row:span 2}
.ceu-main .journey-visual figure:first-child img{height:100%}
.ceu-main .journey-visual figure:hover img{filter:saturate(1.1);transform:scale(1.04)}
.ceu-main .journey-visual figcaption{position:absolute;bottom:0;left:0;right:0;padding:30px 16px 15px;background:linear-gradient(transparent,#071219df);font-size:11px;letter-spacing:2px;font-weight:800;color:#f2d6a5}
.ceu-main .cards{gap:22px}.ceu-main .card{min-height:255px;padding:35px 30px}.ceu-main .card h3{font-size:clamp(30px,2.6vw,40px)}
.ceu-main .trailer{min-height:450px;background:linear-gradient(90deg,#071219ed,#0712198a,#071219db),url('assets/cinematic_hero.jpg') center 43%/cover}
.ceu-main .course-glance{background:#f5f0e7;color:#13232d;padding:clamp(85px,8vw,130px) clamp(24px,7vw,110px)}
.ceu-main .course-glance .glance-layout{max-width:1320px;margin:auto;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(35px,7vw,110px);align-items:start}
.ceu-main .course-glance .eyebrow{color:#95682f}
.ceu-main .course-glance h2{font:600 clamp(39px,4vw,62px)/1.15 'Playfair Display',Georgia,serif;margin:0 0 25px}
.ceu-main .course-glance p{font-size:16px;line-height:1.85;color:#39454b;max-width:620px}
.ceu-main .glance-list{border-top:1px solid #ad8b62}
.ceu-main .glance-item{display:grid;grid-template-columns:58px 1fr;gap:15px;padding:24px 0;border-bottom:1px solid #cbb99e}
.ceu-main .glance-number{font:600 24px 'Playfair Display',Georgia,serif;color:#a2743d}
.ceu-main .glance-item h3{font-size:13px;letter-spacing:1.4px;margin:0 0 8px}
.ceu-main .glance-item p{font-size:13px;line-height:1.65;margin:0}
.ceu-main .cta{padding:110px 24px}
.ceu-main .cta .eyebrow{color:#95682f}
.ceu-main .cta .note{color:#716c62}
@media(max-width:1050px){.ceu-main .journey-layout{grid-template-columns:1fr}.ceu-main .journey-visual{min-height:440px}.ceu-main .course-glance .glance-layout{grid-template-columns:1fr}.ceu-header .mark{width:65px;height:55px;flex-basis:65px}}
@media(max-width:720px){.ceu-main .journey-visual{min-height:350px}.ceu-main .journey{padding:75px 23px}.ceu-main .course-glance{padding:75px 23px}.ceu-main .journey-visual figcaption{font-size:9px;letter-spacing:1px}.ceu-main .cta{padding:80px 23px}.ceu-header .mark{width:58px;height:47px;flex-basis:58px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ceu-main .journey-visual img{transition:none}}

/* v0.4 — founding launch section and course purchase preview */
.ceu-main .hero h2.sub{font-family:Montserrat,Arial,sans-serif;font-weight:800;line-height:1.45}
.ceu-main .course-glance .approval-note{border-left:3px solid #a4773b;padding:10px 0 10px 18px;margin-top:24px;font-size:14px}
.ceu-main .launch-offer{background:#f5f0e7;color:#14222b;padding:clamp(75px,8vw,130px) clamp(22px,6vw,100px);position:relative;overflow:hidden}
.ceu-main .launch-offer:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 5% 8%,#e6cc9a44,transparent 37%),radial-gradient(circle at 92% 92%,#d4b98542,transparent 34%);pointer-events:none}
.ceu-main .launch-offer-inner{position:relative;max-width:1320px;margin:auto;display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(50px,7vw,125px);align-items:center}
.ceu-main .launch-offer .eyebrow{color:#92622c}
.ceu-main .launch-offer h2{font:600 clamp(46px,5.4vw,79px)/1.09 'Playfair Display',Georgia,serif;letter-spacing:-1.2px;margin:0 0 26px}
.ceu-main .launch-offer h2 em{font-style:normal;color:#9a6a34}
.ceu-main .launch-offer-copy>p:not(.eyebrow){font-size:clamp(15px,1.2vw,18px);line-height:1.85;max-width:575px;color:#405058}
.ceu-main .launch-benefits{display:flex;flex-wrap:wrap;gap:12px;margin-top:33px}
.ceu-main .launch-benefits span{border:1px solid #b9a383;padding:12px 14px;font-size:10px;letter-spacing:1.25px;font-weight:800;color:#70522e}
.ceu-main .launch-ticket{background:#0c1a23;color:#f8f1e6;border:1px solid #b58c51;padding:clamp(26px,3vw,46px);box-shadow:0 25px 65px #16222a30;position:relative}
.ceu-main .launch-ticket:before,.ceu-main .launch-ticket:after{content:"";position:absolute;top:54%;height:26px;width:13px;background:#f5f0e7;border:1px solid #b58c51}
.ceu-main .launch-ticket:before{left:-1px;border-left:0;border-radius:0 13px 13px 0}.ceu-main .launch-ticket:after{right:-1px;border-right:0;border-radius:13px 0 0 13px}
.ceu-main .ticket-top{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #bd955e7a;padding-bottom:18px;color:#e3b879;font-size:10px;font-weight:800;letter-spacing:1.4px}
.ceu-main .ticket-label{font-size:12px;letter-spacing:2px;font-weight:800;margin:31px 0 0;color:#e8d8be}
.ceu-main .ticket-price{display:flex;align-items:flex-start;justify-content:center;color:#f1c67f;line-height:1;margin:12px 0 0}
.ceu-main .ticket-price .currency{font:600 35px 'Playfair Display',Georgia,serif;margin:15px 8px 0 0}
.ceu-main .ticket-price strong{font:600 clamp(95px,10vw,145px)/1 'Playfair Display',Georgia,serif;letter-spacing:-6px}
.ceu-main .ticket-regular{color:#d4d1c9;text-align:center;font-size:13px;line-height:1.6;margin:12px 0 28px}
.ceu-main .ticket-rule{height:1px;border-top:1px dashed #b58c518c;margin:22px 0}
.ceu-main .ticket-detail{font-size:14px;color:#e0dfd8;line-height:1.7;text-align:center;margin:0 0 25px}
.ceu-main .ticket-button{width:100%;justify-content:center;text-align:center}
.ceu-main .ticket-fine{color:#adb7b6;text-align:center;font-size:11px;line-height:1.6;margin:16px 0 0}
@media(max-width:900px){.ceu-main .launch-offer-inner{grid-template-columns:1fr;gap:35px}.ceu-main .launch-offer h2{font-size:clamp(42px,8vw,70px)}.ceu-main .launch-ticket{max-width:610px;width:100%;margin:auto}}
@media(max-width:480px){.ceu-main .launch-offer{padding:65px 18px}.ceu-main .launch-offer h2{font-size:43px}.ceu-main .ticket-top{font-size:8px}.ceu-main .ticket-price strong{font-size:105px}}

/* v0.5 — Ethical Drift course identity */
.course-identity{max-width:1080px;margin:0 auto 76px;text-align:center;padding:0 20px}.course-identity .eyebrow{color:#996d37}.course-identity h2{font:600 clamp(54px,8vw,116px)/1 'Playfair Display',Georgia,serif;letter-spacing:-2px;color:#122029;margin:0 0 22px}.course-identity h2 em{font-style:normal;color:#a5773d}.course-identity-subtitle{font:600 clamp(22px,2.65vw,38px)/1.25 'Playfair Display',Georgia,serif;color:#182730;max-width:900px;margin:0 auto 18px}.course-identity-format{font-size:clamp(12px,1.1vw,16px);letter-spacing:1.2px;color:#8b653d;margin:0 auto}.course-identity-rule{height:1px;width:135px;background:#bd985f;margin:38px auto 0}.ticket-course{font:600 clamp(22px,2.1vw,31px) 'Playfair Display',Georgia,serif;letter-spacing:1px;color:#f7f0e5;margin:12px 0 5px}.course-glance{scroll-margin-top:30px}@media(max-width:720px){.course-identity{margin-bottom:48px}.course-identity h2{font-size:clamp(49px,12vw,76px)}.course-identity-subtitle{font-size:clamp(21px,5vw,30px)}}

/* v0.6 — dedicated Ethical Drift course page */
.ed-hero{min-height:560px;display:flex;align-items:center;position:relative;isolation:isolate;background:#08131a;overflow:hidden}.ed-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:url('assets/cinematic_hero.jpg') center/cover}.ed-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#08131a 0%,#08131af5 27%,#08131ab8 49%,#08131a40 100%)}.ed-hero-inner{width:min(1300px,100%);margin:auto;padding:90px clamp(25px,7vw,105px)}.ed-hero h1{font:600 clamp(62px,8vw,126px)/1 'Playfair Display',Georgia,serif;margin:0 0 22px;letter-spacing:-2px}.ed-hero h1 em{color:var(--gold);font-style:normal}.ed-subtitle{font:600 clamp(21px,2.5vw,34px)/1.35 'Playfair Display',Georgia,serif;max-width:680px;margin:0 0 18px}.ed-descriptor{font-size:12px;letter-spacing:2.3px;text-transform:uppercase;color:var(--gold);font-weight:700}.ed-hero .ed-lede{max-width:580px;line-height:1.8;color:#e4e6e4;margin:26px 0}.ed-container{width:min(1160px,100%);margin:auto;padding:0 26px}.ed-section{padding:85px 0;background:#0d1921}.ed-section h2,.ed-cream h2,.ed-launch h2{font:600 clamp(34px,4vw,57px)/1.15 'Playfair Display',Georgia,serif;margin:0 0 23px}.ed-section p{line-height:1.85;color:#d7dcdb}.ed-cream{background:#f5f0e7;color:#142029;padding:86px 0}.ed-cream .eyebrow{color:#986a35}.ed-cream p{line-height:1.85}.ed-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,6vw,95px);align-items:center}.ed-split img{display:block;width:100%;height:370px;object-fit:cover;border:1px solid #b78a53;box-shadow:0 18px 55px #0003}.ed-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:38px}.ed-fact{border-top:2px solid var(--gold);background:#17252e;padding:23px 20px}.ed-fact strong{display:block;font:600 22px 'Playfair Display',Georgia,serif;margin-bottom:8px}.ed-fact span{display:block;font-size:12px;line-height:1.65;color:#d4d7d6}.ed-act{border-top:2px solid var(--gold);padding:30px;background:#192730}.ed-act .ed-n{color:var(--gold);font-size:12px;letter-spacing:2px;font-weight:800}.ed-act h3{font:600 31px 'Playfair Display',Georgia,serif;margin:12px 0}.ed-act p{font-size:14px;line-height:1.75}.ed-note{border-left:3px solid #b7894d;padding:14px 19px;background:#fff9ef;line-height:1.75;font-size:14px}.ed-steps{padding-left:21px;line-height:1.95}.ed-steps li{padding-left:6px}.ed-launch{padding:80px 0;background:#0b151c;text-align:center}.ed-launch h2{margin-bottom:15px}.ed-launch p{max-width:670px;margin:0 auto 24px;line-height:1.8;color:#d6d9d7}.ed-launch .ed-price{font:600 70px 'Playfair Display',Georgia,serif;color:var(--gold);margin:12px 0}.ed-launch .ed-price small{font:500 17px Montserrat,sans-serif;color:#d6d9d7}.ed-launch .ed-disclaimer{font-size:12px;color:#c6c8c5}.ed-section a:not(.goldbtn),.ed-cream a{color:#b9894d;text-decoration:underline}.ed-content-optional{margin-top:35px}.ed-content-optional:empty{display:none}
@media(max-width:800px){.ed-split{grid-template-columns:1fr}.ed-facts{grid-template-columns:repeat(2,1fr)}.ed-hero{min-height:620px}.ed-hero:after{background:linear-gradient(0deg,#08131a 0%,#08131af5 46%,#08131a99 100%)}.ed-hero-inner{padding:200px 25px 65px}.ed-hero h1{font-size:clamp(57px,12vw,92px)}}@media(max-width:480px){.ed-facts{grid-template-columns:1fr}.ed-section,.ed-cream,.ed-launch{padding:65px 0}}

/* v0.8: ensure contrast for dark Act cards within the cream section. */
.ed-cream .ed-act { color: #f7f0e5; }
.ed-cream .ed-act h3 { color: #f7f0e5; }
.ed-cream .ed-act p { color: #d7dcdb; }
.ed-cream .ed-act .ed-n { color: #e4b86f; }
/* Keep course scene visible when taking a full-page preview screenshot. */
.ed-page .ed-split img { background: #17252e; }

/* Ethical Drift — learning objectives readability */

#learning-experience > .ed-container > p:not(.eyebrow) {
    color: #24313a !important;
    font-size: 17px !important;
    line-height: 1.8 !important;
    font-weight: 500;
}

#learning-experience details {
    font-size: 16px;
    line-height: 1.8;
}

#learning-experience details li {
    color: #24313a;
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 12px;
}
/* Fix introductory sentence inside expanded learning objectives */

#learning-experience details > p,
#learning-experience details p {
    color: #24313a !important;
    opacity: 1 !important;
    font-size: 16px !important;
    line-height: 1.8 !important;
    font-weight: 500 !important;
}

#learning-experience details h3 {
    color: #8b5a4b;
    margin-top: 24px;
    margin-bottom: 10px;
}
/* =========================================
   FAQ — THE CEU EXPERIENCE
   ========================================= */

.ceu-faq {
  max-width: 820px;
  margin: 0 auto;
}

.ceu-faq details {
  border-top: 1px solid rgba(199, 157, 82, 0.35);
  margin: 0;
}

.ceu-faq details:last-child {
  border-bottom: 1px solid rgba(199, 157, 82, 0.35);
}

.ceu-faq summary {
  position: relative;
  list-style: none;
  cursor: pointer;
  padding: 22px 50px 22px 0;
  color: #f4eee2;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 20px;
  line-height: 1.3;
  font-weight: 600;
}

.ceu-faq summary::-webkit-details-marker {
  display: none;
}

.ceu-faq summary::after {
  content: "+";
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
  color: #c79d52;
  font-family: Arial, sans-serif;
  font-size: 26px;
  font-weight: 300;
}

.ceu-faq details[open] summary::after {
  content: "−";
}

.ceu-faq details p {
  margin: -2px 0 24px;
  padding: 0 50px 0 0;
  color: #c9c3b8;
  font-size: 15px;
  line-height: 1.75;
}

.ceu-faq details strong {
  color: #f4eee2;
}

.ceu-faq details em {
  color: #f4eee2;
}

@media (max-width: 700px) {
  .ceu-faq summary {
    font-size: 18px;
    padding: 19px 42px 19px 0;
  }

  .ceu-faq details p {
    padding-right: 20px;
    font-size: 14px;
  }
}
/* Anchor positioning */
#faq {
  scroll-margin-top: 90px;
}
/* Ethical Drift feature heading */
.features-heading {
  grid-column: 1 / -1;
  text-align: center;
  margin: 0 auto 36px;
  max-width: 760px;
}

.features-heading .eyebrow {
  margin-bottom: 10px;
}

.features-heading h2 {
  margin: 0;
}
/* =========================================
   MOBILE HERO POLISH
   ========================================= */

@media (max-width: 700px) {

  .hero-inner {
    padding-left: 22px;
    padding-right: 22px;
  }

  .hero h1 {
    line-height: 0.92;
    margin-bottom: 18px;
  }

  .hero .sub {
    line-height: 1.35;
    margin-bottom: 12px;
  }

  .hero .course-subtitle {
    line-height: 1.45;
    margin-bottom: 14px;
  }

  .hero .desc {
    line-height: 1.55;
    margin-bottom: 22px;
  }

  .hero .actions {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .hero .actions a {
    width: auto;
    margin: 0;
  }
}
/* =========================================
   MOBILE JOURNEY VISUALS
   ========================================= */

@media (max-width: 700px) {

  .journey-layout {
    grid-template-columns: 1fr;
  }

  .journey-visual {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
    margin-top: 30px;
  }

  .journey-visual figure {
    width: 100%;
    margin: 0;
  }

  .journey-visual img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: cover;
  }
}