/* ==========================================================================
   SELECT GROUP logo — pure HTML + CSS (no image, no SVG, no canvas).
   Design canvas: 542 x 153 units. Every length is expressed in "design units"
   (--u = 1/542 of the logo width), so the whole logo scales as one piece.
   Curves use CSS `shape()` (clip-path) with percentage coordinates.
   All selectors are namespaced under .select-group-logo.
   ========================================================================== */

.select-group-logo {
  /* ---- Public customisation variables ---------------------------------- */
  --sgl-width: 542px;               /* rendered width of the whole logo        */
  --sgl-blue-primary: #00294f;      /* deep navy (sphere shadows)              */
  --sgl-blue-secondary: #003b71;    /* brand navy (sphere body, rule)          */
  --sgl-blue-light: #2f6aa6;        /* navy highlight                          */
  --sgl-silver: #c3cad2;            /* metallic silver (cool)                  */
  --sgl-silver-mid: #8e99a5;        /* mid metallic slate                      */
  --sgl-gray: #5e6d78;              /* ribbon slate                            */
  --sgl-dark-gray: #373947;         /* dark metallic band                      */
  --sgl-black: #14081f;             /* deepest ribbon shadow (violet-black)    */
  --sgl-text-color: #003b71;        /* "SELECT" and "GROUP" (same brand blue)  */
  --sgl-text-color-2: #003b71;      /* "GROUP" — same blue as "SELECT"         */
  --sgl-tagline-color: #5e6d78;     /* tagline                                 */
  --sgl-symbol-scale: 1;            /* symbol size multiplier (0.8 – 1.1)      */
  --sgl-gap: 18;                    /* symbol→rule and rule→text gap, in design units (unitless) */
  --sgl-font-name: "Adobe Garamond Pro", "Garamond", "EB Garamond", "Cormorant Garamond",
                   "Palatino Linotype", "Book Antiqua", Palatino, "GFS Baskerville", Georgia, serif;
  --sgl-font-tagline: "Inter", "Inter var", system-ui, -apple-system, "Segoe UI", Roboto,
                      "Helvetica Neue", Arial, "Liberation Sans", sans-serif;
  --sgl-weight-name: 700;           /* "SELECT GROUP" */
  --sgl-weight-tagline: 400;

  /* Derived tints (follow the variables above automatically) */
  --_hi: color-mix(in srgb, var(--sgl-silver) 70%, #fff);
  --_silver-fade: color-mix(in srgb, var(--sgl-silver) 78%, var(--sgl-silver-mid));
  --_mid-hi: color-mix(in srgb, var(--sgl-silver-mid) 62%, var(--sgl-silver));
  --_mid-hi2: color-mix(in srgb, var(--sgl-silver-mid) 78%, var(--sgl-silver));
  --_lobe-edge: color-mix(in srgb, var(--sgl-silver-mid) 96%, var(--sgl-dark-gray));
  --_stripe1: color-mix(in srgb, var(--sgl-silver-mid) 62%, var(--sgl-dark-gray));
  --_stripe2: color-mix(in srgb, var(--sgl-silver-mid) 30%, var(--sgl-dark-gray));
  --_dk-top: color-mix(in srgb, var(--sgl-dark-gray) 70%, var(--sgl-silver-mid));
  --_dk-core: color-mix(in srgb, var(--sgl-dark-gray) 84%, var(--sgl-black));
  --_dk-low: color-mix(in srgb, var(--sgl-dark-gray) 68%, var(--sgl-silver-mid));
  --_dk-edge: color-mix(in srgb, var(--sgl-silver-mid) 78%, var(--sgl-gray));
  --_bend-mid: color-mix(in srgb, var(--sgl-black) 70%, var(--sgl-dark-gray));
  --_bend-edge: color-mix(in srgb, var(--sgl-dark-gray) 75%, var(--sgl-gray));
  --_tail-low: color-mix(in srgb, var(--sgl-gray) 65%, var(--sgl-silver-mid));

  /* ---- Internals -------------------------------------------------------- */
  position: relative;
  display: block;
  box-sizing: border-box;
  width: var(--sgl-width);
  max-width: 100%;
  aspect-ratio: 542 / 153;
  container-type: inline-size;       /* lets children size themselves in cqw */
  background: transparent;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.select-group-logo *,
.select-group-logo *::before,
.select-group-logo *::after { box-sizing: border-box; }

.select-group-logo__inner {
  --u: calc(100cqw / 542);           /* one design unit */
  position: absolute;
  inset: 0;
  overflow: visible;
}

/* ------------------------------ Symbol ----------------------------------- */
.select-group-logo__symbol {
  position: absolute;
  left: calc(15 * var(--u));
  top: calc(7 * var(--u));
  width: calc(126 * var(--u) * var(--sgl-symbol-scale));
  height: calc(136 * var(--u) * var(--sgl-symbol-scale));
  pointer-events: none;
}
.select-group-logo__symbol > *,
.select-group-logo__ribbon > * { position: absolute; inset: 0; display: block; }

/* Blue spheres ------------------------------------------------------------ */
.select-group-logo__blue--top {
  clip-path: shape(from 88.333% 35.588%, curve to 84.921% 33.309% with 87.196% 34.828% / 86.151% 33.971%, curve to 80.952% 31.618% with 83.690% 32.647% / 82.672% 32.145%, curve to 74.603% 30.147% with 79.233% 31.091% / 76.984% 30.637%, curve to 66.667% 28.676% with 72.222% 29.657% / 69.444% 29.130%, curve to 57.937% 27.426% with 63.889% 28.223% / 60.979% 27.941%, curve to 48.413% 25.588% with 54.894% 26.912% / 51.323% 26.336%, curve to 40.476% 22.941% with 45.503% 24.841% / 42.791% 24.081%, curve to 34.524% 18.750% with 38.161% 21.801% / 35.979% 20.245%, curve to 31.746% 13.971% with 33.069% 17.255% / 32.169% 15.441%, curve to 31.984% 9.926% with 31.323% 12.500% / 31.521% 11.213%, curve to 34.524% 6.250% with 32.447% 8.640% / 33.241% 7.292%, curve to 39.683% 3.676% with 35.807% 5.208% / 37.632% 4.277%, curve to 46.825% 2.647% with 41.733% 3.076% / 44.312% 2.855%, curve to 54.762% 2.426% with 49.339% 2.439% / 52.116% 2.353%, curve to 62.698% 3.088% with 57.407% 2.500% / 60.053% 2.598%, curve to 70.635% 5.368% with 65.344% 3.578% / 68.122% 4.350%, curve to 77.778% 9.191% with 73.148% 6.385% / 75.529% 7.574%, curve to 84.127% 15.074% with 80.026% 10.809% / 82.143% 12.929%, curve to 89.683% 22.059% with 86.111% 17.218% / 88.056% 19.914%, curve to 93.889% 27.941% with 91.310% 24.203% / 92.725% 26.103%, curve to 96.667% 33.088% with 95.053% 29.779% / 95.952% 31.373%, curve to 98.175% 38.235% with 97.381% 34.804% / 97.831% 36.520%, curve to 98.730% 43.382% with 98.519% 39.951% / 98.651% 41.789%, curve to 98.651% 47.794% with 98.810% 44.975% / 98.704% 46.667%, curve to 98.413% 50.147% with 98.598% 48.922% / 98.492% 49.363%, curve to 96.825% 46.765% with 97.884% 49.020% / 97.553% 47.770%, curve to 94.048% 44.118% with 96.098% 45.760% / 95.106% 44.926%, curve to 90.476% 41.912% with 92.989% 43.309% / 91.799% 42.672%, curve to 86.111% 39.559% with 89.153% 41.152% / 87.698% 40.257%, curve to 80.952% 37.721% with 84.524% 38.860% / 82.738% 38.370%, curve to 75.397% 35.662% with 79.167% 37.071% / 77.249% 36.311%, curve to 69.841% 33.824% with 73.545% 35.012% / 71.561% 34.289%, curve to 65.079% 32.868% with 68.122% 33.358% / 66.468% 33.150%, curve to 61.508% 32.132% with 63.690% 32.586% / 62.698% 32.377%, curve to 67.460% 32.059% with 63.492% 32.108% / 65.410% 32.022%, curve to 73.810% 32.353% with 69.511% 32.096% / 71.693% 32.181%, curve to 80.159% 33.088% with 75.926% 32.525% / 78.307% 32.757%, curve to 84.921% 34.338% with 82.011% 33.419% / 83.558% 33.922%, curve to 88.333% 35.588% with 86.283% 34.755% / 87.196% 35.172%, close);
  background:
    radial-gradient(ellipse 34% 26% at 52% 19%, var(--sgl-blue-light) 0%, transparent 100%),
    linear-gradient(112deg, var(--sgl-blue-secondary) 0%, var(--sgl-blue-secondary) 30%, var(--sgl-blue-primary) 95%);
}
.select-group-logo__blue--bottom {
  clip-path: shape(from 19.444% 59.779%, curve to 24.603% 62.059% with 21.164% 60.539% / 22.685% 61.458%, curve to 30.952% 63.382% with 26.521% 62.659% / 28.704% 62.990%, curve to 38.095% 64.412% with 33.201% 63.775% / 35.714% 64.093%, curve to 45.238% 65.294% with 40.476% 64.730% / 42.725% 64.963%, curve to 53.175% 66.397% with 47.751% 65.625% / 50.661% 65.980%, curve to 60.317% 67.794% with 55.688% 66.814% / 58.201% 67.157%, curve to 65.873% 70.221% with 62.434% 68.431% / 64.378% 69.203%, curve to 69.286% 73.897% with 67.368% 71.238% / 68.492% 72.549%, curve to 70.635% 78.309% with 70.079% 75.245% / 70.344% 76.900%, curve to 71.032% 82.353% with 70.926% 79.718% / 71.164% 81.066%, curve to 69.841% 86.029% with 70.899% 83.640% / 70.503% 84.988%, curve to 67.063% 88.603% with 69.180% 87.071% / 68.122% 87.806%, curve to 63.492% 90.809% with 66.005% 89.400% / 64.881% 90.184%, curve to 58.730% 92.353% with 62.103% 91.434% / 60.450% 91.973%, curve to 53.175% 93.088% with 57.011% 92.733% / 55.159% 92.941%, curve to 46.825% 93.235% with 51.190% 93.235% / 48.942% 93.309%, curve to 40.476% 92.647% with 44.709% 93.162% / 42.394% 92.892%, curve to 35.317% 91.765% with 38.558% 92.402% / 37.037% 92.132%, curve to 30.159% 90.441% with 33.598% 91.397% / 31.680% 90.968%, curve to 26.190% 88.603% with 28.638% 89.914% / 27.513% 89.277%, curve to 22.222% 86.397% with 24.868% 87.929% / 23.479% 87.194%, curve to 18.651% 83.824% with 20.966% 85.600% / 19.841% 84.681%, curve to 15.079% 81.250% with 17.460% 82.966% / 16.138% 82.169%, curve to 12.302% 78.309% with 14.021% 80.331% / 13.161% 79.228%, curve to 9.921% 75.735% with 11.442% 77.390% / 10.648% 76.593%, curve to 7.937% 73.162% with 9.193% 74.877% / 8.532% 73.958%, curve to 6.349% 70.956% with 7.341% 72.365% / 6.878% 71.752%, curve to 4.762% 68.382% with 5.820% 70.159% / 5.225% 69.424%, curve to 3.571% 64.706% with 4.299% 67.341% / 3.942% 65.931%, curve to 2.540% 61.029% with 3.201% 63.480% / 2.831% 62.255%, curve to 1.825% 57.353% with 2.249% 59.804% / 2.024% 58.578%, curve to 1.349% 53.676% with 1.627% 56.127% / 1.455% 54.902%, curve to 1.190% 50.000% with 1.243% 52.451% / 1.177% 51.225%, curve to 1.429% 46.324% with 1.204% 48.775% / 1.310% 47.426%, curve to 1.905% 43.382% with 1.548% 45.221% / 1.720% 44.510%, curve to 2.540% 39.559% with 2.090% 42.255% / 2.328% 40.833%, curve to 4.762% 44.485% with 3.280% 41.201% / 3.862% 43.051%, curve to 7.937% 48.162% with 5.661% 45.919% / 6.746% 47.059%, curve to 11.905% 51.103% with 9.127% 49.265% / 10.317% 50.184%, curve to 17.460% 53.676% with 13.492% 52.022% / 15.344% 52.880%, curve to 24.603% 55.882% with 19.577% 54.473% / 22.222% 55.233%, curve to 31.746% 57.574% with 26.984% 56.532% / 29.497% 57.083%, curve to 38.095% 58.824% with 33.995% 58.064% / 35.979% 58.456%, curve to 44.444% 59.779% with 40.212% 59.191% / 42.156% 59.473%, curve to 51.825% 60.662% with 46.733% 60.086% / 49.365% 60.368%, curve to 43.651% 61.176% with 49.101% 60.833% / 46.601% 61.140%, curve to 34.127% 60.882% with 40.701% 61.213% / 37.037% 61.005%, curve to 26.190% 60.441% with 31.217% 60.760% / 28.638% 60.625%, curve to 19.444% 59.779% with 23.743% 60.257% / 21.693% 60.000%, close);
  background:
    radial-gradient(ellipse 30% 14% at 33% 59%, var(--sgl-blue-light) 0%, transparent 100%),
    radial-gradient(ellipse 34% 22% at 42% 69%, color-mix(in srgb, var(--sgl-blue-light) 85%, transparent) 0%, transparent 100%),
    linear-gradient(200deg, var(--sgl-blue-secondary) 0%, var(--sgl-blue-primary) 55%, var(--sgl-blue-primary) 100%);
}

/* Metallic ribbon: one silhouette, shaded by soft-edged layers ------------ */
.select-group-logo__ribbon {
  clip-path: shape(from 36.508% 2.059%, curve to 33.333% 3.676% with 35.450% 2.598% / 34.259% 3.137%, curve to 30.952% 5.294% with 32.407% 4.216% / 31.680% 4.681%, curve to 28.968% 7.353% with 30.225% 5.907% / 29.563% 6.581%, curve to 27.381% 9.926% with 28.373% 8.125% / 27.844% 9.069%, curve to 26.190% 12.500% with 26.918% 10.784% / 26.455% 11.581%, curve to 25.794% 15.441% with 25.926% 13.419% / 25.794% 14.400%, curve to 26.190% 18.750% with 25.794% 16.483% / 25.926% 17.647%, curve to 27.381% 22.059% with 26.455% 19.853% / 26.852% 21.078%, curve to 29.365% 24.632% with 27.910% 23.039% / 28.505% 23.775%, curve to 32.540% 27.206% with 30.225% 25.490% / 31.349% 26.471%, curve to 36.508% 29.044% with 33.730% 27.941% / 34.921% 28.370%, curve to 42.063% 31.250% with 38.095% 29.718% / 39.947% 30.576%, curve to 49.206% 33.088% with 44.180% 31.924% / 46.693% 32.500%, curve to 57.143% 34.779% with 51.720% 33.676% / 54.365% 34.216%, curve to 65.873% 36.471% with 59.921% 35.343% / 63.360% 35.821%, curve to 72.222% 38.676% with 68.386% 37.120% / 70.238% 37.978%, curve to 77.778% 40.662% with 74.206% 39.375% / 75.926% 39.877%, curve to 83.333% 43.382% with 79.630% 41.446% / 81.614% 42.439%, curve to 88.095% 46.324% with 85.053% 44.326% / 86.772% 45.221%, curve to 91.270% 50.000% with 89.418% 47.426% / 90.212% 48.897%, curve to 94.444% 52.941% with 92.328% 51.103% / 93.519% 51.838%, curve to 96.825% 56.618% with 95.370% 54.044% / 96.190% 55.270%, curve to 98.254% 61.029% with 97.460% 57.966% / 97.923% 59.436%, curve to 98.810% 66.176% with 98.585% 62.623% / 98.717% 64.461%, curve to 98.810% 71.324% with 98.902% 67.892% / 98.942% 69.730%, curve to 98.016% 75.735% with 98.677% 72.917% / 98.413% 74.326%, curve to 96.429% 79.779% with 97.619% 77.145% / 97.090% 78.431%, curve to 94.048% 83.824% with 95.767% 81.127% / 94.974% 82.537%, curve to 90.873% 87.500% with 93.122% 85.110% / 92.130% 86.213%, curve to 86.508% 91.544% with 89.616% 88.787% / 88.029% 90.319%, curve to 81.746% 94.853% with 84.987% 92.770% / 83.466% 93.873%, curve to 76.190% 97.426% with 80.026% 95.833% / 78.175% 96.691%, curve to 69.841% 99.265% with 74.206% 98.162% / 72.090% 98.799%, curve to 62.698% 100.221% with 67.593% 99.730% / 65.079% 100.049%, curve to 55.556% 100.294% with 60.317% 100.392% / 57.804% 100.343%, curve to 49.206% 99.926% with 53.307% 100.245% / 50.728% 100.049%, curve to 46.429% 99.559% with 47.685% 99.804% / 47.354% 99.681%, curve to 55.556% 97.941% with 49.471% 99.020% / 53.108% 98.480%, curve to 61.111% 96.324% with 58.003% 97.402% / 59.392% 96.838%, curve to 65.873% 94.853% with 62.831% 95.809% / 64.484% 95.588%, curve to 69.444% 91.912% with 67.262% 94.118% / 68.452% 92.831%, curve to 71.825% 89.338% with 70.437% 90.993% / 71.098% 90.196%, curve to 73.810% 86.765% with 72.553% 88.480% / 73.148% 87.684%, curve to 75.794% 83.824% with 74.471% 85.846% / 75.331% 84.926%, curve to 76.587% 80.147% with 76.257% 82.721% / 76.429% 81.618%, curve to 76.746% 75.000% with 76.746% 78.676% / 76.772% 76.716%, curve to 76.429% 69.853% with 76.720% 73.284% / 76.653% 71.201%, curve to 75.397% 66.912% with 76.204% 68.505% / 75.833% 67.708%, curve to 73.810% 65.074% with 74.960% 66.115% / 74.405% 65.686%, curve to 71.825% 63.235% with 73.214% 64.461% / 72.553% 63.787%, curve to 69.444% 61.765% with 71.098% 62.684% / 70.304% 62.255%, curve to 66.667% 60.294% with 68.585% 61.275% / 67.659% 60.760%, curve to 63.492% 58.971% with 65.675% 59.828% / 64.683% 59.424%, curve to 59.524% 57.574% with 62.302% 58.517% / 60.979% 58.027%, curve to 54.762% 56.250% with 58.069% 57.120% / 56.481% 56.703%, curve to 49.206% 54.853% with 53.042% 55.797% / 51.124% 55.355%, curve to 43.254% 53.235% with 47.288% 54.350% / 45.238% 53.775%, curve to 37.302% 51.618% with 41.270% 52.696% / 39.220% 52.157%, curve to 31.746% 50.000% with 35.384% 51.078% / 33.466% 50.515%, curve to 26.984% 48.529% with 30.026% 49.485% / 28.439% 48.995%, curve to 23.016% 47.206% with 25.529% 48.064% / 24.272% 47.672%, curve to 19.444% 45.735% with 21.759% 46.740% / 20.569% 46.225%, curve to 16.270% 44.265% with 18.320% 45.245% / 17.262% 44.779%, curve to 13.492% 42.647% with 15.278% 43.750% / 14.352% 43.186%, curve to 11.111% 41.029% with 12.632% 42.108% / 11.839% 41.581%, curve to 9.127% 39.338% with 10.384% 40.478% / 9.722% 39.926%, curve to 7.540% 37.500% with 8.532% 38.750% / 8.003% 38.113%, curve to 6.349% 35.662% with 7.077% 36.887% / 6.746% 36.275%, curve to 5.159% 33.824% with 5.952% 35.049% / 5.489% 34.498%, curve to 4.365% 31.618% with 4.828% 33.150% / 4.590% 32.414%, curve to 3.810% 29.044% with 4.140% 30.821% / 3.981% 29.963%, curve to 3.333% 26.103% with 3.638% 28.125% / 3.413% 27.083%, curve to 3.333% 23.162% with 3.254% 25.123% / 3.254% 24.142%, curve to 3.810% 20.221% with 3.413% 22.181% / 3.598% 21.201%, curve to 4.603% 17.279% with 4.021% 19.240% / 4.286% 18.260%, curve to 5.714% 14.338% with 4.921% 16.299% / 5.225% 15.319%, curve to 7.540% 11.397% with 6.204% 13.358% / 6.839% 12.255%, curve to 9.921% 9.191% with 8.241% 10.539% / 9.061% 9.902%, curve to 12.698% 7.132% with 10.780% 8.480% / 11.640% 7.806%, curve to 16.270% 5.147% with 13.757% 6.458% / 15.013% 5.723%, curve to 20.238% 3.676% with 17.526% 4.571% / 18.849% 4.118%, curve to 24.603% 2.500% with 21.627% 3.235% / 22.950% 2.794%, curve to 30.159% 1.912% with 26.257% 2.206% / 28.175% 1.985%, curve to 36.508% 2.059% with 32.143% 1.838% / 34.392% 2.010%, close);
  background: linear-gradient(90deg, var(--_lobe-edge) 0%, var(--sgl-silver-mid) 4%, var(--_mid-hi) 22%, var(--_mid-hi2) 50%, var(--sgl-silver-mid) 100%);
}
/* Each shade = blurred wrapper (soft transitions) + ::before (exact shape).
   The ribbon's clip-path keeps the outer silhouette perfectly crisp. */
.select-group-logo__shade { filter: blur(calc(1 * var(--u))); }
.select-group-logo__shade::before { content: ""; position: absolute; inset: 0; }

.select-group-logo__shade--stripe { filter: blur(calc(.8 * var(--u))); }
.select-group-logo__shade--stripe::before {
  clip-path: shape(from 31.746% 1.618%, curve to 28.175% 4.779% with 30.556% 2.672% / 29.299% 3.578%, curve to 25.000% 8.824% with 27.050% 5.980% / 25.860% 7.414%, curve to 23.016% 13.235% with 24.140% 10.233% / 23.479% 11.765%, curve to 22.222% 17.647% with 22.553% 14.706% / 22.302% 16.299%, curve to 22.540% 21.324% with 22.143% 18.995% / 22.077% 20.343%, curve to 25.000% 23.529% with 23.003% 22.304% / 24.180% 22.794%, curve to 26.349% 19.118% with 25.450% 22.059% / 26.045% 20.588%, curve to 26.825% 14.706% with 26.653% 17.647% / 26.561% 16.176%, curve to 27.937% 10.294% with 27.090% 13.235% / 27.381% 11.703%, curve to 30.159% 6.250% with 28.492% 8.885% / 29.193% 7.574%, curve to 33.730% 2.353% with 31.124% 4.926% / 33.466% 3.125%, curve to 31.746% 1.618% with 33.995% 1.581% / 32.407% 1.863%, close);
  background: linear-gradient(90deg, var(--_stripe1), var(--_stripe2));
}
/* Silver band: bright on the left, fading into the base grey on the right */
.select-group-logo__shade--light { filter: blur(calc(2 * var(--u))); }
.select-group-logo__shade--light::before {
  clip-path: shape(from 18.651% 21.544%, curve to 24.603% 20.588% with 20.635% 21.225% / 21.759% 20.441%, curve to 35.714% 22.426% with 27.447% 20.735% / 31.217% 21.385%, curve to 51.587% 26.838% with 40.212% 23.468% / 46.296% 25.429%, curve to 67.460% 30.882% with 56.878% 28.248% / 62.434% 29.350%, curve to 81.746% 36.029% with 72.487% 32.414% / 77.513% 34.559%, curve to 92.857% 39.706% with 85.979% 37.500% / 89.153% 38.480%, curve to 86.508% 43.750% with 90.741% 41.054% / 88.492% 42.463%, curve to 80.952% 47.426% with 84.524% 45.037% / 82.672% 46.017%, curve to 76.190% 52.206% with 79.233% 48.836% / 78.704% 51.593%, curve to 65.873% 51.103% with 73.677% 52.819% / 69.312% 51.716%, curve to 55.556% 48.529% with 62.434% 50.490% / 59.259% 49.387%, curve to 43.651% 45.956% with 51.852% 47.672% / 47.619% 46.789%, curve to 31.746% 43.529% with 39.683% 45.123% / 35.714% 44.118%, curve to 19.841% 42.426% with 27.778% 42.941% / 23.942% 43.125%, curve to 7.143% 39.338% with 15.741% 41.728% / 10.847% 40.404%, curve to -2.381% 36.029% with 3.439% 38.272% / 0.794% 37.132%, curve to 8.730% 28.676% with 1.323% 33.578% / 5.952% 30.515%, curve to 14.286% 25.000% with 11.508% 26.838% / 12.632% 26.189%, curve to 18.651% 21.544% with 15.939% 23.811% / 17.196% 22.696%, close);
  background: linear-gradient(97deg, var(--_hi) 0%, var(--sgl-silver) 46%, var(--_silver-fade) 68%, transparent 100%);
}
/* Dark metallic band below the crease */
.select-group-logo__shade--dark { filter: blur(calc(.55 * var(--u))); }
.select-group-logo__shade--dark::before {
  clip-path: shape(from 7.143% 39.338%, curve to 19.841% 42.500% with 11.376% 40.392% / 15.741% 41.789%, curve to 31.746% 43.603% with 23.942% 43.211% / 27.778% 43.015%, curve to 43.651% 46.029% with 35.714% 44.191% / 39.683% 45.184%, curve to 55.556% 48.676% with 47.619% 46.875% / 51.852% 47.831%, curve to 65.873% 51.103% with 59.259% 49.522% / 62.434% 50.515%, curve to 76.190% 52.206% with 69.312% 51.691% / 72.619% 51.287%, curve to 87.302% 56.618% with 79.762% 53.125% / 83.598% 55.147%, curve to 87.302% 71.324% with 87.302% 61.520% / 87.302% 66.422%, curve to 76.984% 68.382% with 83.862% 70.343% / 79.762% 69.424%, curve to 70.635% 65.074% with 74.206% 67.341% / 73.016% 66.373%, curve to 62.698% 60.588% with 68.254% 63.775% / 65.476% 61.789%, curve to 53.968% 57.868% with 59.921% 59.387% / 57.407% 58.824%, curve to 42.063% 54.853% with 50.529% 56.912% / 45.899% 55.870%, curve to 30.952% 51.765% with 38.228% 53.836% / 34.259% 52.770%, curve to 22.222% 48.824% with 27.646% 50.760% / 24.868% 49.804%, curve to 15.079% 45.882% with 19.577% 47.843% / 17.328% 47.059%, curve to 8.730% 41.765% with 12.831% 44.706% / 10.053% 42.855%, curve to 7.143% 39.338% with 7.407% 40.674% / 7.672% 40.147%, close);
  background:
    linear-gradient(90deg, transparent 38%, color-mix(in srgb, var(--sgl-black) 55%, transparent) 78%, color-mix(in srgb, var(--sgl-black) 70%, transparent) 100%),
    linear-gradient(196deg, var(--_dk-top) 0%, var(--sgl-dark-gray) 25%, var(--_dk-core) 55%, var(--_dk-low) 82%, var(--_dk-edge) 100%);
}
/* Elbow of the S: soft black core */
.select-group-logo__shade--bend { filter: blur(calc(2.6 * var(--u))); }
.select-group-logo__shade--bend::before {
  clip-path: shape(from 76.984% 47.794%, curve to 88.095% 45.221% with 79.233% 46.507% / 84.127% 44.485%, curve to 100.794% 52.206% with 92.063% 45.956% / 98.148% 48.346%, curve to 103.968% 68.382% with 103.439% 56.066% / 105.026% 64.461%, curve to 94.444% 75.735% with 102.910% 72.304% / 97.354% 75.123%, curve to 86.508% 72.059% with 91.534% 76.348% / 88.228% 73.897%, curve to 84.127% 64.706% with 84.788% 70.221% / 85.317% 67.034%, curve to 79.365% 58.088% with 82.937% 62.377% / 80.952% 60.049%, curve to 74.603% 52.941% with 77.778% 56.127% / 75.000% 54.657%, curve to 76.984% 47.794% with 74.206% 51.225% / 74.735% 49.081%, close);
  background: radial-gradient(ellipse 15% 17% at 89% 59%, var(--sgl-black) 0%, var(--_bend-mid) 45%, var(--_bend-edge) 85%, var(--_bend-edge) 100%);
}
/* Lower tail: grey body + bright inner rim */
.select-group-logo__shade--tail-base { filter: blur(calc(1.6 * var(--u))); }
.select-group-logo__shade--tail-base::before {
  clip-path: shape(from 67.460% 68.382%, curve to 67.460% 105.147% with 67.460% 80.637% / 67.460% 92.892%, curve to 103.968% 105.147% with 79.630% 105.147% / 91.799% 105.147%, curve to 103.968% 68.382% with 103.968% 92.892% / 103.968% 80.637%, curve to 67.460% 68.382% with 91.799% 68.382% / 79.630% 68.382%, close);
  background: linear-gradient(180deg, transparent 0%, var(--sgl-gray) 14%, var(--sgl-gray) 78%, var(--_tail-low) 100%);
}
.select-group-logo__shade--tail { filter: blur(calc(.5 * var(--u))); }
.select-group-logo__shade--tail::before {
  clip-path: shape(from 76.190% 66.176%, curve to 76.984% 75.735% with 76.455% 69.363% / 76.984% 73.162%, curve to 76.190% 81.618% with 76.984% 78.309% / 76.693% 79.779%, curve to 73.968% 86.765% with 75.688% 83.456% / 74.960% 85.172%, curve to 70.238% 91.176% with 72.976% 88.358% / 71.786% 89.767%, curve to 64.683% 95.221% with 68.690% 92.586% / 66.865% 94.118%, curve to 57.143% 97.794% with 62.500% 96.324% / 59.788% 97.047%, curve to 48.810% 99.706% with 54.497% 98.542% / 51.587% 99.069%, curve to 57.937% 99.559% with 51.852% 99.657% / 55.026% 99.975%, curve to 66.270% 97.206% with 60.847% 99.142% / 63.889% 98.113%, curve to 72.222% 94.118% with 68.651% 96.299% / 70.370% 95.306%, curve to 77.381% 90.074% with 74.074% 92.929% / 75.860% 91.605%, curve to 81.349% 84.926% with 78.902% 88.542% / 80.423% 86.826%, curve to 82.937% 78.676% with 82.275% 83.027% / 82.566% 80.699%, curve to 83.571% 72.794% with 83.307% 76.654% / 83.479% 74.632%, curve to 83.492% 67.647% with 83.664% 70.956% / 84.722% 68.750%, curve to 76.190% 66.176% with 82.262% 66.544% / 78.624% 66.667%, close);
  background: linear-gradient(180deg, var(--_hi) 0%, var(--sgl-silver) 25%, var(--sgl-silver) 80%, var(--_hi) 100%);
}
/* Specular streak: a rotated radial gradient (no shape needed) */
.select-group-logo__streak {
  inset: auto;
  left: 46%; top: 39.5%;
  width: 40%; height: 11%;
  transform: translate(-50%, -50%) rotate(-23deg);
  border-radius: 50%;
  background: radial-gradient(closest-side, rgba(255,255,255,.95) 0%, rgba(255,255,255,.9) 30%, rgba(255,255,255,.45) 68%, rgba(255,255,255,0) 100%);
  filter: blur(calc(1.4 * var(--u)));
}

/* ------------------------------ Rule + text ------------------------------ */
.select-group-logo__rule {
  position: absolute;
  left: calc((15 + 126 * var(--sgl-symbol-scale) + var(--sgl-gap)) * var(--u));
  top: calc(20 * var(--u));
  width: calc(3 * var(--u));
  height: calc(115 * var(--u));
  background: var(--sgl-text-color);
}
.select-group-logo__text {
  position: absolute;
  left: calc((15 + 126 * var(--sgl-symbol-scale) + var(--sgl-gap) + 3 + var(--sgl-gap)) * var(--u));
  top: 0; bottom: 0;
  white-space: nowrap;
}
.select-group-logo__name,
.select-group-logo__tagline-line {
  position: absolute;
  left: 0;
  display: block;
  white-space: nowrap;
  line-height: 1;
  text-box: trim-both cap alphabetic;   /* positions text by cap-height (Chrome 133+, Safari 18.2+) */
}
.select-group-logo__name {
  top: calc(47 * var(--u));
  font-family: var(--sgl-font-name);
  font-weight: var(--sgl-weight-name);
  font-size: calc(45 * var(--u));
  letter-spacing: var(--sgl-ls-name, .012em);
}
.select-group-logo__name-strong { color: var(--sgl-text-color); }
.select-group-logo__name-light  { color: var(--sgl-text-color-2); }
.select-group-logo__tagline-line {
  top: calc(95.5 * var(--u));
  font-family: var(--sgl-font-tagline);
  font-weight: var(--sgl-weight-tagline);
  font-size: calc(16.5 * var(--u));
  letter-spacing: var(--sgl-ls-tag1, .1em);
  color: var(--sgl-tagline-color);
}

/* ----------------- Symbol-only variant (favicons, tiny headers) ---------- */
.select-group-logo--symbol { aspect-ratio: 126 / 136; }
.select-group-logo--symbol .select-group-logo__inner { --u: calc(100cqw / 126); }
.select-group-logo--symbol .select-group-logo__symbol { left: 0; top: 0; width: 100%; height: 100%; }
.select-group-logo--symbol .select-group-logo__rule,
.select-group-logo--symbol .select-group-logo__text { display: none; }