// PartyCaseStudy.jsx — Section G
// ⚠️ Tony to supply a real (or approved-anonymized) backyard graduation / milestone party.
// HIDDEN 2026-09-30 — no real content yet. To restore, delete the null line and drop the _PENDING suffix.
const PartyCaseStudy = () => null;
const PartyCaseStudy_PENDING = () => (
  <section style={{ padding:'clamp(64px, 8vw, 96px) 24px', background: T.white }}>
    <div style={{ maxWidth:1100, margin:'0 auto' }}>
      <div style={{
        display:'grid', gridTemplateColumns:'1fr 1.1fr', gap:0,
        border:`1px solid ${T.border}`, borderRadius:16, overflow:'hidden', background: T.white,
      }} className="grid-2">
        <PhotoPlaceholder src={PHOTOS.cardPrivateParty} caption="Photo · taco truck at a backyard graduation party, guests in line" tone="teal" ratio="4/3" style={{ borderRadius:0, height:'100%' }} />
        <div style={{ padding:'clamp(28px, 4vw, 48px)', display:'flex', flexDirection:'column', justifyContent:'center', position:'relative' }}>
          <span style={{
            position:'absolute', top:18, right:18,
            fontSize:10, fontWeight:700, letterSpacing:'.08em',
            color:'#7A5A00', background:'#FFE9A8', padding:'3px 7px', borderRadius:3,
          }}>PENDING REAL PARTY</span>
          <div className="eyebrow" style={{ marginBottom:12 }}>Private party · case study</div>
          <h3 style={{ fontSize:'clamp(22px, 2.4vw, 28px)', fontWeight:600, color: T.navy, margin:'0 0 14px', lineHeight:1.2 }}>
            A [town] backyard graduation party
          </h3>
          <p style={{ fontSize:16, lineHeight:1.65, color: T.inkSoft, margin:'0 0 22px', fontStyle:'italic' }}>
            [N] guests, one truck on the driveway + a dessert option, permit pulled and run by one coordinator.
            <br/><span style={{ fontStyle:'normal', fontSize:13, color: T.inkMute }}>Tony to supply a real or approved-anonymized party before publish.</span>
          </p>
          <span className="btn-link" style={{ fontSize:15, fontWeight:600, alignSelf:'flex-start' }}>
            Read the story <span className="arrow">→</span>
          </span>
        </div>
      </div>
    </div>
  </section>
);

Object.assign(window, { PartyCaseStudy });