/* ==========================================================================================================
   OISMUN 2027: background art system.
   Seven reusable section backgrounds, rotated through the site so that no large section is a plain white or
   ice-blue rectangle, while the site stays white / ice blue / navy / UN blue (yellow only as a tiny accent).

     .oismun-bg .oismun-bg--globe          latitude / longitude globe, mostly off-canvas + pale disc
     .oismun-bg .oismun-bg--laurel         pale laurel wreath + diplomatic rings (seal geometry)
     .oismun-bg .oismun-bg--grid           thin frames, corner marks, crossing lines + a fading grid
                .oismun-bg--grid.oismun-bg--star   Model Arab League: eight-pointed star lattice
     .oismun-bg .oismun-bg--organic        pale blue flowing shapes (the Team hero's language) + sweeping arcs
     .oismun-bg .oismun-bg--contours       topographic lines + soft disc
     .oismun-bg .oismun-bg--architecture   abstract horizon: flagpoles, a curtain-wall slab, a domed hall
     .oismun-bg .oismun-bg--orbit          concentric rings, nodes and dotted connections + pale disc
   Modifiers: --flip (mirror), --center (orbit centred, behind an emblem), --dark (on navy or programme colours),
   --tall (extra motifs further down a long section).
   In PHP: oismun27_bg( 'globe', 'flip' ) returns the classes. In the editor: Group > Styles > "Background: …".
   For long free-text pages: oismun27_art() places several motifs down the page (.oismun-art).

   Layering: section background colour -> ::after (pale tint shapes) -> ::before (line art) -> content.
   Both layers are pseudo-elements: no markup, aria-hidden by nature, pointer-events: none. The motifs are CSS
   masks (inline SVG drawn by tools/build_backdrops.py), coloured by --bg-ink / --bg-tint. No raster textures
   apart from the existing laurel mask, no JavaScript, no motion.
   ========================================================================================================== */

