:root { --brand: #7A3E2D; --cream: #F0E8D9; --accent: #C19A6B; --ink: #1E1B16; }
.snapwidget-widget { max-width: 100%; display:block; }

/* --- Visual depth + motion --- */
body::before{
  content:"";
  position:fixed;
  inset:0;
  background-image:url('/assets/img/noise.png');
  opacity:.15;
  pointer-events:none;
  z-index:0;
}
.blob-bg{
  position:absolute;
  inset:auto auto -10% -10%;
  width:60vw;
  max-width:900px;
  opacity:.55;
  transform:translateZ(0);
}
.parallax[data-speed]{ will-change: transform; }
.card{
  position:relative;
  border-radius:1.25rem;
  background:linear-gradient(180deg, rgba(255,255,255,0.9), rgba(255,255,255,0.85));
  border:1px solid rgba(30,27,22,0.08);
  box-shadow:0 12px 40px rgba(0,0,0,.08);
  overflow:hidden;
}
.card::before{
  content:"";
  position:absolute;
  inset:0;
  padding:1px;
  border-radius:inherit;
  background:linear-gradient(135deg, rgba(193,154,107,.8), rgba(122,62,45,.8));
  -webkit-mask:
    linear-gradient(#000 0 0) content-box, 
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  pointer-events:none;
}
.tilt:hover{ transform:translateY(-4px) rotate3d(1,1,0, .6deg); transition:transform .3s ease; }
.section-title{
  position:relative;
  display:inline-block;
}
.section-title::after{
  content:"";
  position:absolute;
  left:0; bottom:-6px;
  width:60%;
  height:6px;
  background:linear-gradient(90deg, var(--accent), var(--brand));
  border-radius:999px;
  opacity:.5;
}
.rip{
  position:relative;
  isolation:isolate;
}
.rip::after{
  content:"";
  position:absolute;
  inset:auto 0 -1px 0;
  height:16px;
  background:
    radial-gradient(12px 8px at 12px 8px, transparent 98%, rgba(0,0,0,.08)) 0 0/24px 16px repeat-x;
}
.badge{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.4rem .8rem;
  border-radius:999px;
  background:rgba(122,62,45,.08);
  border:1px solid rgba(122,62,45,.18);
}
/* subtle fade-in */
.reveal{ opacity:0; transform:translateY(10px); animation:reveal .6s ease forwards; }
@keyframes reveal{ to{ opacity:1; transform:none; } }
