*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#090909;color:#e9e4dc;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.site-header{height:82px;position:fixed;z-index:50;top:0;left:0;right:0;display:grid;grid-template-columns:180px 1fr auto;align-items:center;padding:0 5vw;background:linear-gradient(#090909e8,#0909099c,transparent);backdrop-filter:blur(5px)}nav{display:flex;justify-content:center;gap:34px;font-size:12px;letter-spacing:.14em;text-transform:uppercase}nav a{opacity:.75}nav a:hover{opacity:1}.language{display:flex;gap:7px;align-items:center;font-size:11px}.lang{border:0;background:none;color:#aaa;cursor:pointer}.lang.active{color:#c59a72}.menu-button{display:none}.hero{height:100svh;min-height:680px;position:relative;display:grid;place-items:center;background:#090909 url("assets/hero-background.png") center/cover no-repeat}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.12),rgba(0,0,0,.42)),linear-gradient(0deg,rgba(0,0,0,.7),transparent 45%)}.hero-content{position:relative;z-index:2;text-align:center;width:min(780px,86vw);padding-top:5vh}.principle-line{font-size:12px;letter-spacing:.34em;margin:22px 0 34px;color:#d2b69a}.principle-line i{font-style:normal;color:#b78a63}.lead{max-width:690px;margin:0 auto 34px;color:#d2cdc6;line-height:1.7;font-size:16px}.cta{display:inline-block;color:#c59a72;font-size:11px;letter-spacing:.18em;border-bottom:1px solid #73543c;padding-bottom:8px}.section{padding:130px 8vw}.eyebrow{font-size:10px;letter-spacing:.25em;color:#b78a63;margin-bottom:34px}.two-col{display:grid;grid-template-columns:1.15fr .85fr;gap:9vw}.two-col h2,.material h2,.product h2,.contact h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(38px,5vw,72px);line-height:1.02;margin:0}.body-copy,.product-copy p,.material-copy p{color:#aaa39b;line-height:1.8;font-size:15px}.principles{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #2a2521;border-bottom:1px solid #2a2521}.principles article{padding:90px 5vw;min-height:430px;border-right:1px solid #2a2521}.principles article:last-child{border-right:0}.principles span{font-size:10px;color:#8e6a4e;letter-spacing:.2em}.principles h3{font-family:Georgia,serif;font-size:44px;font-weight:400;margin:60px 0 24px}.principles p{color:#99928b;line-height:1.75;font-size:14px}.material{display:grid;grid-template-columns:1.1fr .9fr;min-height:720px;background:#111}.material-image{background:linear-gradient(115deg,#20150d,#6c4328 45%,#1b110b 75%);position:relative;overflow:hidden}.material-image:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(92deg,transparent 0 18px,rgba(255,255,255,.025) 19px,transparent 21px)}.material-copy{padding:12vw 8vw}.material-copy p{margin:38px 0}.material-copy strong{font-size:10px;letter-spacing:.2em;color:#b78a63}.product{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center}.speaker{height:680px;max-width:390px;margin:auto;width:70%;border-radius:10px;background:linear-gradient(100deg,#26180f,#70482d 46%,#1b110c);box-shadow:0 35px 80px #000;position:relative;display:flex;flex-direction:column;align-items:center;padding-top:120px}.driver{border-radius:50%;background:radial-gradient(circle,#171717 0 18%,#4a4a4a 19% 26%,#111 28% 62%,#303030 63% 68%,#090909 70%);box-shadow:inset 0 0 0 1px #5555}.driver.small{width:80px;height:80px}.driver.large{width:210px;height:210px;margin-top:75px}.speaker-badge{position:absolute;bottom:55px;color:#c59a72;font-family:Georgia,serif;font-size:28px}.product-copy p{margin:35px 0}.contact h2{max-width:900px}.contact-row{margin-top:85px;border-top:1px solid #2a2521;padding-top:35px;display:flex;justify-content:space-between}.contact-row p,.contact-row span{color:#8f8983}.contact-row>div:last-child{display:flex;flex-direction:column;gap:10px;text-align:right}footer{border-top:1px solid #2a2521;padding:32px 5vw;display:flex;justify-content:space-between;color:#777;font-size:10px;letter-spacing:.16em}@media(max-width:760px){.site-header{grid-template-columns:1fr auto auto;height:68px}.menu-button{display:block;background:none;border:0;color:#ddd;font-size:10px;letter-spacing:.15em}nav{display:none;position:absolute;top:68px;left:0;right:0;background:#0b0b0b;padding:28px 5vw;flex-direction:column;gap:22px}nav.open{display:flex}.two-col,.material,.product{grid-template-columns:1fr}.principles{grid-template-columns:1fr}.principles article{border-right:0;border-bottom:1px solid #2a2521;min-height:auto;padding:70px 8vw}.material-image{min-height:420px}.material-copy{padding:90px 8vw}.speaker{height:520px;width:82%}.driver.large{width:170px;height:170px;margin-top:55px}.contact-row{flex-direction:column;gap:35px}.contact-row>div:last-child{text-align:left}footer{gap:18px;flex-direction:column}.hero{min-height:640px}.lead{font-size:14px}.principle-line{font-size:9px;letter-spacing:.2em}}
/* WYSON V4 — official logo geometry + CSS-controlled copper */
.wyson-mark{
  color:#c59a72;
}
.wyson-mark .wyson-vector{
  display:block;
  width:100%;
  height:auto;
  overflow:visible;
  filter:
    drop-shadow(0 1px 0 rgba(255,235,214,.18))
    drop-shadow(0 3px 5px rgba(0,0,0,.46));
}
.wyson-mark .wyson-vector .st3{
  fill:currentColor !important;
}
.brand.wyson-mark{
  width:76px;
  display:block;
}
.hero-logo.wyson-mark{
  width:min(300px,55vw);
  margin:0 auto;
}
.principle-line{
  color:#c59a72;
  margin-top:18px;
}
@media(max-width:760px){
  .brand.wyson-mark{width:58px}
  .hero-logo.wyson-mark{width:min(245px,62vw)}
}