/* MOTIFS:start (generated by tools/build_backdrops.py; do not edit by hand) */
:root {
  --m-globe: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' fill='none' stroke='%23000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='200' cy='200' r='170'/%3E%3Ccircle cx='200' cy='200' r='192' stroke-dasharray='1.5 7'/%3E%3Cellipse cx='200' cy='200' rx='138' ry='170'/%3E%3Cellipse cx='200' cy='200' rx='96' ry='170'/%3E%3Cellipse cx='200' cy='200' rx='50' ry='170'/%3E%3Cpath d='M30 200h340'/%3E%3Cpath d='M40 140 q160 9.6 320 0'/%3E%3Cpath d='M40 260 q160 -9.6 320 0'/%3E%3Cpath d='M72 82 q128 18.9 256 0'/%3E%3Cpath d='M72 318 q128 -18.9 256 0'/%3E%3Cpath d='M112 50 q88 24 176 0'/%3E%3Cpath d='M112 350 q88 -24 176 0'/%3E%3Cellipse cx='200' cy='200' rx='198' ry='62' transform='rotate(-22 200 200)'/%3E%3C/svg%3E");
  --m-orbit: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' fill='none' stroke='%23000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='200' cy='200' r='52'/%3E%3Ccircle cx='200' cy='200' r='98'/%3E%3Ccircle cx='200' cy='200' r='142' stroke-dasharray='2 6'/%3E%3Ccircle cx='200' cy='200' r='186'/%3E%3Cpath d='M292.1 233.5L224.7 339.8'/%3E%3Cpath d='M224.7 339.8L352.4 306.7'/%3E%3Cpath d='M119.7 256.2L66.6 151.4'/%3E%3Cpath d='M66.6 151.4L75.5 61.8'/%3E%3Cpath d='M174.6 105.3L291.3 91.2'/%3E%3Cpath d='M291.3 91.2L263.6 25.2'/%3E%3Cpath d='M292.1 233.5L107 361.1'/%3E%3Cpath d='M352.4 306.7L107 361.1'/%3E%3Ccircle cx='292.1' cy='233.5' r='5.5' fill='%23000'/%3E%3Ccircle cx='119.7' cy='256.2' r='3.4' fill='%23000'/%3E%3Ccircle cx='174.6' cy='105.3' r='3.4' fill='%23000'/%3E%3Ccircle cx='224.7' cy='339.8' r='5.5' fill='%23000'/%3E%3Ccircle cx='66.6' cy='151.4' r='3.4' fill='%23000'/%3E%3Ccircle cx='291.3' cy='91.2' r='3.4' fill='%23000'/%3E%3Ccircle cx='352.4' cy='306.7' r='5.5' fill='%23000'/%3E%3Ccircle cx='107' cy='361.1' r='3.4' fill='%23000'/%3E%3Ccircle cx='75.5' cy='61.8' r='3.4' fill='%23000'/%3E%3Ccircle cx='263.6' cy='25.2' r='5.5' fill='%23000'/%3E%3Ccircle cx='200' cy='200' r='6' fill='%23000'/%3E%3C/svg%3E");
  --m-network: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 780 360' fill='none' stroke='%23000' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M40 300L110 220' stroke-dasharray='3 7'/%3E%3Cpath d='M110 220L90 120' stroke-dasharray='3 7'/%3E%3Cpath d='M110 220L190 160' stroke-dasharray='3 7'/%3E%3Cpath d='M90 120L250 70' stroke-dasharray='3 7'/%3E%3Cpath d='M190 160L250 70' stroke-dasharray='3 7'/%3E%3Cpath d='M190 160L300 240' stroke-dasharray='3 7'/%3E%3Cpath d='M250 70L380 150' stroke-dasharray='3 7'/%3E%3Cpath d='M300 240L380 150' stroke-dasharray='3 7'/%3E%3Cpath d='M300 240L430 300' stroke-dasharray='3 7'/%3E%3Cpath d='M380 150L500 90' stroke-dasharray='3 7'/%3E%3Cpath d='M430 300L560 210' stroke-dasharray='3 7'/%3E%3Cpath d='M500 90L560 210' stroke-dasharray='3 7'/%3E%3Cpath d='M500 90L620 120' stroke-dasharray='3 7'/%3E%3Cpath d='M560 210L680 260' stroke-dasharray='3 7'/%3E%3Cpath d='M620 120L740 170' stroke-dasharray='3 7'/%3E%3Cpath d='M680 260L740 170' stroke-dasharray='3 7'/%3E%3Cpath d='M560 210L620 120' stroke-dasharray='3 7'/%3E%3Ccircle cx='40' cy='300' r='6' fill='%23000'/%3E%3Ccircle cx='110' cy='220' r='3.6' fill='%23000'/%3E%3Ccircle cx='90' cy='120' r='3.6' fill='%23000'/%3E%3Ccircle cx='190' cy='160' r='3.6' fill='%23000'/%3E%3Ccircle cx='250' cy='70' r='6' fill='%23000'/%3E%3Ccircle cx='300' cy='240' r='3.6' fill='%23000'/%3E%3Ccircle cx='380' cy='150' r='3.6' fill='%23000'/%3E%3Ccircle cx='430' cy='300' r='3.6' fill='%23000'/%3E%3Ccircle cx='500' cy='90' r='6' fill='%23000'/%3E%3Ccircle cx='560' cy='210' r='3.6' fill='%23000'/%3E%3Ccircle cx='620' cy='120' r='3.6' fill='%23000'/%3E%3Ccircle cx='680' cy='260' r='3.6' fill='%23000'/%3E%3Ccircle cx='740' cy='170' r='6' fill='%23000'/%3E%3Ccircle cx='190' cy='160' r='13'/%3E%3Ccircle cx='500' cy='90' r='13'/%3E%3C/svg%3E");
  --m-contours: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 420' fill='none' stroke='%23000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M-10 250C120 170 220 300 340 230S520 90 610 120'/%3E%3Cpath d='M-10 260.2C120 187 220 308.5 340 241.9S520 107 610 135.3'/%3E%3Cpath d='M-10 270.4C120 204 220 317 340 253.8S520 124 610 150.6'/%3E%3Cpath d='M-10 280.6C120 221 220 325.5 340 265.7S520 141 610 165.9'/%3E%3Cpath d='M-10 290.8C120 238 220 334 340 277.6S520 158 610 181.2'/%3E%3Cpath d='M-10 301C120 255 220 342.5 340 289.5S520 175 610 196.5'/%3E%3Cpath d='M-10 311.2C120 272 220 351 340 301.4S520 192 610 211.8'/%3E%3Cpath d='M-10 321.4C120 289 220 359.5 340 313.3S520 209 610 227.1'/%3E%3Cpath d='M-10 331.6C120 306 220 368 340 325.2S520 226 610 242.4'/%3E%3Cpath d='M-10 341.8C120 323 220 376.5 340 337.1S520 243 610 257.7'/%3E%3Cpath d='M-10 352C120 340 220 385 340 349S520 260 610 273'/%3E%3Cellipse cx='470' cy='300' rx='42' ry='26' transform='rotate(-14 470 300)'/%3E%3Cellipse cx='470' cy='300' rx='70' ry='44' transform='rotate(-14 470 300)'/%3E%3Cellipse cx='470' cy='300' rx='99' ry='62' transform='rotate(-14 470 300)'/%3E%3Cellipse cx='470' cy='300' rx='128' ry='80' transform='rotate(-14 470 300)'/%3E%3C/svg%3E");
  --m-architecture: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 320' fill='none' stroke='%23000' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M0 300h900M0 308h900'/%3E%3Cpath d='M30 300V226'/%3E%3Cpath d='M30 226h15v10h-15'/%3E%3Cpath d='M56 300V220'/%3E%3Cpath d='M56 220h15v10h-15'/%3E%3Cpath d='M82 300V226'/%3E%3Cpath d='M82 226h15v10h-15'/%3E%3Cpath d='M108 300V220'/%3E%3Cpath d='M108 220h15v10h-15'/%3E%3Cpath d='M134 300V226'/%3E%3Cpath d='M134 226h15v10h-15'/%3E%3Cpath d='M160 300V220'/%3E%3Cpath d='M160 220h15v10h-15'/%3E%3Cpath d='M186 300V226'/%3E%3Cpath d='M186 226h15v10h-15'/%3E%3Cpath d='M212 300V220'/%3E%3Cpath d='M212 220h15v10h-15'/%3E%3Cpath d='M238 300V226'/%3E%3Cpath d='M238 226h15v10h-15'/%3E%3Cpath d='M264 300V220'/%3E%3Cpath d='M264 220h15v10h-15'/%3E%3Cpath d='M290 300V226'/%3E%3Cpath d='M290 226h15v10h-15'/%3E%3Cpath d='M330 300V244Q420 196 510 244V300M394 222a26 14 0 0 1 52 0'/%3E%3Cpath d='M560 300V56h96v244'/%3E%3Cpath d='M572 64V292'/%3E%3Cpath d='M584 64V292'/%3E%3Cpath d='M596 64V292'/%3E%3Cpath d='M608 64V292'/%3E%3Cpath d='M620 64V292'/%3E%3Cpath d='M632 64V292'/%3E%3Cpath d='M644 64V292'/%3E%3Cpath d='M560 80h96'/%3E%3Cpath d='M560 106h96'/%3E%3Cpath d='M560 132h96'/%3E%3Cpath d='M560 158h96'/%3E%3Cpath d='M560 184h96'/%3E%3Cpath d='M560 210h96'/%3E%3Cpath d='M560 236h96'/%3E%3Cpath d='M560 262h96'/%3E%3Cpath d='M560 288h96'/%3E%3Cpath d='M690 300V250h170v50M700 262h150M700 276h150'/%3E%3Cpath d='M708 250v50'/%3E%3Cpath d='M730 250v50'/%3E%3Cpath d='M752 250v50'/%3E%3Cpath d='M774 250v50'/%3E%3Cpath d='M796 250v50'/%3E%3Cpath d='M818 250v50'/%3E%3Cpath d='M840 250v50'/%3E%3C/svg%3E");
  --m-frames: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 560 400' fill='none' stroke='%23000' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='70' y='60' width='300' height='210' rx='4'/%3E%3Crect x='118' y='104' width='300' height='210' rx='4'/%3E%3Cpath d='M0 186h560M300 0v400'/%3E%3Cpath d='M470 30h60v60M30 350v40h60'/%3E%3Ccircle cx='300' cy='186' r='9'/%3E%3Ccircle cx='418' cy='314' r='3.5' fill='%23000'/%3E%3Cpath d='M440 360h110' stroke-dasharray='2 6'/%3E%3C/svg%3E");
  --m-star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80' fill='none' stroke='%23000' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='22' y='22' width='36' height='36'/%3E%3Cpath d='M40 14.5 65.5 40 40 65.5 14.5 40Z'/%3E%3Cpath d='M40 0v14.5M40 65.5V80M0 40h14.5M65.5 40H80M0 0l22 22M80 0 58 22M0 80l22-22M80 80 58 58'/%3E%3C/svg%3E");
  --m-arcs: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 760 380' fill='none' stroke='%23000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M-20 360A300 300 0 0 1 600 360'/%3E%3Cpath d='M-20 356A326 326 0 0 1 626 356'/%3E%3Cpath d='M-20 352A352 352 0 0 1 652 352'/%3E%3Cpath d='M-20 348A378 378 0 0 1 678 348'/%3E%3Cpath d='M-20 344A404 404 0 0 1 704 344'/%3E%3Cpath d='M-20 340A430 430 0 0 1 730 340'/%3E%3C/svg%3E");
  --m-gridfade: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 420' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cdefs%3E%3CradialGradient id='g' cx='50%25' cy='50%25' r='55%25'%3E%3Cstop offset='0' stop-opacity='1'/%3E%3Cstop offset='.55' stop-opacity='.45'/%3E%3Cstop offset='1' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cg stroke='url(%23g)'%3E%3Cpath d='M0 0V420'/%3E%3Cpath d='M30 0V420'/%3E%3Cpath d='M60 0V420'/%3E%3Cpath d='M90 0V420'/%3E%3Cpath d='M120 0V420'/%3E%3Cpath d='M150 0V420'/%3E%3Cpath d='M180 0V420'/%3E%3Cpath d='M210 0V420'/%3E%3Cpath d='M240 0V420'/%3E%3Cpath d='M270 0V420'/%3E%3Cpath d='M300 0V420'/%3E%3Cpath d='M330 0V420'/%3E%3Cpath d='M360 0V420'/%3E%3Cpath d='M390 0V420'/%3E%3Cpath d='M420 0V420'/%3E%3Cpath d='M450 0V420'/%3E%3Cpath d='M480 0V420'/%3E%3Cpath d='M510 0V420'/%3E%3Cpath d='M540 0V420'/%3E%3Cpath d='M570 0V420'/%3E%3Cpath d='M600 0V420'/%3E%3Cpath d='M0 0H600'/%3E%3Cpath d='M0 30H600'/%3E%3Cpath d='M0 60H600'/%3E%3Cpath d='M0 90H600'/%3E%3Cpath d='M0 120H600'/%3E%3Cpath d='M0 150H600'/%3E%3Cpath d='M0 180H600'/%3E%3Cpath d='M0 210H600'/%3E%3Cpath d='M0 240H600'/%3E%3Cpath d='M0 270H600'/%3E%3Cpath d='M0 300H600'/%3E%3Cpath d='M0 330H600'/%3E%3Cpath d='M0 360H600'/%3E%3Cpath d='M0 390H600'/%3E%3Cpath d='M0 420H600'/%3E%3C/g%3E%3C/svg%3E");
  --m-starfield: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 480' fill='none' stroke='%23000' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg transform='translate(0 0)' opacity='0.15'%3E%3Crect x='22' y='22' width='36' height='36'/%3E%3Cpath d='M40 14.5 65.5 40 40 65.5 14.5 40Z'/%3E%3Cpath d='M40 0v14.5M40 65.5V80M0 40h14.5M65.5 40H80'/%3E%3C/g%3E%3Cg transform='translate(80 0)' opacity='0.27'%3E%3Crect x='22' y='22' width='36' height='36'/%3E%3Cpath d='M40 14.5 65.5 40 40 65.5 14.5 40Z'/%3E%3Cpath d='M40 0v14.5M40 65.5V80M0 40h14.5M65.5 40H80'/%3E%3C/g%3E%3Cg transform='translate(160 0)' opacity='0.39'%3E%3Crect x='22' y='22' width='36' height='36'/%3E%3Cpath d='M40 14.5 65.5 40 40 65.5 14.5 40Z'/%3E%3Cpath d='M40 0v14.5M40 65.5V80M0 40h14.5M65.5 40H80'/%3E%3C/g%3E%3Cg transform='translate(240 0)' opacity='0.51'%3E%3Crect x='22' y='22' width='36' height='36'/%3E%3Cpath d='M40 14.5 65.5 40 40 65.5 14.5 40Z'/%3E%3Cpath d='M40 0v14.5M40 65.5V80M0 40h14.5M65.5 40H80'/%3E%3C/g%3E%3Cg transform='translate(320 0)' opacity='0.63'%3E%3Crect x='22' y='22' width='36' height='36'/%3E%3Cpath d='M40 14.5 65.5 40 40 65.5 14.5 40Z'/%3E%3Cpath d='M40 0v14.5M40 65.5V80M0 40h14.5M65.5 40H80'/%3E%3C/g%3E%3Cg transform='translate(400 0)' opacity='0.76'%3E%3Crect x='22' y='22' width='36' height='36'/%3E%3Cpath d='M40 14.5 65.5 40 40 65.5 14.5 40Z'/%3E%3Cpath d='M40 0v14.5M40 65.5V80M0 40h14.5M65.5 40H80'/%3E%3C/g%3E%3Cg transform='translate(480 0)' opacity='0.88'%3E%3Crect x='22' y='22' width='36' height='36'/%3E%3Cpath d='M40 14.5 65.5 40 40 65.5 14.5 40Z'/%3E%3Cpath d='M40 0v14.5M40 65.5V80M0 40h14.5M65.5 40H80'/%3E%3C/g%3E%3Cg transform='translate(560 0)' opacity='1.00'%3E%3Crect x='22' y='22' width='36' height='36'/%3E%3Cpath d='M40 14.5 65.5 40 40 65.5 14.5 40Z'/%3E%3Cpath d='M40 0v14.5M40 65.5V80M0 40h14.5M65.5 40H80'/%3E%3C/g%3E%3Cg transform='translate(0 80)' opacity='0.14'%3E%3Crect x='22' y='22' width='36' height='36'/%3E%3Cpath d='M40 14.5 65.5 40 40 65.5 14.5 40Z'/%3E%3Cpath d='M40 0v14.5M40 65.5V80M0 40h14.5M65.5 40H80'/%3E%3C/g%3E%3Cg transform='translate(80 80)' opacity='0.26'%3E%3Crect x='22' y='22' width='36' height='36'/%3E%3Cpath d='M40 14.5 65.5 40 40 65.5 14.5 40Z'/%3E%3Cpath d='M40 0v14.5M40 65.5V80M0 40h14.5M65.5 40H80'/%3E%3C/g%3E%3Cg transform='translate(160 80)' opacity='0.38'%3E%3Crect x='22' y='22' width='36' height='36'/%3E%3Cpath d='M40 14.5 65.5 40 40 65.5 14.5 40Z'/%3E%3Cpath d='M40 0v14.5M40 65.5V80M0 40h14.5M65.5 40H80'/%3E%3C/g%3E%3Cg transform='translate(240 80)' opacity='0.50'%3E%3Crect x='22' y='22' width='36' height='36'/%3E%3Cpath d='M40 14.5 65.5 40 40 65.5 14.5 40Z'/%3E%3Cpath d='M40 0v14.5M40 65.5V80M0 40h14.5M65.5 40H80'/%3E%3C/g%3E%3Cg transform='translate(320 80)' opacity='0.61'%3E%3Crect x='22' y='22' width='36' height='36'/%3E%3Cpath d='M40 14.5 65.5 40 40 65.5 14.5 40Z'/%3E%3Cpath d='M40 0v14.5M40 65.5V80M0 40h14.5M65.5 40H80'/%3E%3C/g%3E%3Cg transform='translate(400 80)' opacity='0.73'%3E%3Crect x='22' y='22' width='36' height='36'/%3E%3Cpath d='M40 14.5 65.5 40 40 65.5 14.5 40Z'/%3E%3Cpath d='M40 0v14.5M40 65.5V80M0 40h14.5M65.5 40H80'/%3E%3C/g%3E%3Cg transform='translate(480 80)' opacity='0.83'%3E%3Crect x='22' y='22' width='36' height='36'/%3E%3Cpath d='M40 14.5 65.5 40 40 65.5 14.5 40Z'/%3E%3Cpath d='M40 0v14.5M40 65.5V80M0 40h14.5M65.5 40H80'/%3E%3C/g%3E%3Cg transform='translate(560 80)' opacity='0.88'%3E%3Crect x='22' y='22' width='36' height='36'/%3E%3Cpath d='M40 14.5 65.5 40 40 65.5 14.5 40Z'/%3E%3Cpath d='M40 0v14.5M40 65.5V80M0 40h14.5M65.5 40H80'/%3E%3C/g%3E%3Cg transform='translate(0 160)' opacity='0.11'%3E%3Crect x='22' y='22' width='36' height='36'/%3E%3Cpath d='M40 14.5 65.5 40 40 65.5 14.5 40Z'/%3E%3Cpath d='M40 0v14.5M40 65.5V80M0 40h14.5M65.5 40H80'/%3E%3C/g%3E%3Cg transform='translate(80 160)' opacity='0.23'%3E%3Crect x='22' y='22' width='36' height='36'/%3E%3Cpath d='M40 14.5 65.5 40 40 65.5 14.5 40Z'/%3E%3Cpath d='M40 0v14.5M40 65.5V80M0 40h14.5M65.5 40H80'/%3E%3C/g%3E%3Cg transform='translate(160 160)' opacity='0.34'%3E%3Crect x='22' y='22' width='36' height='36'/%3E%3Cpath d='M40 14.5 65.5 40 40 65.5 14.5 40Z'/%3E%3Cpath d='M40 0v14.5M40 65.5V80M0 40h14.5M65.5 40H80'/%3E%3C/g%3E%3Cg transform='translate(240 160)' opacity='0.45'%3E%3Crect x='22' y='22' width='36' height='36'/%3E%3Cpath d='M40 14.5 65.5 40 40 65.5 14.5 40Z'/%3E%3Cpath d='M40 0v14.5M40 65.5V80M0 40h14.5M65.5 40H80'/%3E%3C/g%3E%3Cg transform='translate(320 160)' opacity='0.56'%3E%3Crect x='22' y='22' width='36' height='36'/%3E%3Cpath d='M40 14.5 65.5 40 40 65.5 14.5 40Z'/%3E%3Cpath d='M40 0v14.5M40 65.5V80M0 40h14.5M65.5 40H80'/%3E%3C/g%3E%3Cg transform='translate(400 160)' opacity='0.65'%3E%3Crect x='22' y='22' width='36' height='36'/%3E%3Cpath d='M40 14.5 65.5 40 40 65.5 14.5 40Z'/%3E%3Cpath d='M40 0v14.5M40 65.5V80M0 40h14.5M65.5 40H80'/%3E%3C/g%3E%3Cg transform='translate(480 160)' opacity='0.73'%3E%3Crect x='22' y='22' width='36' height='36'/%3E%3Cpath d='M40 14.5 65.5 40 40 65.5 14.5 40Z'/%3E%3Cpath d='M40 0v14.5M40 65.5V80M0 40h14.5M65.5 40H80'/%3E%3C/g%3E%3Cg transform='translate(560 160)' opacity='0.76'%3E%3Crect x='22' y='22' width='36' height='36'/%3E%3Cpath d='M40 14.5 65.5 40 40 65.5 14.5 40Z'/%3E%3Cpath d='M40 0v14.5M40 65.5V80M0 40h14.5M65.5 40H80'/%3E%3C/g%3E%3Cg transform='translate(0 240)' opacity='0.07'%3E%3Crect x='22' y='22' width='36' height='36'/%3E%3Cpath d='M40 14.5 65.5 40 40 65.5 14.5 40Z'/%3E%3Cpath d='M40 0v14.5M40 65.5V80M0 40h14.5M65.5 40H80'/%3E%3C/g%3E%3Cg transform='translate(80 240)' opacity='0.18'%3E%3Crect x='22' y='22' width='36' height='36'/%3E%3Cpath d='M40 14.5 65.5 40 40 65.5 14.5 40Z'/%3E%3Cpath d='M40 0v14.5M40 65.5V80M0 40h14.5M65.5 40H80'/%3E%3C/g%3E%3Cg transform='translate(160 240)' opacity='0.29'%3E%3Crect x='22' y='22' width='36' height='36'/%3E%3Cpath d='M40 14.5 65.5 40 40 65.5 14.5 40Z'/%3E%3Cpath d='M40 0v14.5M40 65.5V80M0 40h14.5M65.5 40H80'/%3E%3C/g%3E%3Cg transform='translate(240 240)' opacity='0.39'%3E%3Crect x='22' y='22' width='36' height='36'/%3E%3Cpath d='M40 14.5 65.5 40 40 65.5 14.5 40Z'/%3E%3Cpath d='M40 0v14.5M40 65.5V80M0 40h14.5M65.5 40H80'/%3E%3C/g%3E%3Cg transform='translate(320 240)' opacity='0.48'%3E%3Crect x='22' y='22' width='36' height='36'/%3E%3Cpath d='M40 14.5 65.5 40 40 65.5 14.5 40Z'/%3E%3Cpath d='M40 0v14.5M40 65.5V80M0 40h14.5M65.5 40H80'/%3E%3C/g%3E%3Cg transform='translate(400 240)' opacity='0.56'%3E%3Crect x='22' y='22' width='36' height='36'/%3E%3Cpath d='M40 14.5 65.5 40 40 65.5 14.5 40Z'/%3E%3Cpath d='M40 0v14.5M40 65.5V80M0 40h14.5M65.5 40H80'/%3E%3C/g%3E%3Cg transform='translate(480 240)' opacity='0.61'%3E%3Crect x='22' y='22' width='36' height='36'/%3E%3Cpath d='M40 14.5 65.5 40 40 65.5 14.5 40Z'/%3E%3Cpath d='M40 0v14.5M40 65.5V80M0 40h14.5M65.5 40H80'/%3E%3C/g%3E%3Cg transform='translate(560 240)' opacity='0.63'%3E%3Crect x='22' y='22' width='36' height='36'/%3E%3Cpath d='M40 14.5 65.5 40 40 65.5 14.5 40Z'/%3E%3Cpath d='M40 0v14.5M40 65.5V80M0 40h14.5M65.5 40H80'/%3E%3C/g%3E%3Cg transform='translate(80 320)' opacity='0.12'%3E%3Crect x='22' y='22' width='36' height='36'/%3E%3Cpath d='M40 14.5 65.5 40 40 65.5 14.5 40Z'/%3E%3Cpath d='M40 0v14.5M40 65.5V80M0 40h14.5M65.5 40H80'/%3E%3C/g%3E%3Cg transform='translate(160 320)' opacity='0.22'%3E%3Crect x='22' y='22' width='36' height='36'/%3E%3Cpath d='M40 14.5 65.5 40 40 65.5 14.5 40Z'/%3E%3Cpath d='M40 0v14.5M40 65.5V80M0 40h14.5M65.5 40H80'/%3E%3C/g%3E%3Cg transform='translate(240 320)' opacity='0.31'%3E%3Crect x='22' y='22' width='36' height='36'/%3E%3Cpath d='M40 14.5 65.5 40 40 65.5 14.5 40Z'/%3E%3Cpath d='M40 0v14.5M40 65.5V80M0 40h14.5M65.5 40H80'/%3E%3C/g%3E%3Cg transform='translate(320 320)' opacity='0.39'%3E%3Crect x='22' y='22' width='36' height='36'/%3E%3Cpath d='M40 14.5 65.5 40 40 65.5 14.5 40Z'/%3E%3Cpath d='M40 0v14.5M40 65.5V80M0 40h14.5M65.5 40H80'/%3E%3C/g%3E%3Cg transform='translate(400 320)' opacity='0.45'%3E%3Crect x='22' y='22' width='36' height='36'/%3E%3Cpath d='M40 14.5 65.5 40 40 65.5 14.5 40Z'/%3E%3Cpath d='M40 0v14.5M40 65.5V80M0 40h14.5M65.5 40H80'/%3E%3C/g%3E%3Cg transform='translate(480 320)' opacity='0.50'%3E%3Crect x='22' y='22' width='36' height='36'/%3E%3Cpath d='M40 14.5 65.5 40 40 65.5 14.5 40Z'/%3E%3Cpath d='M40 0v14.5M40 65.5V80M0 40h14.5M65.5 40H80'/%3E%3C/g%3E%3Cg transform='translate(560 320)' opacity='0.51'%3E%3Crect x='22' y='22' width='36' height='36'/%3E%3Cpath d='M40 14.5 65.5 40 40 65.5 14.5 40Z'/%3E%3Cpath d='M40 0v14.5M40 65.5V80M0 40h14.5M65.5 40H80'/%3E%3C/g%3E%3Cg transform='translate(80 400)' opacity='0.05'%3E%3Crect x='22' y='22' width='36' height='36'/%3E%3Cpath d='M40 14.5 65.5 40 40 65.5 14.5 40Z'/%3E%3Cpath d='M40 0v14.5M40 65.5V80M0 40h14.5M65.5 40H80'/%3E%3C/g%3E%3Cg transform='translate(160 400)' opacity='0.14'%3E%3Crect x='22' y='22' width='36' height='36'/%3E%3Cpath d='M40 14.5 65.5 40 40 65.5 14.5 40Z'/%3E%3Cpath d='M40 0v14.5M40 65.5V80M0 40h14.5M65.5 40H80'/%3E%3C/g%3E%3Cg transform='translate(240 400)' opacity='0.22'%3E%3Crect x='22' y='22' width='36' height='36'/%3E%3Cpath d='M40 14.5 65.5 40 40 65.5 14.5 40Z'/%3E%3Cpath d='M40 0v14.5M40 65.5V80M0 40h14.5M65.5 40H80'/%3E%3C/g%3E%3Cg transform='translate(320 400)' opacity='0.29'%3E%3Crect x='22' y='22' width='36' height='36'/%3E%3Cpath d='M40 14.5 65.5 40 40 65.5 14.5 40Z'/%3E%3Cpath d='M40 0v14.5M40 65.5V80M0 40h14.5M65.5 40H80'/%3E%3C/g%3E%3Cg transform='translate(400 400)' opacity='0.34'%3E%3Crect x='22' y='22' width='36' height='36'/%3E%3Cpath d='M40 14.5 65.5 40 40 65.5 14.5 40Z'/%3E%3Cpath d='M40 0v14.5M40 65.5V80M0 40h14.5M65.5 40H80'/%3E%3C/g%3E%3Cg transform='translate(480 400)' opacity='0.38'%3E%3Crect x='22' y='22' width='36' height='36'/%3E%3Cpath d='M40 14.5 65.5 40 40 65.5 14.5 40Z'/%3E%3Cpath d='M40 0v14.5M40 65.5V80M0 40h14.5M65.5 40H80'/%3E%3C/g%3E%3Cg transform='translate(560 400)' opacity='0.39'%3E%3Crect x='22' y='22' width='36' height='36'/%3E%3Cpath d='M40 14.5 65.5 40 40 65.5 14.5 40Z'/%3E%3Cpath d='M40 0v14.5M40 65.5V80M0 40h14.5M65.5 40H80'/%3E%3C/g%3E%3C/svg%3E");
  --m-blob-a: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600' fill='none' stroke='%23000' stroke-width='0' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M421 41c77 36 142 110 158 197 17 91-15 196-86 263-72 67-183 95-282 76C112 558 25 491 7 402-12 312 38 199 108 124 180 47 343 5 421 41Z' fill='%23000' stroke='none'/%3E%3C/svg%3E");
  --m-blob-b: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600' fill='none' stroke='%23000' stroke-width='0' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M335 22c88 12 175 71 213 153 38 83 26 189-32 262-58 74-162 115-259 106-97-9-187-68-225-150S16 213 72 140C128 67 247 10 335 22Z' fill='%23000' stroke='none'/%3E%3C/svg%3E");
  --m-edge: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600' fill='none' stroke='%23000' stroke-width='0' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M600 0H214c-58 40-78 104-52 170 26 66 4 124-58 170C42 386 18 452 44 520c14 36 38 62 70 80h486Z' fill='%23000' stroke='none'/%3E%3C/svg%3E");
  --m-wave: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 700 200' fill='none' stroke='%23000' stroke-width='0' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M0 120C120 60 230 170 360 120S560 30 700 80V200H0Z' fill='%23000' stroke='none'/%3E%3C/svg%3E");
  --m-quote: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 104' fill='none' stroke='%23000' stroke-width='0' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M0 70C0 36 20 12 52 0l6 10C40 19 30 31 29 46c16 0 28 12 28 28 0 17-13 30-30 30C11 104 0 89 0 70ZM70 70C70 36 90 12 122 0l6 10c-18 9-28 21-29 36 16 0 28 12 28 28 0 17-13 30-30 30-16 0-27-15-27-34Z' fill='%23000' stroke='none'/%3E%3C/svg%3E");
  --m-disc: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' stroke='%23000' stroke-width='0' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='50' cy='50' r='50' fill='%23000' stroke='none'/%3E%3C/svg%3E");
  --m-laurel: url("../images/emblem-laurel.png");
}
/* MOTIFS:end */

