/*!
 * Ariade: about styles. Loaded only on pages that use these blocks or templates (see inc/styles.php).
 * Author: Shivaji Mitra / M/S. Anblik
 */
/* ---- About: story timeline + number checkerboard (v1.3.23) ------ */
.ariade-timeline{position:relative;margin-block:1.25rem;padding-left:1.7rem;border-left:3px solid #534ab7;display:flex;flex-direction:column;gap:1.6rem}
.ariade-tl-item{position:relative}
.ariade-tl-item::before{content:"";position:absolute;top:.5rem;left:calc(-1.7rem - 1.5px);transform:translateX(-50%);width:15px;height:15px;border-radius:50%;background:#d4537e;border:3px solid #fff;box-shadow:0 0 0 2px #534ab7}
.ariade-tl-item h3{margin-top:0;margin-bottom:.3rem}
.ariade-tl-item p{margin:0}
.ariade-checker .wp-block-columns{margin-bottom:1rem}
.ariade-checker .wp-block-column > *{width:100%;height:100%;margin:0}
.ariade-checker .wp-block-image img{width:100%;height:100%;aspect-ratio:4/3;object-fit:cover;border-radius:18px}
.ariade-checker .is-style-ariade-card{display:flex;flex-direction:column;justify-content:center;text-align:center;height:100%;box-sizing:border-box;min-height:150px}
/* ---- Team cards: role eyebrow + personal quote (v1.3.24) -------- */
.team-role{text-transform:uppercase;letter-spacing:.06em;font-size:.78rem;font-weight:700;color:#534ab7;margin:.15rem 0 .45rem}
.team-quote{font-style:italic;color:#4a5568;margin:0}
/* ===== About patterns: shared ===== */
[class*="ariade-about-"] .wp-block-image img:not([src]),[class*="ariade-about-"] .wp-block-image img[src=""]{display:none}
[class*="ariade-about-"] .wp-block-image{margin:0}
/* ===== About: magazine mosaic (default) ===== */
.ariade-about-mosaic .ab-statement{font-size:1.9rem;font-weight:700;line-height:1.25;margin:0}
.ariade-about-mosaic .ab-hl{background:linear-gradient(transparent 62%,#f7c9da 62%)}
main .ariade-about-mosaic .ab-cards.ab-cards{gap:1.5rem;margin-block-start:2rem}
.ariade-about-mosaic .ab-cards>.wp-block-column{background:#f6f5fd;border-radius:12px;padding:1.3rem 1.25rem 1.4rem}
.ariade-about-mosaic .ab-cards>.wp-block-column:nth-child(4n+2){background:#fdf3f7}
.ariade-about-mosaic .ab-cards>.wp-block-column:nth-child(4n+3){background:#eefaf7}
.ariade-about-mosaic .ab-cards>.wp-block-column:nth-child(4n){background:#fff8ec}
main .ariade-about-mosaic .ab-cards .ab-year.ab-year{font-size:.8rem;font-weight:800;letter-spacing:.06em;color:#534ab7;margin-block:0 .55rem}
.ariade-about-mosaic .ab-cards>.wp-block-column:nth-child(4n+2) .ab-year{color:#a52752}
.ariade-about-mosaic .ab-cards>.wp-block-column:nth-child(4n+3) .ab-year{color:#0e7c6b}
.ariade-about-mosaic .ab-cards>.wp-block-column:nth-child(4n) .ab-year{color:#9a5500}
main .ariade-about-mosaic .ab-cards h3.wp-block-heading{margin-block:0 .55rem;font-size:1.2rem}
main .ariade-about-mosaic .ab-cards p:not(.ab-year){margin-block:0;font-size:.85rem;line-height:1.6;color:#3c4a63}
main .ariade-about-mosaic ul.ab-ticker.ab-ticker{list-style:none;display:flex;justify-content:space-between;gap:.8rem;flex-wrap:nowrap;border-top:2.5px solid #0e1b36;border-bottom:2.5px solid #0e1b36;padding:1.05rem .3rem;margin:2.5rem 0}
@media (max-width:700px){
  main .ariade-about-mosaic ul.ab-ticker.ab-ticker{flex-wrap:wrap;justify-content:flex-start;gap:.6rem 1.8rem}
}
.ariade-about-mosaic .ab-ticker li{font-size:.62rem;letter-spacing:.05em;text-transform:uppercase;color:#3c4a63;white-space:nowrap;min-width:0}
.ariade-about-mosaic .ab-ticker li strong{font-size:clamp(1.1rem,1.9vw,1.65rem);font-weight:800;letter-spacing:0;text-transform:none;color:#0e1b36;margin-right:.4rem;vertical-align:-.1em}
.ariade-about-mosaic .ab-qtile{display:grid;grid-template-columns:64px 1fr;grid-template-rows:auto 1fr;column-gap:.9rem;row-gap:.35rem;align-items:center;border:1.5px solid rgba(14,27,54,.14);border-radius:12px;padding:.9rem;margin:0 0 .9rem}
.ariade-about-mosaic .ab-qtile>.wp-block-image{grid-row:1/3;grid-column:1;align-self:start}
.ariade-about-mosaic .ab-qtile>p{grid-column:2}
.ariade-about-mosaic .ab-qtile .ab-quote{align-self:start}
.ariade-about-mosaic .ab-qtile .wp-block-image img{width:64px;height:64px;border-radius:50%;object-fit:cover}
.ariade-about-mosaic .ab-qtile p{margin:0;font-size:.9rem}
.ariade-about-mosaic .ab-qtile .ab-role{font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:#534ab7;font-style:normal}
.ariade-about-mosaic .ab-qtile .ab-quote{color:#3c4a63;font-style:italic;font-size:.85rem}
/* ===== About: navy chapters ===== */
.ariade-about-chapters{counter-reset:abchap}
.ariade-about-chapters .ab-chap{counter-increment:abchap;position:relative;overflow:hidden;padding:2.2rem 1.9rem;border-radius:16px;margin:0 0 1rem}
.ariade-about-chapters .ab-chap::after{content:counter(abchap,decimal-leading-zero);content:counter(abchap,decimal-leading-zero) / "";position:absolute;right:.6rem;top:-1.6rem;font-size:7.5rem;font-weight:800;line-height:1;letter-spacing:-.02em;color:rgba(14,27,54,.05);pointer-events:none}
.ariade-about-chapters .ab-kick{font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#a52752;margin:0 0 .5rem}
.ariade-about-chapters .ab-kick::before{content:"Chapter " counter(abchap,decimal-leading-zero) ": "}
.ariade-about-chapters .ab-statement{font-size:1.8rem;font-weight:600;line-height:1.3;margin:0;max-width:26ch}
.ariade-about-chapters .ab-tint{background:linear-gradient(160deg,#f6f5fd,#fff);border:1.5px solid rgba(14,27,54,.10)}
.ariade-about-chapters .ab-navy{background:#0e1b36;color:#fff}
.ariade-about-chapters .ab-navy::after{color:rgba(255,255,255,.07)}
.ariade-about-chapters .ab-navy .ab-kick{color:#ff9dbd}
main .ariade-about-chapters .ab-story.ab-story{gap:.9rem;margin-block-start:.5rem}
.ariade-about-chapters .ab-story>.wp-block-column{border-top:4px solid #534ab7;padding-top:.6rem}
.ariade-about-chapters .ab-story>.wp-block-column:nth-child(4n+2){border-color:#d4537e}
.ariade-about-chapters .ab-story>.wp-block-column:nth-child(4n+3){border-color:#0e7c6b}
.ariade-about-chapters .ab-story>.wp-block-column:nth-child(4n){border-color:#9a5500}
.ariade-about-chapters .ab-story h3{margin:0 0 .2rem;font-size:1.1rem}
.ariade-about-chapters .ab-story p{margin:0;font-size:.85rem;color:#3c4a63}
main .ariade-about-chapters .ab-stats.ab-stats{gap:1rem;margin-block-start:.5rem}
.ariade-about-chapters .ab-num{font-size:2.4rem;font-weight:800;margin:0;color:#cdd5ff}
@supports (-webkit-background-clip:text) or (background-clip:text){
  .ariade-about-chapters .ab-num{background:linear-gradient(90deg,#9aa8ff,#ff9dbd);-webkit-background-clip:text;background-clip:text;color:transparent}
}
.ariade-about-chapters .ab-cap{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#c6cde2;margin:.1rem 0 0}
main .ariade-about-chapters .ab-team.ab-team{gap:.9rem;margin-block-start:.5rem}
.ariade-about-chapters .ab-team>.wp-block-column{background:#fff;border:1.5px solid rgba(14,27,54,.14);border-radius:12px;padding:.9rem;text-align:center}
.ariade-about-chapters .ab-team .wp-block-image img{width:64px;height:64px;border-radius:12px;object-fit:cover;margin:0 auto .5rem}
.ariade-about-chapters .ab-team p{margin:0;font-size:.9rem}
.ariade-about-chapters .ab-team .ab-role{font-size:.66rem;letter-spacing:.05em;text-transform:uppercase;color:#534ab7}
/* ===== About: editorial split ===== */
.ariade-about-editorial .ab-statement{font-size:1.8rem;font-weight:600;line-height:1.3;margin:0 0 2rem;max-width:24ch}
.ariade-about-editorial .ab-statement em{font-style:normal;color:#534ab7;border-bottom:4px solid #d4537e;padding-bottom:.05em}
.ariade-about-editorial .ab-row{display:grid;grid-template-columns:170px 1fr;gap:1.5rem;padding:1.6rem 0;border-top:1.5px solid rgba(14,27,54,.14)}
.ariade-about-editorial .ab-lab{font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#534ab7;margin:0}
.ariade-about-editorial .ab-row>p:not(.ab-lab){margin:0;color:#3c4a63}
main .ariade-about-editorial ul.ab-tl.ab-tl{list-style:none;margin:0;padding:0}
.ariade-about-editorial .ab-tl li{position:relative;padding:0 0 1.1rem 1.6rem;border-left:2.5px solid #534ab7}
.ariade-about-editorial .ab-tl li:last-child{padding-bottom:0}
.ariade-about-editorial .ab-tl li::before{content:"";position:absolute;left:-7px;top:.3rem;width:11px;height:11px;border-radius:50%;background:#d4537e;border:2.5px solid #fff;box-shadow:0 0 0 2px #d4537e}
.ariade-about-editorial .ab-tl li strong:first-child{display:inline-block;background:#f6f5fd;color:#534ab7;font-size:.8rem;border-radius:999px;padding:.05rem .7rem;margin-right:.4rem}
main .ariade-about-editorial ul.ab-strip.ab-strip{list-style:none;display:flex;margin:0;padding:0;border:1.5px solid rgba(14,27,54,.14);border-radius:12px;overflow:hidden}
.ariade-about-editorial .ab-strip li{flex:1;text-align:center;padding:1rem .5rem;border-left:1.5px solid rgba(14,27,54,.14);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:#3c4a63}
.ariade-about-editorial .ab-strip li:first-child{border-left:0}
.ariade-about-editorial .ab-strip li strong{display:block;font-size:1.5rem;letter-spacing:0;text-transform:none;color:#534ab7}
main .ariade-about-editorial .ab-team-rings.ab-team-rings{gap:.9rem}
.ariade-about-editorial .ab-team-rings>.wp-block-column{text-align:center}
.ariade-about-editorial .ab-team-rings .wp-block-image img{width:78px;height:78px;border-radius:50%;object-fit:cover;border:3px solid #534ab7;margin:0 auto .5rem}
.ariade-about-editorial .ab-team-rings>.wp-block-column:nth-child(4n+2) img{border-color:#d4537e}
.ariade-about-editorial .ab-team-rings>.wp-block-column:nth-child(4n+3) img{border-color:#0e7c6b}
.ariade-about-editorial .ab-team-rings>.wp-block-column:nth-child(4n) img{border-color:#9a5500}
.ariade-about-editorial .ab-team-rings p{margin:0;font-size:.9rem}
.ariade-about-editorial .ab-team-rings .ab-role{font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:#534ab7}
@media (max-width:640px){
  .ariade-about-editorial .ab-row{grid-template-columns:1fr;gap:.6rem}
  .ariade-about-editorial .ab-strip{flex-wrap:wrap}
  .ariade-about-editorial .ab-strip li{flex:1 1 45%}
}
/* ===== About: thread spine ===== */
.ariade-about-spine .ab-statement{font-size:1.7rem;font-weight:600;line-height:1.35;margin:0 0 2rem;max-width:30ch}
.ariade-about-spine .ab-statement em{font-style:normal;color:#534ab7;text-decoration:underline;text-decoration-color:#d4537e;text-decoration-thickness:3px;text-underline-offset:6px}
.ariade-about-spine .ab-spine{position:relative;padding-left:2.6rem}
.ariade-about-spine .ab-spine::before{content:"";position:absolute;left:12px;top:.4rem;bottom:.4rem;width:3px;border-radius:3px;background:linear-gradient(180deg,#534ab7,#d4537e)}
.ariade-about-spine .ab-knot{position:relative;margin:0 0 2.2rem}
.ariade-about-spine .ab-knot:last-child{margin-bottom:0}
.ariade-about-spine .ab-knot::before{content:"";position:absolute;left:-2.27rem;top:.3rem;width:15px;height:15px;border-radius:50%;background:#fff;border:4px solid #534ab7}
.ariade-about-spine .ab-knot:nth-child(4n+2)::before{border-color:#d4537e}
.ariade-about-spine .ab-knot:nth-child(4n+3)::before{border-color:#0e7c6b}
.ariade-about-spine .ab-knot:nth-child(4n)::before{border-color:#9a5500}
.ariade-about-spine .ab-knot h2,.ariade-about-spine .ab-knot h3{margin:0 0 .35rem;font-size:1.2rem}
.ariade-about-spine .ab-knot p{margin:0;color:#3c4a63;max-width:62ch}
main .ariade-about-spine ul.ab-knots.ab-knots{list-style:none;display:flex;gap:1rem;flex-wrap:wrap;margin:.7rem 0 0;padding:0}
.ariade-about-spine .ab-knots li{width:98px;height:98px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:3px solid #534ab7;background:#f6f5fd;font-size:.62rem;letter-spacing:.05em;text-transform:uppercase;color:#3c4a63;line-height:1.25;padding:.3rem}
.ariade-about-spine .ab-knots li:nth-child(4n+2){border-color:#d4537e;background:#fdf3f7}
.ariade-about-spine .ab-knots li:nth-child(4n+3){border-color:#0e7c6b;background:#eefaf7}
.ariade-about-spine .ab-knots li:nth-child(4n){border-color:#9a5500;background:#fff8ec}
.ariade-about-spine .ab-knots li strong{display:block;font-size:1.15rem;letter-spacing:0;text-transform:none;color:#0e1b36}
.ariade-about-spine .ab-tags{display:flex;gap:.9rem;flex-wrap:wrap;margin-top:.7rem}
.ariade-about-spine .ab-tag{display:grid;grid-template-columns:42px 1fr;column-gap:.6rem;align-items:center;border:1.5px solid rgba(14,27,54,.14);border-radius:999px;padding:.35rem 1rem .35rem .35rem;background:#fff}
.ariade-about-spine .ab-tag .wp-block-image img{width:42px;height:42px;border-radius:50%;object-fit:cover}
.ariade-about-spine .ab-tag p{margin:0;font-size:.85rem;line-height:1.25;max-width:none}
.ariade-about-spine .ab-tag .ab-role{display:block;font-size:.6rem;letter-spacing:.05em;text-transform:uppercase;color:#534ab7}
