*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080808;color:#f4f4f4;font-family:Arial,Helvetica,sans-serif;letter-spacing:.02em}.nav{position:absolute;z-index:10;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:28px 6vw}.brand{color:#fff;text-decoration:none;display:flex;flex-direction:column;gap:5px}.brand strong{font-size:15px;letter-spacing:.16em}.brand span{font-size:10px;letter-spacing:.24em}.nav nav{display:flex;gap:42px}.nav nav a,.footer-links a{color:#fff;text-decoration:none;font-size:11px;letter-spacing:.16em}.hero{min-height:760px;background:linear-gradient(90deg,rgba(0,0,0,.62),rgba(0,0,0,.08)),url("images/haus.jpg") center/cover no-repeat;display:flex;align-items:center;padding:130px 6vw 80px}.hero-content{max-width:720px}.eyebrow{font-size:12px;letter-spacing:.38em;color:#a9a9a9;margin:0 0 32px}.hero h1{font-size:clamp(36px,5vw,68px);line-height:1;margin:0;font-weight:700;letter-spacing:.075em;white-space:nowrap}.hero h2{font-size:clamp(22px,3vw,40px);font-weight:300;letter-spacing:.19em;margin:22px 0 40px;white-space:nowrap}.line{width:52px;height:1px;background:#fff;margin-bottom:30px}.lead{font-size:18px;line-height:1.7;color:#ddd}.section{padding:88px 6vw}.brands{background:#090909}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:34px}.section-head>span{font-size:10px;letter-spacing:.2em;color:#777}.brand-card{min-height:440px;background:#121212;display:grid;grid-template-columns:1.2fr 1fr;overflow:hidden}.brand-image{background:linear-gradient(90deg,rgba(0,0,0,.1),rgba(0,0,0,.25)),url("images/p6.jpg") center/cover;filter:grayscale(.45)}.brand-copy{padding:58px 52px;display:flex;flex-direction:column;justify-content:center}.number{color:#888;font-size:12px;letter-spacing:.2em}.brand-copy h3{font-size:48px;letter-spacing:.08em;margin:10px 0 0}.brand-sub{font-size:12px;letter-spacing:.3em;margin-top:5px}.brand-copy>p:not(.number):not(.brand-sub){color:#aaa;line-height:1.7;max-width:520px}.brand-copy a{margin-top:25px;color:#fff;text-decoration:none;font-size:11px;letter-spacing:.18em}.brand-copy a span{margin-left:10px}.future{border-top:1px solid #242424;margin-top:80px;padding-top:35px;display:flex;justify-content:space-between;gap:40px}.future h3{font-size:28px;font-weight:400;margin:0}.future>p{max-width:470px;color:#999;line-height:1.7}.about{background:#0b0b0b}.center{text-align:center}.center-title{text-align:center;font-size:clamp(26px,4vw,48px);font-weight:300;letter-spacing:.14em;line-height:1.35;margin:0 auto 70px}.pillars{display:grid;grid-template-columns:repeat(4,1fr);max-width:1200px;margin:auto}.pillars>div{padding:15px 34px;border-right:1px solid #292929}.pillars>div:last-child{border:0}.icon{font-size:30px;color:#fff}.pillars h3{font-size:12px;letter-spacing:.14em;line-height:1.5}.pillars p{color:#888;font-size:14px;line-height:1.65}.statement{min-height:340px;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.65)),url("images/haus.jpg") center 68%/cover}.statement p{font-size:18px;letter-spacing:.38em;line-height:2.1;color:#ddd}footer{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:50px;padding:70px 6vw;background:#060606}.footer-brand{display:flex;flex-direction:column;gap:8px}.footer-brand strong{font-size:18px;letter-spacing:.15em}.footer-brand span{font-size:10px;letter-spacing:.22em}.footer-contact,.footer-links{color:#888;font-size:13px;line-height:1.8}.footer-links{display:flex;flex-direction:column}.legal{border-top:1px solid #181818;padding:70px 6vw;background:#080808}.legal h2{font-size:22px;font-weight:400}.legal p{color:#888;max-width:700px;line-height:1.7}@media(max-width:800px){.nav{padding:22px 6vw}.nav nav{gap:15px}.nav nav a{font-size:9px}.hero{min-height:680px;padding:120px 6vw 70px;background-position:62% center}.hero h1{font-size:clamp(30px,8.7vw,42px);letter-spacing:.055em}.hero h2{font-size:20px;letter-spacing:.12em}.lead{font-size:15px}.section{padding:65px 6vw}.brand-card{grid-template-columns:1fr}.brand-image{min-height:260px}.brand-copy{padding:35px 28px}.brand-copy h3{font-size:38px}.future{display:block;margin-top:55px}.future>p{margin-top:25px}.pillars{grid-template-columns:1fr 1fr}.pillars>div{padding:25px 15px;border-bottom:1px solid #292929}.pillars>div:nth-child(2){border-right:0}.pillars>div:nth-child(3){border-bottom:0}.pillars>div:nth-child(4){border:0}.center-title{font-size:24px;letter-spacing:.08em}.statement{min-height:280px}.statement p{font-size:13px;letter-spacing:.25em}footer{grid-template-columns:1fr;gap:30px;padding:50px 6vw}}@media(max-width:480px){.nav nav a:nth-child(1){display:none}.hero{background-position:67% center}.eyebrow{font-size:9px;letter-spacing:.25em}.hero h1{font-size:clamp(28px,8.2vw,34px);letter-spacing:.045em}.hero h2{font-size:17px;letter-spacing:.09em}.pillars{grid-template-columns:1fr}.pillars>div{border:0!important;border-bottom:1px solid #292929!important}.pillars>div:last-child{border:0!important}}



