/* ===================================================================
   /portfolio/csgo-marketplace — AISHTMLNEWDESIGN-484
   Visual direction: FLOAT VALUE
     Named for the CS:GO wear metric that sets a skin's price. Steel-teal
     base; every section opener is marked by a static three-stop rule in
     the float gradient (mint -> amber -> red, Factory New through
     Battle-Scarred). Content sits in inventory tiles under a thin cap of
     that same gradient. The gradient is decorative only and never carries
     text, so it never has to win a contrast check. Nothing animates: all
     three stops are painted once (rule 26).

   Deliberately unlike /portfolio/csgo-crash (ASCENT CURVE — graphite base,
   stepped orange notches, clip-path corner cuts). Different palette,
   different rule motif, different card construction, different rhythm:
   this page is essay-led, so it leads with a readable measure rather than
   a dense feature grid.

   EVERY selector below is scoped to #page-portfolio-csgo-marketplace. This
   sheet never styles body, never styles a bare element, and never reaches
   into #ais-header / #ais-footer. The document reset (html,body{margin:0})
   is owned by /assets/css/ais-layout.css — not restated, not re-scoped.
   =================================================================== */

#page-portfolio-csgo-marketplace{
  --pcm-ink:      #0a1618;
  --pcm-ink-2:    #10262a;
  --pcm-ink-3:    #17383e;
  --pcm-paper:    #ffffff;
  --pcm-mist:     #eef4f4;
  --pcm-text:     #10242a;
  --pcm-text-2:   #374151;
  --pcm-rev:      #eef6f6;
  --pcm-rev-2:    #a8c2c4;
  --pcm-accent:   #0f766e;   /* 5.47:1 on white, 4.92:1 on mist */
  --pcm-accent-d: #115e59;
  --pcm-accent-r: #2dd4bf;   /* reversed: 9.46:1 on --pcm-ink */
  --pcm-line:     #d3e0e0;
  --pcm-line-rev: rgba(255,255,255,.13);
  /* the float scale — DECORATIVE ONLY, never behind text */
  --pcm-float: linear-gradient(90deg,#4ade80 0%,#a3e635 26%,#fbbf24 58%,#f97316 80%,#ef4444 100%);

  font-family:"Inter",system-ui,sans-serif;
  font-size:16px;
  line-height:1.6;
  color:var(--pcm-text);
  background:var(--pcm-paper);
  overflow-x:hidden;
}

#page-portfolio-csgo-marketplace *,
#page-portfolio-csgo-marketplace *::before,
#page-portfolio-csgo-marketplace *::after{box-sizing:border-box;}

#page-portfolio-csgo-marketplace .pcm-wrap{
  max-width:1200px;margin-inline:auto;padding-inline:24px;
}

/* ---- section shells -------------------------------------------------- */
#page-portfolio-csgo-marketplace .pcm-sec{
  width:100%;padding-block:clamp(56px,7vw,104px);
}
#page-portfolio-csgo-marketplace .pcm-sec--paper{background:var(--pcm-paper);}
#page-portfolio-csgo-marketplace .pcm-sec--mist{background:var(--pcm-mist);}
#page-portfolio-csgo-marketplace .pcm-sec--ink{background:var(--pcm-ink);color:var(--pcm-rev);}

/* ---- type ------------------------------------------------------------ */
#page-portfolio-csgo-marketplace .pcm-h2{
  margin:0 0 18px;
  font-size:clamp(30px,3.5vw,44px);
  line-height:1.14;font-weight:800;letter-spacing:-.02em;
  color:var(--pcm-text);
}
#page-portfolio-csgo-marketplace .pcm-h2--rev{color:var(--pcm-rev);}

#page-portfolio-csgo-marketplace .pcm-body{
  margin:0 0 20px;font-size:17px;line-height:1.75;color:var(--pcm-text-2);
}
#page-portfolio-csgo-marketplace .pcm-body--rev{color:var(--pcm-rev);max-width:74ch;}

/* The float rule — three stops of the wear scale, painted once. */
#page-portfolio-csgo-marketplace .pcm-eyebrow{
  position:relative;
  margin:0 0 16px;padding-top:18px;
  font-size:16px;font-weight:700;line-height:1.4;
  letter-spacing:.12em;text-transform:uppercase;
  color:var(--pcm-accent-d);
}
#page-portfolio-csgo-marketplace .pcm-eyebrow::before{
  content:"";position:absolute;left:0;top:0;
  width:72px;height:5px;border-radius:3px;
  background:var(--pcm-float);
}
#page-portfolio-csgo-marketplace .pcm-eyebrow--rev{color:var(--pcm-accent-r);}

