/* /assets/css/icc.base.css */
*,
*::before,
*::after{
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
}

body{
  margin:0;
  background:
    radial-gradient(circle at top right, rgba(187,146,90,.06), transparent 22%),
    radial-gradient(circle at top left, rgba(36,83,114,.05), transparent 24%),
    var(--icc-bg);
  color:var(--icc-text);
  font-family:var(--icc-font-ar);
  font-size:var(--icc-body);
  line-height:1.88;
  text-rendering:optimizeLegibility;
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
  opacity:.22;
  background-image:
    linear-gradient(rgba(12,51,77,.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(12,51,77,.018) 1px, transparent 1px);
  background-size:42px 42px;
  mask-image:radial-gradient(circle at center, rgba(0,0,0,.65), transparent 82%);
}

body > *{
  position:relative;
  z-index:1;
}

img,
video{
  max-width:100%;
  display:block;
}

a{
  color:inherit;
  text-decoration:none;
}

button,
input,
textarea,
select{
  font:inherit;
}

.skip-link{
  position:absolute;
  top:-40px;
  right:16px;
  background:var(--icc-primary);
  color:#fff;
  padding:10px 14px;
  border-radius:10px;
  z-index:1000;
}

.skip-link:focus{
  top:16px;
}

h1,h2,h3,h4,p{
  margin:0;
}

.section{
  padding:var(--icc-space-9) 0;
}

.section-soft{
  background:linear-gradient(180deg, rgba(36,83,114,0.028), rgba(36,83,114,0.055));
}

.section-kicker{
  display:inline-block;
  margin-bottom:10px;
  color:var(--icc-accent);
  font-weight:800;
  letter-spacing:.02em;
}

.section-kicker-light{
  color:#f0d7b1;
}

.section-title{
  font-size:var(--icc-h2);
  line-height:1.22;
  font-weight:800;
  margin-bottom:16px;
  color:var(--icc-primary);
  letter-spacing:-0.015em;
}

.section-title-light{
  color:#fff;
}

.section-text{
  color:var(--icc-text-soft);
  max-width:66ch;
  line-height:1.95;
}

.section-text-light{
  color:rgba(255,255,255,.84);
}