.werks-build{padding-block:var(--build-top, 48px) var(--build-bottom, 48px)}.werks-build__inner{display:flex;flex-direction:column;gap:18px}.werks-build__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:16px}.werks-build__eyebrow{margin:0 0 10px;font-size:.6875rem;letter-spacing:.2em;text-transform:uppercase;opacity:.6}.werks-build__title{margin:0;font-family:var(--font-heading--family);font-size:clamp(1.75rem,3.4vw,2.5rem);line-height:.95;letter-spacing:-.035em;text-transform:uppercase}.werks-build__spec{margin:0;font-size:.6875rem;letter-spacing:.16em;text-transform:uppercase;opacity:.55}.werks-build__stage{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px;align-items:stretch}.werks-build__figure{position:relative;overflow:hidden;background:rgb(from var(--color-foreground) r g b / .06);aspect-ratio:var(--build-ratio, 21 / 9)}.werks-build__img{display:block;width:100%;height:100%;object-fit:cover}.werks-build__placeholder{display:grid;place-items:center;height:100%;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;opacity:.5}.werks-build__pin{position:absolute;inset-block-start:var(--y, 50%);inset-inline-start:var(--x, 50%);transform:translate(-50%,-50%);display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;background:none;color:#fff;cursor:pointer}.werks-build__pin-dot{position:absolute;top:0;right:0;bottom:0;left:0;border:1.5px solid currentColor;border-radius:50%;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:transform .2s ease,background .2s ease}.werks-build__pin:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border:1px solid currentColor;border-radius:50%;opacity:0;animation:werks-ping 2.8s ease-out infinite}.werks-build__pin:nth-of-type(2n):after{animation-delay:.7s}.werks-build__pin:nth-of-type(3n):after{animation-delay:1.4s}@keyframes werks-ping{0%{transform:scale(.85);opacity:.55}70%{transform:scale(1.35);opacity:0}to{transform:scale(1.35);opacity:0}}.werks-build__pin-num{position:relative;font-size:.6875rem;font-weight:700;letter-spacing:.02em}.werks-build__pin:hover .werks-build__pin-dot,.werks-build__pin:focus-visible .werks-build__pin-dot,.werks-build__pin[data-active] .werks-build__pin-dot{transform:scale(1.22);background:#fff}.werks-build__pin:hover .werks-build__pin-num,.werks-build__pin[data-active] .werks-build__pin-num{color:#000}.werks-build__list{display:grid;grid-template-rows:repeat(var(--build-rows, 6),minmax(0,1fr));gap:2px;margin:0;padding:0;list-style:none;min-height:0;height:100%}.werks-build__item{min-height:0;container-type:size;container-name:buildrow}.werks-build__item a{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:clamp(7px,8cqh,12px);height:100%;padding-inline:clamp(6px,6cqh,10px);border:1px solid transparent;color:inherit;text-decoration:none;overflow:hidden;transition:border-color .16s ease,background .16s ease}.werks-build__item[data-active] a,.werks-build__item a:hover{border-color:rgb(from var(--color-foreground) r g b / .35);background:rgb(from var(--color-foreground) r g b / .05)}.werks-build__num{font-family:var(--werks-mono);font-size:.8125rem;font-size:clamp(.625rem,20cqh,.9375rem);letter-spacing:-.02em;opacity:.4}.werks-build__media{width:46px;height:clamp(28px,76cqh,64px);width:clamp(28px,76cqh,64px);aspect-ratio:1;overflow:hidden;flex:0 0 auto;background:rgb(from var(--color-foreground) r g b / .07)}.werks-build__media img{width:100%;height:100%;object-fit:cover;display:block}.werks-build__item-body{display:flex;flex-direction:column;gap:2px;min-width:0}.werks-build__item-title{font-size:.8125rem;font-size:clamp(.6875rem,21cqh,.9375rem);line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.werks-build__item-meta{font-size:.625rem;font-size:clamp(.5rem,15cqh,.6875rem);letter-spacing:.1em;text-transform:uppercase;opacity:.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (max-width:989px){.werks-build__stage{grid-template-columns:minmax(0,1fr)}.werks-build__figure{aspect-ratio:16 / 9}.werks-build__list{grid-template-rows:none;grid-auto-rows:minmax(56px,auto);height:auto;max-height:320px;overflow-y:auto;scrollbar-width:thin}.werks-build__item{container-type:normal}.werks-build__item a{grid-template-columns:24px 46px minmax(0,1fr);gap:10px;padding-block:7px}.werks-build__media{width:46px;height:46px}}@media(prefers-reduced-motion:reduce){.werks-build__pin:after{animation:none}.werks-build__pin-dot,.werks-build__item a{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/119/assets/werks-build.css.map */