/* ============ TOKENS ============ */
.project-index-section{
  --paper:#f5f2ec; --white:#fbfaf7; --ink:#111923; --muted:#697077;
  --navy:#071d2a; --line:#d9d3ca; --orange:#e36e35;
  --blue:#297dbe; --green:#238264; --purple:#7858b7; --gold:#f3d695;
  --shadow:0 18px 44px rgba(7,29,42,.09);
}
.project-index-section *{box-sizing:border-box}
.project-index-section{scroll-behavior:smooth}
.project-index-section{margin:0;background:var(--paper);color:var(--ink);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
body.modal-open{overflow:hidden}
.project-index-section button,.project-index-section a{font:inherit;color:inherit}
.project-index-section button{border:0;background:none;text-align:left;cursor:pointer}
.project-index-section h1,.project-index-section h2,.project-index-section h3,.project-index-section h4{margin:0;letter-spacing:-.035em;line-height:1.05}
.project-index-section p{margin:0}

.project-index-section .eyebrow,.project-index-section .type,.project-index-section .label{font-size:10px;text-transform:uppercase;letter-spacing:.16em;font-weight:700;color:var(--orange);margin:0}
.project-index-section .type--blue{color:var(--blue)}.project-index-section .type--green{color:var(--green)}
.project-index-section .type--purple{color:var(--purple)}.project-index-section .type--gold{color:#b98a3c}
.project-index-section .type--blaze{color:#d85b21}.project-index-section .type--council{color:#f2bf63}.project-index-section .type--hotel{color:#f4d39a}

/* ============ NAV ============ */
.project-index-section .nav{height:72px;padding:0 clamp(22px,5vw,76px);display:flex;align-items:center;justify-content:space-between;
  border-bottom:1px solid rgba(17,25,35,.12);position:sticky;top:0;z-index:20;
  background:rgba(245,242,236,.9);backdrop-filter:blur(16px)}
.project-index-section .nav a{text-decoration:none}
.project-index-section .brand{font-weight:700}
.project-index-section .nav-right{display:flex;gap:24px}
.project-index-section .nav-right a{font-size:13px;color:#596168}
.project-index-section .nav-right a:hover{color:var(--orange)}

.project-index-main{max-width:1480px;margin:auto;padding:0 clamp(22px,5vw,76px) 80px}

/* ============ INTRO ============ */
.project-index-section .intro{padding:92px 0 56px;display:grid;grid-template-columns:1.25fr .75fr;gap:80px;align-items:end}
.project-index-section .intro .eyebrow{margin-bottom:16px}
.project-index-section .intro h1{font-size:clamp(52px,6vw,88px);line-height:.98;letter-spacing:-.055em;max-width:900px}
.project-index-section .intro h1 em{font-family:"Instrument Serif",Georgia,serif;font-style:normal;font-weight:400;color:var(--orange)}
.project-index-section .intro-side p{font-size:19px;line-height:1.55;margin-bottom:20px}
.project-index-section .intro-side span{color:var(--muted);font-size:13px;line-height:1.6;display:block}

/* ============ FILTER BAR ============ */
.project-index-section .filter-bar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-height:78px;
  display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;margin-bottom:24px;padding:14px 0}
.project-index-section .filter-label{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px}
.project-index-section .pulse{width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px rgba(227,110,53,.12)}
.project-index-section .filters{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.project-index-section .filters button{border:1px solid var(--line);color:#5b6268;border-radius:999px;padding:10px 15px;font-size:11px;
  transition:background .18s,color .18s,border-color .18s}
.project-index-section .filters button:hover{border-color:#b9b1a5}
.project-index-section .filters button.is-active{background:var(--navy);color:#fff;border-color:var(--navy)}

/* ============ PROJECTS: RENARD BAND + INDEX 6 MOSAIC ============ */
.project-index-section .work-stack{display:grid;gap:15px}

/* Renard uses its actual warm-black, cream and orange product identity. */
.project-index-section .feature{
  position:relative;border-radius:24px;overflow:hidden;color:#f3ede3;
  background:radial-gradient(80% 100% at 78% 8%,rgba(232,99,42,.16),transparent 52%),#1a1512;
  display:grid;grid-template-columns:.92fr 1.08fr;width:100%;
  box-shadow:0 0 0 1px rgba(243,237,227,.09),0 24px 68px rgba(31,19,12,.18);
  transition:transform .3s cubic-bezier(.2,.7,.3,1),box-shadow .3s
}
.project-index-section .feature[hidden]{display:none}
.project-index-section .feature:hover{transform:translateY(-4px);box-shadow:0 0 0 1px rgba(232,99,42,.23),0 34px 84px rgba(31,19,12,.28)}
.project-index-section .feature:focus-visible{outline:3px solid rgba(232,99,42,.55);outline-offset:4px}
.project-index-section .feature-copy{padding:clamp(30px,3.6vw,50px);display:flex;flex-direction:column;justify-content:space-between;gap:34px;font-family:"Sora",Inter,sans-serif}
.project-index-section .renard-lockup{display:flex;align-items:center;gap:12px;margin-bottom:24px}
.project-index-section .renard-fox{width:42px;height:39px;filter:drop-shadow(0 12px 20px rgba(232,99,42,.2))}
.project-index-section .renard-wordmark{font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-size:34px;line-height:1;color:#e8632a;letter-spacing:-.025em}
.project-index-section .renard-status{margin-left:auto;font-family:"IBM Plex Mono",monospace;font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:rgba(243,237,227,.48)}
.project-index-section .feature-copy h2{font-family:"Sora",Inter,sans-serif;font-size:clamp(30px,3.4vw,47px);line-height:1.02;letter-spacing:-.05em;margin:0 0 17px;max-width:17ch}
.project-index-section .feature-copy h2 em{font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-weight:400;color:#ff8347;letter-spacing:-.025em}
.project-index-section .feature-copy>div>p{font-size:14.5px;line-height:1.68;color:rgba(243,237,227,.68);max-width:49ch}
.project-index-section .feature-foot{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.project-index-section .feature-pill{display:inline-flex;align-items:center;gap:9px;background:#e8632a;color:#120b06;border-radius:999px;padding:12px 18px;font-size:11.5px;font-weight:800}
.project-index-section .feature-foot small{font-family:"IBM Plex Mono",monospace;font-size:9.5px;color:rgba(243,237,227,.42);letter-spacing:.04em}
.project-index-section .feature-art{position:relative;padding:18px 20px 18px 0;display:grid;align-items:center}
.project-index-section .feature-art .anchor{height:auto;aspect-ratio:16/10;border-radius:19px}

.project-index-section .project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;align-items:stretch}
.project-index-section .index-card{
  position:relative;overflow:hidden;border:0;border-radius:18px;background:var(--white);min-height:410px;
  display:flex;flex-direction:column;box-shadow:0 0 0 1px rgba(17,25,35,.075);
  transition:transform .25s,box-shadow .25s
}
.project-index-section .index-card:hover{transform:translateY(-4px);box-shadow:0 0 0 1px rgba(17,25,35,.1),var(--shadow)}
.project-index-section .index-card:focus-visible{outline:3px solid rgba(227,110,53,.4);outline-offset:3px}
.project-index-section .index-card[hidden]{display:none}
.project-index-section .card-art{position:relative;overflow:hidden;height:222px;flex:none}
.project-index-section .card-art .anchor{position:absolute;inset:0}
.project-index-section .index-copy{padding:25px 25px 52px;position:relative;z-index:3}
.project-index-section .index-copy h2{font-size:28px;letter-spacing:-.035em;line-height:1.05;margin:10px 0 12px}
.project-index-section .index-copy>p:not(.type){font-size:13px;line-height:1.55;color:#5a6268}
.project-index-section .chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:19px}
.project-index-section .chips span{font-size:9px;border:1px solid var(--line);background:#f0ede7;color:#5d646a;padding:7px 9px;border-radius:999px}
.project-index-section .view{position:absolute;right:20px;bottom:18px;font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:700;z-index:5}
.project-index-section .stat{position:absolute;left:22px;bottom:20px;display:flex;align-items:baseline;gap:8px;color:#fff;z-index:4}
.project-index-section .stat strong{font-size:25px;letter-spacing:-.04em}
.project-index-section .stat span{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#aebdc4}

/* Index 6 structure: three two-column flagships, four compact cards, one wide card. */
.project-index-section .index-card--feature{
  grid-column:span 2;min-height:330px;display:grid;grid-template-columns:1fr 1.05fr;
  color:#fff;background:var(--navy);box-shadow:0 0 0 1px rgba(7,29,42,.12)
}
.project-index-section .index-card--feature .card-art{height:100%;min-height:330px}
.project-index-section .index-card--feature .index-copy{padding:34px 28px 34px 12px;align-self:center;flex:none}
.project-index-section .index-card--feature .index-copy>p:not(.type){color:#c9d4d9}
.project-index-section .index-card--feature .chips span{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.07);color:#dbe4e8}
.project-index-section .index-card--feature .view{color:#fff}

/* Oro uses one continuous red field: no visible art/copy seam. */
.project-index-section .index-card--oro{
  background:radial-gradient(105% 120% at 18% 40%,#9b252d 0,#6a1219 54%,#4a0d13 100%);
  box-shadow:0 0 0 1px rgba(74,13,19,.16)
}
.project-index-section .index-card--oro .a-oro{background:transparent}
.project-index-section .index-card--oro .type{color:var(--gold)}
.project-index-section .index-card--oro .index-copy>p:not(.type){color:rgba(255,255,255,.76)}
.project-index-section .index-card--oro .chips span{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:rgba(255,255,255,.88)}

/* ContactPoint360 is a single steel-blue process surface, distinct from Skyrise's control-room navy. */
.project-index-section .index-card--cp{
  background:radial-gradient(110% 130% at 12% 22%,#356b84 0,#173f55 45%,#0b2737 100%);
  box-shadow:0 0 0 1px rgba(11,39,55,.16)
}
.project-index-section .index-card--cp .a-cp{background:transparent}
.project-index-section .index-card--cp .type{color:#8ee1ee}
.project-index-section .index-card--cp .index-copy>p:not(.type){color:#d2e3e9}
.project-index-section .index-card--cp .chips span{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.075);color:#e1eef2}

/* BlazePDF uses the same warm study palette and deep navy workspace as its product site. */
.project-index-section .index-card--blaze{background:linear-gradient(145deg,#fff4e8 0,#fffbe6 100%)}
.project-index-section .index-card--blaze .a-blaze{background:transparent}
.project-index-section .index-card--blaze .index-copy h2{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:800;letter-spacing:-.05em}
.project-index-section .index-card--blaze .index-copy>p:not(.type){color:#5e6472}
.project-index-section .index-card--blaze .chips span{border-color:#e8d8c4;background:rgba(255,255,255,.64);color:#5f5260}

/* Pupil Council becomes one cobalt treasury surface instead of a generic receipt card. */
.project-index-section .index-card--council{
  color:#fff;background:radial-gradient(115% 120% at 20% 12%,#315da5 0,#1b386f 48%,#101f44 100%);
  box-shadow:0 0 0 1px rgba(16,31,68,.18)
}
.project-index-section .index-card--council .a-council{background:transparent}
.project-index-section .index-card--council .index-copy>p:not(.type){color:#cbd7ed}
.project-index-section .index-card--council .chips span{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.075);color:#e4ebf7}
.project-index-section .index-card--council .view{color:#fff}

/* Golden Peak is one hospitality-colored route from Messenger guest chat to Viber staff alert. */
.project-index-section .index-card--hotel{
  color:#fff;background:radial-gradient(120% 145% at 8% 12%,#9a6536 0,#5e351d 48%,#2a170f 100%);
  box-shadow:0 0 0 1px rgba(42,23,15,.2)
}
.project-index-section .index-card--hotel .a-hotel{background:transparent}
.project-index-section .index-card--hotel .index-copy>p:not(.type){color:#ead8c3}
.project-index-section .index-card--hotel .chips span{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.075);color:#f7e8d4}
.project-index-section .index-card--hotel .view{color:#fff}

/* Catchafire is one continuous purple contribution card. */
.project-index-section .index-card--catchafire{
  color:#fff;background:radial-gradient(120% 130% at 12% 8%,#6f54a7 0,#493575 45%,#291e49 100%);
  box-shadow:0 0 0 1px rgba(41,30,73,.18)
}
.project-index-section .index-card--catchafire .a-cafire{background:transparent}
.project-index-section .index-card--catchafire .type{color:#e8dcff}
.project-index-section .index-card--catchafire .index-copy>p:not(.type){color:#d9cfee}
.project-index-section .index-card--catchafire .chips span{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.09);color:#f1eaff}
.project-index-section .index-card--catchafire .view{color:#fff}

/* Skyrise website stays mostly white, with its real red/blue corporate palette. */
.project-index-section .index-card--web{background:#fff;box-shadow:0 0 0 1px rgba(31,44,61,.085)}
.project-index-section .index-card--web .type{color:#e5232a}
.project-index-section .index-card--web .chips span{background:#f5f6f8;border-color:#dce1e7;color:#465267}
.project-index-section .index-card--wide{grid-column:span 2;min-height:360px;display:grid;grid-template-columns:1.08fr .92fr}
.project-index-section .index-card--wide .card-art{height:100%}
.project-index-section .index-card--wide .index-copy{align-self:center;flex:none;padding:28px 26px 28px 22px}

/* ============ CREDENTIALS: MINIMAL HORIZONTAL CAROUSEL ============ */
.project-index-section .credentials-section{padding-top:78px}
.project-index-section .credentials-head{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:22px}
.project-index-section .credentials-head h2{font-size:clamp(31px,3.8vw,48px);letter-spacing:-.05em;margin-top:12px}
.project-index-section .credentials-head>p{font-size:13px;line-height:1.6;color:var(--muted);max-width:48ch}
.project-index-section .credentials-shell{position:relative}
.project-index-section .credentials-track{
  display:grid;grid-auto-flow:column;grid-auto-columns:minmax(245px,25%);gap:10px;overflow-x:auto;
  scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:2px 1px 12px;scrollbar-width:none
}
.project-index-section .credentials-track::-webkit-scrollbar{display:none}
.project-index-section .credential-card{
  min-height:158px;scroll-snap-align:start;border:1px solid rgba(17,25,35,.09);border-radius:15px;
  background:rgba(251,250,247,.82);padding:20px;display:flex;flex-direction:column;text-decoration:none;
  transition:transform .2s,box-shadow .2s,border-color .2s;box-shadow:0 8px 25px rgba(7,29,42,.035)
}
.project-index-section .credential-card:hover{transform:translateY(-3px);border-color:rgba(17,25,35,.16);box-shadow:0 15px 34px rgba(7,29,42,.08)}
.project-index-section .credential-card:focus-visible{outline:3px solid rgba(227,110,53,.35);outline-offset:3px}
.project-index-section .credential-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.project-index-section .credential-kind{font-size:8.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:800}
.project-index-section .credential-mark{width:28px;height:28px;border-radius:8px;background:#ece8e0;display:grid;place-items:center;font-size:9px;font-weight:800;color:var(--navy)}
.project-index-section .credential-card strong{display:block;font-size:25px;line-height:1.02;letter-spacing:-.045em;margin-top:25px}
.project-index-section .credential-card strong small{font-size:.48em;font-weight:700;color:#90969b;letter-spacing:-.02em}
.project-index-section .credential-card p{font-size:11px;line-height:1.45;color:var(--muted);margin-top:8px;max-width:28ch}
.project-index-section .credential-card .credential-foot{margin-top:auto;padding-top:17px;font-size:8.5px;letter-spacing:.12em;text-transform:uppercase;color:#aaa297;font-weight:800}
.project-index-section .credential-card--academic{background:#f0ede7}
.project-index-section .credential-card--primary{background:var(--navy);color:#fff;border-color:var(--navy)}
.project-index-section .credential-card--primary .credential-kind,.project-index-section .credential-card--primary p,.project-index-section .credential-card--primary .credential-foot{color:#adbec7}
.project-index-section .credential-card--primary .credential-mark{background:rgba(255,255,255,.1);color:#fff}
.project-index-section .credential-card--leadership{background:linear-gradient(145deg,#254d88,#132b57);color:#fff;border-color:#19366c}
.project-index-section .credential-card--leadership .credential-kind,.project-index-section .credential-card--leadership p,.project-index-section .credential-card--leadership .credential-foot{color:#c4d2e8}
.project-index-section .credential-card--leadership .credential-mark{background:rgba(255,255,255,.11);color:#fff}
.project-index-section .credentials-controls{display:flex;gap:7px;margin-top:8px;justify-content:flex-end}
.project-index-section .credentials-controls button{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:17px;background:rgba(251,250,247,.72);transition:background .18s,border-color .18s}
.project-index-section .credentials-controls button:hover{background:#fff;border-color:#b9b1a5}
.project-index-section .credentials-controls button:disabled{opacity:.35;cursor:default}
@media (max-width:1100px){.project-index-section .credentials-track{grid-auto-columns:minmax(240px,38%)}}
@media (max-width:680px){
  .project-index-section .credentials-section{padding-top:58px}.project-index-section .credentials-head{align-items:flex-start;flex-direction:column;gap:12px}
  .project-index-section .credentials-track{grid-auto-columns:minmax(230px,82%)}.project-index-section .credentials-controls{justify-content:flex-start}
}

/* ============ CLOSING ============ */
.project-index-section .closing{margin-top:62px;border-top:1px solid var(--line);padding-top:40px;display:flex;align-items:end;justify-content:space-between;gap:36px;flex-wrap:wrap}
.project-index-section .closing h2{font-family:"Instrument Serif",Georgia,serif;font-size:clamp(26px,3.2vw,38px);line-height:1.12;font-weight:400;letter-spacing:-.02em;max-width:850px}
.project-index-section .closing a{background:var(--navy);color:#fff;text-decoration:none;border-radius:999px;padding:15px 18px;font-size:11px;font-weight:700;white-space:nowrap}

/* ============ RESPONSIVE (PAGE) ============ */
@media (max-width:1100px){
  .project-index-section .project-grid{grid-template-columns:repeat(2,1fr)}
  .project-index-section .index-card--feature,.project-index-section .index-card--wide{grid-column:span 2}
  .project-index-section .intro,.project-index-section .proof-head{grid-template-columns:1fr;gap:28px}
  .project-index-section .proof{grid-template-columns:1fr}
  .project-index-section .academic{border-right:0;border-bottom:1px solid var(--line)}
  .project-index-section .filter-bar{align-items:flex-start;flex-direction:column}.project-index-section .filters{justify-content:flex-start}
}
@media (max-width:820px){
  .project-index-section .feature{grid-template-columns:1fr}
  .project-index-section .feature-art{padding:0 22px 22px}
}
@media (max-width:680px){
  .project-index-section .nav{padding:0 18px}.project-index-section .nav-right{gap:14px}.project-index-section .nav-right a:nth-child(-n/**/+2){display:none}
  .project-index-section .intro{padding-top:60px}.project-index-section .intro h1{font-size:50px}
  .project-index-section .project-grid{grid-template-columns:1fr}
  .project-index-section .index-card--feature,.project-index-section .index-card--wide{grid-column:span 1;display:flex;flex-direction:column;min-height:0}
  .project-index-section .index-card--feature .card-art,.project-index-section .index-card--wide .card-art{height:230px;min-height:0}
  .project-index-section .index-card--feature .index-copy{padding:25px 25px 52px}
  .project-index-section .creds{grid-template-columns:1fr}
  .project-index-section .cred,.project-index-section .cred:nth-child(2n),.project-index-section .cred:nth-last-child(-n/**/+2),.project-index-section .cred:last-child{grid-column:auto;border-right:0;border-bottom:1px solid var(--line)}
  .project-index-section .cred:last-child{border-bottom:0}
  .project-index-section .closing{flex-direction:column;align-items:flex-start}
}
@media (prefers-reduced-motion:reduce){.project-index-section *{transition:none!important;animation:none!important}.project-index-section{scroll-behavior:auto}}

/* ================= VISUAL ANCHORS =================
   Every anchor is a 16:10 stage. All interior sizes are in cqw
   (1cqw = 1% of the stage width) so a single markup block renders
   correctly in a 300px card and a 560px modal hero. */
.project-index-section .anchor{position:relative;width:100%;height:100%;overflow:hidden;background:var(--navy)}
.project-index-section .anchor .fit{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:100%;aspect-ratio:16/10;container-type:inline-size}
.project-index-section .anchor .tag{
  position:absolute;left:4cqw;bottom:4cqw;z-index:9;
  font-size:2.5cqw;letter-spacing:.14em;text-transform:uppercase;font-weight:800;
  color:rgba(255,255,255,.72);
}
.project-index-section .anchor .tag b{color:#ffb98d;font-weight:800}

/* ---- 00 RENARD · actual layered creative-workflow identity ---- */
.project-index-section .a-renard{background:radial-gradient(72% 75% at 70% 18%,rgba(232,99,42,.2),transparent 58%),linear-gradient(145deg,#211b17,#110e0c)}
.project-index-section .a-renard .renard-stage{position:absolute;inset:0;perspective:115cqw;transform-style:preserve-3d}
.project-index-section .a-renard .artboard{
  position:absolute;left:27cqw;top:8cqw;width:48cqw;height:48cqw;border-radius:2.2cqw;
  transform-style:preserve-3d;transform:rotateX(16deg) rotateY(-22deg) rotateZ(-5deg) translate3d(var(--x),var(--y),var(--z));
  border:.3cqw solid rgba(243,237,227,.18);box-shadow:0 7cqw 17cqw rgba(0,0,0,.38);
  transition:transform .55s cubic-bezier(.16,1,.3,1),border-color .35s
}
.project-index-section .a-renard .ghost1{--x:-8cqw;--y:5cqw;--z:-18cqw;background:rgba(243,237,227,.025)}
.project-index-section .a-renard .ghost2{--x:-4cqw;--y:2.5cqw;--z:-9cqw;background:rgba(243,237,227,.035)}
.project-index-section .a-renard .ghost3{--x:0cqw;--y:0cqw;--z:0cqw;background:rgba(243,237,227,.045)}
.project-index-section .a-renard .poster{--x:4cqw;--y:-2.5cqw;--z:11cqw;background:#33251f;padding:4cqw;overflow:hidden;border-color:rgba(255,131,71,.5)}
.project-index-section .a-renard .poster:before{content:"";position:absolute;inset:4cqw;background:#e8632a}
.project-index-section .a-renard .poster:after{content:"";position:absolute;left:10cqw;top:11cqw;width:26cqw;height:27cqw;background:#3a2822;box-shadow:25cqw 0 0 #f3ede3}
.project-index-section .a-renard .poster-brand,.project-index-section .a-renard .poster-q,.project-index-section .a-renard .poster-year,.project-index-section .a-renard .poster-open,.project-index-section .a-renard .poster-copy,.project-index-section .a-renard .poster-small{position:absolute;z-index:4;color:#f3ede3;font-family:"Sora",sans-serif;font-weight:800}
.project-index-section .a-renard .poster-brand{left:6.5cqw;top:5.8cqw;font-size:2cqw}
.project-index-section .a-renard .poster-q{left:11cqw;top:13cqw;font-size:10.5cqw;line-height:.85;letter-spacing:-.09em}
.project-index-section .a-renard .poster-year{left:30cqw;top:23cqw;font-size:3.5cqw;color:#ff8347}
.project-index-section .a-renard .poster-open{right:6.4cqw;top:15.5cqw;font-size:3.2cqw;color:#110e0c;writing-mode:vertical-rl}
.project-index-section .a-renard .poster-copy{left:12cqw;bottom:12cqw;width:29cqw;font-size:2.4cqw;line-height:1.05}
.project-index-section .a-renard .poster-small{left:12cqw;bottom:7.7cqw;font-size:1.2cqw;font-weight:500}
.project-index-section .a-renard .select{position:absolute;z-index:6;border:.45cqw dashed #ff8347;border-radius:.8cqw;background:rgba(232,99,42,.04)}
.project-index-section .a-renard .select:before,.project-index-section .a-renard .select:after{content:"";position:absolute;width:1.7cqw;height:1.7cqw;border-radius:.45cqw;background:#ff8347}
.project-index-section .a-renard .select:before{left:-1cqw;top:-1cqw}.project-index-section .a-renard .select:after{right:-1cqw;top:-1cqw}
.project-index-section .a-renard .select-all{left:5cqw;top:9cqw;width:42cqw;height:39cqw}
.project-index-section .a-renard .select-type{left:9.5cqw;top:12cqw;width:23cqw;height:14cqw}
.project-index-section .a-renard .layer-label{position:absolute;left:6cqw;bottom:4cqw;z-index:8;font-family:"IBM Plex Mono",monospace;font-size:1.25cqw;letter-spacing:.12em;text-transform:uppercase;color:rgba(243,237,227,.52)}
.project-index-section .a-renard .layer-label b{color:#ff8347}
.project-index-section .feature:hover .a-renard .ghost1{transform:rotateX(16deg) rotateY(-22deg) rotateZ(-5deg) translate3d(-12cqw,8cqw,-21cqw)}
.project-index-section .feature:hover .a-renard .ghost2{transform:rotateX(16deg) rotateY(-22deg) rotateZ(-5deg) translate3d(-6cqw,4cqw,-10cqw)}
.project-index-section .feature:hover .a-renard .poster{transform:rotateX(14deg) rotateY(-19deg) rotateZ(-4deg) translate3d(6cqw,-4cqw,15cqw)}


/* ---- 01 CONTACTPOINT360 · 2,000+ employee documents compressed into one workflow ---- */
.project-index-section .a-cp{background:radial-gradient(95% 90% at 22% 14%,#356b84 0,#173f55 52%,#0b2737 100%)}
.project-index-section .a-cp .mesh{position:absolute;inset:0;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.08) .25cqw,transparent .25cqw),linear-gradient(90deg,rgba(255,255,255,.08) .25cqw,transparent .25cqw);background-size:7cqw 7cqw}
.project-index-section .a-cp .volume{position:absolute;left:7cqw;top:8cqw;color:#fff;z-index:3}
.project-index-section .a-cp .volume strong{display:block;font-size:13cqw;line-height:.88;letter-spacing:-.065em}
.project-index-section .a-cp .volume span{display:block;margin-top:1.8cqw;font-size:2.25cqw;line-height:1.35;letter-spacing:.15em;text-transform:uppercase;color:#a8d9e5;font-weight:800;max-width:29cqw}
.project-index-section .a-cp .form-stack{position:absolute;right:7cqw;top:7cqw;width:31cqw;height:40cqw}
.project-index-section .a-cp .sheet{position:absolute;inset:0;border-radius:1.5cqw;background:#e9eef0;box-shadow:0 5cqw 10cqw rgba(0,0,0,.28)}
.project-index-section .a-cp .s3{transform:translate(-5cqw,4cqw) rotate(-7deg);background:rgba(199,219,226,.28);border:.35cqw solid rgba(255,255,255,.2)}
.project-index-section .a-cp .s2{transform:translate(-2.5cqw,2cqw) rotate(-3deg);background:#c8d7dc}
.project-index-section .a-cp .s1{padding:3.6cqw;color:#183443}
.project-index-section .a-cp .s1 .seal{display:inline-block;font-size:2cqw;font-weight:800;letter-spacing:.1em;color:#fff;background:#2d6f88;border-radius:.65cqw;padding:1cqw 1.5cqw}
.project-index-section .a-cp .s1 i{display:block;height:1.35cqw;border-radius:1cqw;background:#aebfc5;margin-top:2.3cqw}
.project-index-section .a-cp .s1 i:nth-of-type(1){width:88%}.project-index-section .a-cp .s1 i:nth-of-type(2){width:70%}.project-index-section .a-cp .s1 i:nth-of-type(3){width:80%}.project-index-section .a-cp .s1 i:nth-of-type(4){width:52%}.project-index-section .a-cp .s1 i:nth-of-type(5){width:66%}
.project-index-section .a-cp .flow{position:absolute;left:7cqw;right:7cqw;bottom:6cqw;height:7.5cqw;display:flex;align-items:center;gap:1.7cqw;color:#d9edf2}
.project-index-section .a-cp .flow span{font-size:1.85cqw;letter-spacing:.12em;text-transform:uppercase;font-weight:800;border:.3cqw solid rgba(255,255,255,.22);background:rgba(255,255,255,.075);border-radius:999px;padding:1.25cqw 1.8cqw;white-space:nowrap}
.project-index-section .a-cp .flow b{height:.35cqw;flex:1;min-width:3cqw;background:linear-gradient(90deg,#69c9d8,rgba(105,201,216,.18));position:relative}
.project-index-section .a-cp .flow b:after{content:"";position:absolute;right:-.2cqw;top:50%;width:1.3cqw;height:1.3cqw;border-top:.35cqw solid #69c9d8;border-right:.35cqw solid #69c9d8;transform:translateY(-50%) rotate(45deg)}
.project-index-section .a-cp .timer{position:absolute;left:40cqw;top:24cqw;color:#fff;z-index:4;text-align:left}
.project-index-section .a-cp .timer small{display:block;font-size:2.4cqw;color:#88aab7;text-decoration:line-through;letter-spacing:.06em}
.project-index-section .a-cp .timer strong{display:block;font-size:7.2cqw;line-height:1;letter-spacing:-.055em;margin-top:.8cqw}
.project-index-section .a-cp .timer span{display:block;font-size:1.8cqw;letter-spacing:.14em;text-transform:uppercase;color:#7ed8e6;font-weight:800;margin-top:1.1cqw}

/* ---- 02 SKYRISE CCTV · live four-site board ---- */
.project-index-section .a-cctv{background:linear-gradient(150deg,#0a2130,#061520)}
.project-index-section .a-cctv .board{position:absolute;inset:5cqw}
.project-index-section .a-cctv .btop{display:flex;justify-content:space-between;align-items:center;font-size:2.2cqw;letter-spacing:.13em;color:#8ba1ad;text-transform:uppercase}
.project-index-section .a-cctv .btop b{color:#fff;font-weight:800}
.project-index-section .a-cctv .btop b:before{content:"";display:inline-block;width:1.6cqw;height:1.6cqw;border-radius:50%;background:#ff654d;margin-right:1.4cqw;box-shadow:0 0 0 1.4cqw rgba(255,101,77,.14)}
.project-index-section .a-cctv .feeds{display:grid;grid-template-columns:1fr 1fr;gap:1.6cqw;margin-top:3cqw}
.project-index-section .a-cctv .feed{
  position:relative;height:22cqw;border-radius:1.4cqw;overflow:hidden;
  background:linear-gradient(165deg,#22313a,#0b1115 76%);border:.3cqw solid rgba(255,255,255,.1)
}
.project-index-section .a-cctv .feed:before{
  content:"";position:absolute;inset:0;
  background:repeating-linear-gradient(90deg,transparent 0 7cqw,rgba(255,255,255,.04) 7cqw 7.3cqw),
             repeating-linear-gradient(0deg,transparent 0 5cqw,rgba(255,255,255,.035) 5cqw 5.3cqw)
}
.project-index-section .a-cctv .feed span{position:absolute;left:1.6cqw;top:1.4cqw;font-size:1.7cqw;letter-spacing:.11em;color:#9db4bf}
.project-index-section .a-cctv .feed em{
  position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);
  width:13cqw;height:6cqw;border:.45cqw solid #73e4ba;border-radius:.6cqw
}
.project-index-section .a-cctv .feed b{position:absolute;left:1.6cqw;bottom:1.5cqw;font-size:1.7cqw;color:#ffb17d;letter-spacing:.08em}
.project-index-section .a-cctv .f2 em{width:9cqw;height:5cqw;left:58%}
.project-index-section .a-cctv .f3 em{width:14.5cqw;left:43%;top:58%}
.project-index-section .a-cctv .f4 em{width:12cqw;left:60%;top:55%}

/* ---- 03 ORO CHINA · one membership identity ---- */
.project-index-section .a-oro{background:radial-gradient(72% 72% at 34% 26%,#98232a 0,#6a1219 55%,#4a0d13 100%)}
.project-index-section .a-oro .gold{
  position:absolute;left:16cqw;top:15cqw;width:58cqw;height:36cqw;border-radius:2.4cqw;
  background:linear-gradient(138deg,#151d26,#28363f);transform:rotate(-6deg);
  box-shadow:0 7cqw 14cqw rgba(0,0,0,.42);padding:4cqw;color:var(--gold);
  border:.35cqw solid rgba(243,214,149,.32)
}
.project-index-section .a-oro .gold b{font-family:"Instrument Serif",Georgia,serif;font-size:6.4cqw;font-weight:400;letter-spacing:.02em}
.project-index-section .a-oro .gold .qr{
  position:absolute;right:4cqw;bottom:4cqw;width:11cqw;height:11cqw;border-radius:.8cqw;
  background:repeating-conic-gradient(#f3d695 0 25%,transparent 0 50%) 0/2.6cqw 2.6cqw;opacity:.9
}
.project-index-section .a-oro .gold .chip{display:block;width:8cqw;height:6cqw;border-radius:1cqw;border:.35cqw solid rgba(243,214,149,.6);margin:3.4cqw 0 0}
.project-index-section .a-oro .gold i{position:absolute;left:4cqw;bottom:4.6cqw;font-style:normal;font-size:2.3cqw;letter-spacing:.18em}

/* ---- 04 BLAZEPDF · product-site annotation workspace ---- */
.project-index-section .a-blaze{background:radial-gradient(42% 52% at 4% 0%,#ffd9c4 0,transparent 75%),radial-gradient(45% 55% at 100% 8%,#fff4b6 0,transparent 76%),linear-gradient(145deg,#fff7ee,#fffdf0)}
.project-index-section .a-blaze .device{position:absolute;left:5cqw;right:5cqw;top:4cqw;bottom:4cqw;border-radius:5cqw;background:rgba(255,255,255,.9);border:.32cqw solid #d9e0eb;padding:2.2cqw;box-shadow:0 4cqw 11cqw rgba(69,71,93,.12)}
.project-index-section .a-blaze .window{position:relative;width:100%;height:100%;border-radius:4cqw;background:#10192e;padding:3cqw;overflow:hidden}
.project-index-section .a-blaze .titlebar{height:5cqw;display:flex;align-items:center;gap:1.4cqw;color:#9fa9bf;font-size:2.1cqw;font-weight:700;padding:0 .5cqw}
.project-index-section .a-blaze .dot{width:2cqw;height:2cqw;border-radius:50%;background:#ff6f72}.project-index-section .a-blaze .dot.d2{background:#ffc115}.project-index-section .a-blaze .dot.d3{background:#45dc86}.project-index-section .a-blaze .filename{margin-left:2cqw}
.project-index-section .a-blaze .workspace{position:absolute;left:3cqw;right:3cqw;top:8cqw;bottom:3cqw;display:grid;grid-template-columns:9cqw 1fr;gap:2cqw}
.project-index-section .a-blaze .toolbar{background:#202c42;border-radius:3cqw;display:flex;flex-direction:column;align-items:center;gap:1.4cqw;padding:2.4cqw 1.2cqw}
.project-index-section .a-blaze .tool{width:5.7cqw;height:5.7cqw;border-radius:1.8cqw;background:#34435a;display:grid;place-items:center;color:#0b1325;font-size:2.4cqw;font-style:normal;font-weight:800}
.project-index-section .a-blaze .tool.active{background:#ff7518;color:#fff}
.project-index-section .a-blaze .page-shell{position:relative;border-radius:2.6cqw;background:#f8f0dd;padding:3.2cqw 3.2cqw;overflow:hidden}
.project-index-section .a-blaze .page{height:100%;border-radius:2.4cqw;background:#fff;padding:4.2cqw;box-shadow:0 1.8cqw 5cqw rgba(48,52,68,.08)}
.project-index-section .a-blaze .line{display:block;border-radius:999px;height:1.55cqw;margin-bottom:2.3cqw;background:#dce3ed}.project-index-section .a-blaze .l1{width:68%}.project-index-section .a-blaze .l2{width:92%;background:#ffef82;height:2cqw}.project-index-section .a-blaze .l3{width:78%;background:#a9edc3;height:2cqw}.project-index-section .a-blaze .l4{width:72%;background:#acd0fa;height:2cqw}
.project-index-section .a-blaze .shortcut{margin-top:3.5cqw;border:.4cqw dashed #ffac62;border-radius:2.7cqw;padding:2.8cqw 3cqw;display:flex;align-items:center;gap:2.2cqw;background:#fff9f2;color:#111a30}
.project-index-section .a-blaze .spark{font-size:2.8cqw;color:#66748b}.project-index-section .a-blaze .shortcut strong{display:block;font-size:2.65cqw;letter-spacing:-.035em}.project-index-section .a-blaze .shortcut small{display:block;font-size:2cqw;color:#65738b;margin-top:.75cqw}
.project-index-section .a-blaze .swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:2cqw;margin-top:3.2cqw}.project-index-section .a-blaze .swatches i{height:7.6cqw;border-radius:2.1cqw;background:#edf2f8}.project-index-section .a-blaze .swatches i:nth-child(2){background:#ffe9ce}.project-index-section .a-blaze .swatches i:nth-child(3){background:#fff8b7}


/* ---- 05 PUPIL COUNCIL · operational treasury board, not a generic receipt ---- */
.project-index-section .a-council{background:radial-gradient(105% 100% at 20% 12%,#315da5 0,#1b386f 50%,#101f44 100%)}
.project-index-section .a-council .ledger{position:absolute;left:7cqw;right:7cqw;top:7cqw;bottom:7cqw;border-radius:2cqw;background:#f7f0df;color:#172442;padding:3.8cqw;box-shadow:0 5cqw 11cqw rgba(0,0,0,.3);transform:rotate(-1.5deg)}
.project-index-section .a-council .ledger-head{display:flex;justify-content:space-between;align-items:center;border-bottom:.35cqw solid #d7c8aa;padding-bottom:2.4cqw}
.project-index-section .a-council .ledger-head b{font-size:2.1cqw;letter-spacing:.15em;text-transform:uppercase;color:#51617f}.project-index-section .a-council .ledger-head span{font-size:1.8cqw;color:#9a7840;font-weight:800}
.project-index-section .a-council .total{margin-top:3cqw}.project-index-section .a-council .total strong{display:block;font-size:9.4cqw;line-height:.95;letter-spacing:-.06em;color:#18366e}.project-index-section .a-council .total span{display:block;font-size:1.85cqw;letter-spacing:.13em;text-transform:uppercase;color:#8b795c;font-weight:800;margin-top:1.3cqw}
.project-index-section .a-council .rows{position:absolute;left:4cqw;right:4cqw;bottom:4cqw;display:grid;grid-template-columns:1fr 1fr;gap:1.5cqw}
.project-index-section .a-council .row{display:flex;justify-content:space-between;align-items:center;border-top:.3cqw solid #ded2bb;padding-top:1.5cqw;font-size:1.65cqw;color:#6c665d}.project-index-section .a-council .row b{color:#263c68;font-size:1.8cqw}
.project-index-section .a-council .tickets{position:absolute;right:4cqw;top:12cqw;display:flex;flex-direction:column;gap:1.5cqw;transform:rotate(4deg)}
.project-index-section .a-council .ticket{width:22cqw;height:8.2cqw;border-radius:1cqw;background:#e5a949;color:#172442;padding:1.6cqw 2cqw;box-shadow:0 1.5cqw 3cqw rgba(0,0,0,.14);font-size:1.7cqw;letter-spacing:.1em;text-transform:uppercase;font-weight:800;border-left:1.2cqw dotted #f7f0df}
.project-index-section .a-council .ticket:nth-child(2){background:#3e6cb7;color:#fff;transform:translateX(2cqw)}
.project-index-section .a-council .stamp{position:absolute;right:5cqw;bottom:11cqw;border:.5cqw solid rgba(35,108,78,.55);color:#236c4e;border-radius:.8cqw;padding:1.2cqw 1.8cqw;font-size:1.8cqw;letter-spacing:.14em;text-transform:uppercase;font-weight:900;transform:rotate(-8deg)}

/* ---- 06 CATCHAFIRE · five projects, one total ---- */
.project-index-section .a-cafire{background:radial-gradient(72% 72% at 68% 22%,#3d3163,#251f3f 60%,#1a162e 100%)}
.project-index-section .a-cafire .bars{position:absolute;left:8cqw;bottom:11cqw;display:flex;align-items:flex-end;gap:2.6cqw;height:34cqw}
.project-index-section .a-cafire .bars i{width:6.4cqw;border-radius:1cqw 1cqw 0 0;background:linear-gradient(180deg,#ffb98d,#e36e35)}
.project-index-section .a-cafire .bars i:nth-child(1){height:38%}
.project-index-section .a-cafire .bars i:nth-child(2){height:56%}
.project-index-section .a-cafire .bars i:nth-child(3){height:47%}
.project-index-section .a-cafire .bars i:nth-child(4){height:78%}
.project-index-section .a-cafire .bars i:nth-child(5){height:100%}
.project-index-section .a-cafire .total{position:absolute;right:7cqw;top:19cqw;text-align:right;color:#fff}
.project-index-section .a-cafire .total strong{display:block;font-size:13cqw;line-height:1;letter-spacing:-.055em}
.project-index-section .a-cafire .total span{display:block;font-size:2.3cqw;letter-spacing:.15em;text-transform:uppercase;color:#c0b3e6;margin-top:1.6cqw;font-weight:700}

/* ---- 07 SKYRISE WEBSITE · actual red/blue corporate website language ---- */
.project-index-section .a-web{background:#f4f4f4}
.project-index-section .a-web .site{position:absolute;inset:3cqw;background:#fff;box-shadow:0 4cqw 12cqw rgba(20,30,48,.16);overflow:hidden}
.project-index-section .a-web .site-top{height:12cqw;display:flex;align-items:center;padding:0 8cqw;background:#fff;border-top:1cqw solid #3a211d}
.project-index-section .a-web .sky-logo{width:8cqw;height:8cqw;background:#e71922;color:#fff;display:grid;place-items:center;text-align:center;font-family:Inter,sans-serif;font-size:2.15cqw;font-weight:800;line-height:.85;box-shadow:.7cqw .7cqw 1.6cqw rgba(0,0,0,.25)}
.project-index-section .a-web .navlinks{margin-left:auto;display:flex;align-items:center;gap:3cqw;color:#272d36;font-size:1.45cqw;font-weight:700}.project-index-section .a-web .navlinks b{background:#ff5757;color:#fff;border-radius:.4cqw;padding:1.1cqw 1.5cqw}
.project-index-section .a-web .who{height:18cqw;background:#f3f3f3;text-align:center;padding-top:4.5cqw;color:#242a31}
.project-index-section .a-web .who span{display:inline-block;background:#ff5757;color:#fff;border-radius:.5cqw;padding:.9cqw 1.4cqw;font-size:1.35cqw;font-weight:800}
.project-index-section .a-web .who strong{display:block;font-size:2.5cqw;margin-top:3cqw;letter-spacing:-.035em}.project-index-section .a-web .who small{display:block;font-size:1.35cqw;color:#59616d;margin-top:1.3cqw}
.project-index-section .a-web .brand-panels{display:grid;grid-template-columns:1fr 1fr;gap:2cqw;padding:2cqw 8cqw 0;background:#f3f3f3}
.project-index-section .a-web .brand-panel{height:20cqw;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;padding:3cqw}
.project-index-section .a-web .mission{background:linear-gradient(180deg,#c7292d 0,#c7292d 45%,#0e1d28 100%)}
.project-index-section .a-web .vision{background:linear-gradient(180deg,#5575ae 0,#5575ae 45%,#0e1d28 100%)}
.project-index-section .a-web .brand-panel strong{font-size:2.3cqw}.project-index-section .a-web .brand-panel p{font-size:1.35cqw;line-height:1.5;margin-top:1.4cqw;max-width:30cqw}.project-index-section .a-web .brand-panel small{font-size:.85cqw;letter-spacing:.15em;text-transform:uppercase;margin-top:2cqw}


/* ---- 08 GOLDEN PEAK · Messenger chatbot collected the inquiry, Viber delivered it to staff ---- */
.project-index-section .a-hotel{background:radial-gradient(110% 115% at 12% 10%,#a46e3a 0,#62391f 50%,#2a170f 100%)}
.project-index-section .a-hotel .glow{position:absolute;left:3cqw;top:2cqw;width:50cqw;height:50cqw;border-radius:50%;background:radial-gradient(circle,rgba(246,200,137,.28),transparent 70%)}
.project-index-section .a-hotel .guest-phone,.project-index-section .a-hotel .staff-phone{position:absolute;background:#171310;padding:1.6cqw;border-radius:4cqw;box-shadow:0 6cqw 14cqw rgba(0,0,0,.42)}
.project-index-section .a-hotel .guest-phone{left:6cqw;top:6cqw;width:31cqw;height:50cqw;transform:rotate(-4deg)}
.project-index-section .a-hotel .staff-phone{right:5cqw;top:13cqw;width:25cqw;height:39cqw;transform:rotate(5deg)}
.project-index-section .a-hotel .screen{width:100%;height:100%;border-radius:2.8cqw;background:#faf7f1;padding:2.4cqw;overflow:hidden;color:#2b241c}
.project-index-section .a-hotel .channel{display:flex;align-items:center;gap:1.3cqw;font-size:1.75cqw;font-weight:800;color:#63584d}
.project-index-section .a-hotel .channel i{width:4.2cqw;height:4.2cqw;border-radius:50%;display:grid;place-items:center;color:#fff;font-style:normal;font-size:2.2cqw}.project-index-section .a-hotel .messenger i{background:#168aff}.project-index-section .a-hotel .viber i{background:#7360f2}
.project-index-section .a-hotel .msg{margin-top:2.2cqw;background:#eae4d8;border-radius:2cqw 2cqw 2cqw .55cqw;padding:1.8cqw;font-size:1.85cqw;line-height:1.35}
.project-index-section .a-hotel .reply{margin:1.6cqw 0 0 auto;background:#168aff;color:#fff;border-radius:2cqw 2cqw .55cqw 2cqw;padding:1.5cqw 1.7cqw;font-size:1.75cqw;line-height:1.25;width:82%}
.project-index-section .a-hotel .quick{display:flex;flex-wrap:wrap;gap:1cqw;margin-top:1.8cqw}.project-index-section .a-hotel .quick b{font-size:1.45cqw;color:#146cc6;border:.3cqw solid #9bc8f4;border-radius:999px;padding:.9cqw 1.3cqw;background:#fff}
.project-index-section .a-hotel .payload{position:absolute;left:39cqw;top:19cqw;width:29cqw;border-radius:1.5cqw;background:rgba(255,248,236,.94);color:#4d3827;padding:2.3cqw;box-shadow:0 3cqw 7cqw rgba(0,0,0,.24);z-index:4}
.project-index-section .a-hotel .payload b{display:block;font-size:1.65cqw;letter-spacing:.13em;text-transform:uppercase;color:#a06a35;margin-bottom:1.5cqw}.project-index-section .a-hotel .payload span{display:block;font-size:1.65cqw;line-height:1.55;border-top:.25cqw solid #e5d2ba;padding-top:1cqw;margin-top:1cqw}
.project-index-section .a-hotel .route-line{position:absolute;left:34cqw;right:25cqw;top:36cqw;height:.45cqw;background:repeating-linear-gradient(90deg,rgba(255,232,202,.75) 0 2cqw,transparent 2cqw 3.8cqw);transform:rotate(1deg)}
.project-index-section .a-hotel .route-line:after{content:"";position:absolute;right:-.3cqw;top:50%;width:1.5cqw;height:1.5cqw;border-top:.4cqw solid #ffe2bd;border-right:.4cqw solid #ffe2bd;transform:translateY(-50%) rotate(45deg)}
.project-index-section .a-hotel .alert{margin-top:2.4cqw;background:#ece8ff;border-left:.9cqw solid #7360f2;border-radius:1.2cqw;padding:1.8cqw;font-size:1.65cqw;line-height:1.4;color:#39304f}.project-index-section .a-hotel .alert strong{display:block;color:#5d48c6;font-size:1.75cqw;margin-bottom:.7cqw}.project-index-section .a-hotel .staff-phone small{display:block;margin-top:2cqw;font-size:1.45cqw;color:#968b80}

/* ================= PROJECT DETAIL · INDEX 12 LAYOUT ================= */
.project-index-section .stage[hidden]{display:none}
.project-index-section .stage{position:fixed;inset:0;z-index:100;background:rgba(5,18,25,.68);backdrop-filter:blur(11px);display:grid;place-items:center;padding:22px;opacity:0;transition:opacity .22s}
.project-index-section .stage.is-open{opacity:1}
.project-index-section .shell{position:relative;width:min(1080px,100%);max-height:92vh;overflow:auto;background:var(--white);border:0;border-radius:24px;box-shadow:0 40px 110px rgba(0,0,0,.45);transform:translateY(14px) scale(.99);transition:transform .24s cubic-bezier(.2,.7,.3,1)}
.project-index-section .stage.is-open .shell{transform:none}
.project-index-section .shell-progress{position:sticky;top:0;height:3px;background:var(--orange);transform:scaleX(0);transform-origin:0 50%;z-index:12}
.project-index-section .close{position:absolute;right:20px;top:20px;z-index:14;width:44px;height:44px;border-radius:50%;background:rgba(251,250,247,.96);color:var(--ink);font-size:27px;line-height:1;display:grid;place-items:center;box-shadow:0 8px 26px rgba(0,0,0,.22)}

.project-index-section .m-hero{background:var(--navy);color:#fff;padding:34px 38px 0;display:grid;grid-template-columns:1.06fr .94fr;gap:34px;align-items:center}
.project-index-section .m-hero .eyebrow{color:#ffb98d}
.project-index-section .m-hero h2{font-size:clamp(25px,3vw,38px);line-height:1.06;letter-spacing:-.045em;margin:14px 0 0;max-width:22ch}
.project-index-section .m-hero-copy{padding-bottom:34px;padding-right:34px}
.project-index-section .m-hero-meta{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}
.project-index-section .m-hero-meta span{font-size:10.5px;letter-spacing:.03em;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);border-radius:999px;padding:7px 11px;color:#c6d3d9}
.project-index-section .m-hero-art{align-self:end}
.project-index-section .m-hero-art .anchor{height:auto;aspect-ratio:16/10;border-radius:14px 14px 0 0}

.project-index-section .m-outcomes{display:grid;grid-template-columns:repeat(4,1fr);background:#f1eee7;border-bottom:1px solid var(--line)}
.project-index-section .m-outcome{padding:22px 20px;border-right:1px solid var(--line)}
.project-index-section .m-outcome:last-child{border-right:0}
.project-index-section .m-outcome strong{display:block;font-size:22px;letter-spacing:-.04em;line-height:1.1}
.project-index-section .m-outcome span{display:block;margin-top:7px;font-size:11px;line-height:1.5;color:var(--muted)}

.project-index-section .m-body{display:grid;grid-template-columns:308px 1fr}
.project-index-section .m-rail{padding:30px;background:#f6f3ec;border-right:1px solid var(--line)}
.project-index-section .m-rail h3{font-size:20px;letter-spacing:-.03em;margin:9px 0 10px;line-height:1.15}
.project-index-section .m-rail>p{font-size:12.5px;line-height:1.65;color:var(--muted)}
.project-index-section .rail-meta{margin-top:24px;border-top:1px solid var(--line)}
.project-index-section .rail-meta div{padding:13px 0;border-bottom:1px solid var(--line)}
.project-index-section .rail-meta b{display:block;font-size:9.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);font-weight:800}
.project-index-section .rail-meta span{display:block;font-size:13px;margin-top:5px}
.project-index-section .m-main{padding:30px 34px 34px}
.project-index-section .m-main h3{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--orange);font-weight:800;margin-bottom:14px}
.project-index-section .m-main>p{font-size:15px;line-height:1.7;color:#3a434c;margin-bottom:13px;max-width:74ch}
.project-index-section .quote-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:25px 0 0}
.project-index-section .quote-grid blockquote{margin:0;position:relative;overflow:hidden;background:linear-gradient(145deg,#f4f0e9,#eee9df);border:1px solid rgba(17,25,35,.08);border-radius:15px;padding:22px 21px 19px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;font-weight:400;line-height:1.62;color:#29323b;box-shadow:0 10px 26px rgba(7,29,42,.045)}
.project-index-section .quote-grid blockquote:before{content:"“";position:absolute;right:15px;top:-12px;font-family:"Instrument Serif",Georgia,serif;font-size:74px;line-height:1;color:rgba(227,110,53,.12);pointer-events:none}
.project-index-section .quote-text{position:relative;z-index:1}
.project-index-section .quote-highlight{color:#c65527;font-weight:650}
.project-index-section .quote-grid footer{position:relative;z-index:1;font-family:Inter,sans-serif;margin-top:17px;padding-top:14px;border-top:1px solid rgba(17,25,35,.09)}
.project-index-section .quote-grid footer strong{display:block;font-size:10px;line-height:1.3;letter-spacing:.11em;text-transform:uppercase;color:#29323b}
.project-index-section .quote-grid footer span{display:block;margin-top:4px;font-size:9px;line-height:1.35;letter-spacing:.08em;text-transform:uppercase;color:#7b8186}
.project-index-section .quote-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:10px}
.project-index-section .quote-note{font-size:8.5px;line-height:1.35;color:#969b9f}
.project-index-section .quote-link{font-size:8.5px;line-height:1.35;letter-spacing:.08em;text-transform:uppercase;font-weight:750;color:#c65527;text-decoration:none;white-space:nowrap}
.project-index-section .quote-link:hover{text-decoration:underline;text-underline-offset:3px}
.project-index-section .quote-note{display:block;margin-top:10px;font-size:8px;line-height:1.35;letter-spacing:.04em;color:#9a958d;font-style:normal}
.project-index-section .m-foot{border-top:1px solid var(--line);padding-top:22px;margin-top:26px;display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center}
.project-index-section .related{display:grid;grid-template-columns:132px 1fr auto;gap:17px;align-items:center}
.project-index-section .related-thumb{height:78px;border-radius:11px;background:linear-gradient(135deg,#061b28,#17465e);position:relative;overflow:hidden}
.project-index-section .related-thumb:after{content:attr(data-label);position:absolute;left:12px;bottom:11px;color:#ff935f;font-size:9px;font-weight:800;letter-spacing:.13em}
.project-index-section .related h4{font-size:15.5px;letter-spacing:-.025em;margin-bottom:5px}
.project-index-section .related p{font-size:11.5px;line-height:1.5;color:var(--muted)}
.project-index-section .related a,.project-index-section .related span.soon{font-size:20px;text-decoration:none;color:var(--ink)}
.project-index-section .related span.soon{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#b0a89b;font-weight:800}
.project-index-section .m-tags{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;max-width:330px}
.project-index-section .m-tags span{border:1px solid var(--line);border-radius:999px;padding:6px 10px;font-size:10px;color:#5d646a}

@media (max-width:900px){
  .project-index-section .m-hero{grid-template-columns:1fr;padding:30px 24px 0;gap:22px}
  .project-index-section .m-hero-copy{padding-right:52px;padding-bottom:0}
  .project-index-section .m-body{grid-template-columns:1fr}.project-index-section .m-rail{border-right:0;border-bottom:1px solid var(--line)}
  .project-index-section .m-outcomes{grid-template-columns:1fr 1fr}.project-index-section .m-outcome:nth-child(2n){border-right:0}.project-index-section .m-outcome:nth-child(-n/**/+2){border-bottom:1px solid var(--line)}
  .project-index-section .m-foot{grid-template-columns:1fr}.project-index-section .m-tags{justify-content:flex-start;max-width:none}
}
@media (max-width:680px){
  .project-index-section .stage{padding:8px}.project-index-section .shell{border-radius:16px}.project-index-section .close{right:14px;top:14px;width:42px;height:42px;font-size:26px}
  .project-index-section .m-main,.project-index-section .m-rail{padding:24px 22px}.project-index-section .m-outcomes{grid-template-columns:1fr}.project-index-section .m-outcome{border-right:0;border-bottom:1px solid var(--line)!important}.project-index-section .m-outcome:last-child{border-bottom:0!important}
  .project-index-section .quote-grid{grid-template-columns:1fr}.project-index-section .related{grid-template-columns:1fr;gap:12px}.project-index-section .related-thumb{height:96px}
}



/* ============ INDEX 18: COMPACT, BRAND-LED OUTER CARDS ============ */
.project-index-section .work-stack{gap:12px}
.project-index-section .project-grid{gap:12px}

/* The compactness is intentional: the case study opens on click, so the index only has to orient. */
.project-index-section .index-card{min-height:342px;border-radius:16px}
.project-index-section .card-art{height:174px}
.project-index-section .index-copy{padding:18px 18px 42px}
.project-index-section .index-copy h2{font-size:22px;line-height:1.08;margin:7px 0 9px}
.project-index-section .index-copy>p:not(.type){font-size:11.6px;line-height:1.48}
.project-index-section .type{font-size:8.7px;letter-spacing:.155em}
.project-index-section .chips{gap:5px;margin-top:13px}
.project-index-section .chips span{font-size:8.1px;padding:5px 7px}
.project-index-section .view{right:17px;bottom:15px;font-size:8.7px}
.project-index-section .stat{left:17px;bottom:15px;gap:6px}
.project-index-section .stat strong{font-size:21px}.project-index-section .stat span{font-size:7.8px}

.project-index-section .index-card--feature{min-height:282px;grid-template-columns:1fr 1.02fr}
.project-index-section .index-card--feature .card-art{min-height:282px}
.project-index-section .index-card--feature .index-copy{padding:23px 21px 23px 9px}
.project-index-section .index-card--feature .index-copy h2{font-size:24px;margin-top:7px}
.project-index-section .index-card--feature .index-copy>p:not(.type){font-size:11.7px;line-height:1.52}
.project-index-section .index-card--wide{min-height:294px;grid-template-columns:1.05fr .95fr}
.project-index-section .index-card--wide .index-copy{padding:22px 21px 22px 17px}

/* Renard stays the one full-width statement, but is now closer to the compact index rhythm. */
.project-index-section .feature{border-radius:20px;grid-template-columns:.94fr 1.06fr}
.project-index-section .feature-copy{padding:28px 32px;gap:22px}
.project-index-section .renard-lockup{margin-bottom:16px;gap:10px}
.project-index-section .renard-fox{width:35px;height:33px}
.project-index-section .renard-wordmark{font-size:30px}
.project-index-section .renard-status{font-size:8px}
.project-index-section .feature-copy h2{font-size:clamp(28px,3vw,39px);margin-bottom:12px;max-width:19ch}
.project-index-section .feature-copy>div>p{font-size:12.3px;line-height:1.58}
.project-index-section .feature-pill{padding:10px 15px;font-size:10px}
.project-index-section .feature-foot small{font-size:8.4px}
.project-index-section .feature-art{padding:14px 16px 14px 0}
.project-index-section .feature-art .anchor{height:292px;aspect-ratio:auto;border-radius:16px}

/* BlazePDF: the product's coral gradient becomes the card surface; the interface remains the proof. */
.project-index-section .index-card--blaze{color:#fff;background:linear-gradient(135deg,#ff4d43 0%,#ff6f4e 47%,#ff9a45 100%);box-shadow:0 0 0 1px rgba(176,58,36,.16)}
.project-index-section .index-card--blaze .index-copy>p:not(.type){color:rgba(255,255,255,.83)}
.project-index-section .index-card--blaze .type{color:#fff1d9}
.project-index-section .index-card--blaze .chips span{border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.12);color:#fff}
.project-index-section .index-card--blaze .view{color:#fff}
.project-index-section .index-card--blaze .a-blaze{background:transparent}
.project-index-section .a-blaze .blaze-lockup{position:absolute;left:5cqw;top:6cqw;z-index:6;display:flex;align-items:center;gap:2.2cqw}
.project-index-section .a-blaze .blaze-lockup img{width:16cqw;height:16cqw;border-radius:3.8cqw;filter:drop-shadow(0 2.8cqw 4cqw rgba(100,28,22,.28))}
.project-index-section .a-blaze .blaze-lockup span{font-size:2.1cqw;line-height:1.25;font-weight:800;color:#fff;letter-spacing:-.02em}
.project-index-section .a-blaze .blaze-device{position:absolute;left:23cqw;right:4cqw;top:5cqw;bottom:3cqw;border-radius:4cqw;background:rgba(255,255,255,.94);padding:1.7cqw;box-shadow:0 4cqw 10cqw rgba(103,37,28,.24);transform:rotate(-1.3deg)}
.project-index-section .a-blaze .blaze-window{width:100%;height:100%;border-radius:3.2cqw;background:#10192e;padding:2cqw;overflow:hidden}
.project-index-section .a-blaze .blaze-titlebar{height:4cqw;display:flex;align-items:center;gap:1cqw;color:#a8b1c5;font-size:1.55cqw;font-weight:700}
.project-index-section .a-blaze .blaze-titlebar i{width:1.45cqw;height:1.45cqw;border-radius:50%;background:#ff6f72}.project-index-section .a-blaze .blaze-titlebar i:nth-child(2){background:#ffc115}.project-index-section .a-blaze .blaze-titlebar i:nth-child(3){background:#45dc86}
.project-index-section .a-blaze .blaze-titlebar span{margin-left:1cqw}
.project-index-section .a-blaze .blaze-workspace{height:calc(100% - 4cqw);display:grid;grid-template-columns:6.5cqw 1fr;gap:1.4cqw}
.project-index-section .a-blaze .blaze-tools{background:#202c42;border-radius:2cqw;display:flex;flex-direction:column;align-items:center;gap:1cqw;padding:1.4cqw .7cqw}
.project-index-section .a-blaze .blaze-tools b{width:4cqw;height:4cqw;border-radius:1.2cqw;background:#34435a;display:grid;place-items:center;color:#10192e;font-size:1.5cqw}.project-index-section .a-blaze .blaze-tools b.on{background:#ff7518;color:#fff}
.project-index-section .a-blaze .blaze-paper{border-radius:2cqw;background:#fff;padding:2.8cqw;box-shadow:inset 0 0 0 1.4cqw #f8f0dd}
.project-index-section .a-blaze .blaze-paper>span{display:block;height:1.15cqw;border-radius:99px;background:#dce3ed;margin-bottom:1.4cqw;width:70%}.project-index-section .a-blaze .blaze-paper .yellow{width:91%;height:1.6cqw;background:#ffef82}.project-index-section .a-blaze .blaze-paper .green{width:79%;height:1.6cqw;background:#a9edc3}.project-index-section .a-blaze .blaze-paper .blue{width:72%;height:1.6cqw;background:#acd0fa}
.project-index-section .a-blaze .blaze-shortcut{margin-top:1.8cqw;border:.3cqw dashed #ffac62;border-radius:1.5cqw;padding:1.3cqw 1.6cqw;background:#fff9f2;color:#111a30}
.project-index-section .a-blaze .blaze-shortcut strong{display:block;font-size:1.75cqw}.project-index-section .a-blaze .blaze-shortcut small{display:block;font-size:1.25cqw;color:#65738b;margin-top:.25cqw}

/* Catchafire: official lockup, then the quantified contribution. */
.project-index-section .a-cafire .cafire-logo{position:absolute;left:6cqw;top:7cqw;width:51cqw;height:auto;object-fit:contain;opacity:.95}
.project-index-section .a-cafire .bars{left:7cqw;bottom:8cqw;height:25cqw;gap:2cqw}
.project-index-section .a-cafire .bars i{width:5cqw}
.project-index-section .a-cafire .total{right:6cqw;top:23cqw}
.project-index-section .a-cafire .total strong{font-size:11cqw}.project-index-section .a-cafire .total span{font-size:1.9cqw}
.project-index-section .a-cafire .cafire-count{position:absolute;left:7cqw;bottom:4.2cqw;font-size:1.7cqw;text-transform:uppercase;letter-spacing:.14em;color:#d7c9f4;font-weight:700}

/* Skyrise Website: an optimized crop of the real site, not a generic reconstruction. */
.project-index-section .a-web{background:linear-gradient(145deg,#f7f8fa,#e9edf4)}
.project-index-section .a-web .sky-browser{position:absolute;left:5cqw;right:5cqw;top:5cqw;bottom:5cqw;border-radius:2.2cqw;background:#fff;overflow:hidden;box-shadow:0 4cqw 11cqw rgba(18,32,61,.18);z-index:3;border:.25cqw solid #dfe4eb}
.project-index-section .a-web .sky-browser-bar{height:5cqw;padding:0 2cqw;display:flex;align-items:center;gap:1cqw;background:#f2f3f5;border-bottom:.2cqw solid #e1e3e7;color:#747d89;font-size:1.35cqw}
.project-index-section .a-web .sky-browser-bar i{width:1.25cqw;height:1.25cqw;border-radius:50%;background:#ff6c68}.project-index-section .a-web .sky-browser-bar i:nth-child(2){background:#f6c548}.project-index-section .a-web .sky-browser-bar i:nth-child(3){background:#55c987}
.project-index-section .a-web .sky-browser-bar span{margin-left:1cqw}
.project-index-section .a-web .sky-browser img{display:block;width:100%;height:calc(100% - 5cqw);object-fit:cover;object-position:50% 0}
.project-index-section .a-web .sky-red-block,.project-index-section .a-web .sky-blue-block{position:absolute;width:22cqw;height:18cqw;border-radius:2cqw;z-index:1;filter:blur(.1px)}
.project-index-section .a-web .sky-red-block{left:1.5cqw;bottom:1.5cqw;background:#d52228;transform:rotate(-5deg)}
.project-index-section .a-web .sky-blue-block{right:1.5cqw;top:1.5cqw;background:#4f6fa9;transform:rotate(5deg)}

@media (max-width:1100px){
  .project-index-section .index-card{min-height:330px}.project-index-section .card-art{height:168px}
  .project-index-section .index-card--feature{min-height:272px}.project-index-section .index-card--feature .card-art{min-height:272px}
  .project-index-section .feature-art .anchor{height:275px}
}
@media (max-width:680px){
  .project-index-section .index-card{min-height:0}.project-index-section .card-art{height:190px}
  .project-index-section .index-copy{padding:19px 19px 43px}
  .project-index-section .index-card--feature,.project-index-section .index-card--wide{min-height:0}
  .project-index-section .index-card--feature .card-art,.project-index-section .index-card--wide .card-art{height:210px;min-height:0}
  .project-index-section .index-card--feature .index-copy{padding:20px 19px 43px}
  .project-index-section .feature{grid-template-columns:1fr}
  .project-index-section .feature-copy{padding:25px 23px}
  .project-index-section .feature-art{padding:0 14px 14px}
  .project-index-section .feature-art .anchor{height:235px}
  .project-index-section .renard-status{margin-left:0}
}

/* ============ INDEX 19: IMPACT-LED REFINEMENTS ============ */
.project-index-section .card-brand{display:block;margin-top:13px;font-size:8.5px;letter-spacing:.145em;text-transform:uppercase;font-weight:800;color:rgba(255,255,255,.56)}
.project-index-section .index-card--cp{
  background:radial-gradient(110% 125% at 18% 12%,#164f7d 0,#0a3152 46%,#061d31 100%);
}
.project-index-section .index-card--cp .a-cp{background:transparent}
.project-index-section .index-card--cp .index-copy h2{max-width:15ch}
.project-index-section .index-card--cp .type{color:#77d5ee}
.project-index-section .index-card--cctv{background:linear-gradient(145deg,#071d2b,#03131d);box-shadow:0 0 0 1px rgba(3,19,29,.18)}
.project-index-section .index-card--cctv .a-cctv{background:transparent}
.project-index-section .index-card--cctv .stat{left:20px;bottom:17px}
.project-index-section .index-card--cctv .stat strong{font-size:24px}
.project-index-section .index-card--cctv .stat span{max-width:150px;line-height:1.25;color:#9db0ba}
.project-index-section .index-card--blaze .blaze-lockup{left:5cqw;top:6cqw}
.project-index-section .index-card--blaze .blaze-lockup img{width:13cqw;height:13cqw}
.project-index-section .index-card--blaze .blaze-device{left:19cqw}
.project-index-section .index-card--blaze .index-copy h2{max-width:14ch}
.project-index-section .index-card--catchafire .index-copy h2{max-width:15ch}

/* Oro China: official lockup + physical loyalty card + customer-state panel. */
.project-index-section .a-oro{background:radial-gradient(80% 100% at 25% 16%,#a52832 0,#68131b 52%,#430c12 100%)}
.project-index-section .a-oro .oro-logo{position:absolute;left:6cqw;top:5.5cqw;width:42cqw;height:auto;object-fit:contain}
.project-index-section .a-oro .loyalty-card{position:absolute;left:7cqw;bottom:6cqw;width:46cqw;height:28cqw;border-radius:2.4cqw;background:linear-gradient(140deg,#111a22,#26343d);transform:rotate(-5deg);box-shadow:0 7cqw 14cqw rgba(0,0,0,.4);border:.35cqw solid rgba(243,214,149,.35);color:#f3d695;padding:3.5cqw}
.project-index-section .a-oro .loyalty-card .mini-logo{font-family:"Instrument Serif",Georgia,serif;font-size:4cqw;letter-spacing:.02em}
.project-index-section .a-oro .loyalty-card .member-no{position:absolute;left:3.5cqw;bottom:3.4cqw;font-size:1.75cqw;letter-spacing:.18em;color:rgba(243,214,149,.8)}
.project-index-section .a-oro .loyalty-card .card-chip{display:block;width:7.5cqw;height:5.3cqw;border-radius:.9cqw;border:.35cqw solid rgba(243,214,149,.65);margin-top:2.5cqw}
.project-index-section .a-oro .loyalty-card .card-qr{position:absolute;right:3.5cqw;bottom:3.5cqw;width:9.5cqw;height:9.5cqw;border-radius:.6cqw;background:repeating-conic-gradient(#f3d695 0 25%,transparent 0 50%) 0/2.2cqw 2.2cqw}
.project-index-section .a-oro .member-state{position:absolute;right:5cqw;top:15cqw;width:38cqw;height:31cqw;border-radius:2.2cqw;background:rgba(70,8,14,.7);border:.3cqw solid rgba(243,214,149,.25);padding:3cqw;color:#fff;box-shadow:0 4cqw 9cqw rgba(0,0,0,.18)}
.project-index-section .a-oro .member-state small{display:block;font-size:1.55cqw;letter-spacing:.12em;text-transform:uppercase;color:#d8aeb1}
.project-index-section .a-oro .member-state strong{display:block;font-size:4cqw;margin-top:1.3cqw;letter-spacing:-.04em}
.project-index-section .a-oro .member-state .tier{position:absolute;right:2.7cqw;top:2.8cqw;border:.25cqw solid rgba(243,214,149,.45);color:#f3d695;border-radius:999px;padding:.8cqw 1.2cqw;font-size:1.35cqw;font-weight:800;letter-spacing:.08em}
.project-index-section .a-oro .points-row{display:flex;justify-content:space-between;align-items:end;margin-top:4cqw;padding-top:2.2cqw;border-top:.25cqw solid rgba(255,255,255,.14)}
.project-index-section .a-oro .points-row span{font-size:1.4cqw;color:#d8aeb1;text-transform:uppercase;letter-spacing:.1em}.project-index-section .a-oro .points-row b{font-size:3.4cqw;color:#f3d695}
.project-index-section .a-oro .progress{height:.9cqw;border-radius:99px;background:rgba(255,255,255,.15);margin-top:2.1cqw;overflow:hidden}.project-index-section .a-oro .progress i{display:block;width:74%;height:100%;background:#f3d695;border-radius:inherit}

/* Catchafire: impact first, official brand identifier last. */
.project-index-section .a-cafire{background:radial-gradient(78% 90% at 28% 15%,#65489c 0,#45306f 48%,#271c46 100%)}
.project-index-section .a-cafire .cafire-impact{position:absolute;left:7cqw;top:7cqw;color:#fff;z-index:3}
.project-index-section .a-cafire .cafire-impact strong{display:block;font-size:14cqw;line-height:.88;letter-spacing:-.065em}
.project-index-section .a-cafire .cafire-impact span{display:block;margin-top:2cqw;font-size:2.45cqw;line-height:1.28;text-transform:uppercase;letter-spacing:.12em;color:#eadfff;font-weight:800}
.project-index-section .a-cafire .bars{left:auto;right:7cqw;bottom:10cqw;height:29cqw;gap:1.8cqw}
.project-index-section .a-cafire .bars i{width:4.8cqw;background:linear-gradient(180deg,#ffbd83,#ef7441)}
.project-index-section .a-cafire .cafire-brand{position:absolute;left:7cqw;bottom:4.7cqw;right:7cqw;display:flex;align-items:center;justify-content:space-between;gap:3cqw}
.project-index-section .a-cafire .cafire-brand img{width:25cqw;height:auto;object-fit:contain;opacity:.88}
.project-index-section .a-cafire .cafire-brand span{font-size:1.55cqw;text-transform:uppercase;letter-spacing:.13em;color:#cfc1eb;font-weight:800}

/* Real screenshot remains inside the existing browser frame. */
.project-index-section .a-web .sky-browser img{object-position:50% 100%}


/* ============ INDEX 20: SEAMLESS VISUAL STORY CARDS ============ */
.project-index-section .work-stack{display:block}
.project-index-section .project-grid{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;align-items:stretch;
  grid-auto-flow:row dense
}
.project-index-section .index-card.seamless-card{
  position:relative;display:block;min-width:0;min-height:0;padding:0;overflow:hidden;border:0;border-radius:18px;
  isolation:isolate;text-align:left;color:#fff;box-shadow:0 0 0 1px rgba(17,25,35,.08),0 14px 36px rgba(7,29,42,.07);
  transition:transform .28s cubic-bezier(.2,.7,.3,1),box-shadow .28s,border-color .28s
}
.project-index-section .index-card.seamless-card:hover{transform:translateY(-4px);box-shadow:0 0 0 1px rgba(17,25,35,.12),0 26px 58px rgba(7,29,42,.15)}
.project-index-section .index-card.seamless-card:focus-visible{outline:3px solid rgba(227,110,53,.46);outline-offset:4px}
.project-index-section .seamless-card--half{grid-column:span 2;height:326px}
.project-index-section .seamless-card--small{grid-column:span 1;height:352px}
.project-index-section .seamless-card--double{grid-column:span 2;height:352px}
.project-index-section .seamless-art{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.project-index-section .seamless-art .anchor{position:absolute;inset:0;width:100%;height:100%;border-radius:0;background:transparent}
.project-index-section .seamless-art .anchor .fit{width:100%;top:50%;left:50%}
.project-index-section .seamless-card--small .seamless-art .anchor .fit{width:158%}
.project-index-section .seamless-card--blaze .seamless-art .anchor .fit{width:138%;top:43%}
.project-index-section .seamless-card--web .seamless-art .anchor .fit{width:136%;top:42%}
.project-index-section .seamless-card--catchafire .seamless-art .anchor .fit{width:110%;top:46%;left:51%}
.project-index-section .seamless-card--cctv .seamless-art .anchor .fit{width:113%;top:38%}
.project-index-section .seamless-shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent 42%,rgba(3,10,15,.05) 54%,rgba(3,10,15,.82) 100%)}
.project-index-section .seamless-copy{position:absolute;z-index:3;left:25px;bottom:24px;max-width:min(74%,430px)}
.project-index-section .seamless-eyebrow{font-size:8.5px;line-height:1;text-transform:uppercase;letter-spacing:.17em;font-weight:800;color:rgba(255,255,255,.67);margin:0 0 9px}
.project-index-section .seamless-copy h2{font-size:clamp(22px,2.2vw,31px);line-height:1.04;letter-spacing:-.047em;margin:0;color:#fff;max-width:16ch}
.project-index-section .seamless-description{font-size:10.5px;line-height:1.45;color:rgba(255,255,255,.68);max-width:38ch;margin-top:10px}
.project-index-section .seamless-card .view{right:20px;bottom:19px;z-index:6;color:#fff;font-size:8.5px;letter-spacing:.13em;opacity:.9;transition:transform .2s,opacity .2s}
.project-index-section .seamless-card:hover .view{transform:translateX(2px);opacity:1}
.project-index-section .seamless-mini-impact{display:flex;align-items:baseline;gap:7px;margin-top:13px}
.project-index-section .seamless-mini-impact strong{font-size:25px;letter-spacing:-.05em;line-height:1;color:#fff}
.project-index-section .seamless-mini-impact span{font-size:8px;letter-spacing:.13em;text-transform:uppercase;color:rgba(255,255,255,.59);font-weight:800}

/* Renard is a flagship, but no longer a separate landing-page band. */
.project-index-section .index-card--renard{background:radial-gradient(88% 115% at 76% 12%,rgba(232,99,42,.2),transparent 56%),#17120f}
.project-index-section .index-card--renard .seamless-art{left:31%;right:-7%;top:-8%;bottom:-8%;opacity:.98}
.project-index-section .index-card--renard .seamless-art .anchor .fit{width:111%}
.project-index-section .index-card--renard .seamless-shade{background:linear-gradient(90deg,rgba(18,13,10,.98) 0%,rgba(18,13,10,.86) 42%,rgba(18,13,10,.08) 75%),linear-gradient(180deg,transparent 55%,rgba(18,13,10,.5))}
.project-index-section .seamless-copy--renard{left:30px;bottom:29px;max-width:44%}
.project-index-section .seamless-copy--renard h2{font-family:"Sora",Inter,sans-serif;font-size:30px;max-width:13ch}
.project-index-section .seamless-copy--renard .seamless-eyebrow{color:#ff9a68}
.project-index-section .seamless-renard-lockup{display:flex;align-items:center;gap:9px;margin-bottom:20px}
.project-index-section .seamless-renard-lockup svg{width:29px;height:27px;filter:drop-shadow(0 8px 13px rgba(232,99,42,.24))}
.project-index-section .seamless-renard-lockup span{font-family:"Instrument Serif",Georgia,serif;font-size:28px;font-style:italic;letter-spacing:-.02em;color:#e8632a}

/* ContactPoint360: three connected finance workflows on one calm finance surface. */
.project-index-section .index-card--cp{
  background:#e9eff4;color:#0b2033;
  box-shadow:0 0 0 1px rgba(21,54,82,.12),0 14px 36px rgba(7,29,42,.08)
}
.project-index-section .index-card--cp .seamless-art .anchor .fit{width:100%}
.project-index-section .index-card--cp .seamless-shade{display:none}
.project-index-section .index-card--cp .view{
  right:18px;bottom:16px;color:#163a5a;background:rgba(255,255,255,.78);
  border:1px solid rgba(22,58,90,.12);border-radius:999px;padding:7px 10px;
  backdrop-filter:blur(8px);box-shadow:0 6px 16px rgba(22,58,90,.08)
}
.project-index-section .seamless-copy--cp{display:none}

.project-index-section .a-cp{
  background:
    linear-gradient(rgba(35,77,111,.045) .18cqw,transparent .18cqw),
    linear-gradient(90deg,rgba(35,77,111,.045) .18cqw,transparent .18cqw),
    linear-gradient(145deg,#f3f6f8 0%,#e7eef4 62%,#dfe9f1 100%);
  background-size:6.5cqw 6.5cqw,6.5cqw 6.5cqw,auto
}
.project-index-section .a-cp .cp-topline{position:absolute;left:5.3cqw;right:5.3cqw;top:6.8cqw;display:flex;align-items:center;justify-content:space-between;gap:3cqw;color:#173650}
.project-index-section .a-cp .cp-brand{font-size:2.15cqw;font-weight:850;letter-spacing:-.035em}
.project-index-section .a-cp .cp-context{font-size:1.25cqw;line-height:1;text-transform:uppercase;letter-spacing:.15em;font-weight:800;color:#557086;text-align:right}
.project-index-section .a-cp .cp-context b{color:#2564b8}
.project-index-section .a-cp .cp-rule{position:absolute;left:5.3cqw;right:5.3cqw;top:11.3cqw;height:.24cqw;background:rgba(23,54,80,.13)}

.project-index-section .a-cp .cp-tax{position:absolute;left:5.3cqw;top:14.2cqw;width:46cqw;height:41cqw;border-radius:2.2cqw;background:rgba(255,255,255,.78);border:.24cqw solid rgba(35,77,111,.11);box-shadow:0 3.5cqw 9cqw rgba(32,67,96,.10);overflow:hidden}
.project-index-section .a-cp .cp-kicker{font-size:1.3cqw;line-height:1;text-transform:uppercase;letter-spacing:.15em;font-weight:850;color:#527086}
.project-index-section .a-cp .cp-tax-copy{position:absolute;left:3.5cqw;top:3.4cqw;z-index:3;color:#0d2c45}
.project-index-section .a-cp .cp-tax-copy strong{display:block;font-size:10.7cqw;line-height:.86;letter-spacing:-.075em;color:#0a3154}
.project-index-section .a-cp .cp-tax-copy span{display:block;margin-top:1.7cqw;font-size:1.55cqw;line-height:1.38;text-transform:uppercase;letter-spacing:.12em;font-weight:850;color:#4d6c83;max-width:18cqw}
.project-index-section .a-cp .cp-tax-copy small{display:block;margin-top:2.1cqw;font-size:1.3cqw;line-height:1.35;color:#2b67b3;font-weight:750}
.project-index-section .a-cp .cp-docs{position:absolute;right:3cqw;top:4.2cqw;width:17.5cqw;height:27.5cqw}
.project-index-section .a-cp .cp-doc{position:absolute;inset:0;border-radius:1.3cqw;background:#fff;border:.24cqw solid rgba(17,55,83,.13);box-shadow:0 2.6cqw 6cqw rgba(26,63,91,.13)}
.project-index-section .a-cp .cp-doc.d3{transform:translate(-4.2cqw,3.4cqw) rotate(-7deg);background:#d8e4ec}
.project-index-section .a-cp .cp-doc.d2{transform:translate(-2cqw,1.7cqw) rotate(-3deg);background:#edf3f6}
.project-index-section .a-cp .cp-doc.d1{padding:2.2cqw;color:#173650}
.project-index-section .a-cp .cp-doc-badge{display:inline-block;background:#15517c;color:#fff;border-radius:.55cqw;padding:.75cqw 1cqw;font-size:1.3cqw;letter-spacing:.08em;font-weight:850}
.project-index-section .a-cp .cp-doc i{display:block;height:.85cqw;border-radius:99px;background:#c2d0d9;margin-top:1.55cqw}
.project-index-section .a-cp .cp-doc i:nth-of-type(1){width:90%}.project-index-section .a-cp .cp-doc i:nth-of-type(2){width:70%}.project-index-section .a-cp .cp-doc i:nth-of-type(3){width:82%}.project-index-section .a-cp .cp-doc i:nth-of-type(4){width:55%}
.project-index-section .a-cp .cp-inhouse{position:absolute;left:3.5cqw;right:3.5cqw;bottom:3cqw;padding-top:1.7cqw;border-top:.22cqw solid rgba(35,77,111,.12);display:flex;align-items:center;justify-content:space-between;gap:2cqw}
.project-index-section .a-cp .cp-inhouse span{font-size:1.25cqw;text-transform:uppercase;letter-spacing:.13em;font-weight:850;color:#557086}
.project-index-section .a-cp .cp-inhouse b{font-size:1.35cqw;color:#238264;letter-spacing:.02em}

.project-index-section .a-cp .cp-payment,.project-index-section .a-cp .cp-payapp{position:absolute;left:54cqw;right:5.3cqw;border-radius:2.2cqw;background:#0c2941;color:#fff;box-shadow:0 3.5cqw 9cqw rgba(18,49,74,.14);overflow:hidden}
.project-index-section .a-cp .cp-payment{top:14.2cqw;height:18.8cqw;padding:2.7cqw 3cqw}
.project-index-section .a-cp .cp-payment .cp-kicker,.project-index-section .a-cp .cp-payapp .cp-kicker{color:#92b4cc}
.project-index-section .a-cp .cp-time{display:flex;align-items:center;gap:1.4cqw;margin-top:1.8cqw}
.project-index-section .a-cp .cp-time del{font-size:2.3cqw;color:#7793a8;text-decoration-thickness:.22cqw}
.project-index-section .a-cp .cp-time em{font-style:normal;font-size:2.4cqw;color:#5ed5ad}
.project-index-section .a-cp .cp-time strong{font-size:5.1cqw;line-height:.9;letter-spacing:-.06em;color:#fff}
.project-index-section .a-cp .cp-flowline{display:flex;align-items:center;gap:1cqw;margin-top:2.1cqw;color:#bcd0de}
.project-index-section .a-cp .cp-flowline span{font-size:1.1cqw;text-transform:uppercase;letter-spacing:.12em;font-weight:800;white-space:nowrap}
.project-index-section .a-cp .cp-flowline i{height:.2cqw;flex:1;min-width:1.8cqw;background:linear-gradient(90deg,#4a9bd1,rgba(74,155,209,.2));position:relative}
.project-index-section .a-cp .cp-flowline i:after{content:"";position:absolute;right:0;top:50%;width:.65cqw;height:.65cqw;border-top:.2cqw solid #4a9bd1;border-right:.2cqw solid #4a9bd1;transform:translateY(-50%) rotate(45deg)}

.project-index-section .a-cp .cp-payapp{top:35.2cqw;height:19.8cqw;background:#fff;color:#173650;border:.24cqw solid rgba(35,77,111,.11);padding:2.5cqw 2.8cqw}
.project-index-section .a-cp .cp-payapp .cp-kicker{color:#527086}
.project-index-section .a-cp .cp-app-copy{position:absolute;left:2.8cqw;top:5.7cqw;width:15.5cqw}
.project-index-section .a-cp .cp-app-copy strong{display:block;font-size:2.7cqw;line-height:1.08;letter-spacing:-.045em;color:#0d2c45}
.project-index-section .a-cp .cp-app-copy span{display:block;margin-top:1.1cqw;font-size:1.25cqw;line-height:1.4;color:#61798b}
.project-index-section .a-cp .cp-browser{position:absolute;right:2.5cqw;top:2.4cqw;width:18.8cqw;height:14.7cqw;border-radius:1.4cqw;background:#f5f8fa;border:.22cqw solid #d7e1e8;overflow:hidden;box-shadow:0 1.8cqw 4cqw rgba(30,66,94,.10)}
.project-index-section .a-cp .cp-browser-top{height:2.2cqw;background:#e5edf2;display:flex;align-items:center;gap:.55cqw;padding:0 1cqw}
.project-index-section .a-cp .cp-browser-top i{width:.72cqw;height:.72cqw;border-radius:50%;background:#ff766d}.project-index-section .a-cp .cp-browser-top i:nth-child(2){background:#f4bd4e}.project-index-section .a-cp .cp-browser-top i:nth-child(3){background:#55c88b}
.project-index-section .a-cp .cp-net{padding:1.5cqw 1.7cqw}
.project-index-section .a-cp .cp-net b{display:block;font-size:1.45cqw;color:#173650;margin-bottom:1.1cqw}
.project-index-section .a-cp .cp-net-row{display:flex;justify-content:space-between;align-items:center;padding:.55cqw 0;border-bottom:.18cqw solid #e1e8ed;font-size:1.05cqw;color:#6d8190}
.project-index-section .a-cp .cp-net-row strong{font-size:1.12cqw;color:#173650}
.project-index-section .a-cp .cp-net-total{margin-top:.8cqw;border-radius:.8cqw;background:#e7f5ef;color:#238264;padding:.75cqw 1cqw;display:flex;justify-content:space-between;font-size:1.05cqw;font-weight:850}


/* CCTV card: dashboard first, one quantified line underneath. */
.project-index-section .index-card--cctv{background:linear-gradient(155deg,#071c2a,#03111a)}
.project-index-section .index-card--cctv .seamless-shade{background:linear-gradient(180deg,rgba(2,11,17,.02) 42%,rgba(2,11,17,.92) 88%)}
.project-index-section .a-cctv .feed em{display:none}
.project-index-section .a-cctv .feed .sparkline{position:absolute;left:4.5%;right:4.5%;top:31%;width:91%;height:42%;overflow:visible;filter:drop-shadow(0 0 1.4cqw rgba(56,211,132,.18))}
.project-index-section .a-cctv .feed .sparkline polyline{fill:none;stroke:#39d286;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.project-index-section .a-cctv .feed:after{content:"";position:absolute;left:4.5%;right:4.5%;top:31%;height:42%;background:linear-gradient(180deg,rgba(57,210,134,.07),transparent);clip-path:polygon(0 72%,7% 65%,13% 75%,20% 50%,27% 55%,34% 40%,41% 50%,48% 15%,55% 40%,62% 30%,69% 48%,76% 28%,83% 42%,90% 24%,100% 32%,100% 100%,0 100%)}
.project-index-section .seamless-impact{position:absolute;z-index:4;left:22px;bottom:21px;display:flex;align-items:center;gap:11px;max-width:calc(100% - 76px)}
.project-index-section .seamless-impact strong{font-size:27px;line-height:1;letter-spacing:-.055em;color:#fff;white-space:nowrap}
.project-index-section .seamless-impact span{font-size:8px;line-height:1.32;letter-spacing:.12em;text-transform:uppercase;color:#a7b7c0;font-weight:800;max-width:115px}

/* Oro remains the wide centerpiece in row two. */
.project-index-section .index-card--oro .seamless-art .anchor .fit{width:100%;top:47%}
.project-index-section .index-card--oro .seamless-shade{background:linear-gradient(180deg,transparent 63%,rgba(55,6,12,.78) 100%)}
.project-index-section .seamless-copy--oro{display:none}
.project-index-section .seamless-impact--oro{left:24px;bottom:19px}
.project-index-section .seamless-impact--oro strong{font-size:27px}
.project-index-section .seamless-impact--oro span{color:#e6c77f;max-width:none}

/* BlazePDF is product-led, with no repeated full product title. */
.project-index-section .index-card--blaze .seamless-shade{background:linear-gradient(180deg,transparent 47%,rgba(143,43,29,.13) 60%,rgba(131,39,27,.82) 100%)}
.project-index-section .seamless-card--blaze .blaze-lockup{display:none}
.project-index-section .seamless-copy--blaze{left:21px;bottom:22px;max-width:76%}
.project-index-section .seamless-copy--blaze h2{font-size:22px;max-width:12ch}
.project-index-section .seamless-copy--blaze .seamless-eyebrow{color:#fff2d7}

/* Catchafire is deliberately almost copy-free: impact and brand are already in the visual. */
.project-index-section .index-card--catchafire .seamless-shade{background:linear-gradient(180deg,transparent 72%,rgba(29,18,53,.35) 100%)}
.project-index-section .index-card--catchafire .view{bottom:18px}

/* The browser and hotel workflow stay visually familiar, with minimal labels. */
.project-index-section .index-card--web .seamless-shade{background:linear-gradient(180deg,transparent 48%,rgba(9,17,29,.08) 58%,rgba(9,17,29,.86) 100%)}
.project-index-section .seamless-copy--web{left:21px;bottom:21px;max-width:72%}
.project-index-section .seamless-copy--web h2{font-size:22px}
.project-index-section .seamless-copy--web .seamless-eyebrow{color:#ff777b}
.project-index-section .index-card--hotel .seamless-art .anchor .fit{width:100%;top:47%}
.project-index-section .index-card--hotel .seamless-shade{background:linear-gradient(90deg,transparent 38%,rgba(39,19,10,.12) 56%,rgba(39,19,10,.86) 100%),linear-gradient(180deg,transparent 62%,rgba(39,19,10,.48) 100%)}
.project-index-section .seamless-copy--hotel{left:auto;right:27px;bottom:27px;max-width:39%}
.project-index-section .seamless-copy--hotel h2{font-size:25px;max-width:13ch}
.project-index-section .seamless-copy--hotel .seamless-eyebrow{color:#f4d39a}
.project-index-section .seamless-copy--hotel .seamless-description{max-width:31ch}

@media (max-width:1100px){
  .project-index-section .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .project-index-section .seamless-card--half,.project-index-section .seamless-card--double{grid-column:span 2}
  .project-index-section .seamless-card--small{grid-column:span 1}
  .project-index-section .seamless-card--half{height:315px}.project-index-section .seamless-card--small,.project-index-section .seamless-card--double{height:335px}
}
@media (max-width:700px){
  .project-index-section .project-grid{grid-template-columns:1fr;gap:11px}
  .project-index-section .seamless-card--half,.project-index-section .seamless-card--small,.project-index-section .seamless-card--double{grid-column:span 1;height:315px}
  .project-index-section .seamless-card--small .seamless-art .anchor .fit{width:118%}
  .project-index-section .seamless-card--cp .seamless-art .anchor .fit{width:142%;top:50%}
  .project-index-section .seamless-card--cctv .seamless-art .anchor .fit{width:122%;top:43%}
  .project-index-section .seamless-card--catchafire .seamless-art .anchor .fit{width:120%}
  .project-index-section .seamless-card--blaze .seamless-art .anchor .fit{width:116%;top:45%}
  .project-index-section .seamless-card--web .seamless-art .anchor .fit{width:118%;top:43%}
  .project-index-section .index-card--renard .seamless-art{left:20%;right:-14%}
  .project-index-section .seamless-copy--renard{max-width:57%;left:22px}.project-index-section .seamless-copy--renard h2{font-size:25px}
  .project-index-section .seamless-copy--cp{right:21px}.project-index-section .seamless-copy--hotel{right:22px;max-width:48%}
}


/* ======= INDEX 22 OVERRIDES · ORO + CATCHAFIRE ======= */
.project-index-section .a-oro{background:radial-gradient(92% 120% at 22% 12%,#a72a33 0,#6d141c 48%,#410c12 100%)!important}
.project-index-section .a-oro .soft-glow{position:absolute;left:16cqw;top:10cqw;width:48cqw;height:28cqw;border-radius:50%;background:radial-gradient(circle,rgba(244,214,149,.18) 0,rgba(244,214,149,.05) 38%,transparent 75%);filter:blur(2.4cqw)}
.project-index-section .a-oro .loyalty-card{position:absolute;left:14cqw;top:12cqw;width:60cqw;height:36cqw;border-radius:2.7cqw;background:linear-gradient(145deg,#14191f 0,#1b242d 30%,#283640 100%);transform:rotate(-4deg);box-shadow:0 7cqw 15cqw rgba(0,0,0,.42), inset 0 0 0 .3cqw rgba(243,214,149,.22);border:.28cqw solid rgba(243,214,149,.28);overflow:hidden}
.project-index-section .a-oro .loyalty-card:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.08),transparent 24%,transparent 58%,rgba(243,214,149,.05) 74%,transparent 100%)}
.project-index-section .a-oro .loyalty-card:after{content:"";position:absolute;right:-10cqw;top:-8cqw;width:30cqw;height:30cqw;border-radius:50%;background:radial-gradient(circle,rgba(243,214,149,.12) 0,rgba(243,214,149,0) 72%)}
.project-index-section .a-oro .brand-logo{position:absolute;left:5cqw;top:4.1cqw;width:26cqw;height:auto;filter:brightness(0) saturate(0) invert(86%) sepia(37%) saturate(431%) hue-rotate(356deg) brightness(103%) contrast(91%);opacity:.97}
.project-index-section .a-oro .card-kicker{position:absolute;left:5.2cqw;top:13.8cqw;font-size:1.9cqw;letter-spacing:.42em;text-transform:uppercase;color:rgba(243,214,149,.86);font-weight:700}
.project-index-section .a-oro .card-divider{position:absolute;left:5cqw;right:5cqw;top:17.4cqw;height:.18cqw;background:linear-gradient(90deg,transparent,rgba(243,214,149,.42),transparent)}
.project-index-section .a-oro .card-chip{position:absolute;left:5.1cqw;top:20.4cqw;width:7.2cqw;height:5.2cqw;border-radius:.9cqw;border:.28cqw solid rgba(243,214,149,.58);background:linear-gradient(145deg,rgba(243,214,149,.13),rgba(243,214,149,.03))}
.project-index-section .a-oro .member-meta{position:absolute;left:5.2cqw;top:27.8cqw;font-size:1.5cqw;letter-spacing:.15em;text-transform:uppercase;color:rgba(243,214,149,.64);font-weight:700}
.project-index-section .a-oro .member-no{position:absolute;left:5.2cqw;bottom:4.1cqw;font-size:2.1cqw;letter-spacing:.18em;color:#f3d695}
.project-index-section .a-oro .card-qr{position:absolute;right:4.3cqw;bottom:4.3cqw;width:10.2cqw;height:10.2cqw;border-radius:.8cqw;background:repeating-conic-gradient(#f3d695 0 25%,transparent 0 50%) 0/2.1cqw 2.1cqw;opacity:.9;box-shadow:inset 0 0 0 .35cqw rgba(243,214,149,.2)}
.project-index-section .a-oro .foil{position:absolute;right:16cqw;bottom:6cqw;width:18cqw;height:9cqw;border-radius:99px;border:.18cqw solid rgba(243,214,149,.18);transform:rotate(-18deg)}
.project-index-section .seamless-card--oro .seamless-shade{background:linear-gradient(180deg,transparent 36%,rgba(30,4,8,.06) 54%,rgba(30,4,8,.86) 100%)}
.project-index-section .seamless-copy--oro{max-width:68%}
.project-index-section .seamless-copy--oro h2{max-width:16ch}
.project-index-section .seamless-copy--oro .seamless-description{max-width:42ch;color:rgba(255,245,238,.72)}

.project-index-section .a-cafire{background:radial-gradient(85% 110% at 18% 14%,#6f50ab 0,#432f69 47%,#241936 100%)!important}
.project-index-section .a-cafire .cafire-impact{position:absolute;left:7cqw;top:6.8cqw;color:#fff;z-index:3}
.project-index-section .a-cafire .cafire-impact strong{display:block;font-size:13.5cqw;line-height:.88;letter-spacing:-.07em}
.project-index-section .a-cafire .cafire-impact span{display:block;margin-top:1.6cqw;font-size:2.15cqw;line-height:1.2;text-transform:uppercase;letter-spacing:.14em;color:#eee3ff;font-weight:800}
.project-index-section .a-cafire .service-pills{position:absolute;left:7cqw;top:25.4cqw;display:flex;gap:1.2cqw;flex-wrap:wrap;z-index:3}
.project-index-section .a-cafire .service-pills b{padding:1.05cqw 1.55cqw;border-radius:999px;background:rgba(255,255,255,.11);border:.22cqw solid rgba(255,255,255,.16);font-size:1.55cqw;letter-spacing:.08em;color:#fff;font-weight:700}
.project-index-section .a-cafire .cause-line{position:absolute;left:7cqw;top:31.7cqw;max-width:34cqw;font-size:1.45cqw;line-height:1.35;color:#d7c9ef;letter-spacing:.06em}
.project-index-section .a-cafire .project-columns{position:absolute;right:6.6cqw;top:8.8cqw;width:24.5cqw;height:25.8cqw;display:flex;align-items:flex-end;gap:1.2cqw;z-index:2}
.project-index-section .a-cafire .project-columns .col{position:relative;flex:1;border-radius:1.2cqw 1.2cqw .7cqw .7cqw;background:linear-gradient(180deg,#ffbd83 0,#f08e59 38%,#cd5f37 100%);box-shadow:0 1.2cqw 2.8cqw rgba(14,8,28,.28)}
.project-index-section .a-cafire .project-columns .col:nth-child(1){height:54%}.project-index-section .a-cafire .project-columns .col:nth-child(2){height:76%}.project-index-section .a-cafire .project-columns .col:nth-child(3){height:61%}.project-index-section .a-cafire .project-columns .col:nth-child(4){height:88%}.project-index-section .a-cafire .project-columns .col:nth-child(5){height:70%}
.project-index-section .a-cafire .project-columns .col small{position:absolute;left:50%;bottom:calc(100% + 1.2cqw);transform:translateX(-50%);font-size:1.08cqw;letter-spacing:.14em;text-transform:uppercase;color:#cab9e7;font-weight:800;white-space:nowrap}
.project-index-section .a-cafire .project-columns .col span{position:absolute;left:50%;top:calc(100% + 1.1cqw);transform:translateX(-50%) rotate(-90deg);transform-origin:center top;font-size:1.03cqw;letter-spacing:.14em;text-transform:uppercase;color:#d8caef;font-weight:700;white-space:nowrap}
.project-index-section .a-cafire .cafire-foot{position:absolute;left:7cqw;right:7cqw;bottom:4.7cqw;display:flex;align-items:flex-end;justify-content:space-between;gap:3cqw;z-index:3}
.project-index-section .a-cafire .cafire-foot .meta strong{display:block;font-size:1.7cqw;letter-spacing:.12em;text-transform:uppercase;color:#fff}
.project-index-section .a-cafire .cafire-foot .meta span{display:block;margin-top:1cqw;font-size:1.35cqw;line-height:1.35;color:#cfbfeb;max-width:26cqw}
.project-index-section .a-cafire .cafire-foot img{width:18cqw;height:auto;opacity:.88;filter:brightness(1.06)}


/* ===== INDEX 23 · BLAZEPDF SPEED + SHORTCUTS ===== */
.project-index-section .index-card--blaze{
  color:#fff;
  background:
    radial-gradient(circle at 5% 0%,rgba(255,255,255,.20),transparent 34%),
    radial-gradient(circle at 92% 10%,rgba(255,228,159,.56),transparent 29%),
    linear-gradient(140deg,#f54940 0%,#ff704d 53%,#ff9e49 100%)!important;
}
.project-index-section .index-card--blaze .seamless-art .anchor .fit{width:135%;top:44%;left:50%}
.project-index-section .index-card--blaze .seamless-shade{
  background:linear-gradient(180deg,rgba(91,23,18,.02) 30%,rgba(91,23,18,.08) 58%,rgba(91,23,18,.88) 100%)!important;
}
.project-index-section .a-blaze{background:transparent!important}
.project-index-section .a-blaze .speed-glow{position:absolute;right:-8cqw;top:-12cqw;width:48cqw;height:48cqw;border-radius:50%;background:radial-gradient(circle,rgba(255,246,197,.72),rgba(255,246,197,.12) 40%,transparent 72%);filter:blur(.6cqw)}
.project-index-section .a-blaze .speed-lines{position:absolute;left:-6cqw;top:16cqw;width:34cqw;height:20cqw;opacity:.26;transform:skewX(-18deg)}
.project-index-section .a-blaze .speed-lines i{display:block;height:.55cqw;border-radius:99px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.82),transparent);margin:2.2cqw 0}
.project-index-section .a-blaze .speed-lines i:nth-child(1){width:88%}.project-index-section .a-blaze .speed-lines i:nth-child(2){width:68%;margin-left:8cqw}.project-index-section .a-blaze .speed-lines i:nth-child(3){width:96%;margin-left:2cqw}

.project-index-section .a-blaze .blaze-brand{position:absolute;left:5.2cqw;top:5.1cqw;z-index:8;display:flex;align-items:center;gap:2.1cqw}
.project-index-section .a-blaze .blaze-brand img{width:12.8cqw;height:12.8cqw;border-radius:3.1cqw;object-fit:cover;box-shadow:0 2.8cqw 6cqw rgba(92,25,19,.28)}
.project-index-section .a-blaze .blaze-brand strong{font-size:3.2cqw;letter-spacing:-.05em;color:#fff}
.project-index-section .a-blaze .blaze-brand span{display:block;margin-top:.7cqw;font-size:1.35cqw;text-transform:uppercase;letter-spacing:.16em;color:#fff0df;font-weight:800}

.project-index-section .a-blaze .speed-device{position:absolute;left:15cqw;right:3.8cqw;top:13cqw;height:42cqw;border-radius:4.1cqw;background:rgba(255,255,255,.95);padding:1.8cqw;box-shadow:0 5cqw 12cqw rgba(99,31,22,.30);transform:rotate(-2.4deg);z-index:4}
.project-index-section .a-blaze .speed-window{position:relative;width:100%;height:100%;border-radius:3.2cqw;background:#111a2d;overflow:hidden}
.project-index-section .a-blaze .speed-titlebar{height:5cqw;display:flex;align-items:center;gap:1cqw;padding:0 2cqw;color:#a7b1c4;font-size:1.35cqw;font-weight:700}
.project-index-section .a-blaze .speed-titlebar i{width:1.25cqw;height:1.25cqw;border-radius:50%;background:#ff696d}.project-index-section .a-blaze .speed-titlebar i:nth-child(2){background:#ffbf35}.project-index-section .a-blaze .speed-titlebar i:nth-child(3){background:#49d789}.project-index-section .a-blaze .speed-titlebar span{margin-left:1cqw}
.project-index-section .a-blaze .speed-workspace{position:absolute;left:1.7cqw;right:1.7cqw;top:5cqw;bottom:1.7cqw;display:grid;grid-template-columns:6.4cqw 1fr;gap:1.4cqw}
.project-index-section .a-blaze .speed-tools{display:flex;flex-direction:column;align-items:center;gap:1cqw;padding:1.3cqw .7cqw;border-radius:2cqw;background:#202d43}
.project-index-section .a-blaze .speed-tools b{width:4cqw;height:4cqw;display:grid;place-items:center;border-radius:1.15cqw;background:#34445b;color:#a6b4c8;font-size:1.5cqw}
.project-index-section .a-blaze .speed-tools b.active{color:#fff;background:#ff7518;box-shadow:0 1cqw 2cqw rgba(255,117,24,.24)}
.project-index-section .a-blaze .speed-paper-shell{position:relative;padding:2.4cqw;border-radius:2cqw;background:#f8efdd;overflow:hidden}
.project-index-section .a-blaze .speed-paper{height:100%;padding:2.7cqw;border-radius:1.65cqw;background:#fff;box-shadow:0 1.5cqw 4cqw rgba(43,47,63,.09)}
.project-index-section .a-blaze .speed-paper>span{display:block;height:1.25cqw;margin-bottom:1.55cqw;border-radius:99px;background:#dce3ed}
.project-index-section .a-blaze .speed-paper .line-1{width:61%}.project-index-section .a-blaze .speed-paper .line-2{width:91%;height:1.75cqw;background:#ffef82}.project-index-section .a-blaze .speed-paper .line-3{width:78%}.project-index-section .a-blaze .speed-paper .line-4{width:82%;height:1.75cqw;background:#a9edc3}.project-index-section .a-blaze .speed-paper .line-5{width:69%;height:1.75cqw;background:#acd0fa}

.project-index-section .a-blaze .shortcut-callout{position:absolute;right:3.4cqw;bottom:3.5cqw;width:30cqw;padding:2.1cqw 2.2cqw;border-radius:2cqw;background:#fff;color:#172033;box-shadow:0 2.8cqw 6cqw rgba(72,23,19,.24);transform:rotate(2.5deg);z-index:8}
.project-index-section .a-blaze .shortcut-top{display:flex;align-items:center;gap:1.3cqw}
.project-index-section .a-blaze .keycaps{display:flex;align-items:center;gap:.65cqw}
.project-index-section .a-blaze .keycaps kbd{min-width:4.5cqw;height:4.2cqw;padding:0 1cqw;display:grid;place-items:center;border-radius:1cqw;background:#151f33;color:#fff;font-family:"IBM Plex Mono",monospace;font-size:1.35cqw;font-weight:700;box-shadow:inset 0 -.45cqw 0 rgba(0,0,0,.26)}
.project-index-section .a-blaze .keycaps em{font-style:normal;font-size:1.4cqw;color:#8c98aa;font-weight:800}
.project-index-section .a-blaze .shortcut-copy strong{display:block;font-size:2.35cqw;line-height:1.05;letter-spacing:-.04em;color:#172033}
.project-index-section .a-blaze .shortcut-copy span{display:block;margin-top:.45cqw;font-size:1.45cqw;color:#687588}
.project-index-section .a-blaze .preset-row{display:flex;align-items:center;justify-content:space-between;margin-top:1.55cqw;padding-top:1.35cqw;border-top:.2cqw solid #e6eaf0}
.project-index-section .a-blaze .preset-row span{font-size:1.3cqw;text-transform:uppercase;letter-spacing:.12em;color:#7a8697;font-weight:800}
.project-index-section .a-blaze .preset-row b{font-size:1.4cqw;color:#ff6b3d}

.project-index-section .seamless-copy--blaze{left:21px;bottom:22px;max-width:72%!important}
.project-index-section .seamless-copy--blaze h2{font-size:22px!important;max-width:12ch!important}
.project-index-section .seamless-copy--blaze .seamless-eyebrow{color:#fff2d7!important}
.project-index-section .seamless-copy--blaze .seamless-description{display:block;color:rgba(255,255,255,.78);font-size:9.5px;line-height:1.4;max-width:27ch;margin-top:8px}
.project-index-section .index-card--blaze .view{color:#fff}

@media (max-width:680px){
  .project-index-section .index-card--blaze .seamless-art .anchor .fit{width:118%;top:45%}
  .project-index-section .a-blaze .speed-device{left:19cqw;right:4cqw;top:13cqw;height:41cqw}
  .project-index-section .a-blaze .shortcut-callout{right:4cqw;width:31cqw}
}


/* ======= INDEX 24 OVERRIDES · GOLDEN PEAK ======= */
.project-index-section .a-hotel{background:radial-gradient(112% 115% at 12% 10%,#a87845 0,#6a4126 48%,#2a180f 100%)!important}
.project-index-section .a-hotel .gp-glow{position:absolute;left:4cqw;top:3cqw;width:58cqw;height:36cqw;border-radius:50%;background:radial-gradient(circle,rgba(246,205,144,.22),transparent 70%);filter:blur(1.4cqw)}
.project-index-section .a-hotel .hero-copy{position:absolute;left:6cqw;top:5.3cqw;z-index:4;max-width:44cqw;color:#fff6ea}
.project-index-section .a-hotel .hero-copy small{display:block;color:rgba(255,239,221,.72);font-size:1.2cqw;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.project-index-section .a-hotel .hero-copy h3{margin:1.6cqw 0 0;font-size:4.25cqw;line-height:.98;letter-spacing:-.05em;font-weight:800;max-width:11.5ch}
.project-index-section .a-hotel .hero-copy p{margin:1.5cqw 0 0;max-width:36cqw;color:rgba(255,239,221,.74);font-size:1.55cqw;line-height:1.35}
.project-index-section .a-hotel .lane-labels{position:absolute;left:6cqw;right:6cqw;top:22.5cqw;display:grid;grid-template-columns:22cqw 25.5cqw 18.5cqw;gap:3cqw;z-index:4}
.project-index-section .a-hotel .lane-labels span{color:rgba(255,238,220,.64);font-size:1.02cqw;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.project-index-section .a-hotel .website-panel,.project-index-section .a-hotel .messenger-phone,.project-index-section .a-hotel .viber-panel{position:absolute;z-index:3;box-shadow:0 5.5cqw 13cqw rgba(0,0,0,.26)}
.project-index-section .a-hotel .website-panel{left:6cqw;top:26cqw;width:22cqw;height:22cqw;border-radius:2.2cqw;background:#f8f1e5;padding:2.1cqw;color:#4e3826}
.project-index-section .a-hotel .messenger-phone{left:31cqw;top:23.8cqw;width:26cqw;height:29.5cqw;border-radius:3.3cqw;background:#171310;padding:1.35cqw;transform:rotate(-2.2deg)}
.project-index-section .a-hotel .messenger-phone .screen{width:100%;height:100%;border-radius:2.5cqw;background:#faf7f1;padding:2cqw;overflow:hidden;color:#2b241c}
.project-index-section .a-hotel .viber-panel{right:6cqw;top:28cqw;width:18cqw;height:18.6cqw;border-radius:2.2cqw;background:#f7f2ff;padding:1.8cqw;color:#3b3052}
.project-index-section .a-hotel .mini-label{display:block;font-size:1.02cqw;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:#9a6e44;margin-bottom:1.25cqw}
.project-index-section .a-hotel .field{margin-bottom:1.1cqw}
.project-index-section .a-hotel .field b{display:block;font-size:1cqw;color:#8e7054;margin-bottom:.45cqw;font-weight:700}
.project-index-section .a-hotel .field span{display:block;height:1.65cqw;border-radius:.8cqw;background:#fff;border:.2cqw solid #e2d3c0}
.project-index-section .a-hotel .field.message span{height:4.2cqw}
.project-index-section .a-hotel .submit{margin-top:1.5cqw;display:inline-block;padding:1cqw 1.2cqw;border-radius:999px;background:#9b6b3a;color:#fff8f0;font-size:1.02cqw;font-weight:800;letter-spacing:.08em}
.project-index-section .a-hotel .channel{display:flex;align-items:center;gap:1.05cqw;font-size:1.25cqw;font-weight:800;color:#63584d}
.project-index-section .a-hotel .channel i{width:3.3cqw;height:3.3cqw;border-radius:50%;display:grid;place-items:center;color:#fff;font-style:normal;font-size:1.75cqw}.project-index-section .a-hotel .messenger i{background:#168aff}.project-index-section .a-hotel .viber i{background:#7360f2}
.project-index-section .a-hotel .msg{margin-top:1.45cqw;background:#eae4d8;border-radius:1.7cqw 1.7cqw 1.7cqw .55cqw;padding:1.3cqw 1.45cqw;font-size:1.25cqw;line-height:1.35}
.project-index-section .a-hotel .reply{margin:1.2cqw 0 0 auto;background:#168aff;color:#fff;border-radius:1.7cqw 1.7cqw .55cqw 1.7cqw;padding:1.15cqw 1.4cqw;font-size:1.18cqw;line-height:1.25;width:84%}
.project-index-section .a-hotel .quick{display:flex;flex-wrap:wrap;gap:.7cqw;margin-top:1.3cqw}.project-index-section .a-hotel .quick b{font-size:1.03cqw;color:#146cc6;border:.22cqw solid #9bc8f4;border-radius:999px;padding:.7cqw 1.05cqw;background:#fff}
.project-index-section .a-hotel .feedback{margin-top:1.3cqw;font-size:1.03cqw;color:#8a7b6f}
.project-index-section .a-hotel .feedback b{display:inline-block;margin-left:.7cqw;padding:.52cqw .9cqw;border-radius:999px;background:#f0ece6;color:#695948}
.project-index-section .a-hotel .flow-card{position:absolute;left:51cqw;top:41.2cqw;width:12.5cqw;border-radius:1.4cqw;background:rgba(255,248,236,.96);color:#4d3827;padding:1.45cqw;box-shadow:0 2.8cqw 6cqw rgba(0,0,0,.18);z-index:5}
.project-index-section .a-hotel .flow-card b{display:block;font-size:1.05cqw;letter-spacing:.16em;text-transform:uppercase;color:#a06a35;margin-bottom:.8cqw}.project-index-section .a-hotel .flow-card span{display:block;font-size:1.15cqw;line-height:1.35}.project-index-section .a-hotel .flow-card span+span{border-top:.18cqw solid #e5d2ba;padding-top:.75cqw;margin-top:.75cqw}
.project-index-section .a-hotel .route-line{position:absolute;left:27cqw;right:20cqw;top:47.2cqw;height:.4cqw;background:repeating-linear-gradient(90deg,rgba(255,232,202,.75) 0 1.6cqw,transparent 1.6cqw 3.2cqw);transform:rotate(.7deg);z-index:2}
.project-index-section .a-hotel .route-line:after{content:"";position:absolute;right:-.15cqw;top:50%;width:1.35cqw;height:1.35cqw;border-top:.36cqw solid #ffe2bd;border-right:.36cqw solid #ffe2bd;transform:translateY(-50%) rotate(45deg)}
.project-index-section .a-hotel .alert{background:#ece8ff;border-left:.75cqw solid #7360f2;border-radius:1.1cqw;padding:1.25cqw;font-size:1.12cqw;line-height:1.35;color:#39304f;margin-top:1.15cqw}.project-index-section .a-hotel .alert strong{display:block;color:#5d48c6;font-size:1.15cqw;margin-bottom:.45cqw}
.project-index-section .a-hotel .viber-panel .source{display:block;margin-top:1.2cqw;font-size:1.02cqw;color:#786a99}
.project-index-section .a-hotel .viber-panel .source b{color:#4f4280}
.project-index-section .a-hotel .bottom-tags{position:absolute;left:6cqw;right:6cqw;bottom:4.3cqw;display:flex;gap:.8cqw;flex-wrap:wrap;z-index:4}
.project-index-section .a-hotel .bottom-tags b{padding:.72cqw .95cqw;border-radius:999px;background:rgba(255,255,255,.08);border:.2cqw solid rgba(255,255,255,.12);color:#f5e8d7;font-size:.92cqw;letter-spacing:.1em;text-transform:uppercase}
.project-index-section .seamless-card--hotel .seamless-shade{background:linear-gradient(180deg,transparent 42%,rgba(34,16,8,.05) 58%,rgba(34,16,8,.82) 100%)}
.project-index-section .seamless-card--hotel .view{bottom:4.4cqw;right:6cqw}


/* ======= INDEX 25 OVERRIDES · GOLDEN PEAK REGEN ======= */
.project-index-section .a-hotel{background:radial-gradient(120% 110% at 15% 12%,#8f6036 0,#5c331d 47%,#24130d 100%)!important}
.project-index-section .a-hotel .gp-glow{left:8cqw;top:2cqw;width:46cqw;height:24cqw;background:radial-gradient(circle,rgba(244,196,129,.16),transparent 72%);filter:blur(2cqw)}
.project-index-section .a-hotel .hero-copy{left:6cqw;top:5.2cqw;max-width:34cqw;color:#fff3e4}
.project-index-section .a-hotel .hero-copy small{display:block;color:rgba(255,240,221,.72);font-size:1.12cqw;letter-spacing:.18em;text-transform:uppercase;font-weight:800}
.project-index-section .a-hotel .hero-copy h3{margin:1.35cqw 0 0;font-size:3.45cqw;line-height:1.02;letter-spacing:-.05em;font-weight:800;max-width:11ch}
.project-index-section .a-hotel .hero-copy p{margin:1.25cqw 0 0;max-width:31cqw;color:rgba(255,240,221,.7);font-size:1.22cqw;line-height:1.42}
.project-index-section .a-hotel .lane-labels{top:21.2cqw;left:6cqw;right:6cqw;grid-template-columns:21cqw 25cqw 18cqw;gap:4cqw}
.project-index-section .a-hotel .lane-labels span{font-size:.95cqw;letter-spacing:.17em;color:rgba(255,236,214,.56)}
.project-index-section .a-hotel .website-panel,.project-index-section .a-hotel .messenger-phone,.project-index-section .a-hotel .viber-panel,.project-index-section .a-hotel .flow-card{box-shadow:0 4.5cqw 10cqw rgba(0,0,0,.22)}
.project-index-section .a-hotel .website-panel{left:6cqw;top:24.2cqw;width:20cqw;height:20.8cqw;border-radius:2cqw;background:#f8f0e3;padding:1.8cqw;color:#4e3826}
.project-index-section .a-hotel .messenger-phone{left:31.4cqw;top:24cqw;width:24.8cqw;height:26.2cqw;border-radius:3.1cqw;background:#171310;padding:1.25cqw;transform:rotate(-2deg)}
.project-index-section .a-hotel .viber-panel{right:6cqw;top:27.1cqw;width:16.8cqw;height:16.8cqw;border-radius:2.1cqw;background:#f7f2ff;padding:1.55cqw;color:#3b3052}
.project-index-section .a-hotel .mini-label{font-size:.96cqw;letter-spacing:.16em;margin-bottom:1.1cqw}
.project-index-section .a-hotel .field{margin-bottom:.9cqw}.project-index-section .a-hotel .field b{font-size:.95cqw;margin-bottom:.4cqw}.project-index-section .a-hotel .field span{height:1.45cqw;border-radius:.7cqw}.project-index-section .a-hotel .field.message span{height:3.8cqw}
.project-index-section .a-hotel .submit{margin-top:1.1cqw;padding:.9cqw 1.1cqw;font-size:.96cqw}
.project-index-section .a-hotel .channel{gap:1cqw;font-size:1.15cqw}.project-index-section .a-hotel .channel i{width:3cqw;height:3cqw;font-size:1.6cqw}
.project-index-section .a-hotel .msg{margin-top:1.25cqw;border-radius:1.5cqw 1.5cqw 1.5cqw .5cqw;padding:1.15cqw 1.25cqw;font-size:1.13cqw}
.project-index-section .a-hotel .reply{margin-top:1cqw;border-radius:1.5cqw 1.5cqw .5cqw 1.5cqw;padding:1.05cqw 1.25cqw;font-size:1.08cqw;width:83%}
.project-index-section .a-hotel .quick{gap:.65cqw;margin-top:1.1cqw}.project-index-section .a-hotel .quick b{font-size:.95cqw;padding:.62cqw .9cqw}
.project-index-section .a-hotel .feedback{margin-top:1.05cqw;font-size:.92cqw;color:#8a7b6f}.project-index-section .a-hotel .feedback b{margin-left:.55cqw;padding:.46cqw .78cqw}
.project-index-section .a-hotel .flow-card{left:54.2cqw;top:40.6cqw;width:11.4cqw;border-radius:1.25cqw;background:rgba(255,248,236,.97);padding:1.25cqw;z-index:5}
.project-index-section .a-hotel .flow-card b{font-size:.95cqw;margin-bottom:.7cqw}.project-index-section .a-hotel .flow-card span{font-size:1.02cqw}.project-index-section .a-hotel .flow-card span+span{padding-top:.68cqw;margin-top:.68cqw}
.project-index-section .a-hotel .route-line{left:26.5cqw;right:18.5cqw;top:42.7cqw;height:.34cqw;background:repeating-linear-gradient(90deg,rgba(255,232,202,.7) 0 1.4cqw,transparent 1.4cqw 2.8cqw)}
.project-index-section .a-hotel .route-line:after{width:1.18cqw;height:1.18cqw;border-top:.32cqw solid #ffe2bd;border-right:.32cqw solid #ffe2bd}
.project-index-section .a-hotel .alert{margin-top:1cqw;border-left:.65cqw solid #7360f2;border-radius:1cqw;padding:1.05cqw;font-size:1.02cqw}.project-index-section .a-hotel .alert strong{font-size:1.07cqw;margin-bottom:.4cqw}
.project-index-section .a-hotel .viber-panel .source{margin-top:1.05cqw;font-size:.93cqw}
.project-index-section .a-hotel .bottom-tags{left:6cqw;right:6cqw;bottom:3.6cqw;gap:.65cqw}.project-index-section .a-hotel .bottom-tags b{padding:.62cqw .86cqw;font-size:.85cqw}
.project-index-section .seamless-card--hotel .view{bottom:3.8cqw;right:6cqw}


/* ===== INDEX 27 · SAFE ORO + GOLDEN PEAK REBUILD ===== */
/* Oro China: premium object + operating system preview */
.project-index-section .a-oro{background:radial-gradient(108% 118% at 18% 8%,#b32c38 0,#79111a 46%,#43080e 100%)!important}
.project-index-section .a-oro .oro-kicker{position:absolute;left:6cqw;top:5cqw;color:rgba(255,238,229,.72);font-size:1.02cqw;letter-spacing:.18em;text-transform:uppercase;font-weight:800;z-index:5}
.project-index-section .a-oro .oro-title{position:absolute;left:6cqw;top:8.2cqw;max-width:40cqw;color:#fff8f2;font-size:3.05cqw;line-height:1.02;letter-spacing:-.05em;font-weight:800;z-index:5}
.project-index-section .a-oro .oro-stat{position:absolute;right:6cqw;top:5.2cqw;text-align:right;color:#fff8f2;z-index:5}
.project-index-section .a-oro .oro-stat strong{display:block;font-size:3.6cqw;line-height:.9;letter-spacing:-.06em}
.project-index-section .a-oro .oro-stat span{display:block;margin-top:.65cqw;color:rgba(255,238,229,.72);font-size:.95cqw;letter-spacing:.16em;text-transform:uppercase;font-weight:800}
.project-index-section .a-oro .oro-card{position:absolute;left:6cqw;top:16cqw;width:38cqw;height:24cqw;border-radius:2.3cqw;background:linear-gradient(145deg,#11171c 0,#1b242d 34%,#293741 100%);border:.22cqw solid rgba(243,214,149,.3);box-shadow:0 5cqw 11cqw rgba(0,0,0,.34),inset 0 0 0 .2cqw rgba(243,214,149,.16);transform:rotate(-4deg);overflow:hidden;z-index:3}
.project-index-section .a-oro .oro-card:before{content:"";position:absolute;inset:0;background:linear-gradient(116deg,rgba(255,255,255,.09),transparent 25%,transparent 62%,rgba(243,214,149,.06) 78%,transparent 100%)}
.project-index-section .a-oro .oro-card-logo{position:absolute;left:3.7cqw;top:3.1cqw;width:17cqw;filter:brightness(0) saturate(0) invert(86%) sepia(37%) saturate(431%) hue-rotate(356deg) brightness(103%) contrast(91%);opacity:.98}
.project-index-section .a-oro .oro-card-label{position:absolute;left:3.8cqw;top:9.8cqw;color:rgba(243,214,149,.86);font-size:1.18cqw;letter-spacing:.4em;text-transform:uppercase;font-weight:700}
.project-index-section .a-oro .oro-card-rule{position:absolute;left:3.8cqw;right:3.8cqw;top:12.7cqw;height:.14cqw;background:linear-gradient(90deg,transparent,rgba(243,214,149,.44),transparent)}
.project-index-section .a-oro .oro-chip{position:absolute;left:3.9cqw;top:15.1cqw;width:5.5cqw;height:4cqw;border-radius:.75cqw;border:.21cqw solid rgba(243,214,149,.56);background:linear-gradient(145deg,rgba(243,214,149,.13),rgba(243,214,149,.03))}
.project-index-section .a-oro .oro-card-id{position:absolute;left:4cqw;bottom:3.3cqw;color:#f3d695;font-size:1.38cqw;letter-spacing:.17em}
.project-index-section .a-oro .oro-qr{position:absolute;right:3.2cqw;bottom:3.2cqw;width:7.7cqw;height:7.7cqw;border-radius:.62cqw;background:repeating-conic-gradient(#f3d695 0 25%,transparent 0 50%) 0/1.6cqw 1.6cqw;opacity:.92;box-shadow:inset 0 0 0 .26cqw rgba(243,214,149,.18)}
.project-index-section .a-oro .oro-ui{position:absolute;right:6cqw;top:14.8cqw;width:35cqw;height:25.5cqw;border-radius:1.8cqw;overflow:hidden;background:#fff;border:.2cqw solid rgba(255,255,255,.4);box-shadow:0 4.8cqw 10cqw rgba(0,0,0,.22);z-index:3}
.project-index-section .a-oro .oro-ui img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}
.project-index-section .a-oro .oro-ui:after{content:"Customer intelligence";position:absolute;left:1.4cqw;top:1.1cqw;padding:.65cqw .85cqw;border-radius:999px;background:rgba(255,255,255,.9);color:#b51022;font-size:.85cqw;letter-spacing:.13em;text-transform:uppercase;font-weight:800;box-shadow:0 1cqw 2cqw rgba(0,0,0,.08)}
.project-index-section .a-oro .oro-tags{position:absolute;left:6cqw;right:6cqw;bottom:4cqw;display:flex;gap:.58cqw;flex-wrap:wrap;z-index:5}
.project-index-section .a-oro .oro-tags b{padding:.62cqw .82cqw;border-radius:999px;background:rgba(255,255,255,.08);border:.17cqw solid rgba(255,255,255,.12);color:#f7e7da;font-size:.79cqw;letter-spacing:.09em;text-transform:uppercase}
.project-index-section .seamless-card--oro .seamless-shade{background:linear-gradient(180deg,transparent 48%,rgba(27,3,6,.02) 60%,rgba(27,3,6,.78) 100%)}
.project-index-section .seamless-card--oro .view{right:6cqw;bottom:4.1cqw}

/* Golden Peak: two independent inputs converge into code, then Viber */
.project-index-section .a-hotel{background:radial-gradient(118% 108% at 13% 9%,#956238 0,#61371f 45%,#26140d 100%)!important}
.project-index-section .a-hotel .gp-grid{position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:2.8cqw 2.8cqw;opacity:.2}
.project-index-section .a-hotel .gp-kicker{position:absolute;left:6cqw;top:5cqw;color:rgba(255,238,219,.7);font-size:1.02cqw;letter-spacing:.18em;text-transform:uppercase;font-weight:800;z-index:5}
.project-index-section .a-hotel .gp-title{position:absolute;left:6cqw;top:8.2cqw;max-width:38cqw;color:#fff5e9;font-size:3.05cqw;line-height:1.02;letter-spacing:-.05em;font-weight:800;z-index:5}
.project-index-section .a-hotel .gp-lanes{position:absolute;left:6cqw;right:6cqw;top:19cqw;display:grid;grid-template-columns:24cqw 19cqw 16cqw;gap:5cqw;z-index:5}
.project-index-section .a-hotel .gp-lanes span{color:rgba(255,238,219,.58);font-size:.9cqw;letter-spacing:.17em;text-transform:uppercase;font-weight:800}
.project-index-section .a-hotel .gp-inputs{position:absolute;left:6cqw;top:21.2cqw;width:24cqw;z-index:4;display:flex;flex-direction:column;gap:1.2cqw}
.project-index-section .a-hotel .gp-msg,.project-index-section .a-hotel .gp-form,.project-index-section .a-hotel .gp-code,.project-index-section .a-hotel .gp-viber{box-shadow:0 4.2cqw 9cqw rgba(0,0,0,.22)}
.project-index-section .a-hotel .gp-msg{width:23.5cqw;height:14cqw;border-radius:2.5cqw;background:#16120f;padding:1.05cqw;transform:rotate(-1deg)}
.project-index-section .a-hotel .gp-msg .screen{width:100%;height:100%;border-radius:1.95cqw;background:#faf7f1;padding:1.25cqw;color:#2b241c;overflow:hidden}
.project-index-section .a-hotel .gp-form{width:21cqw;height:10.8cqw;border-radius:1.7cqw;background:#f8f0e3;padding:1.2cqw 1.3cqw;color:#4e3826}
.project-index-section .a-hotel .gp-code{position:absolute;left:36cqw;top:22cqw;width:20cqw;height:20.8cqw;border-radius:1.8cqw;background:#111316;border:.18cqw solid rgba(255,255,255,.08);overflow:hidden;z-index:4}
.project-index-section .a-hotel .gp-code-head{height:2.6cqw;display:flex;align-items:center;justify-content:space-between;padding:0 1.1cqw;color:#c8d0da;background:#171b20;border-bottom:.18cqw solid rgba(255,255,255,.06);font-size:.82cqw;letter-spacing:.15em;text-transform:uppercase;font-weight:800}
.project-index-section .a-hotel .gp-dots{display:flex;gap:.42cqw}.project-index-section .a-hotel .gp-dots i{display:block;width:.54cqw;height:.54cqw;border-radius:50%;background:#ff625d}.project-index-section .a-hotel .gp-dots i:nth-child(2){background:#ffc03d}.project-index-section .a-hotel .gp-dots i:nth-child(3){background:#43d88b}
.project-index-section .a-hotel .gp-code pre{margin:0;padding:1.15cqw 1.25cqw;color:#dce6f3;font: .88cqw/1.5 "IBM Plex Mono",ui-monospace,monospace;white-space:pre-wrap}
.project-index-section .a-hotel .gp-code .kw{color:#f59f66}.project-index-section .a-hotel .gp-code .key{color:#79c3ff}.project-index-section .a-hotel .gp-code .str{color:#90e6a7}.project-index-section .a-hotel .gp-code .fn{color:#d8b4ff}
.project-index-section .a-hotel .gp-api{position:absolute;left:57.7cqw;top:30.1cqw;padding:.85cqw 1.1cqw;border-radius:999px;background:rgba(248,242,255,.96);color:#5a49c5;font-size:.88cqw;letter-spacing:.14em;text-transform:uppercase;font-weight:800;z-index:5}
.project-index-section .a-hotel .gp-viber{position:absolute;right:6cqw;top:24.8cqw;width:16.8cqw;height:16.2cqw;border-radius:2.1cqw;background:#f7f2ff;padding:1.5cqw;color:#3b3052;z-index:4}
.project-index-section .a-hotel .gp-line1,.project-index-section .a-hotel .gp-line2,.project-index-section .a-hotel .gp-line3{position:absolute;height:.3cqw;background:repeating-linear-gradient(90deg,rgba(255,232,202,.72) 0 1.3cqw,transparent 1.3cqw 2.6cqw);z-index:2}
.project-index-section .a-hotel .gp-line1{left:29.8cqw;top:26.5cqw;width:6.5cqw}.project-index-section .a-hotel .gp-line2{left:27cqw;top:36.2cqw;width:9.3cqw}.project-index-section .a-hotel .gp-line3{left:55.8cqw;top:33.4cqw;width:10.2cqw}
.project-index-section .a-hotel .gp-line1:after,.project-index-section .a-hotel .gp-line2:after,.project-index-section .a-hotel .gp-line3:after{content:"";position:absolute;right:-.08cqw;top:50%;width:1cqw;height:1cqw;border-top:.28cqw solid #ffe2bd;border-right:.28cqw solid #ffe2bd;transform:translateY(-50%) rotate(45deg)}
.project-index-section .a-hotel .gp-join{position:absolute;left:36cqw;top:26.45cqw;width:.3cqw;height:9.9cqw;background:repeating-linear-gradient(180deg,rgba(255,232,202,.72) 0 1.3cqw,transparent 1.3cqw 2.6cqw);z-index:2}
.project-index-section .a-hotel .channel{display:flex;align-items:center;gap:.85cqw;font-size:1cqw;font-weight:800;color:#63584d}.project-index-section .a-hotel .channel i{width:2.45cqw;height:2.45cqw;border-radius:50%;display:grid;place-items:center;color:#fff;font-style:normal;font-size:1.2cqw}.project-index-section .a-hotel .messenger i{background:#168aff}.project-index-section .a-hotel .viber i{background:#7360f2}
.project-index-section .a-hotel .msg{margin-top:.85cqw;background:#eae4d8;border-radius:1.2cqw 1.2cqw 1.2cqw .42cqw;padding:.82cqw .95cqw;font-size:.9cqw;line-height:1.32}
.project-index-section .a-hotel .quick{display:flex;flex-wrap:wrap;gap:.45cqw;margin-top:.7cqw}.project-index-section .a-hotel .quick b{font-size:.76cqw;color:#146cc6;border:.16cqw solid #9bc8f4;border-radius:999px;padding:.45cqw .65cqw;background:#fff}
.project-index-section .a-hotel .reply{margin:.65cqw 0 0 auto;background:#168aff;color:#fff;border-radius:1.2cqw 1.2cqw .42cqw 1.2cqw;padding:.68cqw .82cqw;font-size:.82cqw;line-height:1.2;width:70%}
.project-index-section .a-hotel .mini-label{display:block;font-size:.8cqw;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:#9a6e44;margin-bottom:.65cqw}
.project-index-section .a-hotel .field{margin-bottom:.52cqw}.project-index-section .a-hotel .field b{display:block;font-size:.75cqw;color:#8e7054;margin-bottom:.22cqw;font-weight:700}.project-index-section .a-hotel .field span{display:block;height:1cqw;border-radius:.5cqw;background:#fff;border:.14cqw solid #e2d3c0}.project-index-section .a-hotel .field.message span{height:2cqw}.project-index-section .a-hotel .submit{margin-top:.48cqw;display:inline-block;padding:.58cqw .78cqw;border-radius:999px;background:#9b6b3a;color:#fff8f0;font-size:.75cqw;font-weight:800;letter-spacing:.08em}
.project-index-section .a-hotel .alert{background:#ece8ff;border-left:.52cqw solid #7360f2;border-radius:.95cqw;padding:.9cqw;font-size:.9cqw;line-height:1.32;color:#39304f;margin-top:.85cqw}.project-index-section .a-hotel .alert strong{display:block;color:#5d48c6;font-size:.94cqw;margin-bottom:.3cqw}.project-index-section .a-hotel .source{display:block;margin-top:.85cqw;font-size:.8cqw;color:#786a99}.project-index-section .a-hotel .source b{color:#4f4280}
.project-index-section .a-hotel .gp-tags{position:absolute;left:6cqw;bottom:4cqw;display:flex;gap:.58cqw;flex-wrap:wrap;z-index:5}.project-index-section .a-hotel .gp-tags b{padding:.58cqw .78cqw;border-radius:999px;background:rgba(255,255,255,.08);border:.17cqw solid rgba(255,255,255,.12);color:#f5e8d7;font-size:.78cqw;letter-spacing:.1em;text-transform:uppercase}
.project-index-section .seamless-card--hotel .seamless-shade{background:linear-gradient(180deg,transparent 48%,rgba(34,16,8,.02) 60%,rgba(34,16,8,.78) 100%)}
.project-index-section .seamless-card--hotel .view{right:6cqw;bottom:4.1cqw}


/* ======= INDEX 28 OVERRIDES · QUALIFICATIONS ======= */
.project-index-section .credentials-section{padding-top:74px}
.project-index-section .credentials-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:18px}
.project-index-section .credentials-head h2{font-size:clamp(28px,3.1vw,40px);letter-spacing:-.045em;margin-top:10px;max-width:16ch}
.project-index-section .credentials-head>p{font-size:12px;line-height:1.55;color:var(--muted);max-width:44ch}
.project-index-section .credentials-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(195px,19%);gap:9px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:2px 1px 12px;scrollbar-width:none}
.project-index-section .credentials-track::-webkit-scrollbar{display:none}
.project-index-section .credential-card{min-height:136px;scroll-snap-align:start;border:1px solid rgba(17,25,35,.08);border-radius:14px;background:rgba(251,250,247,.9);padding:15px 15px 14px;display:flex;flex-direction:column;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s;box-shadow:0 8px 22px rgba(7,29,42,.03)}
.project-index-section .credential-card:hover{transform:translateY(-2px);border-color:rgba(17,25,35,.14);box-shadow:0 12px 28px rgba(7,29,42,.07)}
.project-index-section .credential-card:focus-visible{outline:3px solid rgba(227,110,53,.24);outline-offset:3px}
.project-index-section .credential-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.project-index-section .credential-kind{font-size:8.2px;letter-spacing:.17em;text-transform:uppercase;color:var(--muted);font-weight:800}
.project-index-section .credential-logo,.project-index-section .credential-mark{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex:none;overflow:hidden;background:#f1ece5;border:1px solid rgba(17,25,35,.06)}
.project-index-section .credential-logo img{width:100%;height:100%;object-fit:cover;display:block}
.project-index-section .credential-mark{font-size:9px;font-weight:800;color:var(--navy);letter-spacing:.08em}
.project-index-section .credential-card strong{display:block;font-size:21px;line-height:1.04;letter-spacing:-.04em;margin-top:17px;font-weight:800}
.project-index-section .credential-card strong small{font-size:.5em;font-weight:700;color:#90969b;letter-spacing:-.015em}
.project-index-section .credential-card p{font-size:10.5px;line-height:1.45;color:var(--muted);margin-top:7px;max-width:26ch}
.project-index-section .credential-card .credential-foot{margin-top:auto;padding-top:14px;font-size:8.2px;letter-spacing:.12em;text-transform:uppercase;color:#aaa297;font-weight:800}
.project-index-section .credential-card--academic{background:#f3f0ea}
.project-index-section .credential-card--primary{background:var(--navy);color:#fff;border-color:var(--navy)}
.project-index-section .credential-card--primary .credential-kind,.project-index-section .credential-card--primary p,.project-index-section .credential-card--primary .credential-foot{color:#b4c2c9}
.project-index-section .credential-card--primary .credential-logo,.project-index-section .credential-card--primary .credential-mark{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.08)}
.project-index-section .credential-card--leadership{background:linear-gradient(145deg,#254d88,#132b57);color:#fff;border-color:#19366c}
.project-index-section .credential-card--leadership .credential-kind,.project-index-section .credential-card--leadership p,.project-index-section .credential-card--leadership .credential-foot{color:#c7d4e7}
.project-index-section .credential-card--leadership .credential-logo,.project-index-section .credential-card--leadership .credential-mark{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.08)}
.project-index-section .credentials-controls{display:flex;gap:7px;margin-top:8px;justify-content:flex-end}
.project-index-section .credentials-controls button{width:36px;height:36px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:16px;background:rgba(251,250,247,.8);transition:background .18s,border-color .18s,color .18s}
.project-index-section .credentials-controls button:hover{background:#fff;border-color:#d9d4ca;color:var(--navy)}
.project-index-section .credentials-controls button:disabled{opacity:.42;cursor:not-allowed}
@media (max-width:1100px){.project-index-section .credentials-track{grid-auto-columns:minmax(205px,31%)}}
@media (max-width:760px){.project-index-section .credentials-section{padding-top:56px}.project-index-section .credentials-head{align-items:flex-start;flex-direction:column;gap:10px}.project-index-section .credentials-track{grid-auto-columns:minmax(205px,78%)}.project-index-section .credentials-controls{justify-content:flex-start}}

/* ===== INDEX 29 · RESPONSIVE EXPERIENCE SYSTEM + CREDENTIAL MODALS ===== */
/* Renard is intentionally excluded from every layout override below. */
.project-index-section .seamless-card--cp{height:348px}
.project-index-section .seamless-card--cp .seamless-art .anchor .fit{width:min(100%,700px)}
.project-index-section .seamless-card--small{height:370px}
.project-index-section .seamless-card--double{height:370px}

/* ContactPoint360: clearer proof hierarchy, with the global company context retained. */
.project-index-section .a-cp .cp-context{font-size:1.38cqw;color:#4e6b82}
.project-index-section .a-cp .cp-context b{display:inline;color:#145fbd}
.project-index-section .a-cp .cp-payment{height:20.5cqw;padding:2.35cqw 3cqw}
.project-index-section .a-cp .cp-time{margin-top:1.2cqw;gap:1.1cqw}
.project-index-section .a-cp .cp-time strong{font-size:5.5cqw}
.project-index-section .a-cp .cp-time span{font-size:1.3cqw;line-height:1.2;text-transform:uppercase;letter-spacing:.13em;color:#98b4c7;font-weight:800}
.project-index-section .a-cp .cp-speedline{display:flex;align-items:center;justify-content:space-between;gap:1.4cqw;margin-top:1.45cqw;padding-top:1.25cqw;border-top:.18cqw solid rgba(255,255,255,.12)}
.project-index-section .a-cp .cp-speedline b{font-size:1.75cqw;color:#5ed5ad;letter-spacing:-.02em}
.project-index-section .a-cp .cp-speedline small{font-size:1.15cqw;color:#9eb8ca;letter-spacing:.04em}
.project-index-section .a-cp .cp-flowline{display:none}
.project-index-section .a-cp .cp-payapp{top:36.4cqw;height:18.6cqw}

/* Revenue assurance: the financial coverage is the headline, not a footnote. */
.project-index-section .seamless-card--cctv .seamless-art .anchor .fit{width:100%;height:100%;aspect-ratio:auto;top:50%;left:50%}
.project-index-section .index-card--cctv .seamless-shade{background:linear-gradient(180deg,transparent 70%,rgba(2,11,17,.76) 100%)}
.project-index-section .a-cctv .cctv-kicker{position:absolute;left:20px;top:19px;font-size:8px;letter-spacing:.17em;text-transform:uppercase;color:#8ea4af;font-weight:800}
.project-index-section .a-cctv .cctv-context{position:absolute;right:20px;top:19px;font-size:7.5px;letter-spacing:.13em;text-transform:uppercase;color:#718893;font-weight:800}
.project-index-section .a-cctv .cctv-value{position:absolute;left:20px;top:44px;z-index:3}
.project-index-section .a-cctv .cctv-value strong{display:block;font-size:39px;line-height:.9;letter-spacing:-.065em;color:#fff}
.project-index-section .a-cctv .cctv-value span{display:block;margin-top:8px;max-width:190px;font-size:8.5px;line-height:1.35;letter-spacing:.11em;text-transform:uppercase;color:#9fb2bc;font-weight:800}
.project-index-section .a-cctv .board{left:18px;right:18px;top:124px;bottom:53px}
.project-index-section .a-cctv .board .btop{display:none}
.project-index-section .a-cctv .feeds{height:100%;margin:0;gap:7px}
.project-index-section .a-cctv .feed{min-height:0}
.project-index-section .a-cctv .feed span{left:8px;top:7px;font-size:6.8px}
.project-index-section .a-cctv .feed b{left:8px;bottom:7px;font-size:6.6px}
.project-index-section .seamless-impact--cctv{display:none}

/* Oro China: no more inherited crop; the loyalty object and operating layer both stay visible. */
.project-index-section .seamless-card--oro .seamless-art .anchor .fit{width:100%;height:100%;aspect-ratio:auto;top:50%}
.project-index-section .a-oro .oro-kicker{top:24px;left:25px;font-size:8px}
.project-index-section .a-oro .oro-title{top:44px;left:25px;font-size:25px;max-width:300px}
.project-index-section .a-oro .oro-stat{top:26px;right:25px}
.project-index-section .a-oro .oro-stat strong{font-size:31px}.project-index-section .a-oro .oro-stat span{font-size:7px}
.project-index-section .a-oro .oro-card{left:25px;top:117px;width:245px;height:155px;border-radius:15px}
.project-index-section .a-oro .oro-ui{right:25px;top:106px;width:226px;height:165px;border-radius:12px}
.project-index-section .a-oro .oro-tags{left:25px;right:86px;bottom:20px;gap:5px}
.project-index-section .a-oro .oro-tags b{padding:5px 7px;font-size:6.5px}
.project-index-section .seamless-card--oro .view{right:25px;bottom:20px}

/* BlazePDF: one clean product frame, one shortcut proof point, one concise promise. */
.project-index-section .seamless-card--blaze .seamless-art .anchor .fit{width:100%;height:100%;aspect-ratio:auto;top:50%;left:50%}
.project-index-section .a-blaze .speed-lines{display:none}
.project-index-section .a-blaze .speed-glow{right:-38px;top:-52px;width:210px;height:210px}
.project-index-section .a-blaze .blaze-brand{left:18px;top:18px;gap:9px}
.project-index-section .a-blaze .blaze-brand img{width:42px;height:42px;border-radius:11px}
.project-index-section .a-blaze .blaze-brand strong{font-size:15px}.project-index-section .a-blaze .blaze-brand span{font-size:6.5px;margin-top:3px}
.project-index-section .a-blaze .speed-device{left:39px;right:-46px;top:72px;height:225px;border-radius:20px;padding:8px;transform:rotate(-2deg)}
.project-index-section .a-blaze .speed-window{border-radius:15px}.project-index-section .a-blaze .speed-titlebar{height:24px;padding:0 10px;gap:5px;font-size:6.5px}
.project-index-section .a-blaze .speed-titlebar i{width:6px;height:6px}.project-index-section .a-blaze .speed-titlebar span{margin-left:5px}
.project-index-section .a-blaze .speed-workspace{left:8px;right:8px;top:24px;bottom:8px;grid-template-columns:30px 1fr;gap:7px}
.project-index-section .a-blaze .speed-tools{gap:5px;padding:7px 4px;border-radius:9px}.project-index-section .a-blaze .speed-tools b{width:20px;height:20px;border-radius:6px;font-size:8px}
.project-index-section .a-blaze .speed-paper-shell{padding:12px;border-radius:10px}.project-index-section .a-blaze .speed-paper{padding:13px;border-radius:8px}
.project-index-section .a-blaze .speed-paper>span{height:6px;margin-bottom:8px}.project-index-section .a-blaze .speed-paper .line-2,.project-index-section .a-blaze .speed-paper .line-4,.project-index-section .a-blaze .speed-paper .line-5{height:8px}
.project-index-section .a-blaze .shortcut-callout{right:12px;bottom:86px;width:177px;padding:10px 11px;border-radius:11px;transform:rotate(1.5deg)}
.project-index-section .a-blaze .shortcut-top{gap:8px}.project-index-section .a-blaze .keycaps{gap:3px}.project-index-section .a-blaze .keycaps kbd{min-width:25px;height:23px;padding:0 5px;border-radius:6px;font-size:7px}
.project-index-section .a-blaze .keycaps em{font-size:8px}.project-index-section .a-blaze .shortcut-copy strong{font-size:12px}.project-index-section .a-blaze .shortcut-copy span{font-size:7px;margin-top:2px}
.project-index-section .a-blaze .preset-row{margin-top:8px;padding-top:7px}.project-index-section .a-blaze .preset-row span,.project-index-section .a-blaze .preset-row b{font-size:6.2px}
.project-index-section .seamless-copy--blaze{left:19px;bottom:20px;max-width:70%!important}
.project-index-section .seamless-copy--blaze h2{font-size:22px!important;max-width:13ch!important}.project-index-section .seamless-copy--blaze .seamless-description{font-size:9px;max-width:30ch}

/* Catchafire: impact, service, project count. Nothing repeated. */
.project-index-section .seamless-card--catchafire .seamless-art .anchor .fit{width:100%;height:100%;aspect-ratio:auto;top:50%;left:50%}
.project-index-section .a-cafire .cafire-impact{left:20px;top:26px}
.project-index-section .a-cafire .cafire-impact strong{font-size:62px}.project-index-section .a-cafire .cafire-impact span{margin-top:9px;font-size:9px}
.project-index-section .a-cafire .service-pills{left:20px;top:132px;gap:6px}.project-index-section .a-cafire .service-pills b{padding:6px 8px;font-size:7px}
.project-index-section .a-cafire .project-columns{right:18px;top:74px;width:118px;height:112px;gap:6px}
.project-index-section .a-cafire .project-columns .col{border-radius:7px 7px 4px 4px}
.project-index-section .a-cafire .project-columns .col small{bottom:calc(100% + 6px);font-size:6px}
.project-index-section .a-cafire .project-columns .col span{display:none}
.project-index-section .a-cafire .cafire-foot{left:20px;right:19px;bottom:20px;align-items:center;padding-top:14px;border-top:1px solid rgba(255,255,255,.13)}
.project-index-section .a-cafire .cafire-foot .meta strong{font-size:10px}.project-index-section .a-cafire .cafire-foot .meta span{display:none}
.project-index-section .a-cafire .cafire-foot img{width:76px}

/* Skyrise: the modernization message now belongs to the browser frame itself. */
.project-index-section .seamless-card--web .seamless-art .anchor .fit{width:100%;height:100%;aspect-ratio:auto;top:50%;left:50%}
.project-index-section .a-web .sky-browser{left:17px;right:17px;top:17px;bottom:17px;border-radius:12px;border-width:1px}
.project-index-section .a-web .sky-browser-bar{height:27px;padding:0 10px;gap:5px;font-size:7px}.project-index-section .a-web .sky-browser-bar i{width:6px;height:6px}.project-index-section .a-web .sky-browser-bar span{margin-left:5px}
.project-index-section .a-web .sky-browser img{height:calc(100% - 27px);object-position:50% 100%}
.project-index-section .a-web .sky-case-label{position:absolute;left:12px;right:12px;bottom:12px;padding:13px 14px;border-radius:10px;background:rgba(7,29,42,.9);color:#fff;box-shadow:0 10px 26px rgba(7,29,42,.24);backdrop-filter:blur(10px)}
.project-index-section .a-web .sky-case-label small{display:block;font-size:7px;letter-spacing:.15em;text-transform:uppercase;color:#ff777b;font-weight:800}
.project-index-section .a-web .sky-case-label strong{display:block;margin-top:5px;font-size:18px;line-height:1.05;letter-spacing:-.04em;max-width:16ch}
.project-index-section .seamless-copy--web{display:none}.project-index-section .index-card--web .seamless-shade{display:none}.project-index-section .index-card--web .view{color:#fff;bottom:27px;right:29px}

/* Golden Peak: retain the desktop system diagram, and use a legible summary flow on phones. */
.project-index-section .seamless-card--hotel .seamless-art .anchor .fit{width:100%;height:100%;aspect-ratio:auto;top:50%}
.project-index-section .a-hotel .gp-kicker{left:25px;top:23px;font-size:8px}.project-index-section .a-hotel .gp-title{left:25px;top:43px;font-size:25px;max-width:310px}
.project-index-section .a-hotel .gp-lanes{left:25px;right:25px;top:112px;grid-template-columns:155px 125px 105px;gap:30px}.project-index-section .a-hotel .gp-lanes span{font-size:7px}
.project-index-section .a-hotel .gp-inputs{left:25px;top:129px;width:155px;gap:8px}.project-index-section .a-hotel .gp-msg{width:152px;height:91px;border-radius:15px;padding:6px}.project-index-section .a-hotel .gp-msg .screen{border-radius:11px;padding:7px}
.project-index-section .a-hotel .gp-form{width:137px;height:70px;border-radius:10px;padding:7px 8px}
.project-index-section .a-hotel .gp-code{left:226px;top:134px;width:129px;height:135px;border-radius:11px}.project-index-section .a-hotel .gp-code-head{height:18px;padding:0 7px;font-size:5.5px}.project-index-section .a-hotel .gp-code pre{padding:8px;font-size:5.7px;line-height:1.5}
.project-index-section .a-hotel .gp-api{left:366px;top:207px;padding:6px 8px;font-size:6px}.project-index-section .a-hotel .gp-viber{right:25px;top:153px;width:108px;height:105px;border-radius:13px;padding:9px}
.project-index-section .a-hotel .gp-line1{left:185px;top:161px;width:41px}.project-index-section .a-hotel .gp-line2{left:173px;top:224px;width:53px}.project-index-section .a-hotel .gp-line3{left:355px;top:217px;width:65px}.project-index-section .a-hotel .gp-join{left:226px;top:161px;height:63px}
.project-index-section .a-hotel .gp-tags{left:25px;bottom:20px;gap:5px}.project-index-section .a-hotel .gp-tags b{padding:5px 7px;font-size:6.3px}.project-index-section .seamless-card--hotel .view{right:25px;bottom:20px}
.project-index-section .a-hotel .gp-mobile-flow{display:none}

/* Minimal qualification cards that all open a consistent evidence modal. */
.project-index-section .credential-card{position:relative;cursor:pointer;width:auto;text-align:left}
.project-index-section .credential-card:after{content:"↗";position:absolute;right:14px;bottom:13px;font-size:10px;color:#9c958b;opacity:0;transform:translate(-2px,2px);transition:opacity .18s,transform .18s}
.project-index-section .credential-card:hover:after{opacity:1;transform:none}
.project-index-section .credential-card--primary:after,.project-index-section .credential-card--leadership:after{color:#fff}
.project-index-section .credential-card .credential-foot{padding-right:18px}
.project-index-section .credential-modal{min-height:100%;background:#f8f6f1;color:var(--ink)}
.project-index-section .credential-modal__hero{position:relative;overflow:hidden;padding:clamp(34px,6vw,74px);min-height:330px;background:var(--credential-bg,#071d2a);color:#fff;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end}
.project-index-section .credential-modal__hero:after{content:"";position:absolute;right:-8%;top:-45%;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.12),transparent 68%)}
.project-index-section .credential-modal__kind{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.6);font-weight:800}
.project-index-section .credential-modal__hero h2{font-size:clamp(34px,5.4vw,68px);line-height:.98;letter-spacing:-.055em;max-width:13ch;margin:14px 0 16px}
.project-index-section .credential-modal__lead{max-width:52ch;color:rgba(255,255,255,.72);font-size:14px;line-height:1.6}
.project-index-section .credential-modal__score{position:relative;z-index:1;text-align:right;white-space:nowrap}
.project-index-section .credential-modal__score strong{display:block;font-size:clamp(48px,8vw,96px);line-height:.84;letter-spacing:-.075em}
.project-index-section .credential-modal__score span{display:block;margin-top:12px;font-size:9px;letter-spacing:.17em;text-transform:uppercase;color:rgba(255,255,255,.58);font-weight:800}
.project-index-section .credential-modal__facts{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);background:#fff}
.project-index-section .credential-modal__fact{padding:24px clamp(20px,3vw,34px);border-right:1px solid var(--line)}.project-index-section .credential-modal__fact:last-child{border-right:0}
.project-index-section .credential-modal__fact strong{display:block;font-size:18px;letter-spacing:-.035em}.project-index-section .credential-modal__fact span{display:block;margin-top:7px;font-size:10px;line-height:1.45;color:var(--muted)}
.project-index-section .credential-modal__body{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(34px,6vw,78px);padding:clamp(34px,6vw,72px)}
.project-index-section .credential-modal__body h3{font-size:25px;margin-bottom:14px}.project-index-section .credential-modal__body p{font-size:14px;line-height:1.75;color:#4f5860}
.project-index-section .credential-modal__includes{display:grid;gap:0;border-top:1px solid var(--line)}
.project-index-section .credential-modal__includes li{list-style:none;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px;line-height:1.45;color:#414a51;display:flex;gap:12px}
.project-index-section .credential-modal__includes li:before{content:"✓";color:var(--orange);font-weight:800}
.project-index-section .credential-modal__links{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.project-index-section .credential-modal__links a,.project-index-section .credential-modal__links button{display:inline-flex;align-items:center;gap:7px;padding:10px 13px;border-radius:999px;border:1px solid var(--line);background:#fff;text-decoration:none;font-size:10px;font-weight:800;color:#33404a}
.project-index-section .credential-modal__links a:hover,.project-index-section .credential-modal__links button:hover{border-color:#b9b1a5}

@media (max-width:1100px){
  .project-index-section .seamless-card--cp{height:360px}.project-index-section .seamless-card--small{height:360px}.project-index-section .seamless-card--double{height:380px}
}
@media (max-width:700px){
  .project-index-section .nav{height:64px}.project-index-section .nav-right a:nth-child(3){display:none}
  .project-index-main{padding-left:20px;padding-right:20px}.project-index-section .intro{padding:56px 0 40px;gap:26px}.project-index-section .intro h1{font-size:clamp(43px,13vw,52px);line-height:.96}.project-index-section .intro-side p{font-size:17px}
  .project-index-section .filter-bar{gap:18px}.project-index-section .filters{flex-wrap:nowrap;width:100%;overflow-x:auto;padding-bottom:3px;scrollbar-width:none}.project-index-section .filters::-webkit-scrollbar{display:none}.project-index-section .filters button{white-space:nowrap}
  .project-index-section .seamless-card--small,.project-index-section .seamless-card--double{height:355px}.project-index-section .seamless-card--cp{height:430px}.project-index-section .seamless-card--oro{height:365px}.project-index-section .seamless-card--hotel{height:390px}
  .project-index-section .seamless-card--cp .seamless-art .anchor .fit{width:100%;height:100%;aspect-ratio:auto;top:50%;left:50%}
  .project-index-section .a-cp .cp-topline{left:18px;right:18px;top:18px;display:block}.project-index-section .a-cp .cp-brand{font-size:13px}.project-index-section .a-cp .cp-context{margin-top:7px;font-size:7px;text-align:left}.project-index-section .a-cp .cp-rule{left:18px;right:18px;top:57px}
  .project-index-section .a-cp .cp-tax{left:18px;right:18px;top:72px;width:auto;height:145px;border-radius:12px}.project-index-section .a-cp .cp-tax-copy{left:17px;top:17px}.project-index-section .a-cp .cp-kicker{font-size:7px}.project-index-section .a-cp .cp-tax-copy strong{font-size:46px}.project-index-section .a-cp .cp-tax-copy span{margin-top:8px;font-size:7px;max-width:94px}.project-index-section .a-cp .cp-tax-copy small{margin-top:10px;font-size:7px}.project-index-section .a-cp .cp-docs{right:20px;top:21px;width:83px;height:103px}.project-index-section .a-cp .cp-doc.d3{transform:translate(-17px,14px) rotate(-7deg)}.project-index-section .a-cp .cp-doc.d2{transform:translate(-8px,7px) rotate(-3deg)}.project-index-section .a-cp .cp-doc.d1{padding:10px}.project-index-section .a-cp .cp-doc-badge{padding:4px 5px;font-size:6px}.project-index-section .a-cp .cp-doc i{height:4px;margin-top:7px}.project-index-section .a-cp .cp-inhouse{left:17px;right:17px;bottom:13px;padding-top:8px}.project-index-section .a-cp .cp-inhouse span,.project-index-section .a-cp .cp-inhouse b{font-size:6.3px}
  .project-index-section .a-cp .cp-payment{left:18px;right:18px;top:232px;height:82px;padding:13px 15px;border-radius:12px}.project-index-section .a-cp .cp-payment .cp-kicker{font-size:6.5px}.project-index-section .a-cp .cp-time{margin-top:7px}.project-index-section .a-cp .cp-time strong{font-size:29px}.project-index-section .a-cp .cp-time span{font-size:6px}.project-index-section .a-cp .cp-speedline{margin-top:7px;padding-top:6px}.project-index-section .a-cp .cp-speedline b{font-size:10px}.project-index-section .a-cp .cp-speedline small{font-size:6.5px}
  .project-index-section .a-cp .cp-payapp{left:18px;right:18px;top:327px;height:84px;padding:12px 14px;border-radius:12px}.project-index-section .a-cp .cp-payapp .cp-kicker{font-size:6.5px}.project-index-section .a-cp .cp-app-copy{left:14px;top:31px;width:125px}.project-index-section .a-cp .cp-app-copy strong{font-size:13px}.project-index-section .a-cp .cp-app-copy span{margin-top:4px;font-size:6.7px}.project-index-section .a-cp .cp-browser{right:13px;top:12px;width:132px;height:60px;border-radius:8px}.project-index-section .a-cp .cp-browser-top{height:10px;padding:0 5px;gap:3px}.project-index-section .a-cp .cp-browser-top i{width:4px;height:4px}.project-index-section .a-cp .cp-net{padding:6px 8px}.project-index-section .a-cp .cp-net b{font-size:6.5px;margin-bottom:4px}.project-index-section .a-cp .cp-net-row{padding:2px 0;font-size:5px}.project-index-section .a-cp .cp-net-row strong{font-size:5px}.project-index-section .a-cp .cp-net-total{margin-top:3px;padding:3px 5px;font-size:5px}
  .project-index-section .index-card--cp .view{bottom:8px;right:8px}
  .project-index-section .a-oro .oro-kicker{top:20px;left:20px}.project-index-section .a-oro .oro-title{top:40px;left:20px;font-size:20px;max-width:210px}.project-index-section .a-oro .oro-stat{right:20px;top:22px}.project-index-section .a-oro .oro-stat strong{font-size:25px}.project-index-section .a-oro .oro-card{left:20px;top:115px;width:178px;height:113px}.project-index-section .a-oro .oro-ui{right:20px;top:128px;width:148px;height:108px}.project-index-section .a-oro .oro-tags{left:20px;right:20px;bottom:50px;gap:4px}.project-index-section .a-oro .oro-tags b{font-size:5.8px;padding:4px 6px}.project-index-section .seamless-card--oro .view{right:20px;bottom:19px}
  .project-index-section .a-hotel .gp-kicker{left:20px;top:20px}.project-index-section .a-hotel .gp-title{left:20px;top:41px;font-size:20px;max-width:230px}.project-index-section .a-hotel .gp-lanes,.project-index-section .a-hotel .gp-inputs,.project-index-section .a-hotel .gp-code,.project-index-section .a-hotel .gp-api,.project-index-section .a-hotel .gp-viber,.project-index-section .a-hotel .gp-line1,.project-index-section .a-hotel .gp-line2,.project-index-section .a-hotel .gp-line3,.project-index-section .a-hotel .gp-join{display:none}
  .project-index-section .a-hotel .gp-mobile-flow{position:absolute;left:20px;right:20px;top:116px;display:grid;gap:9px}
  .project-index-section .a-hotel .gp-mobile-node{position:relative;padding:14px 15px;border-radius:12px;background:rgba(255,255,255,.96);color:#38271b;box-shadow:0 12px 26px rgba(0,0,0,.17)}
  .project-index-section .a-hotel .gp-mobile-node small{display:block;font-size:7px;letter-spacing:.15em;text-transform:uppercase;color:#9b6b3a;font-weight:800}.project-index-section .a-hotel .gp-mobile-node strong{display:block;margin-top:5px;font-size:15px;line-height:1.15}.project-index-section .a-hotel .gp-mobile-node span{display:block;margin-top:4px;font-size:8px;line-height:1.35;color:#726355}
  .project-index-section .a-hotel .gp-mobile-node:nth-child(2){margin-left:30px;background:#12171d;color:#fff}.project-index-section .a-hotel .gp-mobile-node:nth-child(2) small{color:#f59f66}.project-index-section .a-hotel .gp-mobile-node:nth-child(2) span{color:#aeb9c5}.project-index-section .a-hotel .gp-mobile-node:nth-child(3){margin-left:60px;background:#f3efff}.project-index-section .a-hotel .gp-mobile-node:after{content:"↓";position:absolute;left:20px;bottom:-16px;color:#f4c98f;font-weight:800}.project-index-section .a-hotel .gp-mobile-node:last-child:after{display:none}
  .project-index-section .a-hotel .gp-tags{left:20px;right:70px;bottom:18px}.project-index-section .a-hotel .gp-tags b:nth-child(n/**/+4){display:none}.project-index-section .seamless-card--hotel .view{right:20px;bottom:18px}
  .project-index-section .credentials-track{grid-auto-columns:min(82vw,310px)}
  .project-index-section .credential-modal__hero{grid-template-columns:1fr;align-items:start;gap:30px;min-height:0;padding:36px 24px}.project-index-section .credential-modal__hero h2{font-size:40px}.project-index-section .credential-modal__score{text-align:left}.project-index-section .credential-modal__score strong{font-size:60px}
  .project-index-section .credential-modal__facts{grid-template-columns:1fr}.project-index-section .credential-modal__fact{border-right:0;border-bottom:1px solid var(--line)}.project-index-section .credential-modal__fact:last-child{border-bottom:0}
  .project-index-section .credential-modal__body{grid-template-columns:1fr;padding:34px 24px}
}
@media (max-width:360px){
  .project-index-section .a-cp .cp-topline{top:16px}.project-index-section .a-cp .cp-brand{font-size:12px}.project-index-section .a-cp .cp-context{display:block;margin-top:6px;font-size:6px;line-height:1.25}.project-index-section .a-cp .cp-rule{top:60px}
  .project-index-section .a-cp .cp-tax{top:72px;height:145px}.project-index-section .a-cp .cp-tax-copy strong{font-size:39px}.project-index-section .a-cp .cp-tax-copy span{max-width:78px;font-size:6.5px}.project-index-section .a-cp .cp-tax-copy small{max-width:90px;font-size:6px}
  .project-index-section .a-cp .cp-docs{right:14px;top:22px;width:68px;height:96px}.project-index-section .a-cp .cp-doc.d3{transform:translate(-12px,12px) rotate(-7deg)}.project-index-section .a-cp .cp-doc.d2{transform:translate(-6px,6px) rotate(-3deg)}
  .project-index-section .a-cp .cp-payment{top:230px;height:91px}.project-index-section .a-cp .cp-time strong{font-size:27px}.project-index-section .a-cp .cp-speedline b{font-size:9px}.project-index-section .a-cp .cp-speedline small{font-size:5.5px}
  .project-index-section .a-cp .cp-payapp{top:334px;height:77px}.project-index-section .a-cp .cp-app-copy{width:92px}.project-index-section .a-cp .cp-app-copy strong{font-size:11.5px}.project-index-section .a-cp .cp-app-copy span{display:none}.project-index-section .a-cp .cp-browser{right:11px;width:105px}
}



/* ===== INDEX 29 · QUIETER QUALIFICATIONS ===== */
.project-index-section .credentials-section{padding-top:66px}
.project-index-section .credentials-head{display:grid;grid-template-columns:minmax(0,.72fr) minmax(280px,.48fr);gap:34px;align-items:end;margin-bottom:16px}
.project-index-section .credentials-head h2{font-size:clamp(23px,2.3vw,31px);line-height:1.08;letter-spacing:-.04em;margin-top:8px;max-width:none}
.project-index-section .credentials-head>p{font-size:12.5px;line-height:1.6;color:var(--muted);max-width:47ch;justify-self:end}
.project-index-section .credentials-list{display:grid;gap:9px}
.project-index-section .credential-card{
  position:relative;display:grid;grid-template-columns:82px minmax(0,1fr) minmax(112px,auto) 18px;
  gap:18px;align-items:center;width:100%;min-height:112px;padding:16px 18px;border:1px solid rgba(17,25,35,.09);
  border-radius:15px;background:rgba(251,250,247,.88);box-shadow:0 8px 24px rgba(7,29,42,.035);
  text-align:left;cursor:pointer;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s
}
.project-index-section .credential-card:hover{transform:translateY(-2px);border-color:rgba(17,25,35,.16);background:#fff;box-shadow:0 15px 34px rgba(7,29,42,.075)}
.project-index-section .credential-card:focus-visible{outline:3px solid rgba(227,110,53,.28);outline-offset:3px}
.project-index-section .credential-card:after{display:none}
.project-index-section .credential-logo,.project-index-section .credential-mark{width:82px;height:62px;border-radius:10px;display:grid;place-items:center;overflow:hidden;background:#fff;border:1px solid rgba(17,25,35,.07)}
.project-index-section .credential-logo img{display:block;width:100%;height:100%;object-fit:contain}
.project-index-section .credential-logo--wide img{padding:6px 5px}
.project-index-section .credential-logo--sat{background:#079bcf;border-color:#079bcf}.project-index-section .credential-logo--sat img{object-fit:cover;transform:scale(1.2)}
.project-index-section .credential-mark{font-size:14px;font-weight:800;letter-spacing:.08em;color:var(--navy);background:#eef1f4}
.project-index-section .credential-main{display:block;min-width:0}
.project-index-section .credential-kind{display:block;font-size:8.2px;line-height:1.2;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:800}
.project-index-section .credential-main strong{display:block;font-size:18px;line-height:1.14;letter-spacing:-.035em;margin-top:7px;font-weight:800}
.project-index-section .credential-summary{display:block;margin-top:7px;font-size:11.5px;line-height:1.52;color:#5b636a;max-width:78ch}
.project-index-section .credential-evidence{display:block;text-align:right;padding-left:16px;border-left:1px solid var(--line);white-space:nowrap}
.project-index-section .credential-evidence b{display:block;font-size:24px;line-height:1;letter-spacing:-.055em}
.project-index-section .credential-evidence small{display:block;margin-top:7px;font-size:7.8px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);font-weight:800}
.project-index-section .credential-open{grid-column:4;font-size:14px;color:#989188;transition:transform .18s,color .18s}.project-index-section .credential-card:hover .credential-open{transform:translate(2px,-2px);color:var(--orange)}
.project-index-section .credential-card--academic{background:#f4f1eb}
.project-index-section .credential-card--leadership{background:linear-gradient(145deg,#244b83,#152f5d);border-color:#1b396f;color:#fff}
.project-index-section .credential-card--leadership:hover{background:linear-gradient(145deg,#2b578f,#193768);border-color:#244a82}
.project-index-section .credential-card--leadership .credential-kind,.project-index-section .credential-card--leadership .credential-summary,.project-index-section .credential-card--leadership .credential-evidence small{color:#c8d4e6}
.project-index-section .credential-card--leadership .credential-evidence{border-left-color:rgba(255,255,255,.18)}
.project-index-section .credential-card--leadership .credential-mark{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.1);color:#fff}
.project-index-section .credential-card--leadership .credential-open{color:#c8d4e6}
.project-index-section .credentials-controls{display:none!important}

/* One direct credential story: no split “what it represents / what it entailed” treatment. */
.project-index-section .credential-modal{min-height:100%;background:#f8f6f1;color:var(--ink)}
.project-index-section .credential-modal__hero{position:relative;overflow:hidden;padding:clamp(32px,5vw,58px);min-height:0;background:var(--credential-bg,#071d2a);color:#fff;display:grid;grid-template-columns:86px minmax(0,1fr) auto;gap:24px;align-items:center}
.project-index-section .credential-modal__hero:after{content:"";position:absolute;right:-9%;top:-75%;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.12),transparent 68%)}
.project-index-section .credential-modal__logo{position:relative;z-index:1;width:86px;height:66px;border-radius:11px;background:#fff;border:1px solid rgba(255,255,255,.25);overflow:hidden;display:grid;place-items:center}
.project-index-section .credential-modal__logo img{display:block;width:100%;height:100%;object-fit:contain}.project-index-section .credential-modal__logo--sat{background:#079bcf;border-color:rgba(255,255,255,.22)}.project-index-section .credential-modal__logo--sat img{object-fit:cover;transform:scale(1.2)}
.project-index-section .credential-modal__mark{position:relative;z-index:1;width:66px;height:66px;border-radius:11px;display:grid;place-items:center;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.15);font-size:14px;font-weight:800;letter-spacing:.08em}
.project-index-section .credential-modal__kind{font-size:8.5px;letter-spacing:.17em;text-transform:uppercase;color:rgba(255,255,255,.62);font-weight:800}
.project-index-section .credential-modal__hero h2{font-size:clamp(27px,4vw,44px);line-height:1.02;letter-spacing:-.05em;max-width:18ch;margin:10px 0 0}
.project-index-section .credential-modal__score{position:relative;z-index:1;text-align:right;white-space:nowrap}
.project-index-section .credential-modal__score strong{display:block;font-size:clamp(38px,6vw,64px);line-height:.86;letter-spacing:-.07em}
.project-index-section .credential-modal__score span{display:block;margin-top:10px;font-size:8px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.6);font-weight:800}
.project-index-section .credential-modal__content{padding:clamp(30px,5vw,56px);max-width:900px}
.project-index-section .credential-modal__lead{font-size:16px;line-height:1.72;color:#303a42;max-width:72ch}
.project-index-section .credential-modal__lead--significance{font-weight:600;color:#19242e}
.project-index-section .credential-modal__lead--significance+.credential-modal__lead{margin-top:16px}
.project-index-section .credential-modal__details{display:grid;gap:0;margin-top:25px;border-top:1px solid var(--line)}
.project-index-section .credential-modal__details p{padding:13px 0;border-bottom:1px solid var(--line);font-size:12.5px;line-height:1.55;color:#4a535a}
.project-index-section .credential-modal__details p strong{color:#19242e;font-weight:800}
.project-index-section .credential-modal__stats{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}
.project-index-section .credential-modal__stat{min-width:130px;padding:12px 14px;border-radius:11px;background:#eeebe4;border:1px solid rgba(17,25,35,.07)}
.project-index-section .credential-modal__stat strong{display:block;font-size:18px;letter-spacing:-.04em}.project-index-section .credential-modal__stat span{display:block;margin-top:5px;font-size:8px;line-height:1.35;letter-spacing:.11em;text-transform:uppercase;color:var(--muted);font-weight:800}
.project-index-section .credential-modal__links{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}
.project-index-section .credential-modal__links a,.project-index-section .credential-modal__links button{display:inline-flex;align-items:center;gap:7px;padding:10px 13px;border-radius:999px;border:1px solid var(--line);background:#fff;text-decoration:none;font-size:10px;font-weight:800;color:#33404a}
.project-index-section .credential-modal__links a:hover,.project-index-section .credential-modal__links button:hover{border-color:#b9b1a5}

@media (max-width:760px){
  .project-index-section .credentials-section{padding-top:54px}.project-index-section .credentials-head{grid-template-columns:1fr;gap:9px;align-items:start}.project-index-section .credentials-head>p{justify-self:start}
  .project-index-section .credential-card{grid-template-columns:64px minmax(0,1fr) 15px;gap:13px;min-height:0;padding:14px}
  .project-index-section .credential-logo,.project-index-section .credential-mark{width:64px;height:54px}.project-index-section .credential-main strong{font-size:16px}.project-index-section .credential-summary{font-size:10.8px}
  .project-index-section .credential-evidence{grid-column:2/3;text-align:left;border-left:0;border-top:1px solid var(--line);padding:10px 0 0;display:flex;align-items:baseline;gap:8px}.project-index-section .credential-evidence b{font-size:20px}.project-index-section .credential-evidence small{margin-top:0}
  .project-index-section .credential-card--leadership .credential-evidence{border-top-color:rgba(255,255,255,.18)}
  .project-index-section .credential-open{grid-column:3;grid-row:1;align-self:start;margin-top:4px}
  .project-index-section .credential-modal__hero{grid-template-columns:66px 1fr;gap:16px;padding:32px 23px}.project-index-section .credential-modal__logo{width:66px;height:54px}.project-index-section .credential-modal__mark{width:54px;height:54px}.project-index-section .credential-modal__score{grid-column:2;text-align:left}.project-index-section .credential-modal__score strong{font-size:48px}.project-index-section .credential-modal__hero h2{font-size:31px}.project-index-section .credential-modal__content{padding:30px 23px}.project-index-section .credential-modal__lead{font-size:14.5px}
}



/* ===== INDEX 30 · EMBEDDED CERTIFICATES + LOGO FIT ===== */
.project-index-section .credential-card{grid-template-columns:82px minmax(0,1fr) minmax(112px,auto) 48px;overflow:hidden}
.project-index-section .credential-card--no-evidence .credential-main{grid-column:2/4}
.project-index-section .credential-logo{padding:8px;overflow:hidden}
.project-index-section .credential-logo img,.project-index-section .credential-modal__logo img{display:block;width:auto!important;height:auto!important;max-width:100%;max-height:100%;object-fit:contain!important;transform:none!important}
.project-index-section .credential-logo--ib{padding:8px 5px;background:#fff}
.project-index-section .credential-logo--sat{padding:8px;background:#079bcf;border-color:#079bcf}
.project-index-section .credential-logo--padded{padding:10px}
.project-index-section .credential-logo--pupil{padding:3px;background:#f8f9fb}
.project-index-section .credential-open{grid-column:4;justify-self:end;width:auto;min-width:38px;padding:7px 8px;border:1px solid rgba(17,25,35,.10);border-radius:999px;font-size:7.5px;line-height:1;letter-spacing:.12em;text-transform:uppercase;text-align:center;font-weight:800;color:#777f85;background:rgba(255,255,255,.56)}
.project-index-section .credential-card:hover .credential-open{transform:none;color:var(--orange);border-color:rgba(227,110,53,.25);background:#fff}
.project-index-section .credential-card--leadership .credential-open{color:#d7e1ee;border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.08)}
.project-index-section .credential-card--leadership:hover .credential-open{color:#fff;border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.12)}
.project-index-section .shell--credential{width:min(1040px,100%)}
.project-index-section .credential-modal__hero{grid-template-columns:118px minmax(0,1fr) auto}
.project-index-section .credential-modal__logo{width:118px;height:72px;padding:9px}
.project-index-section .credential-modal__logo--ib{padding:10px 6px;background:#fff}
.project-index-section .credential-modal__logo--sat{padding:8px;background:#079bcf}
.project-index-section .credential-modal__logo--pupil{padding:3px;background:#f8f9fb}
.project-index-section .credential-modal__content{max-width:980px}
.project-index-section .credential-document{margin-top:28px;border:1px solid rgba(17,25,35,.10);border-radius:14px;overflow:hidden;background:#e9e6df;box-shadow:0 14px 34px rgba(7,29,42,.07)}
.project-index-section .credential-document__bar{min-height:46px;padding:10px 13px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#f4f1eb;border-bottom:1px solid rgba(17,25,35,.09)}
.project-index-section .credential-document__bar span{font-size:8px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);font-weight:800}
.project-index-section .credential-document__bar a{padding:8px 10px;border-radius:999px;border:1px solid var(--line);background:#fff;text-decoration:none;font-size:9px;font-weight:800;color:#33404a;white-space:nowrap}
.project-index-section .credential-document__bar a:hover{border-color:#b9b1a5}
.project-index-section .credential-document__surface{position:relative;background:#d8d5cf;min-height:360px}
.project-index-section .credential-document__frame{display:block;width:100%;height:430px;border:0;background:#fff}
.project-index-section .credential-document__image{display:block;width:100%;max-height:590px;object-fit:contain;background:#fff}
.project-index-section .credential-modal__links:empty{display:none}
@media (max-width:760px){
  .project-index-section .credential-card{grid-template-columns:64px minmax(0,1fr) 44px}
  .project-index-section .credential-card--no-evidence .credential-main{grid-column:2/3}
  .project-index-section .credential-open{grid-column:3;grid-row:1;align-self:start;margin-top:2px}
  .project-index-section .credential-modal__hero{grid-template-columns:82px minmax(0,1fr);gap:18px}
  .project-index-section .credential-modal__logo{width:82px;height:62px}.project-index-section .credential-modal__score{grid-column:1/3}
  .project-index-section .credential-document__surface{min-height:270px}.project-index-section .credential-document__frame{height:320px}
  .project-index-section .credential-document__bar{align-items:flex-start;flex-direction:column;gap:7px}
}


/* ===== INDEX 31 · SAT REPORT + COMPACT CREDENTIAL ORDER ===== */
.project-index-section .credentials-list{gap:7px}
.project-index-section .credential-card{
  grid-template-columns:70px minmax(0,1fr) minmax(104px,auto) 44px;
  gap:14px;min-height:92px;padding:11px 14px;border-radius:13px
}
.project-index-section .credential-logo,.project-index-section .credential-mark{width:70px;height:52px;border-radius:9px}
.project-index-section .credential-logo{padding:6px}.project-index-section .credential-logo--wide img{padding:3px 2px}.project-index-section .credential-logo--padded{padding:8px}.project-index-section .credential-logo--pupil{padding:3px}
.project-index-section .credential-kind{font-size:7.7px;letter-spacing:.15em}
.project-index-section .credential-main strong{font-size:16px;line-height:1.12;letter-spacing:-.03em;margin-top:5px}
.project-index-section .credential-summary{margin-top:5px;font-size:10.5px;line-height:1.42}
.project-index-section .credential-evidence{padding-left:13px}.project-index-section .credential-evidence b{font-size:21px}.project-index-section .credential-evidence small{margin-top:5px;font-size:7.2px}
.project-index-section .credential-open{min-width:36px;padding:6px 7px;font-size:7px}
.project-index-section .credential-modal__hero{padding:clamp(27px,4vw,44px)}
.project-index-section .credential-modal__hero h2{font-size:clamp(24px,3.3vw,36px);line-height:1.04;max-width:22ch}
@media (max-width:760px){
  .project-index-section .credential-card{grid-template-columns:56px minmax(0,1fr) 40px;gap:11px;min-height:0;padding:11px}
  .project-index-section .credential-logo,.project-index-section .credential-mark{width:56px;height:46px}
  .project-index-section .credential-card--no-evidence .credential-main{grid-column:2/3}
  .project-index-section .credential-main strong{font-size:15px;margin-top:4px}.project-index-section .credential-summary{font-size:10.2px;line-height:1.38}
  .project-index-section .credential-open{min-width:34px;padding:6px;font-size:6.7px}
  .project-index-section .credential-evidence{padding-top:8px}.project-index-section .credential-evidence b{font-size:19px}
  .project-index-section .credential-modal__hero h2{font-size:27px}
}



/* ===== INDEX 32 · SHAPE-AWARE, NON-CROPPING LOGO SYSTEM ===== */
/* Square marks and landscape lockups no longer share the same image geometry. */
.project-index-section .credential-logo,.project-index-section .credential-modal__logo{flex:none;box-sizing:border-box;overflow:hidden;display:grid;place-items:center}
.project-index-section .credential-logo img,.project-index-section .credential-modal__logo img{
  display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;
  object-fit:contain!important;object-position:50% 50%!important;transform:none!important
}
/* Card logos: compact square marks sit inside the existing 70px alignment column. */
.project-index-section .credential-logo{justify-self:center;padding:6px}
.project-index-section .credential-logo--mark{width:52px;height:52px;padding:6px;border-radius:11px}
.project-index-section .credential-logo--ib,.project-index-section .credential-logo--sat{width:70px;height:52px;padding:7px 6px}
.project-index-section .credential-logo--pupil{padding:3px}
.project-index-section .credential-logo--sixsigma{background:#fff}
.project-index-section .credential-logo--accounting{background:#1a1a1a;border-color:#1a1a1a;padding:9px}
.project-index-section .credential-logo--marketing{background:#fff;padding:7px}
.project-index-section .credential-logo--claude{background:#f0efea;padding:8px}
.project-index-section .credential-logo--jpm{background:#fff;padding:7px}
/* Modal logos: square marks use a square frame; only IBDP and SAT use a wide frame. */
.project-index-section .credential-modal__hero{grid-template-columns:72px minmax(0,1fr) auto;gap:22px}
.project-index-section .credential-modal__hero--wide{grid-template-columns:118px minmax(0,1fr) auto}
.project-index-section .credential-modal__logo{width:72px;height:72px;padding:9px;border-radius:13px}
.project-index-section .credential-modal__logo--wide{width:118px;height:72px;padding:9px}
.project-index-section .credential-modal__logo--ib{padding:11px 8px}
.project-index-section .credential-modal__logo--sat{padding:9px;background:#079bcf}
.project-index-section .credential-modal__logo--pupil{padding:4px;background:#f8f9fb}
.project-index-section .credential-modal__logo--sixsigma{background:#fff}
.project-index-section .credential-modal__logo--accounting{background:#1a1a1a;border-color:rgba(255,255,255,.16);padding:12px}
.project-index-section .credential-modal__logo--marketing{background:#fff;padding:10px}
.project-index-section .credential-modal__logo--claude{background:#f0efea;padding:11px}
.project-index-section .credential-modal__logo--jpm{background:#fff;padding:10px}
@media (max-width:760px){
  .project-index-section .credential-logo--mark{width:46px;height:46px;padding:5px}.project-index-section .credential-logo--ib,.project-index-section .credential-logo--sat{width:56px;height:46px;padding:6px 5px}
  .project-index-section .credential-modal__hero{grid-template-columns:58px minmax(0,1fr);gap:15px}
  .project-index-section .credential-modal__hero--wide{grid-template-columns:82px minmax(0,1fr)}
  .project-index-section .credential-modal__logo{width:58px;height:58px;padding:7px}.project-index-section .credential-modal__logo--wide{width:82px;height:58px;padding:7px}
  .project-index-section .credential-modal__score{grid-column:1/3}
}

/* ===== INDEX 33 · SIGNATURE CASE-STUDY CARDS ===== */
/* A little more room lets the first-row case studies read like editorial covers. */
.project-index-section .seamless-card--half{height:390px}
.project-index-section .seamless-card--cp{height:390px;background:#eef4f8}

/* ContactPoint360 · light, evidence-led finance story. */
.project-index-section .a-cp{
  background:
    radial-gradient(55% 90% at 88% 12%,rgba(47,125,194,.12),transparent 64%),
    linear-gradient(rgba(16,63,98,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(16,63,98,.035) 1px,transparent 1px),
    linear-gradient(145deg,#f9fbfc 0%,#eef4f8 58%,#e4edf3 100%)!important;
  background-size:auto,34px 34px,34px 34px,auto
}
.project-index-section .a-cp .cp-topline{left:5cqw;right:5cqw;top:4.2cqw;z-index:8}
.project-index-section .a-cp .cp-brand{font-size:1.7cqw;color:#09294d;font-weight:900}
.project-index-section .a-cp .cp-context{padding:1.15cqw 1.45cqw;border-radius:999px;background:#0c53a5;color:#dbeafe;font-size:1.03cqw;box-shadow:0 1.2cqw 2.7cqw rgba(15,76,142,.2)}
.project-index-section .a-cp .cp-context b{color:#fff}
.project-index-section .a-cp .cp-rule{display:none}
.project-index-section .a-cp .cp-hero-title{position:absolute;left:5cqw;top:9.2cqw;z-index:7;max-width:78cqw;color:#071d43;font-size:5.25cqw;line-height:.95;letter-spacing:-.062em;font-weight:850}
.project-index-section .a-cp .cp-hero-title em{font-style:normal;color:#0b9fa3;background:linear-gradient(90deg,#0b8f98,#13b4aa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.project-index-section .a-cp .cp-payment,.project-index-section .a-cp .cp-tax,.project-index-section .a-cp .cp-payapp{top:30.5cqw;height:25.5cqw;border-radius:2.15cqw}
.project-index-section .a-cp .cp-payment{left:5cqw;width:35.5cqw;right:auto;padding:3cqw;background:linear-gradient(145deg,#041f3a,#082b4b 62%,#07385a);box-shadow:0 3.7cqw 8cqw rgba(10,43,72,.2)}
.project-index-section .a-cp .cp-payment .cp-kicker{color:#a6cde4}
.project-index-section .a-cp .cp-time{margin-top:2.2cqw;gap:1.5cqw}
.project-index-section .a-cp .cp-time strong{font-size:6.7cqw}.project-index-section .a-cp .cp-time span{font-size:1.05cqw;color:#bdd2df}
.project-index-section .a-cp .cp-speedline{margin-top:2cqw;padding-top:1.55cqw}.project-index-section .a-cp .cp-speedline b{font-size:2cqw;color:#4be0c7}.project-index-section .a-cp .cp-speedline small{font-size:1.03cqw;color:#a7bdcc}
.project-index-section .a-cp .cp-tax{left:42.5cqw;width:23cqw;right:auto;background:rgba(255,255,255,.92);border:.2cqw solid rgba(22,73,110,.11);box-shadow:0 3cqw 7cqw rgba(30,69,98,.1)}
.project-index-section .a-cp .cp-tax:after{content:"BIR 2316";position:absolute;right:2.2cqw;top:2.2cqw;padding:.75cqw 1cqw;border-radius:.65cqw;background:#e7f7f4;color:#087c79;font-size:.82cqw;letter-spacing:.11em;font-weight:900}
.project-index-section .a-cp .cp-tax-copy{left:2.8cqw;top:3cqw}.project-index-section .a-cp .cp-tax-copy strong{font-size:5.8cqw;color:#071d43}.project-index-section .a-cp .cp-tax-copy span{margin-top:1.45cqw;max-width:17cqw;font-size:1.12cqw;line-height:1.35}.project-index-section .a-cp .cp-tax-copy small{margin-top:1.65cqw;font-size:1cqw;color:#16836f}
.project-index-section .a-cp .cp-docs{display:none}.project-index-section .a-cp .cp-inhouse{left:2.8cqw;right:2.8cqw;bottom:2.3cqw;padding-top:1.2cqw}.project-index-section .a-cp .cp-inhouse span,.project-index-section .a-cp .cp-inhouse b{font-size:.88cqw}
.project-index-section .a-cp .cp-payapp{left:67.5cqw;right:5cqw;padding:2.8cqw;background:rgba(255,255,255,.94);border:.2cqw solid rgba(22,73,110,.11);box-shadow:0 3cqw 7cqw rgba(30,69,98,.1)}
.project-index-section .a-cp .cp-payapp .cp-kicker{color:#0b8c95}.project-index-section .a-cp .cp-app-copy{left:2.8cqw;top:6.4cqw;width:18cqw}.project-index-section .a-cp .cp-app-copy strong{font-size:2.25cqw}.project-index-section .a-cp .cp-app-copy span{font-size:1.03cqw;max-width:15cqw}
.project-index-section .a-cp .cp-browser{right:2.4cqw;top:12.3cqw;width:17cqw;height:10.5cqw}.project-index-section .a-cp .cp-browser-top{height:1.8cqw}.project-index-section .a-cp .cp-net{padding:1cqw 1.3cqw}.project-index-section .a-cp .cp-net b{font-size:1.02cqw;margin-bottom:.55cqw}.project-index-section .a-cp .cp-net-row{font-size:.76cqw;padding:.3cqw 0}.project-index-section .a-cp .cp-net-row strong{font-size:.76cqw}.project-index-section .a-cp .cp-net-total{font-size:.75cqw;margin-top:.45cqw;padding:.45cqw .65cqw}
.project-index-section .index-card--cp .view{color:#092d50;background:rgba(255,255,255,.86);border-color:rgba(9,45,80,.12);box-shadow:0 7px 18px rgba(9,45,80,.11)}

/* Oro China · the loyalty card sits at the center of the operating system. */
.project-index-section .index-card--oro,.project-index-section .a-oro{background:radial-gradient(70% 95% at 50% 48%,#a61e2e 0,#68101a 48%,#31070c 100%)!important}
.project-index-section .a-oro:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 55%,rgba(255,93,77,.18),transparent 26%),linear-gradient(115deg,transparent 0 48%,rgba(255,255,255,.025) 49%,transparent 50%);pointer-events:none}
.project-index-section .a-oro .oro-kicker{color:#d7aa80}.project-index-section .a-oro .oro-title{max-width:330px;color:#fff8f1}.project-index-section .a-oro .oro-stat span{color:#d7aa80}
.project-index-section .a-oro .oro-ui,.project-index-section .a-oro .oro-tags{display:none}
.project-index-section .a-oro .oro-orbit{position:absolute;inset:86px 43px 31px;z-index:2}
.project-index-section .a-oro .oro-orbit-line{position:absolute;left:16%;right:16%;top:19%;bottom:10%;border:1px solid rgba(239,190,118,.42);border-radius:50%;box-shadow:inset 0 0 50px rgba(255,85,73,.05)}
.project-index-section .a-oro .oro-orbit-line:before,.project-index-section .a-oro .oro-orbit-line:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#ffe0a4;box-shadow:0 0 13px #ffbf70}
.project-index-section .a-oro .oro-orbit-line:before{left:9%;top:29%}.project-index-section .a-oro .oro-orbit-line:after{right:11%;bottom:23%}
.project-index-section .a-oro .orbit-node{position:absolute;display:flex;align-items:center;gap:8px;min-height:32px;padding:5px 11px 5px 5px;border:1px solid rgba(239,190,118,.34);border-radius:999px;background:rgba(79,8,15,.74);color:#fff0e4;font-size:8px;letter-spacing:.115em;text-transform:uppercase;white-space:nowrap;box-shadow:0 12px 26px rgba(24,0,3,.18);backdrop-filter:blur(8px)}
.project-index-section .a-oro .orbit-node i{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(246,202,128,.5);color:#f2cd84;font-style:normal;font-size:12px;letter-spacing:0}.project-index-section .a-oro .orbit-node--sap i{font-size:6px;font-weight:900}
.project-index-section .a-oro .orbit-node--enroll{left:50%;top:2%;transform:translateX(-50%)}.project-index-section .a-oro .orbit-node--history{left:1%;top:29%}.project-index-section .a-oro .orbit-node--intel{left:5%;bottom:13%}.project-index-section .a-oro .orbit-node--email{right:1%;top:29%}.project-index-section .a-oro .orbit-node--analytics{right:3%;bottom:13%}.project-index-section .a-oro .orbit-node--sap{left:50%;bottom:0;transform:translateX(-50%)}
.project-index-section .a-oro .oro-card{left:50%;top:137px;width:238px;height:150px;border-radius:16px;transform:translateX(-50%) rotate(-4deg);z-index:5;box-shadow:0 25px 55px rgba(18,0,2,.5),0 0 50px rgba(255,93,77,.18),inset 0 0 0 1px rgba(243,214,149,.18)}
.project-index-section .seamless-card--oro .seamless-shade{background:linear-gradient(180deg,transparent 72%,rgba(24,2,5,.48) 100%)}

/* Golden Peak · dark indigo, violet routing and warm hospitality signals. */
.project-index-section .index-card--hotel,.project-index-section .a-hotel{background:radial-gradient(74% 130% at 78% 47%,rgba(109,76,255,.23),transparent 54%),radial-gradient(48% 78% at 12% 22%,rgba(217,155,66,.12),transparent 67%),linear-gradient(142deg,#081421 0%,#091425 52%,#10152d 100%)!important}
.project-index-section .a-hotel .gp-grid{opacity:.42;background:linear-gradient(rgba(132,112,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(132,112,255,.055) 1px,transparent 1px);background-size:22px 22px}
.project-index-section .a-hotel .gp-kicker{color:#d8b66a}.project-index-section .a-hotel .gp-title{max-width:370px;color:#f8f7ff;line-height:.97}.project-index-section .a-hotel .gp-title span{display:block}.project-index-section .a-hotel .gp-title em{font-style:normal;color:#8b78ff;background:linear-gradient(90deg,#7e86ff,#b671ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.project-index-section .a-hotel .gp-lanes span{color:#8f97b4}
.project-index-section .a-hotel .gp-msg,.project-index-section .a-hotel .gp-form,.project-index-section .a-hotel .gp-code,.project-index-section .a-hotel .gp-viber{border:1px solid rgba(151,129,255,.25);box-shadow:0 20px 44px rgba(0,0,0,.3),0 0 28px rgba(108,77,255,.07)}
.project-index-section .a-hotel .gp-msg{background:#0d1423}.project-index-section .a-hotel .gp-msg .screen{background:#101a2a;color:#e9ebff}.project-index-section .a-hotel .channel{color:#cdd1e5}.project-index-section .a-hotel .msg{background:#1b2738;color:#dfe4f3}.project-index-section .a-hotel .reply{background:linear-gradient(135deg,#586cf1,#8a5cf4)}.project-index-section .a-hotel .quick b{color:#aab3ff;border-color:#5665a2;background:#18233b}
.project-index-section .a-hotel .gp-form{background:rgba(17,28,45,.94);color:#dce0ef}.project-index-section .a-hotel .mini-label{color:#d7b96f}.project-index-section .a-hotel .field b{color:#8f99b2}.project-index-section .a-hotel .field span{background:#111c2d;border-color:#2d3850}.project-index-section .a-hotel .submit{background:linear-gradient(135deg,#6f67ee,#9a5ce8)}
.project-index-section .a-hotel .gp-code{background:#080d17;border-color:rgba(151,129,255,.28)}.project-index-section .a-hotel .gp-code-head{background:#101625;color:#cbd0e4}
.project-index-section .a-hotel .gp-api{background:#7e67ed;color:#fff;box-shadow:0 9px 22px rgba(91,68,213,.3)}
.project-index-section .a-hotel .gp-line1,.project-index-section .a-hotel .gp-line2,.project-index-section .a-hotel .gp-line3,.project-index-section .a-hotel .gp-join{background:repeating-linear-gradient(90deg,rgba(160,136,255,.86) 0 9px,transparent 9px 17px)}
.project-index-section .a-hotel .gp-join{background:repeating-linear-gradient(180deg,rgba(160,136,255,.86) 0 9px,transparent 9px 17px)}
.project-index-section .a-hotel .gp-line1:after,.project-index-section .a-hotel .gp-line2:after,.project-index-section .a-hotel .gp-line3:after{border-color:#a68cff}
.project-index-section .a-hotel .gp-viber{background:rgba(20,25,48,.96);color:#e8e8ff}.project-index-section .a-hotel .alert{background:#181d35;border-left-color:#8c72ff;color:#d6d8ee}.project-index-section .a-hotel .alert strong{color:#b7a7ff}.project-index-section .a-hotel .source{color:#8e93ac}.project-index-section .a-hotel .source b{color:#c6baff}
.project-index-section .a-hotel .gp-tags b{background:rgba(128,103,238,.1);border-color:rgba(151,129,255,.22);color:#d8d5ef}
.project-index-section .seamless-card--hotel .seamless-shade{background:linear-gradient(180deg,transparent 74%,rgba(3,7,17,.46) 100%)}

@media (max-width:700px){
  .project-index-section .seamless-card--half{height:360px}.project-index-section .seamless-card--cp{height:565px}.project-index-section .seamless-card--oro{height:450px}.project-index-section .seamless-card--hotel{height:470px}
  .project-index-section .a-cp .cp-topline{left:18px;right:18px;top:17px;display:flex}.project-index-section .a-cp .cp-brand{font-size:11px}.project-index-section .a-cp .cp-context{margin:0;padding:7px 8px;font-size:5.5px;text-align:right}
  .project-index-section .a-cp .cp-hero-title{left:18px;right:18px;top:66px;max-width:330px;font-size:29px;line-height:.97}
  .project-index-section .a-cp .cp-payment,.project-index-section .a-cp .cp-tax,.project-index-section .a-cp .cp-payapp{left:18px;right:18px;width:auto;border-radius:13px}
  .project-index-section .a-cp .cp-payment{top:174px;height:108px;padding:15px}.project-index-section .a-cp .cp-payment .cp-kicker{font-size:6px}.project-index-section .a-cp .cp-time{margin-top:10px}.project-index-section .a-cp .cp-time strong{font-size:31px}.project-index-section .a-cp .cp-time span{font-size:6px}.project-index-section .a-cp .cp-speedline{margin-top:9px;padding-top:8px}.project-index-section .a-cp .cp-speedline b{font-size:11px}.project-index-section .a-cp .cp-speedline small{font-size:6px}
  .project-index-section .a-cp .cp-tax{top:295px;height:105px}.project-index-section .a-cp .cp-tax:after{right:13px;top:12px;padding:5px 7px;font-size:5.5px}.project-index-section .a-cp .cp-tax-copy{left:15px;top:15px}.project-index-section .a-cp .cp-tax-copy strong{font-size:33px}.project-index-section .a-cp .cp-tax-copy span{margin-top:6px;max-width:145px;font-size:6.7px}.project-index-section .a-cp .cp-tax-copy small{margin-top:6px;font-size:6px}.project-index-section .a-cp .cp-inhouse{left:auto;right:14px;bottom:12px;width:112px;padding-top:6px}.project-index-section .a-cp .cp-inhouse span,.project-index-section .a-cp .cp-inhouse b{font-size:5.5px}
  .project-index-section .a-cp .cp-payapp{top:413px;height:126px;padding:14px}.project-index-section .a-cp .cp-payapp .cp-kicker{font-size:6px}.project-index-section .a-cp .cp-app-copy{left:14px;top:38px;width:125px}.project-index-section .a-cp .cp-app-copy strong{font-size:14px}.project-index-section .a-cp .cp-app-copy span{font-size:6.7px;max-width:115px}.project-index-section .a-cp .cp-browser{right:13px;top:29px;width:145px;height:80px}.project-index-section .a-cp .cp-browser-top{height:11px}.project-index-section .a-cp .cp-net{padding:6px 8px}.project-index-section .a-cp .cp-net b{font-size:6px}.project-index-section .a-cp .cp-net-row,.project-index-section .a-cp .cp-net-row strong,.project-index-section .a-cp .cp-net-total{font-size:5px}.project-index-section .index-card--cp .view{right:9px;bottom:8px}
  .project-index-section .a-oro .oro-kicker{left:20px;top:20px}.project-index-section .a-oro .oro-title{left:20px;top:40px;max-width:230px}.project-index-section .a-oro .oro-stat{right:20px;top:21px}
  .project-index-section .a-oro .oro-card{left:50%;top:112px;width:205px;height:129px;transform:translateX(-50%) rotate(-3deg)}
  .project-index-section .a-oro .oro-orbit{left:20px;right:20px;top:264px;bottom:48px;display:grid;grid-template-columns:1fr 1fr;align-content:end;gap:7px}.project-index-section .a-oro .oro-orbit-line{display:none}.project-index-section .a-oro .orbit-node{position:static;transform:none!important;min-height:27px;padding:4px 7px 4px 4px;font-size:6px;justify-content:flex-start}.project-index-section .a-oro .orbit-node i{width:19px;height:19px;font-size:9px}.project-index-section .a-oro .orbit-node--sap i{font-size:5px}
  .project-index-section .a-hotel .gp-kicker{left:20px;top:20px;color:#d9b86e}.project-index-section .a-hotel .gp-title{left:20px;right:20px;top:42px;max-width:320px;font-size:28px;line-height:.97}.project-index-section .a-hotel .gp-title span{display:block}
  .project-index-section .a-hotel .gp-mobile-flow{top:153px;gap:10px}.project-index-section .a-hotel .gp-mobile-node{padding:14px 15px;background:rgba(17,27,45,.95);color:#f4f5ff;border:1px solid rgba(151,129,255,.22);box-shadow:0 14px 30px rgba(0,0,0,.2)}.project-index-section .a-hotel .gp-mobile-node small{color:#d9b86e}.project-index-section .a-hotel .gp-mobile-node span{color:#9ca5bc}.project-index-section .a-hotel .gp-mobile-node:nth-child(2){background:#0b101c}.project-index-section .a-hotel .gp-mobile-node:nth-child(2) small{color:#a993ff}.project-index-section .a-hotel .gp-mobile-node:nth-child(3){background:#171a34;color:#fff}.project-index-section .a-hotel .gp-mobile-node:after{color:#9d83ff}
}

@media (max-width:380px){
  .project-index-section .a-cp .cp-context{display:none}.project-index-section .a-cp .cp-hero-title{top:57px;font-size:26px}.project-index-section .a-cp .cp-payment{top:158px}.project-index-section .a-cp .cp-tax{top:280px}.project-index-section .a-cp .cp-payapp{top:398px}.project-index-section .seamless-card--cp{height:550px}
  .project-index-section .a-cp .cp-browser{width:118px}.project-index-section .a-cp .cp-app-copy{width:105px}.project-index-section .a-cp .cp-app-copy span{display:block}
  .project-index-section .a-oro .oro-title{font-size:19px;max-width:185px}.project-index-section .a-oro .oro-card{width:185px;height:117px}.project-index-section .a-oro .oro-orbit{top:250px}.project-index-section .a-oro .orbit-node{font-size:5.4px}
  .project-index-section .a-hotel .gp-title{font-size:25px}.project-index-section .a-hotel .gp-mobile-node:nth-child(2),.project-index-section .a-hotel .gp-mobile-node:nth-child(3){margin-left:20px}
}


/* ===== INDEX 34 · STATIC CASE-STUDY FRAMES =====
   ContactPoint360, Catchafire and Golden Peak now render as one locked visual.
   The card itself can scale, but none of the artwork reflows independently. */
.project-index-section .seamless-card--static-frame{
  align-self:start!important;height:auto!important;min-height:0!important;padding:0!important;
  background:#f4f1eb!important;overflow:hidden!important
}
.project-index-section .seamless-card--static-frame .seamless-art{position:relative!important;inset:auto!important;width:100%!important;height:100%!important;overflow:hidden!important}
.project-index-section .seamless-card--static-frame .static-frame-image{
  display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;pointer-events:none
}
.project-index-section .seamless-card--static-frame .seamless-shade,.project-index-section .seamless-card--static-frame .seamless-copy,.project-index-section .seamless-card--static-frame .view{display:none!important}
.project-index-section .seamless-card--static-frame[data-static-visual="cp360"]{aspect-ratio:1619/971!important}
.project-index-section .seamless-card--static-frame[data-static-visual="cafire"]{aspect-ratio:1122/1402!important}
.project-index-section .seamless-card--static-frame[data-static-visual="hotel"]{aspect-ratio:1774/887!important}

.project-index-section .m-hero-art .static-frame-image--modal{
  display:block;width:100%;height:auto;max-height:570px;object-fit:contain;object-position:center bottom;
  border-radius:14px 14px 0 0
}
.project-index-section .m-hero-art .static-frame-image--modal[data-static-visual="cafire"]{max-height:520px;width:auto;max-width:100%;margin-left:auto;margin-right:auto}
@media (max-width:1100px){
  .project-index-section .seamless-card--static-frame{align-self:start!important}
}
@media (max-width:700px){
  .project-index-section .seamless-card--static-frame[data-static-visual="cp360"],.project-index-section .seamless-card--static-frame[data-static-visual="cafire"],.project-index-section .seamless-card--static-frame[data-static-visual="hotel"]{height:auto!important;aspect-ratio:var(--static-ratio)!important}
  .project-index-section .seamless-card--static-frame[data-static-visual="cp360"]{--static-ratio:1619/971}
  .project-index-section .seamless-card--static-frame[data-static-visual="cafire"]{--static-ratio:1122/1402}
  .project-index-section .seamless-card--static-frame[data-static-visual="hotel"]{--static-ratio:1774/887}
}




/* ===== INDEX 35 · LIVE HTML CASE-STUDY FRAMES =====
   The three previously flattened cards are again crisp HTML/CSS compositions.
   Every card is a fixed artboard that scales as one unit; only the mobile
   breakpoint swaps to a deliberately composed compact arrangement. */
.project-index-section .seamless-card--cp,.project-index-section .seamless-card--catchafire,.project-index-section .seamless-card--hotel{isolation:isolate}
.project-index-section .seamless-card--cp .seamless-art,.project-index-section .seamless-card--catchafire .seamless-art,.project-index-section .seamless-card--hotel .seamless-art{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;overflow:hidden!important}
.project-index-section .seamless-card--cp .anchor,.project-index-section .seamless-card--catchafire .anchor,.project-index-section .seamless-card--hotel .anchor{position:absolute;inset:0;width:100%;height:100%;border-radius:0}
.project-index-section .seamless-card--cp .anchor .fit,.project-index-section .seamless-card--catchafire .anchor .fit,.project-index-section .seamless-card--hotel .anchor .fit{width:100%!important;height:100%!important;aspect-ratio:auto!important;left:50%!important;top:50%!important}
.project-index-section .seamless-card--cp .seamless-shade,.project-index-section .seamless-card--catchafire .seamless-shade,.project-index-section .seamless-card--hotel .seamless-shade{display:none!important}
.project-index-section .seamless-card--cp .view,.project-index-section .seamless-card--catchafire .view,.project-index-section .seamless-card--hotel .view{display:block!important}

/* ContactPoint360 — brand-led, typographic and legible. */
.project-index-section .index-card--cp,.project-index-section .a-cp{background:#edf3f7!important;color:#071d43}
.project-index-section .a-cp:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0 58%,rgba(34,83,126,.055) 58.2%,transparent 58.5%),radial-gradient(70% 120% at 88% 0,rgba(69,126,180,.13),transparent 65%);pointer-events:none}
.project-index-section .a-cp .mesh,.project-index-section .a-cp .cp-rule{display:none!important}
.project-index-section .a-cp .cp-topline{position:absolute;left:4.6cqw;right:4.6cqw;top:4.2cqw;display:flex;align-items:center;justify-content:space-between;gap:2cqw;z-index:10}
.project-index-section .a-cp .cp-brand-wrap{display:flex;align-items:center;gap:1.25cqw;min-width:0}
.project-index-section .a-cp .cp-logo{display:block;width:12.5cqw;height:4.2cqw;object-fit:contain;object-position:left center;flex:none}
.project-index-section .a-cp .cp-brand{font-size:1.35cqw;line-height:1;font-weight:850;letter-spacing:-.035em;color:#0a294f;white-space:nowrap}
.project-index-section .a-cp .cp-context{padding:1.05cqw 1.35cqw;border-radius:999px;background:#0b4f96;color:#eaf4ff;font-size:.9cqw;letter-spacing:.14em;text-transform:uppercase;font-weight:850;box-shadow:none;white-space:nowrap}
.project-index-section .a-cp .cp-context b{color:#fff}
.project-index-section .a-cp .cp-hero-title{position:absolute;left:4.6cqw;top:10.2cqw;z-index:8;width:87cqw;max-width:none;color:#071d43;font-size:4.75cqw;line-height:.92;letter-spacing:-.062em;font-weight:850}
.project-index-section .a-cp .cp-hero-title em{font-style:normal;color:#f04f42!important;background:none!important;-webkit-text-fill-color:currentColor!important}
.project-index-section .a-cp .cp-payment,.project-index-section .a-cp .cp-tax,.project-index-section .a-cp .cp-payapp{position:absolute;top:28.7cqw;height:23.4cqw;border-radius:1.85cqw;overflow:hidden;box-shadow:0 2.2cqw 5cqw rgba(22,58,90,.09)}
.project-index-section .a-cp .cp-payment{left:4.6cqw;width:34.6cqw;right:auto;padding:2.7cqw 2.9cqw;background:#082a4b;border:1px solid rgba(255,255,255,.08);color:#fff}
.project-index-section .a-cp .cp-payment .cp-kicker{font-size:1.05cqw;color:#b9d1e3;letter-spacing:.15em}
.project-index-section .a-cp .cp-time{margin-top:2cqw;display:flex;align-items:center;gap:1.6cqw}.project-index-section .a-cp .cp-time strong{font-size:6.25cqw;line-height:.82;letter-spacing:-.07em;color:#fff}.project-index-section .a-cp .cp-time span{font-size:1.05cqw;line-height:1.35;color:#c5d6e2;letter-spacing:.12em;text-transform:uppercase;font-weight:800}
.project-index-section .a-cp .cp-speedline{margin-top:2cqw;padding-top:1.4cqw;border-top:.16cqw solid rgba(255,255,255,.16);display:flex;align-items:baseline;gap:.8cqw}.project-index-section .a-cp .cp-speedline b{font-size:1.65cqw;color:#ff654f}.project-index-section .a-cp .cp-speedline small{font-size:.9cqw;color:#aabfce}
.project-index-section .a-cp .cp-tax{left:41.4cqw;width:24.2cqw;right:auto;background:rgba(255,255,255,.95);border:1px solid rgba(16,63,98,.09)}
.project-index-section .a-cp .cp-tax:after{content:"BIR 2316";position:absolute;right:2cqw;top:2cqw;padding:.7cqw .95cqw;border-radius:.65cqw;background:#e8f0f6;color:#19486e;font-size:.78cqw;letter-spacing:.1em;font-weight:900}
.project-index-section .a-cp .cp-tax-copy{position:absolute;left:2.7cqw;top:2.7cqw;color:#102f4c}.project-index-section .a-cp .cp-tax-copy .cp-kicker{font-size:1.02cqw;color:#41627b}.project-index-section .a-cp .cp-tax-copy strong{display:block;margin-top:1.1cqw;font-size:5.55cqw;line-height:.88;letter-spacing:-.07em;color:#071d43}.project-index-section .a-cp .cp-tax-copy span:not(.cp-kicker){display:block;margin-top:1.35cqw;max-width:17cqw;font-size:1.02cqw;line-height:1.34;letter-spacing:.12em;text-transform:uppercase;color:#4c687f;font-weight:850}.project-index-section .a-cp .cp-tax-copy small{display:none}.project-index-section .a-cp .cp-docs{display:none!important}
.project-index-section .a-cp .cp-inhouse{position:absolute;left:2.7cqw;right:2.7cqw;bottom:2.1cqw;padding-top:1.1cqw;border-top:.16cqw solid #d9e3ea;display:flex;justify-content:space-between;gap:1cqw}.project-index-section .a-cp .cp-inhouse span{font-size:.78cqw;color:#678094;letter-spacing:.1em;text-transform:uppercase;font-weight:850}.project-index-section .a-cp .cp-inhouse b{font-size:.82cqw;color:#19836d}
.project-index-section .a-cp .cp-payapp{left:67.8cqw;right:4.6cqw;padding:2.65cqw;background:rgba(255,255,255,.96);border:1px solid rgba(16,63,98,.09);color:#102f4c}
.project-index-section .a-cp .cp-payapp .cp-kicker{font-size:1.02cqw;color:#ee5444}
.project-index-section .a-cp .cp-app-copy{position:absolute;left:2.65cqw;top:6.1cqw;width:16.5cqw}.project-index-section .a-cp .cp-app-copy strong{display:block;font-size:2.2cqw;line-height:1.05;letter-spacing:-.045em;color:#0a294f}.project-index-section .a-cp .cp-app-copy span{display:block;margin-top:.85cqw;font-size:.9cqw;line-height:1.42;color:#60798c}
.project-index-section .a-cp .cp-browser{position:absolute;right:2.1cqw;bottom:2.1cqw;top:auto;width:16.5cqw;height:10.3cqw;border-radius:1.1cqw;background:#f7fafc;border:.16cqw solid #d5e0e8;overflow:hidden;box-shadow:0 1.2cqw 2.8cqw rgba(29,65,94,.08)}
.project-index-section .a-cp .cp-browser-top{height:1.65cqw;background:#e6eef3}.project-index-section .a-cp .cp-net{padding:.9cqw 1.15cqw}.project-index-section .a-cp .cp-net b{font-size:.88cqw;margin-bottom:.45cqw}.project-index-section .a-cp .cp-net-row{padding:.27cqw 0;font-size:.67cqw}.project-index-section .a-cp .cp-net-row strong{font-size:.68cqw}.project-index-section .a-cp .cp-net-total{margin-top:.38cqw;padding:.4cqw .58cqw;font-size:.66cqw}
.project-index-section .index-card--cp .view{right:17px;bottom:15px;color:#0b3153;background:rgba(255,255,255,.9);border:1px solid rgba(11,49,83,.1);border-radius:999px;padding:8px 11px;box-shadow:0 7px 18px rgba(9,45,80,.1)}

/* Catchafire — bold editorial impact card, rendered entirely in HTML. */
.project-index-section .index-card--catchafire,.project-index-section .a-cafire{background:#25173d!important}
.project-index-section .a-cafire:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.045),transparent 38%),radial-gradient(80% 90% at 6% 0,#573784 0,transparent 62%);pointer-events:none}
.project-index-section .a-cafire .cafire-impact{position:absolute;left:7cqw;top:7cqw;z-index:4;color:#fff}.project-index-section .a-cafire .cafire-impact strong{display:block;font-size:19cqw;line-height:.78;letter-spacing:-.075em}.project-index-section .a-cafire .cafire-impact span{display:block;margin-top:3.2cqw;font-size:3.15cqw;line-height:1.14;letter-spacing:.095em;text-transform:uppercase;color:#f4edff;font-weight:850}
.project-index-section .a-cafire .service-pills{position:absolute;left:7cqw;top:40cqw;display:grid;gap:1.7cqw;z-index:5}.project-index-section .a-cafire .service-pills b{width:max-content;padding:1.8cqw 2.6cqw;border-radius:999px;background:rgba(255,255,255,.075);border:.24cqw solid rgba(255,255,255,.18);font-size:2.35cqw;letter-spacing:.035em;color:#fff;font-weight:750}
.project-index-section .a-cafire .project-columns{position:absolute;right:6.8cqw;top:13cqw;width:34cqw;height:33cqw;display:flex;align-items:flex-end;gap:1.55cqw;z-index:3}.project-index-section .a-cafire .project-columns .col{position:relative;flex:1;border-radius:1.5cqw 1.5cqw .75cqw .75cqw;background:linear-gradient(180deg,#ffbd7a 0,#ff7a3d 100%);box-shadow:none}.project-index-section .a-cafire .project-columns .col:nth-child(1){height:48%}.project-index-section .a-cafire .project-columns .col:nth-child(2){height:69%}.project-index-section .a-cafire .project-columns .col:nth-child(3){height:57%}.project-index-section .a-cafire .project-columns .col:nth-child(4){height:87%}.project-index-section .a-cafire .project-columns .col:nth-child(5){height:72%}.project-index-section .a-cafire .project-columns .col small{position:absolute;left:50%;bottom:calc(100% + 1.4cqw);transform:translateX(-50%);font-size:1.65cqw;letter-spacing:.1em;color:#d8cbea;font-weight:850}.project-index-section .a-cafire .project-columns .col span{display:none}
.project-index-section .a-cafire .cafire-foot{position:absolute;left:7cqw;right:7cqw;bottom:6.2cqw;display:flex;align-items:center;justify-content:space-between;gap:3cqw;padding-top:4.1cqw;border-top:.22cqw solid rgba(255,255,255,.14);z-index:5}.project-index-section .a-cafire .cafire-foot .meta strong{display:block;font-size:3.3cqw;line-height:1.08;letter-spacing:.095em;text-transform:uppercase;color:#fff;max-width:25cqw}.project-index-section .a-cafire .cafire-foot img{display:block;width:27cqw;height:auto;object-fit:contain;opacity:.92;filter:brightness(1.12)}
.project-index-section .index-card--catchafire .view{right:17px;bottom:15px;color:#fff;opacity:.85}

/* Golden Peak — restrained system map, no purple/neon treatment. */
.project-index-section .index-card--hotel,.project-index-section .a-hotel{background:#07151f!important;color:#f6f3ec}
.project-index-section .a-hotel:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(126,158,178,.04) 0.128cqw,transparent 0.128cqw),linear-gradient(90deg,rgba(126,158,178,.04) 0.128cqw,transparent 0.128cqw);background-size:28px 28px;pointer-events:none}
.project-index-section .a-hotel .gp-grid{display:none!important}.project-index-section .a-hotel .gp-kicker{position:absolute;left:3.205cqw;top:2.821cqw;color:#d8ad61;font-size:1.026cqw;letter-spacing:.17em;text-transform:uppercase;font-weight:850;z-index:8}.project-index-section .a-hotel .gp-title{position:absolute;left:3.205cqw;top:5.769cqw;width:50cqw;max-width:none;color:#f7f5ef;font-size:3.462cqw;line-height:.96;letter-spacing:-.048em;font-weight:850;z-index:8}.project-index-section .a-hotel .gp-title span{display:block}.project-index-section .a-hotel .gp-title em{font-style:normal;color:#73b8c8!important;background:none!important;-webkit-text-fill-color:currentColor!important}
.project-index-section .a-hotel .gp-headnote{position:absolute;right:3.333cqw;top:2.821cqw;width:23.333cqw;min-height:9.103cqw;padding-left:2.179cqw;border-left:0.128cqw solid rgba(226,190,121,.38);z-index:8;color:#f4eee3}.project-index-section .a-hotel .gp-headnote small{display:block;font-size:0.833cqw;letter-spacing:.17em;text-transform:uppercase;color:#8ca3b0;font-weight:850}.project-index-section .a-hotel .gp-headnote strong{display:block;margin-top:0.513cqw;font-size:3.462cqw;line-height:.9;letter-spacing:-.06em;color:#e8bd6a}.project-index-section .a-hotel .gp-headnote span{display:block;margin-top:0.641cqw;font-size:0.962cqw;line-height:1.35;color:#9fb0ba}
.project-index-section .a-hotel .gp-lanes{position:absolute;left:3.205cqw;right:3.205cqw;top:17.5cqw;display:grid;grid-template-columns:20cqw 16.667cqw 13.846cqw;gap:3.718cqw;z-index:7}.project-index-section .a-hotel .gp-lanes span{font-size:0.872cqw;letter-spacing:.16em;text-transform:uppercase;color:#8096a3;font-weight:850}
.project-index-section .a-hotel .gp-inputs{position:absolute;left:3.205cqw;top:20.5cqw;width:19.872cqw;display:flex;flex-direction:column;gap:3.6cqw;z-index:5}.project-index-section .a-hotel .gp-msg,.project-index-section .a-hotel .gp-form,.project-index-section .a-hotel .gp-code,.project-index-section .a-hotel .gp-viber{border:0.128cqw solid rgba(161,184,197,.19);box-shadow:none!important}.project-index-section .a-hotel .gp-msg{width:19.487cqw;height:14.5cqw;border-radius:1.538cqw;background:#0b1d29;padding:0.769cqw;transform:none}.project-index-section .a-hotel .gp-msg .screen{width:100%;height:100%;border-radius:1.026cqw;background:#102532;padding:0.897cqw;color:#dfe8ec}.project-index-section .a-hotel .channel{font-size:0.897cqw;color:#d4dde1}.project-index-section .a-hotel .channel i{width:2.179cqw;height:2.179cqw;font-size:1.026cqw;background:#d6a64f!important;color:#07151f}.project-index-section .a-hotel .msg{margin-top:0.769cqw;background:#183341;color:#dbe4e8;border-radius:0.897cqw;padding:0.769cqw;font-size:0.795cqw}.project-index-section .a-hotel .quick{gap:0.385cqw;margin-top:0.641cqw}.project-index-section .a-hotel .quick b{font-size:0.641cqw;color:#c9d6dc;border:0.128cqw solid #456271;background:transparent;padding:0.385cqw 0.641cqw}.project-index-section .a-hotel .reply{margin-top:0.641cqw;background:#2c6b80;color:#fff;border-radius:0.897cqw;padding:0.513cqw 0.641cqw;font-size:0.705cqw;width:73%}
.project-index-section .a-hotel .gp-form{width:17.821cqw;height:8.718cqw;border-radius:1.154cqw;background:#f4f0e7;padding:0.897cqw 1.026cqw;color:#3f3932}.project-index-section .a-hotel .mini-label{font-size:0.705cqw;color:#8b6a35}.project-index-section .a-hotel .field{margin-bottom:0.385cqw}.project-index-section .a-hotel .field b{font-size:0.603cqw}.project-index-section .a-hotel .field span{height:0.641cqw;border-color:#d8d0c4}.project-index-section .a-hotel .field.message span{height:1.154cqw}.project-index-section .a-hotel .submit{margin-top:0.256cqw;padding:0.385cqw 0.641cqw;background:#a87732;font-size:0.615cqw}
.project-index-section .a-hotel .gp-code{position:absolute;left:28.846cqw;top:20.5cqw;width:17.179cqw;height:22cqw;border-radius:1.282cqw;background:#050d13;overflow:hidden;z-index:5}.project-index-section .a-hotel .gp-code-head{height:2.436cqw;padding:0 1.026cqw;background:#0d1a23;border-bottom:0.128cqw solid #1e3441;color:#9cb0bb;font-size:0.705cqw}.project-index-section .a-hotel .gp-code pre{padding:1.154cqw;color:#d7e1e7;font-size:0.718cqw;line-height:1.48}.project-index-section .a-hotel .gp-code .kw{color:#d9aa58}.project-index-section .a-hotel .gp-code .key{color:#78b6ca}.project-index-section .a-hotel .gp-code .str{color:#9dc39d}.project-index-section .a-hotel .gp-code .fn{color:#d3d9dd}
.project-index-section .a-hotel .gp-api{position:absolute;left:47.692cqw;top:30.577cqw;padding:0.769cqw 1.154cqw;border-radius:128.077cqw;background:#d9b15e;color:#13222a;font-size:0.744cqw;letter-spacing:.12em;font-weight:900;z-index:7}.project-index-section .a-hotel .gp-viber{position:absolute;right:3.205cqw;top:24cqw;width:14.231cqw;height:16cqw;border-radius:1.41cqw;background:#0c202d;padding:1.154cqw;color:#dce5e9;z-index:5}.project-index-section .a-hotel .viber i{background:#d6a64f!important}.project-index-section .a-hotel .alert{margin-top:0.897cqw;background:#152d3b;border-left:0.513cqw solid #d6a64f;border-radius:0.897cqw;padding:0.897cqw;font-size:0.833cqw;color:#dce5e9}.project-index-section .a-hotel .alert strong{color:#e1b45c;font-size:0.859cqw}.project-index-section .a-hotel .source{font-size:0.705cqw;color:#879ba6}.project-index-section .a-hotel .source b{color:#cdd8dd}
.project-index-section .a-hotel .gp-line1,.project-index-section .a-hotel .gp-line2,.project-index-section .a-hotel .gp-line3{height:0.128cqw;background:repeating-linear-gradient(90deg,#d5a64c 0 1.026cqw,transparent 1.026cqw 1.923cqw)}.project-index-section .a-hotel .gp-line1{left:23.59cqw;top:20.769cqw;width:5.256cqw}.project-index-section .a-hotel .gp-line2{left:22.308cqw;top:28.59cqw;width:6.538cqw}.project-index-section .a-hotel .gp-line3{left:46.026cqw;top:27.308cqw;width:8.974cqw}.project-index-section .a-hotel .gp-join{left:28.846cqw;top:20.769cqw;height:7.821cqw;width:0.128cqw;background:repeating-linear-gradient(180deg,#d5a64c 0 1.026cqw,transparent 1.026cqw 1.923cqw)}.project-index-section .a-hotel .gp-line1:after,.project-index-section .a-hotel .gp-line2:after,.project-index-section .a-hotel .gp-line3:after{width:0.769cqw;height:0.769cqw;border-color:#d5a64c;border-width:0.128cqw}
.project-index-section .a-hotel .gp-tags{position:absolute;left:3.205cqw;bottom:2.436cqw;display:flex;gap:0.641cqw;z-index:7}.project-index-section .a-hotel .gp-tags b{padding:0.641cqw 0.897cqw;border-radius:128.077cqw;background:transparent;border:0.128cqw solid #29424f;color:#a9bac2;font-size:0.756cqw;letter-spacing:.09em;text-transform:uppercase}.project-index-section .a-hotel .gp-mobile-flow{display:none}
.project-index-section .index-card--hotel .view{right:25px;bottom:19px;color:#f4efe5}

/* Keep the portfolio grid rhythm intact at every breakpoint. */
@media (max-width:1100px){
  .project-index-section .seamless-card--cp{height:360px}.project-index-section .seamless-card--small{height:360px}.project-index-section .seamless-card--double{height:380px}
}
@media (max-width:700px){
  .project-index-section .seamless-card--half,.project-index-section .seamless-card--small,.project-index-section .seamless-card--double,.project-index-section .seamless-card--cp,.project-index-section .seamless-card--hotel,.project-index-section .seamless-card--catchafire{height:355px!important}
  /* CP360 compact editorial arrangement. */
  .project-index-section .a-cp .cp-topline{left:16px;right:16px;top:15px}.project-index-section .a-cp .cp-logo{width:70px;height:24px}.project-index-section .a-cp .cp-brand{font-size:9px}.project-index-section .a-cp .cp-context{display:none}.project-index-section .a-cp .cp-hero-title{left:16px;top:51px;width:calc(100% - 32px);font-size:23px;line-height:.94}
  .project-index-section .a-cp .cp-payment,.project-index-section .a-cp .cp-tax{top:135px;height:102px;border-radius:11px}.project-index-section .a-cp .cp-payment{left:16px;width:calc(50% - 21px);padding:13px}.project-index-section .a-cp .cp-tax{left:calc(50% + 5px);width:calc(50% - 21px)}.project-index-section .a-cp .cp-payapp{left:16px;right:16px;top:247px;height:91px;padding:12px;border-radius:11px}
  .project-index-section .a-cp .cp-payment .cp-kicker,.project-index-section .a-cp .cp-tax-copy .cp-kicker,.project-index-section .a-cp .cp-payapp .cp-kicker{font-size:5.7px}.project-index-section .a-cp .cp-time{margin-top:11px;display:block}.project-index-section .a-cp .cp-time strong{font-size:31px}.project-index-section .a-cp .cp-time span{display:none}.project-index-section .a-cp .cp-speedline{margin-top:8px;padding-top:7px;display:block}.project-index-section .a-cp .cp-speedline b{font-size:8px}.project-index-section .a-cp .cp-speedline small{display:block;margin-top:2px;font-size:5.5px}
  .project-index-section .a-cp .cp-tax:after{right:9px;top:9px;padding:4px 5px;font-size:5px}.project-index-section .a-cp .cp-tax-copy{left:12px;top:12px}.project-index-section .a-cp .cp-tax-copy strong{margin-top:10px;font-size:29px}.project-index-section .a-cp .cp-tax-copy span:not(.cp-kicker){margin-top:7px;max-width:100px;font-size:6px}.project-index-section .a-cp .cp-inhouse{left:12px;right:12px;bottom:9px;padding-top:6px}.project-index-section .a-cp .cp-inhouse span{display:none}.project-index-section .a-cp .cp-inhouse b{font-size:5.5px}
  .project-index-section .a-cp .cp-app-copy{left:12px;top:30px;width:135px}.project-index-section .a-cp .cp-app-copy strong{font-size:13px}.project-index-section .a-cp .cp-app-copy span{margin-top:4px;font-size:6px;max-width:112px}.project-index-section .a-cp .cp-browser{right:11px;bottom:10px;width:130px;height:65px;border-radius:7px}.project-index-section .a-cp .cp-browser-top{height:10px}.project-index-section .a-cp .cp-net{padding:5px 7px}.project-index-section .a-cp .cp-net b{font-size:6px}.project-index-section .a-cp .cp-net-row,.project-index-section .a-cp .cp-net-row strong,.project-index-section .a-cp .cp-net-total{font-size:4.7px}.project-index-section .index-card--cp .view{right:10px;bottom:8px;padding:6px 8px}
  /* Catchafire keeps its single bold composition. */
  .project-index-section .a-cafire .cafire-impact{left:22px;top:24px}.project-index-section .a-cafire .cafire-impact strong{font-size:70px}.project-index-section .a-cafire .cafire-impact span{margin-top:12px;font-size:11px}.project-index-section .a-cafire .project-columns{right:22px;top:48px;width:117px;height:116px;gap:5px}.project-index-section .a-cafire .project-columns .col small{font-size:6px;bottom:calc(100% + 5px)}.project-index-section .a-cafire .service-pills{left:22px;top:180px;gap:7px}.project-index-section .a-cafire .service-pills b{padding:7px 10px;font-size:8px}.project-index-section .a-cafire .cafire-foot{left:22px;right:22px;bottom:24px;padding-top:16px}.project-index-section .a-cafire .cafire-foot .meta strong{font-size:12px;max-width:100px}.project-index-section .a-cafire .cafire-foot img{width:90px}
  /* Golden Peak uses the same DOM with a compact, deliberate mobile route. */
  .project-index-section .a-hotel .gp-kicker{left:20px;top:18px;font-size:7px}.project-index-section .a-hotel .gp-title{left:20px;top:38px;width:225px;font-size:21px}.project-index-section .a-hotel .gp-headnote{right:18px;top:18px;width:77px;min-height:68px;padding-left:10px}.project-index-section .a-hotel .gp-headnote small{font-size:5px}.project-index-section .a-hotel .gp-headnote strong{font-size:21px}.project-index-section .a-hotel .gp-headnote span{font-size:5.2px}
  .project-index-section .a-hotel .gp-lanes,.project-index-section .a-hotel .gp-inputs,.project-index-section .a-hotel .gp-code,.project-index-section .a-hotel .gp-api,.project-index-section .a-hotel .gp-viber,.project-index-section .a-hotel .gp-line1,.project-index-section .a-hotel .gp-line2,.project-index-section .a-hotel .gp-line3,.project-index-section .a-hotel .gp-join{display:none!important}.project-index-section .a-hotel .gp-mobile-flow{position:absolute;left:20px;right:20px;top:118px;display:grid;gap:8px}.project-index-section .a-hotel .gp-mobile-node{position:relative;padding:12px 13px;border-radius:10px;background:#0c202d;color:#edf2f4;border:1px solid #29424f;box-shadow:none}.project-index-section .a-hotel .gp-mobile-node small{display:block;font-size:5.5px;letter-spacing:.14em;text-transform:uppercase;color:#d4a653;font-weight:850}.project-index-section .a-hotel .gp-mobile-node strong{display:block;margin-top:4px;font-size:13px}.project-index-section .a-hotel .gp-mobile-node span{display:block;margin-top:3px;font-size:6.5px;color:#9db0ba}.project-index-section .a-hotel .gp-mobile-node:nth-child(2),.project-index-section .a-hotel .gp-mobile-node:nth-child(3){margin-left:0;background:#0c202d;color:#edf2f4}.project-index-section .a-hotel .gp-mobile-node:after{content:"↓";position:absolute;left:14px;bottom:-14px;color:#d4a653}.project-index-section .a-hotel .gp-mobile-node:last-child:after{display:none}.project-index-section .a-hotel .gp-tags{left:20px;bottom:17px}.project-index-section .a-hotel .gp-tags b{font-size:5px;padding:4px 6px}.project-index-section .a-hotel .gp-tags b:nth-child(n/**/+4){display:none}.project-index-section .index-card--hotel .view{right:20px;bottom:17px}
}




/* ===== INDEX 36 · READABILITY PASS =====
   Four fixes:
   1. CP360   — panels flow instead of overlapping; dead band closed with a stack rail.
   2. Catchafire — bar chart replaced with the five real causes; foot de-duplicated.
   3. Golden Peak — 2→1 headnote dropped, connectors rebuilt as one SVG layer, one accent.
   4. BlazePDF — overlay copy removed; dark ground so the orange mark reads. */

/* ---------- 1 · CONTACTPOINT360 ---------- */
/* Panels stretch between the title and the rail, so no dead space at any card height. */
.project-index-section .a-cp .cp-payment,.project-index-section .a-cp .cp-tax,.project-index-section .a-cp .cp-payapp{
  top:25.4cqw!important;bottom:8.6cqw!important;height:auto!important;
  display:flex;flex-direction:column;overflow:hidden
}
.project-index-section .a-cp .cp-payment{justify-content:space-between;padding:2.7cqw 2.9cqw}

/* Tax panel: every child back in normal flow, footer pinned by margin instead of `bottom`. */
.project-index-section .a-cp .cp-tax{padding:2.7cqw}
.project-index-section .a-cp .cp-tax:after{right:2.4cqw;top:2.4cqw}
.project-index-section .a-cp .cp-tax-copy{position:static!important;left:auto!important;top:auto!important;padding-right:8.5cqw}
.project-index-section .a-cp .cp-tax-copy strong{margin-top:1.1cqw;font-size:5.2cqw}
.project-index-section .a-cp .cp-tax-copy span:not(.cp-kicker){margin-top:1.3cqw;max-width:19cqw;font-size:.97cqw;line-height:1.36}
.project-index-section .a-cp .cp-inhouse{
  position:static!important;left:auto!important;right:auto!important;bottom:auto!important;
  margin-top:auto;padding-top:1.2cqw
}

/* Payapp panel: kicker → copy → browser, stacked. Fixes the heading/kicker collision
   and the browser sitting on top of the body copy. */
.project-index-section .a-cp .cp-payapp{padding:2.65cqw}
.project-index-section .a-cp .cp-app-copy{position:static!important;left:auto!important;top:auto!important;width:auto!important;margin-top:1.3cqw}
.project-index-section .a-cp .cp-app-copy strong{font-size:2.15cqw}
.project-index-section .a-cp .cp-app-copy span{max-width:21cqw}
.project-index-section .a-cp .cp-browser{
  position:static!important;right:auto!important;bottom:auto!important;top:auto!important;
  margin-top:auto;width:100%!important;height:11.4cqw!important
}

/* The rail that closes the composition — real context, not filler. */
.project-index-section .a-cp .cp-rail{
  position:absolute;left:4.6cqw;right:17cqw;bottom:3cqw;z-index:6;
  display:flex;align-items:baseline;justify-content:space-between;gap:2cqw;
  padding-top:1.5cqw;border-top:1px solid rgba(16,63,98,.14)
}
.project-index-section .a-cp .cp-rail span{font-size:1cqw;letter-spacing:.15em;text-transform:uppercase;font-weight:850;color:#4c687f;white-space:nowrap}
.project-index-section .a-cp .cp-rail span+span{color:#7d94a6}

/* Stat and its label stack, so "<15 sec" holds one line. */
.project-index-section .a-cp .cp-time{display:block!important;margin-top:1.6cqw}
.project-index-section .a-cp .cp-time strong{white-space:nowrap;font-size:6.6cqw}
.project-index-section .a-cp .cp-time span{display:block;margin-top:1.1cqw}
.project-index-section .a-cp .cp-inhouse{flex-direction:column;align-items:flex-start;gap:.55cqw}
.project-index-section .a-cp .cp-speedline{flex-direction:column;align-items:flex-start;gap:.5cqw}

/* ---------- 2 · CATCHAFIRE ---------- */
/* Brand moves to the top so the footer is free; View moves out of the wordmark. */
.project-index-section .a-cafire .cafire-top{position:absolute;left:7cqw;top:6.5cqw;z-index:6}
.project-index-section .a-cafire .cafire-top img{display:block;width:26cqw;height:auto;object-fit:contain;opacity:.95;filter:brightness(1.14)}
.project-index-section .a-cafire .cafire-top span{display:block;margin-top:1.9cqw;font-size:1.65cqw;letter-spacing:.17em;text-transform:uppercase;color:#c3aee8;font-weight:850}
.project-index-section .index-card--catchafire .view{top:15px;bottom:auto!important;right:17px;color:#fff;opacity:.85}

.project-index-section .a-cafire .cafire-impact{position:absolute;left:7cqw;right:7cqw;top:23cqw;z-index:4;color:#fff}
.project-index-section .a-cafire .cafire-impact strong{display:block;font-size:16.5cqw;line-height:.82;letter-spacing:-.075em}
.project-index-section .a-cafire .cafire-impact span{display:block;margin-top:2.6cqw;font-size:2.65cqw;line-height:1.2;letter-spacing:.1em;text-transform:uppercase;color:#eadfff;font-weight:850}

/* The five causes, which is also the "five projects" statement — stated once. */
.project-index-section .a-cafire .cafire-list{
  position:absolute;left:7cqw;right:7cqw;top:52cqw;bottom:19cqw;z-index:4;
  margin:0;padding:0;list-style:none;display:flex;flex-direction:column;justify-content:space-between
}
.project-index-section .a-cafire .cafire-list li{display:flex;align-items:baseline;gap:2.8cqw;padding-bottom:1.6cqw;border-bottom:.2cqw solid rgba(255,255,255,.14)}
.project-index-section .a-cafire .cafire-list li:last-child{padding-bottom:0;border-bottom:0}
.project-index-section .a-cafire .cafire-list small{flex:none;width:4.2cqw;font-size:1.85cqw;letter-spacing:.13em;font-weight:850;color:#b195f2}
.project-index-section .a-cafire .cafire-list span{font-size:3.05cqw;line-height:1.05;letter-spacing:-.02em;color:#f4eeff;font-weight:700}

.project-index-section .a-cafire .service-pills{
  position:absolute;left:7cqw;right:7cqw;bottom:6.5cqw;top:auto;z-index:5;
  display:flex!important;flex-wrap:wrap;gap:1.6cqw
}
.project-index-section .a-cafire .service-pills b{
  width:auto;padding:1.5cqw 2.5cqw;border-radius:999px;
  background:rgba(255,255,255,.075);border:.22cqw solid rgba(255,255,255,.2);
  font-size:2cqw;letter-spacing:.02em;color:#fff;font-weight:750
}

/* ---------- 2b · CATCHAFIRE LANDSCAPE (MODAL HERO) ----------
   The card artboard is portrait; the modal hero is 16/10. Same DOM, two
   columns: story on the left, the five causes filling the right. */
.project-index-section .m-hero-art .a-cafire .cafire-top{left:5.5cqw;top:7cqw}
.project-index-section .m-hero-art .a-cafire .cafire-top img{width:17cqw}
.project-index-section .m-hero-art .a-cafire .cafire-top span{margin-top:1.3cqw;font-size:1.1cqw}
.project-index-section .m-hero-art .a-cafire .cafire-impact{left:5.5cqw;right:auto;top:22cqw;width:40cqw}
.project-index-section .m-hero-art .a-cafire .cafire-impact strong{font-size:13.5cqw}
.project-index-section .m-hero-art .a-cafire .cafire-impact span{margin-top:1.8cqw;font-size:1.8cqw}
.project-index-section .m-hero-art .a-cafire .service-pills{left:5.5cqw;right:auto;bottom:7cqw;width:42cqw;gap:1.1cqw}
.project-index-section .m-hero-art .a-cafire .service-pills b{padding:1cqw 1.7cqw;font-size:1.35cqw;border-width:.14cqw}
.project-index-section .m-hero-art .a-cafire .cafire-list{left:53cqw;right:5.5cqw;top:13cqw;bottom:7cqw}
.project-index-section .m-hero-art .a-cafire .cafire-list li{gap:1.9cqw;padding-bottom:1.1cqw;border-bottom-width:.13cqw}
.project-index-section .m-hero-art .a-cafire .cafire-list small{width:2.9cqw;font-size:1.25cqw}
.project-index-section .m-hero-art .a-cafire .cafire-list span{font-size:2.1cqw}
@media (max-width:760px){
  .project-index-section .m-hero-art .a-cafire .cafire-top{left:6cqw;top:6cqw}
  .project-index-section .m-hero-art .a-cafire .cafire-top img{width:22cqw}
  .project-index-section .m-hero-art .a-cafire .cafire-impact{top:20cqw;width:46cqw}
  .project-index-section .m-hero-art .a-cafire .cafire-impact strong{font-size:15cqw}
  .project-index-section .m-hero-art .a-cafire .cafire-list{left:52cqw;right:6cqw;top:8cqw;bottom:8cqw}
  .project-index-section .m-hero-art .a-cafire .cafire-list span{font-size:2.4cqw}
}

/* ---------- 3 · GOLDEN PEAK ---------- */
.project-index-section .a-hotel .gp-headnote{display:none!important}
.project-index-section .a-hotel .gp-title{width:60.3cqw}
.project-index-section .a-hotel .gp-title em{color:#e0b970!important}

/* One SVG layer sharing the artboard's coordinate system, so arrowheads are
   attached to path ends by definition and cannot drift at any card width. */
.project-index-section .a-hotel .gp-wires{position:absolute;left:0;top:0;width:100cqw;height:50cqw;overflow:visible;z-index:4;pointer-events:none}
/* Left-anchor the Viber panel so every node shares one coordinate system. */
.project-index-section .a-hotel .gp-viber{left:82.564cqw;right:auto}
/* Form sizes to its content instead of clipping the submit button. */
.project-index-section .a-hotel .gp-form{height:auto;padding:1.03cqw 1.15cqw 1.15cqw}
.project-index-section .a-hotel .gp-form .field:last-of-type{margin-bottom:.64cqw}
/* Single accent: gold. */
.project-index-section .a-hotel .reply{background:#8a6a2d;color:#fdf6e8}
.project-index-section .a-hotel .gp-code-head .gp-dots i,.project-index-section .a-hotel .gp-dots i{background:#2b4150!important}

/* ---------- 4 · BLAZEPDF ---------- */
.project-index-section .seamless-copy--blaze{display:none!important}
.project-index-section .index-card--blaze{
  color:#fff;
  background:
    radial-gradient(58% 62% at 10% 2%,rgba(255,146,66,.22),transparent 60%),
    radial-gradient(72% 88% at 98% 102%,rgba(96,126,214,.15),transparent 58%),
    linear-gradient(150deg,#171d33 0%,#111726 54%,#0c1019 100%)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.06)
}
.project-index-section .index-card--blaze .seamless-shade{background:none!important}
.project-index-section .a-blaze .speed-glow{background:radial-gradient(circle,rgba(255,163,84,.26),rgba(255,163,84,.05) 44%,transparent 72%)}
.project-index-section .a-blaze .speed-lines{opacity:.1}
.project-index-section .a-blaze .blaze-brand strong{color:#fff}
.project-index-section .a-blaze .blaze-brand span{color:#ffc38a}
.project-index-section .a-blaze .blaze-brand img{box-shadow:0 2.8cqw 6cqw rgba(0,0,0,.5)}
.project-index-section .index-card--blaze .view{color:#fff}

/* ---------- 4b · BLAZEPDF PORTRAIT ARTBOARD ----------
   The artwork was zoomed to 135% to sit behind the overlay copy that is now
   gone, which cropped the lockup off the card. Full frame, portrait layout. */
.project-index-section .index-card--blaze .seamless-art .anchor .fit{width:100%!important;height:100%!important;top:50%!important;left:50%!important}
.project-index-section .a-blaze .blaze-brand{left:6.5cqw;top:6.5cqw;gap:2.5cqw}
.project-index-section .a-blaze .blaze-brand img{width:14cqw;height:14cqw;border-radius:3.4cqw}
.project-index-section .a-blaze .blaze-brand strong{font-size:4cqw;letter-spacing:-.05em}
.project-index-section .a-blaze .blaze-brand span{margin-top:1cqw;font-size:1.72cqw;letter-spacing:.14em}
.project-index-section .a-blaze .speed-glow{right:-10cqw;top:-14cqw;width:56cqw;height:56cqw}
.project-index-section .a-blaze .speed-lines{left:-6cqw;top:30cqw;width:36cqw;height:22cqw}
.project-index-section .a-blaze .speed-device{
  left:6.5cqw;right:6.5cqw;top:26cqw;height:56cqw;
  border-radius:4.6cqw;padding:2cqw;transform:rotate(-1.6deg);
  box-shadow:0 5cqw 12cqw rgba(0,0,0,.42)
}
.project-index-section .a-blaze .shortcut-callout{
  left:6.5cqw;right:6.5cqw;bottom:13cqw;width:auto;
  padding:3cqw 3.2cqw;border-radius:2.9cqw;transform:rotate(1.6deg);
  box-shadow:0 3.4cqw 8cqw rgba(0,0,0,.4)
}
.project-index-section .a-blaze .shortcut-top{gap:2.2cqw}
.project-index-section .a-blaze .keycaps{gap:1cqw}
.project-index-section .a-blaze .keycaps kbd{min-width:6.6cqw;height:6.2cqw;padding:0 1.4cqw;border-radius:1.5cqw;font-size:2cqw}
.project-index-section .a-blaze .keycaps em{font-size:2.1cqw}
.project-index-section .a-blaze .shortcut-copy strong{font-size:3.4cqw;line-height:1.05}
.project-index-section .a-blaze .shortcut-copy span{margin-top:.7cqw;font-size:2.1cqw}
.project-index-section .a-blaze .preset-row{margin-top:2.2cqw;padding-top:1.9cqw;border-top:.28cqw solid #e6eaf0}
.project-index-section .a-blaze .preset-row span{font-size:1.85cqw}
.project-index-section .a-blaze .preset-row b{font-size:2cqw}
@media (max-width:680px){
  .project-index-section .index-card--blaze .seamless-art .anchor .fit{width:100%!important;top:50%!important}
  .project-index-section .a-blaze .speed-device{left:6.5cqw;right:6.5cqw;top:26cqw;height:56cqw}
  .project-index-section .a-blaze .shortcut-callout{left:6.5cqw;right:6.5cqw;width:auto}
}

/* ---------- 5 · FILTER FEEDBACK ----------
   Matched cards sweep in on a stagger and hold a warm ring while a filter is
   active, so selection reads as emphasis rather than things vanishing. */
.project-index-section .filters button b{
  display:inline-block;margin-left:6px;font-weight:700;font-size:9.5px;
  opacity:.5;font-variant-numeric:tabular-nums
}
.project-index-section .filters button.is-active b{opacity:.72}

.project-index-section .index-card[hidden],.project-index-section .feature[hidden]{display:none!important}

@keyframes cardSweepIn{
  from{opacity:0;transform:translateY(15px) scale(.986)}
  to{opacity:1;transform:none}
}
.project-index-section .index-card.is-matched,.project-index-section .feature.is-matched{
  animation:cardSweepIn .44s cubic-bezier(.2,.7,.3,1) backwards;
  animation-delay:calc(var(--i,0) * 55ms)
}

/* Resting ring while filtered. The card's own box-shadow is not clipped by
   its overflow:hidden, so the bloom reads outside the corner radius. */
.project-index-section .grid-filtered .index-card.is-matched,.project-index-section .grid-filtered .feature.is-matched{
  box-shadow:0 0 0 1.6px rgba(232,99,42,.42),0 14px 36px rgba(232,99,42,.13);
  transition:box-shadow .42s cubic-bezier(.2,.7,.3,1);
  transition-delay:calc(var(--i,0) * 55ms)
}
/* The bloom, removed by JS so it settles into the ring above. */
.project-index-section .grid-filtered .index-card.is-flash,.project-index-section .grid-filtered .feature.is-flash{
  box-shadow:0 0 0 3px rgba(232,99,42,.82),0 0 52px rgba(232,99,42,.4),0 18px 44px rgba(232,99,42,.2)
}
.project-index-section .grid-filtered .index-card.is-matched:hover,.project-index-section .grid-filtered .feature.is-matched:hover{
  box-shadow:0 0 0 2px rgba(232,99,42,.6),0 26px 60px rgba(31,19,12,.22)
}

@media (prefers-reduced-motion:reduce){
  .project-index-section .index-card.is-matched,.project-index-section .feature.is-matched{animation:none}
  .project-index-section .grid-filtered .index-card.is-matched,.project-index-section .grid-filtered .feature.is-matched{transition:none;transition-delay:0s}
}

/* ---------- 6 · MOBILE MODAL HERO: DIAGRAM ONLY ----------
   In the modal the kicker, title and tag rail duplicate the copy sitting
   directly above the artwork. On phones that duplication squeezes the flow
   into an overlap, so the hero carries the diagram and nothing else. */
@media (max-width:700px){
  .project-index-section .m-hero-art .anchor.a-hotel{aspect-ratio:23/26}
  /* The modal .fit is aspect-sized by default; the flow needs the full frame. */
  .project-index-section .m-hero-art .anchor.a-hotel .fit{width:100%!important;height:100%!important;aspect-ratio:auto!important;left:50%!important;top:50%!important}
  .project-index-section .m-hero-art .a-hotel .gp-kicker,.project-index-section .m-hero-art .a-hotel .gp-title,.project-index-section .m-hero-art .a-hotel .gp-tags,.project-index-section .m-hero-art .a-hotel .view{display:none!important}
  .project-index-section .m-hero-art .a-hotel .gp-mobile-flow{
    top:22px;bottom:22px;left:20px;right:20px;
    align-content:space-between;gap:20px
  }
  .project-index-section .m-hero-art .a-hotel .gp-mobile-node{padding:15px 16px;border-radius:12px}
  .project-index-section .m-hero-art .a-hotel .gp-mobile-node small{font-size:7px}
  .project-index-section .m-hero-art .a-hotel .gp-mobile-node strong{margin-top:5px;font-size:16px}
  .project-index-section .m-hero-art .a-hotel .gp-mobile-node span{margin-top:4px;font-size:8.5px}
  .project-index-section .m-hero-art .a-hotel .gp-mobile-node:after{bottom:-16px;font-size:13px}
  /* Single accent: the routing node kept a leftover violet label. */
  .project-index-section .a-hotel .gp-mobile-node:nth-child(2) small{color:#d4a653!important}
}

/* ---------- 7 · GOLDEN PEAK MOBILE FLOW: TIGHTER + TECHNICAL ---------- */
@media (max-width:700px){
  /* Nodes sit on a fixed rhythm instead of stretching to fill. */
  .project-index-section .a-hotel .gp-mobile-flow{align-content:start!important;gap:26px!important}
  .project-index-section .a-hotel .gp-mobile-node ul{margin:7px 0 0;padding:0;list-style:none;display:grid;gap:4px}
  .project-index-section .a-hotel .gp-mobile-node li{
    position:relative;padding-left:11px;font-size:8.4px;line-height:1.4;color:#9db0ba;
    letter-spacing:.005em
  }
  .project-index-section .a-hotel .gp-mobile-node li:before{
    content:"";position:absolute;left:0;top:.5em;width:4px;height:1px;background:#c99c4d
  }
  .project-index-section .a-hotel .gp-mobile-node:after{bottom:-19px}

  /* Card: taller frame to carry the extra detail. */
  .project-index-section .seamless-card--hotel{height:452px!important}
  .project-index-section .a-hotel .gp-mobile-flow{top:112px;bottom:44px}
  .project-index-section .a-hotel .gp-mobile-node{padding:13px 14px}
  .project-index-section .a-hotel .gp-mobile-node strong{font-size:13px}
  .project-index-section .a-hotel .gp-mobile-node li{font-size:8px}

  /* Modal: no duplicated heading, so the diagram gets the whole frame. */
  .project-index-section .m-hero-art .anchor.a-hotel{aspect-ratio:29/34}
  .project-index-section .m-hero-art .a-hotel .gp-mobile-flow{top:20px!important;bottom:20px!important;gap:30px!important}
  .project-index-section .m-hero-art .a-hotel .gp-mobile-node{padding:15px 16px}
  .project-index-section .m-hero-art .a-hotel .gp-mobile-node strong{font-size:15px}
  .project-index-section .m-hero-art .a-hotel .gp-mobile-node li{font-size:9px}
  .project-index-section .m-hero-art .a-hotel .gp-mobile-node:after{bottom:-22px}
}

/* ---------- MOBILE ---------- */
@media (max-width:700px){
  /* CP360 keeps its stacked compact arrangement; rail is desktop-only. */
  .project-index-section .a-cp .cp-rail{display:none}
  .project-index-section .seamless-card--cp{height:420px!important}
  .project-index-section .a-cp .cp-payment,.project-index-section .a-cp .cp-tax{top:135px!important;bottom:auto!important;height:120px!important}
  .project-index-section .a-cp .cp-payapp{top:265px!important;bottom:auto!important;height:140px!important}
  .project-index-section .a-cp .cp-tax{padding:12px}
  .project-index-section .a-cp .cp-tax-copy{padding-right:34px}
  .project-index-section .a-cp .cp-tax-copy strong{margin-top:8px;font-size:29px}
  .project-index-section .a-cp .cp-tax-copy span:not(.cp-kicker){margin-top:6px;max-width:100px;font-size:6px}
  .project-index-section .a-cp .cp-inhouse{padding-top:6px}
  .project-index-section .a-cp .cp-payapp{padding:12px}
  .project-index-section .a-cp .cp-app-copy{margin-top:6px}
  .project-index-section .a-cp .cp-app-copy strong{font-size:13px}
  .project-index-section .a-cp .cp-app-copy span{max-width:none}
  .project-index-section .a-cp .cp-browser{height:52px!important;border-radius:7px}

  /* Catchafire keeps the same vertical story, compressed. */
  .project-index-section .a-cafire .cafire-top{left:22px;top:20px}
  .project-index-section .a-cafire .cafire-top img{width:92px}
  .project-index-section .a-cafire .cafire-top span{margin-top:7px;font-size:6px}
  .project-index-section .a-cafire .cafire-impact{left:22px;right:22px;top:78px}
  .project-index-section .a-cafire .cafire-impact strong{font-size:58px}
  .project-index-section .a-cafire .cafire-impact span{margin-top:9px;font-size:9.5px}
  .project-index-section .a-cafire .cafire-list{left:22px;right:22px;top:172px;bottom:62px}
  .project-index-section .a-cafire .cafire-list li{gap:10px;padding-bottom:5px}
  .project-index-section .a-cafire .cafire-list small{width:15px;font-size:6.5px}
  .project-index-section .a-cafire .cafire-list span{font-size:11px}
  .project-index-section .a-cafire .service-pills{left:22px;right:22px;bottom:20px;gap:6px}
  .project-index-section .a-cafire .service-pills b{padding:6px 9px;font-size:7.5px}
  .project-index-section .index-card--catchafire .view{top:13px;right:13px}

  /* Golden Peak switches to the compact node flow; wires are desktop-only. */
  .project-index-section .a-hotel .gp-wires{display:none!important}
  .project-index-section .a-hotel .gp-title{width:225px}

  /* CP360 payapp: drop the body copy so the browser mock is not clipped. */
  .project-index-section .a-cp .cp-app-copy span{display:none}
  .project-index-section .a-cp .cp-browser{height:62px!important}
  .project-index-section .a-cp .cp-tax-copy strong{font-size:28px}

  /* BlazePDF: shorter device and lower callout for the square mobile card. */
  .project-index-section .a-blaze .blaze-brand img{width:17cqw;height:17cqw}
  .project-index-section .a-blaze .blaze-brand strong{font-size:4.6cqw}
  .project-index-section .a-blaze .blaze-brand span{font-size:1.95cqw}
  .project-index-section .a-blaze .speed-device{top:24cqw;height:42cqw}
  .project-index-section .a-blaze .shortcut-callout{bottom:7cqw;padding:2.6cqw 3cqw}
}


/* Mobile outcome curation: retain only each project's strongest proof points. */
@media (max-width:680px){
  .project-index-section .m-outcomes--desktop-only{display:none}
  .project-index-section .m-outcomes:not(.m-outcomes--desktop-only) .m-outcome:not(.mobile-keep){display:none}
  .project-index-section .m-outcomes:not(.m-outcomes--desktop-only){grid-template-columns:1fr}
  .project-index-section .m-outcomes:not(.m-outcomes--desktop-only) .m-outcome{border-right:0;border-bottom:1px solid var(--line)!important}
  .project-index-section .m-outcomes:not(.m-outcomes--desktop-only) .m-outcome:last-child{border-bottom:0!important}
}


/* INDEX 41 · BlazePDF background-only refinement. No layout, framing, or copy changes. */
.project-index-section .index-card--blaze{
  background:
    radial-gradient(circle at 88% 7%,rgba(255,214,116,.72),transparent 31%),
    radial-gradient(circle at 7% 4%,rgba(255,255,255,.18),transparent 28%),
    linear-gradient(140deg,#ef3f3b 0%,#ff6047 48%,#ff963f 100%)!important;
}

/* Homepage integration overrides */
.project-index-section{background:#f5f2ec;color:#111923;padding:84px clamp(22px,5vw,76px) 86px;max-width:none;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;}
.project-index-main{max-width:1480px;margin:0 auto;padding:0;}
.project-index-section .intro{padding:0 0 42px;grid-template-columns:1fr 1fr;align-items:end;}
.project-index-section .intro h1{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:clamp(42px,5vw,70px);font-weight:700;letter-spacing:-.055em;max-width:900px;}
.project-index-section .intro-side p{font-size:15px;line-height:1.65;color:#737a80;max-width:60ch;margin:0;}
.project-index-section .intro-side span{display:none;}
.project-index-section .credentials-head{grid-template-columns:1fr;}
.project-index-section .credentials-head>p{display:none;}
@media(max-width:900px){.project-index-section{padding:62px 20px 70px}.project-index-section .intro{grid-template-columns:1fr;gap:18px}.project-index-section .intro h1{font-size:44px}.project-index-section .intro-side p{font-size:14px}}