/* WYSON V5 — hierarchy refinements */
.hero-logo.wyson-mark{
  width:min(360px,66vw); /* +20% from 300px */
}

/* Reduce editorial section titles so the brand remains visually dominant */
.two-col h2,
.material h2,
.product h2,
.contact h2{
  font-size:clamp(32px,4.15vw,60px);
  line-height:1.06;
}

/* Re-proportion the three sound-principle subtitles */
.principles h3{
  font-size:38px;
  margin:48px 0 20px;
}
.principles article{
  padding-top:78px;
  padding-bottom:78px;
  min-height:390px;
}

@media(max-width:760px){
  .hero-logo.wyson-mark{
    width:min(294px,74vw); /* also ~20% larger on mobile */
  }
  .two-col h2,
  .material h2,
  .product h2,
  .contact h2{
    font-size:clamp(30px,9vw,46px);
  }
  .principles h3{
    font-size:34px;
    margin-top:38px;
  }
}

/* WYSON V6 — responsive hero logo scale */
.hero-logo.wyson-mark{
  width:min(520px,62vw);
}

/* Laptop / compact desktop */
@media (max-width:1200px){
  .hero-logo.wyson-mark{
    width:min(460px,58vw);
  }
}

/* Tablet */
@media (max-width:900px){
  .hero-logo.wyson-mark{
    width:min(390px,62vw);
  }
}

/* Mobile */
@media (max-width:600px){
  .hero-logo.wyson-mark{
    width:min(300px,72vw);
  }
}

/* Small mobile */
@media (max-width:390px){
  .hero-logo.wyson-mark{
    width:min(270px,76vw);
  }
}

/* WYSON V7 — section backgrounds and generated imagery */
.philosophy{
  background:#11100f;
  border-top:1px solid rgba(197,154,114,.08);
  border-bottom:1px solid rgba(197,154,114,.08);
}
.principles{
  background:#0b0b0b;
}
.material{
  background:#0d0d0d;
}
.material-image{
  background-image:linear-gradient(90deg,rgba(0,0,0,.02),rgba(0,0,0,.18)),url("assets/material-walnut.png") !important;
  background-size:cover !important;
  background-position:center !important;
}
.material-image:after{display:none !important;}
.product{
  background:#090909;
  grid-template-columns:1.18fr .82fr;
  gap:7vw;
}
.product-image{
  width:100%;
  min-height:650px;
  background-image:linear-gradient(90deg,rgba(9,9,9,.02) 55%,rgba(9,9,9,.82) 100%),url("assets/acoustique-demo-living.png");
  background-size:cover;
  background-position:center;
  border-radius:2px;
}
@media(max-width:760px){
  .product{grid-template-columns:1fr;gap:60px;}
  .product-image{min-height:440px;background-position:62% center;}
}

/* WYSON V7.2 — geographic identification */
.contact-row .location{
  margin-top:6px;
  color:#8f8983;
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;
}