/* ===================================================================
   /portfolio/csgo-crash — AISHTMLNEWDESIGN-482
   Visual direction: ASCENT CURVE
     Graphite base with an orange "ascent rule" — a short stepped bar that
     climbs to the right and marks every section opener. Cards carry a
     notched top-left corner cut on the same diagonal. The multiplier
     climbs the page; the reader picks the moment to act. The climb is
     drawn with static gradients only — nothing on this page moves unless
     the reader clicks, hovers or focuses (rule 26).

   EVERY selector below is scoped to #page-portfolio-csgo-crash. 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 and not re-scoped.
   =================================================================== */

#page-portfolio-csgo-crash{
  --pcr-ink:      #0a1018;
  --pcr-ink-2:    #121d2b;
  --pcr-ink-3:    #1c2b3d;
  --pcr-paper:    #ffffff;
  --pcr-linen:    #eef2f7;
  --pcr-text:     #131c28;
  --pcr-text-2:   #374151;
  --pcr-rev:      #f3f6fa;
  --pcr-rev-2:    #b8c6d6;
  --pcr-accent:   #ff7a18;
  --pcr-accent-d: #b34700;
  --pcr-rise:     #25d07c;
  --pcr-line:     #d6dee8;
  --pcr-line-rev: rgba(255,255,255,.14);
  --pcr-notch:    18px;

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

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

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

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

/* ---- type ------------------------------------------------------------ */
#page-portfolio-csgo-crash .pcr-h2{
  margin:0 0 18px;
  font-size:clamp(30px,3.6vw,46px);
  line-height:1.12;
  font-weight:800;
  letter-spacing:-.02em;
  color:var(--pcr-text);
}
#page-portfolio-csgo-crash .pcr-h2--rev{color:var(--pcr-rev);}

#page-portfolio-csgo-crash .pcr-body{
  margin:0 0 18px;font-size:17px;line-height:1.72;color:var(--pcr-text-2);
}
#page-portfolio-csgo-crash .pcr-body--lead{font-size:18px;max-width:72ch;}

/* The ascent rule — a stepped bar climbing right. Static gradient, no motion. */
#page-portfolio-csgo-crash .pcr-eyebrow{
  position:relative;
  margin:0 0 16px;padding-left:64px;
  font-size:16px;font-weight:700;line-height:1.4;
  letter-spacing:.11em;text-transform:uppercase;
  color:var(--pcr-accent-d);
}
#page-portfolio-csgo-crash .pcr-eyebrow::before{
  content:"";position:absolute;left:0;top:.52em;
  width:48px;height:12px;
  background:
    linear-gradient(var(--pcr-accent),var(--pcr-accent)) 0 8px/14px 4px no-repeat,
    linear-gradient(var(--pcr-accent),var(--pcr-accent)) 17px 4px/14px 4px no-repeat,
    linear-gradient(var(--pcr-rise),var(--pcr-rise))     34px 0/14px 4px no-repeat;
}
#page-portfolio-csgo-crash .pcr-eyebrow--rev{color:var(--pcr-accent);}

#page-portfolio-csgo-crash .pcr-head{max-width:78ch;margin-bottom:clamp(28px,3.4vw,48px);}
#page-portfolio-csgo-crash .pcr-head--centre{margin-inline:auto;text-align:center;}
#page-portfolio-csgo-crash .pcr-head--centre .pcr-eyebrow{
  padding-left:0;padding-top:20px;
}
#page-portfolio-csgo-crash .pcr-head--centre .pcr-eyebrow::before{
  left:50%;top:0;transform:translateX(-50%);
}

/* ---- links ----------------------------------------------------------- */
#page-portfolio-csgo-crash .pcr-inline{
  color:var(--pcr-accent-d);font-weight:700;
  border-bottom:2px solid rgba(255,122,24,.38);
  transition:border-color .16s ease,color .16s ease;
}
#page-portfolio-csgo-crash .pcr-inline:hover,
#page-portfolio-csgo-crash .pcr-inline:focus-visible{
  color:#8f3600;border-bottom-color:var(--pcr-accent);
}
#page-portfolio-csgo-crash .pcr-inline--rev{color:var(--pcr-accent);}

