:root{
  --bg:#060708;
  --bg-soft:#0d1115;
  --panel:rgba(9,11,14,.55);
  --panel-light:rgba(255,255,255,.62);
  --line:rgba(255,255,255,.12);
  --line-dark:rgba(0,0,0,.1);
  --text:#f3f4f6;
  --muted:#a6adb8;
  --dark:#111317;
  --dark-muted:#5a616b;
  --accent:#6bb3ff;
  --container:min(1440px, calc(100vw - 64px));
  --radius:28px;
  --shadow:0 30px 80px rgba(0,0,0,.18);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter, Gilroy, Arial, sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.skip-link{position:absolute;left:-9999px}
.skip-link:focus{left:16px;top:16px;padding:8px 12px;background:#fff;color:#000;z-index:999}
.scroll-progress{position:fixed;top:0;left:0;right:0;height:2px;background:transparent;z-index:70}.scroll-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#ffffff,#7fb9ff)}
.topbar{position:fixed;top:0;left:0;right:0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 32px;background:linear-gradient(to bottom,rgba(5,7,10,.72),rgba(5,7,10,.18),transparent);transition:background .25s ease, backdrop-filter .25s ease,padding .25s ease}
.topbar.scrolled{background:rgba(5,7,10,.7);backdrop-filter:blur(14px);padding:14px 32px;border-bottom:1px solid rgba(255,255,255,.08)}
.brand img{height:52px;width:auto;transition:height .25s ease}.topbar.scrolled .brand img{height:38px}
.nav{display:flex;gap:24px;align-items:center;font-size:14px;color:var(--muted)}
.nav a:hover,.nav a.active{color:#fff}
.lang-switch{display:flex;gap:8px;font-size:14px;color:var(--muted)}
.lang-switch a[aria-current="page"]{color:#fff}
main{overflow:hidden}
.section-intro{max-width:730px;font-size:clamp(18px,2vw,24px);line-height:1.45;color:var(--muted)}
.statement{padding:110px 0 96px;background:#fff;color:var(--dark)}
.statement-inner{width:var(--container);margin:0 auto;display:grid;grid-template-columns:160px minmax(0,1fr);gap:28px;align-items:start}
.section-index{font-size:14px;letter-spacing:.24em;text-transform:uppercase;color:#7b8088;margin:10px 0 0}
.statement h2,.section-head h2,.facts h2,.contact h2{font-size:clamp(42px,6vw,86px);line-height:.98;letter-spacing:-.04em;margin:0 0 24px}
.statement p:last-child{margin:0;font-size:clamp(20px,2vw,28px);line-height:1.42;max-width:940px;color:#3d434b}
.image-panel{position:relative;min-height:clamp(680px,86vh,980px);display:flex;align-items:center;padding:112px 0;isolation:isolate}
.image-panel img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}
.image-panel::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--overlay,linear-gradient(90deg,rgba(7,8,10,.8) 0%,rgba(7,8,10,.58) 36%,rgba(7,8,10,.18) 72%,rgba(7,8,10,.06) 100%))}
.image-panel.light::before{background:var(--overlay-light,linear-gradient(90deg,rgba(255,255,255,.85) 0%,rgba(255,255,255,.72) 35%,rgba(255,255,255,.18) 76%,rgba(255,255,255,.04) 100%))}
.image-panel .inner{width:var(--container);margin:0 auto;display:grid;grid-template-columns:minmax(0,590px) 1fr;gap:48px;align-items:center}
.image-panel.right .inner{grid-template-columns:1fr minmax(0,590px)}
.image-panel.right .copy{grid-column:2}

.hero .copy{max-width:640px}
#technology .copy,#smirage .copy{max-width:570px}
#origin .copy{max-width:560px;color:#111317}
#applications .copy{max-width:590px;color:#111317}
#origin .copy h2,#applications .copy h2{font-weight:700}
#origin .copy .body,#applications .copy .body{max-width:32rem}
#origin .copy .eyebrow,#applications .copy .eyebrow{color:#59616b}

.copy .eyebrow,.section-head .eyebrow{margin:0 0 18px;font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
.image-panel.light .copy .eyebrow,.section-head.dark .eyebrow{color:#6b7380}
.image-panel.light .copy h1,.image-panel.light .copy h2{color:#111317}
.image-panel.no-tint::before{display:none}
.copy h1,.copy h2{margin:0 0 20px;font-size:clamp(52px,7vw,108px);line-height:.95;letter-spacing:-.05em}
.copy h2{font-size:clamp(42px,5.2vw,76px)}
.copy p.lead{font-size:clamp(20px,2.15vw,30px);line-height:1.35;color:#eef2f6;margin:0 0 22px;max-width:18ch}
.image-panel.light .copy p.lead,.image-panel.light .copy .body,.image-panel.light .copy .note{color:#1b2127}
.copy .body{font-size:17px;line-height:1.6;color:#d6dbe1;margin:0 0 18px;max-width:36rem}
.copy .note{font-size:15px;line-height:1.55;color:var(--muted);margin:14px 0 0}
.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 18px;border-radius:999px;font-size:15px;font-weight:600;border:1px solid rgba(255,255,255,.16);transition:.25s ease}
.btn.light{background:#fff;color:#111317;border-color:#fff}.btn.light:hover{transform:translateY(-1px)}
.btn.ghost{background:rgba(255,255,255,.06);backdrop-filter:blur(10px)}
.btn.ghost:hover{background:rgba(255,255,255,.12)}
.btn.dark{background:#111317;color:#fff;border-color:#111317}.btn.dark:hover{transform:translateY(-1px)}
.copy-panel{padding:28px 32px;border-radius:24px;background:rgba(0,0,0,.24);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1)}
.image-panel.light .copy-panel{background:rgba(255,255,255,.42);border:1px solid rgba(255,255,255,.38)}
.specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;margin:26px 0 0;padding:0;list-style:none;max-width:520px}.specs li{padding:11px 0 9px;border-top:1px solid rgba(255,255,255,.28);font-size:13px;letter-spacing:.04em;color:#f1f4f7}.image-panel.light .specs li{border-color:rgba(17,19,23,.22);color:#1b2127}
.tech-strip{background:#fff;color:var(--dark);padding:84px 0}
.section-head{width:var(--container);margin:0 auto 36px;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,640px);gap:32px;align-items:end}
.tech-grid{width:var(--container);margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.tech-card{padding:28px;border:1px solid var(--line-dark);border-radius:24px;background:#fff;box-shadow:0 12px 40px rgba(0,0,0,.04)}.tech-card span{display:inline-block;margin-bottom:16px;font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:#8b929b}.tech-card h3{margin:0 0 12px;font-size:24px;letter-spacing:-.03em}.tech-card p{margin:0;color:#55606a;line-height:1.6}
.facts{background:#07090c;padding:110px 0 118px}.facts-head{width:var(--container);margin:0 auto 40px}.facts-grid{width:var(--container);margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16)}.fact{padding:30px 28px 34px 0;min-height:210px;border-right:1px solid rgba(255,255,255,.12)}.fact:not(:first-child){padding-left:28px}.fact:last-child{border-right:0}.fact strong{display:block;font-size:clamp(28px,3vw,42px);letter-spacing:-.04em;margin-bottom:18px}.fact p{margin:0;color:#aeb7c1;line-height:1.58;max-width:29ch}
.contact{padding:110px 0;background:#fff;color:var(--dark)}
.contact-inner{width:var(--container);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,480px);gap:40px;align-items:end}.contact p{margin:0;color:#49515a;font-size:20px;line-height:1.55;max-width:760px}.contact-links{display:grid;gap:14px}.contact-links a,.contact-address{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border:1px solid var(--line-dark);border-radius:18px;color:#15181d;font-size:18px;font-weight:400;line-height:1.45;transition:.2s ease}.contact-links a:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.contact-address{display:block}
.footer{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 32px;border-top:1px solid rgba(255,255,255,.06);background:#07090c;color:#b3bbc4}.footer img{height:28px;width:auto}.footer p{margin:0}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease, transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media (max-width:1200px){.tech-grid,.facts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.copy h1{font-size:clamp(48px,8vw,86px)}.copy h2{font-size:clamp(38px,6vw,72px)}}
@media (max-width:900px){.topbar{padding:16px 18px;gap:16px}.topbar.scrolled{padding:12px 18px}.nav{display:none}.brand img{height:28px}.statement-inner,.section-head,.contact-inner{grid-template-columns:1fr}.image-panel,.image-panel.right{min-height:auto;padding:92px 0 28px}.image-panel .inner,.image-panel.right .inner{grid-template-columns:1fr}.image-panel.right .copy{grid-column:auto}.image-panel img.bg{height:100%}.image-panel::before,.image-panel.light::before{background:linear-gradient(180deg,rgba(7,8,10,.82) 0%,rgba(7,8,10,.46) 42%,rgba(7,8,10,.1) 100%)}.image-panel.light::before{background:linear-gradient(180deg,rgba(255,255,255,.92) 0%,rgba(255,255,255,.7) 38%,rgba(255,255,255,.22) 100%)}.copy-panel{padding:22px 20px}.copy p.lead{max-width:none}.tech-grid,.facts-grid{grid-template-columns:1fr}.facts-grid{border-bottom:0}.fact,.fact:not(:first-child){padding:24px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.specs{grid-template-columns:1fr 1fr;max-width:none}.statement{padding:88px 0 28px}.statement h2,.section-head h2,.facts h2,.contact h2{font-size:clamp(36px,11vw,58px)}.section-head{margin-bottom:26px}.contact p{font-size:18px}.footer{flex-direction:column;align-items:flex-start}}

/* ===== Responsive / mobile art direction ===== */
:root{
  --gutter:clamp(18px,3vw,32px);
  --container:min(1440px, calc(100vw - (var(--gutter) * 2)));
}
html{-webkit-text-size-adjust:100%}
body{min-width:320px;overflow-x:hidden}
button{font:inherit}
.menu-toggle{display:none;width:44px;height:44px;padding:0;border:0;background:transparent;position:relative;cursor:pointer;color:#fff}
.menu-toggle span{position:absolute;left:10px;right:10px;height:1.5px;background:currentColor;transition:transform .25s ease,top .25s ease}
.menu-toggle span:first-child{top:17px}.menu-toggle span:last-child{top:26px}
.menu-toggle[aria-expanded="true"] span:first-child{top:22px;transform:rotate(45deg)}
.menu-toggle[aria-expanded="true"] span:last-child{top:22px;transform:rotate(-45deg)}

@media (max-width:1199px){
  .topbar{padding:16px max(18px,env(safe-area-inset-right)) 16px max(18px,env(safe-area-inset-left));gap:12px}
  .topbar.scrolled{padding:12px max(18px,env(safe-area-inset-right)) 12px max(18px,env(safe-area-inset-left))}
  .brand{margin-right:auto;min-width:0}.brand img{height:40px;max-width:min(48vw,280px);object-fit:contain;object-position:left center}.topbar.scrolled .brand img{height:32px}
  .menu-toggle{display:block;order:2;flex:0 0 44px}
  .lang-switch{order:3;min-height:44px;align-items:center;padding:0 2px;font-size:13px}
  .nav{position:fixed;z-index:55;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:0;padding:calc(84px + env(safe-area-inset-top)) max(28px,6vw) calc(40px + env(safe-area-inset-bottom));background:rgba(5,7,10,.97);backdrop-filter:blur(18px);opacity:0;visibility:hidden;transform:translateY(-10px);pointer-events:none;transition:opacity .22s ease,visibility .22s ease,transform .22s ease}
  .nav.open{opacity:1;visibility:visible;transform:none;pointer-events:auto}
  .nav a{width:100%;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.10);font-size:clamp(28px,5vw,46px);line-height:1.08;letter-spacing:-.035em;color:#fff}
  body.menu-open{overflow:hidden}
}

/* Tablet portrait: preserve the full product instead of cropping a 16:9 desktop scene */
@media (max-width:1024px) and (orientation:portrait){
  .statement{padding:86px 0 74px}.statement-inner{grid-template-columns:1fr;gap:10px}.section-index{margin:0 0 10px}
  .statement h2{font-size:clamp(44px,8vw,72px)}.statement p:last-child{font-size:clamp(20px,3vw,27px);max-width:30em}

  .image-panel:not(.hero){display:block;min-height:0;padding:0;background:#080a0d}
  .image-panel:not(.hero) img.bg{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;z-index:0}
  .image-panel:not(.hero)::before{display:none!important}
  .image-panel:not(.hero) .inner,.image-panel.right:not(.hero) .inner{display:block;width:100%;padding:42px var(--gutter) 58px}
  .image-panel.right:not(.hero) .copy{grid-column:auto}
  .image-panel:not(.hero) .copy{max-width:760px!important;margin:0 auto 0 0}
  .image-panel:not(.hero) .copy h2{font-size:clamp(44px,7.4vw,68px)}
  .image-panel:not(.hero) .copy .body{font-size:18px;max-width:42rem}
  .image-panel.light:not(.hero){background:#f4f5f6;color:#111317}
  .image-panel.light:not(.hero) .inner{background:#f4f5f6}
  .image-panel:not(.hero) .specs{max-width:620px}

  #technology img.bg{object-position:64% 50%}
  #smirage img.bg{object-position:65% 50%}
  #origin img.bg{object-position:31% 50%}
  #applications img.bg{object-position:67% 50%}

  .hero{min-height:100svh;padding:calc(90px + env(safe-area-inset-top)) 0 calc(34px + env(safe-area-inset-bottom));align-items:flex-end}
  .hero img.bg{object-position:67% 50%}
  .hero::before{background:linear-gradient(180deg,rgba(5,7,10,.16) 0%,rgba(5,7,10,.22) 36%,rgba(5,7,10,.72) 70%,rgba(5,7,10,.93) 100%)!important}
  .hero .inner{display:block;width:var(--container)}
  .hero .copy{max-width:720px}
  .hero .copy h1{font-size:clamp(58px,10.5vw,94px)}
  .hero .copy p.lead{font-size:clamp(20px,3vw,28px);max-width:28ch}

  .facts{padding:84px 0}.facts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fact:nth-child(2){border-right:0}.fact:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.12)}
  .contact{padding:84px 0}.contact-inner{grid-template-columns:1fr;gap:46px}.contact-links{max-width:620px}
}

/* Phones */
@media (max-width:700px){
  :root{--gutter:20px}
  .scroll-progress{height:1px}
  .topbar{
    padding-top:max(13px,env(safe-area-inset-top));
    background:linear-gradient(to bottom,rgba(5,7,10,.92) 0%,rgba(5,7,10,.78) 58%,rgba(5,7,10,.16) 100%);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
  }
  .topbar.scrolled{padding-top:max(10px,env(safe-area-inset-top));background:rgba(5,7,10,.86)}
  .brand img{
    height:38px;
    max-width:56vw;
    filter:drop-shadow(0 2px 8px rgba(0,0,0,.55)) drop-shadow(0 0 1px rgba(255,255,255,.18));
  }
  .lang-switch{font-size:12px;gap:6px}.menu-toggle{width:40px;height:40px;flex-basis:40px}.menu-toggle span{left:9px;right:9px}

  .hero{min-height:100svh;padding:calc(78px + env(safe-area-inset-top)) 0 calc(28px + env(safe-area-inset-bottom))}
  .hero img.bg{object-position:70% center}
  .hero::before{background:linear-gradient(180deg,rgba(5,7,10,.12) 0%,rgba(5,7,10,.24) 30%,rgba(5,7,10,.74) 62%,rgba(5,7,10,.96) 100%)!important}
  .hero .copy h1{font-size:clamp(46px,14.5vw,70px);line-height:.91;letter-spacing:-.055em;margin-bottom:16px}
  .hero .copy p.lead{font-size:clamp(18px,5.2vw,23px);line-height:1.28;margin-bottom:16px;max-width:24ch}
  .hero .copy .note{font-size:13px;max-width:31ch}
  .actions{gap:10px;margin-top:20px}.btn{min-height:46px;padding:0 15px;font-size:14px}

  .statement{padding:62px 0 54px}.statement h2{font-size:clamp(38px,12vw,56px);margin-bottom:18px}.statement p:last-child{font-size:19px;line-height:1.42}

  .image-panel:not(.hero) img.bg{aspect-ratio:5/4}
  .image-panel:not(.hero) .inner,.image-panel.right:not(.hero) .inner{padding:30px var(--gutter) 46px}
  .image-panel:not(.hero) .copy h2{font-size:clamp(38px,11.5vw,54px);line-height:.97;margin-bottom:16px}
  .copy .eyebrow{font-size:11px;letter-spacing:.19em;margin-bottom:12px}
  .image-panel:not(.hero) .copy .body{font-size:16px;line-height:1.55;margin-bottom:14px}
  .copy .note{font-size:13px}
  .specs{grid-template-columns:1fr;gap:0;margin-top:20px}.specs li{padding:9px 0 8px;font-size:12px}

  #technology img.bg{object-position:70% 50%}
  #smirage img.bg{object-position:69% 50%}
  #origin img.bg{object-position:30% 50%}
  #applications img.bg{object-position:67% 50%}

  .facts{padding:68px 0}.facts-head{margin-bottom:26px}.facts h2{font-size:clamp(40px,12vw,56px)}.facts-grid{grid-template-columns:1fr;border-bottom:0}.fact,.fact:not(:first-child){padding:24px 0;min-height:0;border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.fact strong{font-size:32px;margin-bottom:10px}.fact p{font-size:15px;max-width:36ch}
  .contact{padding:68px 0 calc(72px + env(safe-area-inset-bottom))}.contact h2{font-size:clamp(42px,13vw,60px);margin-bottom:18px}.contact p{font-size:17px}.contact-inner{gap:34px}.contact-links{gap:9px}.contact-links a,.contact-address{min-height:54px;padding:14px 16px;border-radius:14px;font-size:16px;overflow-wrap:anywhere}
  .footer{padding:22px var(--gutter) calc(22px + env(safe-area-inset-bottom));gap:14px}.footer img{height:24px}.footer p,.footer a{font-size:13px}
}

/* Compact phones: 320–375 px */
@media (max-width:375px){
  :root{--gutter:16px}
  .brand img{height:34px;max-width:56vw}.lang-switch{padding:0}
  .hero .copy h1{font-size:44px}.hero .copy p.lead{font-size:18px}.btn{padding:0 13px}
  .image-panel:not(.hero) .copy h2{font-size:37px}.statement h2{font-size:38px}
}

/* Short landscape phones / small tablets */
@media (max-height:560px) and (orientation:landscape){
  .topbar{padding-top:10px;padding-bottom:10px}.brand img{height:34px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.55)) drop-shadow(0 0 1px rgba(255,255,255,.18))}.topbar.scrolled .brand img{height:31px}
  .hero{min-height:100dvh;padding:70px 0 20px;align-items:flex-end}.hero img.bg{object-position:68% 53%}.hero .copy{max-width:58vw}.hero .copy h1{font-size:clamp(38px,7.5vw,58px)}.hero .copy p.lead{font-size:16px;max-width:34ch}.hero .copy .note{display:none}.hero .actions{margin-top:14px}.hero .btn{min-height:40px}
  .image-panel:not(.hero){min-height:100dvh;padding:76px 0 28px;display:flex}.image-panel:not(.hero) img.bg{position:absolute;inset:0;height:100%;aspect-ratio:auto;z-index:-3}.image-panel:not(.hero) .inner{width:var(--container);padding:0;display:grid;grid-template-columns:minmax(0,48vw) 1fr}.image-panel.right:not(.hero) .inner{grid-template-columns:1fr minmax(0,48vw)}.image-panel.right:not(.hero) .copy{grid-column:2}.image-panel:not(.hero)::before{display:block!important;background:linear-gradient(90deg,rgba(7,8,10,.82),rgba(7,8,10,.5) 42%,rgba(7,8,10,.08) 75%)!important}.image-panel.light:not(.hero)::before{background:linear-gradient(90deg,rgba(255,255,255,.08),rgba(255,255,255,.18) 45%,rgba(255,255,255,.90) 72%)!important}.image-panel.light:not(.hero).right::before{background:linear-gradient(90deg,rgba(255,255,255,.06) 0%,rgba(255,255,255,.15) 42%,rgba(255,255,255,.88) 70%)!important}.image-panel:not(.hero) .copy h2{font-size:clamp(34px,5vw,54px)}.image-panel:not(.hero) .copy .body{font-size:14px}.specs{grid-template-columns:1fr 1fr}.specs li{font-size:11px;padding:7px 0}
}

/* Large tablets in landscape */
@media (min-width:701px) and (max-width:1100px) and (orientation:landscape) and (min-height:561px){
  .image-panel{min-height:760px;padding:100px 0}.image-panel .inner{grid-template-columns:minmax(0,50vw) 1fr}.image-panel.right .inner{grid-template-columns:1fr minmax(0,50vw)}.copy h1{font-size:72px}.copy h2{font-size:56px}.copy p.lead{font-size:24px}.copy .body{font-size:16px}.specs{max-width:480px}
  #technology img.bg{object-position:62% center}#smirage img.bg{object-position:64% center}#origin img.bg{object-position:35% center}#applications img.bg{object-position:64% center}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.topbar,.nav,.menu-toggle span,.btn,.contact-links a{transition:none}
}


/* v11 — responsive layout fixes. Keep the original SENSAIR artwork unchanged. */
.hero-art{display:contents}

/* ORIGIN and Applications must show the actual photo, with NO white veil at
   any breakpoint. Previous landscape tablet/phone rules used !important. */
#origin.image-panel::before,
#applications.image-panel::before{
  content:none !important;
  display:none !important;
  background:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
#origin .copy,
#applications .copy{
  color:#111317;
}
#origin .copy h2,
#applications .copy h2{color:#111317}

/* Portrait phone/tablet: give the photo its own visual stage, then put
   the title and CTA BELOW it rather than hiding the hand or aerial image. */
@media (max-width:900px) and (orientation:portrait){
  .hero.image-panel{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    justify-content:flex-start;
    min-height:0;
    padding:0;
    background:#080a0d;
  }
  .hero::before{content:none !important;display:none !important}
  .hero-art{display:block;width:100%;flex:0 0 auto}
  .hero.image-panel .hero-art img.bg{
    display:block;
    position:relative;
    inset:auto;
    width:100%;
    height:auto;
    max-height:none;
    object-fit:contain;
    object-position:center;
    aspect-ratio:auto;
    z-index:auto;
  }
  .hero.image-panel .inner{
    display:block;
    width:100%;
    margin:0;
    padding:clamp(24px,4vw,48px) var(--gutter) clamp(52px,7vw,72px);
    background:#080a0d;
  }
  .hero .copy{
    width:min(100%,680px);
    max-width:680px;
    margin:0 auto;
  }
  .hero .copy h1{margin-top:0}
  .hero .copy .note{max-width:none}
}

/* Narrow devices get a crop of the original photograph specifically framed
   around the woman, finger and aerial projection — no invented product. */
@media (max-width:700px) and (orientation:portrait){
  .hero.image-panel .inner{
    padding:26px var(--gutter) 50px;
  }
  .hero .copy h1{
    font-size:clamp(42px,12vw,64px);
    line-height:.94;
    letter-spacing:-.048em;
  }
  .hero .copy p.lead{
    max-width:34ch;
    font-size:clamp(18px,5vw,22px);
    line-height:1.34;
  }
  .hero .copy .actions{margin-top:18px}
  .hero .copy .note{margin-top:17px}
}
@media (max-width:375px) and (orientation:portrait){
  .hero .copy h1{font-size:clamp(39px,11.8vw,44px)}
  .hero.image-panel .inner{padding-bottom:42px}
}

/* At tablet landscape widths the actual neutral area of either photograph
   is too narrow for this amount of copy. Put the real, unfiltered image on
   top and the text on a clean surface beneath it, never over the surgeons. */
@media (min-width:701px) and (max-width:1100px) and (orientation:landscape) and (max-height:560px){
  #origin.image-panel,
  #applications.image-panel{
    display:block!important;
    min-height:0!important;
    padding:0!important;
    background:#f4f5f6;
  }
  #origin.image-panel img.bg,
  #applications.image-panel img.bg{
    position:relative!important;
    display:block;
    inset:auto!important;
    width:100%;
    height:auto!important;
    max-height:none;
    aspect-ratio:auto!important;
    object-fit:contain!important;
    object-position:center!important;
    z-index:auto!important;
  }
  #origin.image-panel .inner,
  #applications.image-panel .inner,
  #origin.image-panel.right .inner{
    display:block!important;
    width:var(--container)!important;
    max-width:960px;
    margin:0 auto;
    padding:40px 0 56px!important;
    background:#f4f5f6;
  }
  #origin.image-panel.right .copy,
  #applications.image-panel .copy{
    max-width:760px;
    grid-column:auto!important;
  }
  #origin.image-panel .copy h2,
  #applications.image-panel .copy h2{font-size:clamp(36px,5vw,56px)}
}

/* Landscape tablets with enough height can retain the full-bleed composition.
   Restrict copy to the real neutral area of each photo (without a veil). */
@media (min-width:701px) and (max-width:1100px) and (orientation:landscape) and (min-height:561px){
  #origin.image-panel,
  #applications.image-panel{
    display:flex;
    align-items:center;
    min-height:max(700px,100svh);
    padding:88px 0 48px;
  }
  #origin.image-panel .inner,
  #applications.image-panel .inner{
    width:var(--container);
    display:grid;
    padding:0;
    gap:0;
  }
  #origin.image-panel .inner{grid-template-columns:minmax(0,1fr) minmax(0,39%)}
  #applications.image-panel .inner{grid-template-columns:minmax(0,39%) minmax(0,1fr)}
  #origin.image-panel.right .copy{grid-column:2}
  #applications.image-panel .copy{grid-column:1}
  #origin.image-panel .copy,
  #applications.image-panel .copy{max-width:none!important}
  #origin.image-panel .copy h2,
  #applications.image-panel .copy h2{
    font-size:clamp(34px,3.9vw,43px);
    letter-spacing:-.035em;
    line-height:1.0;
  }
  #origin.image-panel .copy .body,
  #applications.image-panel .copy .body{font-size:15px;line-height:1.52;margin-bottom:10px}
  #origin.image-panel .specs,
  #applications.image-panel .specs{margin-top:16px;gap:0 12px}
  #origin.image-panel .specs li,
  #applications.image-panel .specs li{font-size:11px;padding:8px 0}
  #origin.image-panel .actions{margin-top:16px}
}

/* Unlike ORIGIN, the customer-space photo has too little clear wall at 1024px
   to carry readable copy without covering the person. Preserve the scene. */
@media (min-width:701px) and (max-width:1100px) and (orientation:landscape) and (min-height:561px){
  #applications.image-panel{
    display:block!important;
    min-height:0!important;
    padding:0!important;
    background:#f4f5f6;
  }
  #applications.image-panel img.bg{
    display:block;
    position:relative!important;
    inset:auto!important;
    width:100%;
    height:auto!important;
    aspect-ratio:auto!important;
    object-fit:contain!important;
    object-position:center!important;
    z-index:auto!important;
  }
  #applications.image-panel .inner{
    display:block!important;
    width:var(--container)!important;
    margin:0 auto;
    padding:36px 0 52px!important;
    background:#f4f5f6;
  }
  #applications.image-panel .copy{max-width:760px!important;grid-column:auto!important}
}

/* v13: official company telephone in header, expanded menu and contacts. */
.header-phone{
  display:inline-flex;
  align-items:center;
  color:rgba(255,255,255,.9);
  font-size:13px;
  font-weight:500;
  font-variant-numeric:tabular-nums;
  letter-spacing:.01em;
  line-height:1.2;
  white-space:nowrap;
  min-height:44px;
  margin-left:auto;
  transition:color .2s ease;
}
.header-phone:hover,.header-phone:focus-visible{color:#fff}
.nav .nav-phone{display:none}
.contact-phone{font-variant-numeric:tabular-nums}
@media (max-width:1199px){
  .header-phone{display:none}
}
@media (max-width:1100px){
  /* The telephone goes inside the expanded menu, not the crowded mobile header. */
  .nav{overflow-y:auto;overscroll-behavior:contain}
  .nav .nav-phone{
    display:block;
    width:auto;
    margin-top:20px;
    padding:16px 0 12px;
    border-bottom:0;
    font-size:clamp(19px,3vw,24px);
    line-height:1.3;
    font-weight:500;
    letter-spacing:.025em;
    color:#fff;
    font-variant-numeric:tabular-nums;
  }
}
@media (max-height:580px) and (max-width:1100px){
  .nav{justify-content:flex-start}
  .nav .nav-phone{margin-top:10px}
}

/* v14: number always visible in tablet header, both orientations.
   Keep phones ≤700px with the full-size SENSAIR logo and no phone in the header. */
@media (min-width:701px) and (max-width:1199px){
  .header-phone{
    display:inline-flex;
    flex:0 0 auto;
    margin-left:8px;
    min-height:44px;
    font-size:clamp(12px,1.35vw,14px);
    font-weight:500;
    letter-spacing:0;
    color:#f4f6f8;
    white-space:nowrap;
    text-shadow:0 1px 5px rgba(0,0,0,.35);
  }
  .nav .nav-phone{display:none!important}
  .topbar .brand{flex:0 1 auto;margin-right:auto}
  .topbar .lang-switch{flex:0 0 auto}
  .topbar .menu-toggle{flex:0 0 44px}
}