/* i Creative Production — Indonesian Grand Prix 2026 project skin
   Scoped to .icp-igp-2026 so it will not alter the rest of the site. */
.icp-igp-2026{
  --igp-ink:#0b1830;
  --igp-deep:#0d2440;
  --igp-emerald:#155843;
  --igp-burgundy:#861b46;
  --igp-gold:#d49a36;
  --igp-gold-2:#f0c776;
  --igp-cream:#fbf7ef;
  --igp-paper:#f3eadc;
  --igp-white:#ffffff;
  --igp-muted:#5c6675;
  --igp-radius:26px;
  --igp-shadow:0 20px 55px rgba(8,21,42,.12);
  width:min(1180px,100%);
  margin:0 auto;
  color:var(--igp-ink);
  font-size:16px;
  line-height:1.72;
}
.icp-igp-2026 *{box-sizing:border-box}
.icp-igp-2026 a{color:inherit}
.icp-igp-2026 .igp-kicker{
  display:inline-flex;align-items:center;gap:.6rem;
  text-transform:uppercase;letter-spacing:.15em;font-weight:800;font-size:.72rem;
  color:var(--igp-burgundy);
}
.icp-igp-2026 .igp-kicker::before{content:"";width:34px;height:2px;background:linear-gradient(90deg,var(--igp-gold),var(--igp-burgundy));border-radius:20px}
.icp-igp-2026 h2,.icp-igp-2026 h3{color:var(--igp-ink);line-height:1.16;letter-spacing:-.025em;margin-top:0}
.icp-igp-2026 h2{font-size:clamp(2rem,4vw,3.5rem);margin-bottom:1rem}
.icp-igp-2026 h3{font-size:1.15rem;margin-bottom:.55rem}
.icp-igp-2026 p{margin:0 0 1rem}

