/* Nanobox / original mechanical compositions. Content is readable before enhancement. */
.hx-sequence,.hx-closing{--p:1;--spread:0;--shift:0;position:relative;max-width:1920px;margin-inline:auto}
.hx-stage{padding:44px var(--gutter) 46px;position:relative;overflow:clip}
.hx-rail{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:34px;padding-bottom:20px;border-bottom:1px solid var(--rule)}
.hx-rail .eyebrow{font-size:10px}.hx-intro{display:grid;grid-template-columns:1.35fr 1fr;align-items:end;gap:40px;margin-top:36px;margin-bottom:18px}
.hx-intro h2,.hx-process h2{font-size:clamp(46px,5.35vw,88px);font-weight:530;letter-spacing:-.055em;line-height:1.02}
.hx-intro h2>span{color:var(--muted)}.hx-intro>p{color:var(--muted);max-width:390px;font-size:14px;padding-bottom:5px;justify-self:end}
.hx-motion-control{display:flex;align-items:center;gap:9px;border:0;background:transparent;padding:8px 0;min-height:34px;color:var(--ink);font-size:10px;letter-spacing:.03em}
.hx-control-dot{width:6px;height:6px;background:var(--link);border-radius:50%}.hx-motion-control[aria-pressed=false] .hx-control-dot{background:var(--muted)}
.hx-assembly{background:var(--paper);border-top:1px solid var(--rule)}
.hx-assembly-visual{--panel-travel:clamp(12px,calc(10vw - 70px),90px);position:relative;height:390px;margin-block:26px 28px;perspective:1200px;isolation:isolate}
.hx-assembly-grid{position:absolute;inset:0 0 28px;background-image:linear-gradient(var(--rule) 1px,transparent 1px),linear-gradient(90deg,var(--rule) 1px,transparent 1px);background-size:40px 40px;opacity:.25;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent)}
.hx-register{position:absolute;width:18px;top:48%;z-index:0;color:#9da3aa}.hx-register-a{left:0}.hx-register-b{right:0}.hx-register svg{display:block;width:100%}
.hx-plane{position:absolute;top:16px;width:30%;height:286px;padding:15px 20px 12px;border:1px solid var(--ink);color:var(--ink);background:var(--field);display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;row-gap:14px;box-shadow:0 12px 28px #0a0b0d0e;transform-style:preserve-3d;will-change:transform}
.hx-plane-brand{left:5%;transform:translate3d(calc(var(--spread) * var(--panel-travel) * -1),calc(var(--spread) * 28px),0) rotate(calc(var(--spread) * -12deg));z-index:1}
.hx-plane-web{left:35%;background:var(--ink);color:var(--paper);transform:translate3d(0,calc(var(--spread) * -35px),calc(var(--spread) * 40px)) rotateX(calc(var(--spread) * 12deg));z-index:2}
.hx-plane-image{left:65%;background:var(--signal);transform:translate3d(calc(var(--spread) * var(--panel-travel)),calc(var(--spread) * 28px),0) rotate(calc(var(--spread) * 12deg));z-index:3}
.hx-plane-top,.hx-plane-bottom{display:flex;align-items:center;justify-content:space-between;font-size:8px;font-weight:550;letter-spacing:.08em;line-height:1.5}.hx-plane-bottom{border-top:1px solid currentColor;padding-top:10px}.hx-plane-bottom i{width:24px;height:9px;background:repeating-linear-gradient(90deg,currentColor 0 1px,transparent 1px 3px)}
.hx-plane-name{font-size:clamp(23px,2.3vw,38px);font-weight:550;letter-spacing:-.04em;line-height:1.15;margin:0}
.hx-brand-symbol,.hx-web-symbol,.hx-image-symbol{align-self:center;min-width:0}
.hx-brand-symbol{height:130px;display:flex;align-items:center;justify-content:center;position:relative}.hx-brand-symbol svg{height:125px;transform:rotate(calc(var(--spread) * 45deg))}.hx-brand-symbol>span{position:absolute;font-size:42px;font-weight:650;letter-spacing:-.08em;background:var(--field);padding:0 8px;line-height:1}
.hx-web-symbol{display:grid;grid-template-columns:1fr 1.2fr;gap:7px;margin:0}.hx-web-rule{height:1px;background:#81868c;grid-column:1/-1}.hx-web-block{display:flex;align-items:center;justify-content:center;min-height:88px;border:1px solid #656a70;font-size:50px;line-height:1;letter-spacing:-.08em;transform:translateX(calc(var(--spread) * -12px))}.hx-web-type{padding:7px 8px;font-size:19px;line-height:1.1;letter-spacing:-.04em;position:relative}.hx-web-type i{position:absolute;bottom:1px;right:5px;font-size:27px;color:var(--signal);font-style:normal}
.hx-image-symbol{height:126px;display:grid;place-items:center;position:relative;margin-block:0}.hx-image-symbol>span:not(.hx-image-center){position:absolute;width:95px;height:95px;border:1px solid currentColor;border-radius:50%;transform:translateX(calc(var(--spread) * -22px))}.hx-image-symbol>span:nth-child(2){width:66px;height:66px;transform:translateX(calc(var(--spread) * 22px))}.hx-image-symbol>span:nth-child(3){width:36px;height:36px;transform:translateY(calc(var(--spread) * -15px))}.hx-image-center{font-size:24px;font-weight:300}
.hx-connection{position:absolute;bottom:0;left:5%;width:90%;height:34px;display:flex;align-items:center;gap:15px;font-size:9px;letter-spacing:.1em;transform-origin:center}.hx-connection i{height:1px;background:var(--ink);flex:1;transform:scaleX(calc(1 - var(--spread)));transform-origin:left}.hx-connection strong{font-weight:550}.hx-connection>span:last-child{font-size:18px}
.hx-service-links{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.hx-service-links>a{padding-top:16px;border-top:1px solid var(--rule)}.hx-service-title{display:flex;gap:16px;align-items:center}.hx-service-title .eyebrow{font-size:9px;color:var(--muted)}.hx-service-title h3{font-size:25px;font-weight:550;letter-spacing:-.04em}.hx-service-title svg{margin-left:auto;width:19px;height:19px;transition:transform .3s var(--ease)}.hx-service-links>a:hover svg{transform:translate(3px,-3px)}.hx-service-links>a:hover h3{text-decoration:underline;text-underline-offset:5px}.hx-service-links p{font-size:12px;line-height:1.65;color:var(--muted);margin-top:10px;max-width:300px}
.hx-progress{height:2px;background:var(--rule);margin-top:30px;overflow:hidden}.hx-progress>span{display:block;width:100%;height:100%;background:var(--ink);transform:scaleX(var(--p));transform-origin:left}
.hx-files{background:var(--field)}.hx-index-link{font-size:12px;display:flex;gap:28px;align-items:center;min-height:34px}.hx-index-link span{font-size:20px}.hx-index-link:hover{text-decoration:underline;text-underline-offset:5px}
.hx-file-deck{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:62px;perspective:1800px}
.hx-file{position:relative;min-width:0;transform-origin:center 80%;will-change:transform}
.hx-file-1{z-index:2;transform:translate3d(calc(var(--spread) * 28%),calc(var(--spread) * 20px),0) rotate(calc(var(--spread) * -7deg))}.hx-file-2{z-index:1;transform:translate3d(calc(var(--spread) * -28%),calc(var(--spread) * 25px),0) rotate(calc(var(--spread) * 8deg))}
.hx-file>a{display:block;position:relative;transition:translate .35s var(--ease)}.hx-file>a:hover{translate:0 -9px}.hx-file>a:focus-visible{outline-offset:7px}.hx-file-deck:focus-within .hx-file{transform:none}
.hx-file-tab{position:absolute;top:-30px;left:0;width:53%;height:31px;background:var(--ink);color:var(--paper);clip-path:polygon(0 0,91% 0,100% 100%,0 100%);padding:8px 24px 7px 19px;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.09em}
.hx-file-face{border:1px solid var(--ink);padding:23px 25px 16px;background:var(--ink);color:var(--paper);box-shadow:0 10px 18px #0a0b0d10;position:relative;overflow:hidden}
.hx-file-2 .hx-file-face{background:var(--paper);color:var(--ink)}.hx-file-2 .hx-file-tab{background:var(--paper);color:var(--ink);border:1px solid var(--ink);border-bottom:0}.hx-file-meta{display:flex;justify-content:space-between;gap:14px;align-items:start}.hx-file-meta .eyebrow{font-size:8px;letter-spacing:.06em}.hx-file-meta .eyebrow:last-child{text-align:right;color:#b4b9be}.hx-file-2 .hx-file-meta .eyebrow:last-child{color:var(--muted)}
.hx-file-art{height:240px;position:relative;overflow:hidden;display:flex;align-items:center}.hx-file-number{position:absolute;right:2px;top:12px;font-size:190px;line-height:1;letter-spacing:-.075em;font-weight:500;color:#3e4348}.hx-file-2 .hx-file-number{color:#dee2e6}.hx-file-word{position:relative;z-index:1;font-size:clamp(36px,4.6vw,78px);line-height:.98;letter-spacing:-.055em;font-weight:540}.hx-file-rules{position:absolute;inset:20px 0 20px 35%;display:flex;flex-direction:column;justify-content:space-between;transform:translateX(calc(var(--spread) * 24px))}.hx-file-rules i{height:1px;background:#777e84;opacity:.4}.hx-file-2 .hx-file-rules i{background:#9ba3ac}.hx-file-capture{width:100%;height:240px;object-fit:cover;margin-block:16px}
.hx-file-label{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 0 15px;border-top:1px solid #62666a}.hx-file-label h3{font-size:22px}.hx-file-label svg{width:24px;height:24px}.hx-file-status{display:flex;justify-content:space-between;gap:18px;border-top:1px solid #62666a;padding-top:12px;font-size:8px;letter-spacing:.065em;color:#c0c4c8}.hx-file-2 .hx-file-status{color:var(--muted)}.hx-file-foot{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:clamp(55px,5vw,85px)}.hx-file-foot .eyebrow,.hx-file-counter{font-size:9px;letter-spacing:.1em;color:var(--muted)}
.hx-process{background:var(--ink);color:var(--paper);--rule:#3a3f44}.hx-process .hx-rail{color:#bbc1c6}.hx-process-layout{display:grid;grid-template-columns:1fr 1fr;gap:7%;margin-top:40px}.hx-process h2{font-size:clamp(42px,4.6vw,76px)}.hx-process h2>span{color:#a3a9af}.hx-process-steps{margin-top:30px}.hx-step{display:grid;grid-template-columns:25px 1fr 16px;gap:18px;border-top:1px solid var(--rule);padding:18px 0;position:relative}.hx-step-index{font-size:10px;color:#adb4bb;line-height:2.2}.hx-step h3{font-size:22px;font-weight:500;line-height:1.2}.hx-step p{font-size:12px;line-height:1.6;color:#adb4bb;max-width:410px;margin-top:7px}.hx-step-tick{font-size:20px;opacity:0;color:var(--signal)}.hx-step[data-active=true] .hx-step-tick{opacity:1}.hx-step[data-active=true] .hx-step-index{color:var(--signal)}.hx-step::before{content:'';position:absolute;top:-1px;left:0;width:100%;height:1px;background:var(--signal);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}.hx-step[data-active=true]::before{transform:scaleX(1)}
.hx-process-visual{position:relative;min-height:510px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;border:1px solid #363c42;padding:20px;isolation:isolate;background:#111417}
.hx-process-grid{position:absolute;inset:0;background-image:linear-gradient(#252a2f 1px,transparent 1px),linear-gradient(90deg,#252a2f 1px,transparent 1px);background-size:36px 36px;z-index:-1;mask-image:linear-gradient(transparent,#000 20%,#000 70%,transparent)}.hx-process-caption,.hx-process-footer{font-size:8px;letter-spacing:.1em;display:flex;justify-content:space-between;color:#b3bac1}.hx-process-count{color:var(--signal)}
.hx-built-object{position:absolute;top:16%;left:12%;width:76%;height:50%;perspective:900px;transform:rotateX(14deg) rotateY(-22deg) rotateZ(-12deg);transform-style:preserve-3d}
.hx-built-frame{position:absolute;width:66%;aspect-ratio:1;left:17%;top:5%;border:1px solid #b4c1ca;box-shadow:inset 0 0 0 7px #111417;transform-style:preserve-3d;will-change:transform;background:#111417aa}
.hx-built-frame-1{transform:translate3d(calc((1 - var(--p)) * -90px),calc((1 - var(--p)) * -60px),-30px)}.hx-built-frame-2{transform:translate3d(calc((1 - var(--p)) * 110px + 14px),calc((1 - var(--p)) * -40px + 14px),0);border-color:var(--signal)}.hx-built-frame-3{transform:translate3d(calc((1 - var(--p)) * -70px + 28px),calc((1 - var(--p)) * 70px + 28px),30px)}.hx-built-frame-4{transform:translate3d(calc((1 - var(--p)) * 70px + 42px),calc((1 - var(--p)) * 80px + 42px),60px);border-width:6px;border-color:#eef2f5;background:transparent;box-shadow:none}
.hx-built-core{position:absolute;left:29%;top:22%;width:42%;aspect-ratio:1;background:var(--signal);color:var(--ink);display:flex;align-items:center;justify-content:center;transform:translate3d(22px,30px,70px) scale(calc(.6 + var(--p) * .4))}.hx-built-core span{font-size:clamp(60px,8vw,140px);letter-spacing:-.07em;font-weight:650;line-height:1}
.hx-process-word{position:absolute;left:20px;right:20px;bottom:81px;height:80px;overflow:hidden}.hx-process-word>span{position:absolute;inset:0;display:flex;align-items:end;font-size:clamp(48px,6vw,95px);letter-spacing:-.055em;line-height:1;transform:translateY(110%);transition:transform .45s var(--ease)}.hx-process-word>span[data-active=true]{transform:translateY(0)}.hx-process-meter{position:absolute;bottom:52px;left:20px;right:20px;display:flex;gap:5px;height:12px}.hx-process-meter i{flex:1;background:#41484f;transition:background .15s}.hx-process-meter i[data-active=true]{background:var(--signal)}.hx-process-footer{margin-top:auto}
.hx-closing{padding:45px var(--gutter) 72px;background:var(--paper);overflow:clip}.hx-closing-type{position:relative;padding-block:36px 32px}.hx-closing h2{font-size:clamp(100px,16vw,270px);font-weight:550;line-height:.9;letter-spacing:-.035em}.hx-closing h2>span{display:block;position:relative;width:max-content;max-width:100%;will-change:transform}.hx-closing h2>span:first-child{transform:translateX(calc(var(--shift) * -6%))}.hx-closing h2>span:last-child{margin-left:24%;transform:translateX(calc(var(--shift) * 14%))}.hx-question{color:var(--link);margin-inline-start:.035em}.hx-closing-symbol{position:absolute;width:11%;right:0;top:36px;color:var(--ink);transform:rotate(calc(var(--shift) * -90deg))}.hx-closing-symbol svg{width:100%}.hx-closing-bottom{display:grid;grid-template-columns:1fr 1.35fr;gap:50px;align-items:end;margin-top:32px}.hx-closing-bottom>p{font-size:14px;color:var(--muted)}
.hx-consult{isolation:isolate;position:relative;display:flex;min-height:100px;align-items:center;justify-content:space-between;padding:25px 30px;border:1px solid var(--ink);font-size:clamp(20px,2.4vw,36px);font-weight:550;letter-spacing:-.04em;overflow:hidden;transition:color .3s var(--ease),background .3s var(--ease);background:var(--paper)}.hx-consult-fill{position:absolute;inset:0;background:var(--signal);z-index:-1;transform:scaleX(calc(.12 + var(--p) * .88));transform-origin:right;transition:transform .15s linear}.hx-consult-arrow svg{width:45px;height:45px;display:block;transition:transform .3s var(--ease)}.hx-consult:hover{background:var(--ink);color:var(--paper)}.hx-consult:hover .hx-consult-fill{transform:translateX(101%)}.hx-consult:hover svg{transform:translate(4px,-4px)}
@media(min-width:1000px) and (min-height:900px){
 .page-home.hx-motion .hx-sequence{height:190vh;min-height:1350px}.page-home.hx-motion .hx-process{height:225vh;min-height:1550px}
 .page-home.hx-motion .hx-stage{position:sticky;top:0;height:100svh;max-height:1100px;min-height:710px;display:flex;flex-direction:column;justify-content:center}
 .page-home.hx-motion .hx-rail{flex-shrink:0}.page-home.hx-motion .hx-intro{margin-top:28px}.page-home.hx-motion .hx-assembly-visual{height:clamp(355px,40vh,430px);flex-shrink:0;margin-block:12px 18px}.page-home.hx-motion .hx-plane{height:calc(100% - 92px)}.page-home.hx-motion .hx-brand-symbol{height:130px}.page-home.hx-motion .hx-image-symbol{height:126px}
 .page-home.hx-motion .hx-process-layout{flex:1;max-height:740px;margin-top:30px}.page-home.hx-motion .hx-process-visual{min-height:0}
 .page-home.hx-motion .hx-file-art{height:clamp(185px,27vh,330px)}.page-home.hx-motion .hx-file-deck{margin-top:52px}
}
@media(min-width:1000px) and (max-height:820px){.hx-intro h2{font-size:58px}.hx-intro{margin-top:22px}.hx-stage{padding-top:26px;padding-bottom:26px}.hx-process h2{font-size:52px}.hx-step{padding:13px 0}.hx-process-steps{margin-top:22px}.hx-rail{padding-bottom:12px}.hx-progress{margin-top:22px}}
@media(max-width:999px){.hx-stage{padding-block:38px 45px}.hx-plane-brand{left:5%;width:30%}.hx-plane-web{left:35%;width:30%}.hx-plane-image{left:65%;width:30%}.hx-plane{padding:14px}.hx-assembly-visual{height:360px}.hx-plane{height:260px}.hx-plane-name{font-size:27px}.hx-plane-top,.hx-plane-bottom{font-size:7px}.hx-plane-top>span:last-child{display:none}.hx-service-links{gap:20px}.hx-service-title{gap:9px}.hx-service-title h3{font-size:21px}.hx-intro{gap:25px}.hx-intro>p{font-size:13px}.hx-file-meta{display:block}.hx-file-meta .eyebrow:last-child{text-align:left;margin-top:5px}.hx-file-art{height:200px}.hx-file-number{font-size:160px}.hx-file-word{font-size:48px}.hx-file-face{padding:18px}.hx-file-status{font-size:7px}.hx-process-layout{gap:35px}.hx-process h2{font-size:43px}.hx-step h3{font-size:19px}.hx-step{gap:10px}.hx-process-visual{min-height:540px}.hx-process-word>span{font-size:58px}}
@media(max-width:620px){
 .hx-stage{padding-block:30px 42px}.hx-rail{gap:12px;padding-bottom:14px}.hx-rail .eyebrow{font-size:8px}.hx-motion-control{font-size:9px}.hx-intro{display:block;margin-block:28px 20px}.hx-intro h2{font-size:clamp(37px,9vw,55px)}.hx-intro>p{margin-top:20px;font-size:13px}.hx-intro>p br{display:none}
 .hx-assembly-visual{height:295px;margin:36px -8px 20px}.hx-plane{padding:10px 8px;top:18px;height:215px;row-gap:10px}.hx-plane-brand{transform:translate3d(calc(var(--spread) * -10px),calc(var(--spread) * 14px),0) rotate(calc(var(--spread) * -8deg))}.hx-plane-web{transform:translateY(calc(var(--spread) * -18px))}.hx-plane-image{transform:translate3d(calc(var(--spread) * 10px),calc(var(--spread) * 14px),0) rotate(calc(var(--spread) * 8deg))}.hx-plane-top{font-size:6px;letter-spacing:.02em}.hx-plane-name{font-size:clamp(14px,4vw,23px);letter-spacing:-.04em;margin:0}.hx-brand-symbol{height:102px}.hx-brand-symbol svg{height:80px}.hx-brand-symbol>span{font-size:26px;padding:0 4px}.hx-plane-bottom{min-height:28px;font-size:5px;letter-spacing:0;gap:5px;line-height:1.5}.hx-plane-bottom i{width:10px;flex:none}.hx-web-symbol{margin:0;gap:5px}.hx-web-block{font-size:28px;min-height:58px}.hx-web-type{font-size:10px;padding:5px 1px}.hx-web-type i{font-size:18px}.hx-image-symbol{height:97px;margin:0}.hx-image-symbol>span:not(.hx-image-center){width:66px;height:66px}.hx-image-symbol>span:nth-child(2){width:46px;height:46px}.hx-image-symbol>span:nth-child(3){width:25px;height:25px}.hx-connection{left:3%;width:94%;font-size:7px;gap:10px;bottom:17px}.hx-register{display:none}
 .hx-service-links{grid-template-columns:1fr;gap:0}.hx-service-links>a{padding:18px 0;display:grid;grid-template-columns:1fr 1.1fr;gap:20px;align-items:start}.hx-service-title{flex-wrap:wrap;gap:6px}.hx-service-title .eyebrow{width:100%;font-size:8px}.hx-service-title h3{font-size:24px;max-width:105px;line-height:1.05}.hx-service-title svg{width:16px;height:16px}.hx-service-links p{font-size:11px;margin:2px 0 0}.hx-progress{margin-top:8px}
 .hx-file-deck{grid-template-columns:1fr;gap:64px;margin-top:49px}.hx-file-1{transform:translateX(calc(var(--spread) * -2%)) rotate(calc(var(--spread) * -1.5deg))}.hx-file-2{transform:translateX(calc(var(--spread) * 2%)) rotate(calc(var(--spread) * 1.5deg))}.hx-file-face{padding:19px}.hx-file-meta{display:flex}.hx-file-meta .eyebrow{font-size:6px}.hx-file-meta .eyebrow:last-child{text-align:right;margin:0}.hx-file-art{height:200px}.hx-file-word{font-size:55px}.hx-file-number{font-size:180px}.hx-file-label h3{font-size:22px}.hx-file-status{font-size:7px;gap:10px}.hx-file-foot{margin-top:24px}.hx-file-foot .eyebrow{font-size:8px}.hx-file-counter{display:none}.hx-file-tab{width:57%;font-size:8px}.hx-file>a:hover{translate:none}
 .hx-process .hx-rail>.eyebrow:last-child{display:none}.hx-process-layout{display:flex;flex-direction:column;gap:28px;margin-top:28px}.hx-process h2{font-size:clamp(38px,9vw,55px)}.hx-process-steps{margin-top:28px}.hx-step{padding:17px 0;gap:15px}.hx-step h3{font-size:21px}.hx-step p{font-size:12px}.hx-process-visual{min-height:0;height:460px}.hx-built-object{height:53%;top:17%;max-width:390px;left:12%}.hx-built-core span{font-size:80px}.hx-process-word>span{font-size:69px}.hx-process-word{bottom:80px}
 .hx-closing{padding-block:30px 45px}.hx-closing .hx-rail>.eyebrow:last-child{font-size:7px}.hx-closing h2{font-size:clamp(76px,19vw,127px);line-height:.9}.hx-closing-type{padding-block:36px 26px}.hx-closing h2>span:last-child{margin-left:21%}.hx-closing-symbol{top:37px;width:12%}.hx-closing-bottom{grid-template-columns:1fr;gap:25px;margin-top:20px}.hx-closing-bottom>p{font-size:13px}.hx-consult{min-height:87px;padding:22px;font-size:26px}.hx-consult-arrow svg{width:33px;height:33px}
}
@media(prefers-reduced-motion:reduce){.hx-sequence,.hx-closing{--spread:0!important;--shift:0!important;--p:1!important}.hx-file>a{translate:none!important}}
.page-home:not(.hx-motion) .hx-sequence,.page-home:not(.hx-motion) .hx-closing{--spread:0!important;--shift:0!important;--p:1!important}
.page-home:not(.hx-motion) .hx-process-word>span{transform:translateY(110%)}.page-home:not(.hx-motion) .hx-process-word>span:last-child{transform:none}
@media(max-width:620px){.hx-built-object{width:68%;left:14%;top:14%;height:44%}.hx-built-core span{font-size:64px}}

/* Framing: scene geometry scales to available width AND height. */
.hx-built-space{position:absolute;inset:65px 28px 175px;container-type:size}
.hx-built-space .hx-built-object{--object-size:180px;width:var(--object-size);height:var(--object-size);max-width:none;left:50%;top:50%;translate:-50% -50%}
.hx-built-frame-1{transform:translate3d(calc(var(--spread) * -38%),calc(var(--spread) * -25%),calc(var(--object-size) * -.08))}
.hx-built-frame-2{transform:translate3d(calc(var(--spread) * 46% + 6%),calc(var(--spread) * -17% + 6%),0)}
.hx-built-frame-3{transform:translate3d(calc(var(--spread) * -29% + 12%),calc(var(--spread) * 29% + 12%),calc(var(--object-size) * .08))}
.hx-built-frame-4{transform:translate3d(calc(var(--spread) * 29% + 18%),calc(var(--spread) * 33% + 18%),calc(var(--object-size) * .16))}
.hx-built-core{transform:translate3d(6%,10%,calc(var(--object-size) * .19)) scale(calc(.6 + var(--p) * .4))}
.hx-built-core span{font-size:calc(var(--object-size) * .30)}
@media(max-width:620px){.hx-closing h2>span:first-child{transform:translateX(calc(var(--shift) * -4%))}}

@supports(width:1cqw){.hx-built-space .hx-built-object{--object-size:min(70cqw,70cqh)}}

.hx-connection{opacity:clamp(0,calc(var(--p) * 3 - 2),1)}

/* Narrow cards retain the assembly motion without artwork crossing their borders. */
@media(max-width:620px){
 .hx-web-block{transform:translateX(calc(var(--spread) * -6px))}
 .hx-image-symbol>span:first-child{transform:translateX(calc(var(--spread) * -6px))}
 .hx-image-symbol>span:nth-child(2){transform:translateX(calc(var(--spread) * 6px))}
 .hx-closing h2{font-size:clamp(62px,19vw,127px)}
}