/* Approved Floating mat treatment for home and portfolio image frames. */
.floating-mat .featured{background:#fff;border:1px solid #dedfd7;border-radius:8px;overflow:hidden}
.floating-mat .feature-visual{display:flex;align-items:center;min-width:0}
.floating-mat .feature-visual,.floating-mat .project-image,.floating-mat .portfolio-picture{position:relative;isolation:isolate;background:#faf9f5;padding:42px 36px 52px;overflow:hidden}
.floating-mat .project-image,.floating-mat .portfolio-picture{border:1px solid #dedfd7;border-radius:8px}
.floating-mat .feature-visual:before,.floating-mat .project-image:before,.floating-mat .portfolio-picture:before{content:"";position:absolute;inset:32px 24px 28px 44px;background:linear-gradient(#e9dfce88,#f0e8d988),url('/hem-assets/nested-background.svg') repeat 0 0/64px 53px;border:1px solid #b59c7350;border-radius:3px;transform:rotate(2deg);box-shadow:0 10px 18px #72593b14;pointer-events:none}
.floating-mat .feature-visual img,.floating-mat .project-image img,.floating-mat .portfolio-picture img{display:block;position:relative;z-index:1;width:100%;max-width:100%;height:auto;border:7px solid white;border-radius:3px;transform:translate(-5px,-5px);box-shadow:9px 12px 22px #14325720}
.floating-mat .portfolio-picture img{aspect-ratio:auto;object-fit:contain}
.floating-mat .featured:hover img,.floating-mat .project-image:hover img{transform:translate(-5px,-5px)}
.floating-mat .project-image span{z-index:3;font-size:10px;color:#24665e;background:#ffffffed;border-radius:20px;bottom:10px}
.floating-mat .portfolio-piece .portfolio-picture{border:0;border-radius:0}
@media(max-width:700px){.floating-mat .feature-visual{padding:28px 20px 40px}.floating-mat .project-image,.floating-mat .portfolio-picture{padding:24px 18px 48px}.floating-mat .feature-visual:before,.floating-mat .project-image:before,.floating-mat .portfolio-picture:before{inset:20px 12px 22px 26px}}

/* Approved matching mats around Church mockups; embedded sites unchanged. */
.church-floating .church-stage{position:relative;isolation:isolate;overflow:hidden;background:#faf9f5;border:1px solid #dedfd7;border-radius:8px;padding:clamp(18px,4vw,55px)}
.church-floating .church-stage:before{content:"";position:absolute;inset:32px 24px 28px 44px;background:linear-gradient(#e9dfce88,#f0e8d988),url('/hem-assets/nested-background.svg') repeat 0 0/64px 53px;border:1px solid #b59c7350;border-radius:3px;transform:rotate(2deg);box-shadow:0 10px 18px #72593b14;pointer-events:none}
.church-floating .church-window{position:relative;z-index:1;border:7px solid white;border-radius:4px;transform:translate(-5px,-5px);box-shadow:9px 12px 22px #14325720}
@media(max-width:700px){.church-floating .church-stage{padding:18px 14px 30px}.church-floating .church-stage:before{inset:20px 10px 18px 22px;transform:rotate(.7deg)}.church-floating .church-window{border-width:4px;transform:translate(-2px,-2px)}}

/* Give tall Church mockups a clearly visible woven surround. */
.church-floating .church-stage{padding:66px 86px 88px 58px}
.church-floating .church-stage:before{inset:22px 24px 25px 25px;transform:rotate(1deg);background:linear-gradient(#e9dfce55,#f0e8d955),url('/hem-assets/nested-background.svg') repeat 0 0/64px 53px}
.church-floating .church-window{box-shadow:12px 18px 30px #14325726}
@media(max-width:1000px){.church-floating .church-stage{padding:42px 48px 60px 32px}}
@media(max-width:700px){.church-floating .church-stage{padding:24px 25px 40px 16px}.church-floating .church-stage:before{inset:8px 8px 12px 8px;transform:rotate(.45deg);background-size:auto,52px 43px}}

/* Larger backing sheet for the tall Church previews. Keep mockup sizing. */
.church-floating .church-stage{overflow:visible;background:transparent;border-color:transparent;margin-top:36px;margin-bottom:64px}
.church-floating .church-stage:before{inset:-18px -28px -30px -12px;transform:rotate(1deg);background:linear-gradient(#e9dfce55,#f0e8d955),url('/hem-assets/nested-background.svg') repeat 0 0/96px 80px;border:1px solid #b59c7380;box-shadow:0 14px 26px #72593b1c}
@media(max-width:1000px){.church-floating .church-stage:before{inset:-12px -14px -24px -8px;transform:rotate(.5deg)}}
@media(max-width:700px){.church-floating .church-stage{margin-top:24px;margin-bottom:42px}.church-floating .church-stage:before{inset:-10px -7px -18px -5px;transform:none;background-size:auto,72px 60px}}