.feature h3{margin-bottom:12px}
.feature li{margin:6px 0;line-height:1.4}
.feature li:first-child{margin-top:0}
.feature li:last-child{margin-bottom:0}
@media (max-width:700px) and (orientation:portrait){
  .stories-heading{top:12px}
  .stories-scene{min-height:0;height:auto;padding:680px 24px 24px}
  .story-detail{position:relative;top:auto;left:auto;right:auto}
  .story-controls{margin-bottom:10px}
  .story-result{margin:0 0 4px}
  .story-period{margin:0 0 4px}
  .story-summary{margin:0}
  .story-bottom{position:relative;left:auto;right:auto;bottom:auto;margin-top:22px}
  .story-bottom>p{margin:0}
}
#languages .international-logo{display:block;width:200px;height:auto;margin:0 auto 26px}
#languages h2{text-align:center;padding:0;font-size:clamp(24px,4vw,32px)}
#languages .close{position:fixed;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));color:#fff;display:grid;place-items:center;line-height:1;z-index:10}
#languages .close:focus-visible{color:#fff;outline:none}
#languages .language-choice{color:#fff;opacity:1}
#languages .language-choice:disabled{color:#fff;opacity:.6}
#languages .language-choice .flag{filter:none;opacity:1;border:0;box-shadow:0 0 0 1px #fff}
#languages .language-choice[aria-current] .flag{box-shadow:0 0 0 2px #fff}
/* Intermediate screens and landscape phones use an explicit, content-safe layout.
   Portrait phones retain their approved composition. */
