/* Editorial composition adapted for Suqoor: warm paper, army olive and field textiles. */
.suqoor-home {
  --sh-paper:#f1eddf; --sh-paper-deep:#e5dfcd; --sh-ink:#263325; --sh-muted:#59634f;
  --sh-olive:#34432c; --sh-dark:#202d20; --sh-sand:#d9bd7e; --sh-copper:#9b754c;
  color:var(--sh-ink); background:var(--sh-paper); overflow:hidden; color-scheme:light;
}
.suqoor-home *, .suqoor-home *::before, .suqoor-home *::after { box-sizing:border-box; }
.suqoor-home h1,.suqoor-home h2,.suqoor-home h3,.suqoor-home p { margin:0; }
.suqoor-home img { max-width:100%; }
.suqoor-home button,.suqoor-home a { -webkit-tap-highlight-color:transparent; }
.suqoor-home :focus-visible { outline:3px solid #967140; outline-offset:5px; }
.suqoor-home .sh-overline { font-size:11px; font-weight:600; letter-spacing:.5px; color:#68684b; margin-bottom:22px; }
.suqoor-home h2 { font-size:clamp(30px,3.25vw,46px); line-height:1.5; letter-spacing:-.8px; font-weight:600; }
.suqoor-home h2>span { color:#687651; }
.suqoor-home .sh-button { display:inline-flex; align-items:center; justify-content:center; gap:24px; min-height:51px; padding:11px 22px; border:1px solid #566449; border-radius:10px; background:var(--sh-olive); color:#fff9e9; font-weight:500; font-size:14px; line-height:1.7; text-align:center; text-decoration:none; transition:background .2s,transform .2s; }
.suqoor-home .sh-button:hover { background:#445537; transform:translateY(-2px); }
.suqoor-home .sh-button>span { font-family:Arial,sans-serif; font-size:22px; }
.suqoor-home .sh-link { display:inline-flex; align-items:center; gap:13px; min-height:44px; padding:4px 0; background:none; border:0; color:inherit; font:500 13px/1.8 Plex,Arial,sans-serif; text-decoration:underline; text-underline-offset:7px; text-decoration-color:#8b8d6e88; }
.suqoor-home .sh-link:hover { color:#846239; text-decoration-color:currentColor; }
.suqoor-home .sh-link>span { font-family:Arial,sans-serif; font-size:20px; }
.sh-hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.12fr); gap:6%; align-items:center; padding:65px max(6%,calc((100% - 1360px)/2)) 83px; min-height:720px; position:relative; isolation:isolate; background:radial-gradient(ellipse at 9% 24%,#b5b99c3b,transparent 60%),linear-gradient(120deg,#f5f0e3,#e9e3d1); }
.sh-hero::before { content:''; position:absolute; width:66%; height:100%; left:0; top:0; background:url('./assets/identity/woodland-camo.svg') left top/650px; opacity:.16; z-index:-1; mask-image:linear-gradient(90deg,#000 25%,#000a 64%,transparent); pointer-events:none; }
.sh-hero::after { content:''; position:absolute; width:min(700px,54%); height:165px; left:0; top:0; background:url('./assets/identity/camo-net.svg') top left/100% auto no-repeat; opacity:.72; z-index:0; pointer-events:none; }
.sh-hero-copy { max-width:530px; min-width:0; padding-block:8px; position:relative; z-index:4; }
.sh-hero .sh-overline { display:flex; align-items:center; gap:9px; font-size:10px; margin-bottom:24px; color:#616c50; }
.sh-hero .sh-overline>span { width:6px; height:6px; background:#7b8559; border-radius:50%; }
.sh-english-signature { font-family:Georgia,'Palatino Linotype',serif; font-size:clamp(34px,4.4vw,67px); letter-spacing:-2px; line-height:1.02; max-width:410px; text-align:left; margin-inline-start:auto!important; margin-bottom:24px!important; color:#33412e; }
.sh-english-signature em { font-weight:400; font-style:italic; padding-left:22px; display:block; color:#6c7756; }
.suqoor-home .sh-hero h1 { font-size:clamp(30px,3.55vw,49px); line-height:1.43; font-weight:600; letter-spacing:-1.15px; margin:0 0 20px; }
.sh-hero h1>span { color:#67734d; }
.suqoor-home .sh-hero-description { font-size:16px; line-height:2; color:#59614d; max-width:455px; }
.sh-actions { display:flex; align-items:center; flex-wrap:wrap; gap:16px 24px; margin-top:28px; }
.suqoor-home .sh-hero-footnote { font-size:10px; color:#73765e; margin-top:24px; line-height:2; }
.sh-window-wrap { position:relative; min-width:0; padding:12px 0 28px; z-index:1; }
.sh-window { position:relative; padding:14px; background:linear-gradient(135deg,#fbf9ebcf,#a7af9080); border:1px solid #fffdf2; border-radius:25px; box-shadow:0 24px 65px #3d493029,inset 0 0 26px #fff7d78a; transform:rotate(-1.4deg); }
.sh-window-chrome { display:flex; gap:12px; align-items:center; margin:1px 2px 12px; font:8px Arial,sans-serif; letter-spacing:1.5px; color:#657056; }
.sh-window-chrome>span:nth-child(2) { flex:1; text-align:center; padding:7px 10px; background:#a1ac8e29; border:1px solid #7380641c; border-radius:6px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.sh-window-dots { display:flex; gap:5px; }
.sh-window-dots i { width:6px; height:6px; background:#95a083; border-radius:50%; }
.sh-window-dots i:nth-child(2) { background:#b6ba9f; }.sh-window-dots i:nth-child(3) { background:#c4b999; }
.sh-window-lock { font-size:14px; }
.sh-preview { background:#f1f0e5; border:1px solid #52604554; border-radius:13px; overflow:hidden; box-shadow:0 5px 20px #29321d15; }
.sh-preview-top { display:flex; justify-content:space-between; align-items:center; gap:10px; background:#293b2a; color:#dedac8; padding:12px 18px; }
.sh-preview-top>span:last-child { font-size:8px; color:#cecfb7; }
.sh-preview-brand { display:flex; align-items:center; gap:8px; font-size:18px; font-weight:600; }
.sh-preview-brand img { height:30px; width:30px; }
.sh-preview-content { display:grid; grid-template-columns:62px minmax(0,1fr); min-height:385px; }
.sh-preview-rail { display:flex; flex-direction:column; gap:13px; padding:18px 8px; border-left:1px solid #d6d9c5; background:#e6eadc; }
.sh-preview-rail>span { display:flex; flex-direction:column; align-items:center; gap:4px; color:#738061; border-radius:5px; padding:7px 2px; }
.sh-preview-rail>span.is-selected { background:#d2dac4; color:#3c5030; }
.sh-preview-rail svg { width:18px; height:18px; }.sh-preview-rail small { font-size:7px; }
.sh-preview-main { padding:17px; min-width:0; }
.sh-preview-greeting>span { display:block; color:#7a806b; font-size:8px; margin-bottom:2px; }.sh-preview-greeting strong { font-size:16px; font-weight:600; }
.sh-preview-flight { position:relative; overflow:hidden; isolation:isolate; min-height:190px; background:radial-gradient(ellipse at 43% 35%,#71805a80,transparent 65%),#263624; border-radius:8px; margin-top:13px; color:#f2e8cb; border:1px solid #526046; }
.sh-preview-flight::before { position:absolute; content:''; inset:0; background-image:linear-gradient(#c3d3a512 1px,transparent 1px),linear-gradient(90deg,#c3d3a512 1px,transparent 1px); background-size:26px 26px; z-index:-1; }
.sh-preview-flight-label { position:absolute; top:10px; left:12px; font:7px Arial,sans-serif; letter-spacing:1.2px; color:#c8cfb4; z-index:2; }
.sh-preview-rings { position:absolute; width:180px; height:180px; left:50%; top:43%; border:1px solid #c9d2ae24; border-radius:50%; transform:translate(-50%,-50%); box-shadow:0 0 0 29px #cad5b50b,0 0 0 58px #cad5b507; z-index:-1; }
.sh-preview-drone { display:block; position:absolute; width:125%; max-width:none!important; height:200px; object-fit:contain; left:-12%; top:-17px; filter:drop-shadow(0 18px 10px #06120866); }
.sh-preview-flight-caption { position:absolute; right:12px; bottom:11px; left:12px; display:flex; flex-direction:column; gap:1px; padding-top:14px; background:linear-gradient(transparent,#263624d9); }
.sh-preview-flight-caption strong { font-size:13px; }.sh-preview-flight-caption span { font-size:8px; color:#c8cfb4; }
.sh-preview-plan { margin-top:12px; }.sh-preview-plan-title { font-size:9px; font-weight:600; color:#6d785f; }
.sh-preview-plan>div { display:flex; align-items:center; gap:9px; padding:7px 0; border-bottom:1px solid #d9ddca; }
.sh-preview-plan>div:last-child { border:0; }
.sh-preview-plan i { font:10px Arial,sans-serif; display:grid; place-content:center; color:#63704e; width:24px; height:26px; border:1px solid #b8c0a5; border-radius:3px; }
.sh-preview-plan>div>span { flex:1; font-size:10px; line-height:1.5; }.sh-preview-plan small { display:block; color:#7a806d; font-size:8px; }.sh-preview-plan b { color:#8a9677; font-size:12px; }
.suqoor-home .sh-preview-label { font-size:8px; margin:9px 0 0; text-align:center; color:#606c53; }
.sh-window-tab { display:flex; align-items:center; gap:10px; position:absolute; bottom:0; right:-18px; padding:13px 20px; background:#f9f5e9; border:1px solid #d5ccb5; border-radius:9px; transform:rotate(1.5deg); box-shadow:0 8px 25px #3b432921; font-size:9px; color:#7c8066; }
.sh-window-tab img { background:#34442f; border-radius:5px; padding:4px; }.sh-window-tab strong { display:block; color:#435035; font-size:12px; }
.sh-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-block:1px solid #c7c9ae; background:#e5e7d6; padding:28px 6%; }
.sh-metrics>div { padding-inline:30px; border-inline-start:1px solid #c3c7ae; }.sh-metrics>div:first-child { border:0; padding-inline-start:0; }
.sh-metrics strong { display:flex; align-items:baseline; gap:9px; font:38px/1.4 Georgia,serif; color:#405034; }.sh-metrics strong>span { font:500 13px/1.8 Plex,Arial,sans-serif; }
.suqoor-home .sh-metrics p { color:#6b745b; font-size:11px; margin-top:2px; }
.sh-section { padding:85px max(6%,calc((100% - 1360px)/2)); }
.sh-platform { display:grid; grid-template-columns:1fr 1.12fr; gap:9%; background:#f5f1e6; }
.sh-platform-heading { align-self:center; }.sh-platform-heading>p:not(.sh-overline) { color:var(--sh-muted); margin:20px 0 16px; font-size:14px; line-height:2.1; max-width:420px; }
.sh-feature-list { display:grid; gap:0; min-width:0; }
.sh-feature-list article { display:grid; grid-template-columns:52px 1fr; gap:21px; padding:25px 0; border-bottom:1px solid #d3d5bf; }
.sh-feature-list article:first-child { padding-top:0; }.sh-feature-list article:last-child { border:0; padding-bottom:0; }
.sh-feature-icon { width:50px; height:54px; display:grid; place-items:center; background:#e4e7d6; border:1px solid #c6cdb5; border-radius:11px; color:#61744b; }.sh-feature-icon svg { width:27px; height:27px; }
.sh-feature-index { display:block; color:#8d8d70; font:8px/1.5 Arial,sans-serif; letter-spacing:1.5px; margin-bottom:7px; }
.suqoor-home .sh-feature-list h3 { font-size:18px; font-weight:600; margin-bottom:8px; }.suqoor-home .sh-feature-list p { font-size:12px; color:#647057; line-height:1.9; }
.sh-gallery { background:#eae6d8; border-top:1px solid #d9d5c4; }
.sh-section-heading { display:flex; align-items:end; justify-content:space-between; gap:30px; margin-bottom:35px; }.sh-section-heading .sh-overline { margin-bottom:12px; }.sh-section-heading>p { font-size:12px; color:#6e755f; line-height:1.9; }
.sh-gallery-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:25px; }
.sh-gallery-card { min-width:0; }.sh-gallery-art { min-height:226px; position:relative; border:1px solid #c3c8b0; border-radius:13px; overflow:hidden; padding:20px; }
.sh-art-kicker { display:block; font:8px Arial,sans-serif; letter-spacing:1.8px; direction:ltr; text-align:left; }
.sh-lesson-art { background:linear-gradient(135deg,#eeeede,#d5ddc5); color:#52633f; }.sh-art-lesson-title { font-size:19px; line-height:1.7; margin-top:24px; position:relative; z-index:1; }.sh-art-lesson-title b { font-weight:600; }
.sh-axis-diagram { position:absolute; width:160px; height:160px; left:-26px; top:34px; border:1px solid #80976554; border-radius:50%; transform:rotate(-20deg); }.sh-axis-diagram:before { content:''; position:absolute; inset:18px; border:1px solid #8097653a; border-radius:50%; }.sh-axis-diagram i { position:absolute; top:50%; left:-5px; right:-5px; height:1px; background:#8b9e7266; }.sh-axis-diagram svg { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:58px; height:58px; color:#4e643d; }.sh-axis-diagram span { position:absolute; font:7px Arial; color:#6b7c55; }.sh-axis-diagram span:nth-last-child(3) { top:12px; left:62px; }.sh-axis-diagram span:nth-last-child(2) { top:84px; left:7px; }.sh-axis-diagram span:last-child { bottom:16px; left:87px; }
.sh-art-footer { display:flex; position:absolute; bottom:16px; right:20px; left:20px; gap:7px; font-size:8px; }.sh-art-footer span { padding:3px 7px; border:1px solid #7b8c5d55; border-radius:4px; }
.sh-station-art { background:#2c3c2a; color:#d0d2b8; border-color:#5c6b4b; }.sh-station-art .sh-art-footer span { border-color:#a1ae805c; }
.sh-map-preview { position:absolute; inset:43px 16px 46px; background-image:linear-gradient(#abbc8b15 1px,transparent 1px),linear-gradient(90deg,#abbc8b15 1px,transparent 1px); background-size:30px 30px; border:1px solid #c2ceaa20; border-radius:5px; }.sh-map-preview svg { width:100%; height:100%; }
.sh-english-art { background:linear-gradient(135deg,#e4d8c1,#c9c4ac); color:#65563d; }.sh-art-listen-label { display:block; margin-top:25px; text-align:center; font-size:15px; }.sh-waveform { display:flex; justify-content:center; align-items:center; height:64px; gap:4px; margin-top:6px; }.sh-waveform i { display:block; background:#776449; width:3px; border-radius:4px; opacity:.75; }.sh-english-art>p { text-align:center; font:11px Georgia,serif; color:#756348; margin-top:3px; }.sh-english-art .sh-art-footer { justify-content:center; }.sh-english-art .sh-art-footer span { border-color:#96836366; }
.sh-gallery-copy { padding:22px 3px 0; }.suqoor-home .sh-gallery-copy h3 { font-size:19px; font-weight:600; margin-bottom:10px; }.suqoor-home .sh-gallery-copy p { font-size:12px; color:#636d57; line-height:2; margin-bottom:12px; }.sh-gallery-copy .sh-link { font-size:12px; }
.sh-training { display:grid; grid-template-columns:1fr 1fr; gap:10%; padding:76px max(7%,calc((100% - 1320px)/2)); background:#283626; color:#eeebd9; position:relative; isolation:isolate; }
.sh-training::before { content:''; position:absolute; inset:0; background:url('./assets/identity/woodland-camo.svg') center/520px; opacity:.13; z-index:-2; }.sh-training::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,#283626b3,#283626f2 70%); z-index:-1; }
.sh-training-copy { align-self:center; }.sh-training-copy .sh-overline { color:#b8bc95; }.sh-training-copy h2 { color:#eee6cd; }.sh-training-copy>p:not(.sh-overline) { color:#c4c9af; font-size:13px; line-height:2.1; margin:20px 0 28px; }.sh-training-copy>.sh-link { display:flex; width:max-content; margin-top:16px; color:#d0cba9; }.sh-training-copy>.sh-link:hover { color:#fff1c9; }
.suqoor-home .sh-button-sand { background:#dfc895; border-color:#dfc895; color:#2e3926; }.suqoor-home .sh-button-sand:hover { background:#eedbab; }
.sh-training-panel { background:#1b281bb3; border:1px solid #8e9b6f50; border-radius:14px; padding:30px; position:relative; }.sh-training-panel::before { content:''; position:absolute; width:210px; height:150px; left:-37px; top:-31px; background:url('./assets/identity/camo-net.svg') center/contain no-repeat; opacity:.28; transform:rotate(-12deg); pointer-events:none; }
.sh-training-number { display:flex; align-items:center; gap:18px; font:70px/1 Georgia,serif; color:#c9bb8f; padding-bottom:26px; border-bottom:1px solid #6d79554d; }.sh-training-number span { font:12px Plex,Arial; color:#bbc3a3; }
.sh-aircraft-row { display:flex; gap:14px; align-items:center; padding:20px 0; border-bottom:1px solid #6d79554d; }.sh-aircraft-row>span { font:10px Arial; color:#a4af88; }.sh-aircraft-row>div { flex:1; }.suqoor-home .sh-aircraft-row h3 { font-size:15px; font-weight:500; }.suqoor-home .sh-aircraft-row p { font-size:10px; color:#aeb99a; margin-top:3px; }.sh-aircraft-row b { font:8px Arial; letter-spacing:1px; color:#b9ac80; }
.suqoor-home .sh-training-note { font-size:10px; color:#afb79c; line-height:1.9; margin-top:19px; }
.sh-journey { display:grid; grid-template-columns:1fr 1.12fr; gap:9%; background:#f5f1e6; }.sh-journey>div { align-self:center; }.sh-journey>div>p:not(.sh-overline) { max-width:350px; color:#67715a; font-size:14px; line-height:2; margin:20px 0; }.sh-journey ol { list-style:none; margin:0; padding:0; }.sh-journey li { display:flex; align-items:start; gap:22px; position:relative; padding:0 0 28px; }.sh-journey li:last-child { padding-bottom:0; }.sh-journey li:not(:last-child)::after { content:''; position:absolute; right:20px; top:43px; bottom:0; width:1px; background:#c2c9b0; }.sh-journey li>span { display:grid; place-items:center; width:42px; height:42px; flex:none; border:1px solid #bdc6aa; border-radius:50%; background:#e6e9d9; font:15px Georgia,serif; color:#5a6a43; }.suqoor-home .sh-journey h3 { font-size:17px; font-weight:600; margin-bottom:5px; padding-top:4px; }.suqoor-home .sh-journey li p { color:#6d765f; font-size:12px; line-height:1.9; }
.sh-enrol { display:grid; grid-template-columns:90px minmax(0,1fr) 190px; gap:36px; align-items:center; padding:50px max(6%,calc((100% - 1360px)/2)); background:#e3e4d1; border-block:1px solid #c4c9af; position:relative; isolation:isolate; }
.sh-enrol::before { content:''; position:absolute; inset:0; background:url('./assets/identity/woodland-camo.svg') right center/460px; opacity:.035; z-index:-1; }
.sh-enrol-brand { display:flex; flex-direction:column; align-items:center; gap:5px; }.sh-enrol-brand>img { background:#3c4e32; border-radius:16px; padding:8px; }.sh-enrol-brand>span { display:block; font-size:25px; font-weight:600; text-align:center; color:#4e5d3e; }.sh-enrol-brand small { display:block; font:7px Arial; letter-spacing:3px; }
.sh-enrol .sh-overline { margin-bottom:9px; }.suqoor-home .sh-enrol h2 { font-size:29px; }.sh-enrol-copy>p:not(.sh-overline) { color:#697259; font-size:12px; line-height:1.95; margin-top:12px; max-width:555px; }.suqoor-home .sh-enrol-copy .sh-enrol-deadline { font-size:10px; line-height:1.9; color:#707458; margin-top:13px; }
.sh-enrol-action { display:flex; flex-direction:column; align-items:center; gap:10px; }.suqoor-home .sh-price { font:58px/1.15 Georgia,serif; color:#3b4b2f; display:flex; align-items:baseline; gap:9px; margin-bottom:8px; }.sh-price>span { font:14px Plex,Arial; }.sh-enrol-action>.sh-button { width:100%; font-size:12px; gap:20px; }.sh-enrol-action>.sh-link { min-height:32px; font-size:11px; }.sh-enrol-action>small { font-size:9px; color:#6c7257; text-align:center; }
.sh-independent { display:flex; gap:25px; align-items:center; padding:25px 6%; background:#f0ecde; font-size:10px; color:#72765d; }.sh-independent>span { color:#4e5d3d; font-weight:600; white-space:nowrap; }.sh-independent p { flex:1; line-height:1.9; max-width:680px; }.sh-independent .sh-link { font-size:10px; margin-inline-start:auto; white-space:nowrap; }
.sh-closed { padding:90px 24px; min-height:60vh; max-width:760px; margin:auto; text-align:center; }.sh-closed>img { background:#34442e; padding:15px; border-radius:16px; margin-bottom:28px; }.suqoor-home .sh-closed h1 { font-size:44px; margin-bottom:20px; }.sh-closed>p:not(.sh-overline) { line-height:2; color:#647253; margin-block:12px; }.sh-closed .sh-button { margin-top:20px; }
@media(min-width:1600px) { .sh-hero { gap:85px; }.sh-platform,.sh-journey { gap:140px; } }
@media(max-width:1100px) {
  .sh-hero { gap:4%; padding-inline:4%; min-height:660px; }.sh-hero h1 { font-size:36px; }.sh-english-signature { font-size:53px; }.sh-hero-description { font-size:14px!important; }.sh-actions { gap:12px; }.sh-actions .sh-button { font-size:12px; gap:12px; }.sh-actions .sh-link { font-size:11px; }
  .sh-preview-main { padding:13px; }.sh-preview-content { grid-template-columns:49px minmax(0,1fr); }.sh-preview-rail { padding-inline:5px; }.sh-preview-flight { min-height:180px; }.sh-preview-drone { height:180px; }.sh-preview-top { padding-inline:12px; }.sh-preview-top>span:last-child { font-size:7px; }.sh-window-tab { right:-4px; padding:10px 14px; }
  .sh-section { padding:65px 5%; }.sh-platform,.sh-journey { gap:6%; }.sh-gallery-grid { gap:17px; }.sh-gallery-art { padding:15px; min-height:215px; }.sh-art-lesson-title { font-size:17px; }.sh-axis-diagram { left:-48px; }.sh-metrics { padding-inline:5%; }.sh-metrics>div { padding-inline:19px; }.sh-metrics strong { font-size:34px; gap:6px; }.sh-metrics strong>span { font-size:11px; }.sh-metrics p { font-size:10px!important; }.sh-training { padding:65px 5%; gap:6%; }.sh-enrol { gap:25px; padding-inline:5%; grid-template-columns:75px minmax(0,1fr) 170px; }.suqoor-home .sh-enrol h2 { font-size:26px; }
}
@media(max-width:800px) {
  .sh-hero { grid-template-columns:1fr; padding:45px 7% 60px; gap:32px; min-height:0; }.sh-hero-copy { max-width:580px; width:100%; margin:auto; }.sh-hero .sh-overline { font-size:10px; margin-bottom:24px; }.sh-english-signature { font-size:clamp(46px,8vw,66px); margin-inline-start:0!important; max-width:390px; margin-bottom:20px!important; }.suqoor-home .sh-hero h1 { font-size:42px; }.suqoor-home .sh-hero-description { max-width:520px; font-size:16px!important; }.sh-actions .sh-button { font-size:14px; gap:22px; }.sh-actions .sh-link { font-size:13px; }.sh-hero::after { width:250px; height:220px; left:-98px; top:-88px; opacity:.36; }.sh-window-wrap { max-width:600px; width:100%; margin:auto; }.sh-window { transform:rotate(-.7deg); }.sh-preview-content { grid-template-columns:65px minmax(0,1fr); }.sh-preview-main { padding:18px; }.sh-preview-flight { min-height:220px; }.sh-preview-drone { height:230px; }.sh-preview-greeting strong { font-size:20px; }.sh-preview-greeting>span { font-size:10px; }.sh-preview-rail { padding-top:20px; gap:20px; }.sh-preview-rail svg { width:21px; height:21px; }.sh-preview-rail small { font-size:8px; }.sh-preview-plan>div>span { font-size:12px; }.sh-preview-plan small { font-size:9px; }.sh-preview-top>span:last-child { font-size:9px; }.sh-window-tab { right:6px; }
  .sh-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 0; padding:30px 7%; }.sh-metrics>div { padding-inline:24px; }.sh-metrics>div:nth-child(3) { border:0; padding-inline-start:0; }.sh-metrics strong { font-size:39px; }.sh-metrics strong>span { font-size:12px; }
  .sh-section { padding:60px 7%; }.sh-platform,.sh-journey { grid-template-columns:1fr; gap:38px; }.sh-platform-heading>p:not(.sh-overline) { max-width:600px; }.sh-feature-list { gap:0; }.sh-feature-list article { padding:23px 0; }.sh-feature-list article:first-child { padding-top:0; }.sh-gallery-grid { grid-template-columns:1fr; gap:32px; }.sh-gallery-card { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:23px; align-items:center; }.sh-gallery-copy { padding:0; }.sh-section-heading { gap:20px; }.sh-section-heading>p { font-size:10px; }.sh-gallery-art { min-height:230px; }.sh-training { grid-template-columns:1fr; padding:60px 7%; gap:35px; }.sh-training-copy>p:not(.sh-overline) { max-width:590px; }.sh-training-panel { padding:25px; }.sh-training-number { font-size:58px; }.sh-journey>div>p:not(.sh-overline) { max-width:520px; }
  .sh-enrol { grid-template-columns:1fr 170px; padding:40px 7%; gap:20px; }.sh-enrol-brand { display:none; }.sh-enrol h2 { font-size:25px; }.sh-enrol-copy>p:not(.sh-overline) { font-size:11px; }.sh-independent { flex-wrap:wrap; gap:8px 18px; padding:24px 7%; }.sh-independent p { flex-basis:100%; order:3; }.sh-independent .sh-link { margin-inline-start:auto; }
}
@media(max-width:480px) {
  .sh-hero { padding:35px 6% 47px; gap:25px; }.sh-hero-copy { padding:0; }.sh-hero .sh-overline { font-size:9px; letter-spacing:0; margin-bottom:23px; }.sh-english-signature { font-size:46px; letter-spacing:-1.6px; max-width:300px; }.sh-english-signature em { padding-left:20px; }.suqoor-home .sh-hero h1 { font-size:34px; letter-spacing:-.9px; line-height:1.5; margin-bottom:15px; }.suqoor-home .sh-hero-description { font-size:14px!important; line-height:2; }.sh-actions { gap:13px 17px; margin-top:24px; }.sh-actions .sh-button { font-size:12px; padding:11px 17px; gap:15px; }.sh-actions .sh-link { font-size:11px; gap:7px; }.sh-hero-footnote { font-size:9px!important; margin-top:18px!important; }.sh-hero::before { width:65%; }.sh-window { border-radius:18px; padding:9px; }.sh-window-chrome { font-size:6px; letter-spacing:1px; gap:8px; margin-bottom:9px; }.sh-window-dots { gap:4px; }.sh-window-dots i { width:5px; height:5px; }.sh-window-chrome>span:nth-child(2) { padding-inline:5px; }.sh-preview { border-radius:9px; }.sh-preview-top { padding:9px 10px; }.sh-preview-brand { font-size:16px; gap:5px; }.sh-preview-brand img { width:25px; height:25px; }.sh-preview-top>span:last-child { font-size:6px; }.sh-preview-content { grid-template-columns:43px minmax(0,1fr); min-height:0; }.sh-preview-main { padding:12px 10px; }.sh-preview-rail { padding:16px 3px; gap:14px; }.sh-preview-rail svg { width:16px; height:16px; }.sh-preview-rail small { font-size:6px; }.sh-preview-greeting strong { font-size:14px; }.sh-preview-greeting>span { font-size:7px; }.sh-preview-flight { min-height:174px; margin-top:10px; }.sh-preview-drone { height:184px; top:-13px; width:140%; left:-20%; }.sh-preview-flight-label { font-size:6px; }.sh-preview-flight-caption { right:9px; left:9px; bottom:8px; }.sh-preview-flight-caption strong { font-size:11px; }.sh-preview-flight-caption span { font-size:7px; }.sh-preview-plan { margin-top:10px; }.sh-preview-plan>div { padding:6px 0; gap:6px; }.sh-preview-plan>div>span { font-size:9px; }.sh-preview-plan small { font-size:7px; }.sh-preview-plan-title { font-size:8px; }.sh-preview-plan i { width:22px; height:23px; font-size:8px; }.sh-preview-label { font-size:7px!important; }.sh-window-tab { padding:9px 12px; font-size:8px; bottom:2px; }.sh-window-tab strong { font-size:10px; }.sh-window-tab img { width:28px; height:28px; }
  .sh-metrics { padding:25px 6%; gap:20px 0; }.sh-metrics>div { padding-inline:15px; }.sh-metrics strong { font-size:33px; gap:7px; }.sh-metrics strong>span { font-size:10px; }.sh-metrics p { font-size:9px!important; }.sh-section { padding:46px 6%; }.suqoor-home h2 { font-size:29px; line-height:1.55; letter-spacing:-.6px; }.sh-platform-heading>p:not(.sh-overline) { font-size:13px; }.sh-feature-list article { grid-template-columns:42px 1fr; gap:15px; }.sh-feature-icon { width:42px; height:46px; }.sh-feature-icon svg { width:23px; height:23px; }.suqoor-home .sh-feature-list h3 { font-size:16px; }.suqoor-home .sh-feature-list p { font-size:11px; }.sh-feature-index { font-size:7px; }.sh-section-heading { display:block; margin-bottom:27px; }.sh-section-heading>p { font-size:11px; margin-top:12px; }.sh-section-heading br { display:none; }.sh-gallery-card { display:block; }.sh-gallery-art { min-height:232px; padding:20px; }.sh-gallery-copy { padding:21px 2px 0; }.sh-art-lesson-title { font-size:21px; }.sh-axis-diagram { left:4px; top:40px; }.sh-gallery-grid { gap:32px; }.suqoor-home .sh-gallery-copy h3 { font-size:19px; }.sh-gallery-copy .sh-link { font-size:12px; }
  .sh-training { padding:47px 6%; }.sh-training-copy>p:not(.sh-overline) { font-size:12px; }.sh-training-panel { padding:23px 19px; }.sh-training-number { font-size:55px; gap:16px; }.sh-training-number span { font-size:11px; }.sh-aircraft-row { gap:10px; }.suqoor-home .sh-aircraft-row h3 { font-size:14px; }.sh-aircraft-row b { font-size:7px; }.sh-training-panel::before { width:160px; height:130px; left:-25px; top:-24px; }.suqoor-home .sh-training-note { font-size:9px; }.sh-journey { gap:29px; }.sh-journey li { gap:17px; padding-bottom:25px; }.suqoor-home .sh-journey h3 { font-size:16px; }.suqoor-home .sh-journey li p { font-size:11px; }.sh-journey>div>p:not(.sh-overline) { font-size:13px; }
  .sh-enrol { display:block; padding:37px 6%; }.suqoor-home .sh-enrol h2 { font-size:25px; }.sh-enrol-action { align-items:start; margin-top:27px; display:grid; grid-template-columns:1fr 1fr; gap:12px 15px; }.suqoor-home .sh-price { font-size:54px; margin-bottom:0; grid-row:1/3; align-self:center; }.sh-enrol-action>.sh-button { font-size:11px; padding:10px 12px; gap:13px; }.sh-enrol-action>.sh-link { justify-content:center; font-size:10px; }.sh-enrol-action>small { grid-column:1/-1; text-align:start; }.sh-independent { padding:20px 6%; gap:7px 12px; font-size:9px; }.sh-independent .sh-link { font-size:9px; gap:5px; }.sh-independent .sh-link>span { font-size:16px; }
}
/* Keep the camouflage material visible in the margins, with text above its layer. */
.sh-training-panel { padding-block-start:58px; }
.sh-training-panel::before { width:min(480px,100%); height:112px; left:-20px; top:-49px; background-position:top left; background-size:100% auto; opacity:.66; transform:rotate(-2deg); }
.sh-enrol::before { opacity:.075; mask-image:linear-gradient(90deg,#000 10%,transparent 80%); }
@media(max-width:800px) {
  .sh-hero::before { width:100%; opacity:.13; mask-image:linear-gradient(90deg,#000 8%,#0005 65%,transparent); }
  .sh-hero::after { width:min(420px,55%); height:98px; left:0; top:0; opacity:.65; }
  .sh-training-panel::before { width:min(430px,92%); left:-10px; }
}
@media(max-width:480px) {
  .sh-hero::before { width:100%; background-size:440px; opacity:.12; }
  .sh-hero::after { width:200px; height:48px; opacity:.65; }
  .sh-training-panel { padding-block-start:42px; }
  .sh-training-panel::before { width:320px; max-width:100%; height:76px; left:-8px; top:-35px; opacity:.72; }
}
@media(prefers-reduced-motion:reduce) { .suqoor-home .sh-button { transition:none; }.suqoor-home .sh-button:hover { transform:none; } }
@media print { .sh-hero::after,.sh-training-panel::before { display:none; }.sh-window { transform:none; box-shadow:none; }.sh-enrol-action { display:none; } }