/* ---- Base -------------------------------------------------------------------------------------------------- */
.oismun-bg {
  --bg-ink: var(--oismun-navy);      /* line art */
  --bg-tint: var(--oismun-blue);     /* pale shapes */
  --bg-line: 0.13;
  --bg-shape: 0.12;   /* worst case (a line over a shape) keeps body text >= 4.5:1 */
  --bg-none: linear-gradient(transparent, transparent);
  --bg-a: var(--bg-none);
  --bg-a2: var(--bg-none);
  --bg-b: var(--bg-none);
  --bg-b2: var(--bg-none);
  position: relative;
  isolation: isolate;
  overflow: hidden;
  overflow: clip;
}
.oismun-bg::before, .oismun-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
}
.oismun-bg::before {
  background: var(--bg-ink);
  opacity: var(--bg-line);
  -webkit-mask: var(--bg-a), var(--bg-a2);
          mask: var(--bg-a), var(--bg-a2);
}
.oismun-bg::after {
  z-index: -2;
  background: var(--bg-tint);
  opacity: var(--bg-shape);
  -webkit-mask: var(--bg-b), var(--bg-b2);
          mask: var(--bg-b), var(--bg-b2);
}
.oismun-bg--flip::before, .oismun-bg--flip::after { transform: scaleX(-1); }

