.redesign-courses{--lime:#87e64a;--ink:#121510;--paper:#fafbf8;--pale:#eff2ed;--muted:#636a5f}.redesign-courses *{box-sizing:border-box}html:has(.redesign-courses){scroll-behavior:smooth;scroll-padding-top:100px}.redesign-courses{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}.redesign-courses ::selection{background:var(--lime);color:var(--ink)}.redesign-courses a{color:inherit;text-decoration:none}.redesign-courses a:focus-visible{outline:3px solid var(--lime);outline-offset:6px}.redesign-courses img{max-width:100%;display:block}.redesign-courses h1,.redesign-courses h2,.redesign-courses h3,.redesign-courses p{margin:0}.redesign-courses h1,.redesign-courses h2,.redesign-courses h3{font-weight:500}.redesign-courses p{color:var(--muted)}.redesign-courses .container{width:min(1280px,100% - 112px);margin-inline:auto}.redesign-courses .section-pad{padding-block:110px}.redesign-courses .eyebrow{font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;line-height:1.5;color:var(--muted);margin-bottom:26px}.redesign-courses h2{font-size:clamp(34px,4.2vw,60px);letter-spacing:-.05em;line-height:1.12}.redesign-courses .dot{color:#68bf30}.redesign-courses .skip{position:fixed;top:-100px;left:20px;z-index:100;padding:12px 20px;background:var(--lime)}.redesign-courses .skip:focus{top:20px}.redesign-courses .site-header{position:sticky;top:0;z-index:30;height:88px;background:#10130ff5;border-bottom:1px solid #ffffff14;backdrop-filter:blur(18px);color:#eaf0e7}.redesign-courses .header-inner{width:min(1400px,100% - 80px);height:100%;display:flex;justify-content:space-between;align-items:center;gap:24px;margin:auto}.redesign-courses .logo{width:108px;height:42px;object-fit:contain}.redesign-courses nav{display:flex;gap:30px;align-items:center;font-size:14px}.redesign-courses nav a:hover{color:var(--lime)}.redesign-courses .nav-button{border:1px solid #ffffff40;padding:11px 18px;border-radius:3px}.redesign-courses .hero{position:relative;isolation:isolate;background:#10130f;color:white;overflow:hidden}.redesign-courses .hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 60%;z-index:-3}.redesign-courses .hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(7,11,7,.94),rgba(7,11,7,.78) 32%,rgba(7,11,7,.26) 70%,rgba(7,11,7,.08)),linear-gradient(0deg,rgba(7,11,7,.4),transparent 35%)}.redesign-courses .hero-inner{min-height:720px;padding-top:65px;padding-bottom:28px;display:flex;flex-direction:column;align-items:flex-start}.redesign-courses .hero .eyebrow{color:#d8dfd4;margin-bottom:35px}.redesign-courses h1{font-size:clamp(54px,6.1vw,88px);line-height:1.06;letter-spacing:-.065em;font-weight:400;max-width:820px}.redesign-courses h1 span,.redesign-courses .dark h2 span{color:var(--lime)}.redesign-courses .hero-description{margin-top:30px;color:#d9ded5;font-size:17px;max-width:465px}.redesign-courses .hero-actions{display:flex;gap:16px;margin-top:31px;flex-wrap:wrap}.redesign-courses .button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:16px 23px;border:1px solid transparent;border-radius:3px;font-size:14px;font-weight:700;transition:transform .2s,background .2s}.redesign-courses .button:hover{transform:translateY(-2px)}.redesign-courses .lime{color:var(--ink);background:var(--lime)}.redesign-courses .lime:hover{background:#a0f36a}.redesign-courses .outline{color:white;border-color:#ffffff60;background:#10130f3b}.redesign-courses .outline:hover{background:#ffffff18}.redesign-courses .hero-bottom{width:100%;display:flex;justify-content:space-between;gap:24px;margin-top:auto;padding-top:44px;font-size:13px;color:#d9dfd4}.redesign-courses .production-label{border-top:1px solid #ffffff50;padding-top:13px}.redesign-courses .paper{background:var(--paper)}.redesign-courses .section-heading{max-width:760px}.redesign-courses .section-description{font-size:17px;max-width:710px;margin-top:25px;line-height:1.8}.redesign-courses .trailers{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:48px}.redesign-courses .video-frame{aspect-ratio:16/9;overflow:hidden;background:#121510;border:1px solid #252a20}.redesign-courses .video-frame iframe{border:0;width:100%;height:100%;display:block}.redesign-courses .video-caption{display:flex;justify-content:space-between;gap:15px;align-items:center;padding-top:18px}.redesign-courses .video-caption h3{font-size:17px;font-weight:600}.redesign-courses .video-caption a{font-size:14px;color:var(--muted);border-bottom:1px solid #a8b09f}.redesign-courses .dark{background:var(--ink);color:#fafbf8}.redesign-courses .dark .eyebrow{color:#a8b49f}.redesign-courses .difference-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px}.redesign-courses .features{list-style:none;padding:0;margin:0}.redesign-courses .features li{display:flex;align-items:center;gap:26px;border-top:1px solid #ffffff28;padding:19px 0;font-size:20px;line-height:1.5}.redesign-courses .features li:last-child{border-bottom:1px solid #ffffff28}.redesign-courses .features span{color:var(--lime);font-size:13px;font-weight:600}.redesign-courses .course-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:46px;gap:20px}.redesign-courses .course-card{min-height:348px;border:1px solid #dce1d7;background:#f0f3ec;padding:30px;display:flex;flex-direction:column;justify-content:space-between;position:relative}.redesign-courses .course-card.featured{background:var(--lime);border-color:var(--lime)}.redesign-courses .course-number{font-size:13px;letter-spacing:.08em;font-weight:600;color:#596250}.redesign-courses .course-card.featured .course-number{color:#29481b}.redesign-courses .course-content h3{font-size:32px;line-height:1.2;letter-spacing:-.04em;margin-bottom:22px}.redesign-courses .course-content p{font-size:16px;color:#4f5848;line-height:1.7}.redesign-courses .featured p{color:#253b1a}.redesign-courses .pale{background:var(--pale)}.redesign-courses .platforms-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center}.redesign-courses .platform-copy p{margin-bottom:24px;font-size:17px}.redesign-courses .platform-copy .lead{color:var(--ink);font-size:20px}.redesign-courses .platform-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:30px}.redesign-courses .dark-button{background:var(--ink);color:white;min-width:130px}.redesign-courses .dark-button:hover{background:#2c3724}.redesign-courses .bordered{border-color:#98a18f;color:var(--ink);min-width:155px}.redesign-courses .bordered:hover{background:#e2e9da}.redesign-courses .production-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:75px;align-items:center}.redesign-courses .studio-panel{min-height:420px;background:var(--ink);color:white;display:flex;flex-direction:column;justify-content:space-between;padding:35px;border-bottom:5px solid var(--lime)}.redesign-courses .studio-panel-top{display:flex;justify-content:space-between;align-items:flex-start;gap:25px}.redesign-courses .studio-panel .eyebrow{color:#bcc8b2;max-width:170px}.redesign-courses .studio-mark{font-size:88px;line-height:.9;letter-spacing:-.08em;font-weight:600;color:var(--lime);text-align:right}.redesign-courses .studio-mark span{font-size:17px;letter-spacing:.17em;font-weight:400}.redesign-courses .studio-panel-bottom{display:flex;gap:25px;align-items:center;border-top:1px solid #ffffff28;padding-top:26px;flex-wrap:wrap}.redesign-courses .studio-panel-bottom a{font-size:23px}.redesign-courses .partner-times{color:#85927d;font-size:28px}.redesign-courses .production-copy p:not(.eyebrow){font-size:17px;line-height:1.8;margin-top:27px}.redesign-courses .partner-link{display:inline-block;margin-top:25px;font-size:15px;border-bottom:1px solid #a4b099;padding-bottom:5px}.redesign-courses .closing h2{font-size:clamp(40px,5vw,70px)}.redesign-courses .ways{display:grid;grid-template-columns:1fr 1fr;gap:65px;margin-top:55px}.redesign-courses .ways article{border-top:1px solid #ffffff38;padding-top:28px;display:flex;flex-direction:column;align-items:flex-start}.redesign-courses .way-number{font-size:14px;color:var(--lime);margin-bottom:20px}.redesign-courses .ways h3{font-size:28px;letter-spacing:-.03em;line-height:1.25}.redesign-courses .ways p{color:#b7c0af;margin-top:20px;margin-bottom:30px;font-size:17px;max-width:510px}.redesign-courses .ways p a{color:#eef4e8;text-decoration:underline;text-underline-offset:4px}.redesign-courses .ways .button{margin-top:auto}.redesign-courses footer{background:var(--ink);color:#abb5a3;border-top:1px solid #ffffff1b;padding-block:28px;font-size:14px}.redesign-courses .footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}
@media(min-width:1700px){.redesign-courses .hero-image{object-position:center 62%}.redesign-courses .hero-inner{min-height:790px}}
@media(max-width:1000px){.redesign-courses .container{width:calc(100% - 64px)}.redesign-courses .header-inner{width:calc(100% - 48px)}.redesign-courses nav{gap:20px}.redesign-courses .section-pad{padding-block:80px}.redesign-courses .difference-layout,.redesign-courses .platforms-layout,.redesign-courses .production-layout{gap:40px}.redesign-courses .course-card{padding:24px}.redesign-courses .course-content h3{font-size:27px}.redesign-courses .course-grid{gap:14px}.redesign-courses .studio-panel{padding:25px;min-height:400px}.redesign-courses .studio-panel-top{flex-direction:column}.redesign-courses .studio-mark{text-align:left}.redesign-courses .hero-inner{min-height:690px}}
@media(max-width:720px){html:has(.redesign-courses){scroll-padding-top:84px}.redesign-courses .container{width:calc(100% - 40px)}.redesign-courses .header-inner{width:calc(100% - 32px)}.redesign-courses .site-header{height:74px}.redesign-courses .logo{width:92px}.redesign-courses nav>a:not(.nav-button){display:none}.redesign-courses .nav-button{font-size:13px;padding:9px 12px}.redesign-courses nav{gap:0}.redesign-courses .hero-inner{min-height:690px;padding-top:48px}.redesign-courses .hero .eyebrow{font-size:12px;margin-bottom:28px}.redesign-courses h1{font-size:clamp(48px,9vw,66px)}.redesign-courses .hero-image{object-position:63% center}.redesign-courses .hero-shade{background:linear-gradient(90deg,#080d08ed,#080d08b3 58%,#080d0870),linear-gradient(0deg,#080d0860,transparent)}.redesign-courses .hero-description{font-size:16px;max-width:360px}.redesign-courses .hero-bottom{font-size:12px;gap:18px;align-items:flex-end}.redesign-courses .production-label{max-width:120px}.redesign-courses .hero-actions{gap:10px}.redesign-courses .button{padding:15px 18px;font-size:14px}.redesign-courses .section-pad{padding-block:65px}.redesign-courses h2{font-size:38px}.redesign-courses .eyebrow{font-size:12px;margin-bottom:20px}.redesign-courses .section-description{font-size:16px}.redesign-courses .trailers,.redesign-courses .difference-layout,.redesign-courses .course-grid,.redesign-courses .platforms-layout,.redesign-courses .production-layout,.redesign-courses .ways{grid-template-columns:1fr;gap:32px}.redesign-courses .trailers{margin-top:33px;gap:32px}.redesign-courses .video-caption{align-items:flex-start}.redesign-courses .video-caption a{font-size:13px}.redesign-courses .features li{font-size:18px;padding:16px 0}.redesign-courses .course-grid{gap:16px;margin-top:32px}.redesign-courses .course-card{min-height:280px;padding:26px}.redesign-courses .course-content h3{font-size:31px}.redesign-courses .course-content h3 br{display:none}.redesign-courses .platform-copy .lead{font-size:19px}.redesign-courses .platform-copy p{font-size:16px}.redesign-courses .production-layout{gap:36px}.redesign-courses .studio-panel{min-height:310px;padding:28px}.redesign-courses .studio-panel-top{flex-direction:row}.redesign-courses .studio-mark{font-size:80px}.redesign-courses .production-copy p:not(.eyebrow){font-size:16px}.redesign-courses .ways{margin-top:38px;gap:40px}.redesign-courses .ways h3{font-size:26px}.redesign-courses .ways p{font-size:16px}.redesign-courses .closing h2{font-size:44px}.redesign-courses .ways .button{max-width:100%;text-align:center}.redesign-courses .footer-inner{flex-wrap:wrap;font-size:12px}.redesign-courses .footer-inner img{width:85px}}
@media(prefers-reduced-motion:reduce){html:has(.redesign-courses){scroll-behavior:auto}.redesign-courses .button{transition:none}.redesign-courses .button:hover{transform:none}}

/* Skill areas stay in one row at every viewport. */
.redesign-courses .course-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;padding-bottom:12px}
.redesign-courses .course-card{padding:25px;min-height:370px;scroll-snap-align:start}
.redesign-courses .course-content h3{font-size:clamp(23px,2.2vw,31px);overflow-wrap:normal}
.redesign-courses .course-number{font-size:12px;white-space:nowrap}
.redesign-courses .features .feature-dot{font-size:21px;line-height:1;min-width:12px;text-align:center}
.redesign-courses .udemy-button{background:#a435f0;color:#fff;min-width:130px}
.redesign-courses .udemy-button:hover{background:#8725c9}
.redesign-courses .opensesame-button{background:linear-gradient(120deg,#FEA858,#F97B53);color:#121510;min-width:155px}
.redesign-courses .opensesame-button:hover{background:linear-gradient(120deg,#fba04e,#ee7048)}
.redesign-courses .production-photo{display:block;overflow:hidden;min-height:420px;background:var(--ink);border-bottom:5px solid var(--lime)}
.redesign-courses .production-photo img{width:100%;height:420px;object-fit:cover;object-position:center}
@media(max-width:1100px){.redesign-courses .course-grid{gap:14px;grid-template-columns:repeat(4,minmax(205px,1fr))}.redesign-courses .course-card{padding:22px}.redesign-courses .course-content h3{font-size:25px}}
@media(max-width:720px){.redesign-courses .course-grid{grid-template-columns:repeat(4,minmax(250px,1fr));gap:16px;margin-right:-20px;padding-right:20px}.redesign-courses .course-card{min-height:325px;padding:24px}.redesign-courses .course-content h3{font-size:28px}.redesign-courses .production-photo{min-height:310px}.redesign-courses .production-photo img{height:310px}}

/* Four principles of the Bolt Labs approach. */
.redesign-courses .hero-bottom{justify-content:flex-end}
.redesign-courses .behind-scenes{margin-top:18px}
.redesign-courses .difference-layout{grid-template-columns:1fr;gap:48px}
.redesign-courses .difference-layout h2{max-width:1040px;font-size:clamp(38px,4.8vw,68px)}
.redesign-courses .pillar-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.redesign-courses .pillar-card{padding:36px 38px;min-height:230px;border:1px solid #ffffff20;border-top:2px solid #87e64a80;background:linear-gradient(135deg,#ffffff08,#ffffff03)}
.redesign-courses .pillar-card h3{font-size:28px;letter-spacing:-.035em;color:var(--lime);font-weight:500;line-height:1.25;margin-bottom:18px}
.redesign-courses .pillar-card p{font-size:17px;line-height:1.8;color:#c3ccbb;max-width:520px}
.redesign-courses .scorm-button{min-width:150px}
@media(max-width:720px){.redesign-courses .pillar-grid{grid-template-columns:1fr;gap:18px}.redesign-courses .pillar-card{padding:28px;min-height:0}.redesign-courses .pillar-card h3{font-size:26px}.redesign-courses .pillar-card p{font-size:16px}.redesign-courses .difference-layout{gap:34px}.redesign-courses .difference-layout h2{font-size:38px}}

/* Shared title and description rows keep all skill cards aligned. */
.redesign-courses .course-card{justify-content:flex-start}
.redesign-courses .course-number{margin-bottom:32px}
.redesign-courses .course-content h3{min-height:3.6em}
@supports(grid-template-rows:subgrid){
 .redesign-courses .course-grid{grid-template-rows:auto auto 1fr;row-gap:22px}
 .redesign-courses .course-card{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:22px;align-content:start}
 .redesign-courses .course-content{display:contents}
 .redesign-courses .course-number{margin-bottom:10px;align-self:start}
 .redesign-courses .course-content h3{min-height:0;margin-bottom:0;align-self:start}
 .redesign-courses .course-content p{align-self:start}
}

.redesign-courses #hero-title{font-size:clamp(40px,5.4vw,78px);max-width:1040px;letter-spacing:-.045em}
@media(max-width:720px){.redesign-courses #hero-title{font-size:clamp(36px,7.6vw,52px)}}

/* Center the supplied studio photograph and preserve its proportions. */
.redesign-courses .production-photo{min-height:0;display:flex;align-items:center;justify-content:center}
.redesign-courses .production-photo img{width:100%;height:auto;object-fit:contain;object-position:center center}

/* Shared footer navigation from the Bolt Labs Home Redesign. */
.redesign-courses footer{padding-block:40px 28px}
.redesign-courses .footer-menu-row{display:grid;grid-template-columns:150px minmax(0,1fr) 150px;gap:28px;align-items:end}
.redesign-courses .footer-brand img{width:115px;height:auto}
.redesign-courses .footer-policy-menu{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 20px;font-size:14px;line-height:1.6;min-width:0}
.redesign-courses .footer-policy-menu a:hover,.redesign-courses .footer-bottom-row a:hover{color:var(--lime)}
.redesign-courses .footer-follow{justify-self:end}
.redesign-courses .footer-follow p{color:#cbd4c3;font-size:14px}
.redesign-courses .footer-social-links{display:flex;gap:10px;margin-top:12px}
.redesign-courses .footer-social-links a{display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:3px;color:var(--lime);border:1px solid #87e64a80;background:#182316}
.redesign-courses .footer-social-links a:hover{color:#121510;background:#b4f46b;border-color:#b4f46b}
.redesign-courses .footer-social-links svg{width:18px;height:18px;fill:currentColor}
.redesign-courses .footer-bottom-row{display:flex;justify-content:space-between;gap:24px;margin-top:30px;padding-top:20px;border-top:1px solid #ffffff1b;font-size:13px}
@media(max-width:900px){.redesign-courses .footer-menu-row{grid-template-columns:1fr;gap:28px;align-items:start}.redesign-courses .footer-follow{justify-self:start}.redesign-courses .footer-policy-menu{justify-content:flex-start}}
@media(max-width:720px){.redesign-courses .footer-policy-menu a:not(.nav-button){display:inline}.redesign-courses .footer-policy-menu{gap:12px 20px;font-size:14px}.redesign-courses .footer-brand img{width:115px}}

/* Back-to-top: match the Home Redesign's final desktop and mobile styling. */
.redesign-courses .back-to-top{position:fixed;right:28px;bottom:28px;z-index:40;display:grid;place-items:center;width:43.2px;height:43.2px;padding:0;background:var(--lime);color:var(--ink);border:1px solid #12151026;border-radius:19.2px;box-shadow:0 6px 24px #0003;cursor:pointer;transition:transform .2s,background .2s}
.redesign-courses .back-to-top[hidden]{display:none}
.redesign-courses .back-to-top svg{width:20px;height:20px;pointer-events:none}
.redesign-courses .back-to-top:hover{background:#98ed61;transform:translateY(-3px)}
.redesign-courses .back-to-top:active{transform:translateY(0)}
.redesign-courses .back-to-top:focus-visible{outline:3px solid var(--lime);outline-offset:4px}
@media(max-width:767px){.redesign-courses .back-to-top{width:38.4px;height:38.4px;border-radius:16.8px}.redesign-courses .back-to-top::before{content:"";position:absolute;inset:-4px}}
@media(max-width:760px){.redesign-courses .back-to-top{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px))}}
@media(prefers-reduced-motion:reduce){.redesign-courses .back-to-top{transition:none}.redesign-courses .back-to-top:hover{transform:none}}