/* Banknote engraving and a pearl seal. All art is local vector work. */

.money-orbit{right:-8px;bottom:48px;transform:rotate(5deg)}
.money-orbit .coin{width:64px;height:64px;font-size:32px}
.money-orbit>span{font-size:8px;letter-spacing:.1em;padding:6px 9px}
.hero:after{content:'';position:absolute;left:-160px;top:0;width:510px;height:510px;background:url('assets/guilloche.svg') center/contain no-repeat;opacity:.22;pointer-events:none;z-index:-1;mask-image:linear-gradient(105deg,#000,transparent 77%);-webkit-mask-image:linear-gradient(105deg,#000,transparent 77%)}
.banknote-ornament{position:absolute;width:720px;aspect-ratio:1;background:url('assets/guilloche.svg') center/contain no-repeat;pointer-events:none;user-select:none;z-index:0}
.approach .banknote-ornament{right:-310px;top:-165px;opacity:.29;transform:rotate(15deg);mask-image:linear-gradient(90deg,transparent,#000 65%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 65%)}
.final-cta .banknote-ornament{right:-240px;top:-260px;width:800px;opacity:.25;transform:rotate(15deg)}
.participate>.banknote-ornament{right:-300px;top:80px;width:530px;z-index:-1;opacity:.36;mask-image:linear-gradient(90deg,transparent,#000);-webkit-mask-image:linear-gradient(90deg,transparent,#000)}
.lesson summary{position:relative;gap:24px;padding-block:28px}
.lesson-num{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:65px;font-weight:500;line-height:1;letter-spacing:-.075em;color:#7b8c72;min-width:62px;align-self:center;margin-top:0;padding-right:7px}
.lesson[open] .lesson-num{color:#617a5e;text-shadow:0 1px 0 rgba(255,253,246,.95)}
.lesson-body{padding-left:86px;position:relative}
.lesson-art{display:flex;align-items:center;gap:17px;margin:0 0 19px;pointer-events:none;color:#789373;animation:sign-appear .55s ease both}
.lesson-art svg{display:block;flex:0 0 45px;width:45px;height:45px;fill:none;stroke:currentColor;stroke-width:1;stroke-linecap:round;stroke-linejoin:round}
.lesson-art:after{content:'';height:1px;max-width:190px;flex:1;background:linear-gradient(90deg,rgba(120,147,115,.4),transparent)}
.featured{isolation:isolate;box-shadow:inset 0 1px 0 rgba(255,253,246,.95),0 24px 52px rgba(56,82,57,.11)}
.featured:before{content:'';position:absolute;top:28px;right:-8px;width:300px;height:300px;background:url('assets/guilloche.svg') center/contain no-repeat;opacity:.34;z-index:-1;pointer-events:none;mask-image:linear-gradient(135deg,#000,transparent 80%);-webkit-mask-image:linear-gradient(135deg,#000,transparent 80%)}
.featured:after{inset:7px;border:1px solid rgba(255,253,246,.85);box-shadow:0 0 0 3px rgba(255,253,246,.12),inset 0 0 0 3px rgba(141,162,125,.12)}
.featured .price{text-shadow:0 1px 0 #fffdf6,0 -1px 0 rgba(54,77,49,.17),0 3px 3px rgba(54,77,49,.06);color:#344f39}
.price-seal{position:absolute;top:-28px;right:30px;width:91px;height:91px;border-radius:50%;display:grid;place-content:center;gap:2px;text-align:center;font-size:8px;line-height:1.5;letter-spacing:.11em;text-transform:uppercase;color:#586a50;background:radial-gradient(circle at 30% 20%,#fffdf6 0%,#f2eddb 35%,#d4dac2 63%,#e9e5cf 85%,#b6c2a5 100%);border:1px solid rgba(137,155,116,.5);box-shadow:0 8px 16px rgba(67,86,56,.11),inset 0 0 0 5px rgba(255,253,246,.5),inset 0 0 0 6px rgba(137,155,116,.35);transform:rotate(11deg);pointer-events:none;z-index:3}
.price-seal:before{content:'';position:absolute;inset:10px;border-radius:50%;border:1px dotted rgba(103,125,80,.55)}
.price-seal svg{width:24px;height:24px;margin:auto auto 3px;stroke:#788d65;stroke-width:1;fill:none}
.featured .price-card-top{padding-right:83px;flex-wrap:wrap;gap:10px;align-items:start}
.featured .save-badge{font-size:9px;padding:5px 8px}
.price-grid{row-gap:42px}

@keyframes sign-appear{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}

@media(max-width:1100px){.money-orbit{right:-6px;bottom:45px}.money-orbit .coin{width:58px;height:58px;font-size:29px}.money-orbit>span{display:none}.lesson-num{font-size:58px;min-width:55px}.lesson summary{gap:20px}.lesson-body{padding-left:75px}.price-seal{right:24px;width:81px;height:81px;font-size:7px}.featured .price-card-top{padding-right:64px}.featured .price-card-top h3{font-size:22px}}
@media(max-width:900px){.money-orbit{right:0;bottom:54px}.money-orbit .coin{width:51px;height:51px;font-size:26px}.lesson-num{font-size:49px;min-width:46px}.lesson summary{gap:16px}.lesson-body{padding-left:62px;padding-right:12px}.lesson-art{margin-bottom:15px}.lesson-art svg{width:39px;height:39px;flex-basis:39px}.price-seal{right:19px;width:75px;height:75px;top:-23px}.featured .price-card-top{padding-right:56px}.featured .price-card-top h3{font-size:22px}.price-seal svg{width:20px;height:20px}.approach .banknote-ornament{right:-410px;top:-160px;opacity:.24}.participate>.banknote-ornament{right:-380px}.final-cta .banknote-ornament{right:-400px}}
@media(max-width:650px){.money-orbit{right:-2px;bottom:27px}.money-orbit .coin{width:48px;height:48px;font-size:25px}.hero:after{left:-190px;top:-65px;width:430px;height:430px;opacity:.19}.lesson summary{gap:13px;padding-block:25px}.lesson-num{font-size:49px;min-width:43px;padding-right:4px}.lesson-title{font-size:20px;line-height:1.4}.lesson-main .eyebrow{font-size:8px;letter-spacing:.08em}.lesson-body{padding-left:56px;padding-right:8px}.lesson-body p{font-size:18px}.lesson-art{margin-bottom:14px;gap:12px}.lesson-art svg{flex-basis:37px;width:37px;height:37px}.price-grid{gap:43px;padding-top:13px}.price-seal{top:-23px;right:19px;width:81px;height:81px;font-size:7px}.price-seal svg{width:23px;height:23px}.featured .price-card-top{min-height:59px;padding-right:78px;align-items:start;justify-content:start;flex-direction:column;gap:10px}.featured .price-card-top h3{font-size:23px}.featured .save-badge{font-size:9px}.featured:before{width:270px;height:270px;top:65px;right:-16px;opacity:.27}.featured .price-date{margin-top:20px}.approach .banknote-ornament{width:560px;right:-380px;top:-160px;opacity:.22}.final-cta .banknote-ornament{width:650px;right:-435px;top:-190px;opacity:.2}.participate>.banknote-ornament{width:400px;right:-290px;top:50px;opacity:.25}}
@media(max-width:370px){.money-orbit{right:-4px;bottom:21px}.money-orbit .coin{width:43px;height:43px;font-size:23px}.lesson summary{gap:11px}.lesson-num{font-size:44px;min-width:39px}.lesson-title{font-size:19px}.lesson-body{padding-left:50px}.featured .price-card-top{padding-right:65px}.featured .price-card-top h3{font-size:21px}.price-seal{right:15px;width:73px;height:73px;font-size:6px}.price-seal svg{width:20px;height:20px}}
@media(prefers-reduced-motion:reduce){.lesson-art{animation:none!important}}
