:root{
--green:#5EA043;--lime:#ACD25F;--navy:#141A34;--blue:#4E5F9A;--ink:#231F20;--white:#fff;--paper:#f6f7f1;
--max:1280px;--shadow:0 24px 70px rgba(20,26,52,.12)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--ink);font-family:Inter,Arial,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
h1,h2,h3,p{margin-top:0}h1,h2,h3,.eyebrow,.section-label,.menu,.button,.clock,.date,.timezone{font-family:"Josefin Sans",Inter,Arial,sans-serif}
h1{font-size:clamp(3rem,7vw,6.8rem);line-height:.94;letter-spacing:-.045em}h2{font-size:clamp(2.4rem,4.7vw,5.2rem);line-height:.98;letter-spacing:-.035em}h3{font-size:1.6rem;line-height:1.1}.eyebrow,.section-label{font-weight:700;letter-spacing:.14em;font-size:.78rem;color:var(--green)}
.site-header{position:fixed;z-index:80;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:15px 28px;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(20,26,52,.08)}.brand img{width:220px}.header-meta{display:flex;align-items:center;gap:18px}.datetime-stack{display:flex;flex-direction:column;align-items:flex-end;line-height:1.15;min-width:175px}.date{font-size:.72rem;color:#5e6270}.clock{font-size:1.08rem;font-weight:700;letter-spacing:.04em;color:var(--navy)}.timezone{font-size:.65rem;color:#6b707b}.menu-button{width:46px;height:46px;border:1px solid var(--navy);background:var(--navy);display:grid;place-content:center;gap:5px;cursor:pointer}.menu-button span{display:block;width:20px;height:2px;background:#fff}.back-link{font-family:"Josefin Sans";font-weight:700;color:var(--green)}
.menu{position:fixed;top:76px;right:28px;z-index:90;width:min(330px,calc(100vw - 32px));background:rgba(255,255,255,.985);color:var(--navy);box-shadow:0 24px 60px rgba(20,26,52,.22);border:1px solid rgba(20,26,52,.1);border-radius:0 0 0 22px;opacity:0;visibility:hidden;transform:translateY(-12px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease}.menu.open{opacity:1;visibility:visible;transform:translateY(0)}.menu-inner{padding:14px 20px 18px;display:block}.menu-top{display:flex;justify-content:space-between;align-items:center;color:var(--green);font-size:.62rem;letter-spacing:.12em;padding-bottom:10px;border-bottom:1px solid #e1e5dd}.menu-close{border:0;background:none;color:var(--navy);font-size:1.65rem;line-height:1;cursor:pointer}.menu-grid{display:grid;grid-template-columns:1fr;gap:0;margin:4px 0}.menu-grid a{font-size:.84rem;line-height:1.1;padding:10px 4px;border-bottom:1px solid #edf0ea;transition:.15s}.menu-grid a:hover{color:var(--green);padding-left:9px;background:#f4f7ee}.menu-footer{color:#7a7f89;border-top:0;padding-top:10px;font-size:.62rem;line-height:1.35}
.hero{min-height:100vh;padding:150px 6vw 70px;display:grid;grid-template-columns:1.05fr .95fr;gap:5vw;align-items:center;background:linear-gradient(135deg,#fff 0%,#f8f9f3 68%,#eaf2dc 100%)}.hero-copy h1 span{color:var(--green)}.lead{font-size:clamp(1.1rem,1.5vw,1.4rem);max-width:720px;color:#4e5361}.hero-actions{display:flex;gap:14px;margin-top:35px}.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border:1px solid var(--navy);font-weight:700;letter-spacing:.04em;cursor:pointer}.button-primary{background:var(--green);color:#fff;border-color:var(--green)}.button-ghost{background:#fff;color:var(--navy)}.button-lime{background:var(--lime);color:var(--navy);border-color:var(--lime)}.hero-media{position:relative}.hero-media img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:0 70px 0 70px;box-shadow:var(--shadow)}.hero-badge{position:absolute;bottom:-25px;left:-25px;background:var(--navy);color:#fff;padding:20px 24px;display:flex;gap:16px;align-items:center}.hero-badge strong{font-size:2rem;color:var(--lime);font-family:"Josefin Sans"}.hero-badge span{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}
.statement{display:grid;grid-template-columns:.25fr 1fr;gap:5vw;padding:110px 8vw;background:var(--green);color:#fff}.statement .section-label{color:var(--lime)}.statement h2{max-width:950px}.statement p{max-width:850px;font-size:1.2rem;color:#eef7e6}
.technologies-section{display:block}.technologies-section>.section-label{display:block;width:100%;padding:60px 60px 30px}.feature-grid{display:grid;grid-template-columns:1fr 1fr}.feature{min-height:420px;padding:60px}.feature-green{background:var(--green);color:#fff}.feature-green a{color:var(--lime)}.feature-navy{background:var(--navy);color:#fff}.feature-navy a{color:var(--lime)}.feature-light{background:var(--paper)}.feature a{font-family:"Josefin Sans";font-weight:700}.number{font-family:"Josefin Sans";color:var(--lime);font-size:.8rem;letter-spacing:.1em}.feature-image img{height:100%;width:100%;object-fit:cover}
.ergonomic-section{display:grid;grid-template-columns:.9fr 1.1fr;min-height:720px;background:#fff}
.ergonomic-media{min-height:720px;background:#e8eee2;overflow:hidden}
.ergonomic-media img{width:100%;height:100%;object-fit:cover;object-position:center}
.ergonomic-copy{padding:8vw;display:flex;flex-direction:column;justify-content:center}
.ergonomic-copy h2{max-width:820px}
.ergonomic-copy>p{max-width:720px;color:#59606d;font-size:1.08rem}
.ergonomic-points{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:28px;border-top:1px solid #d7dccf}
.ergonomic-points div{padding:22px 22px 22px 0;border-bottom:1px solid #d7dccf}
.ergonomic-points strong{display:block;font:700 1.15rem "Josefin Sans";color:var(--green);margin-bottom:5px}
.ergonomic-points span{font-size:.88rem;color:#626875}
.sustainability-section{display:grid;grid-template-columns:1.05fr .95fr;min-height:680px;background:var(--paper)}
.sustainability-copy{padding:8vw;display:flex;flex-direction:column;justify-content:center}
.sustainability-copy h2{max-width:850px}
.sustainability-copy p{max-width:760px;color:#59606d;font-size:1.08rem}
.sustainability-image{min-height:680px;overflow:hidden}
.sustainability-image img{width:100%;height:100%;object-fit:cover}
.feature-tall{padding:0;min-height:560px;overflow:hidden}
.feature-tall img{height:100%;min-height:560px;object-fit:cover;object-position:center}
.news-grid-all .news-card img{aspect-ratio:16/10}
.story-image{background:#eef2ea}
.split-section{display:grid;grid-template-columns:1fr 1fr;min-height:720px}.split-image img{height:100%;width:100%;object-fit:cover}.split-copy{padding:8vw;display:flex;flex-direction:column;justify-content:center}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:35px}.stat-row div{border-top:2px solid var(--green);padding-top:12px}.stat-row strong{display:block;font:700 3rem "Josefin Sans";color:var(--green)}.stat-row span{font-size:.85rem}

.impact-section{padding:115px 8vw;background:var(--paper)}.impact-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:7vw;align-items:end;margin-top:18px}.impact-intro h2{max-width:900px}.impact-intro p{font-size:1.08rem;color:#59606d;max-width:620px}.impact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#d4dacb;margin-top:55px}.impact-card{background:#fff;padding:32px;min-height:190px;display:flex;flex-direction:column;justify-content:flex-start}.impact-card strong{font:700 clamp(2.2rem,4vw,4rem) "Josefin Sans";color:var(--green);line-height:1}.impact-card span{font:700 1rem "Josefin Sans";margin-top:12px;color:var(--navy)}.impact-card small{font-size:.8rem;color:#656b77;margin-top:8px}.impact-feature{background:var(--navy);color:#fff}.impact-feature strong{color:var(--lime)}.impact-feature span{color:#fff}.impact-feature small{color:#cbd0df}.impact-wide{grid-column:span 2}.team-advisory-note{margin-top:24px;padding:18px 20px;background:#eef3e7;color:#59606d;font-size:.9rem}.team-advisory-note strong{color:var(--navy)}
.audiences{padding:110px 8vw}.audience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:55px}.audience-grid>div{padding:28px;border-top:1px solid #cdd2c4;border-right:1px solid #cdd2c4}.audience-grid span{color:var(--green);font-family:"Josefin Sans"}
.dark-section{padding:120px 8vw;background:var(--navy);color:#fff}.dark-section h2{max-width:900px}.dark-section p{max-width:780px;font-size:1.15rem;color:#c9cede;margin-bottom:35px}.investor-section{display:grid;grid-template-columns:1.3fr .7fr;gap:7vw;padding:110px 8vw;background:#edf4e2}.investor-card{background:#fff;padding:42px;box-shadow:var(--shadow);align-self:center}.investor-card span{font:700 .75rem "Josefin Sans";letter-spacing:.12em;color:var(--green)}
.team-section{padding:110px 8vw}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#d7dccf;margin-top:55px}.team-card{background:#fff;padding:30px;min-height:220px}.team-card span{font:700 .75rem "Josefin Sans";color:var(--green)}.team-card p{color:#5e6270}
.jobs-section{display:grid;grid-template-columns:1fr 1fr;gap:7vw;padding:110px 8vw;background:var(--paper)}.job-list>div{display:grid;grid-template-columns:.7fr 1fr;gap:20px;padding:22px 0;border-bottom:1px solid #d0d5ca}.job-list strong{font-family:"Josefin Sans"}.job-list span{color:#606574}
.news-section{padding:110px 8vw}.news-heading{display:flex;justify-content:space-between;align-items:end;gap:30px}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:50px}.news-card img{width:100%;aspect-ratio:1.45;object-fit:cover;border-radius:0 35px 0 35px}.news-meta{font:700 .72rem "Josefin Sans";color:var(--green);margin-top:20px}.news-card h3{margin:8px 0}.news-card p{color:#646a77}.text-link{font-family:"Josefin Sans";font-weight:700;color:var(--green)}
.contact-section{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:110px 8vw;background:var(--green);color:#fff}.contact-section .eyebrow,.contact-section .section-label{color:var(--lime)}.contact-email{font:700 1.2rem "Josefin Sans"}.contact-form{display:grid;gap:18px;position:relative}.contact-form label,.admin-card label,.admin-editor label{display:grid;gap:7px;font:700 .85rem "Josefin Sans"}.contact-form input,.contact-form textarea,.admin-editor input,.admin-editor textarea,.admin-card input{font:inherit;padding:14px;border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.1);color:inherit}.contact-form input:focus,.contact-form textarea:focus,.admin-editor input:focus,.admin-card input:focus{outline:2px solid var(--lime)}.honeypot{display:none!important}
footer{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:30px 8vw;background:#fff;font-size:.75rem;color:#6a6f79}footer img{width:180px}
.news-page{padding:160px 8vw 100px}.story{max-width:900px;margin:auto}.story h1{max-width:900px}.story-image{width:100%;max-height:650px;object-fit:cover;border-radius:0 55px 0 55px;margin:35px 0}.story-body{font-size:1.18rem}.story-body h2,.story-body h3{margin-top:35px}.story-body blockquote{border-left:4px solid var(--green);padding-left:20px;color:#555}.story-author{font:700 1rem "Josefin Sans";color:var(--green);margin-top:40px}
.contact-result{min-height:100vh;display:grid;place-items:center;padding:30px;background:var(--paper)}.result-card{max-width:700px;background:#fff;padding:60px;box-shadow:var(--shadow)}
.admin-shell{min-height:100vh;background:var(--paper);padding:60px 20px;display:grid;place-items:center}.admin-shell.wide{display:block;max-width:1200px;margin:auto}.admin-card{background:#fff;padding:45px;max-width:520px;width:100%;box-shadow:var(--shadow)}.admin-logo{width:240px;margin-bottom:35px}.admin-error{color:#9d2929}.admin-success{background:#e8f2dc;padding:14px 18px;margin:20px 0;color:#355e2d}.admin-note{font-size:.8rem;color:#666;margin-top:25px}.admin-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px}.admin-editor,.admin-list{background:#fff;padding:35px;margin-bottom:30px;box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:20px}.form-grid label{color:var(--navy)}.admin-editor input{background:#fff;color:var(--ink);border-color:#c9cec5}.toolbar{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.toolbar button{background:#fff;border:1px solid #c7ccc3;padding:8px 12px;cursor:pointer}.rich-editor{min-height:280px;border:1px solid #c7ccc3;padding:18px;outline:none}.rich-editor:focus{border-color:var(--green)}.admin-actions{display:flex;gap:12px;margin-top:18px}.admin-row{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid #ddd}.admin-row strong,.admin-row span{display:block}.admin-row span{font-size:.8rem;color:#6c7078}.row-actions{display:flex;gap:16px;align-items:center}.delete-button{border:0;background:none;color:#9b3333;font:700 .9rem "Josefin Sans";cursor:pointer}.translate-hidden{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
@media(max-width:900px){.site-header{padding:10px 14px}.brand img{width:165px}.datetime-stack{min-width:150px}.date,.clock,.timezone{display:block}.hero{grid-template-columns:1fr;padding:125px 24px 60px}.hero-media{order:-1}.hero-media img{aspect-ratio:1.4}.statement,.split-section,.jobs-section,.contact-section,.investor-section,.ergonomic-section,.sustainability-section{grid-template-columns:1fr}.statement,.impact-section,.audiences,.dark-section,.team-section,.jobs-section,.news-section,.contact-section,.investor-section{padding:75px 24px}.impact-intro{grid-template-columns:1fr}.impact-grid{grid-template-columns:1fr 1fr}.impact-wide{grid-column:span 2}.feature-grid{grid-template-columns:1fr}.feature{min-height:340px;padding:40px 24px}.feature-tall{min-height:420px}.feature-tall img{min-height:420px}.ergonomic-media,.sustainability-image{min-height:480px}.ergonomic-copy,.sustainability-copy{padding:60px 24px}.audience-grid{grid-template-columns:1fr 1fr}.team-grid{grid-template-columns:1fr 1fr}.news-grid{grid-template-columns:1fr}.menu{right:14px;top:68px}.menu-grid{grid-template-columns:1fr}.menu-grid a{font-size:.84rem}.hero h1{font-size:4rem}.stat-row{grid-template-columns:1fr}.news-heading{align-items:start;flex-direction:column}footer{flex-direction:column;align-items:start}.form-grid{grid-template-columns:1fr}}
@media(max-width:560px){.datetime-stack{min-width:122px}.date{font-size:.6rem}.clock{font-size:.86rem}.timezone{font-size:.56rem}.menu{width:min(300px,calc(100vw - 24px));right:12px}.impact-grid{grid-template-columns:1fr}.impact-wide{grid-column:span 1}.audience-grid,.team-grid,.menu-grid,.ergonomic-points{grid-template-columns:1fr}.hero h1{font-size:3.25rem}.ergonomic-media,.sustainability-image{min-height:380px}.hero-actions{flex-direction:column}.button{width:100%}.hero-badge{left:10px}.news-page{padding:125px 24px 70px}.admin-card,.admin-editor,.admin-list{padding:25px}}

/* SmartWalls™ branded section */
.smartwalls-copy p{max-width:760px}.smartwalls-copy p strong{color:var(--lime)}
.feature-logo{padding:0;min-height:560px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}
.feature-logo img{width:100%;height:100%;min-height:560px;object-fit:contain;object-position:center;background:#fff}
@media(max-width:900px){.feature-logo{min-height:420px}.feature-logo img{min-height:420px}.smartwalls-copy p{max-width:none}}


/* Unified Urbana Systems site typography */
html, body,
body *,
button, input, textarea, select, option {
  font-family: Arial, Helvetica, sans-serif !important;
}

/* Sonic Immersive — positioned directly below SmartWalls */
.sonic-immersive-section {
  width: 100%;
  margin: 0;
  padding: 76px 6vw;
  background: #0b1220;
  color: #fff;
}
.sonic-immersive-inner {
  max-width: 1280px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(280px, .8fr);
  gap: 60px;
  align-items: center;
}
.sonic-immersive-copy h2 {
  margin: 0 0 8px;
}
.sonic-immersive-copy h3 {
  margin: 0 0 20px;
}
.sonic-immersive-copy p {
  line-height: 1.7;
}
.sonic-immersive-brand {
  text-align: center;
}
.soundwell-logo {
  display: block;
  width: min(100%, 420px);
  height: auto;
  margin: 0 auto 18px;
  filter: invert(1);
}
.sonic-immersive-brand span {
  display: block;
  opacity: .75;
  font-size: .9rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.team-card.dean-hovey {
  position: relative;
}
@media (max-width: 800px) {
  .sonic-immersive-inner {
    grid-template-columns: 1fr;
    gap: 35px;
  }
}

.page-top-anchor {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  scroll-margin-top: 0;
}

/* Supplied Soundwell logo */
.sonic-immersive-brand .soundwell-logo {
  display: block;
  width: min(100%, 460px);
  height: auto;
  margin: 0 auto;
}

/* Sonic Immersive: Soundwell logo occupies the right column */
.sonic-immersive-inner {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(320px, .8fr);
  gap: 70px;
  align-items: center;
}
.sonic-immersive-brand {
  grid-column: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 260px;
  text-align: center;
}
.sonic-immersive-brand .soundwell-logo {
  display: block;
  width: min(100%, 460px);
  height: auto;
  margin: 0 auto 18px;
}
.urbana-ai-expansion p,
.urbana-ai-section p {
  line-height: 1.75;
}
@media (max-width: 800px) {
  .sonic-immersive-inner {
    grid-template-columns: 1fr;
  }
  .sonic-immersive-brand {
    grid-column: 1;
  }
}

/* Urbana AI — self-contained section */
.urbana-ai-section {
  width: 100%;
  box-sizing: border-box;
  padding: 76px 6vw;
}
.urbana-ai-container {
  max-width: 1100px;
  margin: 0 auto;
}
.urbana-ai-copy {
  max-width: 100%;
}
.urbana-ai-copy p {
  line-height: 1.75;
  margin: 0 0 18px;
}

/* Sonic Immersive — caption directly underneath the Soundwell logo */
.sonic-immersive-brand {
  grid-column: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.sonic-immersive-brand .soundwell-logo {
  display: block;
  width: min(100%, 460px);
  height: auto;
  margin: 0 auto 18px;
}
.sonic-brand-caption {
  display: block;
  width: 100%;
  font-size: .95rem;
  line-height: 1.4;
}

/* Sustainability — retain an intentionally blank right column */
.sustainability-section .right,
.sustainability-section .image,
.sustainability-section .visual,
.sustainability-section .media {
  background-image: none !important;
}
.sustainability-section img,
.sustainability-section picture {
  visibility: hidden !important;
}
@media (max-width: 800px) {
  .sonic-immersive-brand { grid-column: 1; }
}

/* Sustainability: preserve the right-side column but leave it visually blank */
.sustainability-section .right,
.sustainability-section .image,
.sustainability-section .visual,
.sustainability-section .media,
.sustainability-section [class*="image"],
.sustainability-section [class*="visual"] {
  background-image: none !important;
}
.sustainability-section img,
.sustainability-section picture {
  display: none !important;
}

/* Urbana AI detailed description under the AI capability statement */
.urbana-ai-description {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin-top: 18px;
}
.urbana-ai-description p {
  margin: 0 0 18px;
  line-height: 1.7;
  max-width: 100%;
  overflow-wrap: break-word;
}

/* Contact form enhancements */
.contact-form{position:relative}
.contact-form input[type="tel"]{width:100%}
.contact-submit[disabled]{opacity:.65;cursor:wait}
.contact-thankyou{
  position:absolute;
  inset:-1px;
  z-index:10;
  display:grid;
  place-items:center;
  padding:clamp(20px,4vw,55px);
  background:rgba(20,42,34,.97);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  opacity:0;
  visibility:hidden;
  display:none;
  pointer-events:none;
  transform:translateY(12px);
  transition:opacity .35s ease, transform .35s ease, visibility .35s ease;
}
.contact-thankyou.is-visible{
  display:grid;
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0);
}
.contact-thankyou-card{
  width:min(100%,560px);
  text-align:center;
  padding:clamp(28px,5vw,56px);
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.08);
  box-shadow:0 30px 80px rgba(0,0,0,.28);
}
.contact-thankyou-card .section-label{margin-bottom:12px}
.contact-thankyou-card h2{
  margin:0 0 16px;
  color:#fff;
  font-size:clamp(2.6rem,6vw,5rem);
}
.contact-thankyou-card p:not(.section-label){color:rgba(255,255,255,.82);font-size:1.05rem;line-height:1.7;margin:0 auto 28px;max-width:480px}
.thankyou-mark{
  width:66px;height:66px;margin:0 auto 22px;
  display:grid;place-items:center;
  border:1px solid rgba(255,255,255,.35);
  border-radius:50%;
  color:var(--lime);
  font-size:2rem;
  font-weight:700;
}
.contact-error{
  margin-top:8px;
  padding:12px 15px;
  border:1px solid rgba(255,255,255,.3);
  color:#fff;
  background:rgba(120,20,20,.28);
}
@media (max-width:700px){
  .contact-thankyou{padding:18px}
  .contact-thankyou-card{padding:30px 22px}
}

/* Numbered main-section hamburger navigation */
.menu-grid a{display:grid;grid-template-columns:max-content 1fr;align-items:center;column-gap:16px}
.menu-number{display:inline-block;min-width:2.1em;text-align:right;margin-right:0;font-family:Arial,Helvetica,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.08em;color:var(--green);font-variant-numeric:tabular-nums}
.menu-grid a:hover .menu-number{color:var(--navy)}

@media (max-width: 700px){.technologies-section>.section-label{padding:42px 24px 24px}.feature-grid{grid-template-columns:1fr}}

/* Version 25 — thank-you overlay cleanup */
.contact-form-wrap { position: relative; }
.thank-you-overlay,
#thank-you,
.thank-you-message {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 999 !important;
  display: none;
}

/* Version 31 — Human Comfort full-viewport treatment */
#human-comfort,
section[data-section="06"] {
  position: relative;
  width: 100%;
  min-height: 100svh;
  overflow: hidden;
  display: flex;
  align-items: stretch;
}
#human-comfort > .human-comfort-image,
#human-comfort .human-comfort-image,
#human-comfort > img:first-of-type {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#human-comfort .human-comfort-content,
#human-comfort .section-content,
#human-comfort .overlay-content {
  position: relative;
  z-index: 2;
  width: 100%;
  min-height: 100svh;
  display: flex;
  align-items: center;
}
#human-comfort::after,
section[data-section="06"]::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(0,0,0,.62) 0%, rgba(0,0,0,.28) 48%, rgba(0,0,0,.08) 100%);
}
@media (max-width: 700px) {
  #human-comfort,
  section[data-section="06"] { min-height: 85svh; }
  #human-comfort .human-comfort-content,
  #human-comfort .section-content,
  #human-comfort .overlay-content { min-height: 85svh; }
}

/* Version 31 — Contact form Send Message button border */
.contact-form button[type="submit"],
.contact-form input[type="submit"],
button.send-message,
.send-message {
  border: 2px solid currentColor !important;
  border-radius: 999px;
  box-sizing: border-box;
}

/* Version 31 — reset to contact form after submission */
.thank-you-overlay[aria-hidden="true"],
.thank-you-message[aria-hidden="true"],
#thank-you[aria-hidden="true"],
#thankYouOverlay[aria-hidden="true"] {
  display: none !important;
}


/* SECTION 06 — HUMAN COMFORT
   Full-width title, image, and text across mobile, tablet, desktop, and landscape.
*/
.ergonomic-section {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #fff;
  overflow: hidden;
}

.ergonomic-section > .section-label {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  padding: 60px 6vw 30px !important;
  margin: 0 !important;
  white-space: nowrap !important;
  text-align: left;
  box-sizing: border-box;
}

.ergonomic-media {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #e8eee2;
}

.ergonomic-media img {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 16 / 7;
  object-fit: cover;
  object-position: center;
  margin: 0 !important;
}

.ergonomic-copy {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 70px 6vw 80px !important;
  box-sizing: border-box;
}

.ergonomic-copy h2,
.ergonomic-copy > p {
  width: 100% !important;
  max-width: none !important;
}

.ergonomic-copy h2 {
  margin-bottom: 22px;
}

.ergonomic-copy > p {
  font-size: clamp(1rem, 1.4vw, 1.2rem);
}

.ergonomic-points {
  width: 100% !important;
  max-width: none !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0 28px !important;
}

.ergonomic-points div {
  padding-right: 0 !important;
}

/* Tablet */
@media (max-width: 1024px) {
  .ergonomic-section > .section-label {
    padding: 48px 5vw 26px !important;
  }

  .ergonomic-media img {
    aspect-ratio: 16 / 8;
  }

  .ergonomic-copy {
    padding: 55px 5vw 65px !important;
  }

  .ergonomic-points {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0 24px !important;
  }
}

/* Mobile */
@media (max-width: 600px) {
  .ergonomic-section > .section-label {
    padding: 34px 20px 22px !important;
    font-size: clamp(.95rem, 4vw, 1.2rem);
    letter-spacing: .1em;
  }

  .ergonomic-media img {
    width: 100% !important;
    aspect-ratio: 4 / 3;
    object-fit: cover;
  }

  .ergonomic-copy {
    padding: 42px 20px 50px !important;
  }

  .ergonomic-copy h2 {
    font-size: clamp(2rem, 9vw, 3rem);
  }

  .ergonomic-points {
    grid-template-columns: 1fr !important;
  }
}

/* Landscape phones/tablets */
@media (orientation: landscape) and (max-height: 700px) {
  .ergonomic-section > .section-label {
    padding-top: 28px !important;
    padding-bottom: 18px !important;
  }

  .ergonomic-media img {
    aspect-ratio: 21 / 8;
  }

  .ergonomic-copy {
    padding-top: 40px !important;
    padding-bottom: 45px !important;
  }
}



/* SECTION 06 FINAL FIX — no dark overlay; display the complete image vertically */
#ergonomics::after,
section[data-section="06"]::after {
  display: none !important;
  content: none !important;
  background: none !important;
}

#ergonomics .ergonomic-media,
section[data-section="06"] .ergonomic-media {
  width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  overflow: visible !important;
  background: transparent !important;
}

#ergonomics .ergonomic-media img,
section[data-section="06"] .ergonomic-media img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  object-position: center center !important;
  margin: 0 !important;
  transform: none !important;
}

/* Keep Section 06 as a full-width vertical sequence:
   title → complete image → complete text */
#ergonomics,
section[data-section="06"] {
  display: block !important;
  width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  overflow: visible !important;
}

#ergonomics .section-label,
section[data-section="06"] .section-label,
#ergonomics .ergonomic-copy,
section[data-section="06"] .ergonomic-copy {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}



/* PRODUCTS — Section 08 */
.products-section {
  width: 100%;
  box-sizing: border-box;
  padding: clamp(60px, 8vw, 110px) 6vw;
  background: #f4f5f1;
}

.products-section > .section-label {
  margin-bottom: 18px;
}

.products-section > h2 {
  max-width: 1100px;
  margin: 0 0 50px;
}

.products-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  width: 100%;
}

.product-card {
  min-width: 0;
  padding: clamp(28px, 3vw, 44px);
  box-sizing: border-box;
  background: #fff;
  border: 1px solid rgba(0,0,0,.10);
}

.product-number {
  font-size: .8rem;
  letter-spacing: .14em;
  margin-bottom: 22px;
  opacity: .65;
}

.product-card h3 {
  margin: 0 0 10px;
}

.product-card p {
  margin: 0 0 14px;
}

.product-card .product-link a {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.product-card ol {
  margin: 24px 0 0;
  padding-left: 24px;
}

.product-card li {
  padding: 5px 0;
}

@media (max-width: 900px) {
  .products-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 600px) {
  .products-section {
    padding-left: 20px;
    padding-right: 20px;
  }
}


/* PROJECTS + STRATEGIC PARTNERS */
.projects-section,
.strategic-partners-section {
  width: 100%;
  box-sizing: border-box;
  padding: clamp(60px, 8vw, 110px) 6vw;
}
.projects-section {
  background: #fff;
}
.strategic-partners-section {
  background: #f4f5f1;
}
.projects-section > h2,
.strategic-partners-section > h2 {
  max-width: 1100px;
  margin: 0 0 50px;
}
.projects-list,
.partners-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  width: 100%;
}
.project-card,
.partner-card {
  min-width: 0;
  padding: clamp(28px, 3vw, 44px);
  box-sizing: border-box;
  background: #fff;
  border: 1px solid rgba(0,0,0,.10);
}
.project-number,
.partner-number {
  display: block;
  font-size: .8rem;
  letter-spacing: .14em;
  margin-bottom: 22px;
  opacity: .65;
}
.project-card h3,
.partner-card h3 {
  margin: 0 0 10px;
}
.project-card p,
.partner-card p {
  margin: 0;
}
.partner-card a {
  text-decoration: underline;
  text-underline-offset: 3px;
}
@media (max-width: 900px) {
  .projects-list,
  .partners-list {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 600px) {
  .projects-section,
  .strategic-partners-section {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* FINAL HAMBURGER MENU — Section navigation */
.menu {
  width: min(390px, calc(100vw - 28px)) !important;
  max-height: calc(100vh - 88px) !important;
  overflow: hidden !important;
  border-radius: 0 0 0 18px !important;
}

.menu-inner {
  padding: 18px 24px 20px !important;
  max-height: calc(100vh - 88px);
  display: flex !important;
  flex-direction: column;
  box-sizing: border-box;
}

.menu-top {
  flex: 0 0 auto;
  padding-bottom: 14px !important;
}

.menu-grid {
  display: block !important;
  margin: 6px 0 0 !important;
  padding: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  min-height: 0;
}

.menu-grid a {
  display: grid !important;
  grid-template-columns: 30px minmax(0, 1fr) !important;
  align-items: center !important;
  column-gap: 13px !important;
  width: 100% !important;
  min-height: 39px;
  padding: 8px 4px !important;
  box-sizing: border-box;
  font-size: .88rem !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  border-bottom: 1px solid #edf0ea;
  text-decoration: none;
}

.menu-grid a:last-child { border-bottom: 0; }

.menu-number {
  display: block !important;
  width: 30px !important;
  min-width: 30px !important;
  margin: 0 !important;
  text-align: right !important;
  font-family: Arial, Helvetica, sans-serif;
  font-size: .68rem !important;
  font-weight: 700;
  letter-spacing: .08em;
  color: var(--green) !important;
  font-variant-numeric: tabular-nums;
}

.menu-grid a > span:last-child {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.menu-grid a:hover {
  padding-left: 8px !important;
  color: var(--green);
  background: #f4f7ee;
}

.menu-footer {
  flex: 0 0 auto;
  margin-top: 8px !important;
  padding-top: 12px !important;
  border-top: 1px solid #e1e5dd !important;
}

@media (max-width: 600px) {
  .menu {
    top: 68px !important;
    right: 8px !important;
    width: calc(100vw - 16px) !important;
    max-height: calc(100vh - 76px) !important;
    border-radius: 0 0 0 14px !important;
  }
  .menu-inner {
    padding: 15px 18px 16px !important;
    max-height: calc(100vh - 76px);
  }
  .menu-grid a {
    min-height: 38px;
    font-size: .84rem !important;
  }
}

/* HUMAN COMFORT — reduce image height by cropping the upper cabinet area.
   The source image itself is cropped at the jar/shelf level; keep its natural
   proportions and never stretch/crop it again in CSS. */
#ergonomics .ergonomic-media,
#ergonomics .ergonomic-media img {
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
}
#ergonomics .ergonomic-media img {
  width: 100% !important;
  max-width: 100% !important;
  object-fit: contain !important;
  object-position: center top !important;
}

/* SUSTAINABILITY — eliminate the artificial blank space below the section. */
.sustainability-section {
  min-height: 0 !important;
  height: auto !important;
}
.sustainability-section .sustainability-copy {
  min-height: 0 !important;
  height: auto !important;
  justify-content: flex-start !important;
  padding-bottom: 60px !important;
}
.sustainability-section .sustainability-image {
  display: none !important;
  min-height: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}
@media (max-width: 900px) {
  .sustainability-section .sustainability-copy {
    padding-bottom: 50px !important;
  }
}