/* Surfaces: the same motif reads a little stronger on white; on the pale-blue band the shapes are white. */
.l-section--white.oismun-bg { --bg-line: 0.12; --bg-shape: 0.1; }
.l-section--band.oismun-bg, .c-countdown.oismun-bg { --bg-tint: var(--oismun-white); --bg-shape: 0.62; --bg-line: 0.12; }
/* On navy or a programme colour: white line art. */
.oismun-bg--dark { --bg-ink: var(--oismun-white); --bg-tint: var(--oismun-white); --bg-line: 0.16; --bg-shape: 0.07; }
/* Programme pages keep their identity: MAL sage / deep green, OISFUA green / yellow. */
.programme-mal main .oismun-bg:not(.oismun-bg--dark) { --bg-ink: var(--prog-ink); --bg-tint: var(--mal-green); }
.programme-oisfua main .oismun-bg:not(.oismun-bg--dark) { --bg-ink: var(--prog-ink); --bg-tint: var(--oisfua-yellow); --bg-shape: 0.3; }
.programme-mal main .l-section--band.oismun-bg, .programme-oisfua main .l-section--band.oismun-bg { --bg-tint: var(--oismun-white); --bg-shape: 0.7; }

/* ---- 1. Globe ------------------------------------------------------------------------------------------------ */
.oismun-bg--globe {
  --g-s: clamp(30rem, 20rem + 30vw, 56rem);
  --g-x: calc(-1 * clamp(8rem, 2rem + 12vw, 19rem));
  --bg-a: var(--m-globe) left var(--g-x) top 50% / var(--g-s) auto no-repeat,
          var(--m-arcs) right -6rem bottom -5rem / clamp(18rem, 12rem + 14vw, 30rem) auto no-repeat;
  --bg-b: var(--m-disc) left calc(var(--g-x) + var(--g-s) * 0.18) top 50% / calc(var(--g-s) * 0.64) auto no-repeat;
}

