:root{font-family:'DM Sans',sans-serif;font-synthesis:none;background:#e8f13c;color:#172018;--paper:#e8f13c;--ink:#172018;--accent:#213dc6;--pointer-x:0px;--pointer-y:0px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);transition:background-color 1.3s ease,color 1.3s ease;min-height:100svh;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--ink);outline-offset:6px}header{display:flex;align-items:center;justify-content:space-between;padding:26px 4.3vw;position:relative;z-index:4}.official{font-family:'Bodoni Moda',Georgia,serif;font-style:italic;font-size:23px;letter-spacing:-.04em}.site-logo{gap:14px}.account-button{display:flex;align-items:center;gap:32px;background:var(--ink);color:var(--paper);padding:7px 8px 7px 23px;border-radius:50px;font-size:14px;font-weight:600;transition:transform .2s,box-shadow .2s;box-shadow:0 0 0 1px var(--ink)}.account-arrow{border-radius:50%;border:1px solid currentColor;width:38px;height:38px;display:grid;place-items:center;font-size:23px;transition:transform .25s}.account-button:hover{transform:translateY(-3px);box-shadow:0 7px 0 #17201828}.account-button:hover .account-arrow{transform:rotate(45deg)}.hero{max-width:1680px;margin:auto;padding:25px 4.3vw 0}.hero-top{display:flex;align-items:center;gap:13px;font-size:11px;letter-spacing:.08em;font-weight:500}.hero-top>span:last-child{margin-left:auto}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--ink)}.name-stage{position:relative;margin:36px 0 38px;isolation:isolate}h1{margin:0;display:flex;flex-direction:column;font-size:clamp(80px,18.1vw,295px);font-weight:700;line-height:.78;letter-spacing:-.085em}.name-first{align-self:flex-start;z-index:2}.name-last{align-self:flex-end;margin-right:.06em;margin-top:.035em;z-index:0}.name-dot{color:var(--accent);transition:color 1.3s}.portrait{position:absolute;width:clamp(130px,19vw,290px);aspect-ratio: .89;right:8%;top:8%;margin:0;padding:8px 8px 32px;background:#fffdf6;box-shadow:2px 12px 24px #17201822;transform:translate(var(--pointer-x),var(--pointer-y)) rotate(9deg);z-index:1;transition:transform .6s cubic-bezier(.2,.8,.2,1);will-change:transform}.portrait img{width:100%;height:100%;object-fit:cover;display:block}.portrait figcaption{position:absolute;bottom:6px;left:10px;right:10px;text-align:center;color:#172018;font-family:'Bodoni Moda',Georgia,serif;font-style:italic;font-size:18px}.scribble{position:absolute;left:6%;bottom:8%;font-family:'Bodoni Moda',Georgia,serif;font-style:italic;font-size:clamp(18px,2.5vw,36px);line-height:1;transform:rotate(-8deg);letter-spacing:-.04em;z-index:3}.hero-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #17201855;padding:22px 0;gap:20px}.explore{display:flex;align-items:center;gap:30px;font-size:16px;letter-spacing:-.02em}.explore>span:last-child{font-size:29px;transition:transform .2s}.explore:hover>span:last-child{transform:translate(3px,-3px)}.play-controls{display:flex;gap:22px}.play-controls button{background:none;border:none;color:var(--ink);display:flex;align-items:center;gap:8px;padding:8px 0;font-size:12px}.color-dot{width:14px;height:14px;border:1px solid var(--ink);background:var(--accent);border-radius:50%;transition:background 1.3s}#motion-icon{font-size:15px;width:14px}footer{padding:22px 4.3vw 26px;display:flex;justify-content:space-between;gap:16px;font-size:11px;letter-spacing:.025em}.jump .name-first{animation:name-hop .55s cubic-bezier(.3,.8,.2,1)}.jump .name-last{animation:name-hop .55s .07s cubic-bezier(.3,.8,.2,1)}@keyframes name-hop{0%,100%{transform:translateY(0)}45%{transform:translateY(-10px) rotate(-1deg)}}@media(min-width:1500px){.name-stage{margin-top:54px;margin-bottom:60px}.hero{padding-top:38px}}@media(max-width:760px){header{padding:22px}.hero{padding:24px 22px 0}.official{font-size:21px}.account-button{gap:18px;padding-left:18px;font-size:13px}.account-arrow{width:33px;height:33px;font-size:21px}.hero-top{font-size:10px}.name-stage{margin-top:65px;margin-bottom:64px}h1{font-size:18.6vw;line-height:.87}.name-last{margin-top:16px}.portrait{width:24vw;right:6%;top:8%;padding:5px 5px 25px}.portrait figcaption{font-size:13px;bottom:5px}.scribble{left:3%;bottom:0;font-size:22px}.hero-bottom{align-items:stretch;gap:20px;padding:20px 0;flex-direction:column}.explore{width:100%;justify-content:space-between}.play-controls{align-self:auto;width:100%;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px 16px}.play-settings{display:flex;align-items:center;gap:16px;white-space:nowrap;margin-left:auto}footer{padding:28px 22px 22px;flex-direction:column;gap:8px;align-items:flex-start}}@media(max-width:480px){.play-controls{flex-direction:column;align-items:center;gap:12px}.play-settings{display:flex!important;flex-direction:row;align-items:center;justify-content:center;gap:24px;width:100%;margin-left:0}}@media(max-width:400px){header{padding:18px}.hero{padding-left:18px;padding-right:18px}.official{font-size:19px}.account-button{gap:12px;padding-left:15px}.site-logo img{width:34px;height:34px}.site-logo{gap:8px}.name-stage{margin-top:70px;margin-bottom:66px}.scribble{font-size:19px}.hero-top{letter-spacing:0}#change-color{font-size:13.5px;padding:10px 14px;gap:8px}}@media(prefers-reduced-motion:reduce){body,.portrait,.name-dot,.color-dot,.account-button,.account-arrow{transition:none}.jump .name-first,.jump .name-last{animation:none}}body.paused .name-first,body.paused .name-last{animation:none}

.usa-note strong{font-style:normal;font-weight:700;letter-spacing:-.045em}.usa-note-flag{display:inline-block;width:.85em;height:auto;margin-left:.28em;vertical-align:.04em;transform:rotate(7deg);opacity:.85}

.usa-note{transform:rotate(-19deg);transform-origin:center}.usa-note strong{-webkit-text-stroke:.35px currentColor}.usa-note-flag{opacity:1;transform:rotate(0)}
/* Color switch: a small, tactile invitation to play. */
#change-color{position:relative;gap:11px;padding:12px 17px;border:1.5px solid var(--ink);border-radius:50px;font-size:15px;font-weight:700;letter-spacing:-.025em;box-shadow:0 3px 0 var(--ink);transition:transform .2s,box-shadow .2s,background .3s;isolation:isolate}#change-color::after{content:'↻';font-size:23px;line-height:1;margin-left:5px;transition:transform .5s cubic-bezier(.2,.8,.2,1)}#change-color .color-dot{width:18px;height:18px;position:relative;animation:color-invite 4.5s ease-in-out infinite}#change-color .color-dot::after{content:'';position:absolute;inset:-5px;border:1px solid var(--accent);border-radius:50%;animation:color-ring 4.5s ease-out infinite}#change-color:hover{transform:translateY(-2px);box-shadow:0 5px 0 var(--ink);background:#fffdf635}#change-color:hover::after{transform:rotate(150deg)}#change-color:active{transform:translateY(3px);box-shadow:0 0 0 var(--ink)}.play-controls{align-items:center}@keyframes color-invite{0%,65%,100%{transform:scale(1)}72%{transform:scale(.8)}80%{transform:scale(1.18)}88%{transform:scale(1)}}@keyframes color-ring{0%,70%{transform:scale(.7);opacity:0}76%{opacity:.7}94%,100%{transform:scale(1.5);opacity:0}}body.paused #change-color .color-dot,body.paused #change-color .color-dot::after{animation:none}@media(prefers-reduced-motion:reduce){#change-color,#change-color::after{transition:none}#change-color .color-dot,#change-color .color-dot::after{animation:none}}

#change-color{font-size:15px;gap:12px;padding:12px 18px}#change-color .color-dot{width:23px;height:23px;flex:none;background:var(--swatch,var(--accent));animation:swatch-shape 1.8s ease-in-out infinite;transition:background .5s,border-radius .5s}#change-color .color-dot::after{animation-duration:1.8s}.swatch-spiral,.swatch-grid{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .35s;pointer-events:none}.swatch-spiral{stroke:#fffdf6;fill:none;stroke-width:3;animation:swatch-spin 3s linear infinite}.swatch-grid{background:repeating-linear-gradient(0deg,transparent 0 5px,#fffdf6 5px 7px),repeating-linear-gradient(90deg,transparent 0 5px,#fffdf6 5px 7px);border-radius:inherit;transform:rotate(12deg) scale(.8)}[data-pattern=spiral] .swatch-spiral,[data-pattern=grid] .swatch-grid{opacity:1}.play-spark{position:absolute;left:28px;top:50%;width:6px;height:6px;border-radius:50%;pointer-events:none;z-index:2}@keyframes swatch-spin{to{transform:rotate(360deg)}}@keyframes swatch-shape{0%,100%{border-radius:50%;transform:rotate(-8deg) scale(1)}50%{border-radius:30% 55% 35% 45%;transform:rotate(9deg) scale(1.12)}}body.paused #change-color .color-dot,body.paused .swatch-spiral{animation:none}@media(prefers-reduced-motion:reduce){#change-color .color-dot,.swatch-spiral{animation:none;transition:none}.swatch-grid{transition:none}}

/* Continuous miniature: layers dissolve while the shared outline morphs. */
#change-color .color-dot{overflow:hidden;border:0;background:transparent;animation:none;transition:clip-path var(--flow-time,2200ms) ease-in-out,transform var(--flow-time,2200ms) ease-in-out,border-radius var(--flow-time,2200ms) ease-in-out;isolation:isolate}
#change-color .color-dot::after{display:none}.color-dot>.swatch-spiral,.color-dot>.swatch-grid{display:none}
.swatch-layer{position:absolute;inset:0;opacity:1;pointer-events:none}.swatch-layer .flow-spiral{display:block;opacity:1;animation:swatch-spin 16s linear infinite;transition:none}
body.paused .flow-spiral{animation-play-state:paused}body.paused .play-spark{display:none}
@media(prefers-reduced-motion:reduce){.play-spark{display:none}#change-color .color-dot{transition:none}.swatch-layer .flow-spiral{animation:none}}

.organic-mark{background:none!important;border:0!important;border-radius:0;top:50%;pointer-events:none}.organic-mark svg{display:block;width:100%;height:100%;overflow:visible}#sound{font-size:11px;white-space:nowrap}.play-controls{flex-wrap:wrap;justify-content:flex-end;row-gap:16px}#change-color{flex:none}#change-color:hover::after{transform:none}

.safareig-invite{margin:55px 5vw 75px;padding:clamp(30px,6vw,85px);background:#e9e4d7;color:#322d28;position:relative;isolation:isolate;overflow:hidden}.invite-eyebrow{font-size:10px;letter-spacing:.1em}.safareig-invite h2{font-family:'Bodoni Moda',Georgia,serif;font-size:clamp(42px,7.5vw,100px);line-height:1.08;font-weight:400;letter-spacing:-.05em;min-height:2.2em;margin:30px 0 12px;max-width:15ch}.ink-cursor{display:inline-block;width:2px;height:.72em;background:currentColor;margin-left:7px;animation:ink-breathe 2.8s ease-in-out infinite}.invite-sub{font-family:Georgia,serif;font-size:clamp(21px,2.5vw,31px);line-height:1.5}.invite-explain{max-width:49ch;font-size:14px;line-height:1.7}.release-link{display:inline-block;border:1px solid #322d28;border-radius:40px;padding:16px 27px;margin:20px 0;text-decoration:none;font-weight:600}.release-link:focus-visible,.public-fragment:focus-visible{outline:3px solid #6c7753;outline-offset:5px}#latest-caption{font-size:12px;margin:28px 0 24px}.public-fragment{position:relative;display:block;text-decoration:none;color:#322d28;background:#fff9e9;max-width:470px;padding:35px 32px 28px;transform:perspective(900px) rotate(-2deg);transform-origin:15% 90%;transition:transform 420ms ease,filter 420ms ease;filter:drop-shadow(3px 6px 4px #322d2820);clip-path:polygon(0 5px,7% 0,15% 6px,23% 1px,31% 5px,39% 0,47% 6px,55% 1px,63% 5px,71% 0,79% 6px,87% 1px,95% 5px,100% 0,100% 100%,0 100%)}.public-fragment p{font-family:Georgia,serif;font-size:21px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.public-fragment h3{font-family:'Bodoni Moda',Georgia,serif;font-size:27px;font-weight:400}.public-fragment small{font-size:12px}.public-fragment .fragment-coordinate{display:block;font-family:'Bodoni Moda',Georgia,serif;opacity:.4;margin-top:22px}.public-fragment:not(.sober):hover,.public-fragment:not(.sober):focus-visible{transform:perspective(900px) rotate(-3deg) rotateY(-9deg) translateY(-9px);filter:drop-shadow(8px 16px 8px #322d2828)}.public-fragment.sober{transform:none}.fragment-empty{font-family:Georgia,serif;font-style:italic;font-size:20px;max-width:38ch;line-height:1.6}.safareig-invite.motion-paused .ink-cursor{animation:none}@keyframes ink-breathe{0%,100%{opacity:.25;transform:scaleY(.9)}50%{opacity:1;transform:scaleY(1)}}@media(max-width:600px){.safareig-invite{margin:35px 18px 45px;padding:30px 23px}.public-fragment{padding:28px 23px}}@media(prefers-reduced-motion:reduce){.ink-cursor{animation:none}.public-fragment{transition:none;transform:none!important}}

#unfinished-ink{display:inline-block}.safareig-invite.motion-paused .public-fragment{transition:none;transform:none!important}

/* Keep the play button itself at the centre; secondary controls occupy the right column. */
.play-settings{display:contents}
@media(min-width:761px){.hero-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.hero-bottom>.explore{justify-self:start}.play-controls{display:contents}.play-settings{display:flex;align-items:center;justify-content:flex-end;gap:22px}#change-color{justify-self:center}}

/* ==========================================================================
   Proyectos Personales — Sección Editorial & Laboratorio Privado
   ========================================================================== */

.projects-section {
  max-width: 1680px;
  margin: 30px auto 65px;
  padding: 0 4.3vw;
}

.projects-header-card {
  background: #fffdf6;
  border: 2px solid #172018;
  border-radius: 16px;
  padding: clamp(26px, 3.5vw, 44px);
  box-shadow: 6px 8px 0 #172018;
  margin-bottom: 26px;
}

.projects-meta-top {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 18px;
  font-family: 'IBM Plex Mono', monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.projects-meta-top .meta-dot {
  color: var(--accent);
}

.projects-main-title {
  font-size: clamp(34px, 4.5vw, 62px);
  font-weight: 900;
  line-height: 0.94;
  letter-spacing: -0.05em;
  margin: 0 0 16px;
  text-transform: uppercase;
  color: #172018;
}

.projects-main-title em {
  font-family: 'Bodoni Moda', Georgia, serif;
  font-style: italic;
  font-weight: 400;
  text-transform: none;
  letter-spacing: -0.02em;
}

.projects-lede {
  font-size: clamp(16px, 1.35vw, 19.5px);
  line-height: 1.5;
  color: #384234;
  max-width: 72ch;
  margin: 0;
}

.projects-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 460px), 1fr));
  gap: 24px;
}

.project-card {
  background: #fffdf6;
  border: 2px solid #172018;
  border-radius: 16px;
  padding: clamp(22px, 2.5vw, 32px);
  box-shadow: 5px 7px 0 #172018;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: transform 0.2s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.2s cubic-bezier(0.2, 0.8, 0.2, 1);
  position: relative;
  color: #172018;
}

.project-card:hover {
  transform: translateY(-3px);
  box-shadow: 7px 10px 0 #172018;
}

.project-card-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 14px;
  font-family: 'IBM Plex Mono', monospace;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.project-badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.project-badge-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  flex-shrink: 0;
}