#page-portfolio-csgo-marketplace .pcm-head{max-width:80ch;margin-bottom:clamp(28px,3.4vw,48px);}
#page-portfolio-csgo-marketplace .pcm-head--centre{margin-inline:auto;text-align:center;}
#page-portfolio-csgo-marketplace .pcm-head--centre .pcm-eyebrow::before{
  left:50%;transform:translateX(-50%);
}

/* ---- links ----------------------------------------------------------- */
#page-portfolio-csgo-marketplace .pcm-inline{
  color:var(--pcm-accent);font-weight:700;
  border-bottom:2px solid rgba(15,118,110,.35);
  transition:color .16s ease,border-color .16s ease;
}
#page-portfolio-csgo-marketplace .pcm-inline:hover,
#page-portfolio-csgo-marketplace .pcm-inline:focus-visible{
  color:var(--pcm-accent-d);border-bottom-color:var(--pcm-accent);
}
#page-portfolio-csgo-marketplace .pcm-inline--rev{
  color:var(--pcm-accent-r);border-bottom-color:rgba(45,212,191,.45);
}
#page-portfolio-csgo-marketplace .pcm-inline--rev:hover,
#page-portfolio-csgo-marketplace .pcm-inline--rev:focus-visible{
  color:#5eead4;border-bottom-color:#5eead4;
}
#page-portfolio-csgo-marketplace a:focus-visible,
#page-portfolio-csgo-marketplace button:focus-visible{
  outline:3px solid var(--pcm-accent-r);outline-offset:3px;border-radius:3px;
}

/* ---- buttons --------------------------------------------------------- */
#page-portfolio-csgo-marketplace .pcm-btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:52px;padding:14px 32px;
  font-family:inherit;font-size:17px;font-weight:700;line-height:1.2;
  border:0;border-radius:8px;cursor:pointer;text-align:center;
  transition:transform .16s ease,background-color .16s ease;
}
#page-portfolio-csgo-marketplace .pcm-btn--accent{background:var(--pcm-accent);color:#ffffff;}
#page-portfolio-csgo-marketplace .pcm-btn--accent:hover{background:#0d8a80;transform:translateY(-2px);}
#page-portfolio-csgo-marketplace .pcm-btn--accent:active{transform:translateY(0);}
#page-portfolio-csgo-marketplace .pcm-btn--ink{background:var(--pcm-ink);color:var(--pcm-rev);}
#page-portfolio-csgo-marketplace .pcm-btn--ink:hover{background:var(--pcm-ink-3);transform:translateY(-2px);}
#page-portfolio-csgo-marketplace .pcm-btn--ink:active{transform:translateY(0);}
#page-portfolio-csgo-marketplace .pcm-cta-row{margin-top:clamp(26px,3vw,40px);}
#page-portfolio-csgo-marketplace .pcm-bot .pcm-cta-row{text-align:center;}

/* ---- hero — rule 24: full-bleed, STATIC gradient, no image, one CTA --- */
#page-portfolio-csgo-marketplace .pcm-hero{
  position:relative;width:100%;
  padding:clamp(72px,9vw,132px) 24px clamp(64px,7vw,104px);
  color:var(--pcm-rev);
  background:
    linear-gradient(108deg,rgba(45,212,191,.13) 0%,rgba(45,212,191,0) 48%),
    linear-gradient(192deg,var(--pcm-ink-2) 0%,var(--pcm-ink) 64%,#050e10 100%);
}
/* the float scale as the hero's closing edge — decoration, no text over it */
#page-portfolio-csgo-marketplace .pcm-hero::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:5px;
  background:var(--pcm-float);
}
#page-portfolio-csgo-marketplace .pcm-hero__inner{
  max-width:900px;margin-inline:auto;text-align:center;
}
#page-portfolio-csgo-marketplace .pcm-hero .pcm-eyebrow{display:inline-block;}
#page-portfolio-csgo-marketplace .pcm-hero .pcm-eyebrow::before{
  left:50%;transform:translateX(-50%);
}
#page-portfolio-csgo-marketplace .pcm-hero__h1{
  margin:0 0 22px;
  font-size:clamp(44px,6.2vw,72px);
  line-height:1.05;font-weight:900;letter-spacing:-.035em;
  color:#ffffff;
}
#page-portfolio-csgo-marketplace .pcm-hero__lede{
  margin:0 auto;max-width:74ch;
  font-size:clamp(17px,1.3vw,19px);line-height:1.7;color:var(--pcm-rev);
}
#page-portfolio-csgo-marketplace .pcm-hero__act{margin-top:clamp(28px,3.2vw,40px);}
#page-portfolio-csgo-marketplace .pcm-trust{
  display:flex;flex-wrap:wrap;justify-content:center;gap:10px 26px;
  margin:clamp(30px,3.4vw,44px) 0 0;padding:0;list-style:none;
}
#page-portfolio-csgo-marketplace .pcm-trust li{
  position:relative;padding-left:20px;
  font-size:16px;font-weight:600;color:var(--pcm-rev-2);
}
#page-portfolio-csgo-marketplace .pcm-trust li::before{
  content:"";position:absolute;left:0;top:.56em;
  width:9px;height:9px;border-radius:2px;background:var(--pcm-accent-r);
}

