/* Transparent cutouts keep their alpha: the page color is their backdrop. */
body.layn-cutouts .hx-card__media,
body.layn-cutouts .hx-gallery__track,
body.layn-cutouts .hx-gallery__slide{background:var(--hx-bg,#f5f2eb)!important}
body.layn-cutouts .hx-card__media img{object-fit:contain!important;padding:8%;mix-blend-mode:normal}
body.layn-cutouts .hx-gallery__slide img{object-fit:contain!important;padding:5%;mix-blend-mode:normal}
.layn-fabric-frame{position:relative;isolation:isolate;min-width:0;width:100%;border-radius:4px}
.layn-fabric-frame>.hx-card__media{position:relative;z-index:0}
.layn-fabric-frame--gallery{width:calc(100% - 20px);margin:10px}
.layn-thread{position:absolute;inset:-8px;width:calc(100% + 16px);height:calc(100% + 16px);overflow:visible;pointer-events:none;z-index:2;color:var(--layn-selected,var(--hx-primary,#66735b));opacity:0;transition:opacity .25s ease}
.layn-thread__seam{opacity:.4}
.layn-thread__flourish{opacity:.78}
.layn-thread__line{stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset .65s ease}
/* Each stroke stays one screen pixel regardless of the card's dimensions. */
.layn-thread path{vector-effect:non-scaling-stroke}
.layn-fabric-frame:focus-within>.layn-thread,
.hx-card__link:focus-visible .layn-thread,
.layn-thread-show>.layn-thread{opacity:1}
.layn-fabric-frame:focus-within .layn-thread__line,
.hx-card__link:focus-visible .layn-thread__line,
.layn-thread-show .layn-thread__line{stroke-dashoffset:0}
body.layn-fabric-motion .hx-gallery__slide img{transition:transform .5s ease}
@media(hover:hover){
  .layn-fabric-frame:hover>.layn-thread,.hx-card__link:hover .layn-thread{opacity:1}
  .layn-fabric-frame:hover .layn-thread__line,.hx-card__link:hover .layn-thread__line{stroke-dashoffset:0}
  body.layn-fabric-motion .layn-fabric-frame:hover .hx-card__media img,
  body.layn-fabric-motion .hx-card__link:hover .hx-card__media img,
  body.layn-fabric-motion .layn-fabric-frame:hover .hx-gallery__slide img{transform:scale(1.035)}
}
body.layn-fabric-motion .layn-thread-show .hx-card__media img{transform:scale(1.035)}
body.layn-fabric:not(.layn-fabric-motion) .layn-thread,
body.layn-fabric:not(.layn-fabric-motion) .layn-thread__line{transition:none}
body.layn-fabric:not(.layn-fabric-motion) .hx-card__media img,
body.layn-fabric:not(.layn-fabric-motion) .hx-gallery__slide img{transform:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){
  .layn-thread,.layn-thread__line{transition:none!important}
  body.layn-fabric .hx-card__media img,body.layn-fabric .hx-gallery__slide img{transform:none!important;transition:none!important}
}