.project-status {
  padding: 3px 9px;
  border: 1px solid #172018;
  border-radius: 20px;
  font-size: 9.5px;
  letter-spacing: 0.08em;
  background: #fffdf6;
  font-weight: 700;
}

.project-title {
  font-size: clamp(23px, 2.2vw, 31px);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -0.035em;
  margin: 0 0 6px;
  color: #172018;
}

.project-subtitle {
  font-family: 'Bodoni Moda', Georgia, serif;
  font-style: italic;
  font-size: clamp(15px, 1.2vw, 17px);
  color: #4f5b4c;
  margin: 0 0 14px;
  line-height: 1.35;
}

.project-desc {
  font-size: 14.5px;
  line-height: 1.58;
  color: #2b3328;
  margin: 0 0 18px;
  flex-grow: 1;
}

.project-specs {
  background: rgba(232, 241, 60, 0.25);
  border: 1.5px solid #172018;
  border-radius: 10px;
  padding: 12px 14px;
  font-family: 'IBM Plex Mono', monospace;
  font-size: 11px;
  line-height: 1.6;
  margin-bottom: 16px;
  box-shadow: 2px 2px 0 rgba(23, 32, 24, 0.08);
}

.project-specs strong {
  color: #172018;
}

.project-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  padding-top: 14px;
  border-top: 1px solid rgba(23, 32, 24, 0.14);
}

