/* Scene Lately — Instagram + Eventbrite */
.sf-section{background:#FEFAE0;padding:72px 24px;border-top:6px solid #3D2914;display:none}
.sf-section.is-ready{display:block}
.sf-wrap{max-width:1180px;margin:0 auto;width:100%}
.sf-badge{display:inline-flex;align-items:center;gap:8px;background:#E85D04;color:#FEFAE0;font-family:Outfit,sans-serif;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;padding:8px 14px;border-radius:999px;box-shadow:3px 3px 0 #3D2914}
.sf-badge-eb{background:#3D2914;color:#F4D35E}
.sf-h2{font-family:'Dela Gothic One','Big Shoulders Display',sans-serif;font-size:clamp(28px,4vw,48px);line-height:1.05;text-transform:uppercase;color:#0b0b12;margin:14px 0 10px;font-weight:400}
.sf-h2 em{font-style:normal;color:#E85D04}
.sf-sub{font-family:Outfit,sans-serif;font-size:15px;font-weight:600;color:#2b2b36;max-width:560px;margin:0 0 18px}
.sf-cta{display:inline-flex;align-items:center;gap:8px;font-family:Outfit,sans-serif;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;background:#F4D35E;color:#0b0b12;border:2.5px solid #3D2914;border-radius:999px;padding:12px 18px;box-shadow:4px 4px 0 #E85D04;margin:0 0 28px;white-space:nowrap}
.sf-cta:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #E85D04}

/* Instagram — natural image size: full post visible, edge-to-edge, no crop/letterbox */
.sf-ig-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  align-items:start;
  width:100%;
}
.sf-ig-card{
  position:relative;
  display:block;
  width:100%;
  border-radius:14px;
  overflow:hidden;
  border:3px solid #3D2914;
  box-shadow:5px 5px 0 #3D2914;
  background:#fff;
  text-decoration:none;
  transition:transform .15s, box-shadow .15s;
}
.sf-ig-card:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 #3D2914}
.sf-ig-pic{
  display:block;
  width:100%;
  height:auto;
  vertical-align:middle;
}
.sf-ig-video{
  background:#0b0b12;
  -webkit-transform:translateZ(0);
  transform:translateZ(0);
  cursor:pointer;
}
.sf-ig-play{
  position:absolute;left:50%;top:50%;z-index:4;
  width:56px;height:56px;margin:-28px 0 0 -28px;
  border:2.5px solid #FEFAE0;border-radius:50%;
  background:rgba(11,11,18,.72);color:#FEFAE0;
  cursor:pointer;padding:0;
  box-shadow:0 4px 16px rgba(0,0,0,.35);
}
.sf-ig-play::before{
  content:"";display:block;margin:0 auto;
  width:0;height:0;
  border-style:solid;border-width:10px 0 10px 16px;
  border-color:transparent transparent transparent #FEFAE0;
  margin-left:22px;
}
.sf-ig-card.is-playing .sf-ig-play{opacity:0;pointer-events:none}
.sf-ig-open{
  position:absolute;left:10px;bottom:10px;z-index:5;
  font-family:Outfit,sans-serif;font-size:10px;font-weight:800;letter-spacing:.12em;
  text-transform:uppercase;text-decoration:none;color:#0b0b12;
  background:#F4D35E;border:2px solid #3D2914;border-radius:999px;padding:6px 10px;
}
.sf-ig-reel{
  position:absolute;top:10px;right:10px;z-index:4;
  font-family:Outfit,sans-serif;font-size:10px;font-weight:800;letter-spacing:.14em;
  text-transform:uppercase;color:#FEFAE0;background:rgba(11,11,18,.82);
  border:1.5px solid #FEFAE0;border-radius:999px;padding:5px 9px;pointer-events:none;
}

/* Eventbrite — stacked head (no side-by-side flex that stretches on mobile) */
#scene-eventbrite{background:#FFF8E8}
.sf-eb-head{margin:0 0 22px;max-width:720px}
.sf-eb-head .sf-sub{margin-bottom:16px}
.sf-eb-head .sf-cta{margin-bottom:0}

.sf-eb-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  width:100%;
  align-items:stretch;
}
.sf-eb-card{
  display:flex;flex-direction:column;gap:10px;
  background:#fff;border:2.5px solid #3D2914;border-radius:16px;
  padding:16px 16px 14px;
  box-shadow:5px 5px 0 #3D2914;text-decoration:none;color:#0b0b12;
  transition:transform .15s, box-shadow .15s, background .15s;
}
.sf-eb-card:hover{
  transform:translate(-2px,-2px);box-shadow:7px 7px 0 #3D2914;background:#FEFAE0;
}
.sf-eb-date{
  display:inline-flex;align-items:baseline;gap:8px;
  background:#FEFAE0;border:2px solid #3D2914;border-radius:999px;
  padding:6px 12px;width:fit-content;
}
.sf-eb-dow{
  font-family:Outfit,sans-serif;font-size:11px;font-weight:800;letter-spacing:.12em;
  text-transform:uppercase;color:#E85D04;
}
.sf-eb-dom{
  font-family:'Dela Gothic One',cursive;font-size:22px;font-weight:400;color:#0b0b12;line-height:1;
}
.sf-eb-mon{
  font-family:Outfit,sans-serif;font-size:12px;font-weight:800;letter-spacing:.08em;
  text-transform:uppercase;color:#2b2b36;
}
.sf-eb-body{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}
.sf-eb-body b{
  font-family:Outfit,sans-serif;font-size:16px;font-weight:800;line-height:1.25;color:#0b0b12;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;
}
.sf-eb-meta{font-family:Outfit,sans-serif;font-size:13px;font-weight:700;color:#2b2b36}
.sf-eb-go{
  margin-top:4px;padding-top:10px;border-top:2px dashed #3D2914;
  font-family:Outfit,sans-serif;font-size:11px;font-weight:800;letter-spacing:.14em;
  text-transform:uppercase;color:#E85D04;
}

.sf-eb-list{display:none}
.sf-eb-pic{display:none}

.sf-section + .sf-section{border-top:none;padding-top:40px}

@media(max-width:980px){
  .sf-eb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sf-ig-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
}
@media(max-width:640px){
  .sf-section{padding:48px 16px}
  .sf-h2{font-size:clamp(26px,8vw,36px);margin:12px 0 8px}
  .sf-sub{font-size:14px;margin-bottom:14px}
  .sf-cta{
    display:flex;width:100%;max-width:100%;box-sizing:border-box;
    justify-content:center;margin-bottom:20px;
    white-space:normal;text-align:center;padding:12px 14px;letter-spacing:.1em;
  }
  .sf-eb-head{margin-bottom:18px;max-width:none}
  .sf-eb-head .sf-sub{margin-bottom:14px}
  .sf-eb-head .sf-cta{margin-bottom:0}
  .sf-ig-grid{grid-template-columns:1fr;gap:14px;max-width:none;width:100%;margin:0}
  .sf-ig-video{min-height:200px;object-fit:contain;background:#0b0b12}
  .sf-eb-grid{grid-template-columns:1fr;gap:12px}
  .sf-eb-card{padding:16px}
  .sf-eb-body b{font-size:15px;-webkit-line-clamp:4}
}