/* ---- 2. Laurel ----------------------------------------------------------------------------------------------- */
.oismun-bg--laurel {
  --l-s: clamp(24rem, 14rem + 28vw, 46rem);
  --bg-a: var(--m-orbit) left 50% top calc(-1 * var(--l-s) * 0.22) / calc(var(--l-s) * 1.5) auto no-repeat,
          var(--m-frames) left -5rem bottom -4rem / clamp(14rem, 10rem + 10vw, 22rem) auto no-repeat;
  --bg-b: var(--m-laurel) left 50% top clamp(-4rem, -2rem - 2vw, -1rem) / var(--l-s) auto no-repeat;
}
.l-section--white.oismun-bg--laurel { --bg-shape: 0.14; }

/* ---- 3. Geometric (+ Model Arab League star lattice) --------------------------------------------------------- */
.oismun-bg--grid {
  --bg-a: var(--m-frames) right clamp(-10rem, -4rem - 5vw, -2rem) top clamp(1rem, 0.5rem + 2vw, 3rem) / clamp(22rem, 14rem + 22vw, 40rem) auto no-repeat,
          var(--m-frames) left -6rem bottom -5rem / clamp(14rem, 10rem + 10vw, 22rem) auto no-repeat;
  --bg-b: var(--m-gridfade) left clamp(-12rem, -4rem - 6vw, -2rem) top clamp(-6rem, -3rem - 2vw, -1rem) / clamp(28rem, 18rem + 26vw, 50rem) auto no-repeat;
}
.oismun-bg--grid:not(.l-section--band):not(.oismun-bg--dark) { --bg-shape: 0.2; --bg-line: 0.11; --bg-tint: var(--oismun-blue); }
.l-section--band.oismun-bg--grid { --bg-tint: var(--oismun-navy); --bg-shape: 0.06; --bg-line: 0.1; }
.oismun-bg--grid.oismun-bg--star.oismun-bg--dark { --bg-b: var(--bg-none); --bg-line: 0.12; }
.oismun-bg--grid.oismun-bg--star:not(.oismun-bg--dark) { --bg-line: 0.13; --bg-shape: 0.14; }
.oismun-bg--grid.oismun-bg--star {
  --bg-a: var(--m-starfield) right clamp(-6rem, -2rem - 3vw, 0rem) top 0 / clamp(26rem, 16rem + 26vw, 46rem) auto no-repeat,
          var(--m-frames) left -6rem bottom -5rem / clamp(14rem, 10rem + 10vw, 22rem) auto no-repeat;
  --bg-b: var(--m-disc) right clamp(-4rem, -1rem - 3vw, 2rem) top clamp(1rem, 2vw, 3rem) / clamp(16rem, 10rem + 14vw, 28rem) auto no-repeat;
}

