/* Shared decorative frames for the three homepage editorial images. */
.feature .art-frame,.shop .art-frame,.faq-expanded .art-frame{
  --frame-gold:#bd9360;
  position:relative;
  isolation:isolate;
  border:1px solid var(--frame-gold);
  border-radius:10px;
  background:linear-gradient(135deg,#3f2920,#181412 45%,#513629);
  box-shadow:0 18px 38px #0003,8px 8px 0 -2px #bd936025;
  overflow:visible;
}
.art-frame .frame-window{
  position:absolute;
  inset:14px;
  margin:0;
  display:block;
  overflow:hidden;
  border-radius:3px;
  border:1px solid #bd936070;
}
.art-frame .frame-window img{
  display:block;
  width:100%;
  height:100%;
  min-height:0;
  object-fit:cover;
  transform:scale(1);
  transition:transform .85s cubic-bezier(.2,.65,.25,1),filter .85s ease;
}
.art-frame::before,.art-frame::after{
  content:'';
  position:absolute;
  width:56px;
  height:56px;
  z-index:2;
  pointer-events:none;
  border-color:var(--frame-gold);
  border-style:solid;
  transition:width .65s ease,height .65s ease;
}
.art-frame::before{top:6px;left:6px;border-width:2px 0 0 2px}
.art-frame::after{bottom:6px;right:6px;border-width:0 2px 2px 0}
.faq-expanded .art-frame{
  background:linear-gradient(135deg,#fdf9f1,#dec8a9);
  box-shadow:0 18px 38px #47271e20,8px 8px 0 -2px #7b1f2d18;
}
.shop .art-frame{background:linear-gradient(135deg,#f6ead9,#b98e60 50%,#efdfc9)}
.shop .art-frame small{left:28px;right:28px;bottom:28px;z-index:3;border:1px solid #bd936080;border-radius:3px}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .art-frame:hover .frame-window img{transform:scale(1.065);filter:brightness(1.055)}
  .art-frame:hover::before,.art-frame:hover::after{width:80px;height:80px}
}
@media(max-width:650px){
  .art-frame .frame-window{inset:10px}
  .art-frame::before,.art-frame::after{width:36px;height:36px}
  .art-frame::before{top:4px;left:4px}
  .art-frame::after{bottom:4px;right:4px}
  .shop .art-frame small{left:20px;right:20px;bottom:20px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){
  .art-frame .frame-window img,.art-frame::before,.art-frame::after{transition:none;transform:none}
}