#page-portfolio-csgo-crash a:focus-visible,
#page-portfolio-csgo-crash button:focus-visible{
  outline:3px solid var(--pcr-accent);outline-offset:3px;border-radius:2px;
}

/* ---- buttons --------------------------------------------------------- */
#page-portfolio-csgo-crash .pcr-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:52px;padding:14px 32px;
  font-family:inherit;font-size:17px;font-weight:700;line-height:1.2;
  letter-spacing:.01em;
  border:2px solid transparent;border-radius:0;
  cursor:pointer;text-align:center;
  clip-path:polygon(var(--pcr-notch) 0,100% 0,100% calc(100% - var(--pcr-notch)),calc(100% - var(--pcr-notch)) 100%,0 100%,0 var(--pcr-notch));
  transition:transform .16s ease,background-color .16s ease,color .16s ease;
}
#page-portfolio-csgo-crash .pcr-btn--accent{
  background:var(--pcr-accent);color:#1a0d02;
}
#page-portfolio-csgo-crash .pcr-btn--accent:hover{background:#ff9040;transform:translateY(-2px);}
#page-portfolio-csgo-crash .pcr-btn--accent:active{transform:translateY(0);}
#page-portfolio-csgo-crash .pcr-btn--ink{
  background:var(--pcr-ink);color:var(--pcr-rev);
}
#page-portfolio-csgo-crash .pcr-btn--ink:hover{background:var(--pcr-ink-3);transform:translateY(-2px);}
#page-portfolio-csgo-crash .pcr-btn--ink:active{transform:translateY(0);}
#page-portfolio-csgo-crash .pcr-cta-row{margin-top:clamp(28px,3vw,44px);}
#page-portfolio-csgo-crash .pcr-work .pcr-cta-row,
#page-portfolio-csgo-crash .pcr-feat .pcr-cta-row{text-align:center;}

/* ---- hero — rule 24: full-bleed, STATIC gradient, no image, one CTA --- */
#page-portfolio-csgo-crash .pcr-hero{
  width:100%;
  padding:clamp(72px,9vw,132px) 24px clamp(64px,7vw,104px);
  color:var(--pcr-rev);
  background:
    linear-gradient(103deg,rgba(255,122,24,.16) 0%,rgba(255,122,24,0) 46%),
    linear-gradient(196deg,var(--pcr-ink-2) 0%,var(--pcr-ink) 62%,#060a10 100%);
  border-bottom:4px solid var(--pcr-accent);
}
#page-portfolio-csgo-crash .pcr-hero__inner{
  max-width:900px;margin-inline:auto;text-align:center;
}
#page-portfolio-csgo-crash .pcr-hero__h1{
  margin:0 0 22px;
  font-size:clamp(46px,6.6vw,76px);
  line-height:1.03;font-weight:900;letter-spacing:-.035em;
  color:#ffffff;
}
#page-portfolio-csgo-crash .pcr-hero__lede{
  margin:0 auto;max-width:74ch;
  font-size:clamp(17px,1.35vw,20px);line-height:1.68;
  color:var(--pcr-rev);
}
#page-portfolio-csgo-crash .pcr-hero__act{margin-top:clamp(28px,3.2vw,40px);}
#page-portfolio-csgo-crash .pcr-hero .pcr-eyebrow{
  padding-left:0;padding-top:20px;display:inline-block;
}
#page-portfolio-csgo-crash .pcr-hero .pcr-eyebrow::before{
  left:50%;top:0;transform:translateX(-50%);
}
#page-portfolio-csgo-crash .pcr-trust{
  display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px;
  margin:clamp(30px,3.4vw,44px) 0 0;padding:0;list-style:none;
}
#page-portfolio-csgo-crash .pcr-trust li{
  position:relative;padding-left:22px;
  font-size:16px;font-weight:600;color:var(--pcr-rev-2);
}
#page-portfolio-csgo-crash .pcr-trust li::before{
  content:"";position:absolute;left:0;top:.58em;
  width:10px;height:10px;background:var(--pcr-rise);
  clip-path:polygon(0 100%,100% 0,100% 100%);
}

