@layer components.courses.common.hero{.Fr6C1W_hero{background-color:#fff;background-image:linear-gradient(to bottom,var(--hero-dark-primary,var(--course-primary)),var(--course-primary) 90px,var(--course-primary-400) 216px,var(--hero-final-stop,#fff) 360px);margin:calc(var(--header-height)*-1) 0 0;min-height:360px;padding:var(--header-height) 0 0;background-repeat:no-repeat;background-size:100% 100%;position:relative;overflow:hidden}@supports (color:color-mix(in srgb,var(--course-primary ),black 30%)){.Fr6C1W_hero{--hero-dark-primary:color-mix(in srgb, var(--course-primary), #000 30%)}}.Fr6C1W_heroInner{z-index:10;max-width:1400px;margin:0 auto;padding:16px;display:block;position:relative}@media (min-width:768px){.Fr6C1W_heroInner{padding-left:24px;padding-right:24px}}.Fr6C1W_heroContents{grid-gap:12px;grid-template:"image""description""info"/auto;place-items:center;gap:12px;margin:0 auto;display:grid}@media (min-width:768px){.Fr6C1W_heroContents{grid-template:".image. . ."minmax(0,1fr)".image.description."".image.info."".image. . ."minmax(0,1fr)". . . . ."32px"actions actions actions actions actions"". . . . ."minmax(0,9999999fr)/minmax(0,1fr) auto 48px auto minmax(0,1fr);gap:0}}.Fr6C1W_heroContents{padding-bottom:60vw}@media (min-width:768px){.Fr6C1W_heroContents{padding-bottom:43vw}}@media (min-width:1024px){.Fr6C1W_heroContents{padding-bottom:32vw}}@media (min-width:1600px){.Fr6C1W_heroContents{min-height:800px;padding-bottom:0}}.Fr6C1W_heroImageContainer{grid-area:image;margin:0;display:block}.Fr6C1W_heroImage{filter:drop-shadow(1px 1px #33333380)drop-shadow(2px 2px 3px #333c);width:100%;max-width:min(400px,66vw);height:auto;display:block}@media (min-width:768px){.Fr6C1W_heroImage{width:32vw}}@media (min-width:1024px){.Fr6C1W_heroImage{width:100vw;max-width:400px}}.Fr6C1W_heroDescription{overflow-wrap:break-word;word-break:keep-all;-webkit-text-stroke:#fff 4px;color:#333;font-feature-settings:"palt";paint-order:stroke;stroke-linecap:round;stroke-linejoin:round;text-align:center;grid-area:description;margin:0;font-size:24px;font-weight:700}@media (min-width:768px){.Fr6C1W_heroDescription{color:#fff;-webkit-text-stroke-width:0;paint-order:normal;text-shadow:1px 1px #333333bf;text-align:left;font-size:30px}}@media (min-width:1024px){.Fr6C1W_heroDescription{font-size:34px}}.Fr6C1W_heroInfo{flex-wrap:wrap;grid-area:info;justify-content:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}@media (min-width:768px){.Fr6C1W_heroInfo{margin-top:16px}}.Fr6C1W_heroInfo .Fr6C1W_heroInfoItem{color:var(--course-primary);border:2px solid var(--course-primary);background:#fff;border-bottom-width:4px;border-radius:8px;align-items:center;padding:6px 12px;list-style:none;display:flex}@media (min-width:768px){.Fr6C1W_heroInfo .Fr6C1W_heroInfoItem{padding:8px 16px}}.Fr6C1W_heroInfo .Fr6C1W_heroInfoItemText{--vertical-crop-mode:text;--vertical-crop-mode-upper:var(--vertical-crop-mode);--vertical-crop-mode-lower:var(--vertical-crop-mode)}@supports (text-box-edge:ideographic){.Fr6C1W_heroInfo .Fr6C1W_heroInfoItemText{--vertical-crop-mode:ideographic}}@supports (text-box:trim-both text text){.Fr6C1W_heroInfo .Fr6C1W_heroInfoItemText{text-box:trim-both var(--vertical-crop-mode-upper) var(--vertical-crop-mode-lower)}}@supports not (text-box:trim-both text text){.Fr6C1W_heroInfo .Fr6C1W_heroInfoItemText{line-height:1.5}@supports (height:1lh){.Fr6C1W_heroInfo .Fr6C1W_heroInfoItemText:not(_){margin-top:calc(.5em - .5lh);margin-bottom:calc(.5em - .5lh)}}@supports not (height:1lh){.Fr6C1W_heroInfo .Fr6C1W_heroInfoItemText:not(_){margin-top:-.25em;margin-bottom:-.25em}}}.Fr6C1W_heroInfo .Fr6C1W_heroInfoItemText{font-size:14px;font-weight:700;display:block}@media (min-width:768px){.Fr6C1W_heroInfo .Fr6C1W_heroInfoItemText{font-size:min(2vw,20px)}}.Fr6C1W_heroInfo .Fr6C1W_heroInfoItemText>big{font-size:1.25em}.Fr6C1W_heroActions{grid-area:actions;justify-content:center;align-items:center;display:none}@media (min-width:768px){.Fr6C1W_heroActions{display:flex}}.Fr6C1W_heroBackgrounds{z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;contain:paint;bottom:0;overflow:hidden}.Fr6C1W_heroBackgroundTexture,.Fr6C1W_heroBackgrounds{display:block;position:absolute;top:0;left:0;right:0}.Fr6C1W_heroBackgroundTexture{--texture-height:360px;width:100%;height:var(--texture-height);perspective:400px;mix-blend-mode:overlay;-webkit-mask:linear-gradient(#0000 10%,#000 30% 40%,#0000 80%);mask:linear-gradient(#0000 10%,#000 30% 40%,#0000 80%)}.Fr6C1W_heroBackgroundTexture+.Fr6C1W_heroBackgroundTexture{--sky-transform-b:translateZ(-4px)}@keyframes Fr6C1W_sky{0%{transform:rotateX(-45deg) var(--sky-transform-a, ) var(--sky-transform-b, )}to{transform:rotateX(-45deg) var(--sky-transform-a, ) var(--sky-transform-b, ) translateY(calc(var(--texture-height)*-1))}}.Fr6C1W_heroBackgroundTextureImage{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAAAAAA6mKC9AAAAAnRSTlMAAHaTzTgAAAA8SURBVHjadc65DQAwAMLA239oK2V+OiwQgIAqq6b74+oGpOyqux7qDARVAdlB51KBQunxISQKAUFRqWoAveBKa7c2QI4AAAAASUVORK5CYII=) repeat 50%/var(--texture-height) var(--texture-height);image-rendering:crisp-edges;image-rendering:pixelated;transform:rotateX(-45deg) var(--sky-transform-a, ) var(--sky-transform-b, );transform-origin:bottom;width:100%;height:var(--texture-height);opacity:.15;position:absolute;top:0;left:0;right:0}.Fr6C1W_heroBackgroundTextureImage+.Fr6C1W_heroBackgroundTextureImage{--sky-transform-a:translateY(var(--texture-height));display:none}@media (prefers-reduced-motion:no-preference){.Fr6C1W_heroBackgroundTextureImage{animation:10s linear infinite Fr6C1W_sky}.Fr6C1W_heroBackgroundTextureImage+.Fr6C1W_heroBackgroundTextureImage{display:block}}.Fr6C1W_heroBackgroundImage{display:block}.Fr6C1W_heroBackgroundImage>img{-o-object-fit:cover;object-fit:cover;-o-object-position:center bottom;object-position:center bottom;width:100%;height:auto;display:block;position:absolute;bottom:0}@media (min-width:1600px){.Fr6C1W_heroBackgroundImage>img{height:100%;top:0}}.Fr6C1W_heroMobileActions{padding:16px 16px 20px}.Fr6C1W_heroMobileActions .Fr6C1W_heroTrialButton{width:100%;padding-left:24px;padding-right:24px;font-size:min(5.8vw,22px)}@media (min-width:768px){.Fr6C1W_heroMobileActions{display:none}}}@layer components.courses.pre-junior{@media (min-width:768px){.Fr6C1W_heroBackground{-o-object-fit:none;object-fit:none}}@media (min-width:1024px){.Fr6C1W_heroBackground{-o-object-fit:contain;object-fit:contain}}@media (min-width:1600px){.Fr6C1W_heroBackground{-o-object-fit:cover;object-fit:cover}}}
