/* The idea: the Salon square motif, with static, decorative ink patterns. */
.salon-idea { margin-block:64px 72px; scroll-margin-top:28px; outline:none; }
.idea-intro { padding-block:12px 8px; }
.idea-intro h1 {
  max-width:30ch; margin:0 0 36px;
  font:600 clamp(34px,4.5vw,58px)/1.12 Livvic,Inter,sans-serif;
  letter-spacing:-.035em; text-wrap:balance;
}
.idea-intro h1 span { display:block; }
.idea-intro h1 span+span { color:var(--deep-blue); }
.idea-lead { max-width:65ch; margin:0 0 0 22%; font-size:18px; line-height:1.75; }
.idea-band { display:flex; align-items:center; gap:7px; margin-block:56px; }
.idea-square { display:block; flex:none; width:18px; height:18px; border:2px solid currentColor; background:currentColor; }
.idea-square.blue { color:var(--deep-blue); }
.idea-square.pink { color:var(--deep-pink); }
.idea-square.open { background:transparent; }
.idea-band-spaces { gap:28px; }
.idea-cluster { display:grid; grid-template-columns:repeat(4,18px); gap:5px; }
.idea-band-joining { justify-content:flex-end; }
.idea-beliefs>h2,.idea-evening>h2 { margin-bottom:36px; font-size:26px; }
.idea-beliefs ul { list-style:none; margin:0; padding:0; }
.idea-beliefs li { position:relative; max-width:76%; padding-left:42px; margin-bottom:38px; }
.idea-beliefs li:nth-child(even) { margin-left:22%; }
.idea-beliefs li:last-child { margin-bottom:0; }
.idea-beliefs h3 { max-width:31ch; margin-bottom:12px; color:var(--deep-blue); font:600 clamp(23px,2.7vw,34px)/1.2 Livvic,Inter,sans-serif; letter-spacing:-.02em; }
.idea-beliefs li:nth-child(even) h3 { color:var(--deep-pink); }
.idea-beliefs p { max-width:58ch; margin:0; }
.idea-belief-mark { position:absolute; left:0; top:8px; width:18px; height:18px; background:var(--deep-blue); }
.idea-beliefs li:nth-child(even) .idea-belief-mark { background:var(--deep-pink); }
.idea-belief-mark.both { isolation:isolate; background:var(--deep-blue)!important; }
.idea-belief-mark.both::after { content:""; position:absolute; top:6px; left:6px; width:18px; height:18px; background:var(--deep-pink); mix-blend-mode:multiply; }
.idea-photo-grid { display:grid; grid-template-columns:2fr 1fr; gap:12px; }
.idea-photo-grid img { display:block; width:100%; height:100%; aspect-ratio:3/2; object-fit:cover; border-radius:var(--radius); }
.idea-photo-grid img:first-child { grid-row:span 2; }
.idea-photos figcaption { margin:10px 2px 24px; }
.idea-photos figcaption span { margin-left:12px; }
.idea-evening-steps { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; list-style:none; margin:0; padding:0; }
.idea-evening-steps li { min-height:220px; padding:22px 18px; background:#fff; border:1px solid var(--line); border-radius:var(--radius); }
.idea-evening-steps li:nth-child(even) { background:#edf1f5; }
.idea-evening-steps h3 { font:600 20px/1.25 Livvic,Inter,sans-serif; margin:0 0 12px; }
.idea-evening-steps p { margin:0; font-size:15px; line-height:1.6; }
.idea-joining { margin-top:64px; scroll-margin-top:28px; outline:none; }
.idea-joining-layout { display:grid; grid-template-columns:1.1fr 1fr; gap:72px; }
.idea-joining-layout h2 { margin-bottom:28px; }
.idea-joining-steps { list-style:none; margin:0; padding:0; }
.idea-joining-steps li+li { margin-top:24px; }
.idea-joining-steps h3 { font-size:20px; margin-bottom:8px; }
.idea-good-to-know { padding:28px; border:1px solid var(--line); border-radius:var(--radius); align-self:start; }
.idea-good-to-know h3 { font-size:24px; margin-bottom:24px; }
.idea-good-to-know dl { margin:0; }
.idea-good-to-know dl>div+div { margin-top:20px; }
.idea-good-to-know dt { font-weight:600; color:var(--strong); }
.idea-good-to-know dd { margin:4px 0 0; }
@media(max-width:980px) {
  .idea-evening-steps { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .idea-evening-steps li { min-height:0; }
  .idea-joining-layout { gap:36px; }
}
@media(max-width:700px) {
  .idea-lead { margin-left:0; }
  .idea-beliefs li { max-width:90%; }
  .idea-beliefs li:nth-child(even) { margin-left:10%; }
  .idea-band-spaces { gap:16px; }
  .idea-band-spaces .idea-cluster:nth-child(n+4) { display:none; }
  .idea-photo-grid { grid-template-columns:1fr 1fr; }
  .idea-photo-grid img:first-child { grid-column:1/-1; grid-row:auto; }
  .idea-joining-layout { grid-template-columns:1fr; gap:32px; }
}
@media(max-width:580px) {
  .salon-idea { margin-block:42px 48px; }
  .idea-intro h1 { margin-bottom:28px; }
  .idea-lead { font-size:17px; }
  .idea-band { margin-block:36px; }
  .idea-band:not(.idea-band-spaces)>.idea-square:nth-child(n+11) { display:none; }
  .idea-band-spaces { gap:12px; }
  .idea-cluster { gap:4px; }
  .idea-beliefs>h2,.idea-evening>h2 { margin-bottom:28px; font-size:24px; }
  .idea-beliefs li,.idea-beliefs li:nth-child(even) { max-width:none; margin-left:0; padding-left:34px; margin-bottom:28px; }
  .idea-belief-mark { top:5px; width:16px; height:16px; }
  .idea-belief-mark.both::after { width:16px; height:16px; }
  .idea-photo-grid { grid-template-columns:1fr; gap:16px; }
  .idea-photos figcaption span { display:block; margin-left:0; }
  .idea-evening-steps { grid-template-columns:1fr; gap:12px; }
  .idea-evening-steps li { padding:22px; }
  .idea-evening-steps p { font-size:16px; }
  .idea-joining { margin-top:48px; }
  .idea-good-to-know { padding:24px; }
}