/* TikTok Creative Center alternatives. Arranges the shared landing system (landing-system.css)
   and colours this page's illustrations. No fonts, textures or colours outside the --ls-* tokens.
   The gallery (frames, placards, a floor plan) is only the subject of the illustrations. */

/* ---------- illustration palette (house style: 2px ink outlines, flat pastel fills) ---------- */
.bespoke-alt-creative-center svg .ln{fill:none;stroke:var(--ls-ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.bespoke-alt-creative-center svg .ln-thin{fill:none;stroke:var(--ls-ink);stroke-width:1.5;stroke-linecap:round}
/* fills come after .ln so a shape can carry both */
.bespoke-alt-creative-center svg .f-paper{fill:var(--ls-paper)}
.bespoke-alt-creative-center svg .f-cream{fill:var(--ls-cream)}
.bespoke-alt-creative-center svg .f-ink{fill:var(--ls-ink)}
.bespoke-alt-creative-center svg .f-blue{fill:var(--ls-blue)}
.bespoke-alt-creative-center svg .f-deep{fill:var(--ls-blue-deep)}
.bespoke-alt-creative-center svg .f-peach{fill:var(--ls-peach)}
.bespoke-alt-creative-center svg .f-lavender{fill:var(--ls-lavender)}
.bespoke-alt-creative-center svg .f-mint{fill:var(--ls-mint)}
.bespoke-alt-creative-center svg .f-yellow{fill:var(--ls-yellow)}
.bespoke-alt-creative-center svg .f-blue-t{fill:var(--ls-blue-tint)}
.bespoke-alt-creative-center svg .f-peach-t{fill:var(--ls-peach-tint)}
.bespoke-alt-creative-center svg .f-lavender-t{fill:var(--ls-lavender-tint)}
.bespoke-alt-creative-center svg .f-mint-t{fill:var(--ls-mint-tint)}
.bespoke-alt-creative-center svg .f-yellow-t{fill:var(--ls-yellow-tint)}
.bespoke-alt-creative-center svg text{font-family:var(--ls-font);fill:var(--ls-ink)}
.bespoke-alt-creative-center svg .lbl{font-size:15px;font-weight:700}
.bespoke-alt-creative-center svg .lbl-inv{fill:var(--ls-paper)}
.bespoke-alt-creative-center svg .pl-t{font-size:16px;font-weight:800}
.bespoke-alt-creative-center svg .pl{font-size:13px;fill:var(--ls-muted)}
.bespoke-alt-creative-center svg .chip{font-size:12px;font-weight:700}

/* ---------- hero ---------- */
.bespoke-alt-creative-center .ac-hero{padding-top:56px}
.bespoke-alt-creative-center .ac-hero .ls-lead{font-size:clamp(18px,1.45vw,20px)}
.bespoke-alt-creative-center .ac-others{font-size:16px;line-height:1.6;margin:26px 0 0;max-width:600px}
.bespoke-alt-creative-center .ac-proof{margin-top:12px;max-width:600px}
.bespoke-alt-creative-center .ac-hero-illo{margin:0;padding:16px}

/* ---------- key statistics (builder markup, arranged as cards) ---------- */
.bespoke-alt-creative-center .ac-stats{padding-top:0}
.bespoke-alt-creative-center .key-stats-box{margin:0;padding:0;background:none;border:0;border-radius:0}
.bespoke-alt-creative-center .key-stats-box>h2{font-size:clamp(24px,2.2vw,30px);margin:0 0 6px}
.bespoke-alt-creative-center .key-stats-note{font-size:14px;color:var(--ls-muted);margin:0 0 20px}
.bespoke-alt-creative-center ol.key-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}
.bespoke-alt-creative-center ol.key-stats>li{grid-column:span 2;display:flex;flex-direction:column;padding:22px 22px 16px;background:var(--ls-paper);border:1.5px solid var(--ls-line);border-radius:var(--ls-radius-sm)}
.bespoke-alt-creative-center ol.key-stats>li:nth-child(n+4){grid-column:span 3}
.bespoke-alt-creative-center ol.key-stats>li::before{position:static;display:grid;place-items:center;width:30px;height:30px;margin-bottom:12px;border-radius:50%;background:var(--ls-yellow);border:2px solid var(--ls-ink);color:var(--ls-ink);font-size:13px;font-weight:800}
.bespoke-alt-creative-center ol.key-stats>li p{font-size:16px;line-height:1.55;margin:0 0 14px;color:var(--ls-ink)}
.bespoke-alt-creative-center ol.key-stats>li:target{box-shadow:0 0 0 2px var(--ls-blue);border-radius:var(--ls-radius-sm)}
.bespoke-alt-creative-center .stat-meta{margin-top:auto;font-size:12.5px;color:var(--ls-muted);gap:8px}
.bespoke-alt-creative-center .stat-src{flex-basis:100%;line-height:1.45}
.bespoke-alt-creative-center .cite-btn{font-family:var(--ls-font);font-size:12px;font-weight:700;color:var(--ls-ink);background:var(--ls-paper);border:1.5px solid var(--ls-ink);border-radius:999px;padding:3px 12px}

/* ---------- what Creative Center does well ---------- */
.bespoke-alt-creative-center .ac-rooms{margin-top:36px}
.bespoke-alt-creative-center .ac-mini{padding:16px;margin-bottom:20px;border-radius:var(--ls-radius-sm);background:var(--ls-cream);border-color:transparent}
.bespoke-alt-creative-center .ac-missing{margin-top:28px}
.bespoke-alt-creative-center .ac-missing ul{list-style:none;margin:0 0 18px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 32px}
.bespoke-alt-creative-center .ac-missing li{position:relative;padding-left:26px;font-size:16px;line-height:1.6}
.bespoke-alt-creative-center .ac-missing li::before{content:"";position:absolute;left:0;top:.45em;width:12px;height:12px;border-radius:50%;background:var(--ls-peach);border:2px solid var(--ls-ink)}
.bespoke-alt-creative-center .ac-missing p{font-size:16px}

/* ---------- map ---------- */
.bespoke-alt-creative-center .ac-floor{margin:32px 0 0;padding:20px}
.bespoke-alt-creative-center .ac-floor .ls-source{text-align:center;margin-top:10px}
.bespoke-alt-creative-center .ac-floor-tall{display:none!important}
.bespoke-alt-creative-center .ac-floor a:hover rect,.bespoke-alt-creative-center .ac-floor a:focus rect{stroke-width:3}
.bespoke-alt-creative-center svg .fp-name{font-size:28px;font-weight:800}
.bespoke-alt-creative-center svg .fp-q{font-size:18px;fill:var(--ls-muted)}
.bespoke-alt-creative-center svg .fp-ex{font-size:20px;font-weight:700}
.bespoke-alt-creative-center svg .fp-num{font-size:16px;font-weight:800}
.bespoke-alt-creative-center .ac-floor-tall .fp-name{font-size:19px}
.bespoke-alt-creative-center .ac-floor-tall .fp-q{font-size:13px}
.bespoke-alt-creative-center .ac-floor-tall .fp-ex{font-size:14.5px}
.bespoke-alt-creative-center .ac-floor-tall .fp-num{font-size:13px}

/* ---------- tool cards ---------- */
.bespoke-alt-creative-center .ac-wing{margin-top:52px;scroll-margin-top:24px}
.bespoke-alt-creative-center .ac-pair{margin-top:52px}
.bespoke-alt-creative-center .ac-pair .ac-wing{margin-top:0}
.bespoke-alt-creative-center .ac-wing-name{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0 0 18px}
.bespoke-alt-creative-center .ac-tool-top{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.bespoke-alt-creative-center .ac-no{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--ls-paper);border:2px solid var(--ls-ink);font-weight:800;font-size:15px;color:var(--ls-ink)}
.bespoke-alt-creative-center .ls-card--blue .ac-no{background:var(--ls-yellow)}
.bespoke-alt-creative-center .ac-tool h3{margin-bottom:4px}
.bespoke-alt-creative-center .ac-tool .ls-small{margin-bottom:16px}
.bespoke-alt-creative-center .ac-tool dl{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px 16px;margin:0;padding-top:16px;border-top:1.5px solid var(--ls-line)}
.bespoke-alt-creative-center .ac-tool dt{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ls-muted);padding-top:4px}
.bespoke-alt-creative-center .ac-tool dd{margin:0;font-size:16px;line-height:1.55}
.bespoke-alt-creative-center .ac-tool--wide{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 24px}

