/* ==========================================================================
   EDUARDO PORTFOLIO — ENHANCEMENT LAYER
   Purely additive. Nothing here edits the React app; it only styles new
   elements and adds classes/attributes. Remove the 3 tags in index.html to
   turn everything off.
   ========================================================================== */

/* Self-hosted fonts (same families the site already uses, plus Orbitron for the small HUD text). SIL Open Font License. */
@font-face { font-family: 'Orbitron Enh'; src: url('/enhance/fonts/orbitron-400.woff') format('woff'); font-weight: 100 600; font-style: normal; font-display: swap; size-adjust: 87%; }
@font-face { font-family: 'Orbitron Enh'; src: url('/enhance/fonts/orbitron-700.woff') format('woff'); font-weight: 601 900; font-style: normal; font-display: swap; size-adjust: 87%; }
@font-face { font-family: 'Bodoni Moda'; src: url('/enhance/fonts/bodoni-var.woff') format('woff'); font-weight: 400 900; font-style: normal; font-display: swap; }
@font-face { font-family: 'Oxanium'; src: url('/enhance/fonts/oxanium-var.woff') format('woff'); font-weight: 200 800; font-style: normal; font-display: swap; }
:root:root { --mono: 'Orbitron Enh', 'Orbitron', 'Share Tech Mono', 'SFMono-Regular', Consolas, monospace; }
:root {
  --enh-cyan: #76e5ff;
  --enh-blue: #58a6ff;
  --enh-violet: #a58cff;
  --enh-ink: #05050a;
  --enh-mono: var(--mono, 'Share Tech Mono', ui-monospace, 'SFMono-Regular', Consolas, monospace);
  --enh-display: var(--display, 'Bodoni Moda', 'Didot', 'Times New Roman', serif);
  --enh-ease: cubic-bezier(.2, .75, .2, 1);
}

/* ---------- Generic glyph rendering (icon comes from --ico, see icons block) ---------- */
[data-ico]::before {
  content: '';
  display: inline-block;
  flex: none;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask: var(--ico) center / contain no-repeat;
  mask: var(--ico) center / contain no-repeat;
}

/* ==========================================================================
   1. BOOT SEQUENCE
   ========================================================================== */
#enh-boot {
  position: fixed; inset: 0; z-index: 9999;
  color: #dfe8f7; font-family: var(--enh-mono);
  cursor: pointer; overflow: hidden;
  /* If enhance.js ever fails to load, the overlay removes itself. */
  animation: enh-failsafe .01s linear 12s forwards;
}
@keyframes enh-failsafe { to { visibility: hidden; pointer-events: none; } }
html.enh-skip-boot #enh-boot, html.enh-booted #enh-boot { display: none; }

