{"id":177,"date":"2026-10-15T09:08:16","date_gmt":"2026-10-15T09:08:16","guid":{"rendered":"https:\/\/sectionform.com\/?page_id=177"},"modified":"2026-10-15T12:09:42","modified_gmt":"2026-10-15T12:09:42","slug":"contact","status":"publish","type":"page","link":"https:\/\/sectionform.com\/?page_id=177","title":{"rendered":"contact"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"177\" class=\"elementor elementor-177\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e9ade6a e-flex e-con-boxed e-con e-parent\" data-id=\"e9ade6a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-030feed elementor-widget elementor-widget-html\" data-id=\"030feed\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>\r\n\/* ================================================\r\n   SECTIONFORM \u2014 CONTACT PAGE V1\r\n   Architectural Editorial \/ Motion Edition\r\n   ================================================ *\/\r\n\r\n.sf-contact-page{\r\n  --green:#173D3B;\r\n  --green2:#214F49;\r\n  --ivory:#F7F5F0;\r\n  --sage:#DFE7DF;\r\n  --sand:#E9E2D6;\r\n  --terra:#B96D52;\r\n  --ink:#252B2A;\r\n  --muted:#607069;\r\n  --ease:cubic-bezier(.22,.61,.36,1);\r\n  font-family:Manrope,Arial,sans-serif;\r\n  color:var(--ink);\r\n  background:var(--ivory);\r\n  direction:ltr;\r\n  text-align:left;\r\n  line-height:1.7;\r\n  overflow:hidden;\r\n}\r\n.sf-contact-page *,\r\n.sf-contact-page *::before,\r\n.sf-contact-page *::after{box-sizing:border-box}\r\n.sf-contact-page h1,\r\n.sf-contact-page h2,\r\n.sf-contact-page h3,\r\n.sf-contact-page p,\r\n.sf-contact-page figure{margin:0}\r\n.sf-contact-page h1,\r\n.sf-contact-page h2,\r\n.sf-contact-page h3{\r\n  font-family:Manrope,Arial,sans-serif;\r\n  font-weight:600;\r\n  letter-spacing:-.055em;\r\n  line-height:1.09;\r\n}\r\n.sf-contact-page h2{\r\n  font-size:clamp(36px,5vw,72px);\r\n  color:var(--green);\r\n}\r\n.sf-contact-page h3{\r\n  font-size:clamp(22px,2.7vw,32px);\r\n  color:var(--green);\r\n}\r\n.sf-contact-page a{\r\n  color:inherit;\r\n  text-decoration:none!important;\r\n}\r\n.sf-contact-page a:focus-visible{\r\n  outline:3px solid var(--terra);\r\n  outline-offset:5px;\r\n}\r\n.sf-contact-page img{\r\n  display:block;\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:cover;\r\n}\r\n.sf-contact-page .wrap{\r\n  width:min(1220px,calc(100% - 90px));\r\n  margin:0 auto;\r\n}\r\n.sf-contact-page .section{\r\n  padding:115px 0;\r\n  scroll-margin-top:90px;\r\n}\r\n.sf-contact-page .eyebrow{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:13px;\r\n  margin-bottom:27px;\r\n  color:var(--green);\r\n  font-size:11px;\r\n  font-weight:800;\r\n  letter-spacing:.16em;\r\n  text-transform:uppercase;\r\n}\r\n.sf-contact-page .eyebrow::before{\r\n  content:\"\";\r\n  width:27px;\r\n  height:2px;\r\n  background:var(--terra);\r\n  flex-shrink:0;\r\n}\r\n.sf-contact-page .eyebrow.light{\r\n  color:#DCE8DC;\r\n}\r\n.sf-contact-page .lead{\r\n  font-size:clamp(19px,2vw,24px);\r\n  line-height:1.6;\r\n}\r\n.sf-contact-page .button{\r\n  display:inline-flex;\r\n  justify-content:space-between;\r\n  align-items:center;\r\n  gap:35px;\r\n  min-height:55px;\r\n  padding:16px 27px;\r\n  border-radius:99px;\r\n  border:1px solid var(--green);\r\n  background:var(--green);\r\n  color:white!important;\r\n  font-size:12px;\r\n  font-weight:800;\r\n  transition:\r\n    transform .4s var(--ease),\r\n    background .3s ease,\r\n    box-shadow .3s ease;\r\n}\r\n.sf-contact-page .button:hover{\r\n  transform:translateY(-3px);\r\n  background:var(--green2);\r\n  box-shadow:0 12px 30px rgba(23,61,59,.16);\r\n}\r\n.sf-contact-page .button.light{\r\n  background:var(--ivory);\r\n  color:var(--green)!important;\r\n  border-color:var(--ivory);\r\n}\r\n.sf-contact-page .button.light:hover{\r\n  background:var(--sage);\r\n}\r\n.sf-contact-page .button span{\r\n  font-size:19px;\r\n  line-height:1;\r\n}\r\n\r\n\/* HERO *\/\r\n\r\n.sf-contact-page .contact-hero{\r\n  min-height:730px;\r\n  min-height:85svh;\r\n  position:relative;\r\n  display:flex;\r\n  align-items:center;\r\n  background:var(--green);\r\n  color:white;\r\n  isolation:isolate;\r\n  overflow:hidden;\r\n}\r\n.sf-contact-page .hero-photo{\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:-3;\r\n}\r\n.sf-contact-page .hero-photo img{\r\n  animation:sfContactZoom 17s ease-in-out infinite alternate;\r\n}\r\n.sf-contact-page .contact-hero::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:-2;\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(10,34,32,.95) 0%,\r\n      rgba(10,34,32,.81) 35%,\r\n      rgba(10,34,32,.43) 75%,\r\n      rgba(10,34,32,.21) 100%\r\n    ),\r\n    linear-gradient(\r\n      0deg,\r\n      rgba(10,34,32,.4),\r\n      transparent 55%\r\n    );\r\n}\r\n.sf-contact-page .contact-hero::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:-1;\r\n  pointer-events:none;\r\n  opacity:.2;\r\n  background-image:\r\n    linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px),\r\n    linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px);\r\n  background-size:110px 110px;\r\n  mask-image:linear-gradient(90deg,transparent 20%,black);\r\n  -webkit-mask-image:linear-gradient(90deg,transparent 20%,black);\r\n}\r\n.sf-contact-page .hero-content{\r\n  width:100%;\r\n  padding:150px 0 125px;\r\n  position:relative;\r\n  z-index:2;\r\n}\r\n.sf-contact-page .hero-content .wrap{\r\n  padding-left:clamp(14px,3.2vw,50px);\r\n}\r\n.sf-contact-page .contact-hero h1{\r\n  font-size:clamp(56px,8vw,118px);\r\n  line-height:1.02;\r\n  max-width:950px;\r\n  color:white!important;\r\n}\r\n.sf-contact-page .contact-hero h1 em{\r\n  font-style:normal;\r\n  color:#C5DED0;\r\n}\r\n.sf-contact-page .hero-description{\r\n  max-width:610px;\r\n  font-size:clamp(17px,1.9vw,22px);\r\n  margin-top:35px;\r\n  color:#ECF2EB;\r\n}\r\n.sf-contact-page .hero-actions{\r\n  display:flex;\r\n  gap:13px;\r\n  flex-wrap:wrap;\r\n  margin-top:38px;\r\n}\r\n.sf-contact-page .hero-index{\r\n  position:absolute;\r\n  bottom:25px;\r\n  left:0;\r\n  width:100%;\r\n}\r\n.sf-contact-page .hero-index .wrap{\r\n  border-top:1px solid rgba(255,255,255,.4);\r\n  padding-top:21px;\r\n  display:flex;\r\n  justify-content:space-between;\r\n  flex-wrap:wrap;\r\n  gap:15px;\r\n  font-size:10px;\r\n  letter-spacing:.13em;\r\n  text-transform:uppercase;\r\n  font-weight:700;\r\n}\r\n.sf-contact-page .hero-ring{\r\n  position:absolute;\r\n  right:8%;\r\n  top:18%;\r\n  width:250px;\r\n  height:250px;\r\n  border:1px solid rgba(255,255,255,.24);\r\n  border-radius:50%;\r\n  pointer-events:none;\r\n  z-index:1;\r\n  animation:sfContactSpin 30s linear infinite;\r\n}\r\n.sf-contact-page .hero-ring::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:35px;\r\n  border:1px dashed rgba(255,255,255,.3);\r\n  border-radius:50%;\r\n}\r\n.sf-contact-page .hero-ring::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:17px;\r\n  left:42px;\r\n  height:12px;\r\n  width:12px;\r\n  background:#D7A98D;\r\n  border-radius:50%;\r\n  box-shadow:0 0 26px rgba(215,169,141,.65);\r\n}\r\n\r\n\/* INTRO *\/\r\n\r\n.sf-contact-page .intro{\r\n  display:grid;\r\n  grid-template-columns:.85fr 1.15fr;\r\n  gap:10%;\r\n}\r\n.sf-contact-page .intro-copy{\r\n  font-size:17px;\r\n}\r\n.sf-contact-page .intro-copy p+p{\r\n  margin-top:24px;\r\n}\r\n.sf-contact-page .intro-copy .lead{\r\n  color:var(--green);\r\n  font-weight:500;\r\n}\r\n\r\n\/* WAYS TO CONNECT *\/\r\n\r\n.sf-contact-page .ways-section{\r\n  background:var(--sage);\r\n}\r\n.sf-contact-page .section-heading{\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  gap:9%;\r\n  align-items:end;\r\n  margin-bottom:65px;\r\n}\r\n.sf-contact-page .section-heading>p{\r\n  max-width:480px;\r\n  font-size:17px;\r\n}\r\n.sf-contact-page .ways-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(3,1fr);\r\n  gap:22px;\r\n}\r\n.sf-contact-page .way-card{\r\n  min-height:370px;\r\n  padding:36px 30px;\r\n  background:var(--ivory);\r\n  border:1px solid #CCD8CD;\r\n  display:flex;\r\n  flex-direction:column;\r\n  justify-content:space-between;\r\n  position:relative;\r\n  overflow:hidden;\r\n  transition:\r\n    transform .45s var(--ease),\r\n    box-shadow .45s ease;\r\n}\r\n.sf-contact-page .way-card:hover{\r\n  transform:translateY(-8px);\r\n  box-shadow:0 20px 35px rgba(23,61,59,.08);\r\n}\r\n.sf-contact-page .way-card:nth-child(2){\r\n  background:var(--green);\r\n  border-color:var(--green);\r\n}\r\n.sf-contact-page .way-card:nth-child(3){\r\n  background:var(--sand);\r\n  border-color:#D7CDC0;\r\n}\r\n.sf-contact-page .way-number{\r\n  font-size:11px;\r\n  color:var(--terra);\r\n  font-weight:800;\r\n}\r\n.sf-contact-page .way-card h3{\r\n  margin:75px 0 17px;\r\n}\r\n.sf-contact-page .way-card p{\r\n  font-size:14px;\r\n  color:var(--muted);\r\n}\r\n.sf-contact-page .way-card:nth-child(2) h3{\r\n  color:white!important;\r\n}\r\n.sf-contact-page .way-card:nth-child(2) p{\r\n  color:#E2EDE3;\r\n}\r\n.sf-contact-page .way-card:nth-child(2) .way-number{\r\n  color:#D5AC94;\r\n}\r\n.sf-contact-page .way-arrow{\r\n  margin-top:20px;\r\n  font-size:21px;\r\n  color:var(--terra);\r\n}\r\n\r\n\/* GRAPHIC *\/\r\n\r\n.sf-contact-page .graphic-section{\r\n  background:var(--green);\r\n  color:white;\r\n}\r\n.sf-contact-page .graphic-heading{\r\n  display:grid;\r\n  grid-template-columns:.8fr 1.2fr;\r\n  gap:10%;\r\n  align-items:end;\r\n}\r\n.sf-contact-page .graphic-heading h2{\r\n  color:white!important;\r\n}\r\n.sf-contact-page .graphic-heading p{\r\n  color:#DCE8DD;\r\n  font-size:18px;\r\n}\r\n.sf-contact-page .graphic-box{\r\n  margin-top:65px;\r\n  display:grid;\r\n  grid-template-columns:1.1fr .9fr;\r\n  min-height:475px;\r\n  border:1px solid rgba(255,255,255,.2);\r\n  background:rgba(255,255,255,.035);\r\n}\r\n.sf-contact-page .graphic-art{\r\n  position:relative;\r\n  min-height:475px;\r\n  overflow:hidden;\r\n  isolation:isolate;\r\n}\r\n.sf-contact-page .graphic-art::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  background-image:\r\n    linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),\r\n    linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);\r\n  background-size:40px 40px;\r\n  mask-image:radial-gradient(circle,black 30%,transparent 76%);\r\n  -webkit-mask-image:radial-gradient(circle,black 30%,transparent 76%);\r\n}\r\n.sf-contact-page .graphic-orbit{\r\n  position:absolute;\r\n  left:50%;\r\n  top:50%;\r\n  width:300px;\r\n  height:300px;\r\n  border:1px solid rgba(255,255,255,.34);\r\n  border-radius:50%;\r\n  animation:sfContactOrbit 24s linear infinite;\r\n}\r\n.sf-contact-page .graphic-orbit.two{\r\n  width:410px;\r\n  height:410px;\r\n  border-style:dashed;\r\n  opacity:.42;\r\n  animation-direction:reverse;\r\n  animation-duration:35s;\r\n}\r\n.sf-contact-page .graphic-orbit::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  left:12%;\r\n  top:15%;\r\n  width:11px;\r\n  height:11px;\r\n  background:#D9AD92;\r\n  border-radius:50%;\r\n}\r\n.sf-contact-page .graphic-core{\r\n  position:absolute;\r\n  left:50%;\r\n  top:50%;\r\n  width:150px;\r\n  height:150px;\r\n  transform:translate(-50%,-50%) rotate(45deg);\r\n  border-radius:22px;\r\n  background:#E9E2D6;\r\n  color:var(--green);\r\n  display:grid;\r\n  place-items:center;\r\n  box-shadow:0 0 80px rgba(233,226,214,.15);\r\n  animation:sfContactFloatCore 5s ease-in-out infinite alternate;\r\n}\r\n.sf-contact-page .graphic-core span{\r\n  transform:rotate(-45deg);\r\n  text-align:center;\r\n  font-size:20px;\r\n  font-weight:800;\r\n  line-height:1.05;\r\n}\r\n.sf-contact-page .graphic-label{\r\n  position:absolute;\r\n  z-index:2;\r\n  padding:12px 16px;\r\n  border:1px solid rgba(255,255,255,.25);\r\n  background:rgba(15,45,41,.85);\r\n  color:#F6F5EF;\r\n  font-size:10px;\r\n  font-weight:750;\r\n  letter-spacing:.11em;\r\n  text-transform:uppercase;\r\n  animation:sfContactFloat 5s ease-in-out infinite;\r\n}\r\n.sf-contact-page .graphic-label.n1{\r\n  left:5%;\r\n  top:18%;\r\n}\r\n.sf-contact-page .graphic-label.n2{\r\n  right:5%;\r\n  top:21%;\r\n  animation-delay:1s;\r\n}\r\n.sf-contact-page .graphic-label.n3{\r\n  left:12%;\r\n  bottom:14%;\r\n  animation-delay:2s;\r\n}\r\n.sf-contact-page .graphic-copy{\r\n  display:flex;\r\n  flex-direction:column;\r\n  justify-content:center;\r\n  padding:55px 50px 55px 10px;\r\n}\r\n.sf-contact-page .graphic-copy h3{\r\n  color:white!important;\r\n  font-size:clamp(30px,3.4vw,48px);\r\n}\r\n.sf-contact-page .graphic-copy p{\r\n  color:#DDE9DE;\r\n  margin-top:23px;\r\n}\r\n.sf-contact-page .graphic-rule{\r\n  margin-top:28px;\r\n  height:1px;\r\n  width:100%;\r\n  background:rgba(255,255,255,.2);\r\n}\r\n\r\n\/* DIRECT EMAIL *\/\r\n\r\n.sf-contact-page .email-section{\r\n  background:var(--sand);\r\n}\r\n.sf-contact-page .email-grid{\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  gap:10%;\r\n  align-items:center;\r\n}\r\n.sf-contact-page .email-grid p{\r\n  margin-top:24px;\r\n  font-size:17px;\r\n}\r\n.sf-contact-page .email-big{\r\n  display:inline-block;\r\n  margin-top:28px;\r\n  color:var(--green)!important;\r\n  font-size:clamp(21px,3.4vw,45px);\r\n  line-height:1.35;\r\n  font-weight:600;\r\n  letter-spacing:-.05em;\r\n  border-bottom:1px solid currentColor;\r\n  overflow-wrap:anywhere;\r\n}\r\n.sf-contact-page .email-photo{\r\n  position:relative;\r\n  aspect-ratio:1.25;\r\n  overflow:hidden;\r\n  background:#CBD0C7;\r\n}\r\n.sf-contact-page .email-photo img{\r\n  transition:transform 1s var(--ease);\r\n}\r\n.sf-contact-page .email-photo:hover img{\r\n  transform:scale(1.045);\r\n}\r\n.sf-contact-page .photo-credit{\r\n  position:absolute;\r\n  right:15px;\r\n  bottom:15px;\r\n  color:white;\r\n  background:rgba(23,61,59,.9);\r\n  padding:9px 13px;\r\n  font-size:10px;\r\n  letter-spacing:.09em;\r\n}\r\n\r\n\/* FORM INTRO *\/\r\n\r\n.sf-contact-page .form-intro{\r\n  background:var(--ivory);\r\n  padding:110px 0 45px;\r\n}\r\n.sf-contact-page .form-intro-grid{\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  gap:9%;\r\n  align-items:end;\r\n}\r\n.sf-contact-page .form-intro p{\r\n  max-width:520px;\r\n  font-size:17px;\r\n}\r\n.sf-contact-page .form-note{\r\n  font-size:12px!important;\r\n  color:var(--muted);\r\n  margin-top:16px!important;\r\n}\r\n.sf-contact-page .bottom-line{\r\n  margin-top:55px;\r\n  height:1px;\r\n  background:#CBD6CA;\r\n}\r\n.sf-contact-page .form-kicker{\r\n  font-size:10px;\r\n  letter-spacing:.15em;\r\n  text-transform:uppercase;\r\n  color:var(--terra);\r\n  font-weight:800;\r\n  margin-top:25px;\r\n}\r\n\r\n\/* ================================================\r\n   CONTACT FORM 7 \u2014 INTEGRATED VISUAL STYLING\r\n   Works when the Shortcode widget is placed\r\n   directly below this HTML widget.\r\n   ================================================ *\/\r\n\r\nbody .sf-supplier-form{\r\n  font-family:Manrope,Arial,sans-serif;\r\n  color:#252B2A;\r\n  width:min(100%,1000px);\r\n  margin:0 auto;\r\n  padding:30px 18px 70px;\r\n  text-align:left;\r\n  direction:ltr;\r\n}\r\nbody .sf-supplier-form label{\r\n  display:block;\r\n  margin-bottom:23px;\r\n  color:#173D3B;\r\n  font-size:13px;\r\n  line-height:1.5;\r\n  font-weight:700;\r\n}\r\nbody .sf-supplier-form input:not([type=\"submit\"]):not([type=\"checkbox\"]),\r\nbody .sf-supplier-form select,\r\nbody .sf-supplier-form textarea{\r\n  display:block;\r\n  width:100%;\r\n  max-width:100%;\r\n  margin-top:10px;\r\n  min-height:54px;\r\n  padding:15px 17px;\r\n  background:#FFFFFF;\r\n  border:1px solid #BECDBF;\r\n  border-radius:4px;\r\n  box-shadow:none;\r\n  color:#252B2A;\r\n  font-family:inherit;\r\n  font-size:15px;\r\n  line-height:1.5;\r\n  transition:border-color .2s ease,box-shadow .2s ease;\r\n}\r\nbody .sf-supplier-form textarea{\r\n  min-height:155px;\r\n  resize:vertical;\r\n}\r\nbody .sf-supplier-form input:focus,\r\nbody .sf-supplier-form select:focus,\r\nbody .sf-supplier-form textarea:focus{\r\n  outline:2px solid #173D3B;\r\n  outline-offset:2px;\r\n  border-color:#173D3B;\r\n}\r\nbody .sf-supplier-form .sf-form-consent,\r\nbody .sf-supplier-form .sf-consent{\r\n  font-size:12px;\r\n  line-height:1.7;\r\n  color:#52615B;\r\n  margin:20px 0;\r\n}\r\nbody .sf-supplier-form .wpcf7-acceptance .wpcf7-list-item{\r\n  margin-left:0;\r\n}\r\nbody .sf-supplier-form input[type=\"submit\"]{\r\n  display:inline-flex;\r\n  width:auto;\r\n  min-height:55px;\r\n  background:#173D3B;\r\n  border:1px solid #173D3B;\r\n  color:white;\r\n  padding:16px 29px;\r\n  border-radius:99px;\r\n  font-family:inherit;\r\n  font-size:13px;\r\n  font-weight:800;\r\n  cursor:pointer;\r\n  transition:background .3s ease,transform .3s ease;\r\n}\r\nbody .sf-supplier-form input[type=\"submit\"]:hover{\r\n  background:#214F49;\r\n  transform:translateY(-2px);\r\n}\r\nbody .sf-supplier-form .wpcf7-not-valid-tip{\r\n  color:#A34130;\r\n  font-size:12px;\r\n  margin-top:6px;\r\n}\r\nbody .wpcf7-response-output{\r\n  border-radius:4px;\r\n  padding:15px!important;\r\n  font-size:13px;\r\n}\r\n\r\n\/* REVEAL *\/\r\n\r\n.sf-contact-page .reveal{\r\n  opacity:1;\r\n  transform:none;\r\n}\r\n.sf-contact-page.sf-motion .reveal{\r\n  opacity:0;\r\n  transform:translateY(36px);\r\n  transition:opacity .9s var(--ease),\r\n             transform 1s var(--ease);\r\n}\r\n.sf-contact-page.sf-motion .reveal.visible{\r\n  opacity:1;\r\n  transform:none;\r\n}\r\n.sf-contact-page.sf-motion .hero-animated{\r\n  animation:sfContactEnter .9s var(--ease) both;\r\n}\r\n.sf-contact-page.sf-motion .hero-animated.delay1{\r\n  animation-delay:.14s;\r\n}\r\n.sf-contact-page.sf-motion .hero-animated.delay2{\r\n  animation-delay:.29s;\r\n}\r\n.sf-contact-page.sf-motion .hero-animated.delay3{\r\n  animation-delay:.42s;\r\n}\r\n.sf-contact-progress{\r\n  position:fixed;\r\n  top:0;\r\n  left:0;\r\n  height:3px;\r\n  width:100%;\r\n  z-index:9999;\r\n  background:linear-gradient(\r\n    90deg,#173D3B,#B96D52,#DFE7DF\r\n  );\r\n  transform:scaleX(0);\r\n  transform-origin:left center;\r\n  pointer-events:none;\r\n}\r\n@keyframes sfContactEnter{\r\n  from{\r\n    opacity:0;\r\n    transform:translateY(25px);\r\n  }\r\n  to{\r\n    opacity:1;\r\n    transform:translateY(0);\r\n  }\r\n}\r\n@keyframes sfContactZoom{\r\n  from{transform:scale(1)}\r\n  to{transform:scale(1.06)}\r\n}\r\n@keyframes sfContactSpin{\r\n  to{transform:rotate(360deg)}\r\n}\r\n@keyframes sfContactOrbit{\r\n  from{transform:translate(-50%,-50%) rotate(0deg)}\r\n  to{transform:translate(-50%,-50%) rotate(360deg)}\r\n}\r\n@keyframes sfContactFloatCore{\r\n  from{\r\n    transform:translate(-50%,-50%) rotate(45deg) translateY(-6px);\r\n  }\r\n  to{\r\n    transform:translate(-50%,-50%) rotate(45deg) translateY(8px);\r\n  }\r\n}\r\n@keyframes sfContactFloat{\r\n  0%,100%{transform:translateY(0)}\r\n  50%{transform:translateY(-10px)}\r\n}\r\n\r\n\/* MOBILE *\/\r\n\r\n@media(max-width:950px){\r\n  .sf-contact-page .wrap{\r\n    width:calc(100% - 50px);\r\n  }\r\n  .sf-contact-page .graphic-box{\r\n    grid-template-columns:1fr;\r\n  }\r\n  .sf-contact-page .graphic-copy{\r\n    padding:0 45px 50px;\r\n  }\r\n}\r\n\r\n@media(max-width:767px){\r\n  .sf-contact-page .wrap{\r\n    width:calc(100% - 36px);\r\n  }\r\n  .sf-contact-page .section{\r\n    padding:78px 0;\r\n  }\r\n  .sf-contact-page .contact-hero{\r\n    min-height:750px;\r\n    min-height:89svh;\r\n  }\r\n  .sf-contact-page .contact-hero::before{\r\n    background:linear-gradient(\r\n      0deg,\r\n      rgba(10,34,32,.94),\r\n      rgba(10,34,32,.7) 70%,\r\n      rgba(10,34,32,.35)\r\n    );\r\n  }\r\n  .sf-contact-page .hero-content{\r\n    padding:115px 0 145px;\r\n  }\r\n  .sf-contact-page .hero-content .wrap{\r\n    padding-left:10px;\r\n  }\r\n  .sf-contact-page .contact-hero h1{\r\n    font-size:clamp(49px,11vw,72px);\r\n  }\r\n  .sf-contact-page .hero-description{\r\n    font-size:16px;\r\n  }\r\n  .sf-contact-page .hero-ring{\r\n    width:140px;\r\n    height:140px;\r\n    right:-50px;\r\n    top:12%;\r\n  }\r\n  .sf-contact-page .hero-actions{\r\n    flex-direction:column;\r\n  }\r\n  .sf-contact-page .button{\r\n    width:100%;\r\n  }\r\n  .sf-contact-page .hero-index{\r\n    bottom:16px;\r\n  }\r\n  .sf-contact-page .hero-index .wrap{\r\n    flex-direction:column;\r\n    gap:5px;\r\n    font-size:9px;\r\n  }\r\n  .sf-contact-page .intro,\r\n  .sf-contact-page .section-heading,\r\n  .sf-contact-page .graphic-heading,\r\n  .sf-contact-page .email-grid,\r\n  .sf-contact-page .form-intro-grid{\r\n    grid-template-columns:1fr;\r\n    gap:35px;\r\n  }\r\n  .sf-contact-page .ways-grid{\r\n    grid-template-columns:1fr;\r\n  }\r\n  .sf-contact-page .way-card{\r\n    min-height:260px;\r\n  }\r\n  .sf-contact-page .way-card h3{\r\n    margin-top:42px;\r\n  }\r\n  .sf-contact-page .graphic-art{\r\n    min-height:370px;\r\n  }\r\n  .sf-contact-page .graphic-orbit{\r\n    width:245px;\r\n    height:245px;\r\n  }\r\n  .sf-contact-page .graphic-orbit.two{\r\n    width:335px;\r\n    height:335px;\r\n  }\r\n  .sf-contact-page .graphic-core{\r\n    width:118px;\r\n    height:118px;\r\n  }\r\n  .sf-contact-page .graphic-core span{\r\n    font-size:16px;\r\n  }\r\n  .sf-contact-page .graphic-label{\r\n    font-size:9px;\r\n    padding:9px 11px;\r\n  }\r\n  .sf-contact-page .graphic-copy{\r\n    padding:0 25px 35px;\r\n  }\r\n  .sf-contact-page .form-intro{\r\n    padding:75px 0 25px;\r\n  }\r\n  body .sf-supplier-form{\r\n    padding:20px 18px 60px;\r\n  }\r\n  body .sf-supplier-form input:not([type=\"submit\"]):not([type=\"checkbox\"]),\r\n  body .sf-supplier-form select,\r\n  body .sf-supplier-form textarea{\r\n    font-size:16px;\r\n  }\r\n  body .sf-supplier-form input[type=\"submit\"]{\r\n    width:100%;\r\n    justify-content:center;\r\n  }\r\n}\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n  .sf-contact-page *,\r\n  .sf-contact-page *::before,\r\n  .sf-contact-page *::after{\r\n    animation:none!important;\r\n    transition:none!important;\r\n  }\r\n  .sf-contact-page.sf-motion .reveal{\r\n    opacity:1!important;\r\n    transform:none!important;\r\n  }\r\n  .sf-contact-progress{\r\n    display:none!important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<main class=\"sf-contact-page\" id=\"sf-contact-page\">\r\n\r\n<!-- HERO -->\r\n\r\n<section class=\"contact-hero\">\r\n\r\n  <div class=\"hero-photo\">\r\n    <img\r\n      src=\"https:\/\/sectionform.com\/wp-content\/uploads\/2026\/10\/timberstone-office-arrival-1.png-1.png\"\r\n      alt=\"The Timberstone Office \u2014 SectionForm workplace interior\"\r\n      fetchpriority=\"high\"\r\n      decoding=\"async\"\r\n    >\r\n  <\/div>\r\n\r\n  <div class=\"hero-ring\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"hero-content\">\r\n    <div class=\"wrap\">\r\n\r\n      <div class=\"eyebrow light hero-animated\">\r\n        SECTIONFORM \/ GET IN TOUCH\r\n      <\/div>\r\n\r\n      <h1 class=\"hero-animated delay1\">\r\n        Let's make<br>\r\n        <em>connections.<\/em>\r\n      <\/h1>\r\n\r\n      <p class=\"hero-description hero-animated delay2\">\r\n        Good ideas start with a conversation.\r\n        Whether you're exploring our work,\r\n        introducing a product or simply\r\n        getting to know SectionForm,\r\n        we'd love to hear from you.\r\n      <\/p>\r\n\r\n      <div class=\"hero-actions hero-animated delay3\">\r\n\r\n        <a href=\"#sf-connect-email\" class=\"button light\">\r\n          Contact SectionForm <span>\u2197<\/span>\r\n        <\/a>\r\n\r\n        <a href=\"#sf-enquiry-form\" class=\"button\"\r\n           style=\"border-color:rgba(255,255,255,.65);background:transparent\">\r\n          Brand Enquiries <span>\u2197<\/span>\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"hero-index\">\r\n    <div class=\"wrap\">\r\n      <span>DESIGN \/ PRODUCTS \/ COLLABORATION<\/span>\r\n      <span>OPEN TO CONVERSATION<\/span>\r\n      <span>SECTIONFORM \u00a9 2026<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- INTRODUCTION -->\r\n\r\n<section class=\"section\">\r\n\r\n  <div class=\"wrap intro\">\r\n\r\n    <div class=\"reveal\">\r\n\r\n      <div class=\"eyebrow\">\r\n        01 \/ LET'S CONNECT\r\n      <\/div>\r\n\r\n      <h2>\r\n        A shared<br>\r\n        interest is a<br>\r\n        good beginning.\r\n      <\/h2>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"intro-copy reveal\">\r\n\r\n      <p class=\"lead\">\r\n        SectionForm brings architectural thinking,\r\n        furniture and workplace technology\r\n        together through a design-led perspective.\r\n      <\/p>\r\n\r\n      <p>\r\n        We believe valuable conversations\r\n        can begin around a space, a product,\r\n        an approach to design or a shared\r\n        interest in creating better\r\n        workplace environments.\r\n      <\/p>\r\n\r\n      <p>\r\n        Whether you're a designer,\r\n        a product brand, a technology\r\n        specialist or simply interested\r\n        in our work, you're welcome\r\n        to get in touch.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- WAYS TO CONNECT -->\r\n\r\n<section class=\"section ways-section\">\r\n\r\n  <div class=\"wrap\">\r\n\r\n    <div class=\"section-heading reveal\">\r\n\r\n      <div>\r\n\r\n        <div class=\"eyebrow\">\r\n          02 \/ WHY REACH OUT\r\n        <\/div>\r\n\r\n        <h2>\r\n          Different reasons.<br>\r\n          One open door.\r\n        <\/h2>\r\n\r\n      <\/div>\r\n\r\n      <p>\r\n        Not every conversation has to\r\n        begin with a formal proposal.\r\n        Here are a few of the ways\r\n        you can connect with SectionForm.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"ways-grid\">\r\n\r\n      <article class=\"way-card reveal\">\r\n        <div class=\"way-number\">01 \/ GENERAL<\/div>\r\n\r\n        <div>\r\n          <h3>General Enquiries<\/h3>\r\n          <p>\r\n            Questions about SectionForm,\r\n            our workspace projects,\r\n            our approach or the ideas\r\n            behind our work.\r\n          <\/p>\r\n          <div class=\"way-arrow\">\u2197<\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"way-card reveal\">\r\n        <div class=\"way-number\">02 \/ PRODUCTS<\/div>\r\n\r\n        <div>\r\n          <h3>Product Introductions<\/h3>\r\n          <p>\r\n            Introduce furniture,\r\n            architectural products\r\n            or workplace technologies\r\n            that connect with our interests.\r\n          <\/p>\r\n          <div class=\"way-arrow\">\u2197<\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"way-card reveal\">\r\n        <div class=\"way-number\">03 \/ IDEAS<\/div>\r\n\r\n        <div>\r\n          <h3>Creative Conversations<\/h3>\r\n          <p>\r\n            Explore relevant ideas,\r\n            design perspectives\r\n            and potential opportunities\r\n            to connect or collaborate.\r\n          <\/p>\r\n          <div class=\"way-arrow\">\u2197<\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- INTERACTIVE ARCHITECTURAL GRAPHIC -->\r\n\r\n<section class=\"section graphic-section\">\r\n\r\n  <div class=\"wrap\">\r\n\r\n    <div class=\"graphic-heading reveal\">\r\n\r\n      <div>\r\n\r\n        <div class=\"eyebrow light\">\r\n          03 \/ THE SECTIONFORM PERSPECTIVE\r\n        <\/div>\r\n\r\n        <h2>\r\n          Ideas become<br>\r\n          stronger when<br>\r\n          they connect.\r\n        <\/h2>\r\n\r\n      <\/div>\r\n\r\n      <p>\r\n        Architecture, product design\r\n        and practical technology\r\n        influence one another.\r\n        Exploring those connections\r\n        is central to the way\r\n        SectionForm sees workspaces.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"graphic-box reveal\">\r\n\r\n      <div class=\"graphic-art\">\r\n\r\n        <div class=\"graphic-orbit\"><\/div>\r\n        <div class=\"graphic-orbit two\"><\/div>\r\n\r\n        <div class=\"graphic-core\">\r\n          <span>SECTION<br>FORM<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"graphic-label n1\">\r\n          ARCHITECTURE\r\n        <\/div>\r\n\r\n        <div class=\"graphic-label n2\">\r\n          FURNITURE\r\n        <\/div>\r\n\r\n        <div class=\"graphic-label n3\">\r\n          TECHNOLOGY\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"graphic-copy\">\r\n\r\n        <h3>\r\n          Thoughtful work<br>\r\n          begins with<br>\r\n          understanding.\r\n        <\/h3>\r\n\r\n        <p>\r\n          We're interested in the relationship\r\n          between products and the spaces\r\n          where they are used \u2014 not simply\r\n          how they look in isolation.\r\n        <\/p>\r\n\r\n        <p>\r\n          If your work connects with\r\n          this perspective, we'd be\r\n          glad to learn more.\r\n        <\/p>\r\n\r\n        <div class=\"graphic-rule\"><\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- DIRECT EMAIL -->\r\n\r\n<section class=\"section email-section\"\r\n         id=\"sf-connect-email\">\r\n\r\n  <div class=\"wrap email-grid\">\r\n\r\n    <div class=\"reveal\">\r\n\r\n      <div class=\"eyebrow\">\r\n        04 \/ DIRECT CONTACT\r\n      <\/div>\r\n\r\n      <h2>\r\n        Start with<br>\r\n        a message.\r\n      <\/h2>\r\n\r\n      <p class=\"lead\">\r\n        Prefer to write directly?\r\n        We'd be glad to hear from you.\r\n      <\/p>\r\n\r\n      <p>\r\n        Introduce yourself, share\r\n        your question or tell us\r\n        what you'd like to explore.\r\n      <\/p>\r\n\r\n      <a\r\n        class=\"email-big\"\r\n        href=\"mailto:info@sectionform.com\">\r\n        info@sectionform.com \u2197\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n    <figure class=\"email-photo reveal\">\r\n\r\n      <img\r\n        src=\"https:\/\/sectionform.com\/wp-content\/uploads\/2026\/10\/timberstone-office-collaboration-1.png-1.png\"\r\n        alt=\"Collaborative interior from The Timberstone Office\"\r\n        loading=\"lazy\"\r\n        decoding=\"async\"\r\n      >\r\n\r\n      <figcaption class=\"photo-credit\">\r\n        THE TIMBERSTONE OFFICE \/ SECTIONFORM\r\n      <\/figcaption>\r\n\r\n    <\/figure>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- FORM INTRO -->\r\n\r\n<section class=\"form-intro\"\r\n         id=\"sf-enquiry-form\">\r\n\r\n  <div class=\"wrap\">\r\n\r\n    <div class=\"form-intro-grid reveal\">\r\n\r\n      <div>\r\n\r\n        <div class=\"eyebrow\">\r\n          05 \/ BRAND & PRODUCT ENQUIRIES\r\n        <\/div>\r\n\r\n        <h2>\r\n          Introduce<br>\r\n          your brand.\r\n        <\/h2>\r\n\r\n      <\/div>\r\n\r\n      <div>\r\n\r\n        <p>\r\n          Have a furniture collection,\r\n          architectural product\r\n          or workplace technology\r\n          you'd like to introduce?\r\n        <\/p>\r\n\r\n        <p class=\"form-note\">\r\n          Use the brand enquiry form\r\n          immediately below. For general\r\n          questions, you're also welcome\r\n          to email us directly.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"bottom-line\"><\/div>\r\n\r\n    <div class=\"form-kicker\">\r\n      SECTIONFORM \/ ENQUIRY FORM \u2193\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<\/main>\r\n\r\n\r\n<script>\r\n(function(){\r\n\r\n  function initSFContact(){\r\n\r\n    const root =\r\n      document.querySelector('#sf-contact-page');\r\n\r\n    if(\r\n      !root ||\r\n      root.dataset.initialized === 'true'\r\n    ){\r\n      return;\r\n    }\r\n\r\n    root.dataset.initialized = 'true';\r\n\r\n    const reduceMotion =\r\n      window.matchMedia &&\r\n      window.matchMedia(\r\n        '(prefers-reduced-motion: reduce)'\r\n      ).matches;\r\n\r\n    if(reduceMotion){\r\n      return;\r\n    }\r\n\r\n    root.classList.add('sf-motion');\r\n\r\n    \/\/ Scroll reveal\r\n\r\n    const revealItems =\r\n      root.querySelectorAll('.reveal');\r\n\r\n    if('IntersectionObserver' in window){\r\n\r\n      const revealObserver =\r\n        new IntersectionObserver(\r\n          function(entries,observer){\r\n\r\n            entries.forEach(function(entry){\r\n\r\n              if(entry.isIntersecting){\r\n\r\n                entry.target.classList.add(\r\n                  'visible'\r\n                );\r\n\r\n                observer.unobserve(\r\n                  entry.target\r\n                );\r\n\r\n              }\r\n\r\n            });\r\n\r\n          },\r\n          {\r\n            threshold:0.06,\r\n            rootMargin:'0px 0px -20px 0px'\r\n          }\r\n        );\r\n\r\n      revealItems.forEach(function(item){\r\n        revealObserver.observe(item);\r\n      });\r\n\r\n    }else{\r\n\r\n      revealItems.forEach(function(item){\r\n        item.classList.add('visible');\r\n      });\r\n\r\n    }\r\n\r\n    \/\/ Reading progress bar\r\n\r\n    const progress =\r\n      document.createElement('div');\r\n\r\n    progress.className =\r\n      'sf-contact-progress';\r\n\r\n    document.body.appendChild(progress);\r\n\r\n    let ticking = false;\r\n\r\n    function updateProgress(){\r\n\r\n      const maxScroll = Math.max(\r\n        1,\r\n        document.documentElement.scrollHeight\r\n        - window.innerHeight\r\n      );\r\n\r\n      const ratio = Math.min(\r\n        1,\r\n        Math.max(\r\n          0,\r\n          window.scrollY \/ maxScroll\r\n        )\r\n      );\r\n\r\n      progress.style.transform =\r\n        'scaleX(' + ratio + ')';\r\n\r\n      ticking = false;\r\n\r\n    }\r\n\r\n    window.addEventListener(\r\n      'scroll',\r\n      function(){\r\n\r\n        if(!ticking){\r\n\r\n          ticking = true;\r\n\r\n          requestAnimationFrame(\r\n            updateProgress\r\n          );\r\n\r\n        }\r\n\r\n      },\r\n      {passive:true}\r\n    );\r\n\r\n    window.addEventListener(\r\n      'resize',\r\n      updateProgress\r\n    );\r\n\r\n    updateProgress();\r\n\r\n    \/\/ Gentle cursor response\r\n    \/\/ Architectural graphic only\r\n\r\n    const art =\r\n      root.querySelector('.graphic-art');\r\n\r\n    const core =\r\n      root.querySelector('.graphic-core');\r\n\r\n    if(art && core){\r\n\r\n      art.addEventListener(\r\n        'pointermove',\r\n        function(event){\r\n\r\n          if(window.innerWidth < 900){\r\n            return;\r\n          }\r\n\r\n          const rect =\r\n            art.getBoundingClientRect();\r\n\r\n          const x =\r\n            (event.clientX - rect.left)\r\n            \/ rect.width - 0.5;\r\n\r\n          const y =\r\n            (event.clientY - rect.top)\r\n            \/ rect.height - 0.5;\r\n\r\n          core.style.marginLeft =\r\n            (x * 12) + 'px';\r\n\r\n          core.style.marginTop =\r\n            (y * 12) + 'px';\r\n\r\n        }\r\n      );\r\n\r\n      art.addEventListener(\r\n        'pointerleave',\r\n        function(){\r\n\r\n          core.style.marginLeft = '0px';\r\n          core.style.marginTop = '0px';\r\n\r\n        }\r\n      );\r\n\r\n    }\r\n\r\n  }\r\n\r\n  if(document.readyState === 'loading'){\r\n\r\n    document.addEventListener(\r\n      'DOMContentLoaded',\r\n      initSFContact\r\n    );\r\n\r\n  }else{\r\n\r\n    initSFContact();\r\n\r\n  }\r\n\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9d8bb8f e-con e-atomic-element e-flexbox-base e-default-div e-9b46161 \" data-id=\"9d8bb8f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"9d8bb8f\">\n    \n<\/div>\n<div class=\"elementor-element elementor-element-9ff98fd e-flex e-con-boxed e-con e-parent\" data-id=\"9ff98fd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0b50a89 elementor-widget elementor-widget-shortcode\" data-id=\"0b50a89\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f166-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"166\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F177#wpcf7-f166-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"166\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.2.2\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f166-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<div class=\"sf-supplier-form\">\n\t<p><label>Brand \/ Company Name *<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"company-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" autocomplete=\"organization\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"company-name\" \/><\/span><br \/>\n<\/label>\n\t<\/p>\n\t<p><label>Company Website<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"company-website\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-url wpcf7-text wpcf7-validates-as-url\" aria-invalid=\"false\" placeholder=\"https:\/\/\" value=\"\" type=\"url\" name=\"company-website\" \/><\/span><br \/>\n<\/label>\n\t<\/p>\n\t<p><label>Contact Name *<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"contact-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" autocomplete=\"name\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"contact-name\" \/><\/span><br \/>\n<\/label>\n\t<\/p>\n\t<p><label>Work Email *<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"work-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" autocomplete=\"email\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"email\" name=\"work-email\" \/><\/span><br \/>\n<\/label>\n\t<\/p>\n\t<p><label>Product Category<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"product-category\"><select class=\"wpcf7-form-control wpcf7-select\" aria-invalid=\"false\" name=\"product-category\"><option value=\"\">Select a category<\/option><option value=\"Furniture &amp; Workstations\">Furniture &amp; Workstations<\/option><option value=\"Acoustics &amp; Privacy\">Acoustics &amp; Privacy<\/option><option value=\"Lighting &amp; Connectivity\">Lighting &amp; Connectivity<\/option><option value=\"Meeting &amp; Collaboration\">Meeting &amp; Collaboration<\/option><option value=\"Workspace Technology\">Workspace Technology<\/option><option value=\"Other\">Other<\/option><\/select><\/span><br \/>\n<\/label>\n\t<\/p>\n\t<p><label>Collaboration Interest<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"collaboration-type\"><select class=\"wpcf7-form-control wpcf7-select\" aria-invalid=\"false\" name=\"collaboration-type\"><option value=\"\">Select an opportunity<\/option><option value=\"Product introduction\">Product introduction<\/option><option value=\"Design collaboration\">Design collaboration<\/option><option value=\"Product information &amp; assets\">Product information &amp; assets<\/option><option value=\"Other\">Other<\/option><\/select><\/span><br \/>\n<\/label>\n\t<\/p>\n\t<p><label>Your Message *<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Tell us about your brand, products or enquiry.\" name=\"your-message\"><\/textarea><\/span><br \/>\n<\/label>\n\t<\/p>\n\t<div class=\"sf-form-consent\">\n\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"privacy-consent\"><span class=\"wpcf7-form-control wpcf7-acceptance\"><span class=\"wpcf7-list-item\"><label><input type=\"checkbox\" name=\"privacy-consent\" value=\"1\" aria-invalid=\"false\" \/><span class=\"wpcf7-list-item-label\">I agree to SectionForm using my information\n      to respond to this enquiry.<\/span><\/label><\/span><\/span><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"sf-form-submit\">\n\t\t<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Send Enquiry\" \/>\n\t\t<\/p>\n\t<\/div>\n<\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\n\n<style>\n\/* SECTIONFORM \u2014 CONTACT FORM PREMIUM FIX *\/\n\n\/* Form container *\/\nbody .wpcf7:has(.sf-supplier-form){\n  width:min(100% - 36px,1100px)!important;\n  margin:35px auto 90px!important;\n  padding:clamp(28px,5vw,75px)!important;\n  background:#F7F5F0!important;\n  border:1px solid #CFDCD0!important;\n  border-radius:2px;\n  box-shadow:0 25px 70px rgba(23,61,59,.07);\n  box-sizing:border-box;\n}\n\n\/* Grid layout *\/\nbody .sf-supplier-form{\n  width:100%!important;\n  max-width:none!important;\n  margin:0!important;\n  padding:0!important;\n  display:grid!important;\n  grid-template-columns:repeat(2,minmax(0,1fr));\n  column-gap:28px;\n  row-gap:7px;\n  font-family:Manrope,Arial,sans-serif;\n  color:#252B2A;\n}\n\nbody .sf-supplier-form>label{\n  display:block!important;\n  margin:0 0 21px!important;\n  min-width:0;\n  color:#173D3B!important;\n  font-size:12px!important;\n  font-weight:750!important;\n  letter-spacing:.015em;\n  line-height:1.6!important;\n}\n\n\/* Full width message *\/\nbody .sf-supplier-form>label:has(textarea){\n  grid-column:1 \/ -1;\n}\n\n\/* Fields *\/\nbody .sf-supplier-form input:not([type=\"submit\"]):not([type=\"checkbox\"]),\nbody .sf-supplier-form select,\nbody .sf-supplier-form textarea{\n  display:block!important;\n  width:100%!important;\n  max-width:100%!important;\n  min-height:56px!important;\n  margin:10px 0 0!important;\n  padding:15px 17px!important;\n  border:1px solid #C2D0C4!important;\n  background:white!important;\n  color:#252B2A!important;\n  border-radius:3px!important;\n  box-shadow:none!important;\n  font:400 15px\/1.5 Manrope,Arial,sans-serif!important;\n  box-sizing:border-box!important;\n}\n\nbody .sf-supplier-form textarea{\n  min-height:175px!important;\n  resize:vertical;\n}\n\nbody .sf-supplier-form input:focus,\nbody .sf-supplier-form select:focus,\nbody .sf-supplier-form textarea:focus{\n  outline:2px solid #173D3B;\n  outline-offset:2px;\n}\n\n\/* Consent and submit *\/\nbody .sf-supplier-form .sf-form-consent,\nbody .sf-supplier-form .sf-consent,\nbody .sf-supplier-form .sf-form-submit{\n  grid-column:1 \/ -1;\n}\n\nbody .sf-supplier-form .sf-form-consent,\nbody .sf-supplier-form .sf-consent{\n  color:#607069!important;\n  font-size:12px!important;\n  line-height:1.8!important;\n  margin:8px 0 22px!important;\n}\n\nbody .sf-supplier-form .wpcf7-list-item{\n  margin-left:0!important;\n}\n\nbody .sf-supplier-form input[type=\"checkbox\"]{\n  accent-color:#173D3B;\n}\n\nbody .sf-supplier-form input[type=\"submit\"]{\n  display:inline-block!important;\n  width:auto!important;\n  min-height:56px!important;\n  margin:0!important;\n  padding:17px 38px!important;\n  background:#173D3B!important;\n  border:1px solid #173D3B!important;\n  border-radius:99px!important;\n  color:white!important;\n  font:700 13px Manrope,Arial,sans-serif!important;\n  cursor:pointer!important;\n  transition:background .25s ease,transform .25s ease;\n}\n\nbody .sf-supplier-form input[type=\"submit\"]:hover{\n  background:#285B54!important;\n  transform:translateY(-2px);\n}\n\n\/* CF7 errors *\/\nbody .sf-supplier-form .wpcf7-not-valid-tip{\n  color:#A34130;\n  font-size:12px;\n  margin-top:5px;\n}\n\n\/* Mobile *\/\n@media(max-width:767px){\n  body .wpcf7:has(.sf-supplier-form){\n    width:calc(100% - 24px)!important;\n    padding:30px 20px!important;\n    margin:20px auto 60px!important;\n  }\n\n  body .sf-supplier-form{\n    grid-template-columns:1fr!important;\n  }\n\n  body .sf-supplier-form>label:has(textarea),\n  body .sf-supplier-form .sf-form-consent,\n  body .sf-supplier-form .sf-consent,\n  body .sf-supplier-form .sf-form-submit{\n    grid-column:1!important;\n  }\n\n  body .sf-supplier-form input:not([type=\"submit\"]):not([type=\"checkbox\"]),\n  body .sf-supplier-form select,\n  body .sf-supplier-form textarea{\n    font-size:16px!important;\n  }\n\n  body .sf-supplier-form input[type=\"submit\"]{\n    width:100%!important;\n  }\n}\n<\/style>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>SECTIONFORM \/ GET IN TOUCH Let&#8217;s make connections. Good ideas start with a conversation. Whether you&#8217;re exploring our work, introducing [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-177","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sectionform.com\/index.php?rest_route=\/wp\/v2\/pages\/177","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sectionform.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sectionform.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sectionform.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sectionform.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=177"}],"version-history":[{"count":10,"href":"https:\/\/sectionform.com\/index.php?rest_route=\/wp\/v2\/pages\/177\/revisions"}],"predecessor-version":[{"id":195,"href":"https:\/\/sectionform.com\/index.php?rest_route=\/wp\/v2\/pages\/177\/revisions\/195"}],"wp:attachment":[{"href":"https:\/\/sectionform.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=177"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}