/* Compact landing rhythm; preserve content, locked logo and nature + tech artwork. */
.landing-page .section-wrap{width:min(1240px,calc(100% - 80px))}
.landing-page .landing-hero{height:650px}
.landing-page .site-header{height:84px;padding:13px 5%;gap:23px}
.landing-page .site-header nav{font-size:17px;gap:30px}
.landing-page .landing-hero .hero-copy{top:125px;left:max(5%,calc((100% - 1240px)/2));max-width:610px}
.landing-page .landing-hero .hero-copy h1{font-size:clamp(54px,4.7vw,70px);line-height:1.06;letter-spacing:-2px;max-width:610px;margin-bottom:19px}
.landing-page .landing-hero .hero-copy>p.brand-kicker{font-size:10px;letter-spacing:2px;margin-bottom:14px}
.landing-page .landing-hero .hero-copy>p:not(.hero-signoff):not(.brand-kicker){font-size:18px;line-height:1.5;max-width:500px;margin-bottom:21px}
.landing-page .hero-actions{gap:14px}
.landing-page .button{font-size:18px;min-height:48px;padding:10px 23px;gap:16px}
.landing-page .hero-actions .play-circle{width:25px;height:25px}
.landing-page .landing-hero .hero-signoff{font-size:15px;line-height:1.5;margin-top:17px}
.landing-page .hero-course{min-width:350px;right:max(5%,calc((100% - 1240px)/2));bottom:29px;padding:16px 22px;gap:17px}
.landing-page .hero-course strong{font-size:21px}
.landing-page .hero-course small{font-size:12px;margin-top:4px}
.landing-page .hero-course>.icon{width:38px;height:38px}
.landing-page .course-facts{padding:26px 5%;min-height:115px}
.landing-page .course-facts>div{gap:16px;padding-inline:16px}
.landing-page .course-facts p{font-size:18px}
.landing-page .fact-icon{width:49px;height:49px}
.landing-page .fact-icon .icon{width:27px;height:27px}
.landing-page .course-intro{padding-top:55px;padding-bottom:50px;gap:36px 42px}
.landing-page .section-label{font-size:10px;letter-spacing:2px;margin-bottom:14px}
.landing-page .intro-copy h2{font-size:45px;margin-bottom:18px}
.landing-page .intro-lead{font-size:16px;margin-bottom:18px}
.landing-page .audience{margin-bottom:19px}
.landing-page .audience li{min-height:57px;padding:9px 0;font-size:14px;gap:16px}
.landing-page .audience li>span{width:39px;height:39px}
.landing-page .audience .icon{width:23px;height:23px}
.landing-page .preview-frame{aspect-ratio:16/9}
.landing-page .large-play{width:66px;height:66px}
.landing-page .large-play .icon{width:27px;height:27px}
.landing-page .preview-heading{margin-top:22px}
.landing-page .preview-heading h3{font-size:27px}
.landing-page .preview-column>p{font-size:14px;margin-top:10px}
.landing-page .learning-steps{padding-top:25px;gap:23px}
.landing-page .learning-steps article{gap:15px;padding-right:17px}
.landing-page .learning-steps article>span{width:46px;height:46px;font-size:23px}
.landing-page .learning-steps h3{font-size:23px}
.landing-page .learning-steps p{font-size:13px}
.landing-page .curriculum-section{padding:49px 0 30px}
.landing-page .curriculum-heading{gap:28px;margin-bottom:27px}
.landing-page .curriculum-heading h2{font-size:41px}
.landing-page .curriculum-heading>p{font-size:16px;max-width:310px}
.landing-page .curriculum-columns{gap:25px}
.landing-page .curriculum-columns>section{padding:20px}
.landing-page .curriculum-columns h3{font-size:26px}
.landing-page .curriculum-columns section>p{font-size:17px;margin-bottom:14px}
.landing-page .lesson-links a{padding:12px 0;font-size:13px;gap:9px}
.landing-page .faq-section{padding-top:49px;padding-bottom:49px;gap:43px}
.landing-page .faq-section h2{font-size:40px}
.landing-page .faq-list{gap:13px}
.landing-page .faq-list summary{font-size:18px;padding:17px 0}
.landing-page .closing-section{padding:39px 0 34px}
.landing-page .closing-section h2{font-size:41px}
.landing-page .closing-section p{font-size:17px;margin-bottom:17px}
.landing-page .site-footer{padding:20px 5%;gap:23px}
.landing-page .site-footer>p{font-size:13px}
.landing-page .studio-promo{padding:30px max(5%,20px)}
.landing-page .studio-product-card{padding:20px;gap:19px}
.landing-page .free-hub{padding:37px max(5%,20px) 45px}
.landing-page .free-hub-heading{margin-bottom:22px}
.landing-page .free-hub h2{font-size:32px}
.landing-page .resource-copy{padding:23px}
.landing-page .resource-copy h3{font-size:28px}
.landing-page .resource-art{min-height:200px}
@media(max-width:1100px){.landing-page .landing-hero{height:620px}.landing-page .landing-hero .hero-copy{top:119px;max-width:530px}.landing-page .landing-hero .hero-copy h1{font-size:58px}.landing-page .landing-hero .hero-copy>p:not(.hero-signoff):not(.brand-kicker){font-size:17px;max-width:460px}.landing-page .hero-course{min-width:320px}}
@media(max-width:900px){.landing-page .section-wrap{width:calc(100% - 50px)}.landing-page .landing-hero .hero-copy h1{font-size:54px}.landing-page .site-header nav{font-size:15px;gap:21px}.landing-page .course-facts{padding-inline:3%}.landing-page .course-facts>div{gap:12px;padding-inline:10px}.landing-page .course-facts p{font-size:16px}.landing-page .fact-icon{width:43px;height:43px}.landing-page .course-intro{padding-top:43px;gap:31px}.landing-page .curriculum-heading h2{font-size:37px}.landing-page .curriculum-heading>p{margin-top:16px}.landing-page .faq-section{gap:28px}}
@media(max-width:620px){.landing-page .section-wrap{width:calc(100% - 40px)}.landing-page .site-header{height:78px;padding:13px 20px;gap:10px}.landing-page .site-header nav{font-size:16px}.landing-page .landing-hero{height:650px}.landing-page .landing-hero .hero-copy{top:108px;left:20px;max-width:calc(100% - 40px)}.landing-page .landing-hero .hero-copy h1{font-size:clamp(34px,9.5vw,40px);line-height:1.06;letter-spacing:-1.25px;margin-bottom:17px}.landing-page .landing-hero .hero-copy>p.brand-kicker{font-size:9px;letter-spacing:1.6px;margin-bottom:12px}.landing-page .landing-hero .hero-copy>p:not(.hero-signoff):not(.brand-kicker){font-size:14px;line-height:1.6;max-width:330px;margin-bottom:18px}.landing-page .hero-actions{gap:11px}.landing-page .button{font-size:15px;min-height:44px;padding:9px 18px;gap:12px}.landing-page .landing-hero .hero-signoff{font-size:14px;max-width:300px;line-height:1.5;margin-top:17px}.landing-page .hero-course{left:20px;right:20px;bottom:27px;min-width:0;padding:14px 16px;gap:14px}.landing-page .hero-course strong{font-size:19px}.landing-page .hero-course small{font-size:11px}.landing-page .hero-course>.icon{width:32px;height:32px}.landing-page .course-facts{padding:22px 20px;min-height:0;gap:16px}.landing-page .course-facts>div{padding:0;gap:14px}.landing-page .course-facts p{font-size:17px}.landing-page .fact-icon{width:43px;height:43px}.landing-page .course-intro{padding-top:37px;padding-bottom:35px;gap:29px}.landing-page .intro-copy h2{font-size:35px}.landing-page .intro-lead{font-size:14px}.landing-page .audience li{font-size:13px;min-height:53px}.landing-page .preview-heading h3{font-size:25px}.landing-page .learning-steps{padding-top:25px;gap:23px}.landing-page .learning-steps h3{font-size:22px}.landing-page .curriculum-section{padding-top:36px}.landing-page .curriculum-heading h2,.landing-page .faq-section h2,.landing-page .closing-section h2{font-size:33px}.landing-page .curriculum-heading>p{font-size:14px}.landing-page .curriculum-columns{gap:20px}.landing-page .curriculum-columns>section{padding:19px}.landing-page .faq-section{padding-block:36px;gap:25px}.landing-page .faq-list summary{font-size:17px}.landing-page .closing-section{padding-block:32px}.landing-page .closing-section p{font-size:15px}.landing-page .studio-promo{padding-block:25px}.landing-page .free-hub{padding-top:30px;padding-bottom:35px}.landing-page .free-hub h2{font-size:28px}.landing-page .resource-copy h3{font-size:26px}}

