/* WorldSpire Media — commercial layer (2026-09-30): starting anchors, service scope, website tiers.
   Extends main.css tokens. No new colours. */
.anchor-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:clamp(28px,4vw,44px) 0;margin:clamp(34px,5vw,60px) 0;
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:clamp(20px,4vw,64px);align-items:center}
.anchor-band .k{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
.anchor-band .price{font-family:var(--serif);font-weight:340;font-size:clamp(38px,4.4vw,62px);line-height:1.04;color:var(--bone)}
.anchor-band .price small{display:block;font-family:var(--sans);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--stone-2);margin-bottom:8px}
.anchor-band p{color:var(--stone);font-size:16.5px;line-height:1.7}
@media (max-width:760px){.anchor-band{grid-template-columns:1fr}}

.scope-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line-2);margin-top:18px}
.scope-grid li{list-style:none;padding:16px 18px 16px 0;border-bottom:1px solid var(--line-2);color:var(--bone);font-size:15.5px;display:flex;gap:12px;align-items:baseline}
.scope-grid li::before{content:"";flex:0 0 5px;height:5px;background:var(--gold);transform:rotate(45deg);margin-top:8px}
@media (max-width:900px){.scope-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.scope-grid{grid-template-columns:1fr}}

.cm-block{padding:clamp(40px,5vw,64px) 0;border-top:1px solid var(--line-2)}
.cm-block>.k{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);margin-bottom:14px}
.cm-block h2{font-size:clamp(26px,2.8vw,38px);line-height:1.18;margin-bottom:14px;max-width:26ch}
.cm-block p.lede{max-width:64ch}
.factors{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.factors span{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--stone);border:1px solid var(--line);padding:8px 12px}

.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,26px);margin-top:26px}
.tier{border:1px solid var(--line);background:var(--ink-2);padding:clamp(24px,2.6vw,34px);display:flex;flex-direction:column;gap:14px;transition:border-color .5s var(--ease)}
.tier:hover{border-color:var(--gold-dim)}
.tier .k{font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--gold)}
.tier h3{font-size:clamp(22px,2vw,28px);line-height:1.2}
.tier .from{font-family:var(--serif);font-size:clamp(30px,3vw,40px);color:var(--bone);font-weight:340;line-height:1}
.tier .from small{display:block;font-family:var(--sans);font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--stone-2);margin-bottom:8px}
.tier p{color:var(--stone);font-size:15px;line-height:1.65}
.tier ul{list-style:none;margin-top:auto;border-top:1px solid var(--line-2);padding-top:12px}
.tier li{font-size:13.5px;color:var(--stone);padding:5px 0}
@media (max-width:900px){.tiers{grid-template-columns:1fr}}

.anchors-table{margin-top:10px;border-top:1px solid var(--line)}
.anchors-table a,.anchors-table div.row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr) minmax(0,1.6fr) 26px;gap:20px;align-items:center;
  padding:22px 0;border-bottom:1px solid var(--line);transition:background .4s var(--ease)}
.anchors-table a:hover{background:rgba(200,164,93,.04)}
.anchors-table .n{font-family:var(--serif);font-size:clamp(20px,1.9vw,26px);color:var(--bone)}
.anchors-table .p{font-family:var(--serif);font-size:clamp(20px,1.9vw,26px);color:var(--gold-2)}
.anchors-table .p small{display:block;font-family:var(--sans);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--stone-2)}
.anchors-table .d{color:var(--stone);font-size:14.5px;line-height:1.6}
.anchors-table .go{color:var(--gold);text-align:right}
@media (max-width:760px){.anchors-table a,.anchors-table div.row{grid-template-columns:1fr auto;gap:8px 16px}.anchors-table .d{grid-column:1 / -1}.anchors-table .go{display:none}}

.anchors-inline{display:flex;flex-wrap:wrap;gap:10px 26px;margin:26px 0 8px}
.anchors-inline span{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--stone);display:flex;gap:10px;align-items:center}
.anchors-inline span b{font-family:var(--serif);font-weight:400;letter-spacing:0;text-transform:none;font-size:17px;color:var(--bone)}
.ivory .anchors-inline span{color:#6b665e}.ivory .anchors-inline span b{color:var(--ink)}

.foot-xlink{margin-top:16px;font-size:13px;color:var(--stone-2);max-width:36ch}
.foot-xlink a{color:var(--gold)}
.foot-xlink a:hover{color:var(--gold-2)}

/* homepage "What we build": a fifth, full-width row for digital experiences */
.disc-group{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:#6b665e;margin:0 0 14px}
.disc-digital{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr) auto;gap:clamp(20px,4vw,60px);align-items:center;
  border-top:1px solid var(--ivory-line);border-bottom:1px solid var(--ivory-line);padding:30px 0;margin-top:40px;transition:color .4s}
.disc-digital .k{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:#9A7B36;display:block;margin-bottom:10px}
.disc-digital h3{font-size:clamp(24px,2.2vw,32px);line-height:1.2}
.disc-digital p{color:#57534C;font-size:15.5px;line-height:1.65}
.disc-digital .go{font-size:11px;letter-spacing:.22em;text-transform:uppercase;white-space:nowrap}
.disc-digital:hover .go{color:#9A7B36}
@media (max-width:900px){.disc-digital{grid-template-columns:1fr}}