/* Al Raya Core — Hero widget */
.ar-hero{position:relative;--ar-hero-copy:520px}
.ar-hero__shape{position:absolute;z-index:0;top:60px;inset-inline-end:calc(-250px - var(--ar-gutter,72px));width:900px;height:900px;max-width:none;opacity:.96;pointer-events:none}
.ar-hero__inner{position:relative;z-index:1}

.ar-hero__eyebrow{display:flex;align-items:center;gap:14px;margin:0;color:#C9D8E1;line-height:1.5}
.ar-hero__eyebrow i{width:8px;height:8px;border-radius:50%;background:var(--ar-red,#E63D49);box-shadow:0 0 0 6px rgba(230,61,73,.22);flex:none}

.ar-hero__title{margin:34px 0 0;font-family:var(--ar-font,inherit);font-size:clamp(44px,8.9vw,128px);font-stretch:110%;font-weight:800;letter-spacing:-.042em;line-height:.93;color:#fff;text-wrap:balance}
.ar-hero__title em{display:inline-block;margin-top:.05em;padding-inline-end:.08em;font-family:var(--ar-serif,Georgia,serif);font-style:italic;font-weight:400;font-stretch:100%;letter-spacing:-.025em;font-size:1.17em;line-height:.9;background:linear-gradient(95deg,#FF7C85 0%,#E63D49 70%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}

.ar-hero__body{display:grid;grid-template-columns:minmax(0,var(--ar-hero-copy)) minmax(0,1fr);column-gap:clamp(24px,3.3vw,48px);align-items:start;margin-top:44px}
.ar-hero--plain .ar-hero__body{grid-template-columns:minmax(0,calc(var(--ar-hero-copy) + 120px))}
.ar-hero__lede{font-size:clamp(17px,1.4vw,20px);line-height:1.5;color:#C5D5DF}
.ar-hero__lede p{margin:0}
.ar-hero__lede p+p{margin-top:.8em}
.ar-hero__lede strong{color:#fff;font-weight:600}
.ar-hero__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px}

.ar-hero__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:clamp(48px,7.2vw,104px) 0 0;border-top:1px solid rgba(255,255,255,.13)}
.ar-hero__stats>div{display:flex;flex-direction:column-reverse;justify-content:flex-end;padding-top:20px}
.ar-hero__stats>div+div{padding-inline-start:clamp(14px,1.8vw,26px);border-inline-start:1px solid rgba(255,255,255,.13)}
.ar-hero__stats dd{margin:0;font-stretch:112%;font-weight:800;font-size:clamp(30px,3.2vw,46px);letter-spacing:-.04em;line-height:1;color:#fff}
.ar-hero__stats sup{position:relative;top:4px;margin-inline-start:2px;font-size:.5em;vertical-align:top;color:var(--ar-red,#E63D49)}
.ar-hero__stats dt{margin-top:8px;font-size:13.5px;line-height:1.35;color:#9DB4C1}

/* Stage: three real project images. Rotation only — the artwork is never stretched or cropped. */
.ar-hero__stage{position:relative;aspect-ratio:800/640;margin-inline-end:calc(var(--ar-gutter,72px) * -.75)}
.ar-hero--overlap .ar-hero__stage{margin-top:calc(clamp(0px,9.1vw,131px) * -1)}
.ar-hero__card{position:absolute;margin:0}
.ar-hero__card img{display:block;width:100%;height:auto;border-radius:clamp(10px,1.1vw,16px);box-shadow:0 60px 100px -24px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.16)}
.ar-hero__cardlink{display:block}
.ar-hero__card--front{inset-inline-start:19.5%;top:28%;width:80%;transform:rotate(-3deg);z-index:3}
.ar-hero__card--back{inset-inline-start:41%;top:0;width:56%;transform:rotate(4deg);z-index:2}
.ar-hero__card--small{inset-inline-start:0;top:64%;width:49%;transform:rotate(3deg);z-index:4}
.ar-hero__tag{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:9px;min-height:36px;padding:4px 16px 4px 13px;border-radius:999px;background:#041621;border:1px solid rgba(255,255,255,.3);font-size:13.5px;font-weight:700;line-height:1.2;color:#fff;white-space:nowrap;box-shadow:0 12px 26px -8px rgba(0,0,0,.7)}
.ar-hero__tag i{width:8px;height:8px;border-radius:50%;background:var(--ar-acc,#E63D49);box-shadow:0 0 0 4px color-mix(in srgb,var(--ar-acc,#E63D49) 28%,transparent);flex:none}
.ar-hero__tag b{margin-inline-start:3px;font-family:var(--ar-mono,monospace);font-size:10.5px;font-weight:500;letter-spacing:.12em;color:#9DB4C1}
.ar-hero__card--back .ar-hero__tag,.ar-hero__card--small .ar-hero__tag{inset-inline-start:18px;top:-18px}
.ar-hero__card--front .ar-hero__tag{inset-inline-end:20px;bottom:-18px}

@media (max-width:1100px){
  .ar-hero{--ar-hero-copy:640px}
  .ar-hero__shape{top:auto;bottom:-150px;inset-inline-end:calc(-240px - var(--ar-gutter,20px));width:min(620px,96vw);height:min(620px,96vw)}
  .ar-hero__body{grid-template-columns:minmax(0,1fr);row-gap:64px}
  .ar-hero__copy{max-width:var(--ar-hero-copy)}
  .ar-hero__stage,.ar-hero--overlap .ar-hero__stage{margin-top:0;margin-inline-end:0;max-width:760px;width:100%}
  .ar-hero__stats{margin-top:48px}
}
@media (max-width:600px){
  .ar-hero__shape{bottom:-110px;inset-inline-end:calc(-170px - var(--ar-gutter,20px));opacity:.8}
  .ar-hero__eyebrow{font-size:10.5px;letter-spacing:.12em}
  .ar-hero__title{margin-top:24px}
  .ar-hero__body{margin-top:28px;row-gap:52px}
  .ar-hero__actions .ar-button{flex:1 1 auto}
  .ar-hero__tag{min-height:30px;padding:3px 11px 3px 9px;font-size:11.5px;gap:7px}
  .ar-hero__tag b{font-size:9px}
  .ar-hero__card--back .ar-hero__tag,.ar-hero__card--small .ar-hero__tag{inset-inline-start:10px;top:-14px}
  .ar-hero__card--front .ar-hero__tag{inset-inline-end:10px;bottom:-14px}
  .ar-hero__stats dt{font-size:12px}
}