.icp-igp-2026 .igp-hero{
  position:relative;overflow:hidden;
  padding:clamp(32px,6vw,72px);
  border-radius:32px;
  color:var(--igp-white);
  background:
    radial-gradient(circle at 88% 18%,rgba(240,199,118,.24),transparent 30%),
    radial-gradient(circle at 12% 80%,rgba(134,27,70,.36),transparent 38%),
    linear-gradient(125deg,#0b1730 0%,#123e4b 42%,#173e32 67%,#681b3b 100%);
  box-shadow:var(--igp-shadow);
  isolation:isolate;
}
.icp-igp-2026 .igp-hero::before,
.icp-igp-2026 .igp-hero::after{
  content:"";position:absolute;left:-8%;right:-8%;height:18px;border-radius:999px;z-index:-1;
  transform:rotate(-5deg);
}
.icp-igp-2026 .igp-hero::before{bottom:58px;background:linear-gradient(90deg,transparent,#c41f48 18%,#d49a36 45%,#1c9bc5 72%,transparent);opacity:.88}
.icp-igp-2026 .igp-hero::after{bottom:27px;height:8px;background:linear-gradient(90deg,transparent,#24a5d5 20%,#f0c776 48%,#8e1d4c 78%,transparent);opacity:.85}
.icp-igp-2026 .igp-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:clamp(24px,5vw,68px);align-items:center}
.icp-igp-2026 .igp-hero .igp-kicker{color:var(--igp-gold-2)}
.icp-igp-2026 .igp-hero h2{color:#fff;font-size:clamp(2.35rem,5.7vw,5.4rem);margin:.55rem 0 1rem;max-width:840px;text-shadow:0 8px 28px rgba(0,0,0,.2)}
.icp-igp-2026 .igp-hero p{font-size:clamp(1rem,1.8vw,1.22rem);max-width:780px;color:rgba(255,255,255,.86)}
.icp-igp-2026 .igp-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.icp-igp-2026 .igp-badge{padding:9px 13px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.09);backdrop-filter:blur(10px);font-size:.84rem;font-weight:700;color:#fff}
.icp-igp-2026 .igp-poster-wrap{position:relative;perspective:1000px}
.icp-igp-2026 .igp-poster{display:block;width:100%;height:auto;border-radius:22px;border:1px solid rgba(255,255,255,.25);box-shadow:0 34px 65px rgba(0,0,0,.35);transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s ease}
.icp-igp-2026 .igp-poster-wrap:hover .igp-poster{transform:translateY(-8px) rotateY(-2deg) rotateX(1deg) scale(1.015);box-shadow:0 44px 90px rgba(0,0,0,.44)}

.icp-igp-2026 .igp-section{padding:clamp(58px,8vw,96px) 0}
.icp-igp-2026 .igp-intro{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(28px,5vw,70px);align-items:start}
.icp-igp-2026 .igp-lead{font-size:clamp(1.18rem,2.15vw,1.48rem);line-height:1.63;color:#2a3548}
.icp-igp-2026 .igp-soft{color:var(--igp-muted)}

.icp-igp-2026 .igp-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}
.icp-igp-2026 .igp-stat{position:relative;overflow:hidden;padding:24px 22px;border:1px solid rgba(13,36,64,.09);border-radius:20px;background:linear-gradient(150deg,#fff,var(--igp-cream));box-shadow:0 10px 28px rgba(8,21,42,.06);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.icp-igp-2026 .igp-stat::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--igp-burgundy),var(--igp-gold),#1d9ac6);opacity:.9}
.icp-igp-2026 .igp-stat:hover{transform:translateY(-6px);box-shadow:0 18px 38px rgba(8,21,42,.12);border-color:rgba(212,154,54,.32)}
.icp-igp-2026 .igp-stat strong{display:block;font-size:clamp(1.65rem,3vw,2.25rem);line-height:1;color:var(--igp-ink);margin-bottom:8px}
.icp-igp-2026 .igp-stat span{font-size:.82rem;color:var(--igp-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:800}

.icp-igp-2026 .igp-band{position:relative;overflow:hidden;padding:clamp(34px,5vw,62px);border-radius:var(--igp-radius);background:linear-gradient(135deg,#fbf6ec 0%,#fff 46%,#f4eadb 100%);border:1px solid rgba(212,154,54,.22)}
.icp-igp-2026 .igp-band::after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-180px;top:-170px;background:radial-gradient(circle,rgba(212,154,54,.16),transparent 66%);pointer-events:none}

.icp-igp-2026 .igp-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:32px}
.icp-igp-2026 .igp-card{position:relative;padding:28px 24px;border-radius:22px;background:#fff;border:1px solid rgba(11,24,48,.08);box-shadow:0 10px 25px rgba(11,24,48,.055);transition:transform .26s ease,box-shadow .26s ease,border-color .26s ease,background .26s ease}
.icp-igp-2026 .igp-card:hover{transform:translateY(-8px);box-shadow:0 22px 46px rgba(11,24,48,.12);border-color:rgba(212,154,54,.34);background:linear-gradient(160deg,#fff,#fffaf0)}
.icp-igp-2026 .igp-step{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;margin-bottom:18px;color:#fff;font-weight:900;background:linear-gradient(135deg,var(--igp-burgundy),var(--igp-emerald));box-shadow:0 8px 18px rgba(13,36,64,.17)}
.icp-igp-2026 .igp-card p{color:var(--igp-muted);font-size:.94rem;margin-bottom:0}

.icp-igp-2026 .igp-dark{padding:clamp(38px,6vw,72px);border-radius:30px;color:#fff;background:linear-gradient(130deg,#08152b,#14364d 48%,#174a3c 100%);box-shadow:var(--igp-shadow)}
.icp-igp-2026 .igp-dark h2,.icp-igp-2026 .igp-dark h3{color:#fff}
.icp-igp-2026 .igp-dark p{color:rgba(255,255,255,.75)}
.icp-igp-2026 .igp-elements{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}
.icp-igp-2026 .igp-element{padding:24px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:rgba(255,255,255,.055);backdrop-filter:blur(10px);transition:transform .25s ease,background .25s ease,border-color .25s ease}
.icp-igp-2026 .igp-element:hover{transform:translateY(-6px);background:rgba(255,255,255,.1);border-color:rgba(240,199,118,.38)}
.icp-igp-2026 .igp-element b{display:block;color:var(--igp-gold-2);letter-spacing:.02em;margin-bottom:7px}

.icp-igp-2026 .igp-gallery-head{display:flex;justify-content:space-between;gap:26px;align-items:end;margin-bottom:28px}
.icp-igp-2026 .igp-gallery-head p{max-width:560px;color:var(--igp-muted);margin-bottom:.4rem}
.icp-igp-2026 .igp-gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
.icp-igp-2026 .igp-shot{grid-column:span 6;position:relative;overflow:hidden;border-radius:22px;background:#0b1830;box-shadow:0 12px 30px rgba(11,24,48,.1);aspect-ratio:3/2}
.icp-igp-2026 .igp-shot:nth-child(3),.icp-igp-2026 .igp-shot:nth-child(4){grid-column:span 6}
.icp-igp-2026 .igp-shot img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .45s ease}
.icp-igp-2026 .igp-shot::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(5,14,28,.78));opacity:.78;transition:opacity .3s ease;pointer-events:none}
.icp-igp-2026 .igp-shot figcaption{position:absolute;z-index:2;left:20px;right:20px;bottom:16px;color:#fff;font-size:.82rem;font-weight:750;letter-spacing:.025em;transition:transform .3s ease}
.icp-igp-2026 .igp-shot:hover img{transform:scale(1.055);filter:saturate(1.08) contrast(1.03)}
.icp-igp-2026 .igp-shot:hover::after{opacity:.94}
.icp-igp-2026 .igp-shot:hover figcaption{transform:translateY(-4px)}

.icp-igp-2026 .igp-result{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.icp-igp-2026 .igp-result-panel{padding:clamp(30px,4vw,46px);border-radius:26px;background:linear-gradient(145deg,#fff,#f8f1e6);border:1px solid rgba(212,154,54,.22);box-shadow:0 16px 38px rgba(11,24,48,.07)}
.icp-igp-2026 .igp-result-panel.alt{color:#fff;background:linear-gradient(135deg,#7b173f,#3d1937 53%,#102641);border-color:transparent}
.icp-igp-2026 .igp-result-panel.alt h2,.icp-igp-2026 .igp-result-panel.alt h3{color:#fff}
.icp-igp-2026 .igp-result-panel.alt p{color:rgba(255,255,255,.8)}

.icp-igp-2026 .igp-video{position:relative;display:grid;place-items:center;min-height:340px;padding:40px;border-radius:28px;text-align:center;overflow:hidden;color:#fff;background:radial-gradient(circle at 50% 0%,rgba(240,199,118,.18),transparent 34%),linear-gradient(135deg,#071426,#102f49 50%,#15473a);box-shadow:var(--igp-shadow)}
.icp-igp-2026 .igp-video::before{content:"";position:absolute;inset:14px;border-radius:22px;border:1px solid rgba(255,255,255,.08);pointer-events:none}
.icp-igp-2026 .igp-play{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;margin:0 auto 20px;background:linear-gradient(135deg,var(--igp-gold),var(--igp-gold-2));color:var(--igp-ink);font-size:1.7rem;box-shadow:0 16px 38px rgba(0,0,0,.25);transition:transform .28s ease,box-shadow .28s ease}
.icp-igp-2026 .igp-video:hover .igp-play{transform:scale(1.08);box-shadow:0 20px 46px rgba(0,0,0,.35)}
.icp-igp-2026 .igp-video h2{color:#fff;margin-bottom:.7rem}
.icp-igp-2026 .igp-video p{color:rgba(255,255,255,.72);max-width:700px;margin:0 auto}

.icp-igp-2026 .igp-cta{margin-top:clamp(48px,8vw,90px);padding:clamp(34px,5vw,58px);border-radius:28px;background:linear-gradient(120deg,#f8efe2,#fff 45%,#f1e3cf);border:1px solid rgba(212,154,54,.24);display:flex;align-items:center;justify-content:space-between;gap:28px}
.icp-igp-2026 .igp-cta p{margin:0;color:var(--igp-muted)}
.icp-igp-2026 .igp-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border-radius:999px;text-decoration:none!important;background:linear-gradient(135deg,var(--igp-burgundy),#5f1537);color:#fff!important;font-weight:800;white-space:nowrap;box-shadow:0 10px 24px rgba(134,27,70,.24);transition:transform .24s ease,box-shadow .24s ease,filter .24s ease}
.icp-igp-2026 .igp-btn:hover{transform:translateY(-3px);box-shadow:0 16px 30px rgba(134,27,70,.3);filter:saturate(1.08)}

@media (max-width:900px){
  .icp-igp-2026 .igp-hero-grid,.icp-igp-2026 .igp-intro,.icp-igp-2026 .igp-result{grid-template-columns:1fr}
  .icp-igp-2026 .igp-hero h2{font-size:clamp(2.25rem,10vw,4rem)}
  .icp-igp-2026 .igp-stats,.icp-igp-2026 .igp-grid-4{grid-template-columns:repeat(2,1fr)}
  .icp-igp-2026 .igp-elements{grid-template-columns:1fr 1fr}
  .icp-igp-2026 .igp-gallery-head{display:block}
}
@media (max-width:620px){
  .icp-igp-2026{font-size:15px}
  .icp-igp-2026 .igp-hero{padding:28px 20px;border-radius:24px}
  .icp-igp-2026 .igp-section{padding:52px 0}
  .icp-igp-2026 .igp-stats,.icp-igp-2026 .igp-grid-4,.icp-igp-2026 .igp-elements{grid-template-columns:1fr}
  .icp-igp-2026 .igp-shot{grid-column:span 12!important}
  .icp-igp-2026 .igp-cta{align-items:flex-start;flex-direction:column}
  .icp-igp-2026 .igp-btn{width:100%}
}
@media (prefers-reduced-motion:reduce){
  .icp-igp-2026 *{scroll-behavior:auto!important;transition:none!important}
}