/* Line Card 02 · full-bleed hero. Loaded after linecard.css on line-card-02.html only.
   Layout idea from Violet Motion: the installation photo fills the hero and the copy sits over it. */
/* The review banner is fixed and the shared banner CSS pads the body to clear it. On this page the photo runs up behind the banner instead, and the header starts below it. */
body.lc-page{padding-top:0!important}
.lc-full{position:relative;--bn:112px}
@media(max-width:600px){.lc-full{--bn:134px}}
.lc-headbar{position:absolute;top:var(--bn);left:0;right:0;z-index:20}
.lc-full header.cy-head{border-bottom-color:#ffffff24}
.lc-stage{position:relative;min-height:calc(max(740px,min(100svh,960px)) + var(--bn));display:flex;align-items:center;overflow:hidden;isolation:isolate}
.lc-stage>.cy-wrap{padding:calc(140px + var(--bn)) 0 96px}
.lc-stage-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% 50%;z-index:-2}
.lc-stage::before{content:"";position:absolute;inset:0;z-index:-1;background:
 linear-gradient(90deg,#161b22f2 0%,#161b22d1 34%,#161b2266 64%,#161b2210 100%),
 linear-gradient(180deg,#161b22c7 0,transparent 30%,transparent 68%,#161b22 100%)}
.concept-e .cy-hero.lc-over{display:block;padding:0;max-width:740px}
.concept-e .lc-over h1{font-size:clamp(64px,7vw,104px);text-shadow:0 2px 30px #161b2280}
.concept-e .lc-over p{color:#d7dbdf;font-size:20px;max-width:560px}
.lc-over .cy-cta{margin-top:38px}
.lc-over .cy-btn.ghost{background:#161b2266;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.lc-stage-tag{left:auto!important;right:max(32px,calc((100% - 1200px)/2));bottom:56px}
.lc-full .cy-spec{margin-top:0}
.motion-armed .lc-stage-photo{animation:lc-zoom 2.6s cubic-bezier(.2,.7,.2,1) both}
.motion-armed .lc-over>div>*{animation:lc-up .9s cubic-bezier(.2,.7,.2,1) both}
.motion-armed .lc-over>div>:nth-child(2){animation-delay:.1s}
.motion-armed .lc-over>div>:nth-child(3){animation-delay:.2s}
.motion-armed .lc-over>div>:nth-child(4){animation-delay:.3s}
@keyframes lc-zoom{from{transform:scale(1.08)}to{transform:none}}
@keyframes lc-up{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.lc-stage::before{background:linear-gradient(90deg,#161b22eb 0%,#161b22b3 55%,#161b2240 100%),linear-gradient(180deg,#161b22c7 0,transparent 30%,transparent 68%,#161b22 100%)}}
@media(max-width:700px){
 .lc-headbar .cy-wrap{padding-top:18px}
 .lc-stage{min-height:calc(700px + var(--bn));align-items:flex-end}
 .lc-stage>.cy-wrap{padding:calc(110px + var(--bn)) 0 64px}
 .lc-stage-photo{object-position:62% 50%}
 .lc-stage::before{background:linear-gradient(180deg,#161b22eb 0,#161b22b3 34%,#161b22d9 62%,#161b22 100%)}
 .concept-e .lc-over h1{font-size:clamp(44px,12.4vw,58px)}
 .concept-e .lc-over p{font-size:16px}
 .lc-stage-tag{display:none}
}