{"id":229,"date":"2026-10-15T14:11:34","date_gmt":"2026-10-15T14:11:34","guid":{"rendered":"https:\/\/sectionform.com\/?page_id=229"},"modified":"2026-10-17T17:18:20","modified_gmt":"2026-10-17T17:18:20","slug":"why-us","status":"publish","type":"page","link":"https:\/\/sectionform.com\/?page_id=229","title":{"rendered":"Our Approach"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"229\" class=\"elementor elementor-229\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a5d5e71 e-flex e-con-boxed e-con e-parent\" data-id=\"a5d5e71\" 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-c3a0cab elementor-widget elementor-widget-html\" data-id=\"c3a0cab\" 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 WHY US \/ 2026\r\n   Architectural Editorial \u2022 One HTML widget\r\n   ================================================ *\/\r\n\r\n#sf-approach-page {\r\n  --petrol:#173D3B;\r\n  --deep:#102D2B;\r\n  --ivory:#F7F5F0;\r\n  --sage:#DFE7DF;\r\n  --sand:#E9E2D6;\r\n  --terra:#B96D52;\r\n  --ink:#252B2A;\r\n  --muted:#63736D;\r\n  --ease:cubic-bezier(.22,.61,.36,1);\r\n  width:100%;\r\n  overflow:hidden;\r\n  background:var(--ivory);\r\n  color:var(--ink);\r\n  font:400 16px\/1.7 Manrope,Arial,sans-serif;\r\n  direction:ltr;\r\n  text-align:left;\r\n  isolation:isolate;\r\n}\r\n\r\n#sf-approach-page *,#sf-approach-page *::before,#sf-approach-page *::after {\r\n  box-sizing:border-box;\r\n}\r\n\r\n#sf-approach-page h1,#sf-approach-page h2,#sf-approach-page h3,\r\n#sf-approach-page p,#sf-approach-page figure {\r\n  margin:0;\r\n}\r\n\r\n#sf-approach-page h1,#sf-approach-page h2,#sf-approach-page h3 {\r\n  font-family:Manrope,Arial,sans-serif;\r\n  font-weight:600;\r\n  letter-spacing:-.065em;\r\n  line-height:1.07;\r\n}\r\n\r\n#sf-approach-page 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-approach-page a {\r\n  text-decoration:none!important;\r\n}\r\n\r\n#sf-approach-page a:focus-visible {\r\n  outline:3px solid var(--terra);\r\n  outline-offset:5px;\r\n}\r\n\r\n#sf-approach-page .wrap {\r\n  width:min(1240px,calc(100% - 96px));\r\n  margin:auto;\r\n}\r\n\r\n#sf-approach-page .label {\r\n  display:flex;\r\n  gap:13px;\r\n  align-items:center;\r\n  font-size:10px;\r\n  line-height:1.5;\r\n  letter-spacing:.17em;\r\n  font-weight:800;\r\n  text-transform:uppercase;\r\n  color:var(--petrol);\r\n}\r\n\r\n#sf-approach-page .label::before {\r\n  content:\"\";\r\n  flex:none;\r\n  width:27px;\r\n  height:2px;\r\n  background:var(--terra);\r\n}\r\n\r\n#sf-approach-page .label.light {\r\n  color:#D9E9DC;\r\n}\r\n\r\n#sf-approach-page .big-title {\r\n  font-size:clamp(39px,5.5vw,78px);\r\n  color:var(--petrol);\r\n}\r\n\r\n#sf-approach-page .button {\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  gap:42px;\r\n  min-height:57px;\r\n  padding:16px 27px;\r\n  border-radius:100px;\r\n  border:1px solid var(--petrol);\r\n  background:var(--petrol);\r\n  color:#fff!important;\r\n  font:800 12px\/1.3 Manrope,Arial,sans-serif;\r\n  transition:\r\n    transform .35s var(--ease),\r\n    background .3s ease;\r\n}\r\n\r\n#sf-approach-page .button:hover {\r\n  background:#28594F;\r\n  transform:translateY(-4px);\r\n}\r\n\r\n#sf-approach-page .button.cream {\r\n  background:var(--ivory);\r\n  border-color:var(--ivory);\r\n  color:var(--petrol)!important;\r\n}\r\n\r\n#sf-approach-page .button.cream:hover {\r\n  background:var(--sage);\r\n}\r\n\r\n#sf-approach-page .button .arrow {\r\n  font-size:20px;\r\n}\r\n\r\n\/* HERO *\/\r\n\r\n#sf-approach-page .hero {\r\n  position:relative;\r\n  min-height:780px;\r\n  min-height:91svh;\r\n  display:flex;\r\n  align-items:center;\r\n  isolation:isolate;\r\n  background:var(--deep);\r\n  color:white;\r\n}\r\n\r\n#sf-approach-page .hero-image {\r\n  position:absolute;\r\n  z-index:-3;\r\n  inset:0;\r\n}\r\n\r\n#sf-approach-page .hero-image img {\r\n  animation:sfWhyZoom 20s ease-in-out infinite alternate;\r\n}\r\n\r\n#sf-approach-page .hero::before {\r\n  content:\"\";\r\n  position:absolute;\r\n  z-index:-2;\r\n  inset:0;\r\n  background:linear-gradient(\r\n    90deg,\r\n    rgba(10,37,34,.96) 0%,\r\n    rgba(10,37,34,.87) 38%,\r\n    rgba(10,37,34,.46) 75%,\r\n    rgba(10,37,34,.25) 100%\r\n  );\r\n}\r\n\r\n#sf-approach-page .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:.17;\r\n  background-image:\r\n    linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),\r\n    linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px);\r\n  background-size:115px 115px;\r\n}\r\n\r\n#sf-approach-page .hero-inner {\r\n  position:relative;\r\n  z-index:1;\r\n  padding:145px 0 130px;\r\n}\r\n\r\n#sf-approach-page .hero-inner .wrap {\r\n  padding-left:clamp(10px,3vw,46px);\r\n}\r\n\r\n#sf-approach-page .hero .label {\r\n  margin-bottom:34px;\r\n}\r\n\r\n#sf-approach-page .hero h1 {\r\n  max-width:1080px;\r\n  color:white!important;\r\n  font-size:clamp(59px,8.8vw,127px);\r\n}\r\n\r\n#sf-approach-page .hero h1 em {\r\n  font-style:normal;\r\n  color:#C7DFCD;\r\n}\r\n\r\n#sf-approach-page .hero-intro {\r\n  margin-top:32px;\r\n  max-width:640px;\r\n  font-size:clamp(17px,2vw,23px);\r\n  color:#EBF2EC;\r\n  line-height:1.65;\r\n}\r\n\r\n#sf-approach-page .hero .button {\r\n  margin-top:35px;\r\n}\r\n\r\n#sf-approach-page .hero-bottom {\r\n  position:absolute;\r\n  left:0;\r\n  right:0;\r\n  bottom:22px;\r\n  z-index:2;\r\n}\r\n\r\n#sf-approach-page .hero-bottom .wrap {\r\n  padding-top:19px;\r\n  border-top:1px solid rgba(255,255,255,.35);\r\n  display:flex;\r\n  justify-content:space-between;\r\n  flex-wrap:wrap;\r\n  gap:12px;\r\n  color:#DDE9E0;\r\n  font-size:10px;\r\n  font-weight:750;\r\n  letter-spacing:.13em;\r\n}\r\n\r\n\/* THESIS *\/\r\n\r\n#sf-approach-page .thesis {\r\n  padding:135px 0;\r\n  background:var(--ivory);\r\n}\r\n\r\n#sf-approach-page .thesis-grid {\r\n  display:grid;\r\n  grid-template-columns:.9fr 1.1fr;\r\n  gap:11%;\r\n}\r\n\r\n#sf-approach-page .thesis .label {\r\n  margin-bottom:29px;\r\n}\r\n\r\n#sf-approach-page .thesis-copy .lead {\r\n  font-size:clamp(21px,2.5vw,30px);\r\n  color:var(--petrol);\r\n  font-weight:500;\r\n  line-height:1.55;\r\n}\r\n\r\n#sf-approach-page .thesis-copy p+p {\r\n  margin-top:25px;\r\n  color:var(--muted);\r\n}\r\n\r\n#sf-approach-page .thesis-rule {\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  justify-content:space-between;\r\n  gap:15px;\r\n  margin-top:75px;\r\n  padding:22px 0;\r\n  border-top:1px solid #C9D7CD;\r\n  border-bottom:1px solid #C9D7CD;\r\n  color:var(--petrol);\r\n  font-size:11px;\r\n  letter-spacing:.11em;\r\n  font-weight:800;\r\n}\r\n\r\n\/* DIFFERENTIATORS *\/\r\n\r\n#sf-approach-page .difference {\r\n  background:#fff;\r\n  padding:125px 0 145px;\r\n}\r\n\r\n#sf-approach-page .difference-head {\r\n  display:grid;\r\n  grid-template-columns:1fr .75fr;\r\n  gap:10%;\r\n  align-items:end;\r\n  margin-bottom:75px;\r\n}\r\n\r\n#sf-approach-page .difference-head .label {\r\n  margin-bottom:28px;\r\n}\r\n\r\n#sf-approach-page .difference-head p {\r\n  max-width:480px;\r\n  font-size:17px;\r\n  color:var(--muted);\r\n}\r\n\r\n#sf-approach-page .reasons {\r\n  display:grid;\r\n  grid-template-columns:repeat(12,minmax(0,1fr));\r\n  gap:20px;\r\n}\r\n\r\n#sf-approach-page .reason {\r\n  position:relative;\r\n  min-height:335px;\r\n  grid-column:span 4;\r\n  background:var(--ivory);\r\n  border:1px solid #E0E7DF;\r\n  padding:30px 29px;\r\n  display:flex;\r\n  flex-direction:column;\r\n  justify-content:space-between;\r\n  transition:\r\n    transform .4s var(--ease),\r\n    background .3s ease;\r\n}\r\n\r\n#sf-approach-page .reason:hover {\r\n  transform:translateY(-7px);\r\n  background:#F0F3EE;\r\n}\r\n\r\n#sf-approach-page .reason:nth-child(1),\r\n#sf-approach-page .reason:nth-child(4) {\r\n  grid-column:span 6;\r\n}\r\n\r\n#sf-approach-page .reason:nth-child(5),\r\n#sf-approach-page .reason:nth-child(6) {\r\n  grid-column:span 3;\r\n}\r\n\r\n#sf-approach-page .reason-num {\r\n  font-size:11px;\r\n  font-weight:800;\r\n  letter-spacing:.13em;\r\n  color:var(--terra);\r\n}\r\n\r\n#sf-approach-page .reason h3 {\r\n  color:var(--petrol);\r\n  font-size:clamp(27px,3vw,43px);\r\n  margin-bottom:15px;\r\n}\r\n\r\n#sf-approach-page .reason p {\r\n  font-size:14px;\r\n  line-height:1.75;\r\n  color:var(--muted);\r\n  max-width:440px;\r\n}\r\n\r\n#sf-approach-page .reason-corner {\r\n  position:absolute;\r\n  width:26px;\r\n  height:26px;\r\n  right:28px;\r\n  top:28px;\r\n  border-top:1px solid var(--petrol);\r\n  border-right:1px solid var(--petrol);\r\n  opacity:.3;\r\n}\r\n\r\n\/* FULL BLEED STATEMENT *\/\r\n\r\n#sf-approach-page .interlude {\r\n  position:relative;\r\n  min-height:590px;\r\n  display:flex;\r\n  align-items:center;\r\n  isolation:isolate;\r\n  background:var(--deep);\r\n  color:#fff;\r\n}\r\n\r\n#sf-approach-page .interlude-image {\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:-2;\r\n}\r\n\r\n#sf-approach-page .interlude::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(11,39,36,.94),\r\n    rgba(11,39,36,.72) 55%,\r\n    rgba(11,39,36,.25)\r\n  );\r\n}\r\n\r\n#sf-approach-page .interlude .wrap {\r\n  padding:110px 0;\r\n}\r\n\r\n#sf-approach-page .interlude .label {\r\n  margin-bottom:29px;\r\n}\r\n\r\n#sf-approach-page .interlude h2 {\r\n  max-width:1000px;\r\n  color:white!important;\r\n  font-size:clamp(44px,6.4vw,91px);\r\n}\r\n\r\n#sf-approach-page .interlude h2 em {\r\n  color:#CAE0CD;\r\n  font-style:normal;\r\n}\r\n\r\n#sf-approach-page .interlude p {\r\n  margin-top:30px;\r\n  max-width:650px;\r\n  color:#E2ECE4;\r\n  font-size:18px;\r\n}\r\n\r\n\/* EXPERIENCE *\/\r\n\r\n#sf-approach-page .experience {\r\n  padding:140px 0;\r\n  background:var(--sand);\r\n}\r\n\r\n#sf-approach-page .experience-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\r\n#sf-approach-page .year {\r\n  color:var(--petrol);\r\n  font-size:clamp(120px,18vw,250px);\r\n  letter-spacing:-.11em;\r\n  font-weight:600;\r\n  line-height:.9;\r\n}\r\n\r\n#sf-approach-page .year-line {\r\n  height:2px;\r\n  width:112px;\r\n  margin-top:34px;\r\n  background:var(--terra);\r\n}\r\n\r\n#sf-approach-page .experience .label {\r\n  margin-bottom:29px;\r\n}\r\n\r\n#sf-approach-page .experience h2 {\r\n  color:var(--petrol);\r\n  font-size:clamp(39px,4.8vw,69px);\r\n}\r\n\r\n#sf-approach-page .experience p {\r\n  color:#52625A;\r\n  font-size:17px;\r\n  margin-top:26px;\r\n}\r\n\r\n#sf-approach-page .experience-note {\r\n  margin-top:27px;\r\n  padding-top:20px;\r\n  border-top:1px solid #BCCDC0;\r\n  font-size:10px;\r\n  font-weight:800;\r\n  color:var(--petrol);\r\n  letter-spacing:.13em;\r\n}\r\n\r\n\/* PRODUCT CRITERIA *\/\r\n\r\n#sf-approach-page .questions {\r\n  padding:135px 0;\r\n  background:white;\r\n}\r\n\r\n#sf-approach-page .questions-head {\r\n  display:grid;\r\n  grid-template-columns:1fr .85fr;\r\n  gap:10%;\r\n  align-items:end;\r\n  margin-bottom:70px;\r\n}\r\n\r\n#sf-approach-page .questions-head .label {\r\n  margin-bottom:27px;\r\n}\r\n\r\n#sf-approach-page .questions-head p {\r\n  color:var(--muted);\r\n  font-size:17px;\r\n}\r\n\r\n#sf-approach-page .question-list {\r\n  border-top:1px solid #D4DFD5;\r\n}\r\n\r\n#sf-approach-page .question-row {\r\n  display:grid;\r\n  grid-template-columns:80px 1fr 1.1fr;\r\n  gap:25px;\r\n  align-items:start;\r\n  padding:35px 0;\r\n  border-bottom:1px solid #D4DFD5;\r\n}\r\n\r\n#sf-approach-page .question-num {\r\n  color:var(--terra);\r\n  font-size:11px;\r\n  font-weight:800;\r\n}\r\n\r\n#sf-approach-page .question-row h3 {\r\n  color:var(--petrol);\r\n  font-size:clamp(25px,3.2vw,40px);\r\n}\r\n\r\n#sf-approach-page .question-row p {\r\n  color:var(--muted);\r\n  font-size:15px;\r\n}\r\n\r\n\/* VISUAL SYSTEM *\/\r\n\r\n#sf-approach-page .system {\r\n  padding:135px 0;\r\n  background:var(--petrol);\r\n  color:white;\r\n}\r\n\r\n#sf-approach-page .system-head {\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  gap:10%;\r\n  align-items:end;\r\n}\r\n\r\n#sf-approach-page .system .label {\r\n  margin-bottom:27px;\r\n}\r\n\r\n#sf-approach-page .system h2 {\r\n  font-size:clamp(40px,5.4vw,76px);\r\n  color:white!important;\r\n}\r\n\r\n#sf-approach-page .system-head p {\r\n  color:#DFEADF;\r\n  font-size:17px;\r\n}\r\n\r\n#sf-approach-page .system-board {\r\n  display:grid;\r\n  grid-template-columns:1.1fr .9fr;\r\n  margin-top:70px;\r\n  border:1px solid rgba(255,255,255,.2);\r\n  background:rgba(255,255,255,.025);\r\n}\r\n\r\n#sf-approach-page .system-art {\r\n  position:relative;\r\n  min-height:490px;\r\n  overflow:hidden;\r\n  background-image:\r\n    linear-gradient(rgba(255,255,255,.065) 1px,transparent 1px),\r\n    linear-gradient(90deg,rgba(255,255,255,.065) 1px,transparent 1px);\r\n  background-size:39px 39px;\r\n}\r\n\r\n#sf-approach-page .orbit {\r\n  position:absolute;\r\n  left:50%;\r\n  top:50%;\r\n  width:310px;\r\n  height:310px;\r\n  border:1px solid rgba(255,255,255,.4);\r\n  border-radius:50%;\r\n  animation:sfWhyOrbit 29s linear infinite;\r\n}\r\n\r\n#sf-approach-page .orbit.outer {\r\n  width:420px;\r\n  height:420px;\r\n  border-style:dashed;\r\n  opacity:.46;\r\n  animation-duration:43s;\r\n  animation-direction:reverse;\r\n}\r\n\r\n#sf-approach-page .orbit::after {\r\n  content:\"\";\r\n  position:absolute;\r\n  left:13%;\r\n  top:13%;\r\n  width:12px;\r\n  height:12px;\r\n  border-radius:50%;\r\n  background:#E0B193;\r\n}\r\n\r\n#sf-approach-page .system-core {\r\n  position:absolute;\r\n  left:50%;\r\n  top:50%;\r\n  width:155px;\r\n  height:155px;\r\n  display:grid;\r\n  place-items:center;\r\n  transform:translate(-50%,-50%) rotate(45deg);\r\n  background:var(--ivory);\r\n}\r\n\r\n#sf-approach-page .system-core span {\r\n  transform:rotate(-45deg);\r\n  text-align:center;\r\n  color:var(--petrol);\r\n  font-size:18px;\r\n  font-weight:850;\r\n  line-height:1.1;\r\n}\r\n\r\n#sf-approach-page .system-tag {\r\n  position:absolute;\r\n  z-index:2;\r\n  padding:11px 14px;\r\n  border:1px solid rgba(255,255,255,.37);\r\n  background:var(--petrol);\r\n  font-size:10px;\r\n  font-weight:800;\r\n  letter-spacing:.1em;\r\n  animation:sfWhyFloat 5s ease-in-out infinite;\r\n}\r\n\r\n#sf-approach-page .system-tag.t1 {\r\n  left:7%;\r\n  top:18%;\r\n}\r\n\r\n#sf-approach-page .system-tag.t2 {\r\n  right:6%;\r\n  top:24%;\r\n  animation-delay:1s;\r\n}\r\n\r\n#sf-approach-page .system-tag.t3 {\r\n  left:12%;\r\n  bottom:15%;\r\n  animation-delay:2s;\r\n}\r\n\r\n#sf-approach-page .system-copy {\r\n  display:flex;\r\n  flex-direction:column;\r\n  justify-content:center;\r\n  padding:58px 48px 58px 17px;\r\n}\r\n\r\n#sf-approach-page .system-copy h3 {\r\n  color:white!important;\r\n  font-size:clamp(33px,3.5vw,48px);\r\n}\r\n\r\n#sf-approach-page .system-copy p {\r\n  margin-top:25px;\r\n  color:#DEEBDF;\r\n  font-size:16px;\r\n}\r\n\r\n#sf-approach-page .system-foot {\r\n  margin-top:35px;\r\n  padding-top:20px;\r\n  border-top:1px solid rgba(255,255,255,.25);\r\n  color:#BED7C5;\r\n  letter-spacing:.12em;\r\n  font-size:10px;\r\n  font-weight:800;\r\n}\r\n\r\n\/* PERSPECTIVE *\/\r\n\r\n#sf-approach-page .perspective {\r\n  background:var(--sage);\r\n  padding:125px 0;\r\n}\r\n\r\n#sf-approach-page .perspective-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-approach-page .perspective .label {\r\n  margin-bottom:29px;\r\n}\r\n\r\n#sf-approach-page .perspective p {\r\n  color:var(--muted);\r\n  margin-top:25px;\r\n  font-size:17px;\r\n}\r\n\r\n#sf-approach-page .perspective-image {\r\n  aspect-ratio:1.2;\r\n  overflow:hidden;\r\n  background:#BFCFC4;\r\n}\r\n\r\n#sf-approach-page .perspective-image img {\r\n  transition:transform 1.1s var(--ease);\r\n}\r\n\r\n#sf-approach-page .perspective-image:hover img {\r\n  transform:scale(1.05);\r\n}\r\n\r\n\/* CTA *\/\r\n\r\n#sf-approach-page .cta {\r\n  position:relative;\r\n  background:var(--ivory);\r\n  padding:135px 0;\r\n  overflow:hidden;\r\n}\r\n\r\n#sf-approach-page .cta::after {\r\n  content:\"\";\r\n  position:absolute;\r\n  width:650px;\r\n  height:650px;\r\n  right:-320px;\r\n  bottom:-400px;\r\n  border-radius:50%;\r\n  border:1px solid rgba(23,61,59,.2);\r\n  pointer-events:none;\r\n}\r\n\r\n#sf-approach-page .cta-grid {\r\n  display:grid;\r\n  grid-template-columns:1fr .8fr;\r\n  gap:10%;\r\n  align-items:center;\r\n  position:relative;\r\n  z-index:1;\r\n}\r\n\r\n#sf-approach-page .cta .label {\r\n  margin-bottom:29px;\r\n}\r\n\r\n#sf-approach-page .cta h2 {\r\n  font-size:clamp(49px,6.6vw,95px);\r\n  color:var(--petrol);\r\n}\r\n\r\n#sf-approach-page .cta h2 em {\r\n  color:#87A88D;\r\n  font-style:normal;\r\n}\r\n\r\n#sf-approach-page .cta-copy p {\r\n  font-size:18px;\r\n  max-width:480px;\r\n}\r\n\r\n#sf-approach-page .cta-links {\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  gap:12px;\r\n  margin-top:31px;\r\n}\r\n\r\n#sf-approach-page .footnote {\r\n  padding:26px 0;\r\n  background:var(--sand);\r\n  font-size:11px;\r\n  color:var(--muted);\r\n  letter-spacing:.06em;\r\n}\r\n\r\n\/* REVEAL *\/\r\n\r\n#sf-approach-page .reveal {\r\n  opacity:1;\r\n  transform:none;\r\n}\r\n\r\n#sf-approach-page.motion .reveal {\r\n  opacity:0;\r\n  transform:translateY(34px);\r\n  transition:\r\n    opacity .9s var(--ease),\r\n    transform 1s var(--ease);\r\n}\r\n\r\n#sf-approach-page.motion .reveal.visible {\r\n  opacity:1;\r\n  transform:none;\r\n}\r\n\r\n@keyframes sfWhyZoom {\r\n  to {transform:scale(1.07)}\r\n}\r\n\r\n@keyframes sfWhyOrbit {\r\n  to {transform:translate(-50%,-50%) rotate(360deg)}\r\n}\r\n\r\n@keyframes sfWhyFloat {\r\n  0%,100% {transform:translateY(0)}\r\n  50% {transform:translateY(-10px)}\r\n}\r\n\r\n\/* TABLET *\/\r\n\r\n@media(max-width:1024px) {\r\n  #sf-approach-page .wrap {\r\n    width:calc(100% - 58px);\r\n  }\r\n\r\n  #sf-approach-page .system-copy {\r\n    padding-right:30px;\r\n  }\r\n}\r\n\r\n\/* MOBILE *\/\r\n\r\n@media(max-width:767px) {\r\n  #sf-approach-page .wrap {\r\n    width:calc(100% - 40px);\r\n  }\r\n\r\n  #sf-approach-page .hero {\r\n    min-height:730px;\r\n    min-height:88svh;\r\n  }\r\n\r\n  #sf-approach-page .hero::before {\r\n    background:linear-gradient(\r\n      0deg,\r\n      rgba(10,37,34,.96),\r\n      rgba(10,37,34,.78) 75%,\r\n      rgba(10,37,34,.42)\r\n    );\r\n  }\r\n\r\n  #sf-approach-page .hero-inner {\r\n    padding:110px 0 145px;\r\n  }\r\n\r\n  #sf-approach-page .hero-inner .wrap {\r\n    padding-left:0;\r\n  }\r\n\r\n  #sf-approach-page .hero h1 {\r\n    font-size:clamp(52px,11.5vw,78px);\r\n  }\r\n\r\n  #sf-approach-page .hero-intro {\r\n    font-size:16px;\r\n  }\r\n\r\n  #sf-approach-page .hero-bottom .wrap {\r\n    flex-direction:column;\r\n    gap:5px;\r\n    font-size:9px;\r\n  }\r\n\r\n  #sf-approach-page .thesis,\r\n  #sf-approach-page .difference,\r\n  #sf-approach-page .experience,\r\n  #sf-approach-page .questions,\r\n  #sf-approach-page .system,\r\n  #sf-approach-page .perspective,\r\n  #sf-approach-page .cta {\r\n    padding:85px 0;\r\n  }\r\n\r\n  #sf-approach-page .thesis-grid,\r\n  #sf-approach-page .difference-head,\r\n  #sf-approach-page .experience-grid,\r\n  #sf-approach-page .questions-head,\r\n  #sf-approach-page .system-head,\r\n  #sf-approach-page .perspective-grid,\r\n  #sf-approach-page .cta-grid {\r\n    grid-template-columns:1fr;\r\n    gap:35px;\r\n  }\r\n\r\n  #sf-approach-page .difference-head {\r\n    margin-bottom:45px;\r\n  }\r\n\r\n  #sf-approach-page .reasons {\r\n    grid-template-columns:1fr;\r\n    gap:14px;\r\n  }\r\n\r\n  #sf-approach-page .reason,\r\n  #sf-approach-page .reason:nth-child(1),\r\n  #sf-approach-page .reason:nth-child(4),\r\n  #sf-approach-page .reason:nth-child(5),\r\n  #sf-approach-page .reason:nth-child(6) {\r\n    grid-column:auto;\r\n    min-height:260px;\r\n  }\r\n\r\n  #sf-approach-page .thesis-rule {\r\n    margin-top:50px;\r\n  }\r\n\r\n  #sf-approach-page .interlude {\r\n    min-height:470px;\r\n  }\r\n\r\n  #sf-approach-page .interlude .wrap {\r\n    padding:90px 0;\r\n  }\r\n\r\n  #sf-approach-page .year {\r\n    font-size:clamp(120px,26vw,180px);\r\n  }\r\n\r\n  #sf-approach-page .question-row {\r\n    grid-template-columns:42px 1fr;\r\n    gap:14px;\r\n    padding:30px 0;\r\n  }\r\n\r\n  #sf-approach-page .question-row p {\r\n    grid-column:2;\r\n  }\r\n\r\n  #sf-approach-page .system-board {\r\n    grid-template-columns:1fr;\r\n    margin-top:45px;\r\n  }\r\n\r\n  #sf-approach-page .system-art {\r\n    min-height:365px;\r\n  }\r\n\r\n  #sf-approach-page .orbit {\r\n    width:245px;\r\n    height:245px;\r\n  }\r\n\r\n  #sf-approach-page .orbit.outer {\r\n    width:330px;\r\n    height:330px;\r\n  }\r\n\r\n  #sf-approach-page .system-core {\r\n    width:120px;\r\n    height:120px;\r\n  }\r\n\r\n  #sf-approach-page .system-core span {\r\n    font-size:16px;\r\n  }\r\n\r\n  #sf-approach-page .system-copy {\r\n    padding:15px 27px 45px;\r\n  }\r\n\r\n  #sf-approach-page .cta-links {\r\n    flex-direction:column;\r\n  }\r\n\r\n  #sf-approach-page .cta-links .button {\r\n    width:100%;\r\n  }\r\n}\r\n\r\n@media(prefers-reduced-motion:reduce) {\r\n  #sf-approach-page *,\r\n  #sf-approach-page *::before,\r\n  #sf-approach-page *::after {\r\n    animation:none!important;\r\n    transition:none!important;\r\n  }\r\n\r\n  #sf-approach-page.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-approach-page{--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-approach-page.sfu-wide{width:var(--sfu-width)!important;max-width:none!important;margin-left:var(--sfu-left)!important;margin-right:0!important}\r\n#sf-approach-page *,#sf-approach-page *::before,#sf-approach-page *::after{box-sizing:border-box}\r\n#sf-approach-page a:focus-visible,#sf-approach-page button:focus-visible,#sf-approach-page summary:focus-visible,#sf-approach-page input:focus-visible,#sf-approach-page textarea:focus-visible,#sf-approach-page select:focus-visible{outline:3px solid #8050BD;outline-offset:5px}\r\n#sf-approach-page .reveal,#sf-approach-page .sf-reveal{opacity:1!important;transform:none!important}\r\n#sf-approach-page .sfu-enter{animation:sfuEnter .7s ease both}\r\n#sf-approach-page .sfu-panel{padding:84px 0;background:#DFE7DF;color:#252B2A;scroll-margin-top:90px}\r\n#sf-approach-page .sfu-inner{width:min(1360px,calc(100% - 80px));margin:auto}\r\n#sf-approach-page .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-approach-page .sfu-kicker{display:block;color:#435E50;font:750 11px\/1.7 Manrope,Arial,sans-serif;letter-spacing:.13em;margin-bottom:22px}\r\n#sf-approach-page .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-approach-page .sfu-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}\r\n#sf-approach-page .sfu-card{background:#F7F5F0;padding:30px;border:1px solid #BCCBC0;min-width:0;transition:transform .3s,box-shadow .3s}\r\n#sf-approach-page .sfu-card:hover{transform:translateY(-5px);box-shadow:0 16px 35px #173D3B12}\r\n#sf-approach-page .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-approach-page .sfu-card p{font:400 15px\/1.8 Manrope,Arial,sans-serif;margin:0;color:#394B40}\r\n#sf-approach-page .sfu-small{font:750 11px\/1.6 Manrope,Arial,sans-serif;color:#526A5B}\r\n#sf-approach-page .sfu-art{height:390px;margin:30px 0;position:relative;overflow:hidden;background:#173D3B;border-radius:20px;isolation:isolate}\r\n#sf-approach-page .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-approach-page .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-approach-page .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-approach-page .sfu-orbit-two{width:350px;height:350px;margin:-175px;border:1px dashed #C6FF2077;animation-direction:reverse;animation-duration:40s}\r\n#sf-approach-page .sfu-orbit-two::before{left:47px;top:47px;background:#C6FF20;box-shadow:0 0 16px #C6FF20}\r\n#sf-approach-page .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-approach-page .sfu-core span{transform:rotate(-45deg);font:750 20px\/1.1 Manrope,Arial,sans-serif;color:#F7F5F0;text-align:center}\r\n#sf-approach-page .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-approach-page .sfu-chip-a{left:12%;top:18%}#sf-approach-page .sfu-chip-b{right:10%;top:37%;border-color:#00DCE8;animation-delay:-2s}#sf-approach-page .sfu-chip-c{left:16%;bottom:15%;border-color:#A459ED;animation-delay:-4s}\r\n#sf-approach-page .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-approach-page .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-approach-page .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-approach-page .sfu-panel details{padding:20px 0;border-bottom:1px solid #B5C5BA}\r\n#sf-approach-page .sfu-panel summary{font-weight:750;cursor:pointer;min-height:28px;color:#173D3B}\r\n#sf-approach-page .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-approach-page .sfu-cards{grid-template-columns:1fr}#sf-approach-page .sfu-panel{padding:58px 0}#sf-approach-page .sfu-inner{width:calc(100% - 40px)}}\r\n@media(max-width:540px){#sf-approach-page .sfu-art{height:340px}#sf-approach-page .sfu-chip{font-size:8px;padding:8px 10px}#sf-approach-page .sfu-chip-a{left:4%;top:12%}#sf-approach-page .sfu-chip-b{right:3%;top:36%}#sf-approach-page .sfu-chip-c{left:5%;bottom:12%}#sf-approach-page .sfu-orbit-two{width:300px;height:300px;margin:-150px}#sf-approach-page .sfu-card{padding:24px}}\r\n@media(prefers-reduced-motion:reduce){#sf-approach-page *,#sf-approach-page *::before,#sf-approach-page *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important;translate:none!important}}\r\n<\/style>\r\n<div id=\"sf-approach-page\" lang=\"en\">\r\n\r\n  <!-- 01 \/ HERO -->\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 Timberstone Office design\" fetchpriority=\"high\" decoding=\"async\">\r\n    <\/div>\r\n\r\n    <div class=\"wrap hero-inner\">\r\n\r\n      <div class=\"wrap\">\r\n\r\n        <div class=\"label light\">\r\n          SECTIONFORM \/ OUR APPROACH\r\n        <\/div>\r\n\r\n        <h1>Nature-connected. Smart by purpose.<\/h1>\r\n\r\n        <p class=\"hero-intro\">Our architectural approach brings biophilic design, useful smart products and evidence-informed material choices into one workspace perspective.<\/p>\r\n\r\n        <a href=\"#sf-why-difference\" class=\"button cream\">Explore Our Approach \u2197<\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"hero-bottom\">\r\n      <div class=\"wrap\">\r\n        <span>SECTIONFORM \/ THE DIFFERENCE<\/span>\r\n        <span>DESIGN \u00d7 PRODUCTS \u00d7 TECHNOLOGY<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- 02 \/ OUR POINT OF VIEW -->\r\n\r\n  <!-- 03 \/ REASONS -->\r\n\r\n  <section class=\"difference\" id=\"sf-why-difference\">\r\n\r\n    <div class=\"wrap\">\r\n\r\n      <div class=\"difference-head reveal\">\r\n\r\n        <div>\r\n\r\n          <div class=\"label\">\r\n            02 \/ THE SECTIONFORM DIFFERENCE\r\n          <\/div>\r\n\r\n          <h2 class=\"big-title\">Six checks behind a considered choice.<\/h2>\r\n\r\n        <\/div>\r\n\r\n        <p>\r\n          A design perspective built\r\n          around context, technical\r\n          understanding and\r\n          informed product thinking.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"reasons\">\r\n\r\n        <article class=\"reason reveal\">\r\n\r\n          <div class=\"reason-num\">01 \/ START WITH THE SPACE<\/div>\r\n          <div class=\"reason-corner\"><\/div>\r\n\r\n          <div>\r\n            <h3>Retain before replacing.<\/h3>\r\n            <p>Understand the activities and constraints. Assess which existing elements can be reused, rearranged or repaired before recommending new products.<\/p>\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n        <article class=\"reason reveal\">\r\n\r\n          <div class=\"reason-num\">02 \/ BIOPHILIC DESIGN<\/div>\r\n          <div class=\"reason-corner\"><\/div>\r\n\r\n          <div>\r\n            <h3>Connect with nature.<\/h3>\r\n            <p>Consider daylight, views, appropriate planting and natural or nature-inspired elements. Account for glare, water, drainage, available light and ongoing care.<\/p>\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n        <article class=\"reason reveal\">\r\n\r\n          <div class=\"reason-num\">03 \/ SMART PRODUCTS<\/div>\r\n          <div class=\"reason-corner\"><\/div>\r\n\r\n          <div>\r\n            <h3>Make intelligence useful.<\/h3>\r\n            <p>Identify a real task before selecting controls, sensors, connected lighting or monitoring. Review interoperability, power, data handling, subscriptions and support.<\/p>\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n        <article class=\"reason reveal\">\r\n\r\n          <div class=\"reason-num\">04 \/ WOOD &amp; MATERIALS<\/div>\r\n          <div class=\"reason-corner\"><\/div>\r\n\r\n          <div>\r\n            <h3>Look beyond the finish.<\/h3>\r\n            <p>Check actual composition and documented origin rather than appearance. Consider coatings, adhesives, maintenance, durability and replaceable components.<\/p>\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n        <article class=\"reason reveal\">\r\n\r\n          <div class=\"reason-num\">05 \/ ENVIRONMENTAL EVIDENCE<\/div>\r\n          <div class=\"reason-corner\"><\/div>\r\n\r\n          <div>\r\n            <h3>Ask what supports the claim.<\/h3>\r\n            <p>Request product-specific documents, the claim scope, assessment method and verification source where available. Do not generalize evidence from a brand to every product.<\/p>\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n        <article class=\"reason reveal\">\r\n\r\n          <div class=\"reason-num\">06 \/ LIMITS &amp; TRADE-OFFS<\/div>\r\n          <div class=\"reason-corner\"><\/div>\r\n\r\n          <div>\r\n            <h3>Explain what is unresolved.<\/h3>\r\n            <p>Separate proposal, supplier information, independent evidence and hands-on testing. Identify missing information and avoid unsupported energy, health, acoustic or carbon outcomes.<\/p>\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  <!-- 04 \/ IMAGE STATEMENT -->\r\n\r\n  <section class=\"interlude\">\r\n\r\n    <div class=\"interlude-image\">\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    <\/div>\r\n\r\n    <div class=\"wrap reveal\">\r\n\r\n      <div class=\"label light\">\r\n        SECTIONFORM \/ DESIGN IN CONTEXT\r\n      <\/div>\r\n\r\n      <h2>Context turns a product into a considered choice.<\/h2>\r\n\r\n      <p>Layout, natural light, material choices and technology must be assessed together. A compelling image is the beginning of review, not evidence of performance.<\/p>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- 05 \/ EXPERIENCE -->\r\n\r\n  <!-- 06 \/ QUESTIONS THAT MATTER -->\r\n\r\n  <section class=\"questions\">\r\n\r\n    <div class=\"wrap\">\r\n\r\n      <div class=\"questions-head reveal\">\r\n\r\n        <div>\r\n\r\n          <div class=\"label\">\r\n            04 \/ THE QUESTIONS THAT MATTER\r\n          <\/div>\r\n\r\n          <h2 class=\"big-title\">Questions before specification.<\/h2>\r\n\r\n        <\/div>\r\n\r\n        <p>\r\n          Beyond visual inspiration,\r\n          a useful product decision\r\n          should account for the\r\n          realities of the space.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"question-list\">\r\n\r\n        <div class=\"question-row reveal\">\r\n\r\n          <span class=\"question-num\">01 \/<\/span>\r\n\r\n          <h3>Does it belong here?<\/h3>\r\n\r\n          <p>\r\n            Consider proportion,\r\n            materials, appearance\r\n            and how a product relates\r\n            to the architectural setting.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"question-row reveal\">\r\n\r\n          <span class=\"question-num\">02 \/<\/span>\r\n\r\n          <h3>Does it do the job?<\/h3>\r\n\r\n          <p>\r\n            Understand intended use,\r\n            functional requirements\r\n            and whether the product\r\n            addresses a real need.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"question-row reveal\">\r\n\r\n          <span class=\"question-num\">03 \/<\/span>\r\n\r\n          <h3>Will it work together?<\/h3>\r\n\r\n          <p>\r\n            Consider compatibility\r\n            with nearby furniture,\r\n            electrical infrastructure,\r\n            devices and other systems.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"question-row reveal\">\r\n\r\n          <span class=\"question-num\">04 \/<\/span>\r\n\r\n          <h3>What does it require?<\/h3>\r\n\r\n          <p>\r\n            Think about installation,\r\n            power, connectivity,\r\n            maintenance and any\r\n            specialist requirements.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"question-row reveal\">\r\n\r\n          <span class=\"question-num\">05 \/<\/span>\r\n\r\n          <h3>What supports the claim?<\/h3>\r\n\r\n          <p>\r\n            Product specifications,\r\n            manufacturer documentation\r\n            and evidence matter,\r\n            especially for performance\r\n            and environmental claims.\r\n          <\/p>\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  <!-- 07 \/ ARCHITECTURAL SYSTEM -->\r\n\r\n  <section class=\"sfu-panel\" id=\"sf-material-evidence\"><div class=\"sfu-inner\"><span class=\"sfu-kicker\">SECTIONFORM \/ DESIGN IN PRACTICE<\/span><h2>Wood products are not automatically zero carbon.<\/h2><p class=\"sfu-intro\">We are interested in wood and other workspace materials with credible sourcing and useful environmental information. We use the exact product claim and its boundaries rather than applying a blanket green label.<\/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>Know the material<\/h3><p>Confirm whether the product is solid timber, veneer, composite board or a wood-look surface. Review composition, finish, adhesives, maintenance and sourcing information.<\/p><\/article><article class=\"sfu-card\"><span class=\"sfu-small\">02<\/span><h3>Know the carbon scope<\/h3><p>Ask which life-cycle stages, geography and assumptions are included, and whether the claim depends on offsets. Keep the source, date and model alongside the claim.<\/p><\/article><article class=\"sfu-card\"><span class=\"sfu-small\">03<\/span><h3>Know the comparison<\/h3><p>A lower-carbon comparison needs a stated baseline and comparable assessment boundaries. Low carbon, carbon neutral and net zero are not interchangeable labels.<\/p><\/article><\/div><\/div><\/section><section class=\"system\">\r\n\r\n    <div class=\"wrap\">\r\n\r\n      <div class=\"system-head reveal\">\r\n\r\n        <div>\r\n\r\n          <div class=\"label light\">\r\n            05 \/ CONNECTED PERSPECTIVE\r\n          <\/div>\r\n\r\n          <h2>\r\n            The whole<br>\r\n            is the point.\r\n          <\/h2>\r\n\r\n        <\/div>\r\n\r\n        <p>\r\n          Architecture, furniture\r\n          and technology influence\r\n          each other. We approach\r\n          workplace thinking through\r\n          their relationship,\r\n          not their separation.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"system-board reveal\">\r\n\r\n        <div class=\"system-art\" aria-hidden=\"true\">\r\n\r\n          <div class=\"orbit\"><\/div>\r\n          <div class=\"orbit outer\"><\/div>\r\n\r\n          <div class=\"system-core\">\r\n            <span>\r\n              SECTION<br>\r\n              FORM\r\n            <\/span>\r\n          <\/div>\r\n\r\n          <div class=\"system-tag t1\">\r\n            ARCHITECTURE\r\n          <\/div>\r\n\r\n          <div class=\"system-tag t2\">\r\n            FURNITURE\r\n          <\/div>\r\n\r\n          <div class=\"system-tag t3\">\r\n            TECHNOLOGY\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"system-copy\">\r\n\r\n          <div class=\"label light\">\r\n            MORE THAN A LOOK\r\n          <\/div>\r\n\r\n          <h3>\r\n            A connected<br>\r\n            way of<br>\r\n            thinking.\r\n          <\/h3>\r\n\r\n          <p>\r\n            Spatial planning gives\r\n            the environment structure.\r\n            Furniture supports its\r\n            activities. Technology\r\n            shapes how people\r\n            interact with it.\r\n          <\/p>\r\n\r\n          <p>\r\n            Each informs the other.\r\n            That connection makes\r\n            the overall idea stronger.\r\n          <\/p>\r\n\r\n          <div class=\"system-foot\">\r\n            CONTEXT \u00d7 FUNCTION \u00d7 INTEGRATION\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  <!-- 08 \/ PERSPECTIVE -->\r\n\r\n  <section class=\"perspective\">\r\n\r\n    <div class=\"wrap perspective-grid\">\r\n\r\n      <div class=\"reveal\">\r\n\r\n        <div class=\"label\">\r\n          06 \/ PURPOSEFUL DESIGN\r\n        <\/div>\r\n\r\n        <h2 class=\"big-title\">Long-term use belongs in the brief.<\/h2>\r\n\r\n        <p>Consider how a product will be installed, maintained, repaired or adapted as workspace needs change.<\/p>\r\n\r\n        <p>A new connected feature or natural-looking finish should earn its place through a useful role, suitable requirements and reliable product information.<\/p>\r\n\r\n        <a href=\"https:\/\/sectionform.com\/?page_id=216\" class=\"button\" style=\"margin-top:29px\">\r\n          Explore Our Focus\r\n          <span class=\"arrow\" aria-hidden=\"true\">\u2197<\/span>\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n      <figure class=\"perspective-image reveal\">\r\n\r\n        <img src=\"https:\/\/sectionform.com\/wp-content\/uploads\/2026\/10\/timberstone-office-collaboration-1.png-1.png\" alt=\"Timberstone Office collaborative workspace\" loading=\"lazy\" decoding=\"async\">\r\n\r\n      <\/figure>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- 09 \/ FINAL CTA -->\r\n\r\n  <section class=\"sfu-panel\" id=\"sf-supplier-evidence\"><div class=\"sfu-inner\"><span class=\"sfu-kicker\">SECTIONFORM \/ DESIGN IN PRACTICE<\/span><h2>What we ask suppliers to share.<\/h2><p class=\"sfu-intro\">The aim is enough information to make and explain a suitable choice, not a generic sustainability badge.<\/p><div class=\"sfu-cards\"><article class=\"sfu-card\"><span class=\"sfu-small\">01<\/span><h3>Function &amp; compatibility<\/h3><p>Model numbers, dimensions, mounting, power, controls, connectivity and supported platforms. For connected products, include data and subscription requirements.<\/p><\/article><article class=\"sfu-card\"><span class=\"sfu-small\">02<\/span><h3>Care &amp; useful life<\/h3><p>Installation and service requirements, warranty scope, cleaning, replaceable parts, repair options and availability in the intended market.<\/p><\/article><article class=\"sfu-card\"><span class=\"sfu-small\">03<\/span><h3>Environmental information<\/h3><p>Product composition and sourcing documents, relevant emissions or environmental assessments and the specific evidence behind any carbon claim.<\/p><\/article><\/div><\/div><\/section><section class=\"cta\">\r\n\r\n    <div class=\"wrap cta-grid\">\r\n\r\n      <div class=\"reveal\">\r\n\r\n        <div class=\"label\">\r\n          SECTIONFORM \/ NEXT STEP\r\n        <\/div>\r\n\r\n        <h2>\r\n          Explore the<br>\r\n          difference<br>\r\n          <em>in context.<\/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          Discover our work or\r\n          start a conversation\r\n          about design, furniture\r\n          and connected workplaces.\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 cream\">\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  <div class=\"footnote\">\r\n    <div class=\"wrap\">\r\n      SECTIONFORM \u00a9 2026 \u2014\r\n      ARCHITECTURE-LED WORKSPACE THINKING\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-approach-page');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 \/ OUR APPROACH Nature-connected. Smart by purpose. Our architectural approach brings biophilic design, useful smart products and evidence-informed material [&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-229","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sectionform.com\/index.php?rest_route=\/wp\/v2\/pages\/229","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=229"}],"version-history":[{"count":18,"href":"https:\/\/sectionform.com\/index.php?rest_route=\/wp\/v2\/pages\/229\/revisions"}],"predecessor-version":[{"id":303,"href":"https:\/\/sectionform.com\/index.php?rest_route=\/wp\/v2\/pages\/229\/revisions\/303"}],"wp:attachment":[{"href":"https:\/\/sectionform.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=229"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}