.resource-shell{background:#f7f4f0}.resource-hero{display:grid;min-height:570px;grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding:55px 86px 80px}.resource-back{display:inline-flex;align-items:center;gap:7px;margin-bottom:33px;color:#736d67;font-size:12px;font-weight:600}.resource-back svg{width:15px}.resource-kicker{margin:0 0 11px;color:#d85e36;font-size:13px;font-weight:700}.resource-kicker span{color:#ffd064;font-size:19px}.resource-hero h1{margin:0;font-size:clamp(40px,4.6vw,61px);font-weight:500;line-height:1.35}.resource-hero h1 strong{font-family:"Noto Serif SC",serif}.resource-hero>div:first-child>p:last-child{max-width:620px;margin:27px 0 0;color:#625d67;font-size:15px;line-height:1.9}.message-orbit,.paper-orbit{position:relative;min-height:410px}.message-orbit span{position:absolute;padding:15px 21px;border:3px solid #393344;border-radius:25px;background:#fff;font-size:14px;font-weight:700;box-shadow:7px 8px 0 rgba(57,51,68,.12);animation:resource-float 4s ease-in-out infinite}.message-orbit span:nth-child(1){top:52px;left:10%;background:#ffd064}.message-orbit span:nth-child(2){top:155px;right:5%;background:#a8dfbc;animation-delay:.8s}.message-orbit span:nth-child(3){bottom:62px;left:22%;background:#fff;animation-delay:1.5s}.message-orbit svg{position:absolute;top:120px;left:42%;width:95px;height:95px;padding:20px;border-radius:50%;background:#ff8b67;color:#fff;animation:resource-float 4s .4s ease-in-out infinite}.resource-list{padding:82px 86px 95px;background:#fff}.resource-heading{margin-bottom:30px}.resource-heading p{margin:0 0 8px;color:#d85e36;font-size:13px;font-weight:700}.resource-heading h2{margin:0;font-family:"Noto Serif SC",serif;font-size:clamp(31px,3.5vw,44px)}.featured-resource{display:grid;grid-template-columns:.8fr 1.2fr;overflow:hidden;border:1px solid #ded8d0;border-radius:12px;background:#f8f6f3}.featured-visual{position:relative;display:grid;min-height:360px;place-items:center;background:#62ad82}.featured-visual svg{width:120px;height:120px;color:#fff;transition:.3s}.featured-visual span{position:absolute;top:20px;left:22px;color:rgba(255,255,255,.8);font-size:11px;font-weight:700}.featured-resource:hover .featured-visual svg{transform:rotate(7deg) scale(1.06)}.image-featured-visual{overflow:hidden}.image-featured-visual img{display:block;width:100%;height:100%;min-height:360px;object-fit:cover;transition:transform .38s ease}.featured-resource:hover .image-featured-visual img{transform:scale(1.025)}.image-featured-visual span{padding:6px 9px;border-radius:999px;background:rgba(25,21,33,.72);color:#fff}.featured-copy{display:grid;align-content:center;padding:45px 55px}.featured-copy>p:first-child{margin:0 0 9px;color:#d85e36;font-size:12px;font-weight:700}.featured-copy h3{margin:0;font-family:"Noto Serif SC",serif;font-size:35px}.featured-copy>p:nth-of-type(2){max-width:620px;margin:18px 0;color:#625d67;font-size:14px;line-height:1.9}.resource-tags{display:flex;flex-wrap:wrap;gap:7px}.resource-tags span{padding:5px 9px;border-radius:999px;background:#e8eee8;font-size:11px;font-weight:600}.featured-copy>a{display:inline-flex;justify-self:start;align-items:center;gap:8px;margin-top:27px;padding-bottom:3px;border-bottom:1px solid #191521;font-size:13px;font-weight:700}.featured-copy>a svg{width:15px}.paper-orbit{display:grid;place-items:center}.paper-orbit span{display:grid;width:250px;height:310px;place-items:center;border:4px solid #393344;border-radius:8px;background:#fff;color:#393344;font-family:"Noto Serif SC",serif;font-size:34px;font-weight:700;box-shadow:13px 15px 0 rgba(57,51,68,.12);transform:rotate(-5deg)}.paper-orbit svg{position:absolute;width:68px;height:68px;padding:15px;border-radius:50%;background:#57bde4;color:#fff;transform:translate(145px,-120px)}.paper-orbit b{position:absolute;padding:10px 13px;border:3px solid #393344;background:#ffd064;transform:translate(-135px,125px) rotate(-8deg)}.paper-orbit em{position:absolute;color:#ff8b67;font-size:45px;transform:translate(160px,125px)}.case-intro{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:65px;padding:75px 86px;background:#fff}.case-intro h2{margin:0;font-family:"Noto Serif SC",serif;font-size:clamp(32px,3.6vw,46px)}.case-intro>div>p:last-child{max-width:650px;margin:20px 0 0;color:#625d67;font-size:14px;line-height:1.9}.case-intro aside{padding:24px;border:2px solid #d8c596;border-radius:8px;background:#fff8e6}.case-intro aside svg{width:20px;color:#d85e36}.case-intro aside strong{display:block;margin:10px 0 6px;font-family:"Noto Serif SC",serif;font-size:17px}.case-intro aside p{margin:0;color:#6d6770;font-size:12px;line-height:1.75}.case-preview{overflow:hidden;margin:0 86px 90px;border:1px solid #ded8d0;border-radius:12px;background:#202031;box-shadow:0 22px 45px rgba(25,21,33,.1)}.case-frame-bar{display:grid;min-height:54px;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 18px;background:#fff}.case-frame-bar>span{display:flex;gap:6px}.case-frame-bar>span i{width:9px;height:9px;border-radius:50%;background:#ff8b67}.case-frame-bar>span i:nth-child(2){background:#ffd064}.case-frame-bar>span i:nth-child(3){background:#4ed5a5}.case-frame-bar p{font-size:11px;font-weight:700}.case-fullscreen{display:grid;width:34px;height:34px;place-items:center;justify-self:end;border:0;border-radius:50%;background:#f2eee8;cursor:pointer}.case-fullscreen svg{width:14px}.case-stage{display:grid;grid-template-rows:1fr auto}.case-frame{width:100%;height:680px;border:0;background:#fff}.case-stage>a{display:flex;min-height:32px;align-items:center;justify-content:center;gap:7px;color:rgba(255,255,255,.75);font-size:10px}.case-stage>a strong{font-family:"Playfair Display",serif;font-size:13px}.case-stage:fullscreen{height:100vh}.case-stage:fullscreen .case-frame{height:calc(100vh - 32px)}.prompt-cta{display:grid;grid-template-columns:1fr auto;align-items:center;gap:50px;padding:80px 86px 90px;background:#f5f1e8}.prompt-cta h2{margin:0;font-family:"Noto Serif SC",serif;font-size:clamp(30px,3.4vw,42px);line-height:1.5}.prompt-cta>div>p:last-child{max-width:660px;margin:18px 0 0;color:#625d67;font-size:14px;line-height:1.8}.prompt-cta>a{display:inline-flex;min-height:48px;align-items:center;gap:8px;padding:0 20px;border-radius:999px;background:#ff8b67;font-size:13px;font-weight:700}.prompt-cta>a:hover{background:#ffd064}.prompt-cta>a svg{width:15px}@keyframes resource-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-12px) rotate(2deg)}}@media(max-width:900px){.resource-hero,.featured-resource,.case-intro,.prompt-cta{grid-template-columns:1fr}.resource-hero,.resource-list,.case-intro,.prompt-cta{padding-right:28px;padding-left:28px}.message-orbit,.paper-orbit{min-height:360px}.case-preview{margin-right:28px;margin-left:28px}.case-frame{height:560px}}@media(max-width:560px){.resource-hero{padding:35px 22px 60px}.resource-hero h1{font-size:38px}.resource-list,.case-intro,.prompt-cta{padding:60px 22px}.featured-copy{padding:30px 25px}.featured-visual{min-height:260px}.case-preview{margin:0 22px 65px}.case-frame{height:470px}.case-frame-bar{grid-template-columns:1fr auto}.case-frame-bar p{display:none}}
/* Lesson review tutorial cover */
.lesson-shell .prompt-cta{grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);gap:60px}
.lesson-shell .prompt-cta>.lesson-video-cover{position:relative;display:block;min-height:0;overflow:hidden;padding:0;border-radius:13px;background:#191919;box-shadow:0 19px 32px rgba(25,21,33,.16)}
.lesson-video-cover img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;transition:transform .35s}
.lesson-video-cover::after{position:absolute;inset:0;background:rgba(25,21,33,.1);content:"";transition:background-color .25s}
.lesson-video-cover span{position:absolute;z-index:2;right:0;bottom:0;left:0;display:flex;min-height:60px;align-items:center;justify-content:center;gap:9px;color:#fff;background:rgba(25,21,33,.8);font-size:13px}
.lesson-video-cover span svg{width:17px;fill:currentColor}
.lesson-video-cover:hover img{transform:scale(1.035)}
.lesson-video-cover:hover::after{background:rgba(25,21,33,.26)}
.lesson-shell .prompt-cta>div{align-self:center}
.lesson-shell .prompt-cta>div+a{grid-column:2;justify-self:start;margin-top:-30px}
@media(max-width:900px){.lesson-shell .prompt-cta{grid-template-columns:1fr}.lesson-shell .prompt-cta>div+a{grid-column:auto;margin-top:0}}