.gx-arch{--arch-max:1.45}.gx-dtc .gx-arch__grid{display:grid;grid-template-columns:1fr;gap:clamp(28px,4vw,44px)}.gx-dtc .gx-arch__copy{padding-inline:var(--gx-gutter)}.gx-dtc .gx-arch__copy h2{font-size:var(--gx-lg);line-height:1.12;letter-spacing:-.02em;font-weight:500;margin:0 0 18px;max-width:14ch}.gx-dtc .gx-arch__copy p{font-size:var(--gx-note);line-height:1.7;color:#242424b8;margin:0 0 32px;max-width:40ch}.gx-dtc .gx-arch__view{overflow:hidden;touch-action:pan-y;cursor:grab;padding-top:calc(var(--arch-size) * .5);-webkit-user-select:none;user-select:none}.gx-dtc .gx-arch__view.is-drag{cursor:grabbing}.gx-dtc .gx-arch__view:focus-visible{outline:2px solid var(--gold-deep);outline-offset:4px}.gx-dtc .gx-arch__track{display:flex;align-items:flex-end;gap:var(--arch-gap);width:max-content;will-change:transform;transform:translateZ(0)}.gx-dtc .gx-arch__fig{flex:0 0 var(--arch-size);width:var(--arch-size);aspect-ratio:1/1;margin:0;transform-origin:center bottom;will-change:transform}.gx-dtc .gx-arch__fig img{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none}.gx-dtc .gx-arch{--arch-size:min(62vw,300px);--arch-gap:10px}@media(min-width:750px){.gx-dtc .gx-arch{--arch-size:clamp(150px,20vw,210px);--arch-gap:14px}}@media(min-width:990px){.gx-dtc .gx-arch{--arch-size:clamp(132px,11.5vw,182px);--arch-gap:clamp(14px,1.5vw,22px)}.gx-dtc .gx-arch__grid{grid-template-columns:minmax(260px,26%) minmax(0,1fr);gap:clamp(40px,4vw,72px);align-items:center;padding-left:var(--gx-gutter)}.gx-dtc .gx-arch__copy{padding-inline:0}}@media(prefers-reduced-motion:reduce){.gx-dtc .gx-arch__fig{transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/gx-arch.css.map */