:root {
  --vectra-ink: #16211d;
  --vectra-forest: #18352b;
  --vectra-sand: #d8c4a3;
  --vectra-paper: #f4f1e9;
}

html { scroll-behavior: smooth; }
body.vectra-homepage-active { margin: 0; background: var(--vectra-paper); color: var(--vectra-ink); }
.vectra-home, .vectra-home * { box-sizing: border-box; }
.vectra-home { overflow: hidden; background: var(--vectra-paper); color: var(--vectra-ink); font-family: Arial, Helvetica, sans-serif; line-height: 1.4; }
.vectra-home a { color: inherit; text-decoration: none; }
.vectra-home img { display: block; max-width: 100%; }
.vectra-home p, .vectra-home h1, .vectra-home h2, .vectra-home h3 { padding: 0; }

.vectra-home .vectra-nav-header {
  position: absolute !important; z-index: 1000; top: 0; left: 0; right: 0; width: auto !important; max-width: none !important; height: 94px;
  display: grid !important; grid-template-columns: 1fr auto 1fr; align-items: center;
  margin: 0 !important; padding: 0 4vw !important; border: 0 !important; border-bottom: 1px solid rgba(255,255,255,.28) !important;
  background: transparent !important; color: #fff !important; box-shadow: none !important; transform: none !important;
  overflow: visible !important;
}
.admin-bar .vectra-home .vectra-nav-header { top: 32px; }
.vectra-home .vectra-brand { display: block !important; justify-self: start; width: 172px !important; height: 48px !important; overflow: visible; background: transparent !important; margin: 0 !important; padding: 0 !important; border: 0 !important; }
.vectra-home .vectra-brand img { display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; object-fit: contain; }
.vectra-home .vectra-nav-header nav { position: static !important; display: flex !important; align-items: center; justify-content: center; gap: clamp(16px,1.75vw,32px); width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; background: transparent !important; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; }
.vectra-home .vectra-nav-header nav a, .vectra-home .text-link { color: #fff !important; margin: 0 !important; padding: 0 !important; background: transparent !important; transition: opacity .2s ease; }
.vectra-home .vectra-nav-header nav a:hover, .vectra-home .text-link:hover { opacity: .65; }
.vectra-home .vectra-header-cta { display: inline-block !important; justify-self: end; width: auto !important; margin: 0 !important; border: 1px solid rgba(255,255,255,.65) !important; background: transparent !important; color: #fff !important; padding: 13px 20px !important; font-size: 12px; line-height: 1.2; text-transform: uppercase; letter-spacing: .1em; }
.vectra-home .vectra-menu-toggle, .vectra-home .vectra-mobile-contact { display: none !important; }
.vectra-home .vectra-menu-group { position: relative; }
.vectra-home .vectra-menu-group-head { display: flex; align-items: center; gap: 7px; }
.vectra-home .vectra-submenu-toggle { display: none; }
.vectra-home .vectra-submenu {
  position: absolute; z-index: 1005; top: calc(100% + 24px); left: 50%; width: 318px; padding: 11px;
  background: #f4f1e9; color: #16211d; box-shadow: 0 24px 60px rgba(4,15,11,.24);
  opacity: 0; visibility: hidden; transform: translate(-50%,8px);
  transition: opacity .2s ease, transform .2s ease, visibility .2s;
}
.vectra-home .vectra-submenu::before { content:''; position:absolute; left:0; right:0; top:-28px; height:28px; }
.vectra-home .vectra-menu-group:hover .vectra-submenu,
.vectra-home .vectra-menu-group:focus-within .vectra-submenu { opacity:1; visibility:visible; transform:translate(-50%,0); }
.vectra-home .vectra-nav-header .vectra-submenu a {
  display:grid !important; grid-template-columns:30px 1fr; gap:10px; padding:14px 12px !important;
  border-bottom:1px solid rgba(22,33,29,.14); color:#16211d !important;
  font:12px/1.4 Arial,sans-serif; letter-spacing:.07em; text-transform:uppercase;
}
.vectra-home .vectra-nav-header .vectra-submenu a:last-child { border-bottom:0; }
.vectra-home .vectra-nav-header .vectra-submenu a:hover { background:#e9e4d8 !important; opacity:1; }
.vectra-home .vectra-submenu a span { color:#987f5d; font-size:9px; }
.vectra-home .screen-reader-text { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }

.vectra-home .hero { position: relative; min-height: 800px; height: 100vh; color: #fff; overflow: hidden; }
.vectra-home .hero-image, .vectra-home .hero-shade { position: absolute; inset: 0; width: 100%; height: 100%; }
.vectra-home .hero-image { object-fit: cover; }
.vectra-home .hero-shade { background: linear-gradient(90deg, rgba(8,20,17,.76) 0%, rgba(8,20,17,.36) 50%, rgba(8,20,17,.08) 100%), linear-gradient(0deg, rgba(8,20,17,.38), transparent 48%); }
.vectra-home .hero-content { position: absolute; left: 7vw; top: 51%; transform: translateY(-43%); max-width: 800px; }
.vectra-home .eyebrow { margin: 0 0 22px; text-transform: uppercase; letter-spacing: .2em; font-size: 11px; font-weight: 700; }
.vectra-home .eyebrow.dark { color: #7f6c52; }
.vectra-home h1, .vectra-home h2 { font-family: Georgia, 'Times New Roman', serif; font-weight: 400; letter-spacing: -.045em; margin: 0; }
.vectra-home h1 { font-size: clamp(64px, 7.2vw, 116px); line-height: .88; color: #fff; }
.vectra-home h1 em { color: var(--vectra-sand); font-weight: 400; }
.vectra-home h2 em { color: #987f5d; font-weight: 400; }
.vectra-home .hero-copy { max-width: 580px; font-size: 18px; line-height: 1.65; color: rgba(255,255,255,.84); margin: 34px 0 36px; }
.vectra-home .hero-actions { display: flex; align-items: center; gap: 34px; }
.vectra-home .button { display: inline-flex; align-items: center; gap: 42px; padding: 17px 20px; text-transform: uppercase; letter-spacing: .1em; font-size: 11px; font-weight: 700; }
.vectra-home .button-light { background: #f3efe5; color: var(--vectra-ink); }
.vectra-home .text-link { display: inline-flex; gap: 28px; border-bottom: 1px solid rgba(255,255,255,.5); padding: 12px 0; text-transform: uppercase; letter-spacing: .1em; font-size: 11px; }
.vectra-home .hero-proof { position: absolute; left: 7vw; right: 7vw; bottom: 34px; display: flex; border-top: 1px solid rgba(255,255,255,.28); padding-top: 18px; }
.vectra-home .hero-proof span { flex: 1; text-transform: uppercase; letter-spacing: .13em; font-size: 10px; color: rgba(255,255,255,.75); }

.vectra-home .collection-preview { padding: 120px 6vw 130px; }
.vectra-home .section-heading { display: grid; grid-template-columns: 1.1fr .75fr; align-items: end; gap: 10vw; margin-bottom: 58px; }
.vectra-home .section-heading h2 { font-size: clamp(52px, 6vw, 88px); line-height: .93; color: var(--vectra-ink); }
.vectra-home .section-heading > p { font-family: Georgia, 'Times New Roman', serif; font-size: 19px; line-height: 1.65; color: #6b716c; margin: 0 0 7px; }
.vectra-home .category-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.vectra-home .category-card { position: relative; height: 550px; overflow: hidden; color: #fff; background: #26352f; }
.vectra-home .category-card::after { content: ''; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(8,19,15,.65), transparent 58%); }
.vectra-home .category-card img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.vectra-home .category-card:hover img { transform: scale(1.035); }
.vectra-home .card-number, .vectra-home .card-copy, .vectra-home .card-arrow { position: absolute; z-index: 1; }
.vectra-home .card-number { top: 24px; left: 24px; font-size: 10px; letter-spacing: .15em; }
.vectra-home .card-copy { left: 28px; bottom: 27px; display: flex; flex-direction: column; gap: 8px; }
.vectra-home .card-copy strong { font: 30px Georgia, serif; font-weight: 400; }
.vectra-home .card-copy small { font-size: 10px; text-transform: uppercase; letter-spacing: .12em; color: rgba(255,255,255,.7); }
.vectra-home .card-arrow { right: 26px; bottom: 30px; font-size: 22px; }

.vectra-home .numbers { display: grid; grid-template-columns: repeat(4, 1fr); background: var(--vectra-forest); color: #fff; padding: 72px 6vw; }
.vectra-home .numbers > div { display: flex; min-height: 105px; flex-direction: column; justify-content: space-between; padding: 0 30px; border-right: 1px solid rgba(255,255,255,.16); }
.vectra-home .numbers > div:first-child { padding-left: 0; }
.vectra-home .numbers > div:last-child { border: 0; }
.vectra-home .numbers strong { font: 58px Georgia, serif; font-weight: 400; }
.vectra-home .numbers sup { font: 17px Arial, sans-serif; color: var(--vectra-sand); margin-left: 4px; }
.vectra-home .numbers span { color: rgba(255,255,255,.6); text-transform: uppercase; font-size: 9px; letter-spacing: .16em; }

.vectra-home .manufacturing { display: grid; grid-template-columns: .85fr 1.25fr; gap: 9vw; padding: 145px 7vw; background: #ece7dc; }
.vectra-home .manufacturing-intro { align-self: center; }
.vectra-home .manufacturing-intro h2, .vectra-home .standard-copy h2, .vectra-home .projects-title h2, .vectra-home .contact h2 { font-size: clamp(52px, 5.6vw, 84px); line-height: .96; color: var(--vectra-ink); }
.vectra-home .manufacturing-intro > p:not(.eyebrow) { color: #666e68; font: 18px/1.7 Georgia, serif; max-width: 520px; margin: 34px 0; }
.vectra-home .inline-link { display: inline-flex; justify-content: space-between; min-width: 290px; gap: 40px; padding: 13px 0; border-bottom: 1px solid #9a9f9a; text-transform: uppercase; letter-spacing: .11em; font-size: 10px; }
.vectra-home .manufacturing-images { display: grid; grid-template-columns: 1.35fr .8fr; grid-template-rows: 1fr auto; gap: 20px; align-items: end; }
.vectra-home .manufacturing-images img { width: 100%; object-fit: cover; }
.vectra-home .image-tall { height: 650px; grid-row: 1 / 3; }
.vectra-home .image-small { height: 330px; }
.vectra-home .image-caption { display: flex; justify-content: space-between; text-transform: uppercase; font-size: 9px; letter-spacing: .13em; color: #7a7e7a; padding: 5px 0 12px; }

.vectra-home .capabilities { padding: 135px 7vw; background: #142d25; color: #fff; }
.vectra-home .capabilities-head { display: grid; grid-template-columns: .45fr 1fr .55fr; gap: 6vw; align-items: end; padding-bottom: 65px; }
.vectra-home .capabilities-head .eyebrow { align-self: start; margin-top: 13px; color: var(--vectra-sand); }
.vectra-home .capabilities-head h2 { font-size: clamp(50px, 5.5vw, 84px); line-height: .95; color: #fff; }
.vectra-home .capabilities-head > p:last-child { font: 16px/1.65 Georgia, serif; color: rgba(255,255,255,.58); margin: 0; }
.vectra-home .capability-list { border-top: 1px solid rgba(255,255,255,.18); }
.vectra-home .capability-list article { display: grid; grid-template-columns: .45fr 1fr .55fr; gap: 6vw; align-items: start; padding: 37px 0; border-bottom: 1px solid rgba(255,255,255,.18); }
.vectra-home .capability-list article > span { color: var(--vectra-sand); font-size: 10px; letter-spacing: .15em; }
.vectra-home .capability-list h3 { margin: -4px 0 0; font: 30px Georgia, serif; font-weight: 400; color: #fff; }
.vectra-home .capability-list p { color: rgba(255,255,255,.57); font-size: 13px; line-height: 1.7; margin: 0; }

.vectra-home .standard-section { display: grid; grid-template-columns: 1.12fr .88fr; min-height: 850px; }
.vectra-home .standard-image { position: relative; overflow: hidden; }
.vectra-home .standard-image > img { width: 100%; height: 100%; object-fit: cover; }
.vectra-home .standard-badge { position: absolute; top: 48px; right: 48px; width: 118px; height: 118px; border-radius: 50%; background: var(--vectra-sand); display: grid; place-items: center; text-align: center; color: #203129; text-transform: uppercase; letter-spacing: .12em; font-size: 9px; line-height: 1.6; transform: rotate(7deg); }
.vectra-home .standard-copy { display: flex; flex-direction: column; justify-content: center; padding: 90px 7vw; background: #f6f3ec; }
.vectra-home .standard-points { margin-top: 56px; border-top: 1px solid #c7c5bd; }
.vectra-home .standard-points > div { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; padding: 24px 0; border-bottom: 1px solid #c7c5bd; }
.vectra-home .standard-points strong { font: 17px Georgia, serif; font-weight: 400; }
.vectra-home .standard-points span { color: #777c77; font-size: 11px; line-height: 1.6; }

.vectra-home .projects { padding: 140px 6vw 150px; }
.vectra-home .projects-title { display: grid; grid-template-columns: 1fr 1.5fr 1fr; align-items: end; margin-bottom: 58px; }
.vectra-home .projects-title .eyebrow { align-self: start; }
.vectra-home .projects-title .inline-link { justify-self: end; }
.vectra-home .project-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.vectra-home .project-image { height: 510px; overflow: hidden; background: #d6d0c4; }
.vectra-home .project-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.vectra-home .project-card:hover img { transform: scale(1.025); }
.vectra-home .project-card > p { margin: 20px 0 12px; text-transform: uppercase; color: #8c7659; letter-spacing: .14em; font-size: 9px; }
.vectra-home .project-card h3 { font: 27px Georgia, serif; font-weight: 400; margin: 0 0 10px; color: var(--vectra-ink); }
.vectra-home .project-card > span { color: #7b817c; font-size: 12px; }

.vectra-home .contact { display: grid; grid-template-columns: .85fr 1.15fr; gap: 10vw; background: #b49a74; color: #16211d; padding: 125px 7vw; }
.vectra-home .contact-copy .eyebrow { color: #30483d; }
.vectra-home .contact-copy > p:not(.eyebrow) { max-width: 470px; font: 17px/1.7 Georgia, serif; color: #34483f; margin: 34px 0; }
.vectra-home .contact-copy > a { display: inline-block; padding-bottom: 6px; border-bottom: 1px solid #42544b; font-size: 13px; }
.vectra-home .contact form { display: grid; grid-template-columns: 1fr 1fr; gap: 32px 28px; align-self: center; }
.vectra-home .contact label { display: flex; flex-direction: column; gap: 12px; text-transform: uppercase; letter-spacing: .12em; font-size: 9px; }
.vectra-home .contact label.full { grid-column: 1 / -1; }
.vectra-home .contact input, .vectra-home .contact select, .vectra-home .contact textarea { width: 100%; min-height: 0; border: 0; border-bottom: 1px solid rgba(22,33,29,.55); background: transparent; color: #16211d; border-radius: 0; outline: none; box-shadow: none; padding: 8px 0 13px; font: 15px Arial, sans-serif; }
.vectra-home .contact textarea { resize: vertical; }
.vectra-home .contact select { appearance: none; }
.vectra-home .contact button { grid-column: 1 / -1; border: 0; background: #17352b; color: #fff; display: flex; justify-content: space-between; padding: 19px 22px; text-transform: uppercase; letter-spacing: .12em; font-size: 10px; cursor: pointer; border-radius: 0; }
.vectra-home .honeypot { position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
.vectra-home .form-message { margin-bottom: 24px; padding: 16px 18px; font-size: 13px; line-height: 1.5; border: 1px solid rgba(22,33,29,.4); }
.vectra-home .form-message.success { background: rgba(244,241,233,.55); }
.vectra-home .form-message.error { background: rgba(112,38,28,.11); }

.vectra-home footer { display: grid; grid-template-columns: 1.3fr .7fr .7fr; gap: 7vw; padding: 78px 7vw 32px; background: #0f211b; color: #fff; }
.vectra-home .footer-brand { display: flex; flex-direction: column; }
.vectra-home .footer-brand strong { font: 47px Georgia, serif; font-weight: 400; letter-spacing: .04em; }
.vectra-home .footer-brand span { color: var(--vectra-sand); text-transform: uppercase; letter-spacing: .18em; font-size: 8px; }
.vectra-home .footer-links, .vectra-home .footer-contact { display: flex; flex-direction: column; gap: 15px; font-size: 11px; color: rgba(255,255,255,.62); }
.vectra-home .footer-links a { text-transform: uppercase; letter-spacing: .12em; }
.vectra-home .footer-bottom { grid-column: 1 / -1; display: flex; justify-content: space-between; border-top: 1px solid rgba(255,255,255,.13); margin-top: 45px; padding-top: 25px; text-transform: uppercase; letter-spacing: .12em; font-size: 8px; color: rgba(255,255,255,.4); }

/* About Us — editorial brand page */
.vectra-about-page .about-hero { position: relative; height: min(940px, 100vh); min-height: 760px; overflow: hidden; color: #fff; background: #1d3029; }
.vectra-about-page .about-hero > img, .vectra-about-page .about-hero-shade { position: absolute; inset: 0; width: 100%; height: 100%; }
.vectra-about-page .about-hero > img { object-fit: cover; }
.vectra-about-page .about-hero-shade { background: linear-gradient(90deg, rgba(9,24,19,.72), rgba(9,24,19,.15) 65%), linear-gradient(0deg, rgba(9,24,19,.48), transparent 55%); }
.vectra-about-page .about-hero-copy { position: absolute; left: 7vw; bottom: 15vh; max-width: 980px; }
.vectra-about-page .about-hero h1 { font-size: clamp(70px, 8.3vw, 132px); line-height: .87; }
.vectra-about-page .about-hero-copy > p:last-child { max-width: 650px; margin: 36px 0 0; color: rgba(255,255,255,.78); font: 19px/1.7 Georgia, serif; }
.vectra-about-page .about-scroll { position: absolute; right: 5vw; bottom: 42px; display: flex; gap: 28px; color: rgba(255,255,255,.68); text-transform: uppercase; letter-spacing: .16em; font-size: 9px; }

.vectra-about-page .about-manifesto { display: grid; grid-template-columns: .35fr 1.65fr; gap: 7vw; padding: 145px 7vw 160px; background: #f3f0e8; }
.vectra-about-page .about-section-label { display: flex; flex-direction: column; justify-content: space-between; color: #8a7558; }
.vectra-about-page .about-section-label > span { font: 64px Georgia, serif; color: #d2c8b9; }
.vectra-about-page .about-manifesto-main h2 { max-width: 1080px; font-size: clamp(54px, 6.1vw, 94px); line-height: .98; color: var(--vectra-ink); }
.vectra-about-page .about-manifesto-copy { display: grid; grid-template-columns: 1fr 1fr; gap: 5vw; max-width: 860px; margin: 68px 0 0 auto; }
.vectra-about-page .about-manifesto-copy p { margin: 0; color: #68706a; font: 16px/1.8 Georgia, serif; }

.vectra-about-page .about-story { display: grid; grid-template-columns: 1.15fr .85fr; min-height: 900px; background: #e9e4d8; }
.vectra-about-page .about-story-image { position: relative; min-height: 760px; overflow: hidden; }
.vectra-about-page .about-story-image img { width: 100%; height: 100%; object-fit: cover; }
.vectra-about-page .about-story-image > span { position: absolute; left: 34px; bottom: 30px; padding: 11px 15px; background: rgba(246,243,236,.92); color: #59625d; text-transform: uppercase; letter-spacing: .15em; font-size: 8px; }
.vectra-about-page .about-story-copy { display: flex; flex-direction: column; justify-content: center; padding: 100px 7vw; }
.vectra-about-page .about-story-copy h2 { font-size: clamp(43px, 4.4vw, 70px); line-height: 1.02; color: var(--vectra-ink); }
.vectra-about-page .about-story-copy > p:not(.eyebrow) { margin: 28px 0 0; color: #666e68; font: 15px/1.8 Georgia, serif; }
.vectra-about-page .about-story-copy .inline-link { margin-top: 45px; }

.vectra-about-page .about-numbers { display: grid; grid-template-columns: .82fr 1.18fr; gap: 8vw; padding: 125px 7vw; background: #142d25; color: #fff; }
.vectra-about-page .about-number-lead h2 { color: #fff; font-size: clamp(48px, 4.8vw, 74px); line-height: 1; }
.vectra-about-page .about-number-lead .eyebrow { color: var(--vectra-sand); }
.vectra-about-page .about-number-grid { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid rgba(255,255,255,.18); border-left: 1px solid rgba(255,255,255,.18); }
.vectra-about-page .about-number-grid > div { min-height: 190px; display: flex; flex-direction: column; justify-content: space-between; padding: 28px; border-right: 1px solid rgba(255,255,255,.18); border-bottom: 1px solid rgba(255,255,255,.18); }
.vectra-about-page .about-number-grid strong { font: 52px Georgia, serif; font-weight: 400; }
.vectra-about-page .about-number-grid sup { color: var(--vectra-sand); font: 14px Arial, sans-serif; margin-left: 4px; }
.vectra-about-page .about-number-grid span { max-width: 150px; color: rgba(255,255,255,.55); text-transform: uppercase; letter-spacing: .14em; font-size: 8px; line-height: 1.5; }

.vectra-about-page .about-materials { padding: 145px 6vw 155px; background: #f6f3ec; }
.vectra-about-page .about-materials-head { display: grid; grid-template-columns: 1.2fr .55fr; gap: 10vw; align-items: end; margin-bottom: 68px; }
.vectra-about-page .about-materials-head h2 { font-size: clamp(52px, 5.8vw, 88px); line-height: .96; color: var(--vectra-ink); }
.vectra-about-page .about-materials-head > p { margin: 0 0 6px; color: #6c746e; font: 16px/1.75 Georgia, serif; }
.vectra-about-page .about-material-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.vectra-about-page .about-material-grid article > div { height: 520px; overflow: hidden; background: #d4cec1; }
.vectra-about-page .about-material-grid article img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s ease; }
.vectra-about-page .about-material-grid article:hover img { transform: scale(1.025); }
.vectra-about-page .about-material-grid article > span { display: block; margin-top: 22px; color: #9b835f; font-size: 9px; letter-spacing: .14em; }
.vectra-about-page .about-material-grid h3 { margin: 10px 0 12px; color: var(--vectra-ink); font: 30px Georgia, serif; font-weight: 400; }
.vectra-about-page .about-material-grid p { max-width: 360px; margin: 0; color: #7a817b; font-size: 12px; line-height: 1.7; }

.vectra-about-page .about-principles { display: grid; grid-template-columns: .78fr 1.22fr; gap: 9vw; padding: 140px 7vw; background: #b69b74; }
.vectra-about-page .about-principles-title { align-self: start; position: sticky; top: 70px; }
.vectra-about-page .about-principles-title h2 { font-size: clamp(48px, 5vw, 76px); line-height: .98; color: var(--vectra-ink); }
.vectra-about-page .about-principle-list { border-top: 1px solid rgba(22,33,29,.35); }
.vectra-about-page .about-principle-list article { display: grid; grid-template-columns: 70px 1fr; gap: 26px; padding: 34px 0; border-bottom: 1px solid rgba(22,33,29,.35); }
.vectra-about-page .about-principle-list article > span { padding-top: 5px; font-size: 9px; letter-spacing: .14em; }
.vectra-about-page .about-principle-list h3 { margin: 0 0 12px; color: var(--vectra-ink); font: 29px Georgia, serif; font-weight: 400; }
.vectra-about-page .about-principle-list p { max-width: 580px; margin: 0; color: #3d4b44; font-size: 13px; line-height: 1.7; }

.vectra-about-page .about-global { position: relative; min-height: 820px; display: grid; place-items: center; overflow: hidden; color: #fff; text-align: center; }
.vectra-about-page .about-global > img, .vectra-about-page .about-global-shade { position: absolute; inset: 0; width: 100%; height: 100%; }
.vectra-about-page .about-global > img { object-fit: cover; }
.vectra-about-page .about-global-shade { background: rgba(8,25,19,.62); }
.vectra-about-page .about-global-copy { position: relative; z-index: 1; width: min(1080px, 86vw); }
.vectra-about-page .about-global-copy h2 { margin: 0 auto 46px; color: #fff; font-size: clamp(54px, 6vw, 92px); line-height: .97; }
.vectra-about-page .about-global-copy .eyebrow { color: var(--vectra-sand); }
.vectra-about-page .about-global-copy .button { margin: 0 auto; }

.vectra-about-page .about-cta { padding: 135px 7vw 150px; background: #efeadf; text-align: center; }
.vectra-about-page .about-cta h2 { color: var(--vectra-ink); font-size: clamp(58px, 7vw, 108px); line-height: .92; }
.vectra-about-page .about-cta-link { width: min(560px, 90vw); display: flex; justify-content: space-between; margin: 62px auto 0; padding: 19px 0; border-top: 1px solid #7e827e; border-bottom: 1px solid #7e827e; text-transform: uppercase; letter-spacing: .13em; font-size: 10px; }

@media (max-width: 800px) {
  .admin-bar .vectra-home .vectra-nav-header { top: 46px; }
  .vectra-home .vectra-nav-header { height: 78px; grid-template-columns: 1fr auto; padding: 0 20px !important; }
  .vectra-home .vectra-brand { width: 145px !important; height: 42px !important; }
  .vectra-home .vectra-header-cta { display:none !important; }
  .vectra-home .vectra-menu-toggle {
    display:flex !important; flex-direction:column; justify-content:center; gap:5px; width:46px; height:46px;
    margin:0; padding:10px; border:1px solid rgba(255,255,255,.55); background:transparent; color:#fff; cursor:pointer;
  }
  .vectra-home .vectra-menu-toggle > span:not(.screen-reader-text) { display:block; width:100%; height:1px; background:currentColor; transition:transform .2s ease,opacity .2s ease; }
  .vectra-home .vectra-menu-toggle[aria-expanded="true"] > span:nth-child(1) { transform:translateY(6px) rotate(45deg); }
  .vectra-home .vectra-menu-toggle[aria-expanded="true"] > span:nth-child(2) { opacity:0; }
  .vectra-home .vectra-menu-toggle[aria-expanded="true"] > span:nth-child(3) { transform:translateY(-6px) rotate(-45deg); }
  .vectra-home .vectra-nav-header nav {
    position:absolute !important; top:78px !important; left:0 !important; right:0 !important;
    display:none !important; flex-direction:column !important; align-items:stretch !important; gap:0 !important;
    width:100% !important; max-height:calc(100vh - 78px); overflow-y:auto;
    padding:18px 20px 28px !important; background:#142d25 !important; border-top:1px solid rgba(255,255,255,.16);
  }
  .vectra-home .vectra-nav-header nav[data-open="true"] { display:flex !important; }
  .vectra-home .vectra-nav-header nav > a,
  .vectra-home .vectra-menu-group-head > a { padding:16px 4px !important; border-bottom:1px solid rgba(255,255,255,.15); color:#fff !important; }
  .vectra-home .vectra-menu-group-head { position:relative; }
  .vectra-home .vectra-menu-group-head > a { flex:1; }
  .vectra-home .vectra-submenu-toggle {
    display:grid !important; place-items:center; width:46px; height:46px; margin-left:8px; border:0;
    background:transparent; color:#d8c4a3; font-size:22px; cursor:pointer;
  }
  .vectra-home .vectra-menu-group.is-open .vectra-submenu-toggle { transform:rotate(45deg); }
  .vectra-home .vectra-submenu { position:static; display:none; width:100%; padding:6px 0 10px 14px; background:rgba(255,255,255,.055); box-shadow:none; opacity:1; visibility:visible; transform:none; }
  .vectra-home .vectra-menu-group.is-open .vectra-submenu { display:block; }
  .vectra-home .vectra-nav-header .vectra-submenu a { color:rgba(255,255,255,.78) !important; border-bottom-color:rgba(255,255,255,.1); background:transparent !important; }
  .vectra-home .vectra-nav-header .vectra-mobile-contact { display:inline-flex !important; justify-content:center; margin-top:14px !important; border:1px solid rgba(255,255,255,.55) !important; }
  body.vectra-menu-open { overflow:hidden; }
  .vectra-home .hero { min-height: 720px; }
  .vectra-home .hero-content { left: 22px; right: 22px; top: 47%; }
  .vectra-home h1 { font-size: clamp(52px, 16vw, 76px); }
  .vectra-home .hero-copy { font-size: 15px; line-height: 1.55; }
  .vectra-home .hero-actions { align-items: flex-start; flex-direction: column; gap: 12px; }
  .vectra-home .hero-proof { left: 22px; right: 22px; gap: 18px; }
  .vectra-home .hero-proof span:nth-child(2) { display: none; }
  .vectra-home .collection-preview { padding: 82px 20px; }
  .vectra-home .section-heading { grid-template-columns: 1fr; gap: 28px; }
  .vectra-home .category-grid { grid-template-columns: 1fr; }
  .vectra-home .category-card { height: 430px; }
  .vectra-home .numbers { grid-template-columns: 1fr 1fr; gap: 36px 0; padding: 60px 20px; }
  .vectra-home .numbers > div { padding: 0 18px; min-height: 85px; }
  .vectra-home .numbers > div:nth-child(2) { border: 0; }
  .vectra-home .numbers strong { font-size: 43px; }
  .vectra-home .manufacturing { grid-template-columns: 1fr; padding: 85px 20px; }
  .vectra-home .manufacturing-images { margin-top: 24px; gap: 10px; }
  .vectra-home .image-tall { height: 430px; }
  .vectra-home .image-small { height: 220px; }
  .vectra-home .capabilities { padding: 85px 20px; }
  .vectra-home .capabilities-head, .vectra-home .capability-list article { grid-template-columns: 48px 1fr; gap: 20px; }
  .vectra-home .capabilities-head .eyebrow { grid-column: 1 / -1; }
  .vectra-home .capabilities-head > p:last-child { grid-column: 2; margin-top: 12px; }
  .vectra-home .capability-list p { grid-column: 2; }
  .vectra-home .standard-section { grid-template-columns: 1fr; min-height: 0; }
  .vectra-home .standard-image { height: 560px; }
  .vectra-home .standard-badge { width: 92px; height: 92px; top: 25px; right: 25px; }
  .vectra-home .standard-copy { padding: 85px 20px; }
  .vectra-home .standard-points > div { grid-template-columns: 1fr; gap: 8px; }
  .vectra-home .projects { padding: 85px 20px; }
  .vectra-home .projects-title { grid-template-columns: 1fr; gap: 28px; }
  .vectra-home .projects-title .inline-link { justify-self: start; }
  .vectra-home .project-grid { grid-template-columns: 1fr; gap: 48px; }
  .vectra-home .project-image { height: 440px; }
  .vectra-home .contact { grid-template-columns: 1fr; padding: 85px 20px; }
  .vectra-home .contact form { grid-template-columns: 1fr; }
  .vectra-home .contact label.full, .vectra-home .contact button { grid-column: auto; }
  .vectra-home footer { grid-template-columns: 1fr 1fr; padding: 65px 20px 28px; }
  .vectra-home .footer-brand { grid-column: 1 / -1; margin-bottom: 20px; }
  .vectra-home .footer-bottom { flex-direction: column; gap: 10px; }
  .vectra-about-page .about-hero { min-height: 720px; height: 92vh; }
  .vectra-about-page .about-hero-copy { left: 22px; right: 22px; bottom: 100px; }
  .vectra-about-page .about-hero h1 { font-size: clamp(56px, 16vw, 78px); }
  .vectra-about-page .about-hero-copy > p:last-child { font-size: 15px; }
  .vectra-about-page .about-scroll { left: 22px; right: auto; }
  .vectra-about-page .about-manifesto { grid-template-columns: 1fr; padding: 85px 20px; }
  .vectra-about-page .about-section-label > span { display: none; }
  .vectra-about-page .about-manifesto-main h2 { font-size: 49px; }
  .vectra-about-page .about-manifesto-copy { grid-template-columns: 1fr; gap: 24px; margin-top: 42px; }
  .vectra-about-page .about-story { grid-template-columns: 1fr; }
  .vectra-about-page .about-story-image { min-height: 580px; }
  .vectra-about-page .about-story-copy { padding: 80px 20px; }
  .vectra-about-page .about-numbers { grid-template-columns: 1fr; padding: 85px 20px; }
  .vectra-about-page .about-number-grid > div { min-height: 155px; padding: 20px; }
  .vectra-about-page .about-number-grid strong { font-size: 39px; }
  .vectra-about-page .about-materials { padding: 85px 20px; }
  .vectra-about-page .about-materials-head { grid-template-columns: 1fr; gap: 30px; }
  .vectra-about-page .about-material-grid { grid-template-columns: 1fr; gap: 52px; }
  .vectra-about-page .about-material-grid article > div { height: 470px; }
  .vectra-about-page .about-principles { grid-template-columns: 1fr; padding: 85px 20px; }
  .vectra-about-page .about-principles-title { position: static; }
  .vectra-about-page .about-global { min-height: 700px; }
  .vectra-about-page .about-global-copy h2 { font-size: 49px; }
  .vectra-about-page .about-cta { padding: 90px 20px 100px; }
}

/* Connected interior pages */
.vectra-interior .interior-hero { position:relative; height:min(860px,92vh); min-height:680px; overflow:hidden; color:#fff; background:#183027; }
.vectra-interior .interior-hero>img,.vectra-interior .interior-shade { position:absolute; inset:0; width:100%; height:100%; }
.vectra-interior .interior-hero>img { object-fit:cover; }
.vectra-interior .interior-shade { background:linear-gradient(90deg,rgba(7,24,18,.76),rgba(7,24,18,.12) 68%),linear-gradient(0deg,rgba(7,24,18,.5),transparent 55%); }
.vectra-interior .interior-hero-copy { position:absolute; left:7vw; bottom:13vh; width:min(980px,86vw); }
.vectra-interior .interior-hero h1 { margin:0; color:#fff; font-size:clamp(66px,7.7vw,124px); line-height:.89; letter-spacing:-.045em; }
.vectra-interior .interior-hero-copy>p:last-child { width:min(650px,90%); margin:34px 0 0; color:rgba(255,255,255,.78); font:18px/1.7 Georgia,serif; }
.vectra-interior .interior-intro { display:grid; grid-template-columns:.32fr 1.68fr; gap:7vw; padding:135px 7vw; background:#f3f0e8; }
.vectra-interior .interior-intro h2 { max-width:1050px; margin:0; color:var(--vectra-ink); font-size:clamp(52px,5.5vw,88px); line-height:.98; }
.vectra-interior .interior-intro>div>p { max-width:720px; margin:48px 0 0 auto; color:#68706a; font:16px/1.8 Georgia,serif; }
.vectra-interior .interior-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:80px 24px; padding:130px 6vw 150px; background:#e9e4d8; }
.vectra-interior .interior-grid article:nth-child(even) { transform:translateY(70px); }
.vectra-interior .interior-card-image { height:570px; overflow:hidden; background:#c9c2b5; }
.vectra-interior .interior-card-image img { width:100%; height:100%; object-fit:cover; transition:transform .7s ease; }
.vectra-interior .interior-grid article:hover img { transform:scale(1.025); }
.vectra-interior .interior-grid article>span { display:block; margin-top:22px; color:#9b835f; font-size:9px; letter-spacing:.14em; }
.vectra-interior .interior-grid h2 { margin:10px 0 12px; color:var(--vectra-ink); font:38px/1.1 Georgia,serif; font-weight:400; }
.vectra-interior .interior-grid p { max-width:540px; margin:0; color:#6d756f; font-size:13px; line-height:1.75; }
.vectra-interior .interior-cta { padding:130px 7vw 145px; background:#efeadf; text-align:center; }
.vectra-interior .interior-cta h2 { margin:0; color:var(--vectra-ink); font-size:clamp(58px,7vw,106px); line-height:.92; }
.vectra-interior .interior-contact { display:grid; grid-template-columns:.75fr 1.25fr; gap:9vw; padding:130px 7vw; background:#e9e4d8; }
.vectra-interior .contact-details h2 { margin:0 0 42px; color:var(--vectra-ink); font-size:clamp(50px,5vw,76px); line-height:.98; }
.vectra-interior .contact-details a { display:block; width:max-content; margin:12px 0; color:var(--vectra-ink); font:23px Georgia,serif; }
.vectra-interior .contact-details>p:last-child { margin-top:36px; color:#707872; font-size:12px; line-height:1.8; text-transform:uppercase; letter-spacing:.11em; }
.vectra-interior .interior-contact form { display:grid; grid-template-columns:1fr 1fr; gap:30px 20px; align-content:start; }
.vectra-interior .interior-contact label { color:#58615c; font-size:9px; text-transform:uppercase; letter-spacing:.13em; }
.vectra-interior .interior-contact input,.vectra-interior .interior-contact select,.vectra-interior .interior-contact textarea { width:100%; margin-top:9px; padding:15px 0; border:0; border-bottom:1px solid #9da19d; border-radius:0; outline:0; background:transparent; color:#17251f; font:15px Georgia,serif; }
.vectra-interior .interior-contact textarea { resize:vertical; }
.vectra-interior .interior-contact .full,.vectra-interior .interior-contact button { grid-column:1/-1; }
.vectra-interior .interior-contact .hp { position:absolute; left:-9999px; }
.vectra-interior .interior-contact button { display:flex; justify-content:space-between; margin-top:10px; padding:19px 22px; border:0; background:#17362b; color:#fff; text-transform:uppercase; letter-spacing:.13em; cursor:pointer; }
.vectra-interior .product-enquiry-context { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:18px; padding:16px 18px; border:1px solid #a9aaa3; background:rgba(255,255,255,.25); }
.vectra-interior .product-enquiry-context span { color:#8b7454; font-size:9px; letter-spacing:.12em; text-transform:uppercase; }
.vectra-interior .product-enquiry-context strong { color:#20312a; font:20px/1.25 Georgia,serif; font-weight:400; }
.vectra-interior .product-enquiry-context a { color:#33483f; font-size:9px; letter-spacing:.1em; text-transform:uppercase; }

@media (max-width:800px) {
 .vectra-interior .interior-hero { min-height:700px; height:88vh; }
 .vectra-interior .interior-hero-copy { left:22px; bottom:90px; width:calc(100% - 44px); }
 .vectra-interior .interior-hero h1 { font-size:clamp(54px,15vw,76px); }
 .vectra-interior .interior-hero-copy>p:last-child { font-size:15px; }
 .vectra-interior .interior-intro { grid-template-columns:1fr; padding:85px 20px; }
 .vectra-interior .interior-intro h2 { font-size:47px; }
 .vectra-interior .interior-intro>div>p { margin-top:30px; }
 .vectra-interior .interior-grid { grid-template-columns:1fr; gap:54px; padding:80px 20px 100px; }
 .vectra-interior .interior-grid article:nth-child(even) { transform:none; }
 .vectra-interior .interior-card-image { height:460px; }
 .vectra-interior .interior-grid h2 { font-size:31px; }
 .vectra-interior .interior-cta { padding:90px 20px 100px; }
 .vectra-interior .interior-contact { grid-template-columns:1fr; padding:85px 20px; }
 .vectra-interior .interior-contact form { grid-template-columns:1fr; }
 .vectra-interior .interior-contact .full,.vectra-interior .interior-contact button { grid-column:auto; }
 .vectra-interior .product-enquiry-context { grid-template-columns:1fr; gap:7px; }
}

/* Product catalogue and product detail system. */
.vectra-products-page .products-hero { position:relative; height:min(860px,92vh); min-height:680px; overflow:hidden; background:#183027; color:#fff; }
.vectra-products-page .products-hero>img,.vectra-products-page .products-hero-shade { position:absolute; inset:0; width:100%; height:100%; }
.vectra-products-page .products-hero>img { object-fit:cover; }
.vectra-products-page .products-hero-shade { background:linear-gradient(90deg,rgba(7,20,16,.76),rgba(7,20,16,.16) 68%),linear-gradient(0deg,rgba(7,20,16,.4),transparent 56%); }
.vectra-products-page .products-hero-copy { position:absolute; left:7vw; bottom:13vh; width:min(1000px,86vw); }
.vectra-products-page .products-hero h1 { margin:0; color:#fff; font-size:clamp(66px,7.7vw,124px); line-height:.89; letter-spacing:-.045em; }
.vectra-products-page .products-hero-copy>p:last-child { width:min(680px,90%); margin:34px 0 0; color:rgba(255,255,255,.8); font:18px/1.7 Georgia,serif; }
.vectra-products-page .products-catalog { padding:125px 6vw 140px; background:#f4f1e9; }
.vectra-products-page .products-catalog-head { display:grid; grid-template-columns:1.2fr .65fr; align-items:end; gap:10vw; }
.vectra-products-page .products-catalog-head h2,.vectra-products-page .product-empty-intro h2 { margin:0; color:var(--vectra-ink); font:clamp(54px,6vw,88px)/.96 Georgia,serif; font-weight:400; letter-spacing:-.045em; }
.vectra-products-page .products-catalog-head h2 em { color:#987f5d; font-weight:400; }
.vectra-products-page .products-catalog-head>p { margin:0 0 7px; color:#68716b; font:18px/1.7 Georgia,serif; }
.vectra-products-page .product-filters { display:flex; flex-wrap:wrap; gap:9px; margin:64px 0 54px; padding:0; }
.vectra-products-page .product-filters a { display:inline-flex; gap:10px; align-items:center; padding:12px 16px; border:1px solid #a8aca6; color:#48524d; font-size:10px; letter-spacing:.1em; text-transform:uppercase; transition:.2s ease; }
.vectra-products-page .product-filters a span { color:#987f5d; font-size:9px; }
.vectra-products-page .product-filters a:hover,.vectra-products-page .product-filters a.is-active { border-color:#17362b; background:#17362b; color:#fff; }
.vectra-home .product-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:68px 22px; }
.vectra-home .product-card-image { position:relative; display:block; aspect-ratio:1.07/1; overflow:hidden; background:#ddd7ca; }
.vectra-home .product-card-image::after { content:''; position:absolute; inset:0; background:linear-gradient(0deg,rgba(8,20,16,.34),transparent 45%); opacity:0; transition:opacity .35s ease; }
.vectra-home .product-card-image img { width:100%; height:100%; object-fit:cover; transition:transform .55s ease; }
.vectra-home .product-card-image>span { position:absolute; z-index:2; right:20px; bottom:18px; color:#fff; font-size:9px; letter-spacing:.12em; text-transform:uppercase; opacity:0; transform:translateY(5px); transition:.3s ease; }
.vectra-home .product-card:hover .product-card-image img { transform:scale(1.025); }
.vectra-home .product-card:hover .product-card-image::after,.vectra-home .product-card:hover .product-card-image>span { opacity:1; transform:none; }
.vectra-home .product-card-meta { display:flex; justify-content:space-between; gap:12px; margin-top:18px; color:#967e5c; font-size:9px; letter-spacing:.12em; text-transform:uppercase; }
.vectra-home .product-card h2 { margin:11px 0 10px; color:var(--vectra-ink); font:34px/1.08 Georgia,serif; font-weight:400; letter-spacing:-.025em; }
.vectra-home .product-card p { max-width:520px; margin:0; color:#6a736d; font-size:13px; line-height:1.7; }
.vectra-products-page .product-pagination { margin-top:80px; }
.vectra-products-page .product-pagination ul { display:flex; justify-content:center; gap:8px; margin:0; padding:0; list-style:none; }
.vectra-products-page .product-pagination a,.vectra-products-page .product-pagination span { display:grid; place-items:center; min-width:42px; height:42px; border:1px solid #9fa49f; font-size:11px; }
.vectra-products-page .product-pagination .current { border-color:#17362b; background:#17362b; color:#fff; }
.vectra-products-page .product-empty-intro { width:min(760px,100%); margin:68px 0 48px; }
.vectra-products-page .product-empty-intro h2 { font-size:54px; }
.vectra-products-page .product-empty-intro>p:last-child { color:#68716b; font:17px/1.7 Georgia,serif; }
.vectra-products-page .product-category-fallback { display:grid; grid-template-columns:repeat(3,1fr); gap:54px 20px; }
.vectra-products-page .product-category-fallback .product-fallback-image { display:block; height:390px; overflow:hidden; background:#dcd6ca; }
.vectra-products-page .product-category-fallback img { width:100%; height:100%; object-fit:cover; }
.vectra-products-page .product-category-fallback article>span { display:block; margin-top:17px; color:#987f5d; font-size:9px; letter-spacing:.14em; }
.vectra-products-page .product-category-fallback h2 { margin:9px 0; color:var(--vectra-ink); font:31px/1.1 Georgia,serif; font-weight:400; }
.vectra-products-page .product-category-fallback p { margin:0; color:#69726c; font-size:13px; line-height:1.7; }
.vectra-products-page .products-project-cta { padding:130px 7vw 145px; background:#e9e4d8; text-align:center; }
.vectra-products-page .products-project-cta h2 { margin:0; color:var(--vectra-ink); font-size:clamp(58px,7vw,106px); line-height:.92; }
.vectra-products-page .products-project-cta>p:not(.eyebrow) { max-width:680px; margin:36px auto 0; color:#66706a; font:17px/1.7 Georgia,serif; }

.vectra-product-single .vectra-nav-header { position:relative !important; top:0 !important; background:#142d25 !important; }
.admin-bar .vectra-product-single .vectra-nav-header { top:0 !important; }
.vectra-product-single .product-breadcrumb { display:flex; flex-wrap:wrap; gap:10px; padding:30px 6vw; border-bottom:1px solid #d3cec2; background:#f4f1e9; color:#777d78; font-size:9px; letter-spacing:.12em; text-transform:uppercase; }
.vectra-product-single .product-breadcrumb a { color:#314139; }
.vectra-product-single .product-overview { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(380px,.75fr); gap:6vw; padding:60px 6vw 115px; background:#f4f1e9; }
.vectra-product-single .product-main-image { aspect-ratio:1.14/1; overflow:hidden; background:#ded8cb; }
.vectra-product-single .product-main-image img { width:100%; height:100%; object-fit:cover; }
.vectra-product-single .product-thumbnails { display:grid; grid-template-columns:repeat(5,1fr); gap:8px; margin-top:10px; }
.vectra-product-single .product-thumbnails button { aspect-ratio:1; overflow:hidden; margin:0; padding:0; border:2px solid transparent; background:#ded8cb; cursor:pointer; opacity:.72; }
.vectra-product-single .product-thumbnails button[aria-current="true"] { border-color:#17362b; opacity:1; }
.vectra-product-single .product-thumbnails img { width:100%; height:100%; object-fit:cover; }
.vectra-product-single .product-summary { align-self:start; position:sticky; top:45px; padding-top:22px; }
.admin-bar .vectra-product-single .product-summary { top:77px; }
.vectra-product-single .product-summary h1 { margin:0; color:var(--vectra-ink); font-size:clamp(54px,5.3vw,84px); line-height:.93; letter-spacing:-.045em; }
.vectra-product-single .product-code { margin:20px 0 0; color:#977f5d; font-size:9px; letter-spacing:.15em; text-transform:uppercase; }
.vectra-product-single .product-lead { margin:34px 0 0; color:#66706a; font:18px/1.7 Georgia,serif; }
.vectra-product-single .product-actions { display:flex; flex-direction:column; align-items:flex-start; gap:18px; margin-top:40px; }
.vectra-product-single .button-dark { background:#17362b; color:#fff; }
.vectra-product-single .product-download { padding-bottom:7px; border-bottom:1px solid #8d928e; font-size:10px; letter-spacing:.1em; text-transform:uppercase; }
.vectra-product-single .product-quickfacts { margin-top:50px; border-top:1px solid #b9b8af; }
.vectra-product-single .product-quickfacts>div { display:grid; grid-template-columns:105px 1fr; gap:20px; padding:18px 0; border-bottom:1px solid #c8c5ba; }
.vectra-product-single .product-quickfacts span { color:#8b7454; font-size:9px; letter-spacing:.1em; text-transform:uppercase; }
.vectra-product-single .product-quickfacts strong { color:#47514c; font:13px/1.55 Arial,sans-serif; font-weight:400; }
.vectra-product-single .product-information { display:grid; grid-template-columns:1fr .85fr; gap:10vw; padding:125px 7vw; background:#e9e4d8; }
.vectra-product-single .product-description h2 { margin:0; color:var(--vectra-ink); font-size:clamp(50px,5.3vw,80px); line-height:.96; }
.vectra-product-single .product-richtext { max-width:720px; margin-top:40px; color:#606a64; font:17px/1.8 Georgia,serif; }
.vectra-product-single .product-richtext h2,.vectra-product-single .product-richtext h3 { margin:32px 0 15px; color:var(--vectra-ink); font-family:Georgia,serif; font-weight:400; }
.vectra-product-single .product-richtext img { height:auto; }
.vectra-product-single .product-specifications { padding-top:8px; }
.vectra-product-single .product-specifications dl { margin:0; border-top:1px solid #a9aaa3; }
.vectra-product-single .product-specifications dl>div { display:grid; grid-template-columns:125px 1fr; gap:24px; padding:18px 0; border-bottom:1px solid #bcbab1; }
.vectra-product-single .product-specifications dt { color:#8b7454; font-size:9px; letter-spacing:.1em; text-transform:uppercase; }
.vectra-product-single .product-specifications dd { margin:0; color:#445049; font-size:13px; line-height:1.55; }
.vectra-product-single .product-spec-note { margin-top:24px; color:#7a807c; font-size:11px; line-height:1.65; }
.vectra-product-single .product-enquiry-band { display:grid; grid-template-columns:1.1fr .7fr; align-items:end; gap:10vw; padding:120px 7vw; background:#17362b; color:#fff; }
.vectra-product-single .product-enquiry-band h2 { margin:0; color:#fff; font-size:clamp(54px,6.4vw,96px); line-height:.94; }
.vectra-product-single .product-enquiry-band>div:last-child>p { margin:0 0 32px; color:rgba(255,255,255,.72); font:17px/1.7 Georgia,serif; }
.vectra-product-single .related-products { padding:120px 6vw 140px; background:#f4f1e9; }
.vectra-product-single .related-products-head { display:flex; justify-content:space-between; align-items:end; margin-bottom:55px; }
.vectra-product-single .related-products-head h2 { margin:0; color:var(--vectra-ink); font-size:clamp(52px,5.8vw,82px); }

@media (max-width:1100px) and (min-width:801px) {
  .vectra-home .vectra-nav-header { padding:0 2vw !important; }
  .vectra-home .vectra-brand { width:145px !important; }
  .vectra-home .vectra-nav-header nav { gap:13px; font-size:9px; }
  .vectra-home .vectra-header-cta { padding:11px 13px !important; font-size:9px; }
  .vectra-product-single .product-overview { grid-template-columns:1.1fr .9fr; gap:4vw; }
}

@media (max-width:800px) {
  .vectra-products-page .products-hero { min-height:700px; height:88vh; }
  .vectra-products-page .products-hero-copy { left:22px; bottom:90px; width:calc(100% - 44px); }
  .vectra-products-page .products-hero h1 { font-size:clamp(54px,15vw,76px); }
  .vectra-products-page .products-hero-copy>p:last-child { font-size:15px; }
  .vectra-products-page .products-catalog { padding:85px 20px 100px; }
  .vectra-products-page .products-catalog-head { grid-template-columns:1fr; gap:30px; }
  .vectra-products-page .products-catalog-head h2 { font-size:50px; }
  .vectra-products-page .product-filters { flex-wrap:nowrap; overflow-x:auto; margin:44px -20px 42px; padding:0 20px 8px; }
  .vectra-products-page .product-filters a { flex:0 0 auto; }
  .vectra-home .product-grid { grid-template-columns:1fr; gap:54px; }
  .vectra-home .product-card h2 { font-size:31px; }
  .vectra-products-page .product-category-fallback { grid-template-columns:1fr; }
  .vectra-products-page .product-category-fallback .product-fallback-image { height:430px; }
  .vectra-products-page .products-project-cta { padding:90px 20px 100px; }
  .vectra-product-single .product-breadcrumb { padding:22px 20px; }
  .vectra-product-single .product-overview { grid-template-columns:1fr; gap:42px; padding:24px 20px 85px; }
  .vectra-product-single .product-main-image { aspect-ratio:1/1.05; }
  .vectra-product-single .product-thumbnails { grid-template-columns:repeat(4,1fr); }
  .vectra-product-single .product-summary { position:static; padding-top:0; }
  .vectra-product-single .product-summary h1 { font-size:54px; }
  .vectra-product-single .product-information { grid-template-columns:1fr; gap:70px; padding:85px 20px; }
  .vectra-product-single .product-description h2 { font-size:48px; }
  .vectra-product-single .product-specifications dl>div { grid-template-columns:105px 1fr; gap:16px; }
  .vectra-product-single .product-enquiry-band { grid-template-columns:1fr; gap:45px; padding:85px 20px; }
  .vectra-product-single .related-products { padding:85px 20px 100px; }
  .vectra-product-single .related-products-head { align-items:flex-start; flex-direction:column; gap:30px; }
}
