{"id":221,"date":"2026-10-15T14:04:26","date_gmt":"2026-10-15T14:04:26","guid":{"rendered":"https:\/\/sectionform.com\/?page_id=221"},"modified":"2026-10-17T17:08:21","modified_gmt":"2026-10-17T17:08:21","slug":"about","status":"publish","type":"page","link":"https:\/\/sectionform.com\/?page_id=221","title":{"rendered":"About"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"221\" class=\"elementor elementor-221\">\n\t\t\t\t<div class=\"elementor-element elementor-element-41c9ffb e-flex e-con-boxed e-con e-parent\" data-id=\"41c9ffb\" 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-e0bb226 elementor-widget elementor-widget-html\" data-id=\"e0bb226\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =================================================\r\n   SECTIONFORM \u2014 ABOUT PAGE\r\n   Architectural Editorial \/ Motion Edition\r\n   Elementor HTML Widget\r\n   ================================================= *\/\r\n\r\n#sf-about{\r\n  --deep:#173D3B;\r\n  --dark:#102C29;\r\n  --ivory:#F7F5F0;\r\n  --sage:#DFE7DF;\r\n  --sand:#E9E2D6;\r\n  --terra:#B96D52;\r\n  --ink:#252B2A;\r\n  --muted:#64746D;\r\n  --ease:cubic-bezier(.22,.61,.36,1);\r\n\r\n  background:var(--ivory);\r\n  color:var(--ink);\r\n  font:400 16px\/1.75 Manrope,Arial,sans-serif;\r\n  direction:ltr;\r\n  text-align:left;\r\n  overflow:hidden;\r\n  isolation:isolate;\r\n}\r\n\r\n#sf-about *,\r\n#sf-about *::before,\r\n#sf-about *::after{\r\n  box-sizing:border-box;\r\n}\r\n\r\n#sf-about h1,\r\n#sf-about h2,\r\n#sf-about h3,\r\n#sf-about p,\r\n#sf-about figure{\r\n  margin:0;\r\n}\r\n\r\n#sf-about h1,\r\n#sf-about h2,\r\n#sf-about h3{\r\n  font-family:Manrope,Arial,sans-serif;\r\n  font-weight:600;\r\n  line-height:1.07;\r\n  letter-spacing:-.065em;\r\n}\r\n\r\n#sf-about img{\r\n  display:block;\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:cover;\r\n}\r\n\r\n#sf-about a{\r\n  text-decoration:none!important;\r\n}\r\n\r\n#sf-about a:focus-visible{\r\n  outline:3px solid var(--terra);\r\n  outline-offset:5px;\r\n}\r\n\r\n#sf-about .container{\r\n  width:min(1240px,calc(100% - 96px));\r\n  margin-inline:auto;\r\n}\r\n\r\n#sf-about .eyebrow{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:13px;\r\n  color:var(--deep);\r\n  font-size:11px;\r\n  line-height:1.5;\r\n  font-weight:800;\r\n  letter-spacing:.16em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n#sf-about .eyebrow::before{\r\n  content:\"\";\r\n  width:28px;\r\n  height:2px;\r\n  flex-shrink:0;\r\n  background:var(--terra);\r\n}\r\n\r\n#sf-about .eyebrow.light{\r\n  color:#E1EDE3;\r\n}\r\n\r\n#sf-about .section-title{\r\n  color:var(--deep);\r\n  font-size:clamp(40px,5.3vw,77px);\r\n}\r\n\r\n#sf-about .button{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  gap:35px;\r\n  padding:17px 28px;\r\n  min-height:57px;\r\n  border-radius:99px;\r\n  border:1px solid var(--deep);\r\n  background:var(--deep);\r\n  color:white!important;\r\n  font-size:12px;\r\n  font-weight:800;\r\n  transition:\r\n    transform .35s var(--ease),\r\n    background .3s ease;\r\n}\r\n\r\n#sf-about .button:hover{\r\n  transform:translateY(-4px);\r\n  background:#28564F;\r\n}\r\n\r\n#sf-about .button.light-button{\r\n  color:var(--deep)!important;\r\n  background:var(--ivory);\r\n  border-color:var(--ivory);\r\n}\r\n\r\n#sf-about .button.light-button:hover{\r\n  background:var(--sage);\r\n}\r\n\r\n#sf-about .button .arrow{\r\n  font-size:21px;\r\n}\r\n\r\n\/* ================================================\r\n   01 HERO\r\n   ================================================ *\/\r\n\r\n#sf-about .hero{\r\n  position:relative;\r\n  min-height:780px;\r\n  min-height:90svh;\r\n  background:var(--dark);\r\n  color:white;\r\n  display:flex;\r\n  align-items:center;\r\n  isolation:isolate;\r\n}\r\n\r\n#sf-about .hero-image{\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:-3;\r\n}\r\n\r\n#sf-about .hero-image img{\r\n  animation:sfAboutZoom 20s ease-in-out infinite alternate;\r\n}\r\n\r\n#sf-about .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(9,32,30,.96) 0%,\r\n      rgba(9,32,30,.82) 37%,\r\n      rgba(9,32,30,.33) 100%\r\n    );\r\n}\r\n\r\n#sf-about .hero::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:-1;\r\n  opacity:.17;\r\n  background-image:\r\n    linear-gradient(\r\n      rgba(255,255,255,.2) 1px,\r\n      transparent 1px\r\n    ),\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(255,255,255,.2) 1px,\r\n      transparent 1px\r\n    );\r\n  background-size:120px 120px;\r\n  pointer-events:none;\r\n}\r\n\r\n#sf-about .hero-content{\r\n  width:100%;\r\n  padding:140px 0;\r\n  position:relative;\r\n  z-index:1;\r\n}\r\n\r\n#sf-about .hero-content .container{\r\n  padding-left:clamp(10px,3vw,48px);\r\n}\r\n\r\n#sf-about .hero .eyebrow{\r\n  margin-bottom:35px;\r\n}\r\n\r\n#sf-about .hero h1{\r\n  max-width:1080px;\r\n  font-size:clamp(61px,9vw,130px);\r\n  color:white!important;\r\n}\r\n\r\n#sf-about .hero h1 em{\r\n  font-style:normal;\r\n  color:#C6DECE;\r\n}\r\n\r\n#sf-about .hero-description{\r\n  max-width:650px;\r\n  margin-top:35px;\r\n  color:#ECF3EC;\r\n  font-size:clamp(18px,2vw,23px);\r\n}\r\n\r\n#sf-about .hero-bottom{\r\n  position:absolute;\r\n  bottom:22px;\r\n  left:0;\r\n  right:0;\r\n}\r\n\r\n#sf-about .hero-bottom .container{\r\n  display:flex;\r\n  justify-content:space-between;\r\n  flex-wrap:wrap;\r\n  gap:12px;\r\n  padding-top:20px;\r\n  border-top:1px solid rgba(255,255,255,.35);\r\n  color:#E0EAE1;\r\n  font-size:10px;\r\n  font-weight:750;\r\n  letter-spacing:.13em;\r\n}\r\n\r\n\/* ================================================\r\n   02 WHO WE ARE\r\n   ================================================ *\/\r\n\r\n#sf-about .identity{\r\n  padding:140px 0;\r\n}\r\n\r\n#sf-about .identity-grid{\r\n  display:grid;\r\n  grid-template-columns:.9fr 1.1fr;\r\n  gap:12%;\r\n  align-items:start;\r\n}\r\n\r\n#sf-about .identity .eyebrow{\r\n  margin-bottom:30px;\r\n}\r\n\r\n#sf-about .identity-lead{\r\n  font-size:clamp(21px,2.6vw,30px);\r\n  line-height:1.55;\r\n  color:var(--deep);\r\n  font-weight:500;\r\n}\r\n\r\n#sf-about .identity-copy p+p{\r\n  margin-top:27px;\r\n  color:var(--muted);\r\n}\r\n\r\n#sf-about .identity-note{\r\n  margin-top:45px;\r\n  padding:22px 26px;\r\n  border-left:3px solid var(--terra);\r\n  background:#EDF0E8;\r\n  color:var(--deep);\r\n  font-size:14px;\r\n}\r\n\r\n#sf-about .identity-note strong{\r\n  display:block;\r\n  font-size:10px;\r\n  letter-spacing:.13em;\r\n  margin-bottom:9px;\r\n}\r\n\r\n\/* ================================================\r\n   03 EXPERIENCE \/ 2009\r\n   ================================================ *\/\r\n\r\n#sf-about .experience{\r\n  position:relative;\r\n  padding:125px 0 140px;\r\n  background:var(--deep);\r\n  color:white;\r\n  overflow:hidden;\r\n}\r\n\r\n#sf-about .experience-grid{\r\n  display:grid;\r\n  grid-template-columns:.9fr 1.1fr;\r\n  gap:10%;\r\n  align-items:center;\r\n}\r\n\r\n#sf-about .experience-year{\r\n  color:#EAF1E9;\r\n  font-size:clamp(115px,17vw,245px);\r\n  letter-spacing:-.105em;\r\n  line-height:.9;\r\n  font-weight:600;\r\n}\r\n\r\n#sf-about .experience-year::after{\r\n  content:\"\";\r\n  display:block;\r\n  margin-top:28px;\r\n  width:125px;\r\n  height:2px;\r\n  background:var(--terra);\r\n}\r\n\r\n#sf-about .experience .eyebrow{\r\n  margin-bottom:25px;\r\n}\r\n\r\n#sf-about .experience h2{\r\n  max-width:630px;\r\n  color:white!important;\r\n  font-size:clamp(39px,5vw,70px);\r\n}\r\n\r\n#sf-about .experience h2 em{\r\n  color:#C4DCC9;\r\n  font-style:normal;\r\n}\r\n\r\n#sf-about .experience p{\r\n  margin-top:28px;\r\n  color:#DDE9E0;\r\n  font-size:17px;\r\n}\r\n\r\n#sf-about .experience-small{\r\n  margin-top:35px;\r\n  padding-top:18px;\r\n  border-top:1px solid rgba(255,255,255,.25);\r\n  color:#C4DCC9;\r\n  font-size:11px;\r\n  font-weight:750;\r\n  letter-spacing:.13em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n\/* ================================================\r\n   04 VISUAL EDITORIAL\r\n   ================================================ *\/\r\n\r\n#sf-about .visual-story{\r\n  padding:130px 0;\r\n  background:white;\r\n}\r\n\r\n#sf-about .visual-heading{\r\n  display:grid;\r\n  grid-template-columns:1fr .9fr;\r\n  gap:10%;\r\n  align-items:end;\r\n  margin-bottom:65px;\r\n}\r\n\r\n#sf-about .visual-heading .eyebrow{\r\n  margin-bottom:27px;\r\n}\r\n\r\n#sf-about .visual-heading p{\r\n  color:var(--muted);\r\n  font-size:17px;\r\n}\r\n\r\n#sf-about .image-grid{\r\n  display:grid;\r\n  grid-template-columns:1.18fr .82fr;\r\n  gap:24px;\r\n  align-items:start;\r\n}\r\n\r\n#sf-about .image-card{\r\n  min-width:0;\r\n}\r\n\r\n#sf-about .image-card figure{\r\n  overflow:hidden;\r\n  background:var(--sage);\r\n  aspect-ratio:1.15;\r\n}\r\n\r\n#sf-about .image-card.small{\r\n  padding-top:95px;\r\n}\r\n\r\n#sf-about .image-card.small figure{\r\n  aspect-ratio:.87;\r\n}\r\n\r\n#sf-about .image-card img{\r\n  transition:transform 1.1s var(--ease);\r\n}\r\n\r\n#sf-about .image-card:hover img{\r\n  transform:scale(1.05);\r\n}\r\n\r\n#sf-about .image-caption{\r\n  display:flex;\r\n  justify-content:space-between;\r\n  gap:15px;\r\n  margin-top:17px;\r\n  padding-top:12px;\r\n  border-top:1px solid #D5DED6;\r\n  color:var(--deep);\r\n  font-size:11px;\r\n  font-weight:750;\r\n}\r\n\r\n#sf-about .image-caption span{\r\n  color:var(--terra);\r\n}\r\n\r\n\/* ================================================\r\n   05 PHILOSOPHY\r\n   ================================================ *\/\r\n\r\n#sf-about .philosophy{\r\n  padding:125px 0 140px;\r\n  background:var(--sand);\r\n}\r\n\r\n#sf-about .philosophy-top{\r\n  display:grid;\r\n  grid-template-columns:.85fr 1.15fr;\r\n  gap:10%;\r\n  margin-bottom:75px;\r\n}\r\n\r\n#sf-about .philosophy .eyebrow{\r\n  margin-bottom:25px;\r\n}\r\n\r\n#sf-about .philosophy-intro{\r\n  padding-top:20px;\r\n  font-size:20px;\r\n  color:var(--deep);\r\n}\r\n\r\n#sf-about .values-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(3,minmax(0,1fr));\r\n  gap:20px;\r\n}\r\n\r\n#sf-about .value{\r\n  min-height:340px;\r\n  padding:32px 29px;\r\n  background:var(--ivory);\r\n  border:1px solid rgba(23,61,59,.10);\r\n  display:flex;\r\n  flex-direction:column;\r\n  justify-content:space-between;\r\n  transition:transform .4s var(--ease);\r\n}\r\n\r\n#sf-about .value:hover{\r\n  transform:translateY(-7px);\r\n}\r\n\r\n#sf-about .value-number{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  color:var(--terra);\r\n  font-size:11px;\r\n  font-weight:800;\r\n  letter-spacing:.14em;\r\n}\r\n\r\n#sf-about .value-number::after{\r\n  content:\"\";\r\n  width:26px;\r\n  height:26px;\r\n  border:1px solid var(--deep);\r\n  transform:rotate(45deg);\r\n  opacity:.35;\r\n}\r\n\r\n#sf-about .value h3{\r\n  color:var(--deep);\r\n  font-size:clamp(26px,2.6vw,39px);\r\n  margin-bottom:16px;\r\n}\r\n\r\n#sf-about .value p{\r\n  font-size:14px;\r\n  color:var(--muted);\r\n}\r\n\r\n\/* ================================================\r\n   06 CONNECTION DIAGRAM\r\n   ================================================ *\/\r\n\r\n#sf-about .connections{\r\n  background:var(--deep);\r\n  padding:130px 0;\r\n  color:white;\r\n}\r\n\r\n#sf-about .connections-head{\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  gap:8%;\r\n  align-items:end;\r\n}\r\n\r\n#sf-about .connections .eyebrow{\r\n  margin-bottom:27px;\r\n}\r\n\r\n#sf-about .connections h2{\r\n  color:white!important;\r\n  font-size:clamp(40px,5.4vw,76px);\r\n}\r\n\r\n#sf-about .connections-head p{\r\n  color:#DCE9E0;\r\n  font-size:17px;\r\n}\r\n\r\n#sf-about .diagram{\r\n  display:grid;\r\n  grid-template-columns:1fr .85fr;\r\n  gap:0;\r\n  margin-top:72px;\r\n  border:1px solid rgba(255,255,255,.19);\r\n  background:rgba(255,255,255,.025);\r\n}\r\n\r\n#sf-about .diagram-stage{\r\n  position:relative;\r\n  min-height:485px;\r\n  overflow:hidden;\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}\r\n\r\n#sf-about .ring{\r\n  position:absolute;\r\n  width:310px;\r\n  height:310px;\r\n  border:1px solid rgba(255,255,255,.39);\r\n  border-radius:50%;\r\n  left:50%;\r\n  top:50%;\r\n  animation:sfAboutOrbit 28s linear infinite;\r\n}\r\n\r\n#sf-about .ring.outer{\r\n  width:425px;\r\n  height:425px;\r\n  border-style:dashed;\r\n  opacity:.45;\r\n  animation-direction:reverse;\r\n  animation-duration:44s;\r\n}\r\n\r\n#sf-about .ring::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:12%;\r\n  left:14%;\r\n  width:12px;\r\n  height:12px;\r\n  background:#E0B498;\r\n  border-radius:50%;\r\n}\r\n\r\n#sf-about .diagram-core{\r\n  position:absolute;\r\n  left:50%;\r\n  top:50%;\r\n  width:148px;\r\n  height:148px;\r\n  background:var(--ivory);\r\n  display:grid;\r\n  place-items:center;\r\n  transform:translate(-50%,-50%) rotate(45deg);\r\n}\r\n\r\n#sf-about .diagram-core span{\r\n  color:var(--deep);\r\n  font-size:19px;\r\n  line-height:1.1;\r\n  text-align:center;\r\n  font-weight:850;\r\n  transform:rotate(-45deg);\r\n}\r\n\r\n#sf-about .diagram-label{\r\n  position:absolute;\r\n  z-index:2;\r\n  padding:11px 15px;\r\n  color:white;\r\n  background:#173D3B;\r\n  border:1px solid rgba(255,255,255,.35);\r\n  font-size:10px;\r\n  font-weight:800;\r\n  letter-spacing:.1em;\r\n  animation:sfAboutFloat 5s ease-in-out infinite;\r\n}\r\n\r\n#sf-about .diagram-label.one{\r\n  left:7%;\r\n  top:17%;\r\n}\r\n\r\n#sf-about .diagram-label.two{\r\n  right:5%;\r\n  top:24%;\r\n  animation-delay:1.2s;\r\n}\r\n\r\n#sf-about .diagram-label.three{\r\n  left:15%;\r\n  bottom:13%;\r\n  animation-delay:2s;\r\n}\r\n\r\n#sf-about .diagram-copy{\r\n  padding:65px 50px 60px 20px;\r\n  display:flex;\r\n  flex-direction:column;\r\n  justify-content:center;\r\n}\r\n\r\n#sf-about .diagram-copy h3{\r\n  color:white!important;\r\n  font-size:clamp(34px,3.6vw,50px);\r\n}\r\n\r\n#sf-about .diagram-copy p{\r\n  margin-top:25px;\r\n  color:#DCE9E0;\r\n  font-size:16px;\r\n}\r\n\r\n#sf-about .diagram-foot{\r\n  margin-top:34px;\r\n  padding-top:19px;\r\n  border-top:1px solid rgba(255,255,255,.25);\r\n  color:#C4DCC9;\r\n  font-size:10px;\r\n  font-weight:800;\r\n  letter-spacing:.12em;\r\n}\r\n\r\n\/* ================================================\r\n   07 VISION STATEMENT\r\n   ================================================ *\/\r\n\r\n#sf-about .statement{\r\n  position:relative;\r\n  min-height:580px;\r\n  display:flex;\r\n  align-items:center;\r\n  isolation:isolate;\r\n  background:var(--dark);\r\n}\r\n\r\n#sf-about .statement-image{\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:-2;\r\n}\r\n\r\n#sf-about .statement::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:-1;\r\n  background:linear-gradient(\r\n    90deg,\r\n    rgba(12,39,36,.95),\r\n    rgba(12,39,36,.64) 65%,\r\n    rgba(12,39,36,.26)\r\n  );\r\n}\r\n\r\n#sf-about .statement .container{\r\n  padding-block:100px;\r\n}\r\n\r\n#sf-about .statement h2{\r\n  color:white!important;\r\n  font-size:clamp(44px,6.4vw,89px);\r\n  max-width:990px;\r\n}\r\n\r\n#sf-about .statement h2 em{\r\n  font-style:normal;\r\n  color:#C6DECE;\r\n}\r\n\r\n#sf-about .statement p{\r\n  margin-top:26px;\r\n  max-width:620px;\r\n  color:#E2EDE4;\r\n  font-size:18px;\r\n}\r\n\r\n\/* ================================================\r\n   08 CTA\r\n   ================================================ *\/\r\n\r\n#sf-about .cta{\r\n  position:relative;\r\n  overflow:hidden;\r\n  padding:135px 0;\r\n  background:var(--sage);\r\n}\r\n\r\n#sf-about .cta::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  width:670px;\r\n  height:670px;\r\n  border:1px solid rgba(23,61,59,.19);\r\n  border-radius:50%;\r\n  right:-250px;\r\n  bottom:-425px;\r\n}\r\n\r\n#sf-about .cta-grid{\r\n  position:relative;\r\n  display:grid;\r\n  grid-template-columns:1fr .8fr;\r\n  gap:10%;\r\n  align-items:center;\r\n}\r\n\r\n#sf-about .cta .eyebrow{\r\n  margin-bottom:28px;\r\n}\r\n\r\n#sf-about .cta h2{\r\n  color:var(--deep);\r\n  font-size:clamp(47px,6.5vw,95px);\r\n}\r\n\r\n#sf-about .cta h2 em{\r\n  font-style:normal;\r\n  color:#769986;\r\n}\r\n\r\n#sf-about .cta-copy p{\r\n  max-width:490px;\r\n  font-size:18px;\r\n}\r\n\r\n#sf-about .cta-links{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  gap:12px;\r\n  margin-top:32px;\r\n}\r\n\r\n#sf-about .bottom-note{\r\n  padding:25px 0;\r\n  background:var(--ivory);\r\n  color:var(--muted);\r\n  font-size:11px;\r\n  letter-spacing:.06em;\r\n}\r\n\r\n\/* ================================================\r\n   REVEALS\r\n   ================================================ *\/\r\n\r\n#sf-about .reveal{\r\n  opacity:1;\r\n  transform:none;\r\n}\r\n\r\n#sf-about.motion .reveal{\r\n  opacity:0;\r\n  transform:translateY(38px);\r\n  transition:\r\n    opacity .95s var(--ease),\r\n    transform 1.1s var(--ease);\r\n}\r\n\r\n#sf-about.motion .reveal.visible{\r\n  opacity:1;\r\n  transform:none;\r\n}\r\n\r\n@keyframes sfAboutZoom{\r\n  from{transform:scale(1)}\r\n  to{transform:scale(1.07)}\r\n}\r\n\r\n@keyframes sfAboutOrbit{\r\n  to{transform:translate(-50%,-50%) rotate(360deg)}\r\n}\r\n\r\n@keyframes sfAboutFloat{\r\n  0%,100%{transform:translateY(0)}\r\n  50%{transform:translateY(-11px)}\r\n}\r\n\r\n\/* ================================================\r\n   TABLET\r\n   ================================================ *\/\r\n\r\n@media(max-width:1024px){\r\n  #sf-about .container{\r\n    width:calc(100% - 58px);\r\n  }\r\n\r\n  #sf-about .diagram-copy{\r\n    padding-right:30px;\r\n  }\r\n}\r\n\r\n\/* ================================================\r\n   MOBILE\r\n   ================================================ *\/\r\n\r\n@media(max-width:767px){\r\n\r\n  #sf-about .container{\r\n    width:calc(100% - 40px);\r\n  }\r\n\r\n  #sf-about .hero{\r\n    min-height:750px;\r\n    min-height:90svh;\r\n  }\r\n\r\n  #sf-about .hero::before{\r\n    background:linear-gradient(\r\n      0deg,\r\n      rgba(9,32,30,.96),\r\n      rgba(9,32,30,.76) 75%,\r\n      rgba(9,32,30,.4)\r\n    );\r\n  }\r\n\r\n  #sf-about .hero-content{\r\n    padding:115px 0 145px;\r\n  }\r\n\r\n  #sf-about .hero-content .container{\r\n    padding-left:0;\r\n  }\r\n\r\n  #sf-about .hero h1{\r\n    font-size:clamp(54px,11.5vw,78px);\r\n  }\r\n\r\n  #sf-about .hero-description{\r\n    font-size:16px;\r\n  }\r\n\r\n  #sf-about .hero-bottom .container{\r\n    flex-direction:column;\r\n    gap:4px;\r\n    font-size:9px;\r\n  }\r\n\r\n  #sf-about .identity,\r\n  #sf-about .visual-story,\r\n  #sf-about .philosophy,\r\n  #sf-about .connections,\r\n  #sf-about .cta{\r\n    padding:85px 0;\r\n  }\r\n\r\n  #sf-about .experience{\r\n    padding:90px 0;\r\n  }\r\n\r\n  #sf-about .identity-grid,\r\n  #sf-about .experience-grid,\r\n  #sf-about .visual-heading,\r\n  #sf-about .image-grid,\r\n  #sf-about .philosophy-top,\r\n  #sf-about .connections-head,\r\n  #sf-about .cta-grid{\r\n    grid-template-columns:1fr;\r\n    gap:35px;\r\n  }\r\n\r\n  #sf-about .experience-year{\r\n    font-size:clamp(118px,25vw,185px);\r\n  }\r\n\r\n  #sf-about .image-card.small{\r\n    padding-top:0;\r\n  }\r\n\r\n  #sf-about .image-card figure,\r\n  #sf-about .image-card.small figure{\r\n    aspect-ratio:1.25;\r\n  }\r\n\r\n  #sf-about .values-grid{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  #sf-about .value{\r\n    min-height:240px;\r\n  }\r\n\r\n  #sf-about .diagram{\r\n    grid-template-columns:1fr;\r\n    margin-top:45px;\r\n  }\r\n\r\n  #sf-about .diagram-stage{\r\n    min-height:375px;\r\n  }\r\n\r\n  #sf-about .ring{\r\n    width:245px;\r\n    height:245px;\r\n  }\r\n\r\n  #sf-about .ring.outer{\r\n    width:335px;\r\n    height:335px;\r\n  }\r\n\r\n  #sf-about .diagram-core{\r\n    width:120px;\r\n    height:120px;\r\n  }\r\n\r\n  #sf-about .diagram-core span{\r\n    font-size:16px;\r\n  }\r\n\r\n  #sf-about .diagram-copy{\r\n    padding:10px 27px 45px;\r\n  }\r\n\r\n  #sf-about .statement{\r\n    min-height:480px;\r\n  }\r\n\r\n  #sf-about .cta-links{\r\n    flex-direction:column;\r\n  }\r\n\r\n  #sf-about .cta-links .button{\r\n    width:100%;\r\n  }\r\n\r\n}\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n  #sf-about *,\r\n  #sf-about *::before,\r\n  #sf-about *::after{\r\n    animation:none!important;\r\n    transition:none!important;\r\n  }\r\n\r\n  #sf-about.motion .reveal{\r\n    opacity:1!important;\r\n    transform:none!important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<style>\r\n#sf-about{--sfu-lime:#C6FF20;--sfu-cyan:#00DCE8;--sfu-violet:#A459ED;direction:ltr;text-align:left;position:relative;isolation:isolate;overflow:clip;width:100%;max-width:none}\r\n#sf-about.sfu-wide{width:var(--sfu-width)!important;max-width:none!important;margin-left:var(--sfu-left)!important;margin-right:0!important}\r\n#sf-about *,#sf-about *::before,#sf-about *::after{box-sizing:border-box}\r\n#sf-about a:focus-visible,#sf-about button:focus-visible,#sf-about summary:focus-visible,#sf-about input:focus-visible,#sf-about textarea:focus-visible,#sf-about select:focus-visible{outline:3px solid #8050BD;outline-offset:5px}\r\n#sf-about .reveal,#sf-about .sf-reveal{opacity:1!important;transform:none!important}\r\n#sf-about .sfu-enter{animation:sfuEnter .7s ease both}\r\n#sf-about .sfu-panel{padding:84px 0;background:#DFE7DF;color:#252B2A;scroll-margin-top:90px}\r\n#sf-about .sfu-inner{width:min(1360px,calc(100% - 80px));margin:auto}\r\n#sf-about .sfu-panel h2{font:600 clamp(32px,4.2vw,60px)\/1.12 Manrope,Arial,sans-serif;letter-spacing:-.045em;color:#173D3B;max-width:950px;margin:0 0 22px}\r\n#sf-about .sfu-kicker{display:block;color:#435E50;font:750 11px\/1.7 Manrope,Arial,sans-serif;letter-spacing:.13em;margin-bottom:22px}\r\n#sf-about .sfu-intro{font:400 clamp(17px,1.7vw,21px)\/1.75 Manrope,Arial,sans-serif;max-width:950px;margin:0 0 34px}\r\n#sf-about .sfu-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}\r\n#sf-about .sfu-card{background:#F7F5F0;padding:30px;border:1px solid #BCCBC0;min-width:0;transition:transform .3s,box-shadow .3s}\r\n#sf-about .sfu-card:hover{transform:translateY(-5px);box-shadow:0 16px 35px #173D3B12}\r\n#sf-about .sfu-card h3{font:600 clamp(21px,2vw,28px)\/1.2 Manrope,Arial,sans-serif;letter-spacing:-.03em;color:#173D3B;margin:12px 0}\r\n#sf-about .sfu-card p{font:400 15px\/1.8 Manrope,Arial,sans-serif;margin:0;color:#394B40}\r\n#sf-about .sfu-small{font:750 11px\/1.6 Manrope,Arial,sans-serif;color:#526A5B}\r\n#sf-about .sfu-art{height:390px;margin:30px 0;position:relative;overflow:hidden;background:#173D3B;border-radius:20px;isolation:isolate}\r\n#sf-about .sfu-art::before{content:\"\";position:absolute;inset:0;background-image:linear-gradient(#DFE7DF0C 1px,transparent 1px),linear-gradient(90deg,#DFE7DF0C 1px,transparent 1px);background-size:35px 35px}\r\n#sf-about .sfu-orbit{position:absolute;left:50%;top:50%;width:280px;height:280px;margin:-140px;border:1px solid #00DCE877;border-radius:50%;animation:sfuSpin 26s linear infinite}\r\n#sf-about .sfu-orbit::before{content:\"\";position:absolute;width:9px;height:9px;left:38px;top:38px;background:#00DCE8;border-radius:50%;box-shadow:0 0 20px #00DCE8}\r\n#sf-about .sfu-orbit-two{width:350px;height:350px;margin:-175px;border:1px dashed #C6FF2077;animation-direction:reverse;animation-duration:40s}\r\n#sf-about .sfu-orbit-two::before{left:47px;top:47px;background:#C6FF20;box-shadow:0 0 16px #C6FF20}\r\n#sf-about .sfu-core{position:absolute;left:50%;top:50%;width:130px;height:130px;margin:-65px;transform:rotate(45deg);border:1px solid #00DCE8;background:#102D2B;border-radius:18px;display:grid;place-items:center;box-shadow:0 0 45px #00DCE822;transition:margin .3s}\r\n#sf-about .sfu-core span{transform:rotate(-45deg);font:750 20px\/1.1 Manrope,Arial,sans-serif;color:#F7F5F0;text-align:center}\r\n#sf-about .sfu-chip{position:absolute;padding:10px 14px;border:1px solid #C6FF20;border-radius:30px;background:#102D2B;font:750 10px\/1.5 Manrope,Arial,sans-serif;color:#F7F5F0;animation:sfuFloat 6s ease-in-out infinite}\r\n#sf-about .sfu-chip-a{left:12%;top:18%}#sf-about .sfu-chip-b{right:10%;top:37%;border-color:#00DCE8;animation-delay:-2s}#sf-about .sfu-chip-c{left:16%;bottom:15%;border-color:#A459ED;animation-delay:-4s}\r\n#sf-about .sfu-badge{display:inline-block;padding:7px 12px;background:#DFE7DF;color:#173D3B;font:750 10px\/1.5 Manrope,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;margin:16px 0}\r\n#sf-about .sfu-progress{height:3px;position:absolute;top:0;left:0;width:100%;pointer-events:none;z-index:10;background:linear-gradient(90deg,#C6FF20,#00DCE8,#A459ED);transform:scaleX(var(--sfu-progress,0));transform-origin:left}\r\n#sf-about .sfu-panel a.sfu-link{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;background:#173D3B;color:#F7F5F0;border-radius:40px;text-decoration:none!important;font:750 13px\/1.5 Manrope,Arial,sans-serif;min-height:48px;margin-top:24px}\r\n#sf-about .sfu-panel details{padding:20px 0;border-bottom:1px solid #B5C5BA}\r\n#sf-about .sfu-panel summary{font-weight:750;cursor:pointer;min-height:28px;color:#173D3B}\r\n#sf-about .sfu-panel details p{margin-top:14px;max-width:1000px;font:400 15px\/1.8 Manrope,Arial,sans-serif}\r\n@keyframes sfuEnter{from{opacity:.4;translate:0 20px}to{opacity:1;translate:0 0}}\r\n@keyframes sfuSpin{to{transform:rotate(360deg)}}@keyframes sfuFloat{50%{transform:translateY(-10px)}}\r\n@media(max-width:900px){#sf-about .sfu-cards{grid-template-columns:1fr}#sf-about .sfu-panel{padding:58px 0}#sf-about .sfu-inner{width:calc(100% - 40px)}}\r\n@media(max-width:540px){#sf-about .sfu-art{height:340px}#sf-about .sfu-chip{font-size:8px;padding:8px 10px}#sf-about .sfu-chip-a{left:4%;top:12%}#sf-about .sfu-chip-b{right:3%;top:36%}#sf-about .sfu-chip-c{left:5%;bottom:12%}#sf-about .sfu-orbit-two{width:300px;height:300px;margin:-150px}#sf-about .sfu-card{padding:24px}}\r\n@media(prefers-reduced-motion:reduce){#sf-about *,#sf-about *::before,#sf-about *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important;translate:none!important}}\r\n<\/style>\r\n<div id=\"sf-about\" lang=\"en\">\r\n\r\n  <!-- ============================\r\n       01 \/ HERO\r\n       ============================ -->\r\n\r\n  <section class=\"hero\">\r\n\r\n    <div class=\"hero-image\">\r\n      <img src=\"https:\/\/sectionform.com\/wp-content\/uploads\/2026\/10\/timberstone-office-arrival-1.png-1.png\" alt=\"SectionForm workplace interior design\" fetchpriority=\"high\" decoding=\"async\">\r\n    <\/div>\r\n\r\n    <div class=\"container hero-content\">\r\n\r\n      <div class=\"container\">\r\n\r\n        <div class=\"eyebrow light\">\r\n          SECTIONFORM \/ ABOUT US\r\n        <\/div>\r\n\r\n        <h1>\r\n          The thinking<br>\r\n          behind<br>\r\n          <em>the form.<\/em>\r\n        <\/h1>\r\n\r\n        <p class=\"hero-description\">Architecture-led workspace thinking, shaped by design and software experience and focused on biophilic design, useful smart products and more considered material choices.<\/p>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"hero-bottom\">\r\n      <div class=\"container\">\r\n        <span>ABOUT SECTIONFORM<\/span>\r\n        <span>EXPERIENCE DATING BACK TO 2009<\/span>\r\n        <span>DESIGN \u00d7 TECHNOLOGY<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- ============================\r\n       02 \/ WHO WE ARE\r\n       ============================ -->\r\n\r\n  <section class=\"identity\">\r\n\r\n    <div class=\"container identity-grid\">\r\n\r\n      <div class=\"reveal\">\r\n\r\n        <div class=\"eyebrow\">\r\n          01 \/ WHO WE ARE\r\n        <\/div>\r\n\r\n        <h2 class=\"section-title\">\r\n          Built around<br>\r\n          ideas that<br>\r\n          connect.\r\n        <\/h2>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"identity-copy reveal\">\r\n\r\n        <p class=\"identity-lead\">SectionForm is a developing workspace design brand led by an architectural engineer, connecting spatial planning with furniture, biophilic design and useful technology.<\/p>\r\n\r\n        <p>We explore how existing workspaces can be retained, rearranged or upgraded, considering layout, daylight, planting, materials and supporting products together.<\/p>\r\n\r\n        <p>The current portfolio presents design concepts and illustrative product directions. It is a starting point for conversations with brands and suppliers, rather than a record of completed client installations.<\/p>\r\n\r\n        <div class=\"identity-note\">\r\n\r\n          <strong>\r\n            SECTIONFORM \/ BUSINESS FOUNDATION\r\n          <\/strong>\r\n\r\n          SectionForm operates under\r\n          a legally registered\r\n          U.S. company.\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  <!-- ============================\r\n       03 \/ EXPERIENCE SINCE 2009\r\n       ============================ -->\r\n\r\n  <section class=\"experience\">\r\n\r\n    <div class=\"container experience-grid\">\r\n\r\n      <div class=\"reveal\">\r\n\r\n        <div class=\"experience-year\">\r\n          2009\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"reveal\">\r\n\r\n        <div class=\"eyebrow light\">\r\n          02 \/ THE EXPERIENCE BEHIND SECTIONFORM\r\n        <\/div>\r\n\r\n        <h2>\r\n          Built on<br>\r\n          experience.<br>\r\n          <em>Driven by<br>\r\n          innovation.<\/em>\r\n        <\/h2>\r\n\r\n        <p>The founder\u2019s experience in design and software development dates back to 2009. SectionForm is a newer initiative drawing on that background.<\/p>\r\n\r\n        <p>Architectural training informs spatial decisions. Software experience informs the questions we ask about connected products, compatibility and how digital systems support physical spaces.<\/p>\r\n\r\n        <p>This background is not a substitute for product testing, engineering review or supplier documentation. Those checks remain specific to each proposed solution.<\/p>\r\n\r\n        <div class=\"experience-small\">\r\n          DESIGN &amp; SOFTWARE EXPERIENCE \/ SINCE 2009\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- ============================\r\n       04 \/ VISUAL STORY\r\n       ============================ -->\r\n\r\n  <section class=\"visual-story\">\r\n\r\n    <div class=\"container\">\r\n\r\n      <div class=\"visual-heading reveal\">\r\n\r\n        <div>\r\n\r\n          <div class=\"eyebrow\">\r\n            03 \/ DESIGN PERSPECTIVE\r\n          <\/div>\r\n\r\n          <h2 class=\"section-title\">\r\n            Where space<br>\r\n            meets purpose.\r\n          <\/h2>\r\n\r\n        <\/div>\r\n\r\n        <p>\r\n          For us, design is about more\r\n          than visual impact. It's about\r\n          understanding the relationship\r\n          between people, objects,\r\n          technology and the environments\r\n          they use every day.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"image-grid\">\r\n\r\n        <article class=\"image-card reveal\">\r\n\r\n          <figure>\r\n            <img src=\"https:\/\/sectionform.com\/wp-content\/uploads\/2026\/10\/daylight-collective-shared-table.png\" alt=\"Daylight Collective shared workspace\" loading=\"lazy\" decoding=\"async\">\r\n          <\/figure>\r\n\r\n          <div class=\"image-caption\">\r\n            <strong>SPACE &amp; EXPERIENCE<\/strong>\r\n            <span>01 \/ DESIGN<\/span>\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n        <article class=\"image-card small reveal\">\r\n\r\n          <figure>\r\n            <img src=\"https:\/\/sectionform.com\/wp-content\/uploads\/2026\/10\/brickline-workplace-reception.png\" alt=\"Brickline Workplace interior detail\" loading=\"lazy\" decoding=\"async\">\r\n          <\/figure>\r\n\r\n          <div class=\"image-caption\">\r\n            <strong>MATERIAL &amp; CHARACTER<\/strong>\r\n            <span>02 \/ DETAIL<\/span>\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- ============================\r\n       05 \/ PHILOSOPHY\r\n       ============================ -->\r\n\r\n  <section class=\"sfu-panel\" id=\"sf-about-priorities\"><div class=\"sfu-inner\"><span class=\"sfu-kicker\">SECTIONFORM \/ DESIGN IN PRACTICE<\/span><h2>The priorities behind the form.<\/h2><p class=\"sfu-intro\">Our architectural perspective connects three areas without treating any one of them as proof of performance.<\/p><div class=\"sfu-art\" aria-hidden=\"true\"><div class=\"sfu-orbit\"><\/div><div class=\"sfu-orbit sfu-orbit-two\"><\/div><div class=\"sfu-core\"><span>SECTION<br>FORM<\/span><\/div><span class=\"sfu-chip sfu-chip-a\">BIOPHILIC<\/span><span class=\"sfu-chip sfu-chip-b\">SMART PRODUCTS<\/span><span class=\"sfu-chip sfu-chip-c\">MATERIAL CHOICES<\/span><\/div><div class=\"sfu-cards\"><article class=\"sfu-card\"><span class=\"sfu-small\">01<\/span><h3>Biophilic design<\/h3><p>Connect layouts to daylight, views and suitable planting. Plan for glare, irrigation, maintenance and the actual conditions of the space.<\/p><\/article><article class=\"sfu-card\"><span class=\"sfu-small\">02<\/span><h3>Smart products<\/h3><p>Select controls, sensors and connected systems for a specific need. Review power, interoperability, data handling, subscriptions and support.<\/p><\/article><article class=\"sfu-card\"><span class=\"sfu-small\">03<\/span><h3>Wood &amp; material choices<\/h3><p>Consider documented sourcing, reuse, durability, repair and replacement parts. Assess product-specific environmental information; wood alone does not mean zero carbon.<\/p><\/article><\/div><\/div><\/section><!-- ============================\r\n       06 \/ CONNECTED THINKING\r\n       ============================ -->\r\n\r\n  <section class=\"connections\">\r\n\r\n    <div class=\"container\">\r\n\r\n      <div class=\"connections-head reveal\">\r\n\r\n        <div>\r\n\r\n          <div class=\"eyebrow light\">\r\n            05 \/ THE SECTIONFORM PERSPECTIVE\r\n          <\/div>\r\n\r\n          <h2>\r\n            One vision.<br>\r\n            Connected<br>\r\n            disciplines.\r\n          <\/h2>\r\n\r\n        <\/div>\r\n\r\n        <p>\r\n          The strongest workplace ideas\r\n          connect architectural thinking,\r\n          furniture and technology\r\n          into an environment where\r\n          each element contributes\r\n          to the whole.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"diagram reveal\">\r\n\r\n        <div class=\"diagram-stage\" aria-label=\"Architecture, furniture and technology connection diagram\">\r\n\r\n          <div class=\"ring\"><\/div>\r\n          <div class=\"ring outer\"><\/div>\r\n\r\n          <div class=\"diagram-core\">\r\n            <span>\r\n              SECTION<br>FORM\r\n            <\/span>\r\n          <\/div>\r\n\r\n          <div class=\"diagram-label one\">BIOPHILIC<\/div>\r\n\r\n          <div class=\"diagram-label two\">SMART PRODUCTS<\/div>\r\n\r\n          <div class=\"diagram-label three\">MATERIAL CHOICES<\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"diagram-copy\">\r\n\r\n          <h3>\r\n            Designed<br>\r\n            as one.\r\n          <\/h3>\r\n\r\n          <p>\r\n            From the structure of\r\n            a workspace to the\r\n            products within it,\r\n            thoughtful integration\r\n            creates a more coherent\r\n            design experience.\r\n          <\/p>\r\n\r\n          <p>\r\n            This relationship sits\r\n            at the heart of the\r\n            SectionForm perspective.\r\n          <\/p>\r\n\r\n          <div class=\"diagram-foot\">\r\n            FORM \u00d7 FUNCTION \u00d7 INNOVATION\r\n          <\/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  <!-- ============================\r\n       07 \/ VISION\r\n       ============================ -->\r\n\r\n  <section class=\"statement\">\r\n\r\n    <div class=\"statement-image\">\r\n      <img src=\"https:\/\/sectionform.com\/wp-content\/uploads\/2026\/10\/timberstone-office-breakroom-1.png\" alt=\"Timberstone Office shared interior\" loading=\"lazy\" decoding=\"async\">\r\n    <\/div>\r\n\r\n    <div class=\"container reveal\">\r\n\r\n      <div class=\"eyebrow light\" style=\"margin-bottom:30px\">\r\n        SECTIONFORM \/ OUR VISION\r\n      <\/div>\r\n\r\n      <h2>\r\n        Better workspaces<br>\r\n        begin with<br>\r\n        <em>better connections.<\/em>\r\n      <\/h2>\r\n\r\n      <p>Between people and nature. Between useful technology and practical needs. Between products, material choices and the spaces where they are used.<\/p>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- ============================\r\n       08 \/ EXPLORE & CONNECT\r\n       ============================ -->\r\n\r\n  <section class=\"cta\">\r\n\r\n    <div class=\"container cta-grid\">\r\n\r\n      <div class=\"reveal\">\r\n\r\n        <div class=\"eyebrow\">\r\n          06 \/ EXPLORE SECTIONFORM\r\n        <\/div>\r\n\r\n        <h2>\r\n          Discover<br>\r\n          what's<br>\r\n          <em>possible.<\/em>\r\n        <\/h2>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"cta-copy reveal\">\r\n\r\n        <p>\r\n          Explore the spaces and\r\n          thinking that shape\r\n          SectionForm, or get\r\n          in touch to start a\r\n          conversation.\r\n        <\/p>\r\n\r\n        <div class=\"cta-links\">\r\n\r\n          <a href=\"https:\/\/sectionform.com\/?page_id=132\" class=\"button\">\r\n            Explore Our Work\r\n            <span class=\"arrow\" aria-hidden=\"true\">\u2197<\/span>\r\n          <\/a>\r\n\r\n          <a href=\"https:\/\/sectionform.com\/?page_id=177\" class=\"button light-button\">\r\n            Get in Touch\r\n            <span class=\"arrow\" aria-hidden=\"true\">\u2197<\/span>\r\n          <\/a>\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  <div class=\"bottom-note\">\r\n    <div class=\"container\">\r\n      SECTIONFORM \u00a9 2026 \u2014\r\n      ARCHITECTURE \u00d7 FURNITURE \u00d7 TECHNOLOGY\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<script>\r\n(function(){\r\nfunction init(){\r\nvar root=document.getElementById('sf-about');if(!root||root.dataset.sfuReady)return;root.dataset.sfuReady='1';\r\nvar reduced=window.matchMedia('(prefers-reduced-motion: reduce)');\r\nvar fine=window.matchMedia('(hover: hover) and (pointer: fine)');\r\nfunction fit(){root.classList.remove('sfu-wide');var rect=root.getBoundingClientRect();root.style.setProperty('--sfu-width',document.documentElement.clientWidth+'px');root.style.setProperty('--sfu-left',-rect.left+'px');root.classList.add('sfu-wide')}\r\nvar frame=0;function update(){frame=0;var rect=root.getBoundingClientRect();var range=Math.max(1,root.offsetHeight-innerHeight);root.style.setProperty('--sfu-progress',Math.max(0,Math.min(1,-rect.top\/range)).toFixed(4))}\r\nfunction queue(){if(!frame)frame=requestAnimationFrame(update)}\r\nfit();update();addEventListener('resize',function(){fit();queue()},{passive:true});addEventListener('scroll',queue,{passive:true});addEventListener('load',function(){fit();queue()},{once:true});if(document.fonts)document.fonts.ready.then(function(){fit();queue()});\r\nvar bar=document.createElement('div');bar.className='sfu-progress';bar.setAttribute('aria-hidden','true');root.prepend(bar);\r\nif('IntersectionObserver'in window){var obs=new IntersectionObserver(function(entries){entries.forEach(function(e){if(e.isIntersecting){if(!reduced.matches)e.target.classList.add('sfu-enter');obs.unobserve(e.target)}})},{threshold:.06});root.querySelectorAll('.reveal,.sf-reveal,.sfu-card,.sfu-art,.sf-section > .sf-wrap').forEach(function(e){obs.observe(e)})}\r\nroot.querySelectorAll('.visual-stage,.graphic-art,.system-art,.diagram-visual,.diagram-stage,.sf-visual,.sfu-art,.connection-art').forEach(function(stage){var core=stage.querySelector('.visual-core,.graphic-core,.system-core,.diagram-core,.sf-core,.sfu-core,.connection-core');if(!core)return;var baseX=parseFloat(getComputedStyle(core).marginLeft)||0;var baseY=parseFloat(getComputedStyle(core).marginTop)||0;stage.addEventListener('pointermove',function(e){if(reduced.matches||!fine.matches)return;var r=stage.getBoundingClientRect();core.style.marginLeft=baseX+((e.clientX-r.left)\/r.width-.5)*14+'px';core.style.marginTop=baseY+((e.clientY-r.top)\/r.height-.5)*12+'px'});stage.addEventListener('pointerleave',function(){core.style.marginLeft='';core.style.marginTop=''})});\r\nroot.querySelectorAll('a[href^=\"#\"]').forEach(function(a){a.addEventListener('click',function(e){if(e.ctrlKey||e.metaKey||e.shiftKey||e.altKey||e.button!==0)return;var t=document.getElementById(a.getAttribute('href').slice(1));if(!t)return;e.preventDefault();t.scrollIntoView({behavior:reduced.matches?'auto':'smooth',block:'start'});var h=t.querySelector('h2,h3');if(h){h.setAttribute('tabindex','-1');h.focus({preventScroll:true});h.addEventListener('blur',function(){h.removeAttribute('tabindex')},{once:true})}})});\r\nroot.querySelectorAll('img').forEach(function(img){function fail(){var f=img.closest('figure');if(f)f.classList.add('sf-missing')}img.addEventListener('error',fail);if(img.complete&&!img.naturalWidth)fail()});\r\n}if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',init,{once:true});else init();\r\n})();\r\n<\/script>\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 \/ ABOUT US The thinking behind the form. Architecture-led workspace thinking, shaped by design and software experience and focused [&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-221","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sectionform.com\/index.php?rest_route=\/wp\/v2\/pages\/221","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=221"}],"version-history":[{"count":7,"href":"https:\/\/sectionform.com\/index.php?rest_route=\/wp\/v2\/pages\/221\/revisions"}],"predecessor-version":[{"id":267,"href":"https:\/\/sectionform.com\/index.php?rest_route=\/wp\/v2\/pages\/221\/revisions\/267"}],"wp:attachment":[{"href":"https:\/\/sectionform.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=221"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}