/* ---- breadcrumb ------------------------------------------------------ */
#page-portfolio-csgo-crash .pcr-crumb{
  width:100%;background:var(--pcr-ink-2);
  border-bottom:1px solid var(--pcr-line-rev);
}
#page-portfolio-csgo-crash .pcr-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(--pcr-rev-2);
}
#page-portfolio-csgo-crash .pcr-crumb li{display:flex;align-items:center;gap:8px;}
#page-portfolio-csgo-crash .pcr-crumb img{width:16px;height:16px;opacity:.65;}
#page-portfolio-csgo-crash .pcr-crumb a{color:var(--pcr-rev-2);transition:color .16s ease;}
#page-portfolio-csgo-crash .pcr-crumb a:hover,
#page-portfolio-csgo-crash .pcr-crumb a:focus-visible{color:var(--pcr-accent);}
#page-portfolio-csgo-crash .pcr-crumb span{color:var(--pcr-rev);font-weight:600;}

/* ---- split (copy + figure) ------------------------------------------- */
#page-portfolio-csgo-crash .pcr-split{
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:clamp(32px,4.5vw,72px);align-items:center;
}
#page-portfolio-csgo-crash .pcr-split__fig{margin:0;}
#page-portfolio-csgo-crash .pcr-split__fig img{
  display:block;width:100%;height:auto;
  clip-path:polygon(34px 0,100% 0,100% calc(100% - 34px),calc(100% - 34px) 100%,0 100%,0 34px);
}
#page-portfolio-csgo-crash .pcr-split--rev .pcr-split__fig{order:-1;}

/* ---- features -------------------------------------------------------- */
#page-portfolio-csgo-crash .pcr-feat__grid{
  display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);
  gap:clamp(32px,4.5vw,64px);align-items:start;
}
#page-portfolio-csgo-crash .pcr-ticks{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px 28px;margin:0;padding:0;list-style:none;
}
#page-portfolio-csgo-crash .pcr-ticks li{
  display:flex;align-items:flex-start;gap:12px;
  padding:14px 16px;
  background:var(--pcr-ink-2);
  border-left:3px solid var(--pcr-accent);
  font-size:16px;line-height:1.55;font-weight:600;color:var(--pcr-rev);
}
#page-portfolio-csgo-crash .pcr-ticks img{
  flex:0 0 auto;width:22px;height:22px;margin-top:2px;
}
#page-portfolio-csgo-crash .pcr-feat__fig{margin:0;}
#page-portfolio-csgo-crash .pcr-feat__fig img{
  display:block;width:100%;height:auto;
  clip-path:polygon(34px 0,100% 0,100% calc(100% - 34px),calc(100% - 34px) 100%,0 100%,0 34px);
}

/* ---- the ascent ladder ----------------------------------------------- */
#page-portfolio-csgo-crash .pcr-start__grid{
  display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);
  gap:clamp(32px,4.5vw,64px);align-items:center;
}
#page-portfolio-csgo-crash .pcr-steps{
  margin:0;padding:0;list-style:none;
  display:flex;flex-direction:column;gap:14px;
}
#page-portfolio-csgo-crash .pcr-step{
  display:flex;align-items:flex-start;gap:18px;
  padding:20px 24px;
  background:var(--pcr-paper);
  border:1px solid var(--pcr-line);
  border-left:4px solid var(--pcr-accent);
}
/* each rung sits a little higher than the last — the ascent, drawn once */
#page-portfolio-csgo-crash .pcr-step:nth-child(2){margin-left:clamp(0px,2vw,26px);}
#page-portfolio-csgo-crash .pcr-step:nth-child(3){margin-left:clamp(0px,4vw,52px);}
#page-portfolio-csgo-crash .pcr-step:nth-child(4){margin-left:clamp(0px,6vw,78px);}
#page-portfolio-csgo-crash .pcr-step__n{
  flex:0 0 auto;margin:0;
  font-size:26px;font-weight:900;line-height:1.1;letter-spacing:-.04em;
  color:var(--pcr-accent-d);
}
#page-portfolio-csgo-crash .pcr-step__t{
  margin:0;font-size:17px;line-height:1.6;color:var(--pcr-text);
}
#page-portfolio-csgo-crash .pcr-start__fig{margin:0;}
#page-portfolio-csgo-crash .pcr-start__fig img{
  display:block;width:100%;height:auto;
  clip-path:polygon(34px 0,100% 0,100% calc(100% - 34px),calc(100% - 34px) 100%,0 100%,0 34px);
}

