/* An authored family of vector fields, built around connection and alignment. */
.structure-photo{margin:40px 0 0;width:100%;aspect-ratio:4/3;overflow:hidden;background:#ded6c8}
.structure-photo img{width:100%;height:100%;object-fit:cover;display:block}
.scroll-motion .structure-photo img{transform:scale(1.12) translateY(calc(var(--travel,0px)*.25))}
@media(max-width:700px){.structure-photo{margin:25px 0 15px;aspect-ratio:4/3}}
@media(prefers-reduced-motion:reduce){.structure-photo img{transform:none!important}}
.hero .brand-stage{right:2%;top:100px;width:43%;height:460px;opacity:1;pointer-events:auto;transform:none!important;z-index:0;isolation:isolate}
.brand-stage canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity .6s ease}
.brand-stage.is-ready canvas{opacity:1}
.brand-fallback,.oriz-mark{display:block;background:var(--orange);mask:url("data:image/svg+xml,%3Csvg%20width%3D%22775%22%20height%3D%22831%22%20viewBox%3D%220%200%20775%20831%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M384.657%20831C169.491%20814.631%200%20634.859%200%20415.5C3.19937e-05%20196.141%20169.491%2016.3691%20384.657%200V831ZM448.768%200C460.011%200.855271%20471.13%202.1577%20482.106%203.8877V827.111C471.13%20828.841%20460.011%20830.145%20448.768%20831V0ZM546.217%2019.3018C557.55%2023.0039%20568.67%2027.1793%20579.553%2031.8037V799.195C568.67%20803.82%20557.55%20807.995%20546.217%20811.697V19.3018ZM643.663%2065.9482C655.182%2073.4422%20666.306%2081.4916%20677%2090.0557V740.943C666.306%20749.507%20655.182%20757.557%20643.663%20765.051V65.9482ZM741.109%20153.909C753.287%20168.992%20764.435%20184.94%20774.445%20201.648V629.351C764.435%20646.059%20753.287%20662.008%20741.109%20677.091V153.909Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg%20width%3D%22775%22%20height%3D%22831%22%20viewBox%3D%220%200%20775%20831%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M384.657%20831C169.491%20814.631%200%20634.859%200%20415.5C3.19937e-05%20196.141%20169.491%2016.3691%20384.657%200V831ZM448.768%200C460.011%200.855271%20471.13%202.1577%20482.106%203.8877V827.111C471.13%20828.841%20460.011%20830.145%20448.768%20831V0ZM546.217%2019.3018C557.55%2023.0039%20568.67%2027.1793%20579.553%2031.8037V799.195C568.67%20803.82%20557.55%20807.995%20546.217%20811.697V19.3018ZM643.663%2065.9482C655.182%2073.4422%20666.306%2081.4916%20677%2090.0557V740.943C666.306%20749.507%20655.182%20757.557%20643.663%20765.051V65.9482ZM741.109%20153.909C753.287%20168.992%20764.435%20184.94%20774.445%20201.648V629.351C764.435%20646.059%20753.287%20662.008%20741.109%20677.091V153.909Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A") center/contain no-repeat}
.brand-fallback{position:absolute;inset:14% 20%;opacity:1;transition:opacity .4s}
.is-ready .brand-fallback{opacity:0;pointer-events:none}
.oriz-mark{width:55px;height:60px;flex:0 0 55px}
.motion-toggle{position:absolute;bottom:0;right:15%;border:0;border-bottom:1px solid #b8b8af;background:transparent;color:#62645a;font:9px var(--mono);padding:8px 0;z-index:2}
.brand-coordinate .oriz-mark{width:180px;height:200px;margin:auto;transform:rotate(-12deg)}
@media(min-width:701px) and (max-width:1100px){.hero .brand-stage{width:39%;right:0;top:95px;height:370px}}
@media(max-width:700px){.hero{display:flex;flex-direction:column}.hero .brand-stage{position:relative;inset:auto;order:2;width:100%;height:300px;margin:-15px 0 28px;opacity:1}.hero h1{order:1;margin-bottom:15px}.hero-bottom{order:3}.hero .eyebrow{order:0}.brand-stage .motion-toggle{right:0;bottom:4px;font-size:8px}}
.hero h1{max-width:1100px}.hero-sculpture{position:absolute;right:3%;top:100px;width:40%;height:440px;pointer-events:none;opacity:.8}.system-art{display:block;width:100%;height:100%;overflow:visible;stroke:var(--orange);stroke-width:1;vector-effect:non-scaling-stroke}.weave-lines{opacity:.65}.system-art .signal{stroke-width:2;stroke:var(--orange)}.art-node{fill:var(--orange);stroke:var(--ink);stroke-width:3}.module-art{height:205px;margin:20px -5px 30px;overflow:hidden}.module-art .system-art{height:100%;stroke:#a15d40}.module-art .signal{stroke:#ff8657}.contours,.architecture,.brand-orbits{transform-origin:200px 140px}.brand-orbits{stroke-width:.75}.connection-mark{position:relative;display:block;flex:0 0 65px;height:65px}.connection-mark i{position:absolute;width:44px;height:44px;border:1px solid var(--orange);border-radius:50%;left:0;top:0}.connection-mark i:nth-child(2){left:18px;top:10px}.connection-mark i:nth-child(3){left:6px;top:22px}.coordinate{border:0;background:none;width:320px;height:260px;padding:0;margin-top:30px}.step{gap:0;padding:35px 18px}.method-progress{height:2px;background:#cccfc4;margin-bottom:22px;overflow:hidden}.method-progress span{display:block;height:100%;background:var(--orange);transform-origin:left;transform:scaleX(var(--method-progress,1))}.cycle-ring{width:58px;height:58px;border:1px solid #aaa;border-top-color:var(--orange);border-right:3px solid var(--orange);border-radius:50%;justify-self:end;position:relative}.cycle-ring:after{content:'';position:absolute;width:7px;height:7px;right:3px;top:5px;border-radius:50%;background:var(--orange)}.difference-list article{gap:0}.portrait>.mono{display:none}.person-copy h3 span{display:none}.scroll-motion .hero-sculpture{transform:translateY(var(--travel,0)) rotate(var(--turn,0deg))}.scroll-motion .hero h1{transform:translateY(calc(var(--scroll,0)*-35px))}.scroll-motion .manifesto-word{opacity:var(--word-opacity,1);transition:opacity .12s linear}.manifesto .muted{color:inherit}.scroll-motion .module-art .contours{transform:translateY(var(--travel,0))}.scroll-motion .module-art .architecture{transform:translateY(calc(var(--travel,0)*-.6)) rotate(calc(var(--turn,0deg)*.2))}.scroll-motion .module-art .brand-orbits{transform:rotate(var(--turn,0deg))}.scroll-motion .system-art .signal{stroke-dasharray:1000;stroke-dashoffset:calc(1000 - var(--draw,1)*1000)}.scroll-motion .coordinate .system-art{transform:rotate(calc(var(--turn,0deg)*-.5))}.scroll-motion .cycle-ring{transform:rotate(calc(var(--method-progress,0)*360deg))}.scroll-motion .portrait b{transform:translateY(var(--travel,0))}.scroll-motion .contact h2{transform:translateY(calc(var(--travel,0)*.35))}.service:hover .art-node{fill:var(--paper)}
@media(min-width:1000px){.scroll-motion .service:nth-child(2){transform:translateY(calc((1 - var(--draw,1))*60px))}.scroll-motion .service:nth-child(3){transform:translateY(calc((1 - var(--draw,1))*120px))}.differences>div:first-child{position:sticky;top:60px;align-self:start}}
@media(max-width:700px){.hero-sculpture{top:100px;right:-80px;width:220px;height:230px;opacity:.14}.hero h1{position:relative;z-index:1}.module-art{height:210px;max-width:360px;margin:5px auto 25px}.step{grid-template-columns:1fr auto;padding:22px 20px}.cycle-ring{display:none}.coordinate{display:none}.method-progress{margin-bottom:16px}}
@media(prefers-reduced-motion:reduce){.system-art,.hero-sculpture,.hero h1,.contact h2,.portrait b,.service,.contours,.architecture,.brand-orbits,.cycle-ring{transform:none!important}.system-art .signal{stroke-dasharray:none!important;stroke-dashoffset:0!important}.manifesto-word{opacity:1!important}.method-progress span{transform:none}}