/* Approved flat-to-triangle section treatment. Copy remains in normal flow. */
.home-page #main>.intro-stage,.project-ribbon-stage{position:relative!important;top:auto!important;isolation:isolate;background:#fff;z-index:1}
.scroll-triangle{position:relative!important;top:auto!important;display:block!important;min-height:0!important;height:auto!important;max-height:none!important;padding:0!important;margin-block:0!important;background:transparent!important;clip-path:none!important;overflow:visible!important;transform:none!important;opacity:1!important}
.scroll-triangle>.triangle-content{background:var(--red);color:#fff;padding:76px var(--gutter) 28px;position:relative}
.scroll-triangle>.scroll-triangle-edge{display:block;width:100%;height:180px;margin-top:-1px;overflow:hidden;pointer-events:none}
.scroll-triangle-edge path{fill:var(--red)}
.red-intro.scroll-triangle>.triangle-content{padding-top:90px;padding-bottom:28px;text-align:center}
.red-intro.scroll-triangle .intro-inner{width:100%;opacity:1;transform:none}
.red-intro.scroll-triangle p{margin-bottom:32px}
.project-ribbon.scroll-triangle>.triangle-content{padding-top:70px;padding-bottom:28px;text-align:center}
.studio-work-heading.scroll-triangle>.triangle-content{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:42px 48px 28px}
.studio-work-heading.scroll-triangle{margin-bottom:30px!important}
.studio-capabilities.scroll-triangle>.triangle-content{padding-top:80px;padding-bottom:32px}
.studio-capabilities.scroll-triangle>.triangle-content>h2{text-align:center;font-size:clamp(40px,4vw,66px);margin-bottom:55px}
@media(max-width:800px){.scroll-triangle>.scroll-triangle-edge{height:140px}.red-intro.scroll-triangle>.triangle-content{padding-top:70px;padding-bottom:24px}.project-ribbon.scroll-triangle>.triangle-content{padding-top:60px;padding-bottom:24px}.studio-capabilities.scroll-triangle>.triangle-content{padding-top:64px;padding-bottom:24px}}
@media(max-width:600px){.scroll-triangle>.scroll-triangle-edge{height:110px}.red-intro.scroll-triangle>.triangle-content{padding-top:54px;padding-bottom:20px}.red-intro.scroll-triangle p{margin-bottom:28px}.project-ribbon.scroll-triangle>.triangle-content{padding-top:50px;padding-bottom:20px}.studio-work-heading.scroll-triangle>.triangle-content{display:block;padding:32px 24px 20px}.studio-work-heading.scroll-triangle .pill{margin-top:24px}.studio-capabilities.scroll-triangle>.triangle-content{padding-top:52px;padding-bottom:20px}.studio-capabilities.scroll-triangle>.triangle-content>h2{font-size:42px;margin-bottom:36px}}