/* ---- full-bleed band ------------------------------------------------- */
#page-portfolio-csgo-crash .pcr-band{
  width:100%;
  padding:clamp(56px,7vw,104px) 24px;
  color:var(--pcr-rev);text-align:center;
  background:
    linear-gradient(257deg,rgba(37,208,124,.14) 0%,rgba(37,208,124,0) 52%),
    linear-gradient(164deg,var(--pcr-ink-3) 0%,var(--pcr-ink) 100%);
}
#page-portfolio-csgo-crash .pcr-band__inner{max-width:900px;margin-inline:auto;}
#page-portfolio-csgo-crash .pcr-band__p{
  margin:0 auto;max-width:76ch;
  font-size:17px;line-height:1.72;color:var(--pcr-rev);
}

/* ---- why us ----------------------------------------------------------
   Rule 39A. The tag paints a background, so it must own its foreground at a
   specificity the section's own prose rule cannot beat:
     .pcr-why p                  -> (0,1,1)
     .pcr-why p.pcr-why__tag     -> (0,2,1)   wins on class count, not on order
   ---------------------------------------------------------------------- */
#page-portfolio-csgo-crash .pcr-whylist{
  margin:0;padding:0;list-style:none;
  display:flex;flex-direction:column;gap:22px;
}
#page-portfolio-csgo-crash .pcr-whylist > li{
  padding-left:20px;border-left:3px solid var(--pcr-line);
}
#page-portfolio-csgo-crash .pcr-why p{color:var(--pcr-text-2);}
#page-portfolio-csgo-crash .pcr-why p strong.pcr-why__tag{
  display:block;width:fit-content;margin:0 0 10px;padding:7px 16px;
  background:var(--pcr-ink);
  color:#ffffff;
  font-size:16px;font-weight:700;letter-spacing:.02em;
  clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);
}
#page-portfolio-csgo-crash .pcr-whylist .pcr-body{margin:0;}

/* ---- project cards --------------------------------------------------- */
#page-portfolio-csgo-crash .pcr-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-crash .pcr-card{
  background:var(--pcr-paper);border:1px solid var(--pcr-line);
  transition:transform .18s ease,border-color .18s ease;
}
#page-portfolio-csgo-crash .pcr-card:hover{
  transform:translateY(-4px);border-color:var(--pcr-accent);
}
#page-portfolio-csgo-crash .pcr-card a{display:block;}
#page-portfolio-csgo-crash .pcr-card img{
  display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;
}
#page-portfolio-csgo-crash .pcr-card__t{
  margin:0;padding:18px 20px;
  font-size:18px;font-weight:700;line-height:1.35;color:var(--pcr-text);
}

/* ---- testimonials ---------------------------------------------------- */
#page-portfolio-csgo-crash .pcr-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-crash .pcr-storylist > li{
  display:flex;flex-direction:column;gap:18px;
  padding:22px;background:var(--pcr-ink-2);
  border-top:3px solid var(--pcr-accent);
}
#page-portfolio-csgo-crash .pcr-vid{
  position:relative;display:block;width:100%;padding:0;
  border:0;background:none;cursor:pointer;line-height:0;
}
#page-portfolio-csgo-crash .pcr-vid img{display:block;width:100%;height:auto;}
#page-portfolio-csgo-crash .pcr-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(--pcr-accent);color:#1a0d02;
  transition:background-color .16s ease,transform .16s ease;
}
#page-portfolio-csgo-crash .pcr-vid:hover .pcr-vid__play{
  background:#ff9040;transform:translate(-50%,-50%) scale(1.06);
}
#page-portfolio-csgo-crash .pcr-story__frame{
  display:block;width:100%;aspect-ratio:4/3;border:0;
}
#page-portfolio-csgo-crash .pcr-storylist blockquote{margin:0;}
#page-portfolio-csgo-crash .pcr-storylist blockquote p{
  margin:0;font-size:16px;line-height:1.68;color:var(--pcr-rev);
}
#page-portfolio-csgo-crash .pcr-more{
  margin:clamp(28px,3vw,40px) 0 0;text-align:center;font-size:17px;
}