@media (min-width:701px) and (max-width:1000px), (orientation:landscape) and (max-height:500px) and (max-width:1100px) {
  .header{padding:20px 5%;height:84px}
  .header .brand{width:145px}
  .header-nav{display:none}
  .hero{height:auto;min-height:600px;max-height:none}
  .hero-copy{position:relative;left:auto;top:auto;bottom:auto;margin:0 0 0 5%;padding:125px 0 65px;width:43%;max-width:43%;text-align:left;z-index:3}
  .hero-copy .hero-category{display:block;font-size:10px;line-height:1.5;margin:0 0 18px}
  .hero-copy h1{font-size:clamp(34px,5vw,50px);line-height:1.1;margin:0 0 22px}
  .hero-copy>p:not(.hero-category){display:block;font-size:16px;line-height:1.6;margin:0 0 24px;max-width:none}
  .hero-copy .hero-description-mobile{display:none!important}
  .hero-copy .button{position:static;transform:none;font-size:18px;min-height:52px;padding:15px 22px;white-space:nowrap}
  .hero .phone{top:118px;bottom:auto;right:10%;width:180px;max-width:none;padding:6px;border-radius:29px;animation:none;transform:rotate(8deg)}
  .hero .phone img{border-radius:21px}
  .hero-ingredients>span,.hero-ingredients>span:nth-child(6){width:84px;height:84px}
  .features{padding-bottom:45px}
  .plan-scene{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto;gap:28px;height:auto;min-height:0;max-height:none;padding:35px 0}
  .plan-copy{grid-column:2;grid-row:1;text-align:left;padding:0}
  .plan-copy::before{display:none}
  .plan-copy h2{font-size:clamp(30px,4.2vw,42px);line-height:1.12}
  .plan-copy p{font-size:16px;line-height:1.6}
  .plan-visual{grid-column:1;grid-row:1;height:480px;margin:0;overflow:visible}
  .plan-device{width:185px;padding:6px;border-radius:30px;transform:rotate(8deg)}
  .plan-meal{left:3%;top:53%;width:94%;padding:10px;gap:10px;transform:rotate(-3deg);transform-origin:center}
  .plan-meal img{width:52px;height:52px}
  .plan-meal strong{font-size:13px}
  .features-heading h2{font-size:32px;color:var(--text)}
  .features-heading p{font-size:17px}
  .feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
  .feature{padding:18px 14px;text-align:left}
  .feature svg{width:48px;height:48px}
  .feature h3{font-size:20px;line-height:1.3}
  .feature li{font-size:14px;line-height:1.5}
  .burger-stage{display:grid;grid-template-columns:44% 56%;height:auto;min-height:460px;padding:45px 5% 80px}
  .burger-copy{text-align:left;align-self:center}
  .burger-copy h2{font-size:36px}
  .burger-copy>p:last-child{font-size:16px;margin:0;max-width:none}
  .burger-art{position:absolute;left:46%;top:0;width:54%;height:100%;margin:0;--piece:240px;--table-contact:82%;overflow:visible}
  .burger-caption{position:absolute;bottom:20px;left:5%;right:5%;flex-direction:row;margin:0;align-items:center}
  .burger-slogan{font-size:15px}
  .recipes-scene{padding:40px 5% 45px;min-height:0}
  .recipes-heading h2{font-size:42px}
  .recipes-heading p{font-size:17px}
  .recipe-showcase{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;min-height:0}
  .recipe-plate{width:100%;max-width:380px;position:relative;left:0;margin:-25px 0;justify-self:center}
  .recipe-detail{padding:15px 0;text-align:left}
  .recipe-detail h3{font-size:25px;margin:16px 0 24px}
  .recipe-metrics{gap:18px;justify-content:flex-start}
  .recipe-metrics dd{font-size:26px}
  .recipe-picker{margin-top:20px}
  .recipe-track{display:flex}
  .recipe-card{flex:0 0 calc((100% - 48px)/4)}
  .stories-scene{height:auto;min-height:0;padding:45px 5%;display:grid;grid-template-columns:48% 52%;gap:22px 0}
  .stories-heading,.story-detail,.story-bottom{position:relative;top:auto;bottom:auto;left:auto;right:auto;max-width:none;grid-column:1;text-align:left}
  .stories-heading h2{font-size:34px}
  .stories-heading p{font-size:16px;line-height:1.55}
  .story-controls{justify-content:flex-start;gap:15px}
  .story-detail h3{font-size:27px;margin:0}
  .story-result{font-size:32px;margin-top:18px}
  .story-period,.story-summary{font-size:15px}
  .story-bottom>p{text-align:left;font-size:11px;margin:0}
  .story-photo{top:0;height:100%;object-position:right center;mask-image:none;-webkit-mask-image:none}
  .story-photo-jan{transform:none}
  .story-shade{background:linear-gradient(90deg,#352215ed, #35221590 43%,transparent 65%),linear-gradient(0deg,var(--bg),transparent 22%,transparent 85%,var(--bg))}
  .download{height:auto;min-height:0;padding:45px 5%}
  .download h2{font-size:41.6px}
  .download p{font-size:17px}
  .store-status{flex-direction:row;gap:16px;flex-wrap:wrap;justify-content:center}
  .store-status>span{min-width:210px;font-size:19px;padding:16px 24px}
}
@media (orientation:landscape) and (max-height:500px) and (max-width:700px) {
  .hero{min-height:550px}
  .hero .phone{width:150px;right:8%;top:125px}
  .hero-copy{width:44%;max-width:44%;padding-top:115px}
  .hero-copy>p:not(.hero-category){font-size:14px}
  .hero-copy .button{font-size:16px;padding:14px 18px}
  .hero-ingredients>span{width:64px;height:64px}
  .plan-visual{height:440px}
  .plan-device{width:165px}
  .plan-scene{gap:18px}
  .plan-copy p{font-size:14px}
  .feature-grid{grid-template-columns:1fr}
  .feature{padding:18px 0}
  .burger-copy h2{font-size:30px}
  .burger-art{--piece:200px}
  .recipe-detail h3{font-size:21px}
  .recipe-metrics{gap:12px}
  .recipe-metrics dd{font-size:22px}
  .recipe-track{display:none}
  .stories-heading h2{font-size:28px}
  .stories-heading p{font-size:14px}
  .story-controls{gap:10px}
  .story-controls button{width:40px;height:40px}
}