/* ---- 4. Organic -------------------------------------------------------------------------------------------- */
.oismun-bg--organic {
  --bg-a: var(--m-arcs) left clamp(-14rem, -6rem - 6vw, -4rem) bottom clamp(-8rem, -4rem - 3vw, -2rem) / clamp(26rem, 18rem + 22vw, 46rem) auto no-repeat;
  --bg-b: var(--m-edge) right 0 top 50% / clamp(16rem, 8rem + 24vw, 40rem) auto no-repeat,
          var(--m-blob-b) left clamp(-12rem, -6rem - 5vw, -4rem) top clamp(-10rem, -6rem - 3vw, -3rem) / clamp(16rem, 10rem + 14vw, 28rem) auto no-repeat;
  --bg-shape: 0.13;
}

/* ---- 5. Contours ------------------------------------------------------------------------------------------- */
.oismun-bg--contours {
  --bg-a: var(--m-contours) right clamp(-14rem, -6rem - 6vw, -4rem) bottom clamp(-6rem, -3rem - 2vw, -1rem) / clamp(30rem, 20rem + 32vw, 60rem) auto no-repeat;
  --bg-b: var(--m-disc) left clamp(-10rem, -4rem - 5vw, -2rem) top clamp(-8rem, -4rem - 3vw, -2rem) / clamp(16rem, 10rem + 14vw, 30rem) auto no-repeat;
}

