/* ── Section 2 · The backgrounds that built this · /v3 ─────────────────
   Paper plate (text-free render) + lamp cutout + live type and cards.
   Variants are driven by data-* on the section; the winner gets baked. */
.s2 { position:relative; overflow:hidden; background:#EFE6D6; padding:104px 0 128px; }
.s2-paper { position:absolute; inset:0; margin:0; }
.s2-paper img { width:100%; height:100%; object-fit:cover; object-position:50% 50%; display:block; }
.s2-lamp { position:absolute; left:0; bottom:0; margin:0; width:clamp(240px, 27vw, 440px); pointer-events:none; }
.s2-lamp img { width:100%; height:auto; display:block; }
.s2[data-side="right"] .s2-lamp { left:auto; right:0; transform:scaleX(-1); }
.s2-inner { position:relative; z-index:1; max-width:1120px; margin:0 auto; }

.s2-header { margin-bottom:0; }
.s2-kicker { display:block; font-family:var(--font-ui); font-size:12px; font-weight:500; letter-spacing:0.22em; text-transform:uppercase; color:#1c1917; margin-bottom:22px; }
.s2-h2 { font-family:'Oranienbaum', 'TiemposHeadline', Georgia, serif; font-weight:400; text-transform:uppercase; font-size:clamp(34px, 3.9vw, 60px); line-height:1.0; letter-spacing:0.02em; color:#1c1917; margin:0; max-width:14em; }
.s2[data-face="italiana"] .s2-h2 { font-family:'Italiana', serif; letter-spacing:0.03em; font-size:clamp(30px, 3.2vw, 50px); }
.s2[data-face="gloock"] .s2-h2 { font-family:'Gloock', serif; letter-spacing:0.01em; font-size:clamp(28px, 3.0vw, 46px); }
.s2[data-face="instrument"] .s2-h2 { font-family:'Instrument Serif', serif; letter-spacing:0.02em; font-size:clamp(36px, 4.2vw, 64px); }
.s2[data-face="noto"] .s2-h2 { font-family:'Noto Serif Display', serif; font-stretch:62.5%; letter-spacing:0.02em; font-size:clamp(36px, 4.2vw, 64px); }
.s2[data-face="roboto"] .s2-h2 { font-family:'Roboto Serif', serif; font-stretch:50%; letter-spacing:0.03em; font-size:clamp(36px, 4.2vw, 64px); }
.s2[data-face="mate"] .s2-h2 { font-family:'Mate SC', serif; text-transform:none; letter-spacing:0.03em; font-size:clamp(36px, 4.2vw, 64px); }
.s2[data-ink="oxblood"] .s2-h2 { color:#490A0A; }
.s2-rule { border:0; border-top:1px solid #B8933F; margin:30px 0 40px; }
.s2-h2-img img { display:block; width:100%; max-width:640px; height:auto; }
.s2-h2.s2-h2-img { max-width:none; }

/* cards: paper shows through, frame is a nine-slice of a keyed render */
.s2 .s2-card { background:transparent; box-shadow:none !important; border-radius:0; transition:none; transform:none !important; padding:34px 36px 40px; }
.s2 .s2-card:hover { box-shadow:none !important; transform:none !important; }
.s2[data-frame="hairline"] .s2-card { border:1px solid rgba(28,25,23,0.40) !important; }
.s2[data-frame="f01"] .s2-card { border:18px solid transparent !important; border-image:url(/second-chair-full/images/v3/s2/frame-f01.png) 44 / 18px stretch !important; padding:24px 26px 30px; }
.s2[data-frame="f02"] .s2-card { border:16px solid transparent !important; border-image:url(/second-chair-full/images/v3/s2/frame-f02.png) 41 / 16px stretch !important; padding:26px 28px 32px; }
.s2[data-frame="f03"] .s2-card { border:30px solid transparent !important; border-image:url(/second-chair-full/images/v3/s2/frame-f03.png) 82 / 30px stretch !important; padding:16px 18px 22px; }
.s2[data-frame="f04"] .s2-card { border:19px solid transparent !important; border-image:url(/second-chair-full/images/v3/s2/frame-f04.png) 47 / 19px stretch !important; padding:24px 26px 30px; }
.s2 .cred-col-label { color:#1c1917; letter-spacing:0.18em; font-size:13px; }
.s2 .cred-col-desc { color:rgba(28,25,23,0.78); font-size:16px; }
.s2 .cred-clients-label { color:rgba(28,25,23,0.55); }

@media (max-width: 768px) {
  .s2 { padding:72px 0 300px; }
  .s2 .s2-grid { grid-template-columns:1fr; gap:22px; }
  .s2-h2 { font-size:clamp(38px, 11vw, 52px); }
  .s2-lamp { width:52vw; }
  .s2 .s2-card { padding:26px 24px 30px; }
}
.s2[data-frame="g01"] .s2-card { border:19px solid transparent !important; border-image:url(/second-chair-full/images/v3/s2/frame-g01.png) 48 / 19px stretch !important; padding:23px 25px 29px; }
.s2[data-frame="g02"] .s2-card { border:19px solid transparent !important; border-image:url(/second-chair-full/images/v3/s2/frame-g02.png) 48 / 19px stretch !important; padding:23px 25px 29px; }
.s2[data-frame="g03"] .s2-card { border:32px solid transparent !important; border-image:url(/second-chair-full/images/v3/s2/frame-g03.png) 80 / 32px stretch !important; padding:12px 14px 16px; }
.s2[data-frame="g04"] .s2-card { border:14px solid transparent !important; border-image:url(/second-chair-full/images/v3/s2/frame-g04.png) 16 / 14px stretch !important; padding:28px 30px 34px; }
.s2[data-frame="g05"] .s2-card { border:19px solid transparent !important; border-image:url(/second-chair-full/images/v3/s2/frame-g05.png) 48 / 19px stretch !important; padding:23px 25px 29px; }
.s2[data-frame="g06"] .s2-card { border:21px solid transparent !important; border-image:url(/second-chair-full/images/v3/s2/frame-g06.png) 53 / 21px stretch !important; padding:21px 23px 27px; }

/* logo rows: explicit breaks to match the live grouping, three across */
.s2 .cred-logos { column-gap:26px; row-gap:11px; } /* each break is its own flex line, so 11 + 11 = the live 22 */
.s2 .cred-logo { padding-right:0; }
.s2 .cred-br { flex-basis:100%; height:0; }
@media (min-width: 769px) {
  .s2 .s2-inner { max-width:1240px; }
  .s2 .s2-grid { gap:16px; }
  .s2[data-frame="f01"] .s2-card { padding:24px 18px 30px; }
}