/* ---------- one ad, two tools ---------- */
.bespoke-alt-creative-center .ac-ex{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:28px;margin-top:36px;align-items:start}
.bespoke-alt-creative-center .ac-bottle{margin:0 0 20px}
.bespoke-alt-creative-center .ac-placard .ls-tag{margin-bottom:12px}
.bespoke-alt-creative-center .ac-facts{gap:14px;margin:16px 0}
.bespoke-alt-creative-center .ac-facts b{font-size:clamp(26px,2.4vw,32px)}
.bespoke-alt-creative-center .ac-facts span{font-size:13px}
.bespoke-alt-creative-center .ac-chart-card{margin:0}
.bespoke-alt-creative-center .ac-chart{display:block;width:100%;height:auto;margin-top:8px}
.bespoke-alt-creative-center .ac-chart--tall{display:none}
.bespoke-alt-creative-center .ac-chart .g{stroke:var(--ls-line);stroke-width:1}
.bespoke-alt-creative-center .ac-chart text{font-family:var(--ls-font);font-size:13px;fill:var(--ls-muted)}
.bespoke-alt-creative-center .ac-chart .q{fill:var(--ls-ink);font-weight:600;font-size:14px}
.bespoke-alt-creative-center .ac-chart .n{fill:var(--ls-ink);font-weight:700}
.bespoke-alt-creative-center .ac-chart .v{fill:var(--ls-muted);font-weight:500}
.bespoke-alt-creative-center .ac-chart .gap{fill:var(--ls-peach-deep);font-weight:700}
.bespoke-alt-creative-center .ac-chart .b{fill:var(--ls-blue-deep)}
.bespoke-alt-creative-center .ac-chart .bgap{fill:var(--ls-peach-deep)}
.bespoke-alt-creative-center .ac-adds{margin-top:28px}
.bespoke-alt-creative-center .ac-adds p{font-size:16px}
.bespoke-alt-creative-center .ac-ask{margin-top:44px;max-width:860px}

