/* Logo showcase only: shared site tokens remain unchanged. */
:root {
  --branding-paper: #F7F6F2;
  --branding-ink: #161616;
  --branding-teal: #0FB5A3;
  --branding-muted-on-ink: #c8c7c3;
  --branding-stage-height: 320px;
  --branding-stage-phone-height: 230px;
  --branding-heading-size: clamp(2rem, 4vw, 3.5rem);
  --branding-wordmark-width: 132px;
  /* Embedded to keep inline names visible when a separate logo request fails. */
  --branding-inline-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22550%22%20height%3D%22160%22%20viewBox%3D%220%200%20550%20160%22%3E%3Ctitle%3EMystro%3C%2Ftitle%3E%3Cg%20data-role%3D%22initial-m%22%20transform%3D%22translate(16%2032.29600000000001)%20scale(0.6479999999999999)%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23161616%22%20stroke-width%3D%2218%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M46%20114%20C37%20114%2034%20110%2034%20103%20L34%2088%20C34%2080%2030%2076%2022%2070%20C30%2064%2034%2060%2034%2052%20L34%2037%20C34%2030%2037%2026%2046%2026%22%2F%3E%3Cpath%20d%3D%22M76%2026%20C94%2018%20116%2024%20130%2050%20C144%2024%20166%2018%20184%2026%20M130%2050%20L130%20114%22%2F%3E%3Cpath%20d%3D%22M46%20114%20C37%20114%2034%20110%2034%20103%20L34%2088%20C34%2080%2030%2076%2022%2070%20C30%2064%2034%2060%2034%2052%20L34%2037%20C34%2030%2037%2026%2046%2026%22%20transform%3D%22translate(260%200)%20scale(-1%201)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23161616%22%20transform%3D%22translate(176.05599999999998%20112)%20scale(0.144%20-0.144)%22%20d%3D%22M132.7493896484375%20-200.0V-109.5986328125H407.6490478515625Q436.3489990234375%20-109.5986328125%20436.3489990234375%20-79.5986328125V71.6495361328125H420.4488525390625Q411.0489501953125%2052.19970703125%20392.47406005859375%2033.62481689453125Q373.899169921875%2015.0499267578125%20342.97430419921875%203.17498779296875Q312.0494384765625%20-8.699951171875%20264.599609375%20-8.699951171875Q208.699462890625%20-8.699951171875%20164.8494873046875%2016.22515869140625Q120.99951171875%2041.1502685546875%2096.12457275390625%2087.100341796875Q71.2496337890625%20133.0504150390625%2071.2496337890625%20196.1502685546875V492.500244140625H174.1512451171875V204.0504150390625Q174.1512451171875%20140.0009765625%20206.02593994140625%20109.5511474609375Q237.900634765625%2079.101318359375%20294.500244140625%2079.101318359375Q358.4498291015625%2079.101318359375%20396.7493896484375%20121.27606201171875Q435.0489501953125%20163.4508056640625%20435.0489501953125%20243.300048828125V492.500244140625H537.9505615234375V-100.59912109375Q537.9505615234375%20-146.3494873046875%20511.62530517578125%20-173.17474365234375Q485.300048828125%20-200.0%20439.1497802734375%20-200.0ZM851.7498779296875%20-14.0Q757.899658203125%20-14.0%20695.7246704101562%2028.0Q633.5496826171875%2070.0%20620.19970703125%20154.6495361328125L716.2510986328125%20178.0Q723.60107421875%20136.700439453125%20742.90087890625%20113.02569580078125Q762.20068359375%2089.3509521484375%20790.5504150390625%2079.27606201171875Q818.900146484375%2069.201171875%20851.7498779296875%2069.201171875Q901.3494873046875%2069.201171875%20927.7741088867188%2087.8509521484375Q954.19873046875%20106.500732421875%20954.19873046875%20136.500244140625Q954.19873046875%20166.8497314453125%20929.1240844726562%20180.92462158203125Q904.0494384765625%20194.99951171875%20855.499755859375%20203.699462890625L821.2001953125%20209.7493896484375Q771.300048828125%20219.0494384765625%20730.39990234375%20236.199462890625Q689.499755859375%20253.3494873046875%20665.0746459960938%20283.299560546875Q640.6495361328125%20313.2496337890625%20640.6495361328125%20359.7998046875Q640.6495361328125%20429.9500732421875%20693.0746459960938%20468.22515869140625Q745.499755859375%20506.500244140625%20831.39990234375%20506.500244140625Q914.39990234375%20506.500244140625%20967.8250122070312%20469.32525634765625Q1021.2501220703125%20432.1502685546875%201036.8502197265625%20368.300537109375L941.19873046875%20340.699951171875Q932.498779296875%20385.699462890625%20903.4490966796875%20404.499267578125Q874.3994140625%20423.299072265625%20831.39990234375%20423.299072265625Q788.7503662109375%20423.299072265625%20764.8507080078125%20407.82427978515625Q740.9510498046875%20392.3494873046875%20740.9510498046875%20363.699951171875Q740.9510498046875%20334.100341796875%20764.4508056640625%20320.1505126953125Q787.9505615234375%20306.20068359375%20828.2501220703125%20299.1507568359375L862.5496826171875%20293.100830078125Q916.4498291015625%20283.80078125%20960.0249633789062%20267.6507568359375Q1003.60009765625%20251.500732421875%201029.0501708984375%20221.87567138671875Q1054.500244140625%20192.2506103515625%201054.500244140625%20142.3504638671875Q1054.500244140625%2067.500244140625%20999.5751342773438%2026.7501220703125Q944.6500244140625%20-14.0%20851.7498779296875%20-14.0ZM1320.39990234375%200.0Q1274.899658203125%200.0%201248.2493896484375%2026.82525634765625Q1221.59912109375%2053.6505126953125%201221.59912109375%2099.40087890625V405.9990234375H1086.39990234375V492.500244140625H1221.59912109375V656.299560546875H1324.500732421875V492.500244140625H1472.39990234375V405.9990234375H1324.500732421875V116.501220703125Q1324.500732421875%2086.501220703125%201353.20068359375%2086.501220703125H1455.500244140625V0.0ZM1553.299560546875%200.0V492.500244140625H1654.201171875V434.7503662109375H1670.101318359375Q1682.1512451171875%20465.80029296875%201708.3511962890625%20480.1502685546875Q1734.5511474609375%20494.500244140625%201773.80078125%20494.500244140625H1832.7508544921875V402.098876953125H1770.0509033203125Q1719.60107421875%20402.098876953125%201687.901123046875%20374.67401123046875Q1656.201171875%20347.2491455078125%201656.201171875%20289.699462890625V0.0ZM2131.39990234375%20-14.0Q2057.39990234375%20-14.0%201999.6248168945312%2016.52496337890625Q1941.8497314453125%2047.0499267578125%201909.0746459960938%20103.87493896484375Q1876.299560546875%20160.699951171875%201876.299560546875%20238.9500732421875V253.5501708984375Q1876.299560546875%20331.80029296875%201909.0746459960938%20388.62530517578125Q1941.8497314453125%20445.4503173828125%201999.6248168945312%20475.97528076171875Q2057.39990234375%20506.500244140625%202131.39990234375%20506.500244140625Q2205.39990234375%20506.500244140625%202263.1749877929688%20475.97528076171875Q2320.9500732421875%20445.4503173828125%202353.7251586914062%20388.62530517578125Q2386.500244140625%20331.80029296875%202386.500244140625%20253.5501708984375V238.9500732421875Q2386.500244140625%20160.699951171875%202353.7251586914062%20103.87493896484375Q2320.9500732421875%2047.0499267578125%202263.1749877929688%2016.52496337890625Q2205.39990234375%20-14.0%202131.39990234375%20-14.0ZM2131.39990234375%2077.701416015625Q2199.19921875%2077.701416015625%202241.39892578125%20121.1510009765625Q2283.5986328125%20164.6005859375%202283.5986328125%20241.60009765625V250.900146484375Q2283.5986328125%20327.899658203125%202241.7239379882812%20371.3492431640625Q2199.8492431640625%20414.798828125%202131.39990234375%20414.798828125Q2063.9505615234375%20414.798828125%202021.5758666992188%20371.3492431640625Q1979.201171875%20327.899658203125%201979.201171875%20250.900146484375V241.60009765625Q1979.201171875%20164.6005859375%202021.5758666992188%20121.1510009765625Q2063.9505615234375%2077.701416015625%202131.39990234375%2077.701416015625Z%22%2F%3E%3C%2Fsvg%3E");
  --branding-inline-width: 3.78125em;
  --branding-inline-height: 1.1em;
  --branding-inline-baseline: -.33em;
}
/* Real text remains available to screen readers, copy/paste and CSS-free clients. */
@supports (mask-image: linear-gradient(black, black)) or (-webkit-mask-image: linear-gradient(black, black)) {
  .brand-name {
    display: inline-block;
    position: relative;
    width: var(--branding-inline-width);
    height: var(--branding-inline-height);
    vertical-align: var(--branding-inline-baseline);
    text-indent: -9999em;
    overflow: hidden;
    white-space: nowrap;
    letter-spacing: normal;
    text-transform: none;
  }
  .brand-name::before {
    content: "";
    position: absolute;
    inset: 0;
    background: currentColor;
    -webkit-mask: var(--branding-inline-mask) center / contain no-repeat;
    mask: var(--branding-inline-mask) center / contain no-repeat;
  }
}
.button .brand-label, .button .brand-name { font: inherit; transform: none; }
@media (forced-colors: active) {
  .brand-name::before { forced-color-adjust: none; }
}
.wordmark img { display: block; width: var(--branding-wordmark-width); height: auto; }
.brand-page .brand-palette { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.brand-page .branding-gallery + .brand-actions { margin-top: var(--space-8); }
.branding-section { scroll-margin-top: var(--space-24); }
.branding-heading { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-12); align-items: end; margin-bottom: var(--space-10); }
.branding-heading h2 { font-size: var(--branding-heading-size); line-height: 1.12; letter-spacing: -.045em; margin: 0; }
.branding-heading p { color: var(--color-text-muted); margin: 0; max-width: 50ch; }
.branding-gallery { display: grid; grid-template-columns: 1.6fr 1fr; gap: var(--space-4); }
.branding-gallery figure { margin: 0; border-radius: var(--radius-md); min-width: 0; min-height: var(--branding-stage-height); padding: var(--space-8); display: flex; flex-direction: column; justify-content: space-between; }
.branding-lockup { background: var(--branding-paper); color: var(--branding-ink); }
.branding-symbol { background: var(--branding-ink); color: var(--branding-paper); }
.branding-gallery img { display: block; width: 100%; height: auto; object-fit: contain; margin: auto; padding: var(--space-8) var(--space-4); }
.branding-symbol img { width: 75%; }
.branding-gallery figcaption { display: flex; justify-content: space-between; flex-wrap: wrap; gap: var(--space-2); font-size: var(--text-sm); padding-top: var(--space-6); }
.branding-symbol figcaption span { color: var(--branding-muted-on-ink); }
.branding-resources { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-12); margin-top: var(--space-8); align-items: start; }
.branding-resources h3 { font-size: var(--text-lg); margin: 0 0 var(--space-2); }
.branding-resources p { max-width: 50ch; margin: 0; color: var(--color-text-muted); }
.branding-downloads { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3) var(--space-6); }
.branding-downloads .button { width: 100%; justify-content: center; }
.branding-link { text-decoration: underline; text-underline-offset: .2em; padding: var(--space-3) 0; font-size: var(--text-sm); }
.branding-link:focus-visible { outline: 2px solid var(--color-focus); outline-offset: var(--space-1); }
@media (max-width: 700px) {
  .branding-heading, .branding-gallery, .branding-resources { grid-template-columns: 1fr; gap: var(--space-6); }
  .branding-gallery figure { min-height: var(--branding-stage-phone-height); padding: var(--space-6); }
  .branding-symbol img { max-width: 60%; }
}