/* ══ THE DASHBOARD'S FRAME, PART B ═══════════════════════════  11 Oct 2026 (rp91) ══
   MEASURED OUT OF dashboard-tradesperson.html, never written by hand: every
   rule of its second inline sheet that styles the frame (masthead, side panel,
   cover and identity row, the cover run to the edges and blurred behind the
   page, tab heads, the Overview's tiles and cards, footer), in order.
   The organisation dashboard links it after hyyryn-rail.css, where the trade page
   has the sheet, so the cascade is the same. To bring it up to date after the
   trade page changes: node platform-worker/test/dash-ui/frame-css.mjs
   (the check, --check, is part of test/dash-ui/org.mjs). */
html { overflow-x: clip; }
.job-status, .near-tag, .near-pill, .tab-count { border-radius: 999px; }
.main .tab-count { border-radius: 999px; }
.dash-tab-btn { font-family: var(--sans); font-size: 10px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--muted); background: none; border: 0px; padding: 0px 0px 14px; box-shadow: none; }
.dash-tab-btn:hover { color: var(--navy); }
.dash-tab-btn.active { color: var(--navy); box-shadow: inset 0 -2px 0 var(--navy); }
.main .tab-count { background: none; color: var(--muted); border-radius: 0px; font-family: var(--sans); font-size: 10px; font-weight: 600; padding: 0px 0px 0px 6px; min-width: 0px; }
.near-more { font-family: var(--sans); font-size: 10px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--navy); text-decoration: none; }
.near-more:hover { text-decoration: underline; text-underline-offset: 3px; }
.dash-shell { display: grid; grid-template-columns: clamp(232px, 19vw, 288px) minmax(0px, 1fr); gap: clamp(26px, 3vw, 54px); align-items: start; margin-top: 10px; }
.dash-shell > * { min-width: 0px; }
.dash-rail { position: sticky; top: 92px; display: flex; flex-direction: column; gap: 22px; padding-right: clamp(18px, 1.8vw, 30px); border-right: 1px solid var(--line); }
.rail-id { text-align: center; }
.rail-name { font-family: var(--sans); font-weight: 400; font-size: 14px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--navy); margin: 0px; }
.rail-role { font-family: var(--serif); font-size: 14px; color: var(--muted); margin: 6px 0px 0px; }
.rail-nav { display: flex; flex-direction: column; gap: 2px; }
.rail-nav .dash-tab-btn { appearance: none; background: none; border: 0px; border-radius: 0px; margin: 0px; width: 100%; text-align: left; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 11px 12px 11px 14px; font-family: var(--sans); font-size: 10px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--muted); box-shadow: transparent 2px 0px 0px inset; transition: color 180ms, background 180ms, box-shadow 180ms; }
.rail-nav .dash-tab-btn:hover { color: var(--navy); background: var(--cream-2); }
.rail-nav .dash-tab-btn.active { color: var(--navy); background: var(--cream-2); box-shadow: inset 2px 0 0 var(--navy); }
.rail-nav .tab-count { font-family: var(--sans); font-size: 10px; font-weight: 600; letter-spacing: 0.06em; color: var(--muted); background: none; padding: 0px; }
.rail-nav .dash-tab-btn.active .tab-count { color: var(--navy); }
@media (max-width: 980px) {
  .dash-shell { grid-template-columns: minmax(0px, 1fr); gap: 24px; }
  .dash-rail { position: static; flex-flow: wrap; align-items: center; gap: 18px; border-right: 0px; border-bottom: 1px solid var(--line); padding-right: 0px; padding-bottom: 20px; }
  .rail-id { text-align: left; }
  .rail-nav { flex-direction: row; width: 100%; overflow-x: auto; gap: 4px; }
  .rail-nav .dash-tab-btn { width: auto; white-space: nowrap; box-shadow: transparent 0px -2px 0px inset; }
  .rail-nav .dash-tab-btn.active { box-shadow: inset 0 -2px 0 var(--navy); }
}
.dash-shell { grid-template-columns: clamp(212px, 17vw, 258px) minmax(0px, 1fr); gap: clamp(22px, 2.4vw, 40px); }
.dash-rail { background: var(--navy); border-right: 0px; padding: 26px 20px; gap: 20px; color: var(--cream); }
.rail-id { border-bottom: 1px solid rgba(250, 248, 243, 0.22); padding-bottom: 16px; }
.rail-name { color: var(--cream); }
.rail-role { display: none; }
.rail-nav .dash-tab-btn { color: rgba(250, 248, 243, 0.72); box-shadow: none; padding: 11px 14px; }
.rail-nav .dash-tab-btn:hover { color: var(--cream); background: rgba(250, 248, 243, 0.08); }
.rail-nav .dash-tab-btn.active { color: var(--navy); background: var(--cream); box-shadow: none; }
.rail-nav .tab-count { color: rgba(250, 248, 243, 0.55); }
.rail-nav .dash-tab-btn.active .tab-count { color: var(--muted); }
.ref-grid { display: grid; grid-template-columns: minmax(0px, 1.5fr) minmax(0px, 1fr); gap: clamp(22px, 2.4vw, 40px); align-items: start; }
.ref-grid > * { min-width: 0px; }
.rcard { display: flex; flex-direction: column; }
.rcard-head { border-bottom: 1px solid var(--line-2); padding-bottom: 10px; }
.rcard-t { font-family: var(--sans); font-weight: 400; font-size: 26px; line-height: 1.5; letter-spacing: 0.18em; text-transform: uppercase; color: var(--navy); margin: 0px; }
.rcard-s { font-family: var(--serif); font-size: 14px; color: var(--muted); margin: 4px 0px 0px; }
@media (max-width: 1280px) {
  .rcard-t { font-size: 21px; letter-spacing: 0.12em; }
}
.btn--sm { padding: 9px 20px; font-size: 10px; align-self: flex-start; }
@media (max-width: 1080px) {
  .ref-grid { grid-template-columns: minmax(0px, 1fr); }
}
@media (max-width: 980px) {
  .dash-rail { padding: 20px; }
  .rail-id { border-bottom: 0px; padding-bottom: 0px; }
}
.dash-shell { align-items: stretch; }
.dash-rail { position: static; top: auto; height: 100%; }
@media (max-width: 980px) {
  .dash-rail { height: auto; }
}
@media (max-width: 980px) {
  .dash-shell { grid-template-columns: minmax(0px, 1fr); }
  .dash-rail { height: auto; }
  .rail-nav { max-width: 100%; min-width: 0px; }
}
.rcard--pie { display: flex; flex-direction: column; }
.mo-sheet { position: relative; margin: 0px 0px clamp(30px, 3.4vw, 50px); background: var(--cream); border: 1px solid var(--line); border-radius: 4px; padding: 19px 21px; box-shadow: rgba(10, 22, 40, 0.035) 0px 1px 1px, rgba(10, 22, 40, 0.18) 0px 4px 9px -6px, rgba(10, 22, 40, 0.45) 0px 18px 30px -22px; }
.mo-sheet::before { content: ""; position: absolute; z-index: 4; top: -11px; left: 50%; margin-left: -11px; width: 22px; height: 22px; border-radius: 50%; background: radial-gradient(circle at 33% 28%, #46536A 0 18%, var(--navy) 52%, #04090F 100%); box-shadow: rgba(250, 248, 243, 0.22) 0px 1px 0px, rgba(10, 22, 40, 0.34) 0px 5px 8px -3px; }
.mo-sheet::after { content: ""; position: absolute; z-index: 5; top: -7.5px; left: 50%; margin-left: -7px; width: 6px; height: 5px; border-radius: 50%; background: rgba(250, 248, 243, 0.62); rotate: -24deg; }
.mo-foot { margin: 0px 0px 8px; max-width: 70ch; font-family: var(--serif); font-size: 13.5px; line-height: 1.55; color: rgb(58, 65, 80); }
@media (min-width: 1081px) {
  .rcard--map.is-expanded { grid-column: 1 / -1; }
}
.rcard--map, .rcard--tiles { grid-column: 1 / -1; }
.rcard--tiles { margin-top: clamp(20px, 2.2vw, 34px); }
.dash-rail .rail-nav .dash-tab-btn .tab-count { background: none; padding: 0px; border-radius: 0px; min-width: 0px; }
.dash-rail { position: relative; z-index: 2; box-shadow: rgba(250, 248, 243, 0.14) 1px 1px 0px inset, rgba(0, 0, 0, 0.3) -1px -1px 0px inset, rgba(10, 22, 40, 0.2) 0px 2px 3px, rgba(10, 22, 40, 0.58) 7px 24px 44px -20px; }
@media (max-width: 980px) {
  .dash-rail { box-shadow: rgba(250, 248, 243, 0.14) 1px 1px 0px inset, rgba(0, 0, 0, 0.3) -1px -1px 0px inset, rgba(10, 22, 40, 0.2) 0px 2px 3px, rgba(10, 22, 40, 0.52) 0px 22px 40px -18px; }
}
.dash-body .tab-head, .dash-body .work-head { margin: 0px 0px clamp(18px, 2vw, 28px); }
.dash-body .tab-head .rcard-s, .dash-body .work-head .rcard-s { margin: 6px 0px 0px; }
.dash-rail .rail-role { display: block; margin: 6px 0px 0px; font-family: var(--serif); font-size: 12px; line-height: 1.4; color: rgba(250, 248, 243, 0.55); }
.rail-sec { border-top: 1px solid rgba(250, 248, 243, 0.22); padding-top: 16px; }
.rail-k { margin: 0px 0px 12px; font-family: var(--sans); font-size: 10px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(250, 248, 243, 0.55); }
.rail-ver { list-style: none; margin: 0px; padding: 0px; }
.rail-ver li { display: grid; grid-template-columns: 11px minmax(0px, 1fr) auto; align-items: center; gap: 9px; padding: 6px 0px; }
.rail-ver span { font-family: var(--serif); font-size: 12px; color: rgba(250, 248, 243, 0.72); }
.rail-ver em { font-style: normal; text-align: right; white-space: nowrap; font-family: var(--sans); font-size: 10px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(250, 248, 243, 0.5); }
.rv-tick { width: 11px; height: 11px; fill: none; stroke: rgba(250, 248, 243, 0.55); stroke-width: 2.4; }
.rail-ver .is-due em { color: var(--gold-soft); }
.rail-ver .is-due .rv-tick { stroke: var(--gold-soft); }
.rail-more { display: inline-block; margin-top: 12px; text-decoration: none; font-family: var(--sans); font-size: 10px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(250, 248, 243, 0.72); box-shadow: rgba(250, 248, 243, 0.35) 0px -1px 0px inset; }
.rail-more:hover { color: var(--cream); box-shadow: inset 0 -1px 0 var(--cream); }
@media (max-width: 980px) {
  .rail-sec { display: none; }
}
header.topbar .topbar-inner { padding-inline: var(--edge); }
@media (max-width: 768px) {
  header.topbar .topbar-inner { padding-inline: var(--edge); }
}
.topbar .nm-mini { background: var(--cream); box-shadow: rgba(10, 22, 40, 0.05) 0px 1px 2px; }
.topbar .nm-right { background: var(--cream); }
.topbar .icon-button, .topbar .avatar-btn, .topbar .nm-right { border-radius: 999px; }
.topbar .nm-menu a { border-radius: 0px; }
.dash-shell { align-items: start; }
.dash-rail { position: sticky; top: calc(74px + clamp(14px, 1.6vw, 24px)); height: auto; max-height: calc(-74px + 100vh - clamp(28px, 3.2vw, 48px)); overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: rgba(250, 248, 243, 0.28) transparent; }
.dash-rail::-webkit-scrollbar { width: 6px; }
.dash-rail::-webkit-scrollbar-thumb { background: rgba(250, 248, 243, 0.28); border-radius: 999px; }
.dash-rail::-webkit-scrollbar-track { background: none; }
@media (max-width: 980px) {
  .dash-rail { position: static; top: auto; max-height: none; overflow: visible; }
}
.footer { background: var(--navy); color: rgba(250, 248, 243, 0.65); border-top: 1px solid rgba(250, 248, 243, 0.08); margin-top: clamp(56px, 6vw, 88px); }
.footer-inner { max-width: none; margin: 0px; padding: clamp(40px, 4.4vw, 64px) var(--edge) clamp(24px, 2.4vw, 34px); }
.footer-top { display: grid; grid-template-columns: 1.6fr 1fr 1fr; gap: clamp(28px, 3.4vw, 56px); margin-bottom: clamp(28px, 3vw, 44px); }
.footer .brand-big { display: flex; align-items: center; gap: 11px; margin-bottom: 14px; }
.footer .brand-big .mark { width: 24px; height: 24px; }
.footer .brand-big .mark rect, .footer .brand-big .mark path { fill: var(--cream, #FAF8F3); }
.footer .brand-big .word { font-family: var(--serif-display); font-weight: 400; font-size: 26px; letter-spacing: 0px; text-transform: none; color: var(--cream); line-height: 1; }
.footer .tag { font-family: var(--serif); font-size: 14px; line-height: 1.55; color: rgba(250, 248, 243, 0.55); max-width: 26ch; }
.footer-col h5 { margin: 0px 0px 14px; font-family: var(--sans); font-size: 10px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(250, 248, 243, 0.55); }
.footer-col a { display: block; padding: 6px 0px; text-decoration: none; font-family: var(--serif); font-size: 14px; color: rgba(250, 248, 243, 0.6); transition: color 160ms; }
.footer-col a:hover { color: var(--cream); }
.footer-ico { display: inline-flex; align-items: center; gap: 10px; padding-top: 16px; margin-top: 4px; border-top: 1px solid rgba(250, 248, 243, 0.08); }
.footer-ico img { width: 48px; height: 48px; padding: 5px; box-sizing: border-box; filter: none; opacity: 1; background: var(--cream, #FAF8F3); border-radius: 50%; box-shadow: rgba(255, 255, 255, 0.9) 0px 1px 0px inset, rgba(250, 248, 243, 0.18) 0px 1px 0px, rgba(4, 9, 15, 0.9) 0px 8px 16px -8px; }
.footer-ico .fi-text { font-family: var(--sans); font-size: 10px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(250, 248, 243, 0.5); line-height: 1.5; }
.footer-ico .fi-text strong { display: block; font-weight: 600; color: rgba(250, 248, 243, 0.72); }
.bottom-row { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-top: clamp(24px, 2.6vw, 36px); padding-top: 22px; border-top: 1px solid rgba(250, 248, 243, 0.08); font-family: var(--sans); font-size: 10px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(250, 248, 243, 0.55); }
.bottom-row a { color: rgba(250, 248, 243, 0.55); text-decoration: none; }
.bottom-row a:hover { color: var(--cream); }
@media (max-width: 860px) {
  .footer-top { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 560px) {
  .footer-top { grid-template-columns: 1fr; }
  .bottom-row { flex-direction: column; align-items: flex-start; }
}
.dash-shell { align-items: stretch; margin-left: calc(-1 * var(--edge)); gap: calc(clamp(22px, 2.4vw, 40px) + var(--edge)); }
.main { padding-bottom: 0px; }
.dash-body { padding-bottom: clamp(56px, 6vw, 96px); }
.dash-rail { position: static; top: auto; height: auto; align-self: stretch; max-height: none; overflow: visible; padding: 0px; gap: 0px; display: block; }
.rail-in { position: sticky; top: calc(74px + clamp(14px, 1.6vw, 24px)); max-height: calc(-74px + 100vh - clamp(28px, 3.2vw, 48px)); overflow-y: auto; overscroll-behavior: contain; display: flex; flex-direction: column; gap: 20px; padding: 26px var(--edge); scrollbar-width: thin; scrollbar-color: rgba(250, 248, 243, 0.28) transparent; }
.rail-in::-webkit-scrollbar { width: 6px; }
.rail-in::-webkit-scrollbar-thumb { background: rgba(250, 248, 243, 0.28); border-radius: 999px; }
.rail-in::-webkit-scrollbar-track { background: none; }
.footer { margin-top: 0px; }
@media (max-width: 980px) {
  .dash-shell { margin-left: 0px; gap: 24px; }
  .main { padding-bottom: clamp(40px, 5vw, 64px); }
  .dash-body { padding-bottom: 0px; }
  .dash-rail { display: flex; }
  .rail-in { position: static; max-height: none; overflow: visible; flex-flow: wrap; align-items: center; padding: 20px; }
  .footer { margin-top: clamp(40px, 5vw, 64px); }
}
.rail-in { scrollbar-width: none; }
.rail-in::-webkit-scrollbar { width: 0px; height: 0px; display: none; }
.rail-in::-webkit-scrollbar-thumb, .rail-in::-webkit-scrollbar-track { background: none; }
.dash-shell { margin-top: 0px; }
.dash-rail { box-shadow: rgba(250, 248, 243, 0.14) 1px 1px 0px inset, rgba(10, 22, 40, 0.2) 0px 2px 3px, rgba(10, 22, 40, 0.58) 7px 24px 44px -20px; }
@media (max-width: 980px) {
  .dash-rail { box-shadow: rgba(250, 248, 243, 0.14) 1px 1px 0px inset, rgba(10, 22, 40, 0.2) 0px 2px 3px, rgba(10, 22, 40, 0.52) 0px 22px 40px -18px; }
}
@media (min-width: 981px) {
  .page-wrap { display: flex; flex-direction: column; }
  .page-wrap > .main { margin-left: 0px; margin-right: 0px; width: 100%; max-width: none; flex: 1 1 auto; min-height: 0px; display: flex; flex-direction: column; }
  .main > .dash-shell { flex: 1 1 auto; min-height: 0px; }
}
.footer { position: relative; border-top: 0px; }
.footer::before { content: ""; position: absolute; top: 0px; right: 0px; height: 1px; left: clamp(212px, 17vw, 258px); background: rgba(250, 248, 243, 0.08); }
@media (max-width: 980px) {
  .footer::before { left: 0px; }
}
.footer .tag { font-family: var(--sans); font-size: 12px; font-weight: 400; line-height: 1.62; letter-spacing: 0.06em; color: rgba(250, 248, 243, 0.55); max-width: 30ch; }
.footer-col a { display: block; font-family: var(--sans); font-size: 12px; font-weight: 400; letter-spacing: 0.06em; text-transform: none; color: rgba(250, 248, 243, 0.68); text-decoration: none; transition: color 200ms; }
.footer-col a + a { margin-top: 11px; }
.footer-col a:hover { color: var(--cream); }
.footer-col h5 { margin: 0px 0px 16px; }
.footer-top { grid-template-columns: 1.5fr repeat(3, minmax(0px, 1fr)); gap: clamp(24px, 2.8vw, 52px); align-items: start; }
@media (max-width: 1080px) {
  .footer-top { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
}
@media (max-width: 760px) {
  .footer-top { grid-template-columns: minmax(0px, 1fr); gap: clamp(22px, 4vw, 30px); }
}
@media (max-width: 980px) {
  .dash-rail .rail-in { min-width: 0px; max-width: 100%; }
  .dash-rail .rail-nav { min-width: 0px; }
}
.dash-rail .tab-count { position: relative; }
.dash-rail .rail-due { margin: 12px 0px 0px; font-family: var(--serif); font-size: 12px; line-height: 1.5; color: var(--gold-soft); }
.ov-head { margin: 0px 0px clamp(18px, 2vw, 26px); }
.ov-head { --ov-inset: clamp(14px,2vw,34px); padding-inline: var(--ov-inset); }
.ov-cover { position: relative; overflow: hidden; background: var(--navy); border-radius: 0px; width: 100%; aspect-ratio: 1240 / 300; min-height: 120px; max-height: 340px; }
.ov-cover img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ov-cover-edit { position: absolute; right: 14px; bottom: 14px; z-index: 2; background: var(--cream); gap: 7px; }
.ov-cover-edit svg { width: 15px; height: 15px; fill: none; stroke: currentcolor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.ov-head { --av: clamp(108px,11.5vw,168px); }
.ov-id { position: relative; z-index: 2; display: grid; grid-template-columns: auto minmax(0px, 1fr) auto; align-items: flex-end; column-gap: clamp(16px, 1.8vw, 24px); padding: 0px clamp(8px, 1.4vw, 20px); }
.ov-avatar { width: var(--av); aspect-ratio: 1 / 1; border-radius: 50%; overflow: hidden; background: var(--cream); box-shadow: 0 0 0 5px var(--cream); align-self: start; margin-top: calc(var(--av) / -2); margin-bottom: 2px; }
.ov-avatar img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ov-id-t { padding-bottom: 4px; min-width: 0px; }
.ov-name { margin: 0px 0px 5px; font-family: var(--serif-display); font-weight: 400; font-size: clamp(21px, 2.1vw, 26px); line-height: 1.15; color: var(--navy); }
.ov-figs { margin: 0px 0px 7px; display: flex; flex-wrap: wrap; align-items: center; gap: 0px 7px; font-family: var(--sans); font-size: 12px; line-height: 20px; color: var(--muted); }
.ov-figs b { font-weight: 600; color: var(--navy); }
.ov-dot { color: var(--muted); }
.ov-rate { display: inline-flex; align-items: center; gap: 6px; }
.ov-stars { display: inline-flex; gap: 1.5px; }
.ov-stars svg { width: 13px; height: 13px; fill: var(--gold-soft); stroke: none; display: block; }
.ov-desc { margin: 0px; max-width: 62ch; font-family: var(--serif); font-size: 14px; line-height: 20px; color: var(--muted); }
.ov-since { margin: 8px 0px 0px; font-family: var(--sans); font-size: 10px; font-weight: 400; letter-spacing: 0.18em; text-transform: uppercase; color: var(--muted); }
.ov-since b { font-weight: 600; color: var(--navy); }
.ov-acts { display: flex; align-items: center; gap: 9px; padding-bottom: 4px; }
.ov-acts .btn { gap: 7px; }
.ov-acts svg { width: 15px; height: 15px; fill: none; stroke: currentcolor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
@media (max-width: 1080px) {
  .ov-id { grid-template-columns: auto minmax(0px, 1fr); row-gap: 14px; align-items: end; }
  .ov-acts { grid-column: 1 / -1; padding-bottom: 0px; flex-wrap: wrap; }
}
@media (max-width: 640px) {
  .ov-id { grid-template-columns: minmax(0px, 1fr); justify-items: start; }
  .ov-head { --ov-inset: clamp(10px,3vw,18px); }
}
.ov-head { --ov-drop: clamp(12px,2.1vw,30px); }
.ov-id { align-items: start; column-gap: clamp(14px, 1.6vw, 22px); padding-left: 3.7%; padding-right: 2.6%; }
.ov-avatar { margin-top: var(--ov-drop); margin-bottom: 0px; }
.ov-id-t { margin-top: calc(var(--ov-drop) + var(--av) * .19); padding-bottom: 0px; }
.ov-acts { align-self: start; padding-bottom: 0px; margin-top: calc(var(--ov-drop) + var(--av) * .19 - 3px); }
.ov-head::after { content: ""; display: block; height: 1px; background: var(--line); margin: clamp(16px, 1.9vw, 28px) 2.6% 0px; }
.ov-head { --cover-tint: 10 22 40; --cover-wash: 214 223 233; padding-top: clamp(10px, 1.2vw, 18px); position: relative; isolation: isolate; }
.ov-head::before { content: ""; position: absolute; z-index: -1; pointer-events: none; inset: 0px -8px auto; height: 84%; background: linear-gradient(180deg,
    rgb(var(--cover-wash) / .92) 0,
    rgb(var(--cover-wash) / .46) 46%,
    transparent 84%); mask-image: linear-gradient(90deg, transparent 0px, black 5%, black 95%, transparent 100%); }
.ov-cover { box-shadow: 0 10px 38px -8px rgb(var(--cover-tint) / .42),
             0 0 0 1px rgb(var(--cover-tint) / .10); }
@media (max-width: 1080px) {
  .ov-acts { margin-top: 0px; }
}
@media (max-width: 640px) {
  .ov-id-t { margin-top: 10px; }
  .ov-head::after { margin-inline: 0px; }
}
.dash-body .evbar { display: grid; grid-template-columns: auto 1fr auto; gap: 18px; align-items: center; padding: 18px 20px; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-left: 3px solid var(--gold-soft); background: var(--cream-2); }
@media (max-width: 780px) {
  .dash-body .evbar { grid-template-columns: auto 1fr; }
}
.ref-grid > .evbar, .ref-grid > .ov-compose, .ref-grid > .ov-quotes { grid-column: 1 / -1; }
.ref-grid > .ov-compose, .ref-grid > .ov-quotes { background: var(--cream); border: 1px solid var(--line); border-radius: 4px; padding: 19px 21px 17px; transition: box-shadow 220ms cubic-bezier(0.16, 1, 0.3, 1), translate 220ms cubic-bezier(0.16, 1, 0.3, 1), border-color 220ms; }
.ref-grid > .ov-compose:hover, .ref-grid > .ov-compose:focus-within, .ref-grid > .ov-quotes:hover, .ref-grid > .ov-quotes:focus-within { translate: 0px -1px; border-color: var(--line-2); box-shadow: rgba(10, 22, 40, 0.04) 0px 1px 2px, rgba(10, 22, 40, 0.45) 0px 10px 26px -18px; }
.ov-quotes[hidden] { display: none; }
.footer .brand-big { gap: 13px; }
.footer .brand-big .mark { width: 20px; height: 20px; }
.footer .brand-big .word { font-family: var(--sans, Inter, system-ui, sans-serif); font-size: 14px; font-weight: 400; letter-spacing: 0.18em; text-transform: uppercase; line-height: 1; color: var(--cream, #FAF8F3); margin-right: -0.26em; }
.dash-body .ov-head { --ov-inset: 0px; }
.dash-body .ov-id { padding-left: 0px; padding-right: 0px; }
.dash-body .ov-head::after { margin-inline: 0px; }
@media (max-width: 640px) {
  .dash-body .ov-head { --ov-inset: 0px; }
}
.ref-grid > .ov-col > * { margin: 0px; }
.ov-col > .rcard, .ref-grid > .rcard--map, .ref-grid > .rcard--chart, .ref-grid > .ov-start { position: relative; background: var(--cream); border: 1px solid var(--line); border-radius: 4px; padding: 19px 21px 17px; box-shadow: rgba(10, 22, 40, 0.035) 0px 1px 1px, rgba(10, 22, 40, 0.18) 0px 4px 9px -6px, rgba(10, 22, 40, 0.45) 0px 18px 30px -22px; transition: box-shadow 220ms cubic-bezier(0.16, 1, 0.3, 1), translate 220ms cubic-bezier(0.16, 1, 0.3, 1), border-color 220ms; }
.ov-col > .rcard::before, .ref-grid > .rcard--map::before, .ref-grid > .rcard--chart::before, .ref-grid > .ov-start::before { content: ""; position: absolute; z-index: 4; top: -11px; left: 50%; margin-left: -11px; width: 22px; height: 22px; border-radius: 50%; background: radial-gradient(circle at 33% 28%, #46536A 0 18%, var(--navy) 52%, #04090F 100%); box-shadow: rgba(250, 248, 243, 0.22) 0px 1px 0px, rgba(10, 22, 40, 0.34) 0px 5px 8px -3px; }
.ov-col > .rcard::after, .ref-grid > .rcard--map::after, .ref-grid > .rcard--chart::after, .ref-grid > .ov-start::after { content: ""; position: absolute; z-index: 5; top: -7.5px; left: 50%; margin-left: -7px; width: 6px; height: 5px; border-radius: 50%; background: rgba(250, 248, 243, 0.62); rotate: -24deg; }
.ov-col > .rcard:hover, .ov-col > .rcard:focus-within, .ref-grid > .rcard--map:hover, .ref-grid > .rcard--chart:hover, .ref-grid > .ov-start:hover, .ref-grid > .rcard--map:focus-within, .ref-grid > .rcard--chart:focus-within, .ref-grid > .ov-start:focus-within { translate: 0px -2px; border-color: var(--line-2); box-shadow: rgba(10, 22, 40, 0.04) 0px 1px 1px, rgba(10, 22, 40, 0.22) 0px 6px 12px -6px, rgba(10, 22, 40, 0.55) 0px 26px 40px -24px; }
.ov-col > .rcard > .rcard-head, .ref-grid > .rcard--map > .rcard-head, .ref-grid > .rcard--chart > .rcard-head, .ref-grid > .ov-start > .rcard-head { padding-top: 2px; }
@media (max-width: 640px) {
  .ov-col > .rcard, .ref-grid > .rcard--map, .ref-grid > .rcard--chart, .ref-grid > .ov-start { padding: 16px 15px 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .ov-col > .rcard, .ref-grid > .rcard--map, .ref-grid > .rcard--chart, .ref-grid > .ov-start { transition: none; }
}
.dash-body .ov-cover-edit { width: 38px; height: 38px; min-height: 0px; padding: 0px; gap: 0px; overflow: hidden; transition: width 200ms cubic-bezier(0.22, 0.85, 0.3, 1), padding 200ms cubic-bezier(0.22, 0.85, 0.3, 1); }
.dash-body .ov-cover-edit .ov-cover-edit-t { max-width: 0px; opacity: 0; white-space: nowrap; transition: max-width 200ms cubic-bezier(0.22, 0.85, 0.3, 1), opacity 140ms, margin 200ms; }
.dash-body .ov-cover-edit:hover, .dash-body .ov-cover-edit:focus-visible { width: auto; height: 38px; padding: 0px 18px; gap: 8px; }
.dash-body .ov-cover-edit:hover .ov-cover-edit-t, .dash-body .ov-cover-edit:focus-visible .ov-cover-edit-t { max-width: 160px; opacity: 1; }
@media (prefers-reduced-motion: reduce) {
  .dash-body .ov-cover-edit, .dash-body .ov-cover-edit .ov-cover-edit-t { transition: none; }
}
.ref-grid { grid-template-columns: minmax(0px, 490fr) minmax(0px, 680fr); gap: 20px; }
@media (max-width: 1080px) {
  .ref-grid { grid-template-columns: minmax(0px, 1fr); }
}
button, input, select, textarea, .ro-t, .ov-cover-edit-t { line-height: 1.4; }
.ov-bleed { position: absolute; z-index: -2; top: calc(-1 * clamp(16px, 1.9vw, 28px)); pointer-events: none; height: calc(100% + 160px); overflow: hidden; mask-image: linear-gradient(black 0px, black 58%, transparent 100%); }
.ov-bleed::before { content: ""; position: absolute; inset: -60px; background: var(--bleed-src, none) 50% 30% / cover no-repeat; filter: blur(28px) saturate(1.12); transform: translateZ(0px); }
.ov-bleed::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(180deg,
    rgb(250 248 243 / .30) 0,
    rgb(250 248 243 / .45) calc(var(--cb, 60%) - 60px),
    rgb(250 248 243 / .94) calc(var(--cb, 60%) + 16px),
    rgb(250 248 243 / .97) 100%); }
.ov-head.has-bleed::before { display: none; }
@media (prefers-reduced-transparency: reduce) {
  .ov-bleed { display: none; }
}
@media print {
  .ov-bleed { display: none; }
}
body.has-page-bleed { background: transparent; }
html:has(> body.has-page-bleed) { background: var(--cream); }
.ov-bleed.is-page { position: fixed; inset: 0px; width: auto; height: auto; z-index: -1; mask-image: none; }
.ov-bleed.is-page::before { inset: -90px; filter: blur(34px) saturate(1.15); }
.ov-bleed.is-page::after { background: rgba(250, 248, 243, 0.6); }
.ov-cover.is-bleed { margin-left: var(--cv-l); margin-top: var(--cv-t); width: var(--cv-w) !important; height: var(--cv-h) !important; max-height: none !important; min-height: 0px !important; aspect-ratio: auto !important; border-radius: 0px !important; box-shadow: none !important; }
.ov-cover.is-bleed .ov-cover-edit { right: var(--cv-r); }
body.has-page-bleed .ov-figs, body.has-page-bleed .ov-desc, body.has-page-bleed .ov-since, body.has-page-bleed .tab-head .rcard-s, body.has-page-bleed .work-head .rcard-s, body.has-page-bleed .ov-figs .ov-dot { color: rgb(58, 65, 80); }
.ov-acts #ovListService { background: var(--navy); color: var(--cream); box-shadow: inset 0 0 0 1px var(--navy), 0 1px 2px rgba(10,22,40,.14), 0 12px 24px -12px rgba(10,22,40,.45); }
.ov-acts #ovListService:hover, .ov-acts #ovListService:focus-visible { background: linear-gradient(rgb(255, 255, 255) 0%, rgb(252, 251, 248) 58%, rgb(244, 241, 232) 100%); color: var(--navy); }
.ref-grid > .rcard--chart { grid-column: 1 / -1; }
@media (max-width: 1080px) {
  .ref-grid > .rcard--chart { order: 3; }
}
.ref-grid > .ov-start { grid-column: 1 / -1; }
.ov-start[hidden] { display: none; }