/* ---------- table ---------- */
.bespoke-alt-creative-center .ac-table-wrap{margin-top:28px}
.bespoke-alt-creative-center .ac-table-wrap .table-wrap{border:0;border-radius:0;margin:0;background:none;overflow:visible}
.bespoke-alt-creative-center .ac-table tbody th{font-size:16px;font-weight:700;letter-spacing:0;text-transform:none;background:none;color:var(--ls-ink);padding:14px 16px;border-bottom:1px solid var(--ls-line);white-space:nowrap;vertical-align:top}
.bespoke-alt-creative-center .ac-table tbody th a{color:var(--ls-ink)}
.bespoke-alt-creative-center .ac-table tr:last-child th{border-bottom:0}
.bespoke-alt-creative-center .ac-table tbody td:first-child{font-weight:700;color:var(--ls-muted)}
.bespoke-alt-creative-center .ac-table .ac-lobby{background:var(--ls-cream)}

/* ---------- plans ---------- */
.bespoke-alt-creative-center .ac-plans{margin-top:32px}
.bespoke-alt-creative-center .ac-plans .ls-card{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.bespoke-alt-creative-center .ac-plans .ls-stat small{font-size:16px;font-weight:600;color:var(--ls-muted)}
.bespoke-alt-creative-center .ac-pick{background:var(--ls-paper)}

/* ---------- faq ---------- */
.bespoke-alt-creative-center .ac-faq-split{align-items:start}

/* ---------- responsive ---------- */
@media (max-width:1100px){
  .bespoke-alt-creative-center ol.key-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bespoke-alt-creative-center ol.key-stats>li,.bespoke-alt-creative-center ol.key-stats>li:nth-child(n+4){grid-column:auto}
  .bespoke-alt-creative-center ol.key-stats>li:last-child{grid-column:1/-1}
}
@media (max-width:960px){
  .bespoke-alt-creative-center .ac-ex{grid-template-columns:minmax(0,1fr)}
  .bespoke-alt-creative-center .ac-bottle{max-width:300px;margin-left:auto;margin-right:auto}
  .bespoke-alt-creative-center .ac-missing ul{grid-template-columns:minmax(0,1fr)}
  .bespoke-alt-creative-center .ac-rooms{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:760px){
  .bespoke-alt-creative-center .ac-floor-wide{display:none!important}
  .bespoke-alt-creative-center .ac-floor-tall{display:block!important;max-width:420px;margin:0 auto}
  .bespoke-alt-creative-center .ac-floor{padding:14px}
  /* the comparison table becomes one card per tool */
  .bespoke-alt-creative-center .ac-table-wrap{border:0;background:none;overflow:visible}
  .bespoke-alt-creative-center .ac-table,.bespoke-alt-creative-center .ac-table tbody,.bespoke-alt-creative-center .ac-table tr,.bespoke-alt-creative-center .ac-table td,.bespoke-alt-creative-center .ac-table tbody th{display:block;width:auto}
  .bespoke-alt-creative-center .ac-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .bespoke-alt-creative-center .ac-table tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 14px;margin-bottom:14px;padding:14px 18px 10px;background:var(--ls-paper);border:1.5px solid var(--ls-line);border-radius:var(--ls-radius-sm)}
  .bespoke-alt-creative-center .ac-table tr.is-us{background:var(--ls-blue-tint)}
  .bespoke-alt-creative-center .ac-table tr.ac-lobby{background:var(--ls-cream)}
  .bespoke-alt-creative-center .ac-table td,.bespoke-alt-creative-center .ac-table tbody th{border:0;padding:6px 0;font-size:15px}
  .bespoke-alt-creative-center .ac-table tbody th{grid-column:1/-1;white-space:normal;font-size:19px;padding:0 0 8px;margin-bottom:4px;border-bottom:1px solid var(--ls-line)}
  .bespoke-alt-creative-center .ac-table tbody td:first-child{grid-column:1/-1;grid-row:1;font-size:13px;padding:0 0 4px}
  .bespoke-alt-creative-center .ac-table td[data-label]::before{content:attr(data-label);display:block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ls-muted);margin-bottom:2px}
  .bespoke-alt-creative-center .ac-table td.ac-job{grid-column:1/-1}
}
@media (max-width:640px){
  .bespoke-alt-creative-center .ac-hero{padding-top:36px}
  .bespoke-alt-creative-center ol.key-stats{grid-template-columns:minmax(0,1fr)}
  .bespoke-alt-creative-center .ac-tool dl{grid-template-columns:minmax(0,1fr);gap:2px}
  .bespoke-alt-creative-center .ac-tool dd{margin-bottom:10px}
  .bespoke-alt-creative-center .ac-tool--wide{grid-template-columns:minmax(0,1fr)}
  .bespoke-alt-creative-center .ac-chart--wide{display:none}
  .bespoke-alt-creative-center .ac-chart--tall{display:block}
  .bespoke-alt-creative-center .ac-facts{grid-template-columns:repeat(3,minmax(0,1fr))}
  .bespoke-alt-creative-center .ac-facts b{font-size:24px}
}

/* ---------- headings: hold the system's sizes against the site's global h1/h2 rules ---------- */
main.bespoke-alt-creative-center h1{font-size:clamp(38px,4vw,54px);font-weight:800;line-height:1.03;letter-spacing:-.035em;margin:0 0 .45em}
main.bespoke-alt-creative-center h2{font-size:clamp(30px,3.5vw,46px);font-weight:800;line-height:1.08;letter-spacing:-.03em;margin:0 0 .5em}
main.bespoke-alt-creative-center h3{margin:0 0 .5em}
main.bespoke-alt-creative-center .key-stats-box>h2{font-size:clamp(24px,2.2vw,30px)}