/* Long translations and existing demo content in the selected Ember layout. */
.hero-photo{aspect-ratio:16/9}
.anchor-alias{display:block;height:0;scroll-margin-top:92px}
[data-design="ember"] .hero .promise{max-width:24ch}
[data-design="ember"] .hero-actions{flex-wrap:wrap}
[data-design="ember"] .header nav{gap:16px}
[data-design="ember"] .demo{order:4;background:var(--paper)}
.demo-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;align-items:center}
.demo-copy>p:not(.eyebrow){margin-top:20px;color:var(--muted);font-size:15px}
.demo video{display:block;width:240px;max-width:100%;height:auto;max-height:540px;margin:auto;background:#07111f;border:1px solid var(--line);border-radius:8px}
.footer-top{align-items:start;flex-wrap:wrap}
.footer-top nav{flex-wrap:wrap;max-width:540px;gap:18px}
.footer-bottom>span:last-child{max-width:700px}
.hero-note{max-width:550px}
[data-design="ember"] .hero h1{font-size:80px}
[data-design="ember"] .product h2{max-width:16ch}
[data-design="ember"] .screens{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  width:min(100%,444px);margin-inline:auto;gap:18px;align-items:start;
}
[data-design="ember"] .screens figure{
  width:100%;min-width:0;margin:0;
}
[data-design="ember"] .screens img{
  width:100%;height:auto;aspect-ratio:1320/2868;object-fit:contain;
}
[data-design="ember"] .screens figcaption{line-height:1.5;min-height:3em}
.pro .fine{color:var(--muted)}
@media(max-width:1150px){
  [data-design="ember"] .hero h1{font-size:64px}
  [data-design="ember"] .nav-row{gap:16px}
  [data-design="ember"] .hero-content{column-gap:40px}
}
@media(min-width:761px) and (max-width:1040px){
  [data-design="ember"] .header nav{font-size:11px;gap:10px}
  [data-design="ember"] .brand strong{font-size:17px}
  [data-design="ember"] .nav-row{gap:12px}
  [data-design="ember"] .nav-actions{gap:8px}
  [data-design="ember"] .hero h1{font-size:54px}
  [data-design="ember"] .hero .promise{font-size:25px}
}
@media(max-width:760px){
  [data-design="ember"] .header nav{gap:0}
  [data-design="ember"] .hero h1{font-size:50px}
  .demo-layout{grid-template-columns:1fr;gap:28px}
  .demo video{width:220px;max-height:480px}
  .footer-top nav{max-width:none}
  .facts strong{overflow-wrap:anywhere}
  .wind-features strong{text-align:right}
}
@media(max-width:360px){
  [data-design="ember"] .hero-content{padding-top:235px}
  [data-design="ember"] .hero-photo{top:73px;height:190px}
  [data-design="ember"] .hero-shade{background:linear-gradient(180deg,transparent 120px,var(--hero-bottom) 234px)}
  [data-design="ember"] .hero h1{font-size:42px}
  [data-design="ember"] .hero .promise{font-size:23px}
  [data-design="ember"] .hero-text{font-size:13px}
  .facts-grid{gap:8px}
  .facts strong{font-size:16px}
  .wind-features strong{text-align:left}
}