.brand{display:inline-flex;align-items:center;line-height:0;flex-shrink:0}
.jingyan-logo{display:block;width:150px;height:auto;overflow:hidden}
@media(max-width:600px){.jingyan-logo{width:126px}}
@media(max-width:350px){.jingyan-logo{width:108px}}

@media(max-width:600px){
 header{padding-left:26px;padding-right:26px}
 .hero .copy{padding-left:26px;padding-right:26px}
 .hero .visual{margin-left:20px;margin-right:20px}
 .story,.site-section,.contact{padding-left:26px;padding-right:26px}
 .site-footer{padding-left:26px;padding-right:26px}
}
@media(max-width:350px){header{padding-left:20px;padding-right:20px}.hero .copy{padding-left:22px;padding-right:22px}.hero .visual{margin-left:16px;margin-right:16px}.story,.site-section,.contact,.site-footer{padding-left:22px;padding-right:22px}}

/* Keep the main scene's copy legible without obscuring the photograph. */
.phone-demo{display:block}
.scene-primary{position:relative;display:block;overflow:hidden;border-radius:22px}
.scene-primary .scene-image{height:clamp(280px,31vw,380px);border-radius:0}
.scene-primary .scene-text{position:absolute;z-index:1;left:18px;bottom:18px;right:18px;max-width:440px;padding:11px 15px;background:rgba(255,255,255,.40);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:14px;color:#1d1d1f}
.scene-primary .scene-text small,.scene-primary .scene-text p{color:#54545a}
.scene-primary .scene-label,.scene-primary .scene-text h3{color:#1d1d1f}
@media(max-width:600px){
 .hero h1{font-size:clamp(32px,8.8vw,40px)}
 #experience{padding-bottom:18px}
 #story{margin-top:0;padding-top:24px}
 .experience{gap:0}
 .experience-copy{display:contents}
 .experience-copy .eyebrow{order:0}
 .experience-copy h2{order:1}
 .experience-copy .section-intro{order:2}
 .experience > div:first-child{order:3;margin:24px 0 0}
 .experience-points{order:4}
 .experience-copy > .button{order:5;justify-self:start}
 .experience-copy .experience-tip{order:6;position:static;margin-top:12px}
 .scene-primary .scene-image{height:auto;aspect-ratio:1.15}
 .scene-primary .scene-text{left:10px;right:10px;bottom:10px;padding:10px 12px}
 .scene-primary .scene-text p{font-size:12px;line-height:1.5}
 .scene-primary .scene-label{font-size:19px}
 .scene-primary .scene-text h3{font-size:14px;margin:3px 0}
}