main:has(.learn-illu){position:relative}.learn_title{position:absolute;top:0;left:0;width:100%;height:auto;aspect-ratio:2.03;display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-outer);box-sizing:border-box}.learn_title>*{max-width:50%}.learn_title>h1{margin-top:0}.learn_title>p{font-size:var(--font-size-base);line-height:1.5;opacity:.85;font-weight:700;margin-top:1.5em}.learn_title .eyebrow{font-size:clamp(.85rem,1.2vw,1.1rem);text-transform:uppercase;letter-spacing:.15em;color:var(--color-accent);font-weight:700;margin-bottom:1.75em}.learn_title .eyebrow:after{content:"";display:block;width:100px;height:3px;background:var(--color-accent)}.learn-illu{margin:var(--nav-height) 0 0 0;height:auto;position:relative;box-sizing:border-box;aspect-ratio:2.03}.bg_city_wrap,.learn-illu{width:100%;overflow:hidden}.bg_city_wrap{height:100%;position:absolute}.bg_city{position:absolute;width:118%;height:118%;left:-9%;top:-9%;object-fit:cover;mask-image:linear-gradient(-90deg,black,black 30%,transparent);transform:translateX(calc(var(--mousex-delta) * -1%)) translateY(calc(var(--mousey-delta) * -1%))}.learn-illu_noodlebar{width:calc(80% - 2 * var(--spacing-outer));margin:0 0 0 auto;height:100%;position:relative;box-sizing:border-box}.learn-illu_noodlebar .bg,.learn-illu_noodlebar .bg_glow{width:100%;height:100%;display:block;position:absolute;top:0;left:0;object-fit:cover}.fella_group{position:absolute;top:3%;left:18%;width:30%;height:100%}.fella_group img,.fella_group>div{position:absolute;width:100%;height:auto}.fella_group .fella_seat{bottom:0;width:50%;left:20%}.fella_group .fella_group_fella{width:85%;height:auto;aspect-ratio:.675;right:0;top:22%}.smoke{position:absolute;left:33%;bottom:48%;background:transparent;aspect-ratio:1;height:70%;width:auto;transform-origin:50% 95%;mask-image:linear-gradient(0deg,transparent 2.5%,black 9%,black 40%,transparent 80%)}.smoke svg{width:100%;height:100%;overflow:visible;filter:url(#blur-contrast-composite)}.smoke svg g{mask:url(#hole)}.smoke svg circle,.smoke svg path{fill:var(--color-white);transform-origin:center}.smoke svg path{transform-origin:50% 100%;transform:scale(1.125)}.smoke svg #motionleft,.smoke svg #motionright{fill:none;stroke:none;opacity:0;visibility:hidden;height:100%;width:auto}.learn__cards{padding:0 0 var(--spacing-outer) 0}@property --learnGradAngle{syntax:"<angle>";inherits:true;initial-value:90deg}@keyframes rotateLearnGradient{0%{--learnGradAngle:0deg}to{--learnGradAngle:360deg}}.learn__card.block_card_perspective{perspective:500px;perspective-origin:50% 50%;position:relative;z-index:1}.learn__card.block_card_perspective:hover{z-index:2}.learn__card .block_card{padding:2rem;margin:1rem var(--spacing-outer);box-sizing:border-box;border-radius:.5rem;position:relative;--learnGradAngle:45deg;animation:rotateLearnGradient 2.5s linear infinite;transition:transform .3s;z-index:1;transform-style:preserve-3d}.learn__card .block_card:hover{transform:rotateY(2.5deg) translateX(2rem) translateZ(10px);z-index:2}.learn__card .block_card:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;border-radius:.5rem;background:conic-gradient(from var(--learnGradAngle) at 50% 50%,var(--color-accent-light) 0,var(--color-black) 20%,var(--color-black) 80%,var(--color-accent-light) 100%);pointer-events:none;z-index:-1;box-shadow:0 0 1rem .5rem var(--color-accent-darker);opacity:0;transition:opacity .3s}.learn__card .block_card:hover:before{opacity:1}.learn__card .block_card:after{position:absolute;content:"";top:2px;left:2px;width:calc(100% - 4px);height:calc(100% - 4px);border-radius:.5rem;background:radial-gradient(60% 150% at 0 0,var(--color-accent-dark) 0,var(--color-black) 250%);pointer-events:none;z-index:-1}.learn__card .block_card_figure{position:absolute;top:-10%;left:0;width:25%;height:100%}.learn__card .block_card_figure img{width:100%;height:100%;object-fit:contain}.learn__card .block_card_text{margin-left:25%;padding-right:2rem;position:relative;z-index:1}.learn__card .block_card_text h2{font-size:var(--font-size-m);margin-bottom:.5em}.learn__card .block_card_text p{font-size:var(--font-size-base);margin:.75em 0 1em;line-height:1.5}.learn__card .block_card_text>:first-child{margin-top:0}.learn__card .block_card_text>:last-child{margin-bottom:0}.learn__card.block_card_perspective:nth-child(odd) .block_card:hover{transform:rotateY(-2.5deg) translateX(-2rem) translateZ(10px);z-index:2}.learn__card.block_card_perspective:nth-child(odd) .block_card:after{background:radial-gradient(60% 150% at 100% 0,var(--color-accent-dark) 0,var(--color-black) 250%)}@media (max-width:768px){.learn_title{position:relative;top:0;left:0;width:calc(100% - 2 * var(--spacing-outer));margin:var(--spacing-outer) auto;transform:none;display:block;aspect-ratio:auto}.learn_title>*{max-width:100%}.learn-illu{aspect-ratio:auto}.learn-illu_noodlebar{width:100%}.smoke svg{filter:url(#responsive-filter)}.learn__card .block_card{--learnGradAngle:45deg;padding:1.5rem;margin:1rem var(--spacing-outer);animation:rotateLearnGradient 2.5s linear infinite}.learn__card .block_card:hover,.learn__card.block_card_perspective:nth-child(odd) .block_card:hover{transform:none}.learn__card .block_card:after{background:radial-gradient(60% 150% at 0 0,var(--color-accent-dark) 0,var(--color-black) 250%)}.learn__card .block_card_figure{position:relative;top:auto;left:auto;margin-top:-2.25rem;margin-bottom:1rem;width:100%;height:200px}.learn__card .block_card_text{margin-left:0;padding-right:0}.learn__card .button{width:100%;box-sizing:border-box;text-align:center}}@media (min-width:1600px){.learn-illu{mask-image:linear-gradient(90deg,transparent,black 5%,black 90%,transparent)}.learn_title{padding:var(--spacing-outer)}.learn_title>*{max-width:700px}}