/* Keep the artwork outside the content edges; the viewport crops only what leaves the screen. */
.floating-art{position:fixed;inset:0;z-index:60;visibility:hidden;opacity:1;pointer-events:none}
.floating-art.is-active{visibility:visible}
.floating-side{position:absolute;top:50%;width:var(--side-gutter,0px);height:min(68vh,520px);transform:translateY(-50%);pointer-events:auto}
.floating-side-left{left:0;top:78%}
.floating-side-right{right:0;top:34%}
.floating-item{position:absolute;display:block;max-width:none;height:auto;pointer-events:none;will-change:transform;transform-origin:center}
.floating-leaf{width:var(--leaf-width,300px);right:38px;top:24%}
.floating-shell{width:var(--shell-width,300px);left:72px;top:11%}
main>#why-us{position:relative;z-index:70;isolation:isolate}
main>#why-us::before{content:"";position:absolute;top:-20%;right:-4%;width:clamp(480px,44vw,780px);aspect-ratio:340 / 330;background:url('assets/how-we-think-symbol.svg') center / contain no-repeat;opacity:.38;pointer-events:none;z-index:0}
main>#why-us>.container{position:relative;z-index:1}
main>#why-us .principles-grid .card{border-top:0;padding-top:8px}
@media(max-width:767px){.floating-art{display:none!important}}
@media(max-width:767px){main>#why-us::before{right:-45%;top:-80px}}
@media(prefers-reduced-motion:reduce){.floating-item{will-change:auto}}