.motet-sculpture{display:block;width:100%;max-width:500px;height:auto;overflow:visible}
.motet-sculpture polygon{fill:none;stroke-width:7.5;stroke-miterlimit:10;transform-box:fill-box;transform-origin:center}
.motet-sculpture .st0{stroke:#000}
.motet-sculpture .st1{stroke:#939598}
.motet-hero-art{padding:24px}
.brand-card{perspective:900px}
.brand-card-logo{transform-style:preserve-3d}
.brand-card-logo img{backface-visibility:hidden}
.magnetic-shell{display:inline-flex;position:relative;align-items:center}
.magnetic-shell a{position:relative}
.portfolio-section{position:relative;background:var(--paper);z-index:3;border-top:1px solid var(--line)}
@media(prefers-reduced-motion:no-preference){
  html.preloader-show .motet-sculpture{animation:motet-intro-mark 750ms cubic-bezier(.16,1,.3,1) 1000ms both}
}
@media(max-width:560px){.motet-sculpture{width:min(64vw,260px)}.motet-hero-art{padding:15px}.closing .magnetic-shell{width:100%}}
@media(prefers-reduced-motion:reduce){.portfolio-section{transform:none!important}}