@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/manrope-400.ttf') format('truetype')}
@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url('assets/fonts/manrope-600.ttf') format('truetype')}
@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url('assets/fonts/manrope-800.ttf') format('truetype')}
.arrow-glyph{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:20px;height:20px;vertical-align:middle;line-height:0}
.arrow-icon{display:block;width:100%;height:100%}
.art-arrow.arrow-glyph{width:24px;height:24px}
body{font-family:Manrope,Arial,sans-serif}
.hero h1{font-size:clamp(58px,5.85vw,84px);font-weight:800;letter-spacing:-.065em;line-height:1.04}
.lead{font-size:19px;line-height:1.6;letter-spacing:-.3px}
.hero-note{font-size:13px;line-height:1.85}
.brand{font-weight:800}.brand-sub{font-weight:400;letter-spacing:1.8px}
.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:600}
nav{font-size:11px}.button{font-weight:800;border-radius:4px;background:#da1b50;border-color:#da1b50}
.button:hover{background:#ee265e;border-color:#ee265e;transform:translateY(-2px)}
.hero-art{border-radius:6px}.hero-logo{animation:none}.art-caption{padding:23px 28px}.art-corner{letter-spacing:2.6px}
.section h2{font-weight:600;font-size:43px;letter-spacing:-2px;line-height:1.16}
.section-heading{margin-bottom:54px}.section-heading>p{font-size:13px;line-height:1.85}
.learning-grid{gap:34px;border:0;border-radius:0;overflow:visible}
.learning{border-top:1px solid #ffffff38;padding:25px 0 8px;min-height:270px}
.learning+.learning{border-left:0}
.number{font-size:14px;letter-spacing:-.5px}.number>span{font-size:9px;letter-spacing:1.7px;color:#c1bbc9}
.learning h3{font-size:29px;font-weight:600;letter-spacing:-1.1px;line-height:1.24;margin:40px 0 19px}
.learning p{font-size:13px;line-height:1.85;max-width:315px}
.instructor{background:#121216;padding:88px 0}
.instructor-grid{grid-template-columns:.92fr 1fr;gap:100px}
.portrait{aspect-ratio:auto;border-radius:3px;background:#0c0c10;max-width:485px}
.portrait img{height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center center}
.portrait-label{position:static;background:none;border-top:1px solid var(--line);align-items:center;padding:21px 22px;gap:15px}
.portrait-label .portrait-name{color:#f6f5f7;font-size:17px;font-weight:600;letter-spacing:-.4px}
.portrait-label .portrait-role{font-size:8px;font-weight:600;letter-spacing:1.3px;color:var(--cyan);text-align:right;line-height:1.6}
.instructor-copy .eyebrow{margin-bottom:25px}
.instructor-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;margin-top:26px}
.instructor-copy .checklist{font-size:12px;gap:18px;margin:31px 0}
.instructor-copy .text-link{border-bottom:1px solid #ffffff35;font-size:11px;padding-bottom:12px}
.curriculum summary{padding:30px 0}.module-title{font-weight:600;font-size:25px;letter-spacing:-.8px}
.module-title small{margin-top:9px;font-size:12px;letter-spacing:0}
.count{border:0;border-radius:0;padding:7px 0;font-size:10px;color:#c5bdcf}
.lesson-list li{padding:16px 0}.lesson-list p{line-height:1.85}
.offer{background:#141318}.offer h2{font-size:51px;letter-spacing:-2.6px;line-height:1.16}
.price-card{border:1px solid #ffffff38;border-top:2px solid var(--pink);border-radius:4px;padding:37px}
.price{font-weight:600;letter-spacing:-6px;font-variant-numeric:tabular-nums}
.price-top{font-weight:600}.price-card .buy{font-size:13px}
.offer-line{font-size:11px;line-height:1.6}.offer-line>span{border:0;justify-content:start;width:20px;border-radius:0}
.faq-list summary{font-size:14px;font-weight:600;padding:25px 0}.faq-list p{line-height:1.9}
.text-link:hover,.footer-top>a:last-child:hover{color:var(--cyan)}
@media(max-width:1050px){.hero h1{font-size:59px}.hero .actions{gap:10px}.section h2{font-size:36px}.instructor-grid{gap:50px}.learning-grid{gap:25px}.learning h3{font-size:25px}.offer h2{font-size:44px}.price-card{padding:28px}}
@media(max-width:760px){.hero h1{font-size:clamp(52px,12.9vw,76px);letter-spacing:-.063em;line-height:1.05}.hero{padding-top:43px}.lead{font-size:17px}.hero-note{font-size:12px}.eyebrow{font-size:8px;letter-spacing:1.3px}.section h2{font-size:32px;letter-spacing:-1.5px}.section-heading{margin-bottom:35px}.hero .actions{gap:17px}.hero-meta{font-size:8px;gap:11px}.learning-grid{display:block}.learning{min-height:0;padding:25px 0 28px}.learning+.learning{border-top:1px solid #ffffff38}.learning h3{margin:24px 0 15px;font-size:27px}.learning p{padding-top:0;max-width:100%}.learning h3 br{display:none}.instructor{padding:60px 0}.instructor-grid{grid-template-columns:1fr;gap:37px}.portrait{max-width:440px;margin:0 auto;width:100%}.portrait-label{padding:18px}.portrait-label .portrait-name{font-size:16px}.portrait-label .portrait-role{font-size:7px}.module-title{font-size:21px}.module-title small{font-size:10px}.curriculum summary{gap:13px;padding:25px 0}.count{font-size:9px}.offer h2{font-size:39px;letter-spacing:-1.9px}.price-card{padding:28px}.price-card .buy{font-size:12px}.faq-list summary{font-size:13px}.nav>.button{font-size:9px;gap:10px}.mobile-bar{background:#131218}.hero-art{max-width:440px}.art-caption{padding:18px 20px}}
