/* Approved refinement: graphite, sage, compact photography and readable modules. */
body[data-view="app"]{--studio-action:#52654f;--studio-action-hover:#40523e;--studio-selected:#d4ddcf;--studio-card-radius:14px;--studio-gap:24px}
body[data-view="app"] :is(.btn.primary,.studio-training-footer .btn,.studio-recipes .recipe-card-actions [data-n-action="plan-recipe"]){background:var(--studio-action);border-color:var(--studio-action);color:#fff;min-height:48px;font-size:14px;font-weight:650}
body[data-view="app"] :is(.btn.primary,.studio-training-footer .btn,.studio-recipes .recipe-card-actions [data-n-action="plan-recipe"]):hover{background:var(--studio-action-hover);border-color:var(--studio-action-hover);color:#fff}
body[data-view="app"] :is(.studio-training,.studio-meals,.studio-knowledge,.studio-training-grid .card,.studio-training-navigation,.studio-nutrition-panel,.studio-food-navigation,.studio-recipe-controls,.studio-route-body .card,.recipe-discovery-card){border-radius:var(--studio-card-radius);box-shadow:0 3px 14px #242c2905}
body[data-view="app"] .studio-route-body{padding-bottom:32px}
body[data-view="app"] .studio-route-hero{min-height:220px}
body[data-view="app"] .studio-route-hero-copy{padding:26px 40px 48px}
body[data-view="app"] .studio-route-hero h1{font-size:clamp(34px,3.7vw,48px);margin-bottom:12px}
body[data-view="app"] .studio-route-hero p{font-size:16px;line-height:1.5}
body[data-view="app"] .studio-route-hero .eyebrow{font-size:11px}
body[data-view="app"] .studio-hero{min-height:250px}
body[data-view="app"] .studio-hero-inner{padding:30px 40px 64px}
body[data-view="app"] .studio-hero h1{font-size:clamp(38px,4vw,56px);margin-bottom:14px}
body[data-view="app"] .studio-hero p{font-size:17px;margin:0;max-width:450px}
body[data-view="app"] .studio-dashboard{gap:var(--studio-gap);margin-top:-28px;padding-bottom:24px}
body[data-view="app"] .studio-home .studio-training{padding:24px}
body[data-view="app"] .studio-home .workspace-days{gap:6px}
body[data-view="app"] .studio-home .workspace-day{min-height:88px;gap:7px}
body[data-view="app"] .studio-home .workspace-day.is-today{background:var(--studio-selected)}
body[data-view="app"] .studio-home .workspace-day-top{font-size:13px}
body[data-view="app"] .studio-day-today{display:block;font-size:11px;font-weight:650;margin-top:3px;color:#354b38}
body[data-view="app"] .studio-home .workspace-day strong{font-size:12px;color:#4d5950}
body[data-view="app"] .studio-training-focus{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr);grid-template-areas:"heading photo" "exercises photo" "footer footer";gap:12px 24px;background:#fff;border:0;border-radius:0;padding:0;min-height:340px;margin-top:24px;overflow:visible;isolation:auto}
body[data-view="app"] .studio-training-focus::after{display:none}
body[data-view="app"] .studio-training-heading{grid-area:heading;max-width:none}
body[data-view="app"] .studio-training-heading h3{font-size:24px;line-height:1.25}
body[data-view="app"] .studio-training-heading h3>span{display:none}
body[data-view="app"] .studio-training-heading p{font-size:14px;max-width:none;color:#526057}
body[data-view="app"] .studio-exercises{grid-area:exercises;width:100%;max-width:none;margin:0;align-content:start}
body[data-view="app"] .studio-exercise{gap:12px;min-height:66px;border-color:#e2e7de}
body[data-view="app"] .studio-exercise-copy strong{font-size:14px;font-weight:600}
body[data-view="app"] .studio-exercise-copy small{font-size:13px;color:#526057}
body[data-view="app"] .studio-exercise-thumb{flex-basis:68px;height:52px;border-radius:8px}
body[data-view="app"] .studio-training-photo{grid-area:photo;position:static;z-index:auto;width:100%;height:100%;min-height:230px;border-radius:12px;object-fit:cover;object-position:68% center}
body[data-view="app"] .studio-training-footer{grid-area:footer;gap:16px;padding-top:6px}
body[data-view="app"] .studio-training-footer>span{font-size:13px;color:#526057}
body[data-view="app"] .studio-rest{grid-area:exercises;max-width:none;padding:12px 0}
body[data-view="app"] .studio-daily-aside{gap:var(--studio-gap);grid-template-rows:auto auto}
body[data-view="app"] .studio-meals{padding:24px}
body[data-view="app"] .studio-module-heading>a,body[data-view="app"] .studio-training .studio-plan-link{font-size:12px;min-height:36px}
body[data-view="app"] .studio-home .nutrition-home-meal{gap:16px;padding-bottom:12px}
body[data-view="app"] .studio-home .nutrition-home-meal-photo{flex-basis:116px;height:87px;border-radius:10px}
body[data-view="app"] .studio-home .nutrition-home-meal-copy>small{font-size:12px}
body[data-view="app"] .studio-home .nutrition-home-meal-copy>strong{font-size:15px;line-height:1.35;font-weight:500}
body[data-view="app"] .studio-home .nutrition-home-bottom>span{font-size:10px;color:#526057}
body[data-view="app"] .studio-knowledge{padding:22px;background:#e5eae1;min-height:215px}
body[data-view="app"] .studio-knowledge-copy{width:70%}
body[data-view="app"] .studio-knowledge-copy>p{font-size:14px;line-height:1.55;max-width:none}
body[data-view="app"] .studio-knowledge-criteria{display:none}
body[data-view="app"] .studio-knowledge-footer>span{font-size:11px}
body[data-view="app"] .studio-knowledge-link{background:transparent;color:#3f5541;padding:8px 0;min-height:44px;font-size:14px;text-decoration:underline;text-underline-offset:4px}
body[data-view="app"] .studio-knowledge-link:hover{background:transparent;color:#242c29}
body[data-view="app"] .studio-training-body,body[data-view="app"] .studio-training-grid,body[data-view="app"] .studio-training-aside{gap:var(--studio-gap)}
body[data-view="app"] .studio-training-navigation .training-mode{font-size:12px}
body[data-view="app"] .studio-training-navigation .training-mode select{font-size:14px;min-height:44px}
body[data-view="app"] .studio-training-navigation .training-sections a{font-size:13px;min-height:44px;display:flex;align-items:center;justify-content:center}
body[data-view="app"] .studio-plan-topline .eyebrow{font-size:11px;letter-spacing:.06em}
body[data-view="app"] .studio-plan-topline .pill{font-size:12px}
body[data-view="app"] .studio-plan-heading p,body[data-view="app"] .studio-plan-facts{font-size:14px;color:#526057}
body[data-view="app"] .studio-plan-start{background:#fff;padding:0;margin:0 0 8px;gap:16px}
body[data-view="app"] .studio-plan-start .field{font-size:12px}
body[data-view="app"] .studio-plan-start input{min-height:44px;font-size:14px}
body[data-view="app"] .studio-plan-start .field small{font-size:11px}
body[data-view="app"] .studio-plan-exercise-copy>strong{font-size:16px}
body[data-view="app"] .studio-plan-exercise-copy .guide-open{font-size:13px;min-height:40px}
body[data-view="app"] .studio-plan-exercise-copy>small,body[data-view="app"] .studio-plan-exercise .exercise-load-preview{font-size:13px;color:#526057;line-height:1.6}
body[data-view="app"] .studio-plan-exercise>.exercise-target{border-radius:8px;min-width:90px}
body[data-view="app"] .studio-plan-exercise>.exercise-target b{font-size:14px}
body[data-view="app"] .studio-plan-exercise>.exercise-target span{font-size:11px}
body[data-view="app"] .studio-plan-week>p,body[data-view="app"] .studio-plan-day-copy small,body[data-view="app"] .studio-plan-warmup p,body[data-view="app"] .studio-plan-guidance p,body[data-view="app"] .studio-plan-progression p{font-size:13px;color:#526057}
body[data-view="app"] .studio-plan-day-copy strong{font-size:14px}
body[data-view="app"] .studio-plan-edit{font-size:13px;min-height:44px}
body[data-view="app"] .studio-food-hero{min-height:210px}
body[data-view="app"] .studio-food-hero .studio-route-hero-copy{padding-top:22px;padding-bottom:44px}
body[data-view="app"] .studio-food-hero h1{font-size:clamp(34px,3.7vw,48px)}
body[data-view="app"] .studio-food-image-note{font-size:10px;bottom:34px;background:#f5f7f2e8}
body[data-view="app"] .studio-food-body{margin-top:-24px}
body[data-view="app"] .studio-food-navigation{margin-bottom:24px}
body[data-view="app"] .studio-nutrition .nutrition-tabs button{font-size:14px;min-height:44px}
body[data-view="app"] .studio-nutrition .nutrition-tabs button.active{background:var(--studio-selected)}
body[data-view="app"] .studio-nutrition .meal-planner-head{gap:16px;align-items:center;margin:0}
body[data-view="app"] .studio-nutrition .meal-planner-head h2{font-size:28px;line-height:1.2}
body[data-view="app"] .studio-nutrition .meal-planner-head .eyebrow{display:none}
body[data-view="app"] .studio-plan-controls{gap:12px;flex-wrap:wrap;justify-content:flex-end}
body[data-view="app"] .studio-nutrition .nutrition-week-controls .field{font-size:12px;min-width:140px}
body[data-view="app"] .studio-nutrition .nutrition-week-controls input{font-size:14px;min-height:44px}
body[data-view="app"] .studio-nutrition .nutrition-week-controls .btn{min-height:44px}
body[data-view="app"] .studio-plan-tools>summary{font-size:13px;min-height:44px}
body[data-view="app"] .studio-nutrition .meal-week-subhead{margin-top:8px}
body[data-view="app"] .studio-nutrition .meal-week-subhead p{font-size:13px;color:#526057}
body[data-view="app"] .studio-nutrition .meal-view-switch .btn{font-size:13px;min-height:44px;padding:9px 14px}
body[data-view="app"] .studio-nutrition .meal-view-switch .btn[aria-pressed="true"]{background:var(--studio-selected)}
body[data-view="app"] .studio-nutrition .meal-day-tabs{margin:16px 0;gap:8px}
body[data-view="app"] .studio-nutrition .meal-day-tabs .btn{min-height:68px;font-size:14px;background:#f0f3ed}
body[data-view="app"] .studio-nutrition .meal-day-tabs .btn[aria-pressed="true"]{background:var(--studio-selected)}
body[data-view="app"] .studio-nutrition .meal-day-tabs .btn span{font-size:12px;color:#526057}
body[data-view="app"] .meal-day-today{font-size:10px;font-weight:650;line-height:1.3;color:#354b38}
body[data-view="app"] .studio-nutrition .meal-day-panel>header .btn{font-size:13px;min-height:44px}
body[data-view="app"] .studio-nutrition .meal-day-cards{gap:24px}
body[data-view="app"] .studio-nutrition .meal-day-card{border-radius:14px}
body[data-view="app"] .studio-nutrition .studio-meal-photo{aspect-ratio:1.8}
body[data-view="app"] .studio-recipes .recipe-cover{aspect-ratio:4/3}
body[data-view="app"] .studio-nutrition .studio-meal-copy{padding:20px}
body[data-view="app"] .studio-nutrition .studio-meal-copy .eyebrow{font-size:12px;letter-spacing:0}
body[data-view="app"] .studio-nutrition .studio-meal-copy>p{font-size:13px;color:#526057}
body[data-view="app"] .studio-nutrition .meal-day-card h4{font-size:19px;margin:8px 0 12px}
body[data-view="app"] .studio-meal-recipe-link{display:inline-flex;align-items:center;align-self:flex-start;gap:10px;min-height:44px;font-size:14px;font-weight:650;background:none;border:0;padding:0;color:#3f5541;cursor:pointer;text-decoration:underline;text-underline-offset:3px;font-family:inherit}
body[data-view="app"] .studio-nutrition .meal-day-actions .btn{font-size:13px;min-height:44px}
body[data-view="app"] .studio-nutrition .studio-meal-image-note{font-size:11px;color:#526057}
body[data-view="app"] .studio-recipes :is(.recipe-card-meta,.recipe-card-nutrition){font-size:13px;color:#526057}
body[data-view="app"] .studio-recipes .recipe-card-actions .btn{font-size:13px;min-height:44px}
body[data-view="app"] .studio-recipes .recipe-discovery-results.is-grid{gap:24px}
@media(max-width:1100px) and (min-width:761px){
 body[data-view="app"] .studio-dashboard{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:20px}
 body[data-view="app"] .studio-training-focus{grid-template-columns:minmax(0,1.2fr) minmax(0,.75fr);gap:12px}
 body[data-view="app"] .studio-home .studio-training,body[data-view="app"] .studio-meals{padding:20px}
 body[data-view="app"] .studio-home .nutrition-home-meal-photo{flex-basis:84px;height:70px}
 body[data-view="app"] .studio-knowledge-copy{width:75%}
 body[data-view="app"] .studio-nutrition .meal-day-cards{gap:16px}
 body[data-view="app"] .studio-nutrition .meal-planner-head{flex-wrap:wrap}
 body[data-view="app"] .studio-plan-controls{justify-content:flex-start}
}
@media(max-width:800px){
 body[data-view="app"] .studio-training-navigation{padding:10px 12px;gap:6px}
 body[data-view="app"] .studio-training-navigation .training-mode{font-size:12px}
 body[data-view="app"] .studio-training-navigation .training-mode select{min-height:40px;flex:0 0 54%;width:54%;max-width:none;min-width:0;padding-inline:10px}
 body[data-view="app"] .studio-training-navigation .training-sections a{font-size:11px;padding:6px 3px;min-height:44px;line-height:1.3}
 body[data-view="app"] .studio-training-grid .studio-plan-week{padding:12px 16px}
 body[data-view="app"] .studio-plan-week .studio-module-heading h2{font-size:19px;margin-bottom:6px}
 body[data-view="app"] .studio-plan-edit{right:16px;top:9px;font-size:11px;min-height:36px}
 body[data-view="app"] .studio-plan-days>.studio-plan-day{min-height:60px;padding:8px 5px;gap:5px}
 body[data-view="app"] .studio-plan-weekday,body[data-view="app"] .studio-plan-day-copy .studio-plan-day-short{font-size:12px}
 body[data-view="app"] .studio-training-body,body[data-view="app"] .studio-training-grid{gap:16px}
}
@media(max-width:760px){
 body[data-view="app"]{--studio-gap:16px}
 body[data-view="app"] .studio-route-hero{min-height:154px}
 body[data-view="app"] .studio-route-hero-copy{padding:20px 20px 40px}
 body[data-view="app"] .studio-route-hero h1{font-size:32px;max-width:95%;margin-bottom:8px}
 body[data-view="app"] .studio-route-hero p{font-size:14px;max-width:80%}
 body[data-view="app"] .studio-training-hero{min-height:102px}
 body[data-view="app"] .studio-training-hero .studio-route-hero-copy{padding:12px 20px 28px}
 body[data-view="app"] .studio-training-hero .eyebrow{display:none}
 body[data-view="app"] .studio-training-hero h1{font-size:30px;margin-bottom:7px}
 body[data-view="app"] .studio-training-hero h1 br,body[data-view="app"] .studio-training-hero h1 .studio-training-tagline{display:none}
 body[data-view="app"] .studio-training-hero p{font-size:13px;max-width:75%}
 body[data-view="app"] .studio-training-hero .studio-route-hero-image{object-position:75% center}
 body[data-view="app"] .studio-training-grid .studio-plan-session{padding:16px}
 body[data-view="app"] .studio-plan-topline{margin-bottom:10px;gap:8px}
 body[data-view="app"] .studio-plan-topline .eyebrow{font-size:10px}
 body[data-view="app"] .studio-plan-heading h2{font-size:28px;margin-bottom:6px}
 body[data-view="app"] .studio-plan-heading p{font-size:13px;line-height:1.5}
 body[data-view="app"] .studio-plan-facts{font-size:12px;margin:10px 0;gap:8px 12px}
 body[data-view="app"] .studio-plan-start{display:grid;grid-template-columns:1fr;gap:10px}
 body[data-view="app"] .studio-plan-start>.field{max-width:none;display:grid;grid-template-columns:minmax(0,1fr) 145px;align-items:center;font-size:12px;gap:5px 10px}
 body[data-view="app"] .studio-plan-start>.field input{grid-column:2;grid-row:1/3;min-width:0;width:100%;min-height:40px}
 body[data-view="app"] .studio-plan-start>.field small{font-size:10px}
 body[data-view="app"] .studio-plan-start>.btn{width:100%;justify-content:center;min-height:48px}
 body[data-view="app"] .studio-plan-exercise{grid-template-columns:56px minmax(0,1fr);gap:8px 12px;padding:18px 0}
 body[data-view="app"] .studio-plan-thumb{width:56px;height:62px;grid-row:1/3}
 body[data-view="app"] .studio-plan-exercise-copy>strong{font-size:15px}
 body[data-view="app"] .studio-plan-exercise>.exercise-target{grid-column:2;display:flex;justify-self:start;gap:8px;min-width:0;margin:0;padding:6px 9px}
 body[data-view="app"] .studio-plan-exercise>.exercise-target span{font-size:11px}
 body[data-view="app"] .studio-plan-exercise-copy>small,body[data-view="app"] .studio-plan-exercise .exercise-load-preview{font-size:12px}
 body[data-view="app"] .studio-hero{min-height:182px}
 body[data-view="app"] .studio-hero-inner{min-height:182px;padding:24px 20px 40px}
 body[data-view="app"] .studio-hero-copy{width:70%}
 body[data-view="app"] .studio-hero h1{font-size:30px;margin-bottom:10px}
 body[data-view="app"] .studio-hero p{font-size:14px;max-width:185px;line-height:1.5}
 body[data-view="app"] .studio-dashboard{margin-top:-20px;padding:0 14px 24px;gap:16px}
 body[data-view="app"] .studio-home .studio-training{padding:18px}
 body[data-view="app"] .studio-mobile-today{font-size:18px;margin-top:6px}
 body[data-view="app"] .studio-mobile-training{display:none}
 body[data-view="app"] .studio-home .workspace-days{margin:0;gap:4px}
 body[data-view="app"] .studio-home .workspace-day{min-height:66px;gap:5px}
 body[data-view="app"] .studio-home .workspace-day-top{font-size:11px}
 body[data-view="app"] .studio-day-today{font-size:9px}
 body[data-view="app"] .studio-training-focus{display:block;min-height:0;margin-top:14px}
 body[data-view="app"] .studio-training-focus :is(.studio-training-heading,.studio-exercises,.studio-training-photo,.studio-rest){display:none}
 body[data-view="app"] .studio-training-footer{display:block;padding:0}
 body[data-view="app"] .studio-training-footer>span{display:none}
 body[data-view="app"] .studio-training-footer .btn{width:100%;justify-content:center;min-height:48px}
 body[data-view="app"] .studio-meals{padding:18px}
 body[data-view="app"] .studio-home .nutrition-home-meals{grid-template-columns:1fr;gap:12px}
 body[data-view="app"] .studio-home .nutrition-home-meal{display:flex;gap:14px;border-bottom:1px solid #e2e7de;padding-bottom:12px}
 body[data-view="app"] .studio-home .nutrition-home-meal:last-child{border:0;padding-bottom:0}
 body[data-view="app"] .studio-home .nutrition-home-meal-photo{flex:0 0 84px;height:68px;width:84px;margin:0}
 body[data-view="app"] .studio-home .nutrition-home-meal-copy>strong{font-size:14px}
 body[data-view="app"] .studio-home .nutrition-home-meal-arrow{display:block}
 body[data-view="app"] .studio-knowledge{padding:20px;min-height:205px}
 body[data-view="app"] .studio-knowledge-copy{width:72%}
 body[data-view="app"] .studio-knowledge-copy>p{font-size:13px}
 body[data-view="app"] .studio-knowledge h2{font-size:21px}
 body[data-view="app"] .studio-knowledge-footer>span{max-width:none;font-size:10px}
 body[data-view="app"] .studio-knowledge-link{font-size:13px;gap:8px}
 body[data-view="app"] .studio-food-hero{min-height:184px}
 body[data-view="app"] .studio-food-hero .studio-route-hero-copy{padding:20px 20px 42px;width:90%}
 body[data-view="app"] .studio-food-hero h1{font-size:32px}
 body[data-view="app"] .studio-food-hero p{font-size:14px;max-width:220px}
 body[data-view="app"] .studio-food-image-note{font-size:9px;bottom:30px}
 body[data-view="app"] .studio-food-navigation{margin-bottom:16px}
 body[data-view="app"] .studio-nutrition .nutrition-tabs button{font-size:12px;min-height:44px}
 body[data-view="app"] .studio-nutrition-panel{padding:18px 16px;border-radius:14px}
 body[data-view="app"] .studio-nutrition .meal-planner-head{display:flex;flex-direction:column;align-items:stretch;gap:12px}
 body[data-view="app"] .studio-nutrition .meal-planner-head>div:first-child{display:block}
 body[data-view="app"] .studio-nutrition .meal-planner-head h2{font-size:22px}
 body[data-view="app"] .studio-plan-controls{width:100%;justify-content:flex-start;gap:8px}
 body[data-view="app"] .studio-nutrition .studio-plan-controls .nutrition-week-controls{flex:1 1 100%;gap:6px}
 body[data-view="app"] .studio-nutrition .studio-plan-controls .nutrition-week-controls .field{font-size:11px}
 body[data-view="app"] .studio-nutrition .studio-plan-controls .nutrition-week-controls input{font-size:14px;padding:8px}
 body[data-view="app"] .studio-plan-tools{margin-left:auto}
 body[data-view="app"] .studio-nutrition .meal-day-tabs{gap:4px;margin:14px 0}
 body[data-view="app"] .studio-nutrition .meal-day-tabs .btn{font-size:12px;padding:8px 1px;min-height:66px}
 body[data-view="app"] .studio-nutrition .meal-day-tabs .btn span{font-size:10px}
 body[data-view="app"] .studio-nutrition .meal-day-panel h3{font-size:21px}
 body[data-view="app"] .studio-nutrition .meal-day-panel>header{gap:10px}
 body[data-view="app"] .studio-nutrition .meal-day-cards{gap:16px}
 body[data-view="app"] .studio-nutrition .studio-meal-copy{padding:18px}
 body[data-view="app"] .bottom-nav>a.active{background:#e7ede2;border-radius:12px;color:#354b38}
}
@media(max-width:360px){
 body[data-view="app"] .studio-training-navigation .training-sections a{font-size:10px}
 body[data-view="app"] .studio-plan-edit{font-size:10px}
 body[data-view="app"] .studio-plan-week .studio-module-heading h2{font-size:17px}
 body[data-view="app"] .studio-home .studio-training,body[data-view="app"] .studio-meals{padding:15px}
 body[data-view="app"] .studio-training .workspace-section-head h2,body[data-view="app"] .studio-module-heading h2{font-size:19px;white-space:normal}
 body[data-view="app"] .studio-plan-facts{font-size:11px;gap:8px}
 body[data-view="app"] .studio-hero h1{font-size:27px}
 body[data-view="app"] .studio-knowledge-copy{width:75%}
 body[data-view="app"] .studio-knowledge h2{font-size:19px}
 body[data-view="app"] .studio-knowledge-link{font-size:12px}
 body[data-view="app"] .studio-nutrition .meal-planner-head h2{font-size:21px}
}
@media(prefers-reduced-motion:reduce){body[data-view="app"] :is(.studio-meal-photo img,.recipe-cover img){transition:none}}

/* Keep the original training layout and the existing planning-link style. */
body[data-view="app"] .studio-training-navigation{flex-direction:column;align-items:flex-start;gap:16px}
body[data-view="app"] .studio-training-navigation .training-mode{display:grid;max-width:none;min-width:0;width:100%;gap:5px}
body[data-view="app"] .training-planning-options{display:grid;justify-items:start;gap:0;max-width:100%}
body[data-view="app"] .training-planning-option{justify-content:flex-start;max-width:100%;text-align:left;white-space:normal}
body[data-view="app"] .training-planning-option .icon{flex-shrink:0}

/* Each primary destination now has its own photograph and focal point. */
body[data-view="app"] :is(.studio-training-hero,.studio-route-progress,.studio-route-discover) .studio-route-hero-image{width:60%;max-width:600px;left:auto;right:0;object-position:right 20%}
body[data-view="app"] .studio-training-hero .studio-route-hero-image{object-position:right top}
body[data-view="app"] .studio-route-progress .studio-route-hero-image{object-position:right 12%}
body[data-view="app"] .studio-food-hero-image{object-position:right 54%}
body[data-view="app"] .studio-recipe-hero .studio-food-hero-image{object-position:right 47%}
@media(max-width:760px){
 body[data-view="app"] :is(.studio-training-hero,.studio-route-progress,.studio-route-discover) .studio-route-hero-image{width:100%;max-width:none}
 body[data-view="app"] .studio-training-hero .studio-route-hero-image{object-position:right 24%}
 body[data-view="app"] .studio-route-progress .studio-route-hero-image{object-position:right 22%}
 body[data-view="app"] .studio-route-discover .studio-route-hero-image{object-position:right 42%}
 body[data-view="app"] .studio-food-hero-image{object-position:72% 50%}
 body[data-view="app"] .studio-recipe-hero .studio-food-hero-image{object-position:72% 47%}
}
body[data-view="app"] :is(.studio-training-hero,.studio-route-progress,.studio-route-discover) .studio-route-hero-image{mask-image:linear-gradient(90deg,transparent,#000 24%)}
@media(max-width:760px){body[data-view="app"] .studio-training-hero .studio-route-hero-image{object-position:right top}}