/* =====================================================================
   Page styles for services/branding.php
   Loaded after style.css, only on this page.
   ===================================================================== */

/* v4 brand */
.v-brand{background:#fff}
.board{position:absolute;inset:5cqw;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:1.25fr 1fr;gap:2.4cqw}
.tile{border-radius:2.4cqw;padding:2.8cqw;display:flex;flex-direction:column;justify-content:space-between;font-size:1.9cqw;font-family:var(--mono);overflow:hidden;position:relative}
.tile.mark{grid-column:span 2;background:var(--ink);color:#fff}
.tile.mark .m{width:13cqw;height:13cqw;border-radius:50%;background:var(--accent);display:grid;place-items:center;box-shadow:0 0 0 2.4cqw rgba(237,50,35,.18),0 0 0 4.8cqw rgba(237,50,35,.08)}
.tile.mark .m svg{width:7cqw;height:7cqw;color:#fff}
.tile.type{background:#F6F5F4;color:var(--ink)}
.tile.type b{font-family:var(--display);font-size:11cqw;font-weight:800;line-height:1;letter-spacing:-.03em}
.tile.sw1{background:#ED3223;color:#fff}
.tile.sw2{background:#181818;color:#fff}
.tile.sw3{background:#F6F5F4;color:var(--ink);border:1px solid var(--line)}
.tile span{opacity:.85}