/* October revisions: wider hero, two-product collection, email forms. */
.header nav button,.header-contact{border:0;background:none;padding:0;font:inherit}
.header nav button{font-size:inherit}.header-contact{font-size:11px}.header nav button:hover{color:#8c708d}
.hero-copy{width:68%;max-width:1000px;padding-top:54px}.hero h1{font-size:clamp(60px,6.5vw,104px);white-space:nowrap;letter-spacing:-3px;line-height:1.02;margin:22px 0 25px}
.hero-description{max-width:590px;font-size:18px;line-height:1.7}.hero-values{grid-template-columns:repeat(4,minmax(0,1fr));max-width:560px;gap:18px;margin-top:32px}
.hero-values>div{border:0;background:none;padding:0;color:var(--brand)}.hero-values svg{width:38px;height:38px;padding:3px;border:0;border-radius:0;background:none;stroke-width:1.5;margin-bottom:12px}.hero-values span{font-size:12px;line-height:1.5;letter-spacing:.3px}
.philosophy{grid-template-columns:33% 39% 28%;min-height:620px}.leaf-copy>p{font-size:17px;letter-spacing:1.5px}.philosophy-copy{padding:48px 10%}.philosophy-copy>p:not(.eyebrow){font-size:16px;line-height:1.8}.philosophy-copy h2{font-size:clamp(40px,4vw,60px)}.story-rail{padding:35px 12% 35px 0;gap:20px}.story-rail>a{grid-template-columns:54% 46%;gap:14px}.story-rail img{height:150px}.story-rail span{font-size:12px;line-height:1.55;letter-spacing:.2px}
.collection{height:780px}.collection-heading{width:34%;max-width:490px;top:75px}.collection-heading h2{font-size:clamp(40px,4vw,60px);line-height:1.06}.collection-heading>p:not(.eyebrow){font-size:16px;max-width:330px;line-height:1.8}.collection-heading .button{font-size:10px}.collection-scene{object-position:center}.products{grid-template-columns:repeat(2,minmax(0,1fr));left:46%;right:5%;bottom:48px;gap:25px}.product{padding:18px 18px 20px;background:#f6f2eced}.product-category{font-size:10px!important;letter-spacing:1px;min-height:32px;display:flex;align-items:center;justify-content:center}.product h3{font-size:38px;margin:5px 0 10px}.product p{font-size:14px}.development{font-size:9px}.collection-note{left:43%;right:4%;bottom:15px;font-size:10px}
.category-strip{display:flex;justify-content:center;align-items:center;gap:0;padding:30px 4%}.category-strip>span{font-family:var(--serif);font-size:21px;text-transform:none;letter-spacing:0;line-height:1.4;padding:0 22px;text-align:center}.category-strip>span+span{border-left:1px solid #bcabb7}
.collective{display:grid;grid-template-columns:46% 54%;background:#e9e1d8;min-height:440px}.collective-photo{position:relative;min-height:440px;overflow:hidden}.collective-photo img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:40% center}.collective-photo:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#31252b80)}.collective-photo>span{position:absolute;z-index:1;bottom:29px;left:8%;right:8%;font-size:10px;letter-spacing:2px;color:#fff}.collective-copy{padding:46px 9%;align-self:center}.collective-copy h2{font-size:clamp(36px,3.6vw,55px);margin:17px 0 20px}.collective-copy>p:not(.eyebrow){font-size:16px;line-height:1.75;max-width:540px}.collective form{margin-top:25px}
form label{display:block;font-size:12px;margin:17px 0 7px}input,textarea{display:block;width:100%;min-width:0;border:1px solid #b7a8af;border-radius:0;background:#f6f2ecb3;color:var(--ink);padding:13px;font:16px/1.5 var(--sans)}textarea{resize:vertical}input:focus-visible,textarea:focus-visible{outline:2px solid #705876;outline-offset:2px}.signup-row{display:flex}.signup-row input{flex:1;width:0;border-right:0}.signup-row .button{flex-shrink:0;font-size:10px;padding:13px 17px;gap:12px}.form-note,dialog p.form-note{font-size:11px;line-height:1.6;margin-top:11px;color:#62595d}.form-status,dialog p.form-status{font-size:13px;margin-top:12px;line-height:1.6}.draft-link{font-size:12px;text-decoration:underline;text-underline-offset:3px}.name-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}#contact-form-dialog{max-width:660px}#contact-form-dialog h2{margin-bottom:15px}#contact-form .button{margin-top:22px;font-size:11px}dialog .contact-intro{font-size:15px;line-height:1.6}dialog .contact-direct{font-size:12px;border-top:1px solid var(--line);padding-top:18px}
.promise{gap:6%;min-height:600px}.promise-copy{width:58%;max-width:700px}.promise-copy h2{font-size:clamp(42px,4vw,62px)}.promise-copy>p:not(.eyebrow){max-width:490px;font-size:17px}.promise-shade{background:linear-gradient(90deg,#201922d6,#20192245 58%,#201922ac)}.standards{width:33%;max-width:380px;padding:26px 0}.standards>.eyebrow{font-size:10px;letter-spacing:2px;color:#e4d6dd}.standards>div{position:relative;padding:25px 0 23px;border-bottom:1px solid #d5c2d04f}.standard-number{font-size:11px;letter-spacing:2px;color:#d9bdcb}.standards h3{font-size:30px;line-height:1.1;margin:8px 0 12px}.standards p:not(.eyebrow){font-size:14px;line-height:1.8;color:#eee5e7}.footer-top{grid-template-columns:1.15fr 1fr 1fr}.footer-links a{overflow-wrap:anywhere}.closing-shadow{background-image:url('assets/hero-flexvara.webp')}.skip-link:not(:focus){clip-path:inset(50%);width:1px;height:1px;overflow:hidden;padding:0}
@media(min-width:701px) and (max-width:1100px){.hero-copy{width:72%;padding-top:42px}.hero h1{font-size:6.5vw}.hero-description{max-width:480px;font-size:16px}.hero-values{max-width:460px}.philosophy{grid-template-columns:31% 41% 28%}.leaf-copy>p{font-size:12px}.philosophy-copy>p:not(.eyebrow){font-size:14px}.story-rail img{height:120px}.story-rail span{font-size:10px}.collection{height:700px}.collection-heading{width:36%;left:4%}.collection-heading h2{font-size:40px}.product-category{font-size:8px!important}.product p{font-size:12px}.category-strip>span{font-size:17px;padding:0 13px}.collective-copy{padding:35px 7%}.signup-row{display:block}.signup-row input{width:100%;border-right:1px solid #b7a8af}.signup-row .button{margin-top:9px}.standards{width:37%}.promise-copy{width:57%}}
@media(max-width:700px){.header nav button{text-align:left;padding:12px 0}.header-contact{display:none}.hero{height:690px}.hero-copy{width:100%;padding:28px 6% 0}.hero h1{font-size:clamp(36px,10.6vw,70px);letter-spacing:-1.5px;margin:20px 0}.hero-description{font-size:15px;max-width:440px;line-height:1.7}.hero-values{max-width:440px;gap:9px;margin-top:25px}.hero-values svg{width:32px;height:32px;margin-bottom:9px}.hero-values span{font-size:10px;letter-spacing:0}.hero-image{height:320px}.hero-shade{background:linear-gradient(180deg,var(--paper) 0%,var(--paper) 48%,#f6f2ec00 62%)}.philosophy{grid-template-columns:1fr;min-height:0}.leaf-panel{min-height:350px}.leaf-copy>p{font-size:17px}.philosophy-copy{padding:40px 7% 30px}.philosophy-copy h2{font-size:48px}.philosophy-copy>p:not(.eyebrow){font-size:16px}.story-rail{padding:0 7% 35px;gap:13px}.story-rail img{height:120px}.story-rail span{font-size:11px;line-height:1.5}.collection{height:auto;padding:42px 6% 27px;display:flex;flex-direction:column}.collection-heading{position:static;width:100%;max-width:none}.collection-heading h2{font-size:44px;line-height:1.06}.collection-heading h2 br{display:initial}.collection-heading>p:not(.eyebrow){font-size:15px}.collection-scene{position:static;display:block;width:calc(100% + 13.64%);max-width:none;margin:25px -6.82% 0;height:350px;object-fit:cover;object-position:100% center;z-index:auto}.products{position:relative;inset:auto;grid-template-columns:1fr 1fr;gap:12px;margin-top:0;z-index:1}.product{padding:15px 10px 18px}.product-category{font-size:8px!important;min-height:40px}.product h3{font-size:30px}.product p{font-size:12px}.development{font-size:8px}.collection-note{position:static;font-size:10px;margin-top:20px}.category-strip{display:grid;grid-template-columns:repeat(2,1fr);padding:24px 5%;gap:18px 0}.category-strip>span{font-size:20px;padding:0 12px}.category-strip>span+span{border:0}.category-strip>span:nth-child(even){border-left:1px solid #bcabb7}.collective{grid-template-columns:1fr;min-height:0}.collective-photo{min-height:270px}.collective-copy{padding:35px 7% 38px}.collective-copy h2{font-size:43px}.collective-copy>p:not(.eyebrow){font-size:15px}.signup-row{display:block}.signup-row input{width:100%;border-right:1px solid #b7a8af}.signup-row .button{margin-top:10px;width:100%;font-size:11px;min-height:49px}.promise{padding:45px 7%;display:block}.promise-copy{width:100%}.promise-copy h2{font-size:43px}.promise-copy>p:not(.eyebrow){font-size:16px}.standards{width:100%;max-width:none;padding:36px 0 0}.standards h3{font-size:29px}.standards>div{padding:19px 0}.standards p:not(.eyebrow){font-size:14px}.footer-top{grid-template-columns:1fr}.footer-top>div:first-child{grid-column:auto}.footer-links{font-size:13px}.name-row{gap:12px}#contact-form-dialog{padding:32px 22px}.contact-direct a{font-size:11px}}

/* Restore all seven client banner phrases and the full standards option. */
@media(min-width:701px){.category-strip>span{font-size:clamp(16px,1.4vw,21px);padding-inline:16px}.standards h3{font-size:27px;line-height:1.16}}
@media(max-width:700px){.category-strip>span:last-child{grid-column:1/-1}.standards h3{font-size:27px;line-height:1.16}}

/* ---------------------------------------------- contact form (Worker wiring)
   The honeypot must stay in the accessibility tree for bots to find it but out
   of sight and out of the tab order for people. display:none is skipped by
   some bots, so it is positioned off-screen instead. */
.hp-field {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

#contact-form .cf-turnstile:not(:empty) {
  margin: 0.25rem 0 0.75rem;
}

#contact-form .form-status[data-tone="ok"] {
  color: #2F6B4F;
  font-weight: 500;
}

#contact-form .form-status[data-tone="error"] {
  color: #9A3A2C;
}

#contact-form button[type="submit"][disabled] {
  opacity: 0.6;
  cursor: progress;
}
