[data-portfolio-contact] {
  --pcx-bg:#171513;
  --pcx-surface:rgba(255,255,255,.035);
  --pcx-ink:#f4f0e8;
  --pcx-muted:rgba(244,240,232,.6);
  --pcx-line:rgba(244,240,232,.17);
  --pcx-accent:#d8ff57;
  --pcx-accent-ink:#11110f;
  --pcx-brand-acid:#d8ff57;
  display:block;
  min-width:0;
  margin-top:clamp(54px,7vw,92px);
  color:var(--pcx-ink);
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  font-synthesis:none;
  -webkit-font-smoothing:antialiased;
}
[data-portfolio-contact],[data-portfolio-contact] *{box-sizing:border-box}
[data-portfolio-contact] button,[data-portfolio-contact] a{font:inherit}
[data-portfolio-contact] button,[data-portfolio-contact] a{color:inherit}
[data-portfolio-contact] [hidden]{display:none!important}
.pcx{position:relative;overflow:hidden;border:1px solid var(--pcx-line);border-radius:clamp(18px,2vw,28px);background:var(--pcx-bg);color:var(--pcx-ink);isolation:isolate}
.pcx::before,.pcx::after{content:"";position:absolute;z-index:-1;border:1px solid var(--pcx-line);border-radius:50%;pointer-events:none}
.pcx::before{width:360px;aspect-ratio:1;right:-190px;top:-215px}
.pcx::after{width:250px;aspect-ratio:1;right:-120px;top:-155px;border-style:dashed;border-color:color-mix(in srgb,var(--pcx-accent) 38%,transparent)}
.pcx__head{display:grid;grid-template-columns:minmax(220px,.48fr) minmax(0,1.05fr) minmax(230px,.47fr);gap:clamp(26px,4vw,64px);align-items:end;padding:clamp(28px,4.6vw,66px);border-bottom:1px solid var(--pcx-line)}
.pcx__identity{align-self:start;display:flex;align-items:center;gap:13px;min-width:0}
.pcx__mark{position:relative;isolation:isolate;width:42px;height:42px;flex:0 0 auto;display:grid;place-items:center;border:1.5px solid var(--pcx-ink);border-radius:50%;font-size:10px;font-weight:850;letter-spacing:-.04em}
.pcx__mark::after{content:"";position:absolute;width:7px;height:7px;right:-1px;top:-1px;border-radius:50%;background:var(--pcx-brand-acid);box-shadow:0 0 0 3px var(--pcx-bg)}
.pcx__brand-copy{display:grid;gap:5px;color:var(--pcx-muted);font-size:7px;line-height:1;text-transform:uppercase;letter-spacing:.18em;white-space:nowrap}
.pcx__brand-copy b{color:var(--pcx-ink);font-size:9px;letter-spacing:.16em}
.pcx__brand-copy small{font-size:7.9px}
.pcx__brand-accent{width:3px;height:42px;margin-left:2px;background:var(--pcx-brand-acid)}
.pcx__head h2{margin:0;max-width:850px;color:var(--pcx-ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:clamp(38px,4.8vw,72px);font-weight:720;line-height:.91;letter-spacing:-.065em;text-transform:none;text-wrap:balance}
.pcx__head>p{margin:0 0 3px;max-width:390px;color:var(--pcx-muted);font-size:13px;line-height:1.62;text-wrap:pretty}
.pcx__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--pcx-line)}
.pcx__card{min-width:0;min-height:244px;padding:23px 22px 20px;border:0;border-left:1px solid var(--pcx-line);background:transparent;text-align:left;text-decoration:none;display:flex;flex-direction:column;cursor:pointer;transition:background .28s ease,color .28s ease,transform .28s ease}
.pcx__card:first-child{border-left:0;background:var(--pcx-accent);color:var(--pcx-accent-ink)}
.pcx__card>span{color:var(--pcx-muted);font-size:9px;text-transform:uppercase;letter-spacing:.11em}
.pcx__card:first-child>span,.pcx__card:first-child p{color:color-mix(in srgb,var(--pcx-accent-ink) 66%,transparent)}
.pcx__card strong{margin-top:46px;max-width:230px;font-size:clamp(22px,1.85vw,29px);line-height:.98;letter-spacing:-.045em}
.pcx__card p{margin:14px 0 24px;max-width:260px;color:var(--pcx-muted);font-size:11px;line-height:1.52}
.pcx__card i{margin-top:auto;overflow-wrap:anywhere;font-size:9px;font-style:normal;text-transform:uppercase;letter-spacing:.08em}
.pcx__card:hover,.pcx__card:focus-visible{position:relative;z-index:2;background:var(--pcx-ink);color:var(--pcx-bg);transform:translateY(-6px);outline:none}
.pcx__card:hover>span,.pcx__card:hover p,.pcx__card:focus-visible>span,.pcx__card:focus-visible p{color:color-mix(in srgb,var(--pcx-bg) 64%,transparent)}
.pcx__card:focus-visible{outline:3px solid var(--pcx-accent);outline-offset:3px}
@media(max-width:1040px){.pcx__head{grid-template-columns:1fr 1fr}.pcx__identity{grid-column:1/-1}.pcx__grid{grid-template-columns:1fr 1fr}.pcx__card:nth-child(3){border-left:0;border-top:1px solid var(--pcx-line)}}
@media(max-width:680px){[data-portfolio-contact]{margin-top:48px}.pcx{border-radius:17px}.pcx__head{grid-template-columns:1fr;gap:24px;padding:27px 20px 31px}.pcx__identity{grid-column:auto}.pcx__head h2{font-size:clamp(37px,11vw,50px)}.pcx__head>p{font-size:12px}.pcx__grid{grid-template-columns:1fr}.pcx__card{min-height:190px;border-left:0;border-top:1px solid var(--pcx-line);padding:20px}.pcx__card:first-child{border-top:0}.pcx__card strong{margin-top:28px}.pcx__card:nth-child(2){border-top:1px solid var(--pcx-line)}.pcx::before{width:260px;right:-170px;top:-170px}.pcx::after{width:185px;right:-120px;top:-125px}}
@media(prefers-reduced-motion:reduce){.pcx__card{transition:none}.pcx__card:hover,.pcx__card:focus-visible{transform:none}}