/* Premium footer */
footer {
  position: relative;
  display: block;
  padding: 0 6vw;
  background: #060606;
  border-top: 1px solid rgba(255,255,255,.09);
}
.footer-main {
  display: grid;
  grid-template-columns: 1.35fr 1fr 1fr;
  gap: 70px;
  padding: 78px 0 74px;
  align-items: start;
}
.footer-brand {
  display: flex;
  flex-direction: column;
  gap: 9px;
}
.footer-brand strong {
  color: #fff;
  font-size: 19px;
  line-height: 1;
  letter-spacing: .17em;
}
.footer-brand span {
  color: rgba(255,255,255,.56);
  font-size: 9px;
  letter-spacing: .25em;
}
.footer-meta {
  display: flex;
  flex-direction: column;
  gap: 6px;
  color: rgba(255,255,255,.52);
  font-size: 12px;
  line-height: 1.65;
}
.footer-label {
  margin-bottom: 9px;
  color: rgba(255,255,255,.38);
  font-size: 9px;
  letter-spacing: .25em;
}
.footer-meta p {
  margin: 0;
}
.footer-meta a {
  color: rgba(255,255,255,.72);
  text-decoration: none;
  transition: color .2s ease;
}
.footer-meta a:hover {
  color: #fff;
}
.footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 74px;
  border-top: 1px solid rgba(255,255,255,.08);
  color: rgba(255,255,255,.32);
  font-size: 9px;
  letter-spacing: .08em;
}
.footer-bottom .legal-links {
  margin-top: 0;
  gap: 28px;
}
.footer-bottom .legal-trigger {
  color: rgba(255,255,255,.42);
  font-size: 9px;
}
.footer-bottom .legal-trigger:hover {
  color: #fff;
}
@media (max-width: 800px) {
  footer { padding: 0 6vw; }
  .footer-main {
    grid-template-columns: 1fr 1fr;
    gap: 48px 30px;
    padding: 58px 0 52px;
  }
  .footer-brand { grid-column: 1 / -1; }
  .footer-bottom {
    align-items: flex-start;
    flex-direction: column-reverse;
    justify-content: center;
    gap: 18px;
    padding: 25px 0;
  }
  .footer-bottom .legal-links { gap: 20px; }
}
@media (max-width: 480px) {
  .footer-main { grid-template-columns: 1fr; gap: 34px; }
  .footer-brand { grid-column: auto; }
}

