/* Konay image-led hero. All photos fit inside the visual frame without cropping. */
.hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr);height:auto;min-height:0;overflow:clip;background:radial-gradient(ellipse at 84% 42%,rgba(16,104,145,.27),transparent 62%),linear-gradient(125deg,#102331,#1a3445);color:#fff}
.hero:after{content:"";position:absolute;z-index:0;right:-18%;top:-45%;width:55%;height:190%;border-left:1px solid rgba(151,198,222,.12);transform:rotate(26deg);pointer-events:none}
.hero .hero-slide{position:relative;z-index:1;inset:auto;grid-area:1/1;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(28px,4vw,64px);width:100%;min-width:0;min-height:600px;height:auto;padding:58px max(28px,calc((100vw - 1280px)/2)) 104px;background:transparent}
.hero .hero-slide:before{display:none}
.hero .hero-content{position:relative;z-index:2;grid-column:1;grid-row:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;max-width:none;min-width:0;height:auto;margin:0;padding:0}
.hero .hero-kicker{display:flex;align-items:center;gap:12px;color:#9cdbfb;font-size:12px;line-height:1.5;letter-spacing:.12em;font-weight:800;margin:0 0 20px}
.hero .hero-kicker:before{content:"";width:28px;height:3px;background:var(--red);flex:0 0 28px}
.hero .hero-content h1,.hero .hero-content h2{max-width:100%;font-size:clamp(34px,3.5vw,50px);font-weight:750;line-height:1.13;letter-spacing:-.035em;text-wrap:balance;margin:0 0 22px;color:#fff}
.hero .hero-content p:not(.hero-kicker){max-width:520px;font-size:18px;line-height:1.65;margin:0 0 28px;color:#d8e7ef}
.hero .hero-content .button{min-height:52px;padding:0 24px;font-size:16px;white-space:normal;text-align:left}
.hero .hero-visual{position:relative;z-index:1;grid-column:2;grid-row:1;align-self:center;justify-self:center;inset:auto;width:100%;max-width:none;min-width:0;min-height:0;height:auto;aspect-ratio:16/9;margin:0;padding:0;overflow:clip;border:1px solid rgba(175,205,223,.25);border-radius:3px;box-shadow:0 22px 55px rgba(0,0,0,.25);background:#142b3b}
.hero .hero-visual:after{content:"";position:absolute;z-index:2;bottom:0;left:0;width:72px;height:3px;background:var(--red);pointer-events:none}
.hero .hero-visual picture{position:absolute;inset:0;display:block;width:100%;height:100%;margin:0;padding:0}
.hero .hero-visual img.hero-photo,.hero .hero-visual img.hero-product-photo{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;margin:0;padding:0;transform:none;filter:none}
.hero .hero-controls{position:absolute;z-index:3;left:0;right:0;bottom:26px;width:min(1280px,calc(100% - 56px));max-width:none;display:flex;align-items:center;gap:12px;margin:0 auto;padding:0}
.hero .hero-controls button{width:46px;height:46px;min-width:46px;min-height:46px;background:rgba(255,255,255,.06);border:1px solid rgba(201,224,237,.35);color:#fff}
.hero .hero-controls button:hover{background:var(--red);border-color:var(--red)}
.hero .hero-indicator{font-size:12px;letter-spacing:.12em;margin:0 5px;font-weight:800}
.hero-track{position:relative;display:block;width:100px;height:2px;margin-left:10px;background:rgba(203,224,236,.25);overflow:clip}
.hero-track:after{content:"";position:absolute;left:0;top:0;width:50%;height:100%;background:var(--red);transition:transform .35s ease}
.hero:has(.hero-product.is-active) .hero-track:after{transform:translateX(100%)}
@media(max-width:1023px){
 .hero .hero-slide{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;min-height:0;padding:36px 28px 92px;gap:28px;align-items:start}
 .hero .hero-content{grid-row:1;grid-column:1;align-self:start;width:100%;max-width:720px;justify-self:center;justify-content:flex-start}
 .hero .hero-content h1,.hero .hero-content h2{font-size:clamp(32px,5.2vw,44px);margin-bottom:18px}
 .hero .hero-content p:not(.hero-kicker){max-width:640px;font-size:17px;margin-bottom:24px}
 .hero .hero-visual{grid-row:2;grid-column:1;align-self:end;width:100%;max-width:760px;height:auto;aspect-ratio:16/9}
 .hero .hero-controls{width:calc(100% - 56px);bottom:24px}
 .topbar{display:none}
 .nav-row{min-height:76px;gap:14px;justify-content:space-between}
 .brand{width:128px;flex:0 0 128px;margin-right:auto}.brand img{max-width:128px;max-height:62px}
 .header-actions{margin-left:0;gap:10px}.header-actions .nav-cta{display:none}
 .nav-toggle{display:flex;flex-direction:column;gap:5px;background:none;border:0;padding:12px;order:3}
 .nav-toggle span{display:block;width:26px;height:2px;background:#fff}
 .site-header nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--navy);padding:14px 16px 25px;flex-direction:column;align-items:stretch;gap:0;margin-left:0}
 .site-header nav.open{display:flex;max-height:calc(100dvh - 76px);overflow-y:auto}
 .site-header nav a{padding:13px;border-bottom:1px solid #2f4b5b}.site-header nav a.active:after{display:none}
}
@media(max-width:600px){
 .hero .hero-slide{padding:28px 20px 88px;gap:24px}
 .hero .hero-kicker{font-size:11px;gap:9px;letter-spacing:.09em;margin-bottom:15px}.hero .hero-kicker:before{width:22px;flex-basis:22px}
 .hero .hero-content h1,.hero .hero-content h2{font-size:clamp(28px,7.3vw,38px);line-height:1.16;margin-bottom:18px}
 .hero .hero-content p:not(.hero-kicker){font-size:16px;line-height:1.6;margin-bottom:22px}
 .hero .hero-content .button{min-height:48px;padding:0 20px;font-size:15px}
 .hero .hero-controls{width:calc(100% - 40px);bottom:20px}.hero-track{width:76px;margin-left:2px}
}
@media(prefers-reduced-motion:reduce){.hero-track:after{transition:none}}

.hero .hero-product .hero-visual{background:transparent;border-color:transparent;box-shadow:none}
.hero .hero-product .hero-visual:after{display:none}