/* ---- 6. Architecture --------------------------------------------------------------------------------------- */
.oismun-bg--architecture {
  --bg-a: var(--m-architecture) left 50% bottom 0 / max(64rem, 100%) auto no-repeat;
  --bg-b: var(--m-wave) left 50% bottom 0 / max(70rem, 112%) auto no-repeat,
          var(--m-disc) right clamp(-6rem, -2rem - 3vw, 1rem) top clamp(-8rem, -4rem - 3vw, -2rem) / clamp(14rem, 8rem + 12vw, 24rem) auto no-repeat;
  --bg-line: 0.11;
}
.l-section--band.oismun-bg--architecture { --bg-shape: 0.75; }

/* ---- 7. Orbit ---------------------------------------------------------------------------------------------- */
.oismun-bg--orbit {
  --o-s: clamp(28rem, 18rem + 30vw, 54rem);
  --o-r: calc(-1 * clamp(8rem, 2rem + 10vw, 18rem));
  --o-y: 50%;
  --bg-a: var(--m-orbit) right var(--o-r) top var(--o-y) / var(--o-s) auto no-repeat,
          var(--m-network) left -4rem bottom clamp(-6rem, -3rem - 2vw, -1rem) / clamp(22rem, 14rem + 18vw, 38rem) auto no-repeat;
  --bg-b: var(--m-disc) right calc(var(--o-r) + var(--o-s) * 0.27) top var(--o-y) / calc(var(--o-s) * 0.46) auto no-repeat;
}
.oismun-bg--orbit.oismun-bg--center {
  /* rings around the emblem at the top of the section, clear of the title and text below it */
  --o-s: clamp(24rem, 18rem + 12vw, 32rem);
  --o-top: calc(clamp(2.5rem, 1.5rem + 4vw, 5rem) + clamp(5.5rem, 4rem + 8vw, 10.5rem) - var(--o-s) / 2);
  --bg-a: var(--m-orbit) left 50% top var(--o-top) / var(--o-s) auto no-repeat,
          var(--m-arcs) left -8rem bottom -6rem / clamp(16rem, 12rem + 10vw, 26rem) auto no-repeat,
          var(--m-contours) right -10rem bottom -5rem / clamp(24rem, 16rem + 20vw, 40rem) auto no-repeat;
  --bg-b: var(--m-disc) left 50% top calc(var(--o-top) + var(--o-s) * 0.27) / calc(var(--o-s) * 0.46) auto no-repeat;
}

/* Page heroes: rings only (no network crossing the lead text), tucked under the header line so the crop is at
   the top, never a flat cut at the hero's lower edge. */
.c-page-hero.oismun-bg--orbit {
  --o-s: clamp(20rem, 14rem + 12vw, 28rem);
  --o-r: calc(-1 * clamp(4rem, 1rem + 5vw, 8rem));
  --o-top: calc(var(--o-s) * -0.42);
  --bg-a: var(--m-orbit) right var(--o-r) top var(--o-top) / var(--o-s) auto no-repeat;
  --bg-b: var(--m-disc) right calc(var(--o-r) + var(--o-s) * 0.27) top calc(var(--o-top) + var(--o-s) * 0.27) / calc(var(--o-s) * 0.46) auto no-repeat;
}

/* ---- Long sections: a second set of motifs further down ------------------------------------------------------ */
.oismun-bg--grid.oismun-bg--tall { --bg-a2: var(--m-frames) left clamp(-12rem, -5rem - 5vw, -3rem) top 55% / clamp(20rem, 14rem + 16vw, 34rem) auto no-repeat; }
.oismun-bg--orbit.oismun-bg--tall { --o-y: 12%; --bg-a2: var(--m-orbit) left clamp(-18rem, -8rem - 8vw, -6rem) top 78% / clamp(24rem, 16rem + 22vw, 44rem) auto no-repeat; --bg-b2: var(--m-blob-a) right -6rem bottom -6rem / clamp(16rem, 10rem + 14vw, 28rem) auto no-repeat; }
.oismun-bg--contours.oismun-bg--tall { --bg-a2: var(--m-contours) left clamp(-16rem, -6rem - 8vw, -4rem) top 30% / clamp(26rem, 18rem + 24vw, 48rem) auto no-repeat; --bg-b2: var(--m-blob-b) right -8rem top 45% / clamp(14rem, 10rem + 12vw, 24rem) auto no-repeat; }
.oismun-bg--globe.oismun-bg--tall { --bg-a2: var(--m-orbit) right clamp(-16rem, -6rem - 8vw, -4rem) top 75% / clamp(22rem, 14rem + 20vw, 40rem) auto no-repeat; }
.oismun-bg--laurel.oismun-bg--tall { --bg-a2: var(--m-contours) right -10rem bottom -4rem / clamp(26rem, 18rem + 24vw, 48rem) auto no-repeat; }
.oismun-bg--organic.oismun-bg--tall { --bg-b2: var(--m-blob-a) left -10rem top 70% / clamp(16rem, 10rem + 14vw, 28rem) auto no-repeat; }