/* ---- breadcrumb ------------------------------------------------------ */
#page-portfolio-csgo-marketplace .pcm-crumb{
  width:100%;background:var(--pcm-mist);border-bottom:1px solid var(--pcm-line);
}
#page-portfolio-csgo-marketplace .pcm-crumb ol{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px;
  margin:0;padding:15px 0;list-style:none;font-size:16px;color:var(--pcm-text-2);
}
#page-portfolio-csgo-marketplace .pcm-crumb li{display:flex;align-items:center;gap:8px;}
#page-portfolio-csgo-marketplace .pcm-crumb img{width:16px;height:16px;opacity:.5;}
#page-portfolio-csgo-marketplace .pcm-crumb a{color:var(--pcm-text-2);transition:color .16s ease;}
#page-portfolio-csgo-marketplace .pcm-crumb a:hover,
#page-portfolio-csgo-marketplace .pcm-crumb a:focus-visible{color:var(--pcm-accent);}
#page-portfolio-csgo-marketplace .pcm-crumb span{color:var(--pcm-text);font-weight:600;}

/* ---- skin market — banner over a readable measure --------------------- */
#page-portfolio-csgo-marketplace .pcm-banner{margin:0 0 clamp(32px,4vw,56px);}
#page-portfolio-csgo-marketplace .pcm-banner img{
  display:block;width:100%;height:auto;border-radius:12px;
}
#page-portfolio-csgo-marketplace .pcm-prose{max-width:80ch;}
#page-portfolio-csgo-marketplace .pcm-prose .pcm-body:last-of-type{margin-bottom:0;}

/* ---- trade bot rail --------------------------------------------------- */
#page-portfolio-csgo-marketplace .pcm-rail{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(18px,2.2vw,28px);margin:0;padding:0;list-style:none;
}
#page-portfolio-csgo-marketplace .pcm-rail > li{
  position:relative;padding-top:5px;
  background:var(--pcm-ink-2);border-radius:10px;overflow:hidden;
}
/* the float cap — the tile's wear grade, decorative */
#page-portfolio-csgo-marketplace .pcm-rail > li::before{
  content:"";position:absolute;left:0;right:0;top:0;height:5px;
  background:var(--pcm-float);
}
#page-portfolio-csgo-marketplace .pcm-rail img{display:block;width:100%;height:auto;}

/* ---- project cards ---------------------------------------------------- */
#page-portfolio-csgo-marketplace .pcm-worklist{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(20px,2.4vw,32px);margin:0;padding:0;list-style:none;
}
#page-portfolio-csgo-marketplace .pcm-card{
  position:relative;padding-top:5px;
  background:var(--pcm-paper);border:1px solid var(--pcm-line);
  border-radius:10px;overflow:hidden;
  transition:transform .18s ease,border-color .18s ease;
}
#page-portfolio-csgo-marketplace .pcm-card::before{
  content:"";position:absolute;left:0;right:0;top:0;height:5px;
  background:var(--pcm-float);
}
#page-portfolio-csgo-marketplace .pcm-card:hover{
  transform:translateY(-4px);border-color:var(--pcm-accent);
}
#page-portfolio-csgo-marketplace .pcm-card a{display:block;}
#page-portfolio-csgo-marketplace .pcm-card img{
  display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;
}
#page-portfolio-csgo-marketplace .pcm-card__t{
  margin:0;padding:18px 20px;
  font-size:18px;font-weight:700;line-height:1.35;color:var(--pcm-text);
}

/* ---- testimonials ----------------------------------------------------- */
#page-portfolio-csgo-marketplace .pcm-storylist{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(22px,2.6vw,36px);margin:0;padding:0;list-style:none;
}
#page-portfolio-csgo-marketplace .pcm-storylist > li{
  display:flex;flex-direction:column;gap:18px;
  padding:22px;background:var(--pcm-ink-2);border-radius:10px;
}
#page-portfolio-csgo-marketplace .pcm-vid{
  position:relative;display:block;width:100%;padding:0;
  border:0;background:none;cursor:pointer;line-height:0;border-radius:8px;overflow:hidden;
}
#page-portfolio-csgo-marketplace .pcm-vid img{display:block;width:100%;height:auto;}
#page-portfolio-csgo-marketplace .pcm-vid__play{
  position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);
  display:flex;align-items:center;justify-content:center;
  width:60px;height:60px;border-radius:50%;
  background:var(--pcm-accent-r);color:#04211d;
  transition:background-color .16s ease,transform .16s ease;
}
#page-portfolio-csgo-marketplace .pcm-vid:hover .pcm-vid__play{
  background:#5eead4;transform:translate(-50%,-50%) scale(1.06);
}
#page-portfolio-csgo-marketplace .pcm-story__frame{
  display:block;width:100%;aspect-ratio:4/3;border:0;border-radius:8px;
}
#page-portfolio-csgo-marketplace .pcm-storylist blockquote{margin:0;}
#page-portfolio-csgo-marketplace .pcm-storylist blockquote p{
  margin:0;font-size:16px;line-height:1.68;color:var(--pcm-rev);
}
#page-portfolio-csgo-marketplace .pcm-more{
  margin:clamp(28px,3vw,40px) 0 0;text-align:center;font-size:17px;
}

