/* Information pages only */
body.information-page main {
    overflow-y: auto;
    margin-right: 0;
    padding: 32px clamp(20px, 5vw, 80px) 48px;
}
body.information-page .page-inner {
    display: block;
    height: auto;
    min-height: 100%;
    max-width: 900px;
    margin: 0 auto;
}
.info-card {
    max-width: 780px;
    padding: 8px 0 48px;
}
.info-card h1 {
    font-size: clamp(32px, 4vw, 46px);
    line-height: 1.2;
    margin: 28px 0;
}
.info-card h2 {
    font-size: 20px;
    margin: 0 0 24px;
    color: var(--accent);
}
.info-card p {
    color: var(--muted);
    font-size: 16px;
    line-height: 1.8;
    max-width: 720px;
    margin-bottom: 18px;
}
.info-back, .info-email {
    color: var(--accent);
    text-decoration: none;
}
.info-back:hover, .info-email:hover {
    text-decoration: underline;
}
body.information-page .footer-slots a:hover {
    color: var(--accent);
}

body[data-info-section] .info-back { display: inline-block; margin-bottom: 20px; }
body[data-info-section] .info-heading h1 { margin: 0 0 10px; font-size: clamp(2.4rem, 6vw, 4.7rem); letter-spacing: -.055em; }
body[data-info-section] .info-heading p { color: var(--accent); margin: 0; }
body[data-info-section] .info-content { margin-top: 28px; }
body[data-info-section="about"] { --bg: #201a17; --panel: #2c221d; --line: #4a3b30; --accent: #edc29d; }
body[data-info-section="about"] .info-heading { border-left: 3px solid var(--accent); padding: 18px 0 18px 22px; }
body[data-info-section="about"] .info-content > p:first-child { font-size: clamp(1.12rem, 2vw, 1.45rem); }
body[data-info-section="leadflow"] { --bg: #181622; --panel: #242033; --line: #433954; --accent: #dbc4ff; }
body[data-info-section="leadflow"] .info-heading { padding: clamp(18px, 5vw, 44px); background: linear-gradient(125deg, var(--panel), var(--bg)); border: 1px solid var(--line); }
body[data-info-section="terms"] { --bg: #171e22; --panel: #202b31; --line: #394b55; --accent: #a8d7e3; }
.info-rules { counter-reset: rule; }
.info-rule { border-top: 1px solid var(--line); padding: 15px 0; counter-increment: rule; }
.info-rule h3 { margin: 0 0 8px; }
.info-rule h3::before { content: counter(rule, decimal-leading-zero); color: var(--accent); font-size: .75em; margin-right: .8em; }
.info-rule p { margin: 0; }
body[data-info-section="privacy"] { --bg: #1c1d1b; --panel: #292c26; --line: #43483e; --accent: #c9d6b6; }
body[data-info-section="privacy"] .info-content { padding: clamp(16px, 4vw, 30px); background: var(--panel); border-left: 3px solid var(--accent); }
body[data-info-section="privacy"] .info-content p:last-child { margin-bottom: 0; }
body[data-info-section="contact"] { --bg: #21191f; --panel: #32242c; --line: #51404a; --accent: #efbfd1; }
body[data-info-section="contact"] .info-heading { border-bottom: 1px solid var(--line); padding-bottom: 24px; }
.info-contact { display: inline-flex; flex-direction: column; gap: 4px; max-width: 100%; padding: 12px 16px; border: 1px solid var(--line); border-radius: 8px; color: var(--accent); overflow-wrap: anywhere; }
.info-contact:hover { border-color: var(--accent); }

.info-channels {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr));
    gap: 10px;
}

body[data-info-section] {
  --bg: #17181a;
  --panel: #222427;
  --line: #3b3e43;
  --accent: #e0e3e8;
  --muted: #c4c7cd;
}
body[data-info-section] .info-card { max-width: 900px; }
.info-intro {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(16px, 4vw, 40px);
}
.info-visual, .info-graphic {
  display: block;
  width: 100%;
  aspect-ratio: 2 / 1;
  border-radius: 8px;
}
.info-visual { object-fit: cover; filter: saturate(.62); }
.info-graphic { display: grid; place-items: center; background: var(--panel); color: var(--accent); }
.info-graphic svg { width: 65%; height: auto; }
body[data-info-section="leadflow"] .info-heading { background: none; border: 0; padding: 0; }
body[data-info-section="terms"] .info-intro { padding-bottom: 20px; }
@media (max-width: 620px) {
  .info-intro { grid-template-columns: minmax(0, 1fr); }
  .info-visual, .info-graphic { max-height: 210px; }
  .info-graphic svg { max-height: 125px; }
}

body[data-info-section="terms"] .page-inner,
body[data-info-section="about"] .page-inner { max-width: 1180px; }
body[data-info-section="terms"] .info-card,
body[data-info-section="about"] .info-card { max-width: none; }
body[data-info-section="terms"] .info-intro,
body[data-info-section="about"] .info-intro { grid-template-columns: minmax(0, 1fr); }
body[data-info-section="about"] .info-visual { max-height: 460px; }
body[data-info-section="terms"] .info-rule p { max-width: 88ch; font-size: clamp(1.06rem, 1.45vw, 1.19rem); }
.info-contacts { margin-top: 32px; padding-top: 20px; border-top: 1px solid var(--line); }
body[data-info-section="leadflow"] .info-graphic {
  color: #c9ed90;
  background: radial-gradient(ellipse, #2c3928, #1d211f);
}

html:has(body[data-info-section]), body[data-info-section] main#page { scrollbar-width: none; }
.info-story { list-style: none; padding: 0; margin: 0; }
.info-story li { border-bottom: 1px solid var(--line); padding: 16px 0; }
.info-story li h2 { margin-bottom: 8px; }
.info-story li p { margin: 0; }
body[data-info-section="leadflow"] {
  --bg: #1a1d14;
  --panel: #2a2f20;
  --line: #505b3e;
  --accent: #c8d39a;
  --muted: #c6c9b8;
}
body[data-info-section="leadflow"] .info-intro { position: relative; isolation: isolate; min-height: clamp(230px, 34vw, 430px); grid-template-columns: minmax(0, 1fr); }
body[data-info-section="leadflow"] .info-heading { z-index: 1; max-width: 50%; }
.info-robot { position: absolute; inset: 0 0 0 auto; width: 73%; height: 100%; object-fit: cover; object-position: right center; mask-image: linear-gradient(90deg, transparent, #000 32%, #000 92%, transparent); }
body[data-info-section="leadflow"] .info-rule h3::before { content: none; }
@media (max-width: 620px) {
  body[data-info-section="leadflow"] .info-intro { min-height: 0; gap: 4px; }
  body[data-info-section="leadflow"] .info-heading { max-width: none; }
  .info-robot { position: static; width: 100%; height: auto; mask-image: linear-gradient(#000 72%, transparent); }
}

body[data-info-section="about"] .info-heading { border: 0; padding: 0; }
.info-showroom {
  display: block;
  width: 100%;
  aspect-ratio: 2.45 / 1;
  object-fit: cover;
  object-position: center 56%;
  mask-image: linear-gradient(#000 85%, transparent);
}
body[data-info-section="about"] .info-story { max-width: 76ch; margin-inline: auto; }
body[data-info-section="about"] .info-story li { padding: clamp(22px, 4vw, 44px) 0; }
body[data-info-section="about"] .info-story h2 { font-size: clamp(1.4rem, 3vw, 2rem); }
body[data-info-section="about"] .info-story + p { margin: 22px auto; max-width: 76ch; }
body[data-info-section="leadflow"] .page-inner { max-width: 1180px; }
body[data-info-section="leadflow"] .info-card { max-width: none; }
body[data-info-section="leadflow"] .info-heading h1 {
  font-size: clamp(2.25rem, 6vw, 5rem);
  font-weight: 750;
  line-height: 1;
  white-space: nowrap;
}
body[data-info-section="leadflow"] .info-robot { object-fit: contain; }
body[data-info-section="leadflow"] .info-rules {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}
body[data-info-section="leadflow"] .info-rule h3 { font-size: 1.15rem; }
@media (max-width: 700px) {
  body[data-info-section="leadflow"] .info-rules { grid-template-columns: minmax(0, 1fr); gap: 8px; }
}
@media (max-width: 620px) {
  .info-showroom { aspect-ratio: 3 / 2; }
}

body[data-info-section="about"] .info-story li { border: 0; }
body[data-info-section="about"] .info-story p { font-size: clamp(1.05rem, 2vw, 1.2rem); }
.info-story-end { max-width: 76ch; margin: 20px auto 0; }
.info-fleet-link { display: inline-block; padding: 10px 16px; border: 1px solid var(--line); color: var(--accent); }
.info-fleet-link:hover { border-color: var(--accent); }
body[data-info-section="leadflow"] .info-robot {
  mask-image: linear-gradient(90deg, transparent, #000 25% 92%, transparent), linear-gradient(transparent, #000 10% 84%, transparent);
  mask-composite: intersect;
}
.info-case { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr); gap: clamp(18px, 4vw, 44px); padding-block: 30px; border-top: 1px solid var(--line); }
.info-case h2, .info-business h2 { font-size: clamp(1.5rem, 3vw, 2.35rem); color: var(--ink); }
.info-conversation { display: grid; gap: 12px; }
.info-conversation blockquote, .info-conversation p { margin: 0; padding: 12px 16px; }
.info-conversation blockquote { justify-self: end; background: var(--panel); border: 1px solid var(--line); border-radius: 10px 10px 0 10px; }
.info-conversation p { border-left: 2px solid var(--line); }
.info-conversation .info-estimate { color: var(--accent); border-color: var(--accent); }
.info-business { padding-top: 20px; }
@media (max-width: 700px) {
  .info-case { grid-template-columns: minmax(0, 1fr); }
  .info-case h2 { margin-bottom: 0; }
}

.info-collections { display: grid; gap: clamp(16px, 2.8vw, 36px); }
.info-collection { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); align-items: center; gap: clamp(18px, 4vw, 52px); }
.info-collection img { display: block; width: 100%; aspect-ratio: 2 / 1; object-fit: cover; border-radius: 4px; }
.info-collection h2, .info-crm h2 { margin-bottom: 10px; color: var(--ink); font-size: clamp(1.45rem, 3vw, 2.25rem); }
.info-collection p { margin: 0 0 10px; }
body[data-info-section="leadflow"] .info-intro {
  min-height: clamp(240px, 31vw, 410px);
  padding: clamp(16px, 4vw, 48px);
  background: #15190f;
}
body[data-info-section="leadflow"] .info-robot {
  width: 100%; object-fit: cover; object-position: right center;
  mask-image: linear-gradient(90deg, transparent, #000 26% 97%, transparent);
}
.info-crm { margin-top: 22px; padding: clamp(16px, 3vw, 30px); border: 1px solid var(--line); background: var(--panel); }
.info-crm-flow { display: flex; flex-wrap: wrap; gap: 8px; padding: 0; margin: 0; list-style: none; }
.info-crm-flow li { flex: 1 1 130px; padding: 10px; border: 1px solid var(--line); }
.info-crm-flow span { display: block; color: var(--accent); font-size: .75rem; }
@media (min-width: 701px) {
  .info-collection:nth-child(even) img { grid-column: 2; grid-row: 1; }
  .info-collection:nth-child(even) > div { grid-column: 1; grid-row: 1; }
  .info-collection:nth-child(even) { grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); }
}
@media (max-width: 700px) {
  .info-collection { grid-template-columns: minmax(0, 1fr); }
  body[data-info-section="leadflow"] .info-intro { padding: 16px; min-height: 0; }
  body[data-info-section="leadflow"] .info-heading { max-width: none; }
  body[data-info-section="leadflow"] .info-robot { position: static; height: auto; mask-image: linear-gradient(#000 87%, transparent); }
}
.info-product-shot { margin: 0 0 22px; }
.info-product-shot img { display: block; width: 100%; border: 1px solid var(--line); border-radius: 6px; }
.info-product-shot figcaption { margin-top: 6px; color: var(--muted); }

.info-studio-story { max-width: 82ch; margin-inline: auto; }
.info-studio-chapter { padding: clamp(16px, 3vw, 32px) 0; border-bottom: 1px solid var(--line); }
.info-studio-chapter h2 { margin-bottom: 10px; color: var(--ink); font-size: clamp(1.35rem, 2.7vw, 2rem); }
.info-studio-chapter p { margin: 0; max-width: none; }

.info-collection img {
  border-radius: 0;
  mask-image: linear-gradient(90deg, #000 82%, transparent), linear-gradient(#000 87%, transparent);
  mask-composite: intersect;
}
.info-collection:nth-child(even) img {
  mask-image: linear-gradient(270deg, #000 82%, transparent), linear-gradient(#000 87%, transparent);
}
.info-studio-example { margin: 20px 0 0; }
.info-studio-example img { display: block; width: 100%; border: 1px solid var(--line); border-radius: 6px; }
.info-studio-example figcaption { margin-top: 8px; color: var(--muted); }
.info-workflow { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 18px 0 0; padding: 0; list-style: none; }
.info-workflow li { padding: 12px; background: var(--panel); border-top: 2px solid var(--accent); }
.info-workflow span { display: block; color: var(--muted); }
@media (max-width: 700px) {
  .info-collection img, .info-collection:nth-child(even) img { mask-image: linear-gradient(#000 85%, transparent); }
}
@media (max-width: 480px) {
  .info-workflow { grid-template-columns: 1fr; }
}