/* ---- Phones: recomposed, not scaled (motifs move behind headings / to the top corner, fewer layers) ---------- */
@media (max-width: 47.99em) {
  .oismun-bg--globe {
    --bg-a: var(--m-globe) right -9rem top -5rem / 25rem auto no-repeat;
    --bg-b: var(--m-disc) right -5rem top -1rem / 16rem auto no-repeat;
  }
  .oismun-bg--laurel {
    --bg-a: var(--m-orbit) left 50% top -7rem / 30rem auto no-repeat;
    --bg-b: var(--m-laurel) left 50% top -1.5rem / 19rem auto no-repeat;
  }
  .oismun-bg--grid {
    --bg-a: var(--m-frames) right -7rem top 1rem / 19rem auto no-repeat;
    --bg-b: var(--m-gridfade) left -8rem top -4rem / 24rem auto no-repeat;
  }
  .oismun-bg--grid.oismun-bg--star {
    --bg-a: var(--m-starfield) right -3rem top 0 / 20rem auto no-repeat;
    --bg-b: var(--m-disc) right -4rem top 1rem / 14rem auto no-repeat;
  }
  .oismun-bg--organic {
    --bg-a: var(--m-arcs) left -10rem bottom -4rem / 24rem auto no-repeat;
    --bg-b: var(--m-edge) right 0 top 2rem / 11rem auto no-repeat, var(--m-blob-b) left -7rem top -6rem / 15rem auto no-repeat;
  }
  .oismun-bg--contours {
    --bg-a: var(--m-contours) right -9rem bottom -3rem / 28rem auto no-repeat;
    --bg-b: var(--m-disc) left -6rem top -5rem / 15rem auto no-repeat;
  }
  .oismun-bg--architecture {
    --bg-a: var(--m-architecture) left 62% bottom 0 / 44rem auto no-repeat;
    --bg-b: var(--m-wave) left 50% bottom 0 / 48rem auto no-repeat;
  }
  .oismun-bg--orbit {
    --bg-a: var(--m-orbit) right -10rem top -6rem / 26rem auto no-repeat;
    --bg-b: var(--m-disc) right -4rem top 0rem / 12rem auto no-repeat;
  }
  .c-page-hero.oismun-bg--orbit {
    --bg-a: var(--m-orbit) right -8rem top -9rem / 18rem auto no-repeat;
    --bg-b: var(--m-disc) right -4.4rem top -5.4rem / 8.3rem auto no-repeat;
  }
  .oismun-bg--orbit.oismun-bg--center {
    --bg-a: var(--m-orbit) left 50% top 2rem / 24rem auto no-repeat;
    --bg-b: var(--m-disc) left 50% top 7.5rem / 11rem auto no-repeat;
  }
  /* Phones stack cards into long columns: every content section gets a second motif further down, on the other
     side, so the lower half is not plain. */
  .l-section.oismun-bg, .l-section--tight.oismun-bg {
    --bg-a2: var(--m-orbit) left -12rem top 58% / 22rem auto no-repeat;
    --bg-b2: var(--m-blob-a) right -8rem top 78% / 15rem auto no-repeat;
  }
  .l-section.oismun-bg--orbit { --bg-a2: var(--m-contours) left -10rem top 58% / 24rem auto no-repeat; }
  .oismun-bg--flip.l-section { --bg-a2: var(--m-orbit) left -12rem top 58% / 22rem auto no-repeat; }
}

/* ---- Free-text pages: several motifs placed down the page (oismun27_art()) ---------------------------------- */
.oismun-art { position: absolute; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; }
.oismun-art__m {
  position: absolute;
  width: var(--s);
  aspect-ratio: var(--ar, 1);
  top: var(--y);
  left: var(--x, auto);
  right: var(--r, auto);
  background: var(--c, var(--oismun-navy));
  opacity: var(--o, 0.13);
  -webkit-mask: var(--m) center / contain no-repeat;
          mask: var(--m) center / contain no-repeat;
}
.oismun-art__m--tint { --c: var(--oismun-blue); --o: 0.12; }
@media (max-width: 47.99em) {
  .oismun-art__m { width: var(--s-sm, var(--s)); top: var(--y-sm, var(--y)); left: var(--x-sm, var(--x, auto)); right: var(--r-sm, var(--r, auto)); }
  .oismun-art__m--desktop { display: none; }
}

/* ---- Block content: OISMUN bands get rings at their side ----------------------------------------------------- */
.wp-block-group.is-style-oismun-band { position: relative; isolation: isolate; overflow: hidden; }
.wp-block-group.is-style-oismun-band::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: clamp(16rem, 10rem + 16vw, 28rem);
  aspect-ratio: 1;
  right: calc(-1 * clamp(6rem, 3rem + 5vw, 11rem));
  top: 50%;
  transform: translateY(-50%);
  background: var(--prog-ink, var(--oismun-navy));
  opacity: 0.12;
  pointer-events: none;
  -webkit-mask: var(--m-orbit) center / contain no-repeat;
          mask: var(--m-orbit) center / contain no-repeat;
}

/* ---- Block styles: the seven backgrounds for Group blocks (same rules as the section classes) ---------------- */
.wp-block-group[class*="is-style-oismun-bg-"] { padding: clamp(1.5rem, 1rem + 3vw, 3.5rem); border-radius: var(--radius-lg); }

/* ---- Framed photo: thin navy corner lines outside the photo, a short yellow accent on the last one -------- */
.c-framed { position: relative; }
.c-framed::before, .c-framed::after {
  content: "";
  position: absolute;
  width: clamp(3rem, 2rem + 3vw, 5rem);
  aspect-ratio: 1;
  pointer-events: none;
  border: 0 solid color-mix(in srgb, var(--oismun-navy) 38%, transparent);
}
.c-framed::before { top: calc(-1 * clamp(0.6rem, 0.4rem + 0.6vw, 1rem)); left: calc(-1 * clamp(0.6rem, 0.4rem + 0.6vw, 1rem)); border-top-width: 1px; border-left-width: 1px; border-top-left-radius: 6px; }
.c-framed::after {
  right: calc(-1 * clamp(0.6rem, 0.4rem + 0.6vw, 1rem));
  bottom: calc(-1 * clamp(0.6rem, 0.4rem + 0.6vw, 1rem));
  border-bottom-width: 1px; border-right-width: 1px; border-bottom-right-radius: 6px;
  background: linear-gradient(var(--oismun-accent), var(--oismun-accent)) left bottom / 1.25rem 2px no-repeat;
}