/* ---- area we serve ---------------------------------------------------- */
#page-portfolio-csgo-marketplace .pcm-servelist{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(20px,2.4vw,30px);margin:0;padding:0;list-style:none;
}
#page-portfolio-csgo-marketplace .pcm-servelist > li{
  padding:26px 24px;background:var(--pcm-mist);
  border-radius:10px;border-left:4px solid var(--pcm-accent);
}
#page-portfolio-csgo-marketplace .pcm-servelist h3{
  display:flex;align-items:center;gap:9px;margin:0 0 14px;
  font-size:18px;font-weight:800;letter-spacing:.05em;color:var(--pcm-text);
}
#page-portfolio-csgo-marketplace .pcm-servelist h3 img{flex:0 0 auto;width:14px;height:20px;}
#page-portfolio-csgo-marketplace .pcm-tel{
  display:inline-block;margin-bottom:10px;
  font-size:17px;font-weight:700;color:var(--pcm-accent);transition:color .16s ease;
}
#page-portfolio-csgo-marketplace .pcm-tel:hover,
#page-portfolio-csgo-marketplace .pcm-tel:focus-visible{color:var(--pcm-accent-d);}
#page-portfolio-csgo-marketplace .pcm-servelist .pcm-body{margin:0;font-size:16px;}

/* ---- CTA modal -------------------------------------------------------- */
#page-portfolio-csgo-marketplace .pcm-modal{
  position:fixed;inset:0;z-index:9999;
  display:none;align-items:flex-start;justify-content:center;
  padding: 100px 16px 24px 16px;overflow-y:auto;background:rgba(4,14,16,.78);
}
#page-portfolio-csgo-marketplace .pcm-modal.is-open{display:flex;}
#page-portfolio-csgo-marketplace .pcm-modal__box{
  position:relative;width:100%;max-width:640px;
  background:var(--pcm-paper);border-radius:12px;overflow:hidden;
}
#page-portfolio-csgo-marketplace .pcm-modal__box::before{
  content:"";position:absolute;left:0;right:0;top:0;height:5px;
  background:var(--pcm-float);
}
#page-portfolio-csgo-marketplace .pcm-modal__x{
  position:absolute;top:16px;right:12px;z-index:2;
  display:flex;align-items:center;justify-content:center;
  width:44px;height:44px;padding:0;border:0;cursor:pointer;border-radius:8px;
  background:var(--pcm-ink);color:#ffffff;transition:background-color .16s ease;
}
#page-portfolio-csgo-marketplace .pcm-modal__x:hover{background:var(--pcm-accent);}
#page-portfolio-csgo-marketplace .pcm-modal iframe{
  display:block;width:100%;min-height:860px;border:0;
}

/* ---- responsive ------------------------------------------------------- */
@media (max-width:1024px){
  #page-portfolio-csgo-marketplace .pcm-worklist,
  #page-portfolio-csgo-marketplace .pcm-storylist{grid-template-columns:repeat(2,minmax(0,1fr));}
  #page-portfolio-csgo-marketplace .pcm-servelist{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:768px){
  #page-portfolio-csgo-marketplace .pcm-rail{grid-template-columns:minmax(0,1fr);max-width:560px;margin-inline:auto;}
}
@media (max-width:640px){
  #page-portfolio-csgo-marketplace .pcm-worklist,
  #page-portfolio-csgo-marketplace .pcm-storylist,
  #page-portfolio-csgo-marketplace .pcm-servelist{grid-template-columns:minmax(0,1fr);}
  #page-portfolio-csgo-marketplace .pcm-btn{width:100%;}
  #page-portfolio-csgo-marketplace .pcm-modal iframe{min-height:900px;}
}

/* ---- reduced motion — the only motion here is hover/press feedback ----- */
@media (prefers-reduced-motion:reduce){
  #page-portfolio-csgo-marketplace *,
  #page-portfolio-csgo-marketplace *::before,
  #page-portfolio-csgo-marketplace *::after{
    animation:none !important;transition-duration:.01ms !important;
  }
}