.project-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.project-tag {
  font-family: 'IBM Plex Mono', monospace;
  font-size: 10px;
  background: #ffffff;
  border: 1px solid rgba(23, 32, 24, 0.22);
  padding: 3px 8px;
  border-radius: 6px;
  color: #384234;
}

.project-link-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: 'IBM Plex Mono', monospace;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #172018;
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: transform 0.15s ease, color 0.15s ease;
}

.project-link-btn:hover {
  transform: translateX(3px);
  color: var(--accent);
}

@media (max-width: 760px) {
  .projects-section {
    padding: 0 22px;
    margin: 20px auto 45px;
  }
  .projects-header-card {
    padding: 22px 18px;
  }
  .projects-grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  .project-card {
    padding: 20px 18px;
  }
}

/* ==========================================================================
   Sistemas Vivos — Banner Táctico
   ========================================================================== */
.sistemas-section {
  max-width: 1680px;
  margin: 20px auto 50px;
  padding: 0 4.3vw;
}

.sistemas-card {
  display: block;
  background: #fffdf6;
  border: 2px solid #172018;
  border-radius: 16px;
  padding: clamp(26px, 3.5vw, 48px);
  box-shadow: 6px 8px 0 #172018;
  text-decoration: none;
  color: #172018;
  transition: transform 0.2s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.2s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.sistemas-card:hover {
  transform: translateY(-3px);
  box-shadow: 8px 11px 0 #172018;
}

.sistemas-meta {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 10px 16px;
  margin-bottom: 16px;
  font-family: 'IBM Plex Mono', monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.sistemas-meta-badge {
  color: #213dc6;
}

.sistemas-meta-action {
  color: #172018;
  margin-left: auto;
}

.sistemas-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
  gap: 30px;
  align-items: center;
}

.sistemas-title {
  font-size: clamp(32px, 4vw, 56px);
  font-weight: 900;
  line-height: 0.95;
  letter-spacing: -0.05em;
  margin: 0 0 14px;
  text-transform: uppercase;
  color: #172018;
}

.sistemas-title em {
  font-family: 'Bodoni Moda', Georgia, serif;
  font-style: italic;
  font-weight: 500;
  text-transform: none;
  letter-spacing: -0.02em;
}

.sistemas-desc {
  font-size: clamp(15px, 1.3vw, 19px);
  line-height: 1.5;
  color: #384234;
  margin: 0;
}

.sistemas-caseroom {
  background: #e8f13c;
  border: 2px solid #172018;
  border-radius: 10px;
  padding: 20px 24px;
  font-family: 'IBM Plex Mono', monospace;
  font-size: 12px;
  line-height: 1.6;
  box-shadow: 4px 4px 0 #172018;
  color: #172018;
}

.sistemas-caseroom strong {
  display: block;
  font-size: 11px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #172018;
  margin-bottom: 6px;
}

@media (max-width: 760px) {
  .sistemas-section {
    padding: 0 22px;
    margin: 15px auto 40px;
  }
  .sistemas-card {
    padding: 22px 18px;
  }
  .sistemas-meta {
    font-size: 10px;
    gap: 8px;
  }
  .sistemas-meta-action {
    margin-left: 0;
  }
  .sistemas-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .sistemas-caseroom {
    padding: 16px 14px;
    font-size: 11px;
    line-height: 1.55;
    word-break: break-word;
  }
}

@media (max-width: 400px) {
  .sistemas-section {
    padding: 0 18px;
  }
  .sistemas-card {
    padding: 18px 14px;
  }
  .sistemas-caseroom {
    padding: 14px 12px;
    font-size: 10.5px;
  }
}

/* One project, with the same paper, ink and offset shadow as the home. */
.projects-grid { grid-template-columns: minmax(0, 1fr); }
.project-card-spotify {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(220px, 0.7fr);
  gap: clamp(24px, 4vw, 56px);
}
.project-card-spotify .project-footer {
  border-top: 0;
  border-left: 1px solid rgba(23, 32, 24, 0.14);
  padding: 0 0 0 clamp(20px, 2.5vw, 36px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
}
.project-card-spotify .project-desc {
  max-width: 65ch;
}
.project-actions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}
.project-actions .project-link-btn {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
}
@media (max-width: 760px) {
  .project-card-spotify {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .project-card-spotify .project-footer {
    border-left: 0;
    border-top: 1px solid rgba(23, 32, 24, 0.14);
    padding: 18px 0 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .project-card-top {
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 8px;
  }
}

.header-actions{display:flex;align-items:center;gap:12px}.maps-button{display:flex;align-items:center;gap:10px;border:1px solid var(--ink);color:var(--ink);padding:0 20px;height:54px;border-radius:50px;font-size:14px;font-weight:600;transition:transform .2s,box-shadow .2s}.maps-button:hover{transform:translateY(-3px);box-shadow:0 7px 0 #17201828}.maps-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);transition:background 1.3s}@media(max-width:760px){.maps-button{height:49px;padding:0 15px;font-size:13px}.header-actions{gap:8px}}@media(max-width:400px){.maps-button{padding:0 12px}}@media(prefers-reduced-motion:reduce){.maps-button{transition:none}}