/* ---- area we serve --------------------------------------------------- */
#page-portfolio-csgo-crash .pcr-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-crash .pcr-servelist > li{
  padding:26px 24px;background:var(--pcr-linen);
  clip-path:polygon(22px 0,100% 0,100% calc(100% - 22px),calc(100% - 22px) 100%,0 100%,0 22px);
}
#page-portfolio-csgo-crash .pcr-servelist h3{
  display:flex;align-items:center;gap:9px;
  margin:0 0 14px;
  font-size:18px;font-weight:800;letter-spacing:.05em;color:var(--pcr-text);
}
#page-portfolio-csgo-crash .pcr-servelist h3 img{flex:0 0 auto;width:14px;height:20px;}
#page-portfolio-csgo-crash .pcr-tel{
  display:inline-block;margin-bottom:10px;
  font-size:17px;font-weight:700;color:var(--pcr-accent-d);
  transition:color .16s ease;
}
#page-portfolio-csgo-crash .pcr-tel:hover,
#page-portfolio-csgo-crash .pcr-tel:focus-visible{color:#8f3600;}
#page-portfolio-csgo-crash .pcr-servelist .pcr-body{margin:0;font-size:16px;}

/* ---- CTA modal ------------------------------------------------------- */
#page-portfolio-csgo-crash .pcr-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(6,10,16,.78);
}
#page-portfolio-csgo-crash .pcr-modal.is-open{display:flex;}
#page-portfolio-csgo-crash .pcr-modal__box{
  position:relative;width:100%;max-width:640px;
  background:var(--pcr-paper);
  border-top:4px solid var(--pcr-accent);
}
#page-portfolio-csgo-crash .pcr-modal__x{
  position:absolute;top:12px;right:12px;z-index:2;
  display:flex;align-items:center;justify-content:center;
  width:44px;height:44px;padding:0;
  background:var(--pcr-ink);color:#ffffff;border:0;cursor:pointer;
  transition:background-color .16s ease;
}
#page-portfolio-csgo-crash .pcr-modal__x:hover{background:var(--pcr-accent);color:#1a0d02;}
#page-portfolio-csgo-crash .pcr-modal iframe{
  display:block;width:100%;min-height:860px;border:0;
}

/* ---- responsive ------------------------------------------------------ */
@media (max-width:1024px){
  #page-portfolio-csgo-crash .pcr-split,
  #page-portfolio-csgo-crash .pcr-feat__grid,
  #page-portfolio-csgo-crash .pcr-start__grid{grid-template-columns:minmax(0,1fr);}
  #page-portfolio-csgo-crash .pcr-split--rev .pcr-split__fig{order:0;}
  #page-portfolio-csgo-crash .pcr-split__fig,
  #page-portfolio-csgo-crash .pcr-feat__fig,
  #page-portfolio-csgo-crash .pcr-start__fig{max-width:560px;margin-inline:auto;}
  #page-portfolio-csgo-crash .pcr-worklist,
  #page-portfolio-csgo-crash .pcr-storylist{grid-template-columns:repeat(2,minmax(0,1fr));}
  #page-portfolio-csgo-crash .pcr-servelist{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:768px){
  #page-portfolio-csgo-crash .pcr-ticks{grid-template-columns:minmax(0,1fr);}
  #page-portfolio-csgo-crash .pcr-step:nth-child(2),
  #page-portfolio-csgo-crash .pcr-step:nth-child(3),
  #page-portfolio-csgo-crash .pcr-step:nth-child(4){margin-left:0;}
}
@media (max-width:640px){
  #page-portfolio-csgo-crash .pcr-worklist,
  #page-portfolio-csgo-crash .pcr-storylist,
  #page-portfolio-csgo-crash .pcr-servelist{grid-template-columns:minmax(0,1fr);}
  #page-portfolio-csgo-crash .pcr-btn{width:100%;}
  #page-portfolio-csgo-crash .pcr-trust{gap:10px 18px;}
  #page-portfolio-csgo-crash .pcr-modal iframe{min-height:900px;}
}

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