/* Suqoor field details and progressive motion. Loaded after suqoor-home.css. */
.sh-intro { background:radial-gradient(ellipse at 9% 24%,#b5b99c3b,transparent 60%),linear-gradient(120deg,#f5f0e3,#e9e3d1); }
.sh-hero { padding-block-start:76px; padding-block-end:52px; min-height:720px; background:transparent; }
.sh-hero::after { display:none; }
.sh-hero-net {
  position:absolute; inset:auto auto auto 0; top:0; width:54%; height:66%;
  background:url('./assets/identity/field-net.svg') left top / 100% 100% no-repeat;
  opacity:.88; z-index:0; pointer-events:none;
  filter:drop-shadow(0 7px 5px #26301a24);
}
/* User-supplied photograph stays in the original tilted product window. */
.sh-window-photo { position:relative; width:100%; aspect-ratio:1; border-radius:13px; overflow:hidden; background:#1b261a; }
.sh-window-photo>img { display:block; width:100%; height:100%; object-fit:cover; object-position:50% 40%; }
.sh-saudi-badge { display:flex; align-items:center; justify-content:center; flex-shrink:0; width:48px; height:48px; border-radius:5px; background:#005430; overflow:hidden; }
.sh-window-tab .sh-saudi-badge img { display:block; width:100%; height:100%; padding:0; border-radius:0; background:transparent; object-fit:contain; }
.sh-window-tab>img { flex-shrink:0; width:48px; height:48px; }
.sh-window-tab strong { font-size:13px; }
.suqoor-home .sh-hero h1.sh-hero-verse { font-size:clamp(25px,2.65vw,40px); line-height:1.8; letter-spacing:-.7px; }
/* Transparent aircraft on the page: deliberately no frame, caption or controls. */
.sh-aircraft-free { position:relative; width:100%; padding:0 4% 30px; margin:0; border:0; background:transparent; }
.sh-aircraft-free-stage { position:relative; width:min(900px,100%); height:390px; margin:0 auto; border:0; border-radius:0; background:transparent; box-shadow:none; overflow:hidden; touch-action:pan-y pinch-zoom; cursor:grab; -webkit-user-select:none; user-select:none; }
.sh-aircraft-free-stage:focus-visible { outline:2px dashed #7b8559; outline-offset:-5px; }
.sh-aircraft-free[data-dragging="true"] .sh-aircraft-free-stage { cursor:grabbing; }
.sh-aircraft-free-stage [data-hero-canvas] { position:absolute; inset:0; display:block; width:100%; height:100%; }
.sh-aircraft-free-stage [data-hero-fallback] { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:contain; pointer-events:none; }
.sh-aircraft-free-stage [hidden] { display:none; }
.sh-aircraft-free-stage img { -webkit-user-drag:none; }
/* Field-frame accents belong to the surfaces, never to readable text. */
.sh-gallery-art { border-radius:5px; box-shadow:0 4px 0 #8c967835; }
.sh-gallery-art::before {
  content:''; position:absolute; top:0; left:0; width:51px; height:7px; z-index:2;
  background:#67774e; box-shadow:56px 0 #67774e40; pointer-events:none;
}
.sh-gallery-art::after {
  content:''; position:absolute; width:22px; height:22px; right:7px; bottom:7px; z-index:2;
  border-right:1px solid #6d7d5099; border-bottom:1px solid #6d7d5099; pointer-events:none;
}
.sh-station-art::before { background:#bfae7f; box-shadow:56px 0 #bfae7f40; }
.sh-station-art::after { border-color:#bfae7f99; }
.sh-feature-icon { position:relative; border-radius:3px; box-shadow:inset 0 0 0 4px #f4f0e333; background:linear-gradient(145deg,#dce2cc,#edf0e3); }
.sh-feature-icon::before { content:''; position:absolute; left:-2px; top:-2px; width:13px; height:13px; border-left:2px solid #617348; border-top:2px solid #617348; }
.sh-feature-icon::after { content:''; position:absolute; right:4px; bottom:4px; width:9px; height:2px; background:#8c9874; }
.sh-training-panel { border-radius:4px; box-shadow:inset 0 0 0 6px #14201140,8px 8px 0 #101e1726; }
.sh-training-panel::before { background-image:url('./assets/identity/field-net.svg'); background-size:100% 100%; width:68%; height:185px; left:-39px; top:-42px; opacity:.55; transform:rotate(-3deg); z-index:-1; }
.sh-training-panel::after { content:''; width:52px; height:8px; position:absolute; right:27px; top:-4px; background:#a29466; box-shadow:58px 0 #a2946655; }
.sh-enrol::after {
  content:''; position:absolute; pointer-events:none; right:2.7%; left:2.7%; top:15px; bottom:15px;
  background:
    linear-gradient(#82916a,#82916a) left top/24px 1px no-repeat,
    linear-gradient(#82916a,#82916a) left top/1px 24px no-repeat,
    linear-gradient(#82916a,#82916a) right bottom/24px 1px no-repeat,
    linear-gradient(#82916a,#82916a) right bottom/1px 24px no-repeat;
}
.sh-enrol-brand>img { border-radius:4px; border:1px solid #62724f; box-shadow:3px 3px 0 #86936c45; }
/* Content remains visible if JavaScript or observers are unavailable. */
.sh-aspiration { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.15fr); gap:clamp(28px,4vw,64px); align-items:center; padding:clamp(36px,5vw,76px) 6%; background:#202e21; color:#f6efde; border-top:3px solid #a79666; position:relative; }
.sh-aspiration-copy { min-width:0; padding-block:12px; }
.sh-aspiration .sh-overline { color:#cfbd8c; margin:0 0 26px; }
.sh-aspiration blockquote { margin:0; padding:0; border:0; }
.suqoor-home .sh-aspiration blockquote p { font-size:clamp(28px,3.3vw,49px); font-weight:700; line-height:1.7; color:#f6efde; margin:0 0 22px; }
.sh-aspiration blockquote p span { color:#d8c795; }
.sh-aspiration blockquote footer { font-size:13px; line-height:2; color:#e2dbc7; background:none; padding:0; border:0; }
.suqoor-home .sh-aspiration-message { font-size:14px; line-height:2; color:#c7cbb9; margin:26px 0 14px; }
.sh-aspiration-source,.sh-aspiration-photo a { font-size:11px; line-height:1.8; color:#cfbd8c; text-decoration:underline; text-underline-offset:4px; }
.sh-aspiration a:focus-visible { outline:2px solid #e0c88c; outline-offset:5px; }
.sh-aspiration-photo { margin:0; min-width:0; }
.sh-aspiration-photo>img { display:block; width:100%; height:auto; border-radius:4px; box-shadow:9px 9px 0 #b6a47825; }
.sh-aspiration-photo figcaption { margin-top:16px; text-align:left; }
@media(max-width:800px) {
  .sh-aspiration { grid-template-columns:1fr; padding:42px 6%; gap:28px; }
  .suqoor-home .sh-aspiration blockquote p { font-size:clamp(28px,6.5vw,42px); }
}
.sh-motion-ready [data-reveal] { opacity:0; transform:translateY(24px); transition:opacity .65s ease,transform .75s cubic-bezier(.2,.7,.2,1); transition-delay:var(--reveal-delay,0ms); }
.sh-motion-ready [data-reveal].is-revealed { opacity:1; transform:none; }
.sh-motion-paused [data-reveal] { opacity:1; transform:none; transition:none; }
.sh-motion-paused *, .sh-motion-paused *::before, .sh-motion-paused *::after { animation-play-state:paused!important; }
@media(min-width:1600px) {
  .sh-hero { min-height:790px; }
}
@media(max-width:1100px) {
  .sh-hero { padding-block-start:67px; min-height:720px; }
}
@media(max-width:800px) {
  .sh-hero { padding-top:48px; padding-bottom:70px; gap:34px; min-height:0; }
  .sh-aircraft-free-stage { height:320px; }
  .sh-hero-net { top:44%; width:72%; height:43%; opacity:.75; background-size:100% 100%; }
  .sh-hero-copy { z-index:2; }
  .sh-training-panel::before { height:190px; left:-24px; top:-38px; width:61%; }
}
@media(max-width:480px) {
  .sh-hero { padding-top:35px; padding-bottom:59px; gap:28px; }
  .suqoor-home .sh-hero h1.sh-hero-verse { font-size:clamp(23px,6.4vw,30px); line-height:1.85; letter-spacing:-.3px; }
  .sh-window-photo { border-radius:9px; }
  .sh-saudi-badge,.sh-window-tab>img { width:40px; height:40px; }
  .sh-window-tab strong { font-size:11px; }
  .sh-aircraft-free { padding:0 2% 24px; }
  .sh-aircraft-free-stage { height:280px; }
  .sh-hero-net { top:49%; width:79%; height:36%; opacity:.7; }
  .sh-training-panel::before { width:70%; height:155px; top:-30px; left:-19px; }
  .sh-training-panel::after { right:20px; width:40px; box-shadow:45px 0 #a2946655; }
  .sh-enrol::after { right:3%; left:3%; top:10px; bottom:10px; }
}
@media(prefers-reduced-motion:reduce) {
  .sh-motion-ready [data-reveal],.sh-motion-ready [data-reveal].is-revealed { opacity:1; transform:none; transition:none; }
}
@media(max-width:360px) {
  body:not(.in-lab) #topbar { gap:8px; padding-inline:10px; }
  body:not(.in-lab) #topbar .brand small { display:none; }
}
@media print {
  .sh-hero-net { display:none; }
  .sh-motion-ready [data-reveal] { opacity:1; transform:none; }
  .sh-gallery-art,.sh-training-panel { box-shadow:none; }
}