.enh-boot__panel {
  position: absolute; left: 0; right: 0; height: 50.2%;
  background-color: var(--enh-ink);
  background-size: 100% 100%, 80px 80px, 80px 80px;
  transition: transform .95s cubic-bezier(.76, 0, .24, 1) .3s;
  will-change: transform;
}
.enh-boot__panel--top {
  top: 0;
  background-image:
    radial-gradient(ellipse 60% 90% at 50% 100%, rgba(40, 84, 140, .34), transparent 70%),
    linear-gradient(rgba(153, 183, 221, .06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(153, 183, 221, .06) 1px, transparent 1px);
}
.enh-boot__panel--bottom {
  bottom: 0;
  background-image:
    radial-gradient(ellipse 60% 90% at 50% 0%, rgba(40, 84, 140, .34), transparent 70%),
    linear-gradient(rgba(153, 183, 221, .06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(153, 183, 221, .06) 1px, transparent 1px);
}
.enh-boot__seam {
  position: absolute; left: 0; right: 0; top: 50%; height: 1px; margin-top: -.5px;
  background: linear-gradient(90deg, transparent, var(--enh-cyan) 50%, transparent);
  box-shadow: 0 0 22px rgba(118, 229, 255, .7);
  opacity: 0; transform: scaleX(.05);
}
#enh-boot.is-open .enh-boot__seam { animation: enh-seam 1.1s var(--enh-ease) forwards; }
@keyframes enh-seam {
  0%   { opacity: 0; transform: scaleX(.05); }
  25%  { opacity: 1; transform: scaleX(1); }
  100% { opacity: 0; transform: scaleX(1); }
}
#enh-boot.is-open .enh-boot__panel--top    { transform: translate3d(0, -101%, 0); }
#enh-boot.is-open .enh-boot__panel--bottom { transform: translate3d(0, 101%, 0); }

.enh-boot__ui {
  position: absolute; inset: 0;
  display: grid; grid-template-rows: auto 1fr auto;
  padding: clamp(18px, 3vw, 34px) clamp(20px, 3.4vw, 48px);
  transition: opacity .3s ease;
}
#enh-boot.is-open .enh-boot__ui { opacity: 0; }

.enh-boot__row { display: flex; align-items: center; justify-content: space-between; gap: 18px; font-size: 9px; letter-spacing: .14em; color: #8d97b3; }
.enh-boot__row b { font-weight: 400; color: #dfe8f7; }
.enh-boot__hint { color: #5e6883; }


.enh-boot__center { display: grid; place-content: center; justify-items: center; gap: 14px; text-align: center; }
.enh-boot__mark { width: clamp(64px, 9vw, 96px); height: auto; overflow: visible; filter: drop-shadow(0 0 14px rgba(118, 229, 255, .35)); }
.enh-boot__mark .r { fill: none; stroke: #b6dfff; stroke-width: 1.2; stroke-dasharray: 1; stroke-dashoffset: 1; animation: enh-draw 1.2s var(--enh-ease) .1s forwards; transform-origin: 24px 24px; }
.enh-boot__mark .o { fill: none; stroke: #e9f5ff; stroke-width: 1.5; stroke-linecap: round; stroke-dasharray: 1; stroke-dashoffset: 1; animation: enh-draw 1s var(--enh-ease) .55s forwards; }
.enh-boot__mark .s { fill: #d8ecff; opacity: 0; transform-origin: 26px 9px; animation: enh-star .7s var(--enh-ease) 1.05s forwards; }
@keyframes enh-draw { to { stroke-dashoffset: 0; } }
@keyframes enh-star { from { opacity: 0; transform: scale(.2) rotate(-40deg); } to { opacity: 1; transform: none; } }

.enh-boot__role { font-size: 9px; letter-spacing: .34em; color: #7f8ba8; opacity: 0; animation: enh-fade .8s ease 1.1s forwards; }
@keyframes enh-wipe { to { clip-path: inset(-25% -25% -25% -25%); } }
@keyframes enh-fade { to { opacity: 1; } }

.enh-boot__bottom { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }
.enh-boot__count { display: flex; align-items: flex-start; gap: 6px; line-height: .8; }
.enh-boot__count span { min-width: 3ch; font-family: var(--enh-display); font-size: clamp(64px, 11vw, 150px); font-weight: 400; letter-spacing: -.06em; color: #f4f6fc; font-variant-numeric: tabular-nums lining-nums; }
.enh-boot__count small { margin-top: .4em; font-size: 11px; letter-spacing: .1em; color: var(--enh-cyan); }
.enh-boot__meter { display: grid; gap: 12px; width: min(46vw, 420px); padding-bottom: 6px; }
.enh-boot__status { display: flex; align-items: center; gap: 9px; font-size: 9px; letter-spacing: .16em; color: #cfe9f5; }
.enh-boot__status i { width: 6px; height: 6px; border-radius: 50%; background: var(--enh-cyan); box-shadow: 0 0 10px var(--enh-cyan); animation: enh-blink 1s steps(2, end) infinite; }
@keyframes enh-blink { 50% { opacity: .25; } }
.enh-boot__bar { position: relative; display: block; height: 1px; background: rgba(190, 215, 255, .16); }
.enh-boot__bar b { position: absolute; left: 0; top: -1px; height: 3px; width: 100%; background: linear-gradient(90deg, rgba(118, 229, 255, .1), var(--enh-cyan)); box-shadow: 0 0 14px rgba(118, 229, 255, .75); transform-origin: 0 50%; transform: scaleX(0); }
@media (max-width: 560px) {
  .enh-boot__bottom { flex-direction: column; align-items: flex-start; gap: 18px; }
  .enh-boot__meter { width: 100%; }
}

/* Hold the app's OWN entrance animations (topbar, footer, HUD glyphs, orbits…)
   until the curtain opens, so the whole site "boots" together. */
html.enh-holding #root *, html.enh-holding #root *::before, html.enh-holding #root *::after { animation-play-state: paused !important; }

/* ---------- Orchestrated entrance (first load, once) ---------- */
@keyframes enh-rise { from { opacity: 0; transform: translate3d(0, 18px, 0); } }
@keyframes enh-card-in { from { opacity: 0; translate: 0 96px; scale: .9; } }
html.enh-ready .category-copy > * { animation: enh-rise .85s var(--enh-ease) both; }
html.enh-ready .category-copy > :nth-child(1) { animation-delay: .25s; }
html.enh-ready .category-copy > :nth-child(2) { animation-delay: .32s; }
html.enh-ready .category-copy > :nth-child(3) { animation-delay: .39s; }
html.enh-ready .category-copy > :nth-child(4) { animation-delay: .46s; }
html.enh-ready .category-copy > :nth-child(5) { animation-delay: .56s; }
html.enh-ready .category-copy > :nth-child(6) { animation-delay: .64s; }
html.enh-ready .category-copy > :nth-child(7) { animation-delay: .72s; }
html.enh-ready .carousel-card { animation: enh-card-in 1.05s var(--enh-ease) both; }
html.enh-ready .carousel-card[data-enh-c="0"] { animation-delay: .35s; }
html.enh-ready .carousel-card[data-enh-c="1"] { animation-delay: .45s; }
html.enh-ready .carousel-card[data-enh-c="2"] { animation-delay: .55s; }
html.enh-ready .carousel-card[data-enh-c="3"] { animation-delay: .65s; }
html.enh-ready .carousel-card[data-enh-c="4"], html.enh-ready .carousel-card[data-enh-c="5"], html.enh-ready .carousel-card[data-enh-c="6"] { animation-delay: .75s; }

html.enh-ready .enh-hud { animation: enh-rise .8s var(--enh-ease) .95s both; }

/* ==========================================================================
   2. CUSTOM CURSOR — a small HUD reticle (fine pointers only; enabled by JS after first move)
      idle: thin ring · links: ring snaps into corner brackets · folders: brackets + quiet glass label
   ========================================================================== */
.enh-cur, .enh-cur-ring { position: fixed; left: 0; top: 0; z-index: 10000; pointer-events: none; opacity: 0; transition: opacity .25s ease; will-change: transform; }
html.enh-cursor-on.enh-cursor-in .enh-cur, html.enh-cursor-on.enh-cursor-in .enh-cur-ring { opacity: 1; }
.enh-cur i { display: block; width: 5px; height: 5px; margin: -2.5px 0 0 -2.5px; border-radius: 50%; background: #eafcff; box-shadow: 0 0 10px rgba(118, 229, 255, .95); transition: transform .2s var(--enh-ease), opacity .2s ease; }
.enh-cur-ring i {
  --c: rgba(214, 244, 255, .95);
  position: relative; display: block; width: 34px; height: 34px; margin: -17px 0 0 -17px; border-radius: 50%;
  border: 1px solid rgba(160, 225, 255, .4); box-shadow: 0 0 16px rgba(118, 229, 255, .1);
  transition: transform .38s var(--enh-ease), border-radius .3s ease, border-color .3s ease, box-shadow .3s ease;
}
/* corner brackets: 4 corners = 8 hairlines drawn with gradients, hidden until a target is hovered */
.enh-cur-ring i::before {
  content: ''; position: absolute; inset: -1px; opacity: 0; transition: opacity .25s ease;
  background:
    linear-gradient(var(--c), var(--c)) 0 0 / 9px 1px no-repeat,     linear-gradient(var(--c), var(--c)) 0 0 / 1px 9px no-repeat,
    linear-gradient(var(--c), var(--c)) 100% 0 / 9px 1px no-repeat,  linear-gradient(var(--c), var(--c)) 100% 0 / 1px 9px no-repeat,
    linear-gradient(var(--c), var(--c)) 0 100% / 9px 1px no-repeat,  linear-gradient(var(--c), var(--c)) 0 100% / 1px 9px no-repeat,
    linear-gradient(var(--c), var(--c)) 100% 100% / 9px 1px no-repeat, linear-gradient(var(--c), var(--c)) 100% 100% / 1px 9px no-repeat;
}
/* label chip lives in <b> so it is NOT scaled with the ring */
.enh-cur-ring b {
  position: absolute; left: 24px; top: 0; transform: translate(-6px, -50%); opacity: 0; white-space: nowrap;
  padding: 6px 10px 6px 11px; font: 500 8.5px/1 var(--enh-mono); letter-spacing: .18em; color: #dcf5ff;
  background: linear-gradient(120deg, rgba(8, 16, 34, .88), rgba(26, 18, 52, .88));
  border: 1px solid rgba(118, 229, 255, .32); border-left: 2px solid var(--enh-cyan); backdrop-filter: blur(6px);
  transition: opacity .25s ease, transform .35s var(--enh-ease), left .35s var(--enh-ease);
}
html.enh-cur-link .enh-cur-ring i { transform: scale(1.2); border-radius: 3px; border-color: transparent; box-shadow: none; }
html.enh-cur-link .enh-cur-ring i::before, html.enh-cur-card .enh-cur-ring i::before { opacity: 1; }
html.enh-cur-card .enh-cur-ring i { transform: scale(1.75); border-radius: 3px; border-color: transparent; box-shadow: none; }
html.enh-cur-card .enh-cur-ring b { left: 46px; opacity: 1; transform: translate(0, -50%); }


html.enh-cur-card .enh-cur i, html.enh-cur-link .enh-cur i { transform: scale(.6); }
html.enh-cur-down .enh-cur-ring i { transform: scale(.9); }
html.enh-cur-card.enh-cur-down .enh-cur-ring i { transform: scale(1.5); }
html.enh-cursor-on, html.enh-cursor-on a, html.enh-cursor-on button, html.enh-cursor-on .carousel-stage, html.enh-cursor-on .carousel-card, html.enh-cursor-on .resume-backdrop { cursor: none !important; }

/* ==========================================================================
   3. STARFIELD CANVAS (lives inside .space-backdrop)
   ========================================================================== */
.enh-stars { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }

/* ==========================================================================
   4. HUD CLUSTER (status • pointer coords • ambience toggle)
   ========================================================================== */
.enh-hud { position: absolute; z-index: 55; left: 27px; bottom: calc(var(--enh-foot, 73px) + 18px); display: grid; gap: 9px; justify-items: start; font: 8.5px/1 var(--enh-mono); letter-spacing: .1em; color: #8f98b3; }
.enh-hud__status { display: inline-flex; align-items: center; gap: 8px; color: #cfe9f5; }
.enh-hud__status i { width: 6px; height: 6px; border-radius: 50%; background: #7ce7ff; box-shadow: 0 0 8px #75e7ff, 0 0 17px rgba(87, 207, 255, .7); animation: status-pulse 2.2s ease-in-out infinite; }
.enh-hud__coords { color: #5f6a86; font-variant-numeric: tabular-nums; }
.enh-hud__sound { display: inline-flex; align-items: center; gap: 9px; padding: 7px 10px; border: 1px solid rgba(190, 215, 255, .16); border-radius: 2px; background: rgba(9, 13, 27, .5); backdrop-filter: blur(6px); color: inherit; font: inherit; letter-spacing: inherit; cursor: pointer; transition: border-color .25s ease, color .25s ease, background-color .25s ease; }
.enh-hud__sound:hover { color: #eaf7ff; border-color: rgba(118, 229, 255, .55); }
.enh-hud__sound:focus-visible { outline: 2px solid var(--blue, #58a6ff); outline-offset: 4px; }
.enh-hud__sound[aria-pressed="true"] { color: #bff4ff; border-color: rgba(118, 229, 255, .45); background: rgba(58, 130, 170, .16); }
.enh-eq { display: inline-flex; align-items: flex-end; gap: 2px; height: 10px; }
.enh-eq b { display: block; width: 2px; height: 3px; background: currentColor; border-radius: 1px; transform-origin: 50% 100%; }
.enh-hud__sound[aria-pressed="true"] .enh-eq b { animation: enh-eq 1.05s ease-in-out infinite; }
.enh-eq b:nth-child(2) { animation-delay: -.3s !important; } .enh-eq b:nth-child(3) { animation-delay: -.7s !important; } .enh-eq b:nth-child(4) { animation-delay: -.5s !important; }
@keyframes enh-eq { 0%, 100% { height: 3px; } 50% { height: 10px; } }
@media (max-width: 800px) { .enh-hud { display: none; } }
@media (max-height: 760px) { .enh-hud__coords { display: none; } }
@media (max-height: 640px) { .enh-hud { display: none; } }

/* ==========================================================================
   5. RESUME — icons, timeline, stats
   ========================================================================== */
/* Section headings */
.resume-section-heading[data-ico] { gap: 9px; }
.resume-section-heading[data-ico]::before { width: 15px; height: 15px; color: var(--enh-cyan); filter: drop-shadow(0 0 6px rgba(118, 229, 255, .45)); }
.resume-header p[data-ico], .resume-languages[data-ico] { align-items: center; }
.resume-header p[data-ico]::before { width: 13px; height: 13px; color: #8fd7ff; }
.resume-languages[data-ico]::before { width: 12px; height: 12px; color: #7fb8e5; }

/* Timeline items (experience, education, courses) */
.resume-item[data-ico] { position: relative; padding-left: 42px; margin-bottom: 0; padding-bottom: 17px; }
.resume-item[data-ico]::before { position: absolute; z-index: 1; left: 7px; top: 7px; width: 14px; height: 14px; color: var(--enh-cyan); transition: color .25s ease, transform .35s var(--enh-ease); }
.resume-item[data-ico]::after {
  content: ''; position: absolute; left: 0; top: 0; width: 28px; height: 28px; border-radius: 3px;
  border: 1px solid rgba(118, 229, 255, .3); background: rgba(88, 166, 255, .07);
  transition: border-color .25s ease, box-shadow .25s ease, background-color .25s ease;
}
.resume-item[data-ico]:hover::after { border-color: rgba(118, 229, 255, .75); background: rgba(88, 166, 255, .16); box-shadow: 0 0 16px rgba(118, 229, 255, .25); }
.resume-item[data-ico]:hover::before { color: #fff; transform: scale(1.12); }
.resume-item[data-ico]:has(+ .resume-item) { background: linear-gradient(rgba(118, 229, 255, .28), rgba(118, 229, 255, .04)) 14px 32px / 1px calc(100% - 32px) no-repeat; }
.resume-item[data-current="1"]::after { border-color: var(--enh-cyan); box-shadow: 0 0 16px rgba(118, 229, 255, .3); }
.resume-course[data-ico] { padding-bottom: 12px; padding-left: 38px; min-height: 30px; }
.resume-course[data-ico]::after { width: 24px; height: 24px; }
.resume-course[data-ico]::before { left: 5px; top: 5px; }
.resume-course[data-ico]:has(+ .resume-item) { background: none; }
.resume-item > span[data-ico] { display: flex; align-items: center; gap: 5px; }
.resume-item > span[data-ico]::before { width: 10px; height: 10px; color: #6fa8d6; opacity: .9; }
.resume-item__top time[data-ico] { display: inline-flex; align-items: center; gap: 4px; }
.resume-item__top time[data-ico]::before { width: 9px; height: 9px; opacity: .8; }
.resume-item__top time[data-current="1"] { color: #a4f0ff; }
.resume-item__top time[data-current="1"]::after { content: ''; width: 5px; height: 5px; margin-left: 3px; border-radius: 50%; background: var(--enh-cyan); box-shadow: 0 0 8px var(--enh-cyan); animation: status-pulse 1.9s ease-in-out infinite; }

/* Tags (tools + specialties) */
.resume-tags span[data-ico] {
  --tag: #8fd7ff;
  display: inline-flex; align-items: center; gap: 5px; padding: 4px 7px 4px 4px;
  transition: transform .25s var(--enh-ease), border-color .25s ease, box-shadow .25s ease, background-color .25s ease, color .25s ease;
}
.resume-tags span[data-ico]::before { width: 11px; height: 11px; margin-left: 1px; color: var(--tag); }
.resume-tags span[data-ico]:hover { transform: translateY(-2px); color: #fff; border-color: var(--tag); background: color-mix(in srgb, var(--tag) 13%, transparent); box-shadow: 0 8px 18px -10px var(--tag); }
/* Adobe-style app badges (their logos aren't in open icon sets, so: type badges in each app's colour) */
.resume-tags span[data-ico="ps"], .resume-tags span[data-ico="ai"], .resume-tags span[data-ico="ae"], .resume-tags span[data-ico="id"], .resume-tags span[data-ico="es"] { padding-left: 4px; }
.resume-tags span[data-ico="ps"]::before, .resume-tags span[data-ico="ai"]::before, .resume-tags span[data-ico="ae"]::before, .resume-tags span[data-ico="id"]::before, .resume-tags span[data-ico="es"]::before {
  display: inline-grid; place-items: center; width: 15px; height: 15px; margin-left: 0; border: 1px solid var(--tag); border-radius: 2px;
  -webkit-mask: none; mask: none; background: var(--tag-bg); color: var(--tag);
  font: 700 8px/1 'Oxanium', Arial, sans-serif; letter-spacing: 0;
}
.resume-tags span[data-ico="ps"] { --tag: #31a8ff; --tag-bg: #001e36; } .resume-tags span[data-ico="ps"]::before { content: 'Ps'; }
.resume-tags span[data-ico="ai"] { --tag: #ff9a00; --tag-bg: #2b1300; } .resume-tags span[data-ico="ai"]::before { content: 'Ai'; }
.resume-tags span[data-ico="ae"] { --tag: #9999ff; --tag-bg: #0d0d4d; } .resume-tags span[data-ico="ae"]::before { content: 'Ae'; }
.resume-tags span[data-ico="id"] { --tag: #ff3d78; --tag-bg: #3a0620; } .resume-tags span[data-ico="id"]::before { content: 'Id'; }
.resume-tags span[data-ico="figma"] { --tag: #ff7262; }
.resume-tags span[data-ico="html"] { --tag: #f0653a; }
.resume-tags span[data-ico="css"] { --tag: #38a9e8; }
.resume-tags span[data-ico="film"] { --tag: #b79cff; }
.resume-tags span[data-ico="printer"] { --tag: #76e5ff; }
.resume-tags span[data-ico="megaphone"] { --tag: #e58bff; }
.resume-tags span[data-ico="frame"] { --tag: #7fb8ff; }

/* The timeline indent narrows the left column, so give the right one a little more room (desktop only). */
@media (min-width: 801px) { .resume-panel .resume-grid { grid-template-columns: 1fr 1fr; } }

/* Footer brand links */
.resume-footer a[data-ico]::before { width: 12px; height: 12px; }

/* Stats strip (built by JS from the resume's own data) */
.enh-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin: 0 34px 22px; }
.enh-stat { position: relative; display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; column-gap: 11px; align-items: center; padding: 11px 13px; overflow: hidden; border: 1px solid rgba(183, 208, 240, .14); border-radius: 3px; background: linear-gradient(135deg, rgba(88, 166, 255, .07), rgba(165, 140, 255, .03)); animation: enh-rise .7s var(--enh-ease) both; }
.enh-stat:nth-child(2) { animation-delay: .07s; } .enh-stat:nth-child(3) { animation-delay: .14s; } .enh-stat:nth-child(4) { animation-delay: .21s; }
.enh-stat::after { content: ''; position: absolute; inset: 0 auto 0 0; width: 2px; background: linear-gradient(var(--enh-cyan), transparent); opacity: .7; }
.enh-stat > i { grid-row: 1 / 3; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; border: 1px solid rgba(118, 229, 255, .3); background: rgba(118, 229, 255, .07); color: var(--enh-cyan); font-size: 14px; }
.enh-stat > i::before { width: 14px; height: 14px; }
.enh-stat b { font: 500 24px/1 var(--enh-display); letter-spacing: -.05em; color: #f4f6fc; font-variant-numeric: lining-nums tabular-nums; }
.enh-stat small { margin-top: 5px; font: 8px/1.2 var(--enh-mono); letter-spacing: .1em; color: #8e99b4; }
@media (max-width: 800px) { .enh-stats { margin: 0 21px 18px; } }
@media (max-width: 560px) { .enh-stats { grid-template-columns: repeat(2, 1fr); margin: 0 15px 15px; } .enh-stat b { font-size: 21px; } }

/* ==========================================================================
   Reduced motion: keep everything static, still styled
   ========================================================================== */
@media (prefers-reduced-motion: reduce) {
  html.enh-ready .category-copy > *, html.enh-ready .carousel-card, .enh-stat { animation: none !important; }
  .enh-hud__sound[aria-pressed="true"] .enh-eq b { animation: none; height: 7px; }
  .resume-tags span[data-ico]:hover, .resume-item[data-ico]:hover::before { transform: none; }
}

/* ==========================================================================
   ICON MASKS (auto-generated below by tools/enhance/gen_icons.js)
   ========================================================================== */


/* ==========================================================================
   ENTRY SCREEN  (tagline revealed letter by letter, press to enter)
   ========================================================================== */
#enh-boot { cursor: default; }
.enh-boot__ui { z-index: 2; }
.enh-boot__aurora, .enh-boot__stars { position: absolute; inset: 0; pointer-events: none; }
.enh-boot__aurora { overflow: hidden; }
.enh-boot__aurora i { position: absolute; width: 70vmax; height: 70vmax; border-radius: 50%; will-change: transform; }
.enh-boot__aurora i:nth-child(1) { left: -22vmax; top: -30vmax; background: radial-gradient(circle, rgba(58, 140, 255, .36), transparent 62%); animation: enh-drift-a 19s ease-in-out infinite alternate; }
.enh-boot__aurora i:nth-child(2) { right: -28vmax; bottom: -34vmax; background: radial-gradient(circle, rgba(172, 98, 255, .32), transparent 62%); animation: enh-drift-b 23s ease-in-out infinite alternate; }
@keyframes enh-drift-a { to { transform: translate3d(16vmax, 12vmax, 0) scale(1.15); } }
@keyframes enh-drift-b { to { transform: translate3d(-14vmax, -10vmax, 0) scale(1.1); } }
.enh-boot__stars {
  background-image:
    radial-gradient(1.4px 1.4px at 8% 18%, #fff, transparent), radial-gradient(1px 1px at 17% 71%, #cfe9ff, transparent), radial-gradient(1.6px 1.6px at 26% 38%, #fff, transparent),
    radial-gradient(1px 1px at 34% 86%, #bfe0ff, transparent), radial-gradient(1.3px 1.3px at 43% 12%, #fff, transparent), radial-gradient(1px 1px at 52% 64%, #d8ecff, transparent),
    radial-gradient(1.5px 1.5px at 61% 27%, #fff, transparent), radial-gradient(1px 1px at 69% 80%, #cfe9ff, transparent), radial-gradient(1.3px 1.3px at 77% 44%, #fff, transparent),
    radial-gradient(1px 1px at 85% 14%, #bfe0ff, transparent), radial-gradient(1.6px 1.6px at 92% 62%, #fff, transparent), radial-gradient(1px 1px at 5% 54%, #d8ecff, transparent),
    radial-gradient(1.2px 1.2px at 47% 92%, #fff, transparent), radial-gradient(1px 1px at 95% 90%, #cfe9ff, transparent);
  opacity: .75; animation: enh-twinkle 4.6s ease-in-out infinite alternate;
}
@keyframes enh-twinkle { from { opacity: .35; } to { opacity: .9; } }
.enh-boot__row { position: relative; z-index: 2; }
.enh-boot__center { position: relative; z-index: 2; gap: clamp(14px, 2.6vh, 28px); }
.enh-boot__mark { width: clamp(46px, 5.4vw, 66px); }

.enh-tag {
  --lx: 50%; --ly: 50%;
  position: relative; display: grid; justify-items: center; margin: 0; max-width: 94vw; text-align: center;
  font-family: var(--exotic, 'Bodoni Moda', 'Didot', 'Times New Roman', serif); font-weight: 400;
  font-size: clamp(40px, 11vw, 132px); line-height: .98; letter-spacing: -.035em;
}
.enh-tag__lit { display: grid; justify-items: center; }
.enh-line { display: block; white-space: nowrap; }
.enh-w { display: inline-block; white-space: nowrap; }
/* every letter is lit by JS (--a, 0..1) according to how close the pointer is, and fades out slowly */
.enh-l {
  display: inline-block; opacity: var(--a, 0); will-change: opacity, filter;
  filter: blur(calc((1 - var(--a, 0)) * 7px)); transform: translate3d(0, calc((1 - var(--a, 0)) * .1em), 0);
  color: color-mix(in srgb, #8fe3ff, #e3a6ff var(--p)); text-shadow: 0 0 calc(var(--a, 0) * 18px) currentColor, 0 0 calc(var(--a, 0) * 50px) rgba(110, 150, 255, .5);
}
#enh-boot { touch-action: none; }
#enh-boot.is-static .enh-l { --a: 1; filter: none; transform: none; }

.enh-boot__role { font-size: clamp(9px, 1.05vw, 12px); letter-spacing: .42em; color: #8f9cc0; text-indent: .42em; opacity: 0; animation: enh-fade .9s ease 2.2s forwards; }
#enh-boot.is-skip .enh-boot__role, #enh-boot.is-static .enh-boot__role { animation-duration: .01s; animation-delay: 0s; }

.enh-boot__foot { position: relative; z-index: 3; display: grid; align-items: end; min-height: 120px; }
.enh-boot__foot > * { grid-area: 1 / 1; transition: opacity .5s ease, transform .6s var(--enh-ease); }
.enh-boot__enter { display: flex; flex-direction: column; align-items: center; gap: 14px; justify-self: center; padding-bottom: 1.5vh; opacity: 0; transform: translateY(16px); pointer-events: none; }
#enh-boot.is-ready .enh-boot__bottom { opacity: 0; transform: translateY(-10px); pointer-events: none; }
#enh-boot.is-ready .enh-boot__enter { opacity: 1; transform: none; pointer-events: auto; }
.enh-enter {
  --c: rgba(214, 244, 255, .95);
  position: relative; display: inline-flex; align-items: center; gap: 16px; padding: 18px 38px; overflow: hidden;
  font: 500 12px/1 var(--enh-mono); letter-spacing: .32em; color: #eaf8ff; cursor: pointer;
  border: 1px solid rgba(118, 229, 255, .5); background: linear-gradient(120deg, rgba(40, 110, 170, .3), rgba(120, 80, 200, .24));
  box-shadow: 0 0 0 0 rgba(118, 229, 255, .0), inset 0 0 22px rgba(118, 229, 255, .06);
  animation: enh-breathe 2.6s ease-in-out infinite; transition: border-color .25s ease, background-color .25s ease, transform .3s var(--enh-ease);
}
@keyframes enh-breathe { 50% { box-shadow: 0 0 34px 2px rgba(118, 229, 255, .22), inset 0 0 22px rgba(118, 229, 255, .1); } }
.enh-enter::before { content: ''; position: absolute; top: -50%; bottom: -50%; left: -60%; width: 40%; transform: skewX(-22deg); background: linear-gradient(90deg, transparent, rgba(224, 249, 255, .4), transparent); animation: button-scan 3.8s ease-in-out infinite; }
.enh-enter i { position: relative; width: 7px; height: 7px; border-radius: 50%; background: var(--enh-cyan); box-shadow: 0 0 12px var(--enh-cyan); }
.enh-enter i::after { content: ''; position: absolute; inset: -7px; border-radius: 50%; border: 1px solid var(--enh-cyan); animation: enh-ping 1.9s ease-out infinite; }
@keyframes enh-ping { from { transform: scale(.4); opacity: .9; } to { transform: scale(1.6); opacity: 0; } }
.enh-enter:hover, .enh-enter:focus-visible { border-color: #c4f6ff; transform: translateY(-2px); background: linear-gradient(120deg, rgba(60, 140, 200, .42), rgba(140, 100, 220, .34)); outline: none; }
.enh-enter:focus-visible { box-shadow: 0 0 0 3px rgba(118, 229, 255, .45); }
.enh-enter-sound { padding: 9px 12px; border: 0; background: none; color: #8f9ab8; font: 10px/1 var(--enh-mono); letter-spacing: .24em; cursor: pointer; transition: color .2s ease; }
.enh-enter-sound:hover, .enh-enter-sound:focus-visible { color: #e4f6ff; outline: none; }
.enh-enter-sound:focus-visible { text-decoration: underline; text-underline-offset: 6px; }
@media (max-width: 560px) { .enh-enter { padding: 17px 26px; letter-spacing: .24em; font-size: 11px; } .enh-boot__row { font-size: 8px; } .enh-boot__row > span:last-child { display: none; } }
@media (prefers-reduced-motion: reduce) {
  .enh-boot__aurora i, .enh-boot__stars, .enh-enter, .enh-enter::before, .enh-enter i::after { animation: none !important; }
}

/* ---- entry screen, round 2: reveal-on-hover, language switch, hidden name ---- */
.enh-who { flex: none; text-align: center; font-size: 9px; letter-spacing: .3em; color: #b9c8e6; opacity: calc(.13 + var(--k, 0) * .8); transition: opacity .25s ease; }
.enh-boot__hint { transition: opacity .6s ease; }
.enh-boot__hint.is-gone { opacity: 0; }
.enh-boot__lang { display: inline-flex; align-items: center; gap: 4px; font-size: 10px; letter-spacing: .14em; color: #4d5873; }
.enh-boot__lang button { padding: 6px 7px; border: 0; background: none; color: #7f8aa8; font: inherit; letter-spacing: inherit; cursor: pointer; transition: color .2s ease; }
.enh-boot__lang button:hover, .enh-boot__lang button:focus-visible { color: #e4f6ff; outline: none; }
.enh-boot__lang button[aria-pressed="true"] { color: #8fe8ff; text-shadow: 0 0 10px rgba(118, 229, 255, .55); }
#enh-boot .enh-enter { opacity: calc(.26 + var(--k, 0) * .74); transition: opacity .2s ease, border-color .25s ease, transform .3s ease, background .25s ease; }
#enh-boot .enh-enter:hover, #enh-boot .enh-enter:focus-visible { opacity: 1; }
#enh-boot .enh-enter-sound { opacity: .55; }
#enh-boot .enh-enter-sound:hover, #enh-boot .enh-enter-sound:focus-visible { opacity: 1; }
#enh-boot.is-static .enh-enter, #enh-boot.is-static .enh-who { --k: 1; }
@media (max-width: 560px) { .enh-boot__row > span:last-child { display: inline-flex; } .enh-boot__row { font-size: 8px; } .enh-who { letter-spacing: .22em; } }
.enh-boot__row > :first-child, .enh-boot__row > :last-child { flex: 1 1 0; }
.enh-boot__row > :last-child { justify-content: flex-end; }
.enh-boot__hint { text-align: center; white-space: nowrap; }

.enh-boot__hint { text-align: left; }
.enh-boot__row > :first-child { justify-content: flex-start; }
@media (max-width: 560px) { .enh-boot__row { flex-wrap: wrap; row-gap: 10px; } .enh-who { order: 3; flex: 1 1 100%; } }

/* v8: smoke on the entry screen */
.enh-boot__smoke { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 3; pointer-events: none; mix-blend-mode: screen; opacity: .4; filter: blur(10px); transform: scale(1.06); }
#enh-boot.is-open .enh-boot__smoke { opacity: 0; transition: opacity .6s ease; }

/* ---- v21: entry screen — fog (subtle), slightly bigger button and name ---- */
.enh-boot__fog { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 1; opacity: .8; }
.enh-boot__smoke { z-index: 1; }
.enh-enter { padding: 20px 44px; font-size: 13.5px; gap: 18px; }
.enh-who { font-size: clamp(10.5px, .95vw, 13px); }
@media (max-width: 560px) { .enh-enter { padding: 18px 28px; font-size: 12px; letter-spacing: .24em; } .enh-who { font-size: 10px; } }
.enh-boot__aurora { opacity: .62; }
.enh-boot__smoke { opacity: .7; }

/* v22.1 — landing less glaring: dimmer smoke/aurora/fog, dark base */
#enh-boot { background: #04060f; }
.enh-boot__smoke { opacity: .5; filter: blur(14px); }
.enh-boot__aurora { opacity: .34; }
.enh-boot__fog { opacity: .6; }

/* v30: quick link to the recruiter version, visible from the first second of the intro */
.enh-boot__rec { position: absolute; z-index: 5; right: clamp(16px, 3vw, 44px); top: 66px; display: inline-flex; gap: 8px; align-items: center; padding: 8px 0 10px; font: 600 9px/1.2 var(--mono, monospace); letter-spacing: .14em; color: #8fe8ff; text-decoration: none; border-bottom: 1px solid rgba(118, 229, 255, .35); }
.enh-boot__rec:hover, .enh-boot__rec:focus-visible { color: #fff; border-color: #76e5ff; outline: none; }
@media (max-width: 560px) { .enh-boot__rec { right: 14px; top: 60px; font-size: 8px; max-width: 70vw; } }

.resume-tags span[data-ico="es"] { --tag: #3db4ff; --tag-bg: #00233d; } .resume-tags span[data-ico="es"]::before { content: 'Es'; }
/* AUTO-GENERATED by gen_icons.js — Lucide (ISC) + Simple Icons (CC0). Do not edit by hand. */
[data-ico="briefcase"]{--ico:url("data:image/svg+xml,%3Csvg stroke='%23000' fill='none' stroke-width='2' viewBox='0 0 24 24' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16'%3E%3C/path%3E%3Crect width='20' height='14' x='2' y='6' rx='2'%3E%3C/rect%3E%3C/svg%3E")}
[data-ico="grad"]{--ico:url("data:image/svg+xml,%3Csvg stroke='%23000' fill='none' stroke-width='2' viewBox='0 0 24 24' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z'%3E%3C/path%3E%3Cpath d='M22 10v6'%3E%3C/path%3E%3Cpath d='M6 12.5V16a6 3 0 0 0 12 0v-3.5'%3E%3C/path%3E%3C/svg%3E")}
[data-ico="award"]{--ico:url("data:image/svg+xml,%3Csvg stroke='%23000' fill='none' stroke-width='2' viewBox='0 0 24 24' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526'%3E%3C/path%3E%3Ccircle cx='12' cy='8' r='6'%3E%3C/circle%3E%3C/svg%3E")}
[data-ico="wrench"]{--ico:url("data:image/svg+xml,%3Csvg stroke='%23000' fill='none' stroke-width='2' viewBox='0 0 24 24' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z'%3E%3C/path%3E%3C/svg%3E")}
[data-ico="sparkles"]{--ico:url("data:image/svg+xml,%3Csvg stroke='%23000' fill='none' stroke-width='2' viewBox='0 0 24 24' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z'%3E%3C/path%3E%3Cpath d='M20 3v4'%3E%3C/path%3E%3Cpath d='M22 5h-4'%3E%3C/path%3E%3Cpath d='M4 17v2'%3E%3C/path%3E%3Cpath d='M5 18H3'%3E%3C/path%3E%3C/svg%3E")}
[data-ico="building"]{--ico:url("data:image/svg+xml,%3Csvg stroke='%23000' fill='none' stroke-width='2' viewBox='0 0 24 24' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z'%3E%3C/path%3E%3Cpath d='M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2'%3E%3C/path%3E%3Cpath d='M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2'%3E%3C/path%3E%3Cpath d='M10 6h4'%3E%3C/path%3E%3Cpath d='M10 10h4'%3E%3C/path%3E%3Cpath d='M10 14h4'%3E%3C/path%3E%3Cpath d='M10 18h4'%3E%3C/path%3E%3C/svg%3E")}
[data-ico="landmark"]{--ico:url("data:image/svg+xml,%3Csvg stroke='%23000' fill='none' stroke-width='2' viewBox='0 0 24 24' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='3' x2='21' y1='22' y2='22'%3E%3C/line%3E%3Cline x1='6' x2='6' y1='18' y2='11'%3E%3C/line%3E%3Cline x1='10' x2='10' y1='18' y2='11'%3E%3C/line%3E%3Cline x1='14' x2='14' y1='18' y2='11'%3E%3C/line%3E%3Cline x1='18' x2='18' y1='18' y2='11'%3E%3C/line%3E%3Cpolygon points='12 2 20 7 4 7'%3E%3C/polygon%3E%3C/svg%3E")}
[data-ico="calendar"]{--ico:url("data:image/svg+xml,%3Csvg stroke='%23000' fill='none' stroke-width='2' viewBox='0 0 24 24' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 2v4'%3E%3C/path%3E%3Cpath d='M16 2v4'%3E%3C/path%3E%3Crect width='18' height='18' x='3' y='4' rx='2'%3E%3C/rect%3E%3Cpath d='M3 10h18'%3E%3C/path%3E%3Cpath d='M8 14h.01'%3E%3C/path%3E%3Cpath d='M12 14h.01'%3E%3C/path%3E%3Cpath d='M16 14h.01'%3E%3C/path%3E%3Cpath d='M8 18h.01'%3E%3C/path%3E%3Cpath d='M12 18h.01'%3E%3C/path%3E%3Cpath d='M16 18h.01'%3E%3C/path%3E%3C/svg%3E")}
[data-ico="languages"]{--ico:url("data:image/svg+xml,%3Csvg stroke='%23000' fill='none' stroke-width='2' viewBox='0 0 24 24' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m5 8 6 6'%3E%3C/path%3E%3Cpath d='m4 14 6-6 2-3'%3E%3C/path%3E%3Cpath d='M2 5h12'%3E%3C/path%3E%3Cpath d='M7 2h1'%3E%3C/path%3E%3Cpath d='m22 22-5-10-5 10'%3E%3C/path%3E%3Cpath d='M14 18h6'%3E%3C/path%3E%3C/svg%3E")}
[data-ico="film"]{--ico:url("data:image/svg+xml,%3Csvg stroke='%23000' fill='none' stroke-width='2' viewBox='0 0 24 24' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.2 6 3 11l-.9-2.4c-.3-1.1.3-2.2 1.3-2.5l13.5-4c1.1-.3 2.2.3 2.5 1.3Z'%3E%3C/path%3E%3Cpath d='m6.2 5.3 3.1 3.9'%3E%3C/path%3E%3Cpath d='m12.4 3.4 3.1 4'%3E%3C/path%3E%3Cpath d='M3 11h18v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2Z'%3E%3C/path%3E%3C/svg%3E")}
[data-ico="printer"]{--ico:url("data:image/svg+xml,%3Csvg stroke='%23000' fill='none' stroke-width='2' viewBox='0 0 24 24' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2'%3E%3C/path%3E%3Cpath d='M6 9V3a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v6'%3E%3C/path%3E%3Crect x='6' y='14' width='12' height='8' rx='1'%3E%3C/rect%3E%3C/svg%3E")}
[data-ico="megaphone"]{--ico:url("data:image/svg+xml,%3Csvg stroke='%23000' fill='none' stroke-width='2' viewBox='0 0 24 24' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m3 11 18-5v12L3 14v-3z'%3E%3C/path%3E%3Cpath d='M11.6 16.8a3 3 0 1 1-5.8-1.6'%3E%3C/path%3E%3C/svg%3E")}
[data-ico="frame"]{--ico:url("data:image/svg+xml,%3Csvg stroke='%23000' fill='none' stroke-width='2' viewBox='0 0 24 24' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='22' x2='2' y1='6' y2='6'%3E%3C/line%3E%3Cline x1='22' x2='2' y1='18' y2='18'%3E%3C/line%3E%3Cline x1='6' x2='6' y1='2' y2='22'%3E%3C/line%3E%3Cline x1='18' x2='18' y1='2' y2='22'%3E%3C/line%3E%3C/svg%3E")}
[data-ico="box"]{--ico:url("data:image/svg+xml,%3Csvg stroke='%23000' fill='none' stroke-width='2' viewBox='0 0 24 24' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z'%3E%3C/path%3E%3Cpath d='m3.3 7 8.7 5 8.7-5'%3E%3C/path%3E%3Cpath d='M12 22V12'%3E%3C/path%3E%3C/svg%3E")}
[data-ico="code"]{--ico:url("data:image/svg+xml,%3Csvg stroke='%23000' fill='none' stroke-width='2' viewBox='0 0 24 24' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='16 18 22 12 16 6'%3E%3C/polyline%3E%3Cpolyline points='8 6 2 12 8 18'%3E%3C/polyline%3E%3C/svg%3E")}
[data-ico="palette"]{--ico:url("data:image/svg+xml,%3Csvg stroke='%23000' fill='none' stroke-width='2' viewBox='0 0 24 24' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='13.5' cy='6.5' r='.5' fill='%23000'%3E%3C/circle%3E%3Ccircle cx='17.5' cy='10.5' r='.5' fill='%23000'%3E%3C/circle%3E%3Ccircle cx='8.5' cy='7.5' r='.5' fill='%23000'%3E%3C/circle%3E%3Ccircle cx='6.5' cy='12.5' r='.5' fill='%23000'%3E%3C/circle%3E%3Cpath d='M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.926 0 1.648-.746 1.648-1.688 0-.437-.18-.835-.437-1.125-.29-.289-.438-.652-.438-1.125a1.64 1.64 0 0 1 1.668-1.668h1.996c3.051 0 5.555-2.503 5.555-5.554C21.965 6.012 17.461 2 12 2z'%3E%3C/path%3E%3C/svg%3E")}
[data-ico="ruler"]{--ico:url("data:image/svg+xml,%3Csvg stroke='%23000' fill='none' stroke-width='2' viewBox='0 0 24 24' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.3 15.3a2.4 2.4 0 0 1 0 3.4l-2.6 2.6a2.4 2.4 0 0 1-3.4 0L2.7 8.7a2.41 2.41 0 0 1 0-3.4l2.6-2.6a2.41 2.41 0 0 1 3.4 0Z'%3E%3C/path%3E%3Cpath d='m14.5 12.5 2-2'%3E%3C/path%3E%3Cpath d='m11.5 9.5 2-2'%3E%3C/path%3E%3Cpath d='m8.5 6.5 2-2'%3E%3C/path%3E%3Cpath d='m17.5 15.5 2-2'%3E%3C/path%3E%3C/svg%3E")}
[data-ico="shirt"]{--ico:url("data:image/svg+xml,%3Csvg stroke='%23000' fill='none' stroke-width='2' viewBox='0 0 24 24' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.38 3.46 16 2a4 4 0 0 1-8 0L3.62 3.46a2 2 0 0 0-1.34 2.23l.58 3.47a1 1 0 0 0 .99.84H6v10c0 1.1.9 2 2 2h8a2 2 0 0 0 2-2V10h2.15a1 1 0 0 0 .99-.84l.58-3.47a2 2 0 0 0-1.34-2.23z'%3E%3C/path%3E%3C/svg%3E")}
[data-ico="package"]{--ico:url("data:image/svg+xml,%3Csvg stroke='%23000' fill='none' stroke-width='2' viewBox='0 0 24 24' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z'%3E%3C/path%3E%3Cpath d='M12 22V12'%3E%3C/path%3E%3Cpath d='m3.3 7 7.703 4.734a2 2 0 0 0 1.994 0L20.7 7'%3E%3C/path%3E%3Cpath d='m7.5 4.27 9 5.15'%3E%3C/path%3E%3C/svg%3E")}
[data-ico="pen"]{--ico:url("data:image/svg+xml,%3Csvg stroke='%23000' fill='none' stroke-width='2' viewBox='0 0 24 24' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.707 21.293a1 1 0 0 1-1.414 0l-1.586-1.586a1 1 0 0 1 0-1.414l5.586-5.586a1 1 0 0 1 1.414 0l1.586 1.586a1 1 0 0 1 0 1.414z'%3E%3C/path%3E%3Cpath d='m18 13-1.375-6.874a1 1 0 0 0-.746-.776L3.235 2.028a1 1 0 0 0-1.207 1.207L5.35 15.879a1 1 0 0 0 .776.746L13 18'%3E%3C/path%3E%3Cpath d='m2.3 2.3 7.286 7.286'%3E%3C/path%3E%3Ccircle cx='11' cy='11' r='2'%3E%3C/circle%3E%3C/svg%3E")}
[data-ico="bulb"]{--ico:url("data:image/svg+xml,%3Csvg stroke='%23000' fill='none' stroke-width='2' viewBox='0 0 24 24' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5'%3E%3C/path%3E%3Cpath d='M9 18h6'%3E%3C/path%3E%3Cpath d='M10 22h4'%3E%3C/path%3E%3C/svg%3E")}
[data-ico="gamepad"]{--ico:url("data:image/svg+xml,%3Csvg stroke='%23000' fill='none' stroke-width='2' viewBox='0 0 24 24' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='6' x2='10' y1='11' y2='11'%3E%3C/line%3E%3Cline x1='8' x2='8' y1='9' y2='13'%3E%3C/line%3E%3Cline x1='15' x2='15.01' y1='12' y2='12'%3E%3C/line%3E%3Cline x1='18' x2='18.01' y1='10' y2='10'%3E%3C/line%3E%3Cpath d='M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z'%3E%3C/path%3E%3C/svg%3E")}
[data-ico="globe"]{--ico:url("data:image/svg+xml,%3Csvg stroke='%23000' fill='none' stroke-width='2' viewBox='0 0 24 24' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpath d='M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20'%3E%3C/path%3E%3Cpath d='M2 12h20'%3E%3C/path%3E%3C/svg%3E")}
[data-ico="layers"]{--ico:url("data:image/svg+xml,%3Csvg stroke='%23000' fill='none' stroke-width='2' viewBox='0 0 24 24' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83Z'%3E%3C/path%3E%3Cpath d='m22 17.65-9.17 4.16a2 2 0 0 1-1.66 0L2 17.65'%3E%3C/path%3E%3Cpath d='m22 12.65-9.17 4.16a2 2 0 0 1-1.66 0L2 12.65'%3E%3C/path%3E%3C/svg%3E")}
[data-ico="badge"]{--ico:url("data:image/svg+xml,%3Csvg stroke='%23000' fill='none' stroke-width='2' viewBox='0 0 24 24' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z'%3E%3C/path%3E%3Cpath d='m9 12 2 2 4-4'%3E%3C/path%3E%3C/svg%3E")}
[data-ico="file"]{--ico:url("data:image/svg+xml,%3Csvg stroke='%23000' fill='none' stroke-width='2' viewBox='0 0 24 24' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z'%3E%3C/path%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4'%3E%3C/path%3E%3Cpath d='M10 9H8'%3E%3C/path%3E%3Cpath d='M16 13H8'%3E%3C/path%3E%3Cpath d='M16 17H8'%3E%3C/path%3E%3C/svg%3E")}
[data-ico="linkedin"]{--ico:url("data:image/svg+xml,%3Csvg stroke='%23000' fill='none' stroke-width='2' viewBox='0 0 24 24' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z'%3E%3C/path%3E%3Crect width='4' height='12' x='2' y='9'%3E%3C/rect%3E%3Ccircle cx='4' cy='4' r='2'%3E%3C/circle%3E%3C/svg%3E")}
[data-ico="music"]{--ico:url("data:image/svg+xml,%3Csvg stroke='%23000' fill='none' stroke-width='2' viewBox='0 0 24 24' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 10v3'%3E%3C/path%3E%3Cpath d='M6 6v11'%3E%3C/path%3E%3Cpath d='M10 3v18'%3E%3C/path%3E%3Cpath d='M14 8v7'%3E%3C/path%3E%3Cpath d='M18 5v13'%3E%3C/path%3E%3Cpath d='M22 10v3'%3E%3C/path%3E%3C/svg%3E")}
[data-ico="volume"]{--ico:url("data:image/svg+xml,%3Csvg stroke='%23000' fill='none' stroke-width='2' viewBox='0 0 24 24' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z'%3E%3C/path%3E%3Cpath d='M16 9a5 5 0 0 1 0 6'%3E%3C/path%3E%3Cpath d='M19.364 18.364a9 9 0 0 0 0-12.728'%3E%3C/path%3E%3C/svg%3E")}
[data-ico="mute"]{--ico:url("data:image/svg+xml,%3Csvg stroke='%23000' fill='none' stroke-width='2' viewBox='0 0 24 24' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z'%3E%3C/path%3E%3Cline x1='22' x2='16' y1='9' y2='15'%3E%3C/line%3E%3Cline x1='16' x2='22' y1='9' y2='15'%3E%3C/line%3E%3C/svg%3E")}
[data-ico="mail"]{--ico:url("data:image/svg+xml,%3Csvg stroke='%23000' fill='none' stroke-width='2' viewBox='0 0 24 24' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='20' height='16' x='2' y='4' rx='2'%3E%3C/rect%3E%3Cpath d='m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7'%3E%3C/path%3E%3C/svg%3E")}
[data-ico="figma"]{--ico:url("data:image/svg+xml,%3Csvg stroke='%23000' fill='%23000' stroke-width='0' role='img' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.852 8.981h-4.588V0h4.588c2.476 0 4.49 2.014 4.49 4.49s-2.014 4.491-4.49 4.491zM12.735 7.51h3.117c1.665 0 3.019-1.355 3.019-3.019s-1.355-3.019-3.019-3.019h-3.117V7.51zm0 1.471H8.148c-2.476 0-4.49-2.014-4.49-4.49S5.672 0 8.148 0h4.588v8.981zm-4.587-7.51c-1.665 0-3.019 1.355-3.019 3.019s1.354 3.02 3.019 3.02h3.117V1.471H8.148zm4.587 15.019H8.148c-2.476 0-4.49-2.014-4.49-4.49s2.014-4.49 4.49-4.49h4.588v8.98zM8.148 8.981c-1.665 0-3.019 1.355-3.019 3.019s1.355 3.019 3.019 3.019h3.117V8.981H8.148zM8.172 24c-2.489 0-4.515-2.014-4.515-4.49s2.014-4.49 4.49-4.49h4.588v4.441c0 2.503-2.047 4.539-4.563 4.539zm-.024-7.51a3.023 3.023 0 0 0-3.019 3.019c0 1.665 1.365 3.019 3.044 3.019 1.705 0 3.093-1.376 3.093-3.068v-2.97H8.148zm7.704 0h-.098c-2.476 0-4.49-2.014-4.49-4.49s2.014-4.49 4.49-4.49h.098c2.476 0 4.49 2.014 4.49 4.49s-2.014 4.49-4.49 4.49zm-.097-7.509c-1.665 0-3.019 1.355-3.019 3.019s1.355 3.019 3.019 3.019h.098c1.665 0 3.019-1.355 3.019-3.019s-1.355-3.019-3.019-3.019h-.098z'%3E%3C/path%3E%3C/svg%3E")}
[data-ico="html"]{--ico:url("data:image/svg+xml,%3Csvg stroke='%23000' fill='%23000' stroke-width='0' role='img' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 0h21l-1.91 21.563L11.977 24l-8.564-2.438L1.5 0zm7.031 9.75l-.232-2.718 10.059.003.23-2.622L5.412 4.41l.698 8.01h9.126l-.326 3.426-2.91.804-2.955-.81-.188-2.11H6.248l.33 4.171L12 19.351l5.379-1.443.744-8.157H8.531z'%3E%3C/path%3E%3C/svg%3E")}
[data-ico="css"]{--ico:url("data:image/svg+xml,%3Csvg stroke='%23000' fill='%23000' stroke-width='0' role='img' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0v20.16A3.84 3.84 0 0 0 3.84 24h16.32A3.84 3.84 0 0 0 24 20.16V3.84A3.84 3.84 0 0 0 20.16 0Zm14.256 13.08c1.56 0 2.28 1.08 2.304 2.64h-1.608c.024-.288-.048-.6-.144-.84-.096-.192-.288-.264-.552-.264-.456 0-.696.264-.696.84-.024.576.288.888.768 1.08.72.288 1.608.744 1.92 1.296q.432.648.432 1.656c0 1.608-.912 2.592-2.496 2.592-1.656 0-2.4-1.032-2.424-2.688h1.68c0 .792.264 1.176.792 1.176.264 0 .456-.072.552-.24.192-.312.24-1.176-.048-1.512-.312-.408-.912-.6-1.32-.816q-.828-.396-1.224-.936c-.24-.36-.36-.888-.36-1.536 0-1.44.936-2.472 2.424-2.448m5.4 0c1.584 0 2.304 1.08 2.328 2.64h-1.608c0-.288-.048-.6-.168-.84-.096-.192-.264-.264-.528-.264-.48 0-.72.264-.72.84s.288.888.792 1.08c.696.288 1.608.744 1.92 1.296.264.432.408.984.408 1.656.024 1.608-.888 2.592-2.472 2.592-1.68 0-2.424-1.056-2.448-2.688h1.68c0 .744.264 1.176.792 1.176.264 0 .456-.072.552-.24.216-.312.264-1.176-.048-1.512-.288-.408-.888-.6-1.32-.816-.552-.264-.96-.576-1.2-.936s-.36-.888-.36-1.536c-.024-1.44.912-2.472 2.4-2.448m-11.031.018c.711-.006 1.419.198 1.839.63.432.432.672 1.128.648 1.992H9.336c.024-.456-.096-.792-.432-.96-.312-.144-.768-.048-.888.24-.12.264-.192.576-.168.864v3.504c0 .744.264 1.128.768 1.128a.65.65 0 0 0 .552-.264c.168-.24.192-.552.168-.84h1.776c.096 1.632-.984 2.712-2.568 2.688-1.536 0-2.496-.864-2.472-2.472v-4.032c0-.816.24-1.44.696-1.848.432-.408 1.146-.624 1.857-.63'%3E%3C/path%3E%3C/svg%3E")}
[data-ico="behance"]{--ico:url("data:image/svg+xml,%3Csvg stroke='%23000' fill='%23000' stroke-width='0' role='img' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.969 16.927a2.561 2.561 0 0 0 1.901.677 2.501 2.501 0 0 0 1.531-.475c.362-.235.636-.584.779-.99h2.585a5.091 5.091 0 0 1-1.9 2.896 5.292 5.292 0 0 1-3.091.88 5.839 5.839 0 0 1-2.284-.433 4.871 4.871 0 0 1-1.723-1.211 5.657 5.657 0 0 1-1.08-1.874 7.057 7.057 0 0 1-.383-2.393c-.005-.8.129-1.595.396-2.349a5.313 5.313 0 0 1 5.088-3.604 4.87 4.87 0 0 1 2.376.563c.661.362 1.231.87 1.668 1.485a6.2 6.2 0 0 1 .943 2.133c.194.821.263 1.666.205 2.508h-7.699c-.063.79.184 1.574.688 2.187ZM6.947 4.084a8.065 8.065 0 0 1 1.928.198 4.29 4.29 0 0 1 1.49.638c.418.303.748.711.958 1.182.241.579.357 1.203.341 1.83a3.506 3.506 0 0 1-.506 1.961 3.726 3.726 0 0 1-1.503 1.287 3.588 3.588 0 0 1 2.027 1.437c.464.747.697 1.615.67 2.494a4.593 4.593 0 0 1-.423 2.032 3.945 3.945 0 0 1-1.163 1.413 5.114 5.114 0 0 1-1.683.807 7.135 7.135 0 0 1-1.928.259H0V4.084h6.947Zm-.235 12.9c.308.004.616-.029.916-.099a2.18 2.18 0 0 0 .766-.332c.228-.158.411-.371.534-.619.142-.317.208-.663.191-1.009a2.08 2.08 0 0 0-.642-1.715 2.618 2.618 0 0 0-1.696-.505h-3.54v4.279h3.471Zm13.635-5.967a2.13 2.13 0 0 0-1.654-.619 2.336 2.336 0 0 0-1.163.259 2.474 2.474 0 0 0-.738.62 2.359 2.359 0 0 0-.396.792c-.074.239-.12.485-.137.734h4.769a3.239 3.239 0 0 0-.679-1.785l-.002-.001Zm-13.813-.648a2.254 2.254 0 0 0 1.423-.433c.399-.355.607-.88.56-1.413a1.916 1.916 0 0 0-.178-.891 1.298 1.298 0 0 0-.495-.533 1.851 1.851 0 0 0-.711-.274 3.966 3.966 0 0 0-.835-.073H3.241v3.631h3.293v-.014ZM21.62 5.122h-5.976v1.527h5.976V5.122Z'%3E%3C/path%3E%3C/svg%3E")}
[data-ico="whatsapp"]{--ico:url("data:image/svg+xml,%3Csvg stroke='%23000' fill='%23000' stroke-width='0' role='img' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z'%3E%3C/path%3E%3C/svg%3E")}
[data-ico="google"]{--ico:url("data:image/svg+xml,%3Csvg stroke='%23000' fill='%23000' stroke-width='0' role='img' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.48 10.92v3.28h7.84c-.24 1.84-.853 3.187-1.787 4.133-1.147 1.147-2.933 2.4-6.053 2.4-4.827 0-8.6-3.893-8.6-8.72s3.773-8.72 8.6-8.72c2.6 0 4.507 1.027 5.907 2.347l2.307-2.307C18.747 1.44 16.133 0 12.48 0 5.867 0 .307 5.387.307 12s5.56 12 12.173 12c3.573 0 6.267-1.173 8.373-3.36 2.16-2.16 2.84-5.213 2.84-7.667 0-.76-.053-1.467-.173-2.053H12.48z'%3E%3C/path%3E%3C/svg%3E")}
[data-ico="corel"]{--ico:url("data:image/svg+xml,%3Csvg stroke='%23000' fill='%23000' stroke-width='0' role='img' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.651 0C10.265.019 9.4.272 8.584.657c-.816.39-3.696 2.161-3.752 6.536.072 4.145 3.847 11.191 6.397 13.455 0 0-4.141-6.952-4.439-13.013C6.488 1.575 10.651 0 10.651 0Zm2.679 0s4.159 1.575 3.861 7.635c-.299 6.061-4.439 13.013-4.439 13.013 2.547-2.264 6.324-9.31 6.396-13.455-.057-4.375-2.936-6.146-3.752-6.536C14.58.272 13.715.019 13.33 0Zm-1.38.019a1.088 1.088 0 0 0-.555.144C9.864.99 8.909 3.982 9.177 8.66c.185 3.242 1.009 7.291 2.422 11.988h.7c1.413-4.697 2.24-8.742 2.425-11.984.268-4.677-.688-7.674-2.219-8.501a1.088 1.088 0 0 0-.555-.144ZM7.017 1.066S2.543 2.909 3.431 8.225c.884 5.32 5.588 10.995 6.986 12.2.503.457-5.777-6.548-6.386-12.699-.291-2.323.39-4.9 2.986-6.66Zm9.966 0c2.595 1.76 3.276 4.337 2.985 6.66-.608 6.151-6.888 13.156-6.386 12.699 1.398-1.205 6.103-6.88 6.987-12.2.888-5.316-3.586-7.159-3.586-7.159Zm-6.815 20.78L10.647 24h2.599l.488-2.154h-3.566Z'%3E%3C/path%3E%3C/svg%3E")}
