{"id":132,"date":"2026-10-14T17:27:22","date_gmt":"2026-10-14T17:27:22","guid":{"rendered":"https:\/\/sectionform.com\/?page_id=132"},"modified":"2026-10-17T17:09:55","modified_gmt":"2026-10-17T17:09:55","slug":"portfolio","status":"publish","type":"page","link":"https:\/\/sectionform.com\/?page_id=132","title":{"rendered":"Portfolio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"132\" class=\"elementor elementor-132\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0d1c313 e-flex e-con-boxed e-con e-parent\" data-id=\"0d1c313\" 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-ae255b5 elementor-widget elementor-widget-html\" data-id=\"ae255b5\" 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 OUR WORK \/ PORTFOLIO V4\r\n   Premium Architectural Editorial\r\n   ============================================== *\/\r\n\r\n.sf-work-v4{\r\n  --petrol:#173D3B;\r\n  --petrol-light:#28564F;\r\n  --ivory:#F7F5F0;\r\n  --sage:#DFE7DF;\r\n  --sand:#E9E2D6;\r\n  --terra:#B96D52;\r\n  --ink:#252B2A;\r\n  --muted:#64726B;\r\n  --ease:cubic-bezier(.22,.61,.36,1);\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}\r\n\r\n.sf-work-v4,\r\n.sf-work-v4 *,\r\n.sf-work-v4 *::before,\r\n.sf-work-v4 *::after{\r\n  box-sizing:border-box;\r\n}\r\n\r\n.sf-work-v4 h1,\r\n.sf-work-v4 h2,\r\n.sf-work-v4 h3,\r\n.sf-work-v4 p,\r\n.sf-work-v4 figure{\r\n  margin:0;\r\n}\r\n\r\n.sf-work-v4 h1,\r\n.sf-work-v4 h2,\r\n.sf-work-v4 h3{\r\n  font-family:Manrope,Arial,sans-serif;\r\n  font-weight:600;\r\n  line-height:1.08;\r\n  letter-spacing:-.055em;\r\n}\r\n\r\n.sf-work-v4 h2{\r\n  font-size:clamp(38px,5vw,73px);\r\n  color:var(--petrol);\r\n}\r\n\r\n.sf-work-v4 h3{\r\n  color:var(--petrol);\r\n}\r\n\r\n.sf-work-v4 a{\r\n  color:inherit;\r\n  text-decoration:none!important;\r\n}\r\n\r\n.sf-work-v4 a:focus-visible{\r\n  outline:3px solid var(--terra);\r\n  outline-offset:5px;\r\n}\r\n\r\n.sf-work-v4 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-work-v4 .wrap{\r\n  width:min(1260px,calc(100% - 96px));\r\n  margin:0 auto;\r\n}\r\n\r\n.sf-work-v4 .section{\r\n  padding:120px 0;\r\n  scroll-margin-top:90px;\r\n}\r\n\r\n.sf-work-v4 .eyebrow{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:13px;\r\n  margin-bottom:29px;\r\n  font-size:11px;\r\n  font-weight:800;\r\n  line-height:1.5;\r\n  letter-spacing:.17em;\r\n  text-transform:uppercase;\r\n  color:var(--petrol);\r\n}\r\n\r\n.sf-work-v4 .eyebrow::before{\r\n  content:\"\";\r\n  width:27px;\r\n  height:2px;\r\n  flex-shrink:0;\r\n  background:var(--terra);\r\n}\r\n\r\n.sf-work-v4 .eyebrow.light{\r\n  color:#DDE9E0;\r\n}\r\n\r\n.sf-work-v4 .lead{\r\n  font-size:clamp(19px,2.2vw,25px);\r\n  line-height:1.6;\r\n}\r\n\r\n.sf-work-v4 .btn{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  gap:28px;\r\n  min-height:55px;\r\n  padding:15px 26px;\r\n  border:1px solid var(--petrol);\r\n  border-radius:99px;\r\n  background:var(--petrol);\r\n  color:white!important;\r\n  font-size:12px;\r\n  font-weight:800;\r\n  transition:\r\n    transform .4s var(--ease),\r\n    background .3s ease,\r\n    box-shadow .3s ease;\r\n}\r\n\r\n.sf-work-v4 .btn:hover{\r\n  background:var(--petrol-light);\r\n  transform:translateY(-3px);\r\n  box-shadow:0 15px 30px rgba(23,61,59,.15);\r\n}\r\n\r\n.sf-work-v4 .btn.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-work-v4 .btn.cream:hover{\r\n  background:var(--sage);\r\n}\r\n\r\n.sf-work-v4 .btn span{\r\n  font-size:19px;\r\n  line-height:1;\r\n  transition:transform .3s ease;\r\n}\r\n\r\n.sf-work-v4 .btn:hover span{\r\n  transform:translate(3px,-3px);\r\n}\r\n\r\n\r\n\/* ==============================================\r\n   01 \/ HERO\r\n   ============================================== *\/\r\n\r\n.sf-work-v4 .hero{\r\n  position:relative;\r\n  min-height:760px;\r\n  min-height:90svh;\r\n  display:flex;\r\n  align-items:center;\r\n  isolation:isolate;\r\n  overflow:hidden;\r\n  background:var(--petrol);\r\n  color:white;\r\n}\r\n\r\n.sf-work-v4 .hero-photo{\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:-3;\r\n}\r\n\r\n.sf-work-v4 .hero-photo img{\r\n  animation:sfWorkHeroZoom 18s ease-in-out infinite alternate;\r\n}\r\n\r\n.sf-work-v4 .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,.94) 0%,\r\n      rgba(9,32,30,.81) 34%,\r\n      rgba(9,32,30,.35) 75%,\r\n      rgba(9,32,30,.17) 100%\r\n    ),\r\n    linear-gradient(\r\n      0deg,\r\n      rgba(9,32,30,.45),\r\n      transparent 45%\r\n    );\r\n}\r\n\r\n.sf-work-v4 .hero::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:-1;\r\n  opacity:.21;\r\n  pointer-events:none;\r\n  background-image:\r\n    linear-gradient(\r\n      rgba(255,255,255,.12) 1px,\r\n      transparent 1px\r\n    ),\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(255,255,255,.12) 1px,\r\n      transparent 1px\r\n    );\r\n  background-size:115px 115px;\r\n  mask-image:linear-gradient(\r\n    90deg,transparent 10%,black\r\n  );\r\n  -webkit-mask-image:linear-gradient(\r\n    90deg,transparent 10%,black\r\n  );\r\n}\r\n\r\n.sf-work-v4 .hero-content{\r\n  position:relative;\r\n  z-index:2;\r\n  width:100%;\r\n  padding:145px 0 125px;\r\n}\r\n\r\n.sf-work-v4 .hero-content .wrap{\r\n  padding-left:clamp(12px,3vw,50px);\r\n}\r\n\r\n.sf-work-v4 .hero h1{\r\n  max-width:1050px;\r\n  color:white!important;\r\n  font-size:clamp(64px,9vw,135px);\r\n  letter-spacing:-.075em;\r\n  line-height:.99;\r\n}\r\n\r\n.sf-work-v4 .hero h1 em{\r\n  font-style:normal;\r\n  color:#C9DFCF;\r\n}\r\n\r\n.sf-work-v4 .hero-description{\r\n  max-width:650px;\r\n  margin-top:35px;\r\n  color:#EBF3EB;\r\n  font-size:clamp(18px,2vw,23px);\r\n  line-height:1.65;\r\n}\r\n\r\n.sf-work-v4 .hero-actions{\r\n  margin-top:39px;\r\n}\r\n\r\n.sf-work-v4 .hero-index{\r\n  position:absolute;\r\n  bottom:24px;\r\n  width:100%;\r\n  left:0;\r\n  z-index:3;\r\n}\r\n\r\n.sf-work-v4 .hero-index .wrap{\r\n  padding-top:21px;\r\n  border-top:1px solid rgba(255,255,255,.4);\r\n  display:flex;\r\n  justify-content:space-between;\r\n  flex-wrap:wrap;\r\n  gap:12px;\r\n  font-size:10px;\r\n  font-weight:700;\r\n  letter-spacing:.13em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.sf-work-v4 .hero-orbit{\r\n  position:absolute;\r\n  width:220px;\r\n  height:220px;\r\n  border:1px solid rgba(255,255,255,.36);\r\n  border-radius:50%;\r\n  right:7%;\r\n  bottom:14%;\r\n  z-index:1;\r\n  animation:sfWorkSpin 30s linear infinite;\r\n  pointer-events:none;\r\n}\r\n\r\n.sf-work-v4 .hero-orbit::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:30px;\r\n  border:1px dashed rgba(255,255,255,.4);\r\n  border-radius:50%;\r\n}\r\n\r\n.sf-work-v4 .hero-orbit::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  width:12px;\r\n  height:12px;\r\n  top:15%;\r\n  left:12%;\r\n  border-radius:50%;\r\n  background:#DEAC90;\r\n  box-shadow:0 0 24px rgba(222,172,144,.6);\r\n}\r\n\r\n\r\n\/* ==============================================\r\n   02 \/ INTRO\r\n   ============================================== *\/\r\n\r\n.sf-work-v4 .intro-grid{\r\n  display:grid;\r\n  grid-template-columns:.85fr 1.15fr;\r\n  gap:10%;\r\n}\r\n\r\n.sf-work-v4 .intro-copy .lead{\r\n  color:var(--petrol);\r\n  font-weight:500;\r\n}\r\n\r\n.sf-work-v4 .intro-copy p+p{\r\n  margin-top:25px;\r\n}\r\n\r\n.sf-work-v4 .index-line{\r\n  margin-top:75px;\r\n  padding:28px 0;\r\n  border-top:1px solid #C0D0C2;\r\n  border-bottom:1px solid #C0D0C2;\r\n  display:flex;\r\n  justify-content:space-between;\r\n  flex-wrap:wrap;\r\n  gap:16px;\r\n  color:var(--petrol);\r\n  font-size:11px;\r\n  font-weight:800;\r\n  text-transform:uppercase;\r\n  letter-spacing:.1em;\r\n}\r\n\r\n\r\n\/* ==============================================\r\n   03 \/ PROJECTS\r\n   ============================================== *\/\r\n\r\n.sf-work-v4 .projects-section{\r\n  background:white;\r\n}\r\n\r\n.sf-work-v4 .projects-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-work-v4 .projects-head p{\r\n  font-size:17px;\r\n  max-width:470px;\r\n  color:var(--muted);\r\n}\r\n\r\n.sf-work-v4 .project-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(12,minmax(0,1fr));\r\n  column-gap:32px;\r\n  row-gap:90px;\r\n}\r\n\r\n.sf-work-v4 .project{\r\n  min-width:0;\r\n  grid-column:span 6;\r\n}\r\n\r\n.sf-work-v4 .project:nth-child(1){\r\n  grid-column:span 8;\r\n}\r\n\r\n.sf-work-v4 .project:nth-child(2){\r\n  grid-column:span 4;\r\n  padding-top:105px;\r\n}\r\n\r\n.sf-work-v4 .project:nth-child(3){\r\n  grid-column:span 5;\r\n  padding-top:15px;\r\n}\r\n\r\n.sf-work-v4 .project:nth-child(4){\r\n  grid-column:span 7;\r\n  padding-top:105px;\r\n}\r\n\r\n.sf-work-v4 .project:nth-child(5){\r\n  grid-column:span 12;\r\n}\r\n\r\n.sf-work-v4 .project-link{\r\n  display:block;\r\n}\r\n\r\n.sf-work-v4 .project-figure{\r\n  position:relative;\r\n  aspect-ratio:1.56;\r\n  overflow:hidden;\r\n  background:var(--sage);\r\n}\r\n\r\n.sf-work-v4 .project:nth-child(2) .project-figure,\r\n.sf-work-v4 .project:nth-child(3) .project-figure{\r\n  aspect-ratio:1.02;\r\n}\r\n\r\n.sf-work-v4 .project:nth-child(5) .project-figure{\r\n  aspect-ratio:2.25;\r\n}\r\n\r\n.sf-work-v4 .project-figure img{\r\n  transition:transform 1s var(--ease);\r\n}\r\n\r\n.sf-work-v4 .project:hover .project-figure img,\r\n.sf-work-v4 .project:focus-within .project-figure img{\r\n  transform:scale(1.055);\r\n}\r\n\r\n.sf-work-v4 .project-figure::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:1;\r\n  background:linear-gradient(\r\n    0deg,\r\n    rgba(13,42,39,.18),\r\n    transparent 35%\r\n  );\r\n  pointer-events:none;\r\n}\r\n\r\n.sf-work-v4 .project-arrow{\r\n  position:absolute;\r\n  z-index:2;\r\n  right:20px;\r\n  bottom:20px;\r\n  height:53px;\r\n  width:53px;\r\n  display:grid;\r\n  place-items:center;\r\n  border-radius:50%;\r\n  background:var(--ivory);\r\n  color:var(--petrol);\r\n  font-size:22px;\r\n  opacity:0;\r\n  transform:translateY(15px);\r\n  transition:\r\n    opacity .4s var(--ease),\r\n    transform .4s var(--ease);\r\n}\r\n\r\n.sf-work-v4 .project:hover .project-arrow,\r\n.sf-work-v4 .project:focus-within .project-arrow{\r\n  opacity:1;\r\n  transform:translateY(0);\r\n}\r\n\r\n.sf-work-v4 .project-details{\r\n  padding-top:23px;\r\n}\r\n\r\n.sf-work-v4 .project-meta{\r\n  display:flex;\r\n  justify-content:space-between;\r\n  gap:15px;\r\n  padding-bottom:13px;\r\n  border-bottom:1px solid #D5DED6;\r\n  color:var(--terra);\r\n  font-size:10px;\r\n  font-weight:800;\r\n  letter-spacing:.13em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.sf-work-v4 .project-details h3{\r\n  margin-top:20px;\r\n  font-size:clamp(29px,3.3vw,47px);\r\n  letter-spacing:-.06em;\r\n}\r\n\r\n.sf-work-v4 .project-details p{\r\n  max-width:640px;\r\n  margin-top:13px;\r\n  color:var(--muted);\r\n  font-size:15px;\r\n}\r\n\r\n.sf-work-v4 .project-more{\r\n  display:inline-block;\r\n  margin-top:21px;\r\n  padding-bottom:6px;\r\n  border-bottom:1px solid var(--petrol);\r\n  color:var(--petrol);\r\n  font-size:12px;\r\n  font-weight:800;\r\n}\r\n\r\n.sf-work-v4 .projects-foot{\r\n  margin-top:85px;\r\n  padding-top:22px;\r\n  border-top:1px solid #D5DED6;\r\n  display:flex;\r\n  justify-content:space-between;\r\n  flex-wrap:wrap;\r\n  gap:18px;\r\n  color:var(--muted);\r\n  font-size:12px;\r\n}\r\n\r\n\r\n\/* ==============================================\r\n   04 \/ VISUAL INTERLUDE\r\n   ============================================== *\/\r\n\r\n.sf-work-v4 .interlude{\r\n  position:relative;\r\n  min-height:590px;\r\n  isolation:isolate;\r\n  display:flex;\r\n  align-items:center;\r\n  background:var(--petrol);\r\n  color:white;\r\n  overflow:hidden;\r\n}\r\n\r\n.sf-work-v4 .interlude-image{\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:-2;\r\n}\r\n\r\n.sf-work-v4 .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(13,43,40,.93) 0%,\r\n    rgba(13,43,40,.69) 48%,\r\n    rgba(13,43,40,.20) 100%\r\n  );\r\n}\r\n\r\n.sf-work-v4 .interlude .wrap{\r\n  padding:90px 0;\r\n}\r\n\r\n.sf-work-v4 .interlude h2{\r\n  max-width:920px;\r\n  color:white!important;\r\n  font-size:clamp(44px,6.4vw,89px);\r\n}\r\n\r\n.sf-work-v4 .interlude h2 span{\r\n  color:#C8DFCD;\r\n}\r\n\r\n.sf-work-v4 .interlude p{\r\n  margin-top:26px;\r\n  max-width:640px;\r\n  color:#E1ECE1;\r\n  font-size:18px;\r\n}\r\n\r\n\r\n\/* ==============================================\r\n   05 \/ DETAILS GALLERY\r\n   ============================================== *\/\r\n\r\n.sf-work-v4 .details-section{\r\n  background:var(--sand);\r\n}\r\n\r\n.sf-work-v4 .details-head{\r\n  display:grid;\r\n  grid-template-columns:.9fr 1.1fr;\r\n  gap:10%;\r\n  align-items:end;\r\n  margin-bottom:65px;\r\n}\r\n\r\n.sf-work-v4 .details-head p{\r\n  max-width:540px;\r\n  font-size:17px;\r\n}\r\n\r\n.sf-work-v4 .details-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(3,minmax(0,1fr));\r\n  gap:23px;\r\n}\r\n\r\n.sf-work-v4 .detail-card{\r\n  min-width:0;\r\n}\r\n\r\n.sf-work-v4 .detail-photo{\r\n  overflow:hidden;\r\n  aspect-ratio:.92;\r\n  background:#CBD1C9;\r\n}\r\n\r\n.sf-work-v4 .detail-card:nth-child(2){\r\n  padding-top:68px;\r\n}\r\n\r\n.sf-work-v4 .detail-card:nth-child(3){\r\n  padding-top:135px;\r\n}\r\n\r\n.sf-work-v4 .detail-photo img{\r\n  transition:transform 1s var(--ease);\r\n}\r\n\r\n.sf-work-v4 .detail-card:hover img{\r\n  transform:scale(1.06);\r\n}\r\n\r\n.sf-work-v4 .detail-card figcaption{\r\n  padding-top:16px;\r\n  display:flex;\r\n  justify-content:space-between;\r\n  gap:14px;\r\n  color:var(--petrol);\r\n  font-size:11px;\r\n  font-weight:750;\r\n}\r\n\r\n.sf-work-v4 .detail-card figcaption span{\r\n  color:var(--terra);\r\n}\r\n\r\n\r\n\/* ==============================================\r\n   06 \/ GRAPHIC \u2014 DESIGN RELATIONSHIP\r\n   ============================================== *\/\r\n\r\n.sf-work-v4 .thinking{\r\n  position:relative;\r\n  padding:130px 0;\r\n  background:var(--petrol);\r\n  color:white;\r\n  overflow:hidden;\r\n}\r\n\r\n.sf-work-v4 .thinking-head{\r\n  display:grid;\r\n  grid-template-columns:.9fr 1.1fr;\r\n  gap:9%;\r\n  align-items:end;\r\n}\r\n\r\n.sf-work-v4 .thinking-head h2{\r\n  color:white!important;\r\n}\r\n\r\n.sf-work-v4 .thinking-head p{\r\n  max-width:560px;\r\n  color:#DCE8DD;\r\n  font-size:18px;\r\n}\r\n\r\n.sf-work-v4 .thinking-visual{\r\n  margin-top:75px;\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  min-height:470px;\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-work-v4 .visual-stage{\r\n  position:relative;\r\n  min-height:470px;\r\n  overflow:hidden;\r\n}\r\n\r\n.sf-work-v4 .visual-stage::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\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:36px 36px;\r\n  mask-image:radial-gradient(\r\n    circle,black 25%,transparent 77%\r\n  );\r\n  -webkit-mask-image:radial-gradient(\r\n    circle,black 25%,transparent 77%\r\n  );\r\n}\r\n\r\n.sf-work-v4 .visual-ring{\r\n  position:absolute;\r\n  left:50%;\r\n  top:50%;\r\n  width:300px;\r\n  height:300px;\r\n  border:1px solid rgba(255,255,255,.4);\r\n  border-radius:50%;\r\n  animation:sfWorkOrbit 25s linear infinite;\r\n}\r\n\r\n.sf-work-v4 .visual-ring.outer{\r\n  width:410px;\r\n  height:410px;\r\n  opacity:.4;\r\n  border-style:dashed;\r\n  animation-duration:38s;\r\n  animation-direction:reverse;\r\n}\r\n\r\n.sf-work-v4 .visual-ring::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  left:15%;\r\n  top:11%;\r\n  width:12px;\r\n  height:12px;\r\n  border-radius:50%;\r\n  background:#DEAC90;\r\n}\r\n\r\n.sf-work-v4 .visual-core{\r\n  position:absolute;\r\n  left:50%;\r\n  top:50%;\r\n  width:148px;\r\n  height:148px;\r\n  border-radius:21px;\r\n  display:grid;\r\n  place-items:center;\r\n  background:var(--ivory);\r\n  color:var(--petrol);\r\n  transform:translate(-50%,-50%) rotate(45deg);\r\n  box-shadow:0 0 100px rgba(233,226,214,.13);\r\n  animation:sfWorkCore 5s ease-in-out infinite alternate;\r\n}\r\n\r\n.sf-work-v4 .visual-core span{\r\n  transform:rotate(-45deg);\r\n  font-size:19px;\r\n  font-weight:800;\r\n  line-height:1.05;\r\n  text-align:center;\r\n}\r\n\r\n.sf-work-v4 .visual-node{\r\n  position:absolute;\r\n  z-index:2;\r\n  padding:12px 15px;\r\n  background:rgba(13,43,40,.9);\r\n  border:1px solid rgba(255,255,255,.27);\r\n  color:white;\r\n  font-size:10px;\r\n  font-weight:800;\r\n  letter-spacing:.1em;\r\n  animation:sfWorkFloat 5s ease-in-out infinite;\r\n}\r\n\r\n.sf-work-v4 .visual-node.one{\r\n  left:7%;\r\n  top:17%;\r\n}\r\n\r\n.sf-work-v4 .visual-node.two{\r\n  right:4%;\r\n  top:24%;\r\n  animation-delay:1s;\r\n}\r\n\r\n.sf-work-v4 .visual-node.three{\r\n  left:14%;\r\n  bottom:15%;\r\n  animation-delay:2s;\r\n}\r\n\r\n.sf-work-v4 .thinking-copy{\r\n  display:flex;\r\n  flex-direction:column;\r\n  justify-content:center;\r\n  padding:50px 50px 50px 20px;\r\n}\r\n\r\n.sf-work-v4 .thinking-copy h3{\r\n  max-width:450px;\r\n  color:white!important;\r\n  font-size:clamp(32px,3.4vw,47px);\r\n}\r\n\r\n.sf-work-v4 .thinking-copy p{\r\n  margin-top:24px;\r\n  max-width:470px;\r\n  color:#DCE8DD;\r\n  font-size:16px;\r\n}\r\n\r\n.sf-work-v4 .thinking-line{\r\n  margin-top:30px;\r\n  border-top:1px solid rgba(255,255,255,.2);\r\n  padding-top:20px;\r\n  color:#C1D8C8;\r\n  font-size:11px;\r\n  text-transform:uppercase;\r\n  letter-spacing:.13em;\r\n}\r\n\r\n\r\n\/* ==============================================\r\n   07 \/ FINAL CTA\r\n   ============================================== *\/\r\n\r\n.sf-work-v4 .cta{\r\n  position:relative;\r\n  background:var(--sage);\r\n  padding:135px 0;\r\n  overflow:hidden;\r\n}\r\n\r\n.sf-work-v4 .cta-grid{\r\n  display:grid;\r\n  grid-template-columns:1.1fr .9fr;\r\n  gap:9%;\r\n  align-items:center;\r\n  position:relative;\r\n  z-index:2;\r\n}\r\n\r\n.sf-work-v4 .cta h2{\r\n  font-size:clamp(47px,6.5vw,95px);\r\n}\r\n\r\n.sf-work-v4 .cta h2 em{\r\n  font-style:normal;\r\n  color:#769D83;\r\n}\r\n\r\n.sf-work-v4 .cta-copy p{\r\n  max-width:480px;\r\n  font-size:19px;\r\n}\r\n\r\n.sf-work-v4 .cta-actions{\r\n  margin-top:30px;\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  gap:12px;\r\n}\r\n\r\n.sf-work-v4 .cta-accent{\r\n  position:absolute;\r\n  width:680px;\r\n  height:680px;\r\n  right:-300px;\r\n  bottom:-390px;\r\n  border:1px solid rgba(23,61,59,.25);\r\n  border-radius:50%;\r\n  pointer-events:none;\r\n}\r\n\r\n.sf-work-v4 .cta-accent::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:65px;\r\n  border:1px dashed rgba(23,61,59,.25);\r\n  border-radius:50%;\r\n  animation:sfWorkSpin 35s linear infinite;\r\n}\r\n\r\n.sf-work-v4 .footer-note{\r\n  padding:25px 0 43px;\r\n  background:var(--ivory);\r\n  color:var(--muted);\r\n  font-size:12px;\r\n}\r\n\r\n\r\n\/* ==============================================\r\n   INTERACTION \/ MOTION\r\n   ============================================== *\/\r\n\r\n.sf-work-v4 .reveal{\r\n  opacity:1;\r\n  transform:none;\r\n}\r\n\r\n.sf-work-v4.motion-ready .reveal{\r\n  opacity:0;\r\n  transform:translateY(38px);\r\n  transition:\r\n    opacity .95s var(--ease),\r\n    transform 1.05s var(--ease);\r\n}\r\n\r\n.sf-work-v4.motion-ready .reveal.is-visible{\r\n  opacity:1;\r\n  transform:none;\r\n}\r\n\r\n.sf-work-v4.motion-ready .hero-enter{\r\n  animation:sfWorkEnter .9s var(--ease) both;\r\n}\r\n\r\n.sf-work-v4.motion-ready .hero-enter.d1{\r\n  animation-delay:.13s;\r\n}\r\n\r\n.sf-work-v4.motion-ready .hero-enter.d2{\r\n  animation-delay:.27s;\r\n}\r\n\r\n.sf-work-v4.motion-ready .hero-enter.d3{\r\n  animation-delay:.4s;\r\n}\r\n\r\n.sf-work-progress{\r\n  position:fixed;\r\n  left:0;\r\n  top:0;\r\n  height:3px;\r\n  width:100%;\r\n  z-index:9999;\r\n  pointer-events:none;\r\n  transform:scaleX(0);\r\n  transform-origin:left center;\r\n  background:linear-gradient(\r\n    90deg,#173D3B,#B96D52,#DFE7DF\r\n  );\r\n}\r\n\r\n@keyframes sfWorkEnter{\r\n  from{\r\n    opacity:0;\r\n    transform:translateY(25px);\r\n  }\r\n  to{\r\n    opacity:1;\r\n    transform:translateY(0);\r\n  }\r\n}\r\n\r\n@keyframes sfWorkHeroZoom{\r\n  from{transform:scale(1)}\r\n  to{transform:scale(1.07)}\r\n}\r\n\r\n@keyframes sfWorkSpin{\r\n  to{transform:rotate(360deg)}\r\n}\r\n\r\n@keyframes sfWorkOrbit{\r\n  to{\r\n    transform:translate(-50%,-50%) rotate(360deg);\r\n  }\r\n}\r\n\r\n@keyframes sfWorkCore{\r\n  from{\r\n    transform:translate(-50%,-50%) rotate(45deg) translateY(-6px);\r\n  }\r\n  to{\r\n    transform:translate(-50%,-50%) rotate(45deg) translateY(8px);\r\n  }\r\n}\r\n\r\n@keyframes sfWorkFloat{\r\n  0%,100%{transform:translateY(0)}\r\n  50%{transform:translateY(-11px)}\r\n}\r\n\r\n\r\n\/* ==============================================\r\n   TABLET\r\n   ============================================== *\/\r\n\r\n@media(max-width:1024px){\r\n\r\n  .sf-work-v4 .wrap{\r\n    width:calc(100% - 54px);\r\n  }\r\n\r\n  .sf-work-v4 .hero h1{\r\n    font-size:clamp(58px,8.7vw,105px);\r\n  }\r\n\r\n  .sf-work-v4 .thinking-copy{\r\n    padding-right:30px;\r\n  }\r\n\r\n  .sf-work-v4 .visual-ring.outer{\r\n    width:355px;\r\n    height:355px;\r\n  }\r\n\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-work-v4 .wrap{\r\n    width:calc(100% - 36px);\r\n  }\r\n\r\n  .sf-work-v4 .section{\r\n    padding:78px 0;\r\n  }\r\n\r\n  .sf-work-v4 .hero{\r\n    min-height:760px;\r\n    min-height:90svh;\r\n  }\r\n\r\n  .sf-work-v4 .hero::before{\r\n    background:linear-gradient(\r\n      0deg,\r\n      rgba(9,32,30,.95),\r\n      rgba(9,32,30,.75) 68%,\r\n      rgba(9,32,30,.38)\r\n    );\r\n  }\r\n\r\n  .sf-work-v4 .hero-content{\r\n    padding:115px 0 140px;\r\n  }\r\n\r\n  .sf-work-v4 .hero-content .wrap{\r\n    padding-left:10px;\r\n  }\r\n\r\n  .sf-work-v4 .hero h1{\r\n    font-size:clamp(54px,11.5vw,79px);\r\n  }\r\n\r\n  .sf-work-v4 .hero-description{\r\n    font-size:16px;\r\n  }\r\n\r\n  .sf-work-v4 .hero-orbit{\r\n    top:9%;\r\n    bottom:auto;\r\n    right:-45px;\r\n    width:135px;\r\n    height:135px;\r\n    opacity:.7;\r\n  }\r\n\r\n  .sf-work-v4 .hero-index{\r\n    bottom:16px;\r\n  }\r\n\r\n  .sf-work-v4 .hero-index .wrap{\r\n    flex-direction:column;\r\n    gap:4px;\r\n    font-size:9px;\r\n  }\r\n\r\n  .sf-work-v4 .intro-grid,\r\n  .sf-work-v4 .projects-head,\r\n  .sf-work-v4 .details-head,\r\n  .sf-work-v4 .thinking-head,\r\n  .sf-work-v4 .cta-grid{\r\n    grid-template-columns:1fr;\r\n    gap:35px;\r\n  }\r\n\r\n  .sf-work-v4 .index-line{\r\n    margin-top:45px;\r\n  }\r\n\r\n  .sf-work-v4 .project-grid{\r\n    grid-template-columns:1fr;\r\n    gap:55px;\r\n  }\r\n\r\n  .sf-work-v4 .project,\r\n  .sf-work-v4 .project:nth-child(1),\r\n  .sf-work-v4 .project:nth-child(2),\r\n  .sf-work-v4 .project:nth-child(3),\r\n  .sf-work-v4 .project:nth-child(4),\r\n  .sf-work-v4 .project:nth-child(5){\r\n    grid-column:auto;\r\n    padding-top:0;\r\n  }\r\n\r\n  .sf-work-v4 .project-figure,\r\n  .sf-work-v4 .project:nth-child(2) .project-figure,\r\n  .sf-work-v4 .project:nth-child(3) .project-figure,\r\n  .sf-work-v4 .project:nth-child(5) .project-figure{\r\n    aspect-ratio:1.27;\r\n  }\r\n\r\n  .sf-work-v4 .project-arrow{\r\n    opacity:1;\r\n    transform:none;\r\n    width:42px;\r\n    height:42px;\r\n  }\r\n\r\n  .sf-work-v4 .details-grid{\r\n    grid-template-columns:1fr;\r\n    gap:40px;\r\n  }\r\n\r\n  .sf-work-v4 .detail-card:nth-child(2),\r\n  .sf-work-v4 .detail-card:nth-child(3){\r\n    padding-top:0;\r\n  }\r\n\r\n  .sf-work-v4 .detail-photo{\r\n    aspect-ratio:1.18;\r\n  }\r\n\r\n  .sf-work-v4 .interlude{\r\n    min-height:470px;\r\n  }\r\n\r\n  .sf-work-v4 .thinking{\r\n    padding:80px 0;\r\n  }\r\n\r\n  .sf-work-v4 .thinking-visual{\r\n    grid-template-columns:1fr;\r\n    margin-top:45px;\r\n  }\r\n\r\n  .sf-work-v4 .visual-stage{\r\n    min-height:380px;\r\n  }\r\n\r\n  .sf-work-v4 .visual-ring{\r\n    width:245px;\r\n    height:245px;\r\n  }\r\n\r\n  .sf-work-v4 .visual-ring.outer{\r\n    width:335px;\r\n    height:335px;\r\n  }\r\n\r\n  .sf-work-v4 .visual-core{\r\n    width:120px;\r\n    height:120px;\r\n  }\r\n\r\n  .sf-work-v4 .visual-core span{\r\n    font-size:16px;\r\n  }\r\n\r\n  .sf-work-v4 .visual-node{\r\n    font-size:9px;\r\n    padding:9px;\r\n  }\r\n\r\n  .sf-work-v4 .thinking-copy{\r\n    padding:0 26px 38px;\r\n  }\r\n\r\n  .sf-work-v4 .cta{\r\n    padding:90px 0;\r\n  }\r\n\r\n  .sf-work-v4 .cta-actions{\r\n    flex-direction:column;\r\n  }\r\n\r\n  .sf-work-v4 .btn{\r\n    width:100%;\r\n  }\r\n\r\n}\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n  .sf-work-v4 *,\r\n  .sf-work-v4 *::before,\r\n  .sf-work-v4 *::after{\r\n    animation:none!important;\r\n    transition:none!important;\r\n  }\r\n\r\n  .sf-work-v4.motion-ready .reveal{\r\n    opacity:1!important;\r\n    transform:none!important;\r\n  }\r\n\r\n  .sf-work-progress{\r\n    display:none!important;\r\n  }\r\n\r\n}\r\n\r\n\/* Astra heading color overrides *\/\r\n\r\n.sf-work-v4 .hero h1,\r\n.sf-work-v4 .interlude h2,\r\n.sf-work-v4 .thinking h2,\r\n.sf-work-v4 .thinking h3{\r\n  color:white!important;\r\n}\r\n<\/style>\r\n\r\n<style>\r\n#sf-work-v4{--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-work-v4.sfu-wide{width:var(--sfu-width)!important;max-width:none!important;margin-left:var(--sfu-left)!important;margin-right:0!important}\r\n#sf-work-v4 *,#sf-work-v4 *::before,#sf-work-v4 *::after{box-sizing:border-box}\r\n#sf-work-v4 a:focus-visible,#sf-work-v4 button:focus-visible,#sf-work-v4 summary:focus-visible,#sf-work-v4 input:focus-visible,#sf-work-v4 textarea:focus-visible,#sf-work-v4 select:focus-visible{outline:3px solid #8050BD;outline-offset:5px}\r\n#sf-work-v4 .reveal,#sf-work-v4 .sf-reveal{opacity:1!important;transform:none!important}\r\n#sf-work-v4 .sfu-enter{animation:sfuEnter .7s ease both}\r\n#sf-work-v4 .sfu-panel{padding:84px 0;background:#DFE7DF;color:#252B2A;scroll-margin-top:90px}\r\n#sf-work-v4 .sfu-inner{width:min(1360px,calc(100% - 80px));margin:auto}\r\n#sf-work-v4 .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-work-v4 .sfu-kicker{display:block;color:#435E50;font:750 11px\/1.7 Manrope,Arial,sans-serif;letter-spacing:.13em;margin-bottom:22px}\r\n#sf-work-v4 .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-work-v4 .sfu-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}\r\n#sf-work-v4 .sfu-card{background:#F7F5F0;padding:30px;border:1px solid #BCCBC0;min-width:0;transition:transform .3s,box-shadow .3s}\r\n#sf-work-v4 .sfu-card:hover{transform:translateY(-5px);box-shadow:0 16px 35px #173D3B12}\r\n#sf-work-v4 .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-work-v4 .sfu-card p{font:400 15px\/1.8 Manrope,Arial,sans-serif;margin:0;color:#394B40}\r\n#sf-work-v4 .sfu-small{font:750 11px\/1.6 Manrope,Arial,sans-serif;color:#526A5B}\r\n#sf-work-v4 .sfu-art{height:390px;margin:30px 0;position:relative;overflow:hidden;background:#173D3B;border-radius:20px;isolation:isolate}\r\n#sf-work-v4 .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-work-v4 .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-work-v4 .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-work-v4 .sfu-orbit-two{width:350px;height:350px;margin:-175px;border:1px dashed #C6FF2077;animation-direction:reverse;animation-duration:40s}\r\n#sf-work-v4 .sfu-orbit-two::before{left:47px;top:47px;background:#C6FF20;box-shadow:0 0 16px #C6FF20}\r\n#sf-work-v4 .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-work-v4 .sfu-core span{transform:rotate(-45deg);font:750 20px\/1.1 Manrope,Arial,sans-serif;color:#F7F5F0;text-align:center}\r\n#sf-work-v4 .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-work-v4 .sfu-chip-a{left:12%;top:18%}#sf-work-v4 .sfu-chip-b{right:10%;top:37%;border-color:#00DCE8;animation-delay:-2s}#sf-work-v4 .sfu-chip-c{left:16%;bottom:15%;border-color:#A459ED;animation-delay:-4s}\r\n#sf-work-v4 .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-work-v4 .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-work-v4 .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-work-v4 .sfu-panel details{padding:20px 0;border-bottom:1px solid #B5C5BA}\r\n#sf-work-v4 .sfu-panel summary{font-weight:750;cursor:pointer;min-height:28px;color:#173D3B}\r\n#sf-work-v4 .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-work-v4 .sfu-cards{grid-template-columns:1fr}#sf-work-v4 .sfu-panel{padding:58px 0}#sf-work-v4 .sfu-inner{width:calc(100% - 40px)}}\r\n@media(max-width:540px){#sf-work-v4 .sfu-art{height:340px}#sf-work-v4 .sfu-chip{font-size:8px;padding:8px 10px}#sf-work-v4 .sfu-chip-a{left:4%;top:12%}#sf-work-v4 .sfu-chip-b{right:3%;top:36%}#sf-work-v4 .sfu-chip-c{left:5%;bottom:12%}#sf-work-v4 .sfu-orbit-two{width:300px;height:300px;margin:-150px}#sf-work-v4 .sfu-card{padding:24px}}\r\n@media(prefers-reduced-motion:reduce){#sf-work-v4 *,#sf-work-v4 *::before,#sf-work-v4 *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important;translate:none!important}}\r\n<\/style>\r\n<div class=\"sf-work-v4\" id=\"sf-work-v4\" lang=\"en\">\r\n\r\n<!-- ===================================\r\n     HERO\r\n     =================================== -->\r\n\r\n<section class=\"hero\" id=\"portfolio-top\">\r\n\r\n  <div class=\"hero-photo\">\r\n    <img src=\"https:\/\/sectionform.com\/wp-content\/uploads\/2026\/10\/daylight-collective-shared-table.png\" alt=\"SectionForm \u2014 The Daylight Collective workspace interior\" fetchpriority=\"high\" decoding=\"async\">\r\n  <\/div>\r\n\r\n  <div class=\"hero-orbit\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"hero-content\">\r\n\r\n    <div class=\"wrap\">\r\n\r\n      <div class=\"eyebrow light hero-enter\">\r\n        SECTIONFORM \/ SELECTED WORK\r\n      <\/div>\r\n\r\n      <h1 class=\"hero-enter d1\">\r\n        Spaces<br>\r\n        worth<br>\r\n        <em>exploring.<\/em>\r\n      <\/h1>\r\n\r\n      <p class=\"hero-description hero-enter d2\">Five workspace concepts exploring architectural layouts, material palettes and product integration \u2014 with opportunities to develop biophilic, smart and material-conscious solutions.<\/p>\r\n\r\n      <div class=\"hero-actions hero-enter d3\">\r\n        <a href=\"#portfolio-projects\" class=\"btn cream\">\r\n          Explore the Projects\r\n          <span aria-hidden=\"true\">\u2197<\/span>\r\n        <\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <div class=\"hero-index\">\r\n\r\n    <div class=\"wrap\">\r\n      <span>SECTIONFORM \/ OUR WORK<\/span>\r\n      <span>FIVE WORKSPACE CONCEPTS<\/span>\r\n      <span>ARCHITECTURE \u00d7 FURNITURE \u00d7 SPACE<\/span>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- ===================================\r\n     INTRODUCTION\r\n     =================================== -->\r\n\r\n<section class=\"section\">\r\n\r\n  <div class=\"wrap\">\r\n\r\n    <div class=\"intro-grid\">\r\n\r\n      <div class=\"reveal\">\r\n\r\n        <div class=\"eyebrow\">\r\n          01 \/ THE COLLECTION\r\n        <\/div>\r\n\r\n        <h2>\r\n          Different<br>\r\n          spaces.<br>\r\n          Distinct<br>\r\n          identities.\r\n        <\/h2>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"intro-copy reveal\">\r\n\r\n        <p class=\"lead\">\r\n          Every workplace tells a different\r\n          story through its atmosphere,\r\n          spatial organization, materials\r\n          and the elements that bring it\r\n          together.\r\n        <\/p>\r\n\r\n        <p>\r\n          Our selected work explores a\r\n          range of architectural languages,\r\n          from calm, light-filled\r\n          environments to expressive\r\n          industrial settings and\r\n          material-rich interiors.\r\n        <\/p>\r\n\r\n        <p>\r\n          Across these projects, SectionForm\r\n          approaches furniture and functional\r\n          workplace elements as part of the\r\n          wider design experience.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"index-line reveal\">\r\n\r\n      <span>01 \u2014 05 \/ SELECTED WORK<\/span>\r\n\r\n      <span>WORKPLACE DESIGN<\/span>\r\n\r\n      <span>SECTIONFORM \/ 2026<\/span>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- ===================================\r\n     PROJECT GALLERY\r\n     =================================== -->\r\n\r\n<section class=\"section projects-section\" id=\"portfolio-projects\">\r\n\r\n  <div class=\"wrap\">\r\n\r\n    <div class=\"projects-head reveal\">\r\n\r\n      <div>\r\n\r\n        <div class=\"eyebrow\">\r\n          02 \/ EXPLORE THE PROJECTS\r\n        <\/div>\r\n\r\n        <h2>\r\n          Five spaces.<br>\r\n          Five stories.\r\n        <\/h2>\r\n\r\n      <\/div>\r\n\r\n      <p>\r\n        Discover the relationship\r\n        between design intent, materials,\r\n        furniture and the way\r\n        each workplace is experienced.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"project-grid\">\r\n\r\n      <!-- 01 \u2014 WORKDAY COMMONS -->\r\n\r\n      <article class=\"project reveal\">\r\n\r\n        <a href=\"\/?page_id=51\" class=\"project-link\" aria-label=\"View The Workday Commons\">\r\n\r\n          <figure class=\"project-figure\">\r\n\r\n            <img src=\"https:\/\/sectionform.com\/wp-content\/uploads\/2026\/10\/workday-commons-cafe.png\" alt=\"The Workday Commons \u2014 shared workspace caf\u00e9 interior\" loading=\"lazy\" decoding=\"async\">\r\n\r\n            <span class=\"project-arrow\" aria-hidden=\"true\">\u2197<\/span>\r\n\r\n          <\/figure>\r\n\r\n          <div class=\"project-details\">\r\n\r\n            <div class=\"project-meta\">\r\n              <span>01 \/ CONNECTED WORKPLACE<\/span>\r\n              <span>SECTIONFORM<\/span>\r\n            <\/div>\r\n\r\n            <span class=\"sfu-badge\">Workspace concept<\/span><h3>The Workday Commons<\/h3>\r\n\r\n            <p>\r\n              A welcoming workplace\r\n              connecting everyday work,\r\n              informal conversations\r\n              and shared environments\r\n              through warm architectural\r\n              materials and flexible settings.\r\n            <\/p>\r\n\r\n            <span class=\"project-more\">\r\n              Explore Project \u2197\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/a>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- 02 \u2014 HYBRID WORKFIELD -->\r\n\r\n      <article class=\"project reveal\">\r\n\r\n        <a href=\"\/?page_id=7\" class=\"project-link\" aria-label=\"View The Hybrid Workfield\">\r\n\r\n          <figure class=\"project-figure\">\r\n\r\n            <img src=\"https:\/\/sectionform.com\/wp-content\/uploads\/2026\/10\/hybrid-workfield-overview.png\" alt=\"The Hybrid Workfield \u2014 flexible open workplace environment\" loading=\"lazy\" decoding=\"async\">\r\n\r\n            <span class=\"project-arrow\" aria-hidden=\"true\">\u2197<\/span>\r\n\r\n          <\/figure>\r\n\r\n          <div class=\"project-details\">\r\n\r\n            <div class=\"project-meta\">\r\n              <span>02 \/ FLEXIBLE WORK<\/span>\r\n              <span>SECTIONFORM<\/span>\r\n            <\/div>\r\n\r\n            <span class=\"sfu-badge\">Workspace concept<\/span><h3>The Hybrid Workfield<\/h3>\r\n\r\n            <p>\r\n              An adaptable workplace\r\n              balancing focused work,\r\n              shared activity and\r\n              collaborative settings.\r\n            <\/p>\r\n\r\n            <span class=\"project-more\">\r\n              Explore Project \u2197\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/a>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- 03 \u2014 DAYLIGHT COLLECTIVE -->\r\n\r\n      <article class=\"project reveal\">\r\n\r\n        <a href=\"\/?page_id=70\" class=\"project-link\" aria-label=\"View The Daylight Collective\">\r\n\r\n          <figure class=\"project-figure\">\r\n\r\n            <img src=\"https:\/\/sectionform.com\/wp-content\/uploads\/2026\/10\/daylight-collective-shared-table.png\" alt=\"The Daylight Collective \u2014 naturally lit communal workspace\" loading=\"lazy\" decoding=\"async\">\r\n\r\n            <span class=\"project-arrow\" aria-hidden=\"true\">\u2197<\/span>\r\n\r\n          <\/figure>\r\n\r\n          <div class=\"project-details\">\r\n\r\n            <div class=\"project-meta\">\r\n              <span>03 \/ NATURAL LIGHT<\/span>\r\n              <span>SECTIONFORM<\/span>\r\n            <\/div>\r\n\r\n            <span class=\"sfu-badge\">Workspace concept<\/span><h3>The Daylight Collective<\/h3>\r\n\r\n            <p>A light-filled concept exploring communal settings, a timber-inspired material palette and relationships between work settings.<\/p>\r\n\r\n            <span class=\"project-more\">\r\n              Explore Project \u2197\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/a>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- 04 \u2014 BRICKLINE WORKPLACE -->\r\n\r\n      <article class=\"project reveal\">\r\n\r\n        <a href=\"\/?page_id=75\" class=\"project-link\" aria-label=\"View The Brickline Workplace\">\r\n\r\n          <figure class=\"project-figure\">\r\n\r\n            <img src=\"https:\/\/sectionform.com\/wp-content\/uploads\/2026\/10\/brickline-workplace-reception.png\" alt=\"The Brickline Workplace \u2014 industrial architectural interior\" loading=\"lazy\" decoding=\"async\">\r\n\r\n            <span class=\"project-arrow\" aria-hidden=\"true\">\u2197<\/span>\r\n\r\n          <\/figure>\r\n\r\n          <div class=\"project-details\">\r\n\r\n            <div class=\"project-meta\">\r\n              <span>04 \/ INDUSTRIAL CHARACTER<\/span>\r\n              <span>SECTIONFORM<\/span>\r\n            <\/div>\r\n\r\n            <span class=\"sfu-badge\">Workspace concept<\/span><h3>The Brickline Workplace<\/h3>\r\n\r\n            <p>\r\n              A distinctive workplace\r\n              exploring industrial texture,\r\n              architectural character\r\n              and contemporary furniture\r\n              within a connected\r\n              working environment.\r\n            <\/p>\r\n\r\n            <span class=\"project-more\">\r\n              Explore Project \u2197\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/a>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- 05 \u2014 TIMBERSTONE OFFICE -->\r\n\r\n      <article class=\"project reveal\">\r\n\r\n        <a href=\"\/?page_id=80\" class=\"project-link\" aria-label=\"View The Timberstone Office\">\r\n\r\n          <figure class=\"project-figure\">\r\n\r\n            <img src=\"https:\/\/sectionform.com\/wp-content\/uploads\/2026\/10\/timberstone-office-arrival-1.png-1.png\" alt=\"The Timberstone Office \u2014 refined material-led workspace\" loading=\"lazy\" decoding=\"async\">\r\n\r\n            <span class=\"project-arrow\" aria-hidden=\"true\">\u2197<\/span>\r\n\r\n          <\/figure>\r\n\r\n          <div class=\"project-details\">\r\n\r\n            <div class=\"project-meta\">\r\n              <span>05 \/ MATERIAL-LED DESIGN<\/span>\r\n              <span>SECTIONFORM<\/span>\r\n            <\/div>\r\n\r\n            <span class=\"sfu-badge\">Workspace concept<\/span><h3>The Timberstone Office<\/h3>\r\n\r\n            <p>\r\n              A refined workplace\r\n              shaped by tactile finishes,\r\n              timber tones, carefully\r\n              balanced furniture and\r\n              welcoming shared environments.\r\n            <\/p>\r\n\r\n            <span class=\"project-more\">\r\n              Explore Project \u2197\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/a>\r\n\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"projects-foot reveal\">\r\n\r\n      <span>\r\n        SECTIONFORM \/ SELECTED WORK 2026\r\n      <\/span>\r\n\r\n      <span>\r\n        FIVE WORKPLACE ENVIRONMENTS\r\n      <\/span>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- ===================================\r\n     FULL-WIDTH EDITORIAL IMAGE\r\n     =================================== -->\r\n\r\n<section class=\"interlude\">\r\n\r\n  <div class=\"interlude-image\">\r\n\r\n    <img src=\"https:\/\/sectionform.com\/wp-content\/uploads\/2026\/10\/timberstone-office-breakroom-1.png\" alt=\"The Timberstone Office \u2014 shared workplace interior\" loading=\"lazy\" decoding=\"async\">\r\n\r\n  <\/div>\r\n\r\n  <div class=\"wrap reveal\">\r\n\r\n    <div class=\"eyebrow light\">\r\n      DESIGN \/ MATERIAL \/ EXPERIENCE\r\n    <\/div>\r\n\r\n    <h2>\r\n      It's not just<br>\r\n      what a space<br>\r\n      <span>looks like.<\/span>\r\n    <\/h2>\r\n\r\n    <p>\r\n      It's how architectural elements,\r\n      furniture and materials work\r\n      together to shape the experience\r\n      of the environment.\r\n    <\/p>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- ===================================\r\n     DETAILS \/ CLOSE-UP GALLERY\r\n     =================================== -->\r\n\r\n<section class=\"section details-section\">\r\n\r\n  <div class=\"wrap\">\r\n\r\n    <div class=\"details-head reveal\">\r\n\r\n      <div>\r\n\r\n        <div class=\"eyebrow\">\r\n          03 \/ A CLOSER LOOK\r\n        <\/div>\r\n\r\n        <h2>\r\n          Details that<br>\r\n          shape the whole.\r\n        <\/h2>\r\n\r\n      <\/div>\r\n\r\n      <p>\r\n        Materials, furniture arrangements\r\n        and smaller spatial decisions\r\n        contribute to the identity\r\n        of every workplace.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"details-grid\">\r\n\r\n      <figure class=\"detail-card reveal\">\r\n\r\n        <div class=\"detail-photo\">\r\n\r\n          <img src=\"https:\/\/sectionform.com\/wp-content\/uploads\/2026\/10\/timberstone-office-collaboration-1.png-1.png\" alt=\"Timberstone Office collaboration environment\" loading=\"lazy\" decoding=\"async\">\r\n\r\n        <\/div>\r\n\r\n        <figcaption>\r\n          Timberstone Office\r\n          <span>01 \/ Collaboration<\/span>\r\n        <\/figcaption>\r\n\r\n      <\/figure>\r\n\r\n\r\n      <figure class=\"detail-card reveal\">\r\n\r\n        <div class=\"detail-photo\">\r\n\r\n          <img src=\"https:\/\/sectionform.com\/wp-content\/uploads\/2026\/10\/daylight-collective-shared-table.png\" alt=\"Daylight Collective shared work tables\" loading=\"lazy\" decoding=\"async\">\r\n\r\n        <\/div>\r\n\r\n        <figcaption>\r\n          Daylight Collective\r\n          <span>02 \/ Shared Space<\/span>\r\n        <\/figcaption>\r\n\r\n      <\/figure>\r\n\r\n\r\n      <figure class=\"detail-card reveal\">\r\n\r\n        <div class=\"detail-photo\">\r\n\r\n          <img src=\"https:\/\/sectionform.com\/wp-content\/uploads\/2026\/10\/timberstone-office-breakroom-1.png\" alt=\"Timberstone Office breakroom\" loading=\"lazy\" decoding=\"async\">\r\n\r\n        <\/div>\r\n\r\n        <figcaption>\r\n          Timberstone Office\r\n          <span>03 \/ Everyday Experience<\/span>\r\n        <\/figcaption>\r\n\r\n      <\/figure>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- ===================================\r\n     INTERACTIVE DESIGN GRAPHIC\r\n     =================================== -->\r\n\r\n<section class=\"sfu-panel\" id=\"sf-portfolio-reading\"><div class=\"sfu-inner\"><span class=\"sfu-kicker\">SECTIONFORM \/ DESIGN IN PRACTICE<\/span><h2>Read the portfolio in layers.<\/h2><p class=\"sfu-intro\">These are design concepts with AI-assisted visualizations, not completed client projects. Equipment, layouts and finish configurations may vary between views. No image establishes a model, measurement or performance result.<\/p><div class=\"sfu-cards\"><article class=\"sfu-card\"><span class=\"sfu-small\">01<\/span><h3>Spatial decisions<\/h3><p>Review the layout, activities and circulation idea. Schematic drawings are not construction documents or measured compliance checks.<\/p><\/article><article class=\"sfu-card\"><span class=\"sfu-small\">02<\/span><h3>Product opportunities<\/h3><p>Explore the proposed furniture, lighting, planting and smart-system families. Exact models and interoperability are subject to supplier review.<\/p><\/article><article class=\"sfu-card\"><span class=\"sfu-small\">03<\/span><h3>Environmental questions<\/h3><p>Look for sourcing, material composition, durability and repair information. Appearance does not establish sustainability or a carbon result.<\/p><\/article><\/div><\/div><\/section><section class=\"thinking\">\r\n\r\n  <div class=\"wrap\">\r\n\r\n    <div class=\"thinking-head reveal\">\r\n\r\n      <div>\r\n\r\n        <div class=\"eyebrow light\">\r\n          04 \/ DESIGN THINKING\r\n        <\/div>\r\n\r\n        <h2>\r\n          Every element<br>\r\n          has a place.\r\n        <\/h2>\r\n\r\n      <\/div>\r\n\r\n      <p>\r\n        Spatial organization, furniture\r\n        and technology are interconnected.\r\n        SectionForm explores the\r\n        relationship between these\r\n        elements as part of a\r\n        unified design perspective.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"thinking-visual reveal\">\r\n\r\n      <div class=\"visual-stage\" aria-label=\"Animated architectural diagram connecting space, furniture and technology\">\r\n\r\n        <div class=\"visual-ring\"><\/div>\r\n        <div class=\"visual-ring outer\"><\/div>\r\n\r\n        <div class=\"visual-core\">\r\n          <span>\r\n            SECTION<br>FORM\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"visual-node one\">\r\n          SPACE\r\n        <\/div>\r\n\r\n        <div class=\"visual-node two\">\r\n          FURNITURE\r\n        <\/div>\r\n\r\n        <div class=\"visual-node three\">\r\n          TECHNOLOGY\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"thinking-copy\">\r\n\r\n        <h3>\r\n          Architecture<br>\r\n          is about<br>\r\n          relationships.\r\n        <\/h3>\r\n\r\n        <p>\r\n          The placement of a workstation,\r\n          the scale of a meeting area,\r\n          the atmosphere of a shared space,\r\n          and the supporting elements\r\n          that make everyday use possible.\r\n        <\/p>\r\n\r\n        <p>\r\n          Together, these choices create\r\n          the identity and functionality\r\n          of a workplace.\r\n        <\/p>\r\n\r\n        <div class=\"thinking-line\">\r\n          SECTIONFORM \/ CONNECTED DESIGN THINKING\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     FINAL CTA\r\n     =================================== -->\r\n\r\n<section class=\"cta\" id=\"portfolio-connect\">\r\n\r\n  <div class=\"cta-accent\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"wrap cta-grid\">\r\n\r\n    <div class=\"reveal\">\r\n\r\n      <div class=\"eyebrow\">\r\n        05 \/ CONTINUE EXPLORING\r\n      <\/div>\r\n\r\n      <h2>\r\n        Inspired by<br>\r\n        what you<br>\r\n        <em>see?<\/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        Learn more about the SectionForm\r\n        perspective or get in touch\r\n        to start a conversation\r\n        around workspaces, products\r\n        and design.\r\n      <\/p>\r\n\r\n      <div class=\"cta-actions\">\r\n\r\n        <a href=\"\/\" class=\"btn\">\r\n          Discover SectionForm\r\n          <span aria-hidden=\"true\">\u2197<\/span>\r\n        <\/a>\r\n\r\n        <a href=\"https:\/\/sectionform.com\/?page_id=177\" class=\"btn cream\">\r\n          Get in Touch\r\n          <span 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=\"footer-note\">\r\n\r\n  <div class=\"wrap\">\r\n    SECTIONFORM \u00a9 2026 \u2014\r\n    Architecture-led workspace design\r\n    and thoughtful product integration.\r\n    Selected work includes design-led\r\n    visual explorations.\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<script>\r\n(function(){\r\nfunction init(){\r\nvar root=document.getElementById('sf-work-v4');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 \/ SELECTED WORK Spaces worth exploring. Five workspace concepts exploring architectural layouts, material palettes and product integration \u2014 with [&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-132","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sectionform.com\/index.php?rest_route=\/wp\/v2\/pages\/132","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=132"}],"version-history":[{"count":7,"href":"https:\/\/sectionform.com\/index.php?rest_route=\/wp\/v2\/pages\/132\/revisions"}],"predecessor-version":[{"id":274,"href":"https:\/\/sectionform.com\/index.php?rest_route=\/wp\/v2\/pages\/132\/revisions\/274"}],"wp:attachment":[{"href":"https:\/\/sectionform.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=132"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}