/* Legal information */
.legal-links {
  display: flex;
  gap: 24px;
  align-items: center;
  margin-top: 28px;
}
.legal-trigger {
  appearance: none;
  border: 0;
  background: none;
  color: rgba(255,255,255,.58);
  padding: 0;
  font: inherit;
  font-size: 10px;
  letter-spacing: .24em;
  text-transform: uppercase;
  cursor: pointer;
  transition: color .2s ease;
}
.legal-trigger:hover { color: #fff; }

.legal-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 28px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .22s ease, visibility .22s ease;
}
.legal-modal.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.legal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.78);
  backdrop-filter: blur(10px);
}
.legal-dialog {
  position: relative;
  z-index: 1;
  width: min(900px, 100%);
  max-height: min(82vh, 900px);
  overflow: auto;
  background: #0d0d0d;
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 30px 100px rgba(0,0,0,.5);
}
.legal-content {
  padding: clamp(28px, 5vw, 64px);
}
.legal-eyebrow {
  margin: 0 0 16px;
  color: rgba(255,255,255,.5);
  font-size: 10px;
  letter-spacing: .28em;
  text-transform: uppercase;
}
.legal-content h2 {
  margin: 0 0 34px;
  color: #fff;
  font-size: clamp(30px, 4vw, 52px);
  line-height: 1;
}
.legal-panel { color: rgba(255,255,255,.7); font-size: 14px; line-height: 1.75; }
.legal-panel h3 { display:block; color:#fff; margin:0 0 22px; font-size:20px; }
.legal-panel h4 { color:#fff; margin: 28px 0 8px; font-size: 12px; letter-spacing:.08em; text-transform:uppercase; }
.legal-panel p { margin: 0 0 14px; }
.legal-panel a { color:#fff; text-decoration: underline; text-underline-offset: 3px; }
.legal-close {
  position: absolute;
  top: 18px;
  right: 20px;
  z-index: 2;
  width: 38px;
  height: 38px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 50%;
  background: rgba(255,255,255,.04);
  color: #fff;
  font-size: 25px;
  line-height: 1;
  cursor: pointer;
}
body.legal-open { overflow: hidden; }

@media (max-width: 640px) {
  .legal-links { gap: 18px; flex-wrap: wrap; }
  .legal-modal { padding: 12px; }
  .legal-content { padding: 28px 22px; }
}


/* Mobile refinement */
@media (max-width: 800px) {
  .nav {
    position: absolute;
    padding: 18px 6vw;
    align-items: center;
  }

  .brand {
    gap: 4px;
  }

  .brand strong {
    font-size: 13px;
    letter-spacing: .14em;
  }

  .brand span {
    font-size: 8px;
    letter-spacing: .20em;
  }

  .nav nav {
    gap: 0;
  }

  .nav nav a {
    font-size: 9px;
    letter-spacing: .18em;
  }

  .hero {
    min-height: 570px;
    padding: 145px 6vw 55px;
    align-items: flex-start;
    background-position: 67% center;
  }

  .hero-content {
    width: 100%;
    max-width: none;
  }

  .eyebrow {
    font-size: 8px;
    letter-spacing: .22em;
    margin-bottom: 22px;
  }

  .hero h1 {
    font-size: clamp(29px, 8.4vw, 36px);
    letter-spacing: .045em;
    line-height: 1;
  }

  .hero h2 {
    font-size: 16px;
    letter-spacing: .105em;
    margin: 13px 0 26px;
  }

  .line {
    width: 42px;
    margin-bottom: 22px;
  }

  .lead {
    font-size: 13px;
    line-height: 1.65;
    max-width: 330px;
  }

  .section {
    padding: 58px 6vw;
  }

  .section-head {
    margin-bottom: 24px;
  }

  .section-head .eyebrow {
    margin-bottom: 0;
  }

  .brand-card {
    min-height: 0;
  }

  .brand-image {
    min-height: 300px;
    background-position: center center;
  }

  .brand-copy {
    padding: 30px 24px 34px;
  }

  .brand-copy h3 {
    font-size: 34px;
  }

  .brand-copy > p:not(.number):not(.brand-sub) {
    font-size: 14px;
    line-height: 1.65;
  }

  .pillars {
    gap: 0;
  }

  .pillars > div {
    padding: 24px 0;
  }

  .statement {
    min-height: 250px;
  }

  footer {
    padding: 0 6vw;
  }
}

@media (max-width: 480px) {
  .nav {
    padding: 17px 6vw;
  }

  .hero {
    min-height: 560px;
    padding-top: 138px;
    background-position: 67% center;
  }

  .hero h1 {
    font-size: 8.2vw;
    letter-spacing: .04em;
  }

  .hero h2 {
    font-size: 15px;
    letter-spacing: .095em;
  }

  .lead {
    font-size: 12.5px;
    max-width: 315px;
  }

  .brand-image {
    min-height: 250px;
  }
}


/* Final mobile layout refinement */
@media (max-width: 800px) {
  .nav {
    top: 0;
    left: 0;
    right: 0;
    padding: 20px 6vw 16px;
    min-height: 72px;
    z-index: 20;
  }

  .nav nav {
    display: flex;
    gap: 18px;
    align-items: center;
  }

  .nav nav a {
    white-space: nowrap;
    font-size: 8px;
    letter-spacing: .16em;
  }

  .hero {
    min-height: 610px;
    height: auto;
    padding: 132px 6vw 54px;
    align-items: flex-start;
    background-position: 66% center;
  }

  .hero .hero-content {
    margin: 0;
  }

  .hero .eyebrow {
    margin-bottom: 20px;
  }

  .hero h1 {
    margin: 0;
    font-size: clamp(30px, 8vw, 38px);
    line-height: 1.02;
    letter-spacing: .035em;
    white-space: nowrap;
  }

  .hero h2 {
    margin: 12px 0 28px;
    font-size: 15px;
    line-height: 1.15;
    letter-spacing: .09em;
    white-space: nowrap;
  }

  .hero .line {
    margin-bottom: 22px;
  }

  .hero .lead {
    margin: 0;
    max-width: 330px;
    font-size: 12.5px;
    line-height: 1.65;
  }

  .section {
    padding: 58px 6vw 64px;
  }

  .section-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-bottom: 26px;
  }

  .section-head .eyebrow {
    margin: 0;
  }

  .brand-card {
    margin: 0;
  }

  .brand-image {
    min-height: 280px;
    aspect-ratio: 1.25 / 1;
    background-position: center center;
  }
}

@media (max-width: 480px) {
  .nav {
    padding: 18px 6vw 14px;
  }

  .nav nav {
    gap: 14px;
  }

  .nav nav a {
    font-size: 7.5px;
    letter-spacing: .13em;
  }

  .hero {
    min-height: 590px;
    padding-top: 126px;
    padding-bottom: 48px;
    background-position: 66% center;
  }

  .hero h1 {
    font-size: 8vw;
  }

  .hero h2 {
    font-size: 14px;
  }

  .hero .lead {
    max-width: 305px;
    font-size: 12px;
  }

  .section {
    padding-top: 54px;
  }

  .brand-image {
    min-height: 250px;
  }
}


/* Mobile navigation drawer */
.mobile-menu-toggle,
.mobile-menu {
  display: none;
}

@media (max-width: 800px) {
  .nav {
    padding: 16px 6vw;
    min-height: 62px;
  }

  .nav nav {
    display: none !important;
  }

  .mobile-menu-toggle {
    display: flex;
    position: fixed;
    top: 17px;
    right: 6vw;
    z-index: 1001;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(255,255,255,.20);
    border-radius: 50%;
    background: rgba(10,10,10,.58);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 5px;
    cursor: pointer;
  }

  .mobile-menu-toggle span {
    display: block;
    width: 15px;
    height: 1px;
    background: #fff;
    transition: transform .22s ease, opacity .22s ease;
  }

  .mobile-menu-toggle.is-open span:nth-child(1) {
    transform: translateY(6px) rotate(45deg);
  }

  .mobile-menu-toggle.is-open span:nth-child(2) {
    opacity: 0;
  }

  .mobile-menu-toggle.is-open span:nth-child(3) {
    transform: translateY(-6px) rotate(-45deg);
  }

  .mobile-menu {
    display: block;
    position: fixed;
    inset: 0;
    z-index: 1000;
    pointer-events: none;
    visibility: hidden;
  }

  .mobile-menu.is-open {
    pointer-events: auto;
    visibility: visible;
  }

  .mobile-menu-backdrop {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    background: rgba(0,0,0,.62);
    opacity: 0;
    transition: opacity .25s ease;
    cursor: pointer;
  }

  .mobile-menu.is-open .mobile-menu-backdrop {
    opacity: 1;
  }

  .mobile-menu-panel {
    position: absolute;
    top: 0;
    right: 0;
    width: min(82vw, 360px);
    height: 100%;
    padding: 30px 28px;
    box-sizing: border-box;
    background: #0b0b0b;
    border-left: 1px solid rgba(255,255,255,.10);
    transform: translateX(100%);
    transition: transform .28s cubic-bezier(.22,.61,.36,1);
    display: flex;
    flex-direction: column;
  }

  .mobile-menu.is-open .mobile-menu-panel {
    transform: translateX(0);
  }

  .mobile-menu-close {
    align-self: flex-end;
    width: 38px;
    height: 38px;
    border: 1px solid rgba(255,255,255,.15);
    border-radius: 50%;
    background: transparent;
    color: #fff;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
  }

  .mobile-menu-label {
    margin: 54px 0 34px;
    color: rgba(255,255,255,.45);
    font-size: 9px;
    letter-spacing: .25em;
  }

  .mobile-menu-links {
    display: flex;
    flex-direction: column;
    gap: 26px;
  }

  .mobile-menu-links a {
    color: #fff;
    text-decoration: none;
    font-size: 22px;
    letter-spacing: .08em;
    font-weight: 500;
  }

  .mobile-menu-bottom {
    margin-top: auto;
    padding-top: 25px;
    border-top: 1px solid rgba(255,255,255,.10);
    display: flex;
    flex-direction: column;
    gap: 7px;
  }

  .mobile-menu-bottom span:first-child {
    color: #fff;
    font-size: 11px;
    letter-spacing: .18em;
    font-weight: 700;
  }

  .mobile-menu-bottom span:last-child {
    color: rgba(255,255,255,.48);
    font-size: 9px;
    letter-spacing: .20em;
  }

  body.mobile-menu-open {
    overflow: hidden;
  }

  /* Keep the hero/header visually compact now that navigation is in the drawer. */
  .hero {
    padding-top: 112px;
    min-height: 570px;
  }

  .hero h1 {
    font-size: clamp(29px, 7.8vw, 37px);
  }

  .hero h2 {
    margin-top: 11px;
  }

  .section {
    padding-top: 50px;
  }
}

@media (max-width: 480px) {
  .mobile-menu-toggle {
    top: 14px;
    right: 6vw;
    width: 40px;
    height: 40px;
  }

  .hero {
    padding-top: 108px;
    min-height: 555px;
  }
}


/* FINAL MOBILE POLISH */
@media (max-width: 800px) {
  .hero {
    min-height: 0 !important;
    height: 500px !important;
    box-sizing: border-box;
    padding: 105px 6vw 38px !important;
    background-position: 66% center;
  }

  .hero-content {
    max-width: 100%;
  }

  .hero .eyebrow {
    margin-bottom: 17px;
  }

  .hero h1 {
    font-size: 8vw !important;
    line-height: 1 !important;
    margin: 0 !important;
  }

  .hero h2 {
    margin: 10px 0 20px !important;
    font-size: 14px !important;
  }

  .hero .line {
    margin-bottom: 18px !important;
  }

  .hero .lead {
    font-size: 12px !important;
    line-height: 1.55 !important;
    max-width: 305px;
  }

  .mobile-menu-toggle {
    transition: opacity .18s ease, transform .18s ease;
  }

  .mobile-menu.is-open ~ .mobile-menu-toggle,
  body.mobile-menu-open .mobile-menu-toggle {
    opacity: 0;
    pointer-events: none;
    transform: scale(.85);
  }

  .mobile-menu-panel {
    width: 86vw !important;
    max-width: none !important;
    padding: 24px 26px 30px !important;
  }

  .mobile-menu-close {
    position: absolute;
    top: 22px;
    right: 22px;
    margin: 0;
  }

  .mobile-menu-label {
    margin-top: 88px !important;
    margin-bottom: 34px !important;
  }

  .mobile-menu-links {
    gap: 22px !important;
  }

  .mobile-menu-links a {
    font-size: 20px !important;
  }
}

@media (max-width: 480px) {
  .hero {
    height: 480px !important;
    padding-top: 102px !important;
  }

  .hero h1 {
    font-size: 8vw !important;
  }

  .hero h2 {
    font-size: 13px !important;
  }

  .mobile-menu-panel {
    width: 88vw !important;
  }
}

/* Mobile drawer vertical positioning */
@media (max-width: 800px) {
  .mobile-menu-panel {
    padding-top: 22px !important;
  }

  .mobile-menu-label {
    margin-top: 62px !important;
    margin-bottom: 28px !important;
  }

  .mobile-menu-links {
    gap: 18px !important;
  }

  .mobile-menu-links a {
    font-size: 19px !important;
  }

  .mobile-menu-bottom {
    margin-top: 0 !important;
    position: absolute;
    left: 26px;
    bottom: 48px;
    right: 26px;
  }
}

@media (max-width: 480px) {
  .mobile-menu-label {
    margin-top: 58px !important;
    margin-bottom: 26px !important;
  }

  .mobile-menu-bottom {
    bottom: 42px;
  }
}

/* Align mobile navigation label with close button */
@media (max-width: 800px) {
  .mobile-menu-label {
    margin-top: 18px !important;
    margin-bottom: 28px !important;
  }
}

@media (max-width: 480px) {
  .mobile-menu-label {
    margin-top: 18px !important;
    margin-bottom: 26px !important;
  }
}

/* Mobile spacing refinement */
@media (max-width: 800px) {
  .nav {
    padding-top: 24px !important;
    padding-bottom: 18px !important;
  }

  .hero {
    height: 450px !important;
    min-height: 450px !important;
    padding-top: 126px !important;
    padding-bottom: 28px !important;
  }

  .hero .eyebrow {
    margin-bottom: 15px !important;
  }

  .hero h2 {
    margin-bottom: 18px !important;
  }

  .hero .line {
    margin-bottom: 16px !important;
  }

  .section {
    padding-top: 34px !important;
    padding-bottom: 50px !important;
  }

  .section-head {
    margin-bottom: 22px !important;
  }
}

@media (max-width: 480px) {
  .nav {
    padding-top: 22px !important;
  }

  .hero {
    height: 440px !important;
    min-height: 440px !important;
    padding-top: 122px !important;
  }

  .section {
    padding-top: 30px !important;
  }
}

/* Footer typography */
footer .footer-label,
footer h4,
footer .footer-heading {
  color: #ffffff !important;
}

footer .footer-meta,
footer p,
footer .footer-text,
footer .footer-address,
footer .footer-contact {
  color: rgba(255,255,255,.52) !important;
}

footer a {
  color: rgba(255,255,255,.52) !important;
}

footer a:hover {
  color: #ffffff !important;
}

/* Larger, fuller mobile hero */
@media (max-width: 800px) {
  .hero {
    height: calc(100svh - 76px) !important;
    min-height: 680px !important;
    max-height: 860px !important;
    padding: 145px 6vw 60px !important;
    background-position: 66% center !important;
  }

  .hero .eyebrow {
    font-size: 14px !important;
    letter-spacing: .22em !important;
    margin-bottom: 24px !important;
  }

  .hero h1 {
    font-size: clamp(42px, 11vw, 72px) !important;
    line-height: .98 !important;
    letter-spacing: -.035em !important;
    white-space: nowrap !important;
    margin-bottom: 18px !important;
  }

  .hero h2 {
    font-size: clamp(18px, 4.5vw, 28px) !important;
    line-height: 1.15 !important;
    letter-spacing: .12em !important;
    margin-bottom: 34px !important;
  }

  .hero .line {
    width: 90px !important;
    margin-bottom: 28px !important;
  }

  .hero .lead {
    font-size: clamp(17px, 4.2vw, 23px) !important;
    line-height: 1.55 !important;
    max-width: 92% !important;
  }

  .nav {
    padding-top: 26px !important;
    padding-bottom: 22px !important;
  }
}

@media (max-width: 480px) {
  .hero {
    height: calc(100svh - 72px) !important;
    min-height: 700px !important;
    padding-top: 142px !important;
  }

  .hero h1 {
    font-size: 10.5vw !important;
  }

  .hero h2 {
    font-size: 4.1vw !important;
  }

  .hero .lead {
    font-size: 4.15vw !important;
  }
}

/* MOBILE HERO — refined editorial composition */
@media (max-width: 800px) {
  .hero {
    height: 760px !important;
    min-height: 760px !important;
    max-height: 760px !important;
    padding: 128px 6vw 48px !important;
    display: flex !important;
    align-items: flex-start !important;
    background-position: 68% center !important;
  }

  .hero-content {
    width: 100% !important;
    max-width: 100% !important;
  }

  .hero .eyebrow {
    font-size: 13px !important;
    line-height: 1.3 !important;
    letter-spacing: .20em !important;
    margin-bottom: 22px !important;
    white-space: nowrap !important;
  }

  .hero h1 {
    font-size: 48px !important;
    line-height: .98 !important;
    letter-spacing: -.025em !important;
    white-space: nowrap !important;
    margin: 0 0 14px !important;
  }

  .hero h2 {
    font-size: 17px !important;
    line-height: 1.2 !important;
    letter-spacing: .105em !important;
    margin: 0 0 30px !important;
    white-space: nowrap !important;
  }

  .hero .line {
    width: 74px !important;
    height: 2px !important;
    margin: 0 0 26px !important;
  }

  .hero .lead {
    font-size: 19px !important;
    line-height: 1.48 !important;
    letter-spacing: 0 !important;
    max-width: 345px !important;
    margin: 0 !important;
  }

  .nav {
    padding: 26px 6vw 22px !important;
  }
}

@media (max-width: 480px) {
  .hero {
    height: 720px !important;
    min-height: 720px !important;
    max-height: 720px !important;
    padding-top: 126px !important;
    background-position: 68% center !important;
  }

  .hero h1 {
    font-size: 45px !important;
  }

  .hero h2 {
    font-size: 16px !important;
    letter-spacing: .095em !important;
  }

  .hero .lead {
    font-size: 18px !important;
    line-height: 1.5 !important;
    max-width: 335px !important;
  }
}