/* Industry pages A (fashion, jewellery, D2C, healthcare) and the industries hub. Prefix: ia- */
.ia-eyebrow { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; color: var(--ink-3); margin-bottom: 18px; }
.ia-eyebrow a:hover { color: var(--ink); text-decoration: underline; }
.ia-logos { display: grid; gap: 8px; margin-top: 8px; }
.ia-logos > .mono { color: var(--ink-3); font-size: .72rem; }
.ia-bt { padding: 24px; border: 1px solid var(--line); border-radius: var(--r-xl); background: var(--surface); display: grid; gap: 10px; align-content: start; }
.ia-bt p { color: var(--ink-2); font-size: .95rem; }
.ia-tags { display: flex; flex-wrap: wrap; gap: 6px; }
.ia-fine { color: var(--ink-3); font-size: .78rem; }
.ia-mini { display: grid; gap: 6px; font-size: .85rem; }
.ia-mini span, .ia-j-chip span.in, .ia-j-chip span.out { padding: 7px 11px; border-radius: 10px; width: fit-content; max-width: 100%; }
.ia-mini .in, .ia-j-chip .in { background: var(--wa-bubble); justify-self: end; }
.ia-mini .out, .ia-j-chip .out { background: #fff; border: 1px solid var(--line); }
.ia-guide-list { display: grid; gap: 0; margin-top: 24px; border-top: 1px solid var(--line); }
.ia-guide-list a { display: grid; grid-template-columns: 110px 1fr 24px; gap: 16px; align-items: center; padding: 18px 4px; border-bottom: 1px solid var(--line); transition: background-color .25s, padding .25s var(--ease); }
.ia-guide-list a:hover { background: var(--surface); padding-inline: 14px; }
.ia-guide-list .mono { color: var(--ink-3); font-size: .72rem; }
.ia-guide-list b { font-weight: 500; letter-spacing: -0.01em; }
.ia-go .ic { width: 18px; height: 18px; }
@media (max-width: 640px) { .ia-guide-list a { grid-template-columns: 1fr 24px; } .ia-guide-list .mono { grid-column: 1 / -1; } }
.ia-ticks { display: grid; gap: 10px; margin: 6px 0 4px; }
.ia-ticks li { display: flex; gap: 10px; align-items: flex-start; color: var(--ink-2); }
.ia-ticks .ic { width: 18px; height: 18px; flex: none; margin-top: 3px; color: var(--wa-ink); }
.ia-ticks .brand-ic { display: inline; vertical-align: -3px; }
.ia-bento-grid, .ia-f-bento, .ia-d-bento { display: grid; gap: 14px; grid-template-columns: repeat(6, minmax(0, 1fr)); }
.ia-s2 { grid-column: span 2; } .ia-s3 { grid-column: span 3; } .ia-s4 { grid-column: span 4; }
@media (max-width: 800px) { .ia-s2, .ia-s3, .ia-s4 { grid-column: 1 / -1; } }

/* ---------- Fashion: lookbook ---------- */
.ia-f-hero { padding: clamp(28px, 5vw, 56px) 0 clamp(48px, 7vw, 88px); }
.ia-f-top { display: grid; gap: 28px; align-items: end; }
.ia-f-top h1 { font-size: clamp(2.6rem, 7.5vw, 5.6rem); line-height: .95; }
.ia-f-top h1 em { font-style: italic; font-weight: 400; letter-spacing: -0.04em; }
.ia-f-side { display: grid; gap: 18px; }
@media (min-width: 960px) { .ia-f-top { grid-template-columns: 1.35fr 1fr; gap: 56px; } }
.ia-f-looks { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: clamp(32px, 5vw, 56px); }
@media (min-width: 800px) { .ia-f-looks { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; } .ia-f-looks li:nth-child(even) { margin-top: 44px; } }
.ia-f-looks figure { margin: 0; position: relative; border-radius: var(--r-lg); overflow: hidden; aspect-ratio: 3 / 4; background: var(--lilac); }
.ia-f-looks img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s var(--ease); }
.ia-f-looks li:hover img { transform: scale(1.04); }
.ia-f-looks figcaption { position: absolute; inset: auto 0 0; display: grid; gap: 2px; padding: 40px 14px 14px; color: #fff; background: linear-gradient(transparent, rgba(12,11,16,.72)); font-size: .88rem; }
.ia-f-looks figcaption .mono { font-size: .64rem; opacity: .8; text-transform: uppercase; }
.ia-f-cap { margin-top: 28px; color: var(--ink-3); font-size: .74rem; }
.ia-f-answer { padding-block: 0 clamp(48px, 7vw, 80px); }
.ia-f-rail-sec { overflow: hidden; }
.ia-f-rail { display: flex; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory; --ia-pad: max(var(--gutter), calc((100vw - var(--max)) / 2 + var(--gutter))); padding: 4px var(--ia-pad) 18px; scroll-padding-inline: var(--ia-pad); scrollbar-width: thin; }
.ia-f-step { flex: 0 0 min(280px, 78vw); scroll-snap-align: start; display: grid; gap: 8px; align-content: start; padding: 22px; border: 1px solid var(--line); border-radius: var(--r-xl); background: var(--surface); min-height: 200px; }
.ia-f-n { font-family: var(--mono); font-size: 2.2rem; letter-spacing: -0.04em; color: var(--brand); }
.ia-f-step p { color: var(--ink-2); font-size: .93rem; }

/* ---------- Jewellery: display case ---------- */
.ia-j-hero { padding: clamp(28px, 5vw, 56px) 0 clamp(56px, 8vw, 96px); background: linear-gradient(180deg, #FBF6EA, var(--bg)); border-bottom: 1px solid #EFE4CB; }
.ia-j-grid { display: grid; gap: 40px; align-items: center; }
@media (min-width: 900px) { .ia-j-grid { grid-template-columns: 1.1fr .9fr; gap: 72px; } }
.ia-j-copy { display: grid; gap: 20px; justify-items: start; }
.ia-j-copy h1 { font-size: clamp(2.4rem, 6vw, 4.4rem); }
.ia-j-copy h1 em { font-style: italic; font-weight: 400; color: #8A6420; }
.ia-j-case { position: relative; max-width: 380px; justify-self: center; width: 100%; }
.ia-j-photo { border-radius: 240px 240px var(--r-xl) var(--r-xl); overflow: hidden; border: 1px solid #E3D2A8; padding: 10px; background: #fff; box-shadow: var(--sh-3); }
.ia-j-photo img { height: auto; width: 100%; aspect-ratio: 5 / 6; object-fit: cover; border-radius: 230px 230px 18px 18px; }
.ia-j-chip { position: absolute; display: grid; gap: 4px; padding: 12px 14px; border-radius: 14px; background: #fff; border: 1px solid #E3D2A8; box-shadow: var(--sh-2); font-size: .85rem; }
.ia-j-c1 { left: -14px; bottom: 90px; } .ia-j-c1 small { color: var(--ink-3); } .ia-j-c1 .mono { font-size: .62rem; color: #8A6420; text-transform: uppercase; }
.ia-j-c2 { right: -10px; bottom: 18px; max-width: 230px; background: #F0F2F5; }
@media (max-width: 520px) { .ia-j-c1 { left: -6px; bottom: 120px; } .ia-j-c2 { right: -6px; } }
.ia-j-answer { padding-block: clamp(48px, 7vw, 80px) 0; }
.ia-j-line { display: grid; gap: 16px; margin-top: 8px; position: relative; }
@media (min-width: 900px) { .ia-j-line { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; padding-top: 26px; } .ia-j-line::before { content: ''; position: absolute; left: 0; right: 0; top: 6px; height: 1px; background: #D8C28A; } }
.ia-j-line li { display: grid; gap: 8px; align-content: start; padding: 20px; border: 1px solid #EFE4CB; border-radius: var(--r-lg); background: #FFFDF8; position: relative; }
.ia-j-line .chipx { justify-self: start; }
.ia-j-line p { color: var(--ink-2); font-size: .93rem; }
.ia-j-dot { display: none; }
@media (min-width: 900px) { .ia-j-dot { display: block; position: absolute; top: -26px; left: 20px; width: 13px; height: 13px; border-radius: 50%; background: #B8893B; box-shadow: 0 0 0 4px var(--bg); } }
.ia-j-split { display: grid; gap: 36px; align-items: center; }
@media (min-width: 900px) { .ia-j-split { grid-template-columns: .8fr 1.2fr; gap: 72px; } }
.ia-j-pic img { width: 100%; height: auto; aspect-ratio: 4 / 5; max-height: 520px; object-fit: cover; border-radius: var(--r-xl); }
.ia-j-text { display: grid; gap: 16px; }
.ia-j-honest { display: grid; gap: 20px; padding: clamp(24px, 4vw, 40px); border: 1px solid #E3D2A8; border-radius: var(--r-xl); background: #FFFDF8; }
@media (min-width: 900px) { .ia-j-honest { grid-template-columns: .8fr 1.2fr; gap: 56px; } }
.ia-j-honest-t { display: grid; gap: 12px; color: var(--ink-2); }
.ia-j-honest .mono { color: #8A6420; }

/* ---------- D2C: event stream ---------- */
.ia-d-hero { background: #0C0B10; color: #F4F2F8; padding: clamp(28px, 5vw, 56px) 0 clamp(56px, 8vw, 96px); }
.ia-d-hero .sub, .ia-d-hero .ia-eyebrow, .ia-d-hero .ia-logos > .mono { color: #A9A5B5; }
.ia-d-hero .ia-eyebrow a:hover { color: #fff; }
.ia-d-hero .btn-ghost { color: #fff; border-color: rgba(255,255,255,.28); background: transparent; }
.ia-d-hero .btn-ghost:hover { background: rgba(255,255,255,.08); }
.ia-d-grid { display: grid; gap: 36px; align-items: center; }
@media (min-width: 960px) { .ia-d-grid { grid-template-columns: .9fr 1.1fr; gap: 56px; } .ia-d-logos { grid-column: 1 / -1; } }
.ia-d-copy { display: grid; gap: 20px; justify-items: start; }
.ia-d-copy h1 { font-size: clamp(2.4rem, 6vw, 4.2rem); }
.ia-d-copy h1 em { font-style: normal; color: var(--brand-2); }
.ia-d-link { display: inline-flex; align-items: center; gap: 10px; color: #fff; border-bottom: 1px solid rgba(255,255,255,.3); padding-bottom: 2px; }
.ia-d-link .ic { width: 16px; height: 16px; }
.ia-d-hero .ind-logos li { background: #fff; }
.ia-d-term { border: 1px solid rgba(255,255,255,.12); border-radius: var(--r-lg); background: #141219; overflow: hidden; box-shadow: 0 30px 60px -24px rgba(0,0,0,.6); min-width: 0; }
.ia-d-bar { display: flex; gap: 14px; align-items: center; padding: 12px 16px; border-bottom: 1px solid rgba(255,255,255,.08); color: #8D8999; font-size: .72rem; }
.ia-d-dots { display: flex; gap: 6px; } .ia-d-dots i { width: 9px; height: 9px; border-radius: 50%; background: #3A3745; }
.ia-d-term ol { display: grid; }
.ia-d-term li { display: grid; gap: 8px; padding: 14px 16px; border-bottom: 1px solid rgba(255,255,255,.06); animation: iaRow .6s var(--ease) both; animation-delay: calc(var(--n) * .45s + .3s); }
.ia-d-term li:last-child { border: 0; }
.ia-d-term time { color: #6F6B7B; font-size: .7rem; }
.ia-d-term li > div { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; min-width: 0; }
.ia-d-term b { font-weight: 500; font-size: .9rem; }
.ia-d-term small { color: #8D8999; }
.ia-d-out { color: #CFCBDA; font-size: .86rem; }
@media (min-width: 640px) { .ia-d-term li { grid-template-columns: 96px 1fr; } .ia-d-out { grid-column: 2; } }
@keyframes iaRow { from { opacity: 0; transform: translateY(8px); } }
@media (prefers-reduced-motion: reduce) { .ia-d-term li { animation: none; } }
.ia-pill { display: inline-flex; align-items: center; gap: 5px; padding: 2px 8px; border-radius: 6px; font-family: var(--mono); font-size: .66rem; text-transform: uppercase; letter-spacing: .02em; border: 1px solid transparent; white-space: nowrap; }
.ia-p-sh { background: #E8F3DF; color: #3D6B25; border-color: #CFE5BE; }
.ia-p-wa { background: #DDF5E6; color: #0E7A3C; border-color: #BFE8CF; }
.ia-p-tag { background: #EFE7FC; color: #6C10BD; border-color: #E0D2FA; }
.ia-d-answer { padding-block: clamp(48px, 7vw, 80px) 0; }
.ia-d-ev ul { display: grid; gap: 0; }
.ia-d-ev li { display: grid; gap: 4px; padding: 11px 0; border-top: 1px solid var(--line); color: var(--ink-2); font-size: .93rem; }
@media (min-width: 640px) { .ia-d-ev li { grid-template-columns: 250px 1fr; align-items: center; } }
.ia-mini-steps { counter-reset: s; display: grid; gap: 8px; }
.ia-mini-steps li { counter-increment: s; display: flex; gap: 10px; font-size: .93rem; color: var(--ink-2); }
.ia-mini-steps li::before { content: counter(s); flex: none; width: 22px; height: 22px; border-radius: 50%; background: var(--ink); color: #fff; display: grid; place-items: center; font-size: .72rem; }

/* ---------- Healthcare: calm, timeline ---------- */
.ia-h-hero { padding: clamp(28px, 5vw, 56px) 0 clamp(40px, 6vw, 72px); }
.ia-h-grid { display: grid; gap: 36px; align-items: center; }
@media (min-width: 960px) { .ia-h-grid { grid-template-columns: 1.1fr .9fr; gap: 64px; } }
.ia-h-copy { display: grid; gap: 20px; justify-items: start; }
.ia-h-copy h1 { font-size: clamp(2.3rem, 5.6vw, 4rem); }
.ia-h-copy h1 em { font-style: normal; color: var(--wa-ink); }
.ia-h-card { display: grid; border: 1px solid var(--line); border-radius: var(--r-xl); overflow: hidden; background: var(--surface); box-shadow: var(--sh-2); }
@media (min-width: 560px) { .ia-h-card { grid-template-columns: 1fr 1fr; } }
.ia-h-col { padding: 24px; display: grid; gap: 14px; align-content: start; }
.ia-h-col .mono { display: flex; gap: 8px; align-items: center; font-size: .74rem; text-transform: uppercase; }
.ia-h-col .ic { width: 16px; height: 16px; }
.ia-h-col li { padding: 9px 0; border-top: 1px solid var(--line); color: var(--ink-2); font-size: .94rem; }
.ia-h-in { background: var(--mint); } .ia-h-in .mono { color: var(--wa-ink); }
.ia-h-out { background: #F6F5F1; } .ia-h-out .mono { color: var(--ink-2); }
.ia-h-answer { padding-block: 0 clamp(48px, 7vw, 80px); }
.ia-h-time { display: grid; gap: 0; position: relative; max-width: 920px; }
.ia-h-time > li { display: grid; grid-template-columns: 40px 1fr; gap: 6px 18px; padding-bottom: 36px; position: relative; }
.ia-h-time > li::before { content: ''; position: absolute; left: 19px; top: 40px; bottom: 0; width: 1px; background: var(--line-2); }
.ia-h-time > li:last-child::before { display: none; }
.ia-h-dot { width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--line-2); background: var(--surface); display: grid; place-items: center; font-family: var(--mono); font-size: .85rem; }
.ia-h-tx { display: grid; gap: 6px; align-content: start; padding-top: 6px; } .ia-h-tx p { color: var(--ink-2); max-width: 56ch; } .ia-h-tx .mono { color: var(--ink-3); font-size: .72rem; text-transform: uppercase; }
.ia-h-vis { grid-column: 2; }
@media (min-width: 900px) { .ia-h-time > li { grid-template-columns: 40px 1fr 320px; } .ia-h-vis { grid-column: auto; } }
.ia-flow { display: grid; gap: 8px; padding: 14px; border: 1px solid var(--line); border-radius: 16px; background: var(--surface); box-shadow: var(--sh-1); max-width: 320px; }
.ia-flow label { display: grid; gap: 2px; } .ia-flow small { color: var(--ink-3); font-size: .7rem; }
.ia-flow label span { display: flex; justify-content: space-between; padding: 9px 12px; border: 1px solid var(--line-2); border-radius: 10px; font-size: .88rem; } .ia-flow .ic { width: 14px; height: 14px; }
.ia-flow-cta { text-align: center; padding: 10px; border-radius: 999px; background: #00A884; color: #fff; font-size: .88rem; }
.ia-bub { background: #fff; border: 1px solid var(--line); border-radius: 4px 14px 14px 14px; overflow: hidden; max-width: 320px; box-shadow: var(--sh-1); font-size: .88rem; }
.ia-bub > p { padding: 10px 12px; }
.ia-bub-btns { display: grid; border-top: 1px solid var(--line); } .ia-bub-btns span { text-align: center; padding: 9px; color: #027EB5; border-top: 1px solid var(--line); font-weight: 500; } .ia-bub-btns span:first-child { border-top: 0; }
.ia-h-priv { display: grid; gap: 28px; padding: clamp(24px, 4vw, 44px); border: 1px solid var(--line); border-radius: var(--r-xl); background: var(--surface); }
@media (min-width: 900px) { .ia-h-priv { grid-template-columns: .8fr 1.2fr; gap: 56px; } .ia-h-links { grid-column: 1 / -1; } }
.ia-h-priv-h { display: grid; gap: 14px; align-content: start; } .ia-h-priv-h .mono { display: flex; gap: 8px; align-items: center; color: var(--wa-ink); } .ia-h-priv-h .ic { width: 16px; height: 16px; }
.ia-h-rules { display: grid; gap: 0; counter-reset: r; }
.ia-h-rules li { counter-increment: r; padding: 14px 0 14px 40px; border-top: 1px solid var(--line); position: relative; color: var(--ink-2); }
.ia-h-rules li::before { content: counter(r); position: absolute; left: 0; top: 14px; width: 26px; height: 26px; border-radius: 50%; background: var(--mint); color: var(--wa-ink); display: grid; place-items: center; font-size: .78rem; font-family: var(--mono); }
.ia-h-rules b { color: var(--ink); font-weight: 600; }
.ia-h-links { color: var(--ink-3); font-size: .9rem; }

/* ---------- Hub ---------- */
.ia-hub-hero { padding: clamp(28px, 5vw, 56px) 0 clamp(24px, 4vw, 40px); text-align: center; }
.ia-hub-hero .wrap { display: grid; gap: 20px; justify-items: center; }
.ia-hub-hero h1 { font-size: clamp(2.3rem, 6vw, 4.4rem); }
.ia-pick { padding-top: clamp(24px, 4vw, 48px); }
.ia-pick-grid { display: grid; gap: 24px; align-items: start; }
@media (min-width: 960px) { .ia-pick-grid { grid-template-columns: 340px minmax(0, 1fr); gap: 48px; } }
.ia-pick-list { display: flex; gap: 8px; overflow-x: auto; padding-bottom: 6px; scrollbar-width: none; }
@media (min-width: 960px) { .ia-pick-list { display: grid; gap: 6px; overflow: visible; } }
.ia-pick-list a { display: flex; align-items: center; gap: 12px; padding: 10px 14px; border: 1px solid var(--line); border-radius: var(--r); background: var(--surface); white-space: nowrap; transition: border-color .25s, background-color .25s; }
.ia-pick-list a:hover { border-color: var(--line-2); }
.ia-pick-list a[aria-current] { background: var(--ink); color: #fff; border-color: var(--ink); }
.ia-pick-list a[aria-current] .mega-ic { background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.2); color: #fff; }
.ia-pick-list b { display: block; font-weight: 500; font-size: .95rem; }
.ia-pick-list small { display: none; opacity: .7; font-size: .78rem; }
@media (min-width: 960px) { .ia-pick-list small { display: block; white-space: normal; } }
.ia-pick-panel { display: grid; gap: 28px; align-items: center; padding: clamp(18px, 3vw, 32px); border: 1px solid var(--line); border-radius: var(--r-xl); background: linear-gradient(180deg, var(--surface), #FCFBFE); box-shadow: var(--sh-2); }
.ia-pick-panel[hidden] { display: none; }
@media (min-width: 720px) { .ia-pick-panel { grid-template-columns: 300px 1fr; } }
.ia-ph { width: min(100%, 300px); justify-self: center; border-radius: 34px; background: #0C0B10; padding: 8px; box-shadow: var(--sh-3); }
.ia-ph-top { display: flex; gap: 10px; align-items: center; padding: 14px 14px 10px; background: #075E54; color: #fff; border-radius: 26px 26px 0 0; }
.ia-ph-av { width: 32px; height: 32px; border-radius: 50%; background: #fff; color: #075E54; display: grid; place-items: center; font-weight: 700; }
.ia-ph-chat { display: flex; flex-direction: column; gap: 8px; min-height: 340px; padding: 14px 10px; background: var(--wa-ground); border-radius: 0 0 26px 26px; }
.ia-b { max-width: 86%; padding: 8px 11px; border-radius: 10px; font-size: .86rem; line-height: 1.42; box-shadow: 0 1px 1px rgba(0,0,0,.09); animation: iaPop .45s var(--ease) both; animation-delay: var(--d, 0s); color: #111; }
.ia-b.ia-b, .ia-b { background: #fff; align-self: flex-start; border-top-left-radius: 2px; }
.ia-b.ia-m { background: var(--wa-bubble); align-self: flex-end; border-top-left-radius: 10px; border-top-right-radius: 2px; }
@keyframes iaPop { from { opacity: 0; transform: translateY(8px) scale(.97); } }
@media (prefers-reduced-motion: reduce) { .ia-b { animation: none; } }
.ia-pick-info { display: grid; gap: 14px; align-content: start; justify-items: start; }
.ia-pick-info h3 { font-size: 1.35rem; letter-spacing: -0.03em; line-height: 1.25; font-weight: 600; }
.ia-pick-info li { display: flex; gap: 8px; align-items: center; color: var(--ink-2); } .ia-pick-info .ic { width: 16px; height: 16px; color: var(--wa-ink); }
.ia-card-h { font-size: 1.25rem; }
.ia-hub-logos .ia-logos { margin-top: 20px; }