/* An editorial rhythm for She Wolf. */
html{scroll-padding-top:140px}.site-header{position:sticky;top:0;z-index:35;background:rgba(255,250,245,.96);transition:box-shadow .35s,background .35s;backdrop-filter:blur(16px)}.site-header.is-scrolled{box-shadow:0 9px 30px #123f2812;background:rgba(255,250,245,.94)}.reading-progress{position:absolute;bottom:-1px;left:0;width:100%;height:3px;background:var(--green);transform:scaleX(var(--reading-progress,0));transform-origin:left center;pointer-events:none}.desktop-nav a{position:relative}.desktop-nav a:after{content:'';position:absolute;bottom:2px;left:0;right:0;height:3px;border-radius:5px;background:var(--pink);transform:scaleX(0);transform-origin:left;transition:transform .3s}.desktop-nav a.is-current:after,.desktop-nav a:hover:after{transform:scaleX(1)}.desktop-nav a:hover{text-decoration:none}#mobile-nav a.is-current{color:var(--ink);font-weight:700}#mobile-nav a.is-current>span{background:var(--pink);border-radius:20px;padding:2px 8px}
.hero{isolation:isolate;min-height:805px}.hero-content{padding-top:67px;padding-bottom:154px}.hero:before{opacity:.15;animation:backdropDrift 24s ease-in-out infinite alternate}.hero h1{font-size:clamp(85px,8.2vw,125px);margin-top:31px;margin-bottom:26px}.hero h1 .title-line{display:block;overflow:hidden;color:var(--pink);padding-bottom:.03em;line-height:.98}.hero h1 .title-line:last-child{color:var(--cream)}.hero h1 .title-line>span{display:block}.js-motion:not(.motion-off) .hero h1 .title-line>span{animation:titleArrival .85s cubic-bezier(.16,1,.3,1) both}.js-motion .hero h1 .title-line:nth-child(2)>span{animation-delay:.1s}.js-motion .hero h1 .title-line:nth-child(3)>span{animation-delay:.2s}.hero-description{max-width:405px}.hero-visual{inset:48px 6vw 140px 55%;transform:translateY(var(--hero-parallax,0px)) rotate(calc(2deg + var(--tilt,0deg)));box-shadow:17px 17px 0 var(--pink);border:1px solid #f4b0bb6b;transition:transform .45s cubic-bezier(.2,.65,.3,1),box-shadow .5s;background:var(--pink);will-change:transform;z-index:1}.hero-visual:after{display:none}.hero-slide{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 42%;opacity:0;transform:scale(1.045);transition:opacity .22s ease,transform .7s ease;filter:none;pointer-events:none}.hero-slide.is-active{opacity:1;transform:scale(1);transition:opacity .6s ease,transform 6.8s cubic-bezier(.15,.2,.25,1)}.hero-photo-shade{position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#123f2870);z-index:2;pointer-events:none}.hero .visual-caption{z-index:3;bottom:24px;letter-spacing:1.5px}.hero .vertical-caption{z-index:3;color:var(--ink);font-weight:600;font-size:7px}.hero-frame-index{position:absolute;z-index:3;top:24px;left:50%;transform:translateX(-50%);font-size:8px;font-weight:600;color:var(--ink);letter-spacing:2px;padding:6px 10px;border:1px solid #123f2840;border-radius:20px;background:#fffaf5d9}.hero-orbit{position:absolute;top:90px;left:44%;width:440px;height:490px;border:1px solid #f4b0bb66;border-radius:43% 57% 54% 46%;transform:rotate(-18deg);animation:orbitDrift 15s ease-in-out infinite alternate;pointer-events:none;z-index:-1}.hero-seal{left:48.5%;bottom:143px;width:145px;height:145px;z-index:4;animation:sealFloat 6s ease-in-out infinite alternate}.hero-bottom{height:103px;gap:30px}.hero-switcher{align-items:center;gap:25px;height:100%;flex:1;justify-content:center}.hero-switcher button{position:relative;display:flex;align-items:center;gap:10px;min-height:61px;text-align:left;padding:9px 0;color:var(--cream);opacity:.65;min-width:155px;transition:opacity .3s}.hero-switcher button>img{width:34px;height:42px;object-fit:cover;border-radius:9px;transition:transform .3s,outline .3s}.hero-switcher button>span{font-size:12px;line-height:1.5;margin:0;font-weight:600}.hero-switcher button small{display:block;font-size:6px;font-weight:400;letter-spacing:1px;margin-bottom:3px}.hero-switcher button.active{color:var(--cream);opacity:1}.hero-switcher button.active>img{outline:1px solid var(--pink);outline-offset:3px;transform:rotate(-4deg)}.hero-switcher button.active:after{display:none}.hero-switcher button i{position:absolute;height:2px;left:46px;right:0;bottom:0;background:#fffaf53d;overflow:hidden;border-radius:8px}.hero-switcher button i:after{content:'';position:absolute;inset:0;background:var(--pink);transform:scaleX(0);transform-origin:left}.hero.is-playing .hero-switcher button.active i:after{animation:slideProgress 6.8s linear both}.hero-switcher button:focus-visible{outline-offset:7px}.motion-toggle{display:flex;align-items:center;gap:9px;padding:10px 12px;background:#fffaf512;border:1px solid #fffaf56b;border-radius:30px;font-size:8px;font-weight:600;color:var(--cream);white-space:nowrap;flex-shrink:0}.motion-toggle:hover{background:#fffaf52b}.motion-toggle-icon{display:grid;place-items:center;width:13px;height:14px;font-family:Arial,sans-serif;font-size:12px;line-height:1}.hero-buttons .button{box-shadow:0 4px 0 #0c432633;transition:transform .3s,box-shadow .3s,background .3s}.hero-buttons .button:hover{transform:translateY(-4px);box-shadow:0 8px 0 #0c432633}.button>span,.text-button>span,.card-link>span{transition:transform .3s}.button:hover>span,.text-button:hover>span,.card-link:hover>span{transform:translate(3px,-3px)}
.statement-strip{display:block;padding:0;border-top:1px solid var(--green);border-bottom:1px solid var(--green);transform:rotate(-1.3deg) scaleX(1.01);position:relative;z-index:6;box-shadow:0 7px 0 #123f280b}.statement-track{display:flex;width:max-content;animation:brandMarquee 30s linear infinite;will-change:transform}.statement-group{display:flex;align-items:center;gap:38px;flex-shrink:0;padding:25px 38px 24px 0}.statement-group>span{flex-shrink:0}.statement-strip:hover .statement-track{animation-play-state:paused}.strip-star{font-size:37px;font-weight:400}
.courses-section{padding-top:112px;padding-bottom:110px}.section-heading h2{line-height:1.12}.courses-grid{gap:24px;position:relative}.photo-card{height:495px;border:1px solid #123f2826;box-shadow:0 8px 25px #123f280a;transition:box-shadow .5s}.photo-card:nth-child(2){margin-top:35px;height:510px;border-radius:160px 160px 24px 24px}.photo-card:nth-child(3){border-radius:24px 24px 150px 24px}.photo-card img{transition:transform 1.1s cubic-bezier(.2,.6,.2,1);object-position:50% 43%}.photo-card:hover img{transform:scale(1.065)}.photo-card:after{background:linear-gradient(0deg,#123f28fa 0%,#123f28a0 26%,transparent 70%)}.photo-card:hover{box-shadow:0 17px 35px #123f2821}.photo-card .course-number{border-radius:30px;background:var(--cream);color:var(--ink);padding:6px 10px;font-size:6px;letter-spacing:1px;left:20px;top:20px}.photo-card:nth-child(2) .course-number{top:41px;left:50%;transform:translateX(-50%);white-space:nowrap}.photo-card .pill{background:var(--pink);color:var(--ink);border-color:var(--pink)}.photo-card .course-card-bottom{bottom:28px}.compact-card{border-radius:24px 65px 24px 24px;transition:box-shadow .4s,background .4s}.compact-card:hover{box-shadow:0 12px 24px #123f2815}.courses-navigation{display:none}.course-bottom-note{margin-top:35px}.filter-button{transition:background .25s,color .25s,transform .25s}.filter-button:active{transform:scale(.95)}
.reveal-ready{opacity:0;transform:translate3d(0,28px,0);transition:opacity .8s ease var(--reveal-delay,0ms),transform .8s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0ms)}.reveal-ready.is-visible{opacity:1;transform:translate3d(0,0,0)}.personal-service,.wellness-service{box-shadow:0 16px 35px #123f280a;transition:box-shadow .4s}.personal-service:hover,.wellness-service:hover{box-shadow:0 22px 45px #123f281c}.personal-service:before{content:'';position:absolute;inset:0;background:radial-gradient(350px circle at var(--spot-x,80%) var(--spot-y,25%),#fffaf51f,transparent 65%);pointer-events:none}.wellness-service:before{content:'';position:absolute;inset:0;background:radial-gradient(350px circle at var(--spot-x,80%) var(--spot-y,25%),#f4b0bb2e,transparent 70%);pointer-events:none}.wellness-service>*{position:relative}.wellness-flower{transition:transform .65s cubic-bezier(.2,.6,.2,1)}.wellness-service:hover .wellness-flower{transform:rotate(90deg)}.treatment-options>button{transition:background .3s,border-color .3s,transform .3s}.treatment-options>button:hover{transform:translateX(3px)}.treatment-options>button>span:last-child{transition:transform .3s}.treatment-options>button:hover>span:last-child{transform:rotate(45deg)}
.studio-section{padding-top:100px;padding-bottom:100px}.studio-portrait{overflow:hidden;box-shadow:15px 15px 0 #f4b0bb23;transform:rotate(-2deg);transition:transform .6s}.studio-portrait:hover{transform:rotate(0deg)}.studio-portrait>img{transition:opacity .36s ease,transform 1.2s cubic-bezier(.2,.6,.2,1);object-position:50% 42%}.studio-portrait:hover>img{transform:scale(1.035)}.studio-portrait.is-changing>img{opacity:.2;transform:scale(1.03)}.studio-portrait:after{inset:55% 0 0;background:linear-gradient(transparent,#123f28db)}.studio-portrait .portrait-label{bottom:87px;font-size:49px}.studio-portrait .portrait-label span{font-size:38px}.studio-portrait .photo-credit{bottom:90px}.studio-gallery-controls{position:absolute;left:22px;right:22px;bottom:23px;z-index:4;display:flex;gap:7px;padding:7px;border:1px solid #fffaf560;border-radius:40px;backdrop-filter:blur(12px);background:#123f285e}.studio-gallery-controls button{flex:1;border-radius:30px;padding:8px 10px;background:transparent;color:var(--cream);font-size:9px;line-height:1.7;transition:background .3s,color .3s}.studio-gallery-controls button.active{background:var(--pink);color:var(--ink);font-weight:600}.studio-gallery-controls button:hover:not(.active){background:#fffaf520}.booking-shell{box-shadow:0 16px 42px #123f280a}.booking-placeholder .calendar-mark{transition:transform .6s,background .5s}.booking-placeholder:hover .calendar-mark{transform:rotate(12deg);background:#f7c5cc}.app-art .phone{transition:transform .65s cubic-bezier(.2,.6,.2,1)}.app-art:hover .phone{transform:rotate(3deg) translateY(27px)}.app-art:before{animation:orbitDrift 17s ease-in-out infinite alternate}.faq-list details[open]{background:#f4b0bb1c;padding-left:15px;padding-right:15px;border-radius:15px}.faq-list details{transition:background .3s,padding .3s}.contact-details a{transition:transform .3s}.contact-details a:hover{transform:translateX(5px)}.floating-contact:before{content:'Parliamone';position:absolute;right:calc(100% + 12px);top:50%;transform:translate(5px,-50%);background:var(--green);color:var(--cream);border-radius:30px;padding:7px 13px;font-size:10px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s}.floating-contact:hover:before,.floating-contact:focus-visible:before{opacity:1;transform:translate(0,-50%)}
.motion-off .reveal-ready{opacity:1;transform:none;transition:none}.motion-off .hero:before,.motion-off .hero-orbit,.motion-off .hero-seal,.motion-off .statement-track,.motion-off .app-art:before{animation-play-state:paused!important}.motion-off .hero-slide{transition:none;transform:none}.motion-off .hero-visual{transition:none}.motion-off .hero h1 .title-line>span{animation:none!important;transform:none;opacity:1}.motion-off .hero-switcher button i:after{animation:none!important}.modal-open .statement-track,.modal-open .hero-seal,.modal-open .hero-orbit,.modal-open .app-art:before{animation-play-state:paused}
@keyframes titleArrival{from{transform:translateY(110%) rotate(3deg);opacity:.5}to{transform:translateY(0) rotate(0);opacity:1}}
@keyframes brandMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes backdropDrift{from{transform:rotate(-13deg) translate(0,0)}to{transform:rotate(-4deg) translate(-20px,15px)}}
@keyframes orbitDrift{from{transform:rotate(-18deg) translateY(0)}to{transform:rotate(-8deg) translateY(12px)}}
@keyframes sealFloat{from{transform:rotate(-14deg) translateY(0)}to{transform:rotate(-8deg) translateY(-9px)}}
@keyframes slideProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(min-width:1600px){.hero{min-height:870px}.hero-visual{inset:55px max(6vw,calc((100vw - 1424px)/2)) 140px 57%}.hero-content{padding-top:72px}}
@media(max-width:1180px){.hero{min-height:790px}.hero h1{font-size:102px}.hero-switcher button{min-width:140px}.hero-switcher{gap:21px}.hero-seal{left:49%;width:127px;height:127px;bottom:150px}.hero-orbit{width:350px;height:440px}.hero-bottom{gap:24px}.photo-card{height:450px}.photo-card:nth-child(2){height:480px;margin-top:25px}.photo-card .course-number{left:16px;font-size:5px;letter-spacing:.7px;padding:6px 8px}}
@media(max-width:900px){html{scroll-padding-top:115px}.hero{min-height:765px}.hero h1{font-size:89px}.hero-content{padding-top:61px;width:63%;padding-left:30px}.hero-visual{inset:73px 35px 150px 54%;box-shadow:12px 12px 0 var(--pink)}.hero-seal{left:47%;height:114px;width:114px;bottom:152px}.hero-orbit{left:48%;top:110px;width:290px;height:400px}.hero-bottom{height:100px;gap:20px}.scroll-link{display:none}.hero-switcher{justify-content:flex-start;gap:25px}.hero-switcher button{min-width:145px}.motion-toggle{font-size:8px;padding:10px 12px}.hero-switcher button>span{font-size:11px}.hero-switcher button small{font-size:5px}.courses-section{padding-top:85px;padding-bottom:85px}.courses-grid{gap:18px}.photo-card{height:410px}.photo-card:nth-child(2){height:430px;margin-top:23px}.photo-card .course-number{font-size:5px;padding:5px 7px;letter-spacing:.2px;left:12px}.photo-card:nth-child(2) .course-number{top:35px}.photo-card .course-card-bottom{bottom:24px}.studio-section{padding-top:75px;padding-bottom:75px}.studio-portrait{box-shadow:10px 10px 0 #f4b0bb23}.studio-portrait .portrait-label{font-size:41px;bottom:86px}.studio-portrait .portrait-label span{font-size:32px}.studio-gallery-controls{left:15px;right:15px;padding:6px;gap:4px}.studio-gallery-controls button{font-size:8px;padding:8px 7px}}
@media(max-width:640px){html{scroll-padding-top:110px}.hero{min-height:0;display:flex;padding-bottom:86px}.hero-content{order:0;padding:35px 22px 36px;width:100%}.hero h1{font-size:clamp(66px,17vw,86px);margin-top:26px;margin-bottom:24px}.hero h1 .title-line{line-height:1.01}.hero-visual{position:relative;inset:auto;order:1;height:430px;width:calc(100% - 64px);max-width:390px;margin:0 auto 43px;transform:rotate(2deg);box-shadow:11px 11px 0 var(--pink);border-radius:48% 48% 32% 32%/31% 31% 22% 22%}.hero-slide{object-position:50% 42%}.hero-orbit{left:auto;right:-95px;top:auto;bottom:190px;width:345px;height:410px;z-index:-1}.hero-seal{left:auto;right:12px;bottom:112px;width:110px;height:110px;padding:11px;box-shadow:0 0 0 6px var(--green)}.hero-frame-index{font-size:7px;top:20px;letter-spacing:1.5px}.hero .vertical-caption{font-size:6px;right:12px;letter-spacing:1.8px}.hero .visual-caption{font-size:6px;bottom:19px;letter-spacing:1px}.hero-bottom{height:78px;gap:14px}.hero-switcher{justify-content:flex-start;gap:20px;flex:1;min-width:0}.hero-switcher button{min-width:0;flex:1;gap:8px;min-height:53px;padding:7px 0}.hero-switcher button>img{height:34px;width:27px;border-radius:7px}.hero-switcher button>span{font-size:10px;line-height:1.6}.hero-switcher button small{font-size:5px;letter-spacing:.5px;margin-bottom:2px;white-space:nowrap}.hero-switcher button i{left:0;bottom:-1px}.motion-toggle{font-size:0;padding:10px;height:34px;width:34px;justify-content:center;gap:0}.motion-toggle-text{display:none}.motion-toggle-icon{font-size:12px;width:12px;height:12px}.statement-strip{transform:rotate(-1.4deg) scaleX(1.015)}.statement-group{padding:23px 28px 22px 0;gap:28px;font-size:21px}.strip-star{font-size:31px}.courses-section{padding-top:75px;padding-bottom:65px}.courses-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,86%);grid-template-columns:none;gap:17px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-left:0;overscroll-behavior-x:contain;scrollbar-width:none;position:relative;padding:5px 0 8px;max-width:100%}.courses-grid::-webkit-scrollbar{display:none}.courses-grid>.course-card{height:455px;min-width:0;scroll-snap-align:start;scroll-snap-stop:always;margin-top:0}.photo-card:nth-child(2){height:455px;border-radius:130px 130px 24px 24px}.photo-card:nth-child(3){border-radius:24px 24px 120px 24px}.photo-card .course-number{left:20px;top:22px;font-size:6px;letter-spacing:.9px;padding:6px 9px}.photo-card:nth-child(2) .course-number{left:50%;top:38px}.photo-card .course-card-bottom{left:22px;right:22px;bottom:24px}.courses-grid .compact-card{border-radius:24px 65px 24px 24px;padding:25px}.courses-grid .compact-card .line-art{opacity:.25;transform:scale(1.35) rotate(10deg);top:30px;right:60px}.courses-grid .compact-card .kids-star{font-size:190px;top:45px;right:25px}.courses-grid .compact-card h3{font-size:31px}.courses-grid .compact-card .course-number{font-size:7px}.courses-navigation{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:18px}.courses-navigation>span{font-size:10px;font-weight:600;color:var(--green)}.courses-navigation small{display:block;font-size:8px;font-weight:400;letter-spacing:1px;margin-top:3px}.courses-navigation>div{display:flex;gap:8px}.courses-navigation button{height:40px;width:40px;border:1px solid var(--green);border-radius:50%;background:var(--cream);color:var(--green);font-size:19px;line-height:1;transition:background .25s,color .25s}.courses-navigation button:not(:disabled):hover{background:var(--green);color:var(--cream)}.courses-navigation button:disabled{opacity:.3}.course-bottom-note{margin-top:25px;font-size:9px}.studio-section{padding-top:63px;padding-bottom:63px}.studio-portrait{height:490px;margin:0 7px}.studio-portrait .portrait-label{font-size:46px;bottom:90px}.studio-portrait .portrait-label span{font-size:36px}.studio-gallery-controls{left:18px;right:18px;bottom:20px;padding:6px;gap:5px}.studio-gallery-controls button{font-size:9px;padding:8px}.studio-portrait .photo-credit{bottom:94px}.floating-contact:before{display:none}.faq-list details[open]{padding-left:11px;padding-right:11px}.reveal-ready{transform:translate3d(0,20px,0);transition-duration:.65s}}
@media(max-width:370px){.hero h1{font-size:63px}.hero-visual{height:380px;width:calc(100% - 59px)}.hero-seal{height:98px;width:98px;bottom:113px;right:9px}.hero-switcher{gap:12px}.hero-switcher button>img{height:32px;width:24px}.hero-switcher button small{font-size:4px;letter-spacing:.25px}.hero-switcher button>span{font-size:9px}.hero-bottom{gap:11px}.courses-grid{grid-auto-columns:minmax(244px,89%)}.courses-grid>.course-card{height:430px}.courses-grid .compact-card h3{font-size:28px}.photo-card .course-number{font-size:5px;letter-spacing:.5px;left:17px}.studio-portrait{height:440px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal-ready{opacity:1;transform:none}.hero-slide{transition:none;transform:none}.hero h1 .title-line>span{animation:none;transform:none;opacity:1}*,*:before,*:after{animation:none!important;transition:none!important}.hero-visual,.studio-portrait{will-change:auto}.statement-track{transform:none}.motion-toggle{display:none}}
body{overflow-x:clip}
@media(max-width:640px){.motion-toggle{width:40px;height:40px}}

.statement-wrap{position:relative;z-index:6;overflow:hidden;padding:15px 0;margin-top:-15px;margin-bottom:-15px;background:linear-gradient(var(--green) 50%,var(--cream) 50%)}.hero-bottom{padding-right:44px}@media(max-width:640px){.hero-bottom{padding-right:52px}}
.motion-off{scroll-behavior:auto}.motion-off .reveal{animation:none!important}
/* Six course frames: outer top corners, top arch, outer bottom corners, bottom arch. */
#courses-grid{--course-outer-curve:150px;--course-bottom-arch:160px;--course-small-corner:24px}
#courses-grid>.course-card:nth-child(1){border-radius:var(--course-outer-curve) var(--course-small-corner) var(--course-small-corner) var(--course-small-corner)}
#courses-grid>.course-card:nth-child(3){border-radius:var(--course-small-corner) var(--course-outer-curve) var(--course-small-corner) var(--course-small-corner)}
#courses-grid>.course-card:nth-child(4){border-radius:var(--course-small-corner) var(--course-small-corner) var(--course-small-corner) var(--course-outer-curve);padding-bottom:78px}
#courses-grid>.course-card:nth-child(5){border-radius:var(--course-small-corner) var(--course-small-corner) var(--course-bottom-arch) var(--course-bottom-arch);padding-bottom:92px}
#courses-grid>.course-card:nth-child(6){border-radius:var(--course-small-corner) var(--course-small-corner) var(--course-outer-curve) var(--course-small-corner);padding-bottom:78px}
#courses-grid>.compact-card{min-height:330px}
@media(max-width:640px){#courses-grid{--course-outer-curve:130px;--course-bottom-arch:130px}}
#courses-grid>.photo-card:nth-child(1) .course-number{left:auto;right:20px}

/* Aligned frames retain their individual corner shapes. */
#courses-grid{--course-photo-height:495px}
#courses-grid>.photo-card{height:var(--course-photo-height);margin-top:0}
#courses-grid>.photo-card[data-category="pole"]>img{object-position:50% 30%}
.hero-slide[data-hero-image="pole"]{object-position:50% 30%}
.hero-switcher{min-width:0;gap:20px}
.hero-switcher button{min-width:125px}
/* Reveal the decorative phone once its own panel enters the viewport. */
#app .app-art{--phone-rest-y:42px;--phone-rest-angle:9deg}
#app .phone{opacity:1;transform:translateY(var(--phone-rest-y)) rotate(var(--phone-rest-angle));transition:transform 1.25s cubic-bezier(.16,1,.3,1),opacity .65s ease}
#app .phone-entry-ready:not(.phone-visible) .phone{opacity:0;transform:translateY(110%) rotate(16deg) scale(.97)}
#app .phone-visible:hover .phone{transform:translateY(calc(var(--phone-rest-y) - 12px)) rotate(3deg)}
.motion-off #app .app-art .phone{opacity:1;transform:translateY(var(--phone-rest-y)) rotate(var(--phone-rest-angle));transition:none}
@media(max-width:1180px){#courses-grid{--course-photo-height:450px}.hero-bottom>.scroll-link{display:none}}
@media(max-width:900px){#courses-grid{--course-photo-height:410px}#app .app-art{--phone-rest-y:55px;--phone-rest-angle:8deg}}
@media(max-width:640px){
 #courses-grid{--course-photo-height:455px}
 .hero-switcher{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
 .hero-switcher button{min-width:0;min-height:48px;justify-content:center}
 .hero-switcher button>img,.hero-switcher button small{display:none}
 .hero-switcher button>span{font-size:11px}
 .hero-switcher button i{left:0;right:0}
 #app .app-art{--phone-rest-y:64px}
}
@media(max-width:370px){#courses-grid{--course-photo-height:430px}.hero-switcher{gap:8px}.hero-switcher button>span{font-size:10px}}
@media(prefers-reduced-motion:reduce){#app .app-art .phone{opacity:1;transform:translateY(var(--phone-rest-y)) rotate(var(--phone-rest-angle));transition:none}}