/*
 * Unified site stylesheet
 * Generated utilities, shared design rules, page-specific rules, and
 * migrated static inline declarations are maintained in this file.
 */

/* === 1. Generated utility foundation === */
*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--font-sans),Inter,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.prose{color:var(--tw-prose-body);max-width:65ch}.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);text-decoration:underline;font-weight:500}.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{font-weight:400;color:var(--tw-prose-counters)}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-style:italic;color:var(--tw-prose-quotes);border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"\201C""\201D""\2018""\2019";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:900;color:inherit}.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:800;color:inherit}.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-top:2em;margin-bottom:2em}.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-family:inherit;color:var(--tw-prose-kbd);box-shadow:0 0 0 1px var(--tw-prose-kbd-shadows),0 3px 0 var(--tw-prose-kbd-shadows);font-size:.875em;border-radius:.3125rem;padding-top:.1875em;padding-inline-end:.375em;padding-bottom:.1875em;padding-inline-start:.375em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-weight:600;font-size:.875em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:"`"}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding-top:.8571429em;padding-inline-end:1.1428571em;padding-bottom:.8571429em;padding-inline-start:1.1428571em}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){width:100%;table-layout:auto;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:start}.prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose{--tw-prose-body:#374151;--tw-prose-headings:#111827;--tw-prose-lead:#4b5563;--tw-prose-links:#111827;--tw-prose-bold:#111827;--tw-prose-counters:#6b7280;--tw-prose-bullets:#d1d5db;--tw-prose-hr:#e5e7eb;--tw-prose-quotes:#111827;--tw-prose-quote-borders:#e5e7eb;--tw-prose-captions:#6b7280;--tw-prose-kbd:#111827;--tw-prose-kbd-shadows:rgb(17 24 39/10%);--tw-prose-code:#111827;--tw-prose-pre-code:#e5e7eb;--tw-prose-pre-bg:#1f2937;--tw-prose-th-borders:#d1d5db;--tw-prose-td-borders:#e5e7eb;--tw-prose-invert-body:#d1d5db;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#9ca3af;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#9ca3af;--tw-prose-invert-bullets:#4b5563;--tw-prose-invert-hr:#374151;--tw-prose-invert-quotes:#f3f4f6;--tw-prose-invert-quote-borders:#374151;--tw-prose-invert-captions:#9ca3af;--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:rgb(255 255 255/10%);--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#d1d5db;--tw-prose-invert-pre-bg:rgb(0 0 0/50%);--tw-prose-invert-th-borders:#4b5563;--tw-prose-invert-td-borders:#374151;font-size:1rem;line-height:1.75}.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}.prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.5714286em;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.prose-lg{font-size:1.125rem;line-height:1.7777778}.prose-lg :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em}.prose-lg :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.2222222em;line-height:1.4545455;margin-top:1.0909091em;margin-bottom:1.0909091em}.prose-lg :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.6666667em;margin-bottom:1.6666667em;padding-inline-start:1em}.prose-lg :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:2.6666667em;margin-top:0;margin-bottom:.8333333em;line-height:1}.prose-lg :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.6666667em;margin-top:1.8666667em;margin-bottom:1.0666667em;line-height:1.3333333}.prose-lg :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.3333333em;margin-top:1.6666667em;margin-bottom:.6666667em;line-height:1.5}.prose-lg :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:.4444444em;line-height:1.5555556}.prose-lg :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.prose-lg :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.prose-lg :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose-lg :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.prose-lg :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em;border-radius:.3125rem;padding-top:.2222222em;padding-inline-end:.4444444em;padding-bottom:.2222222em;padding-inline-start:.4444444em}.prose-lg :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em}.prose-lg :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8666667em}.prose-lg :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.875em}.prose-lg :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em;line-height:1.75;margin-top:2em;margin-bottom:2em;border-radius:.375rem;padding-top:1em;padding-inline-end:1.5em;padding-bottom:1em;padding-inline-start:1.5em}.prose-lg :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-inline-start:1.5555556em}.prose-lg :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-inline-start:1.5555556em}.prose-lg :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.6666667em;margin-bottom:.6666667em}.prose-lg :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.4444444em}.prose-lg :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.4444444em}.prose-lg :where(.prose-lg>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.8888889em;margin-bottom:.8888889em}.prose-lg :where(.prose-lg>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em}.prose-lg :where(.prose-lg>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.3333333em}.prose-lg :where(.prose-lg>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em}.prose-lg :where(.prose-lg>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.3333333em}.prose-lg :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.8888889em;margin-bottom:.8888889em}.prose-lg :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em}.prose-lg :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em}.prose-lg :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.6666667em;padding-inline-start:1.5555556em}.prose-lg :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:3.1111111em;margin-bottom:3.1111111em}.prose-lg :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-lg :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-lg :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-lg :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-lg :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em;line-height:1.5}.prose-lg :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:.75em;padding-bottom:.75em;padding-inline-start:.75em}.prose-lg :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose-lg :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose-lg :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.75em;padding-inline-end:.75em;padding-bottom:.75em;padding-inline-start:.75em}.prose-lg :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose-lg :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose-lg :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.prose-lg :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose-lg :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em;line-height:1.5;margin-top:1em}.prose-lg :where(.prose-lg>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-lg :where(.prose-lg>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.prose-invert{--tw-prose-body:var(--tw-prose-invert-body);--tw-prose-headings:var(--tw-prose-invert-headings);--tw-prose-lead:var(--tw-prose-invert-lead);--tw-prose-links:var(--tw-prose-invert-links);--tw-prose-bold:var(--tw-prose-invert-bold);--tw-prose-counters:var(--tw-prose-invert-counters);--tw-prose-bullets:var(--tw-prose-invert-bullets);--tw-prose-hr:var(--tw-prose-invert-hr);--tw-prose-quotes:var(--tw-prose-invert-quotes);--tw-prose-quote-borders:var(--tw-prose-invert-quote-borders);--tw-prose-captions:var(--tw-prose-invert-captions);--tw-prose-kbd:var(--tw-prose-invert-kbd);--tw-prose-kbd-shadows:var(--tw-prose-invert-kbd-shadows);--tw-prose-code:var(--tw-prose-invert-code);--tw-prose-pre-code:var(--tw-prose-invert-pre-code);--tw-prose-pre-bg:var(--tw-prose-invert-pre-bg);--tw-prose-th-borders:var(--tw-prose-invert-th-borders);--tw-prose-td-borders:var(--tw-prose-invert-td-borders)}.field{width:100%;border-width:1px;border-color:rgb(244 239 229/.15);--tw-bg-opacity:1;background-color:rgb(5 7 12/var(--tw-bg-opacity,1));padding:1rem;--tw-text-opacity:1;color:rgb(244 239 229/var(--tw-text-opacity,1));outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.field::-moz-placeholder{color:rgb(216 209 196/.35)}.field::placeholder{color:rgb(216 209 196/.35)}.field:focus{--tw-border-opacity:1;border-color:rgb(151 205 45/var(--tw-border-opacity,1));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(151 205 45/var(--tw-ring-opacity,1))}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-x-0{left:0;right:0}.top-0{top:0}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.mb-12{margin-bottom:3rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-14{margin-top:3.5rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-20{margin-top:5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.size-11{width:2.75rem;height:2.75rem}.size-3\.5{width:.875rem;height:.875rem}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.size-7{width:1.75rem;height:1.75rem}.size-9{width:2.25rem;height:2.25rem}.h-10{height:2.5rem}.h-14{height:3.5rem}.h-20{height:5rem}.h-4{height:1rem}.h-auto{height:auto}.h-full{height:100%}.min-h-11{min-height:2.75rem}.min-h-12{min-height:3rem}.min-h-32{min-height:8rem}.min-h-44{min-height:11rem}.min-h-\[420px\]{min-height:420px}.min-h-\[86vh\]{min-height:86vh}.w-32{width:8rem}.w-44{width:11rem}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-7xl{max-width:80rem}.max-w-\[92rem\]{max-width:92rem}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-none{max-width:none}.max-w-sm{max-width:24rem}.max-w-xs{max-width:20rem}.shrink-0{flex-shrink:0}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.resize-y{resize:vertical}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-12{gap:3rem}.gap-14{gap:3.5rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-7{gap:1.75rem}.gap-px{gap:1px}.gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.gap-y-3{row-gap:.75rem}.space-y-16>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(4rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(4rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-ivory\/10>:not([hidden])~:not([hidden]){border-color:rgb(244 239 229/.1)}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.border{border-width:1px}.border-y{border-top-width:1px}.border-b,.border-y{border-bottom-width:1px}.border-l{border-left-width:1px}.border-t{border-top-width:1px}.border-atlantis{--tw-border-opacity:1;border-color:rgb(151 205 45/var(--tw-border-opacity,1))}.border-atlantis\/25{border-color:rgb(151 205 45/.25)}.border-atlantis\/60{border-color:rgb(151 205 45/.6)}.border-ivory\/10{border-color:rgb(244 239 229/.1)}.border-ivory\/15{border-color:rgb(244 239 229/.15)}.bg-atlantis{--tw-bg-opacity:1;background-color:rgb(151 205 45/var(--tw-bg-opacity,1))}.bg-charcoal{--tw-bg-opacity:1;background-color:rgb(17 24 43/var(--tw-bg-opacity,1))}.bg-graphite{--tw-bg-opacity:1;background-color:rgb(12 17 32/var(--tw-bg-opacity,1))}.bg-ink{--tw-bg-opacity:1;background-color:rgb(5 7 12/var(--tw-bg-opacity,1))}.bg-ink\/45{background-color:rgb(5 7 12/.45)}.bg-ink\/70{background-color:rgb(5 7 12/.7)}.bg-ivory{--tw-bg-opacity:1;background-color:rgb(244 239 229/var(--tw-bg-opacity,1))}.bg-ivory\/10{background-color:rgb(244 239 229/.1)}.bg-ivory\/25{background-color:rgb(244 239 229/.25)}.bg-transparent{background-color:transparent}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-ink{--tw-gradient-from:#05070c var(--tw-gradient-from-position);--tw-gradient-to:rgb(5 7 12/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-ink\/45{--tw-gradient-to:rgb(5 7 12/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgb(5 7 12/0.45) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-ink\/65{--tw-gradient-to:rgb(5 7 12/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgb(5 7 12/0.65) var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-ink\/20{--tw-gradient-to:rgb(5 7 12/0.2) var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.object-left{-o-object-position:left;object-position:left}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-24{padding-top:6rem;padding-bottom:6rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-7{padding-top:1.75rem;padding-bottom:1.75rem}.pb-12{padding-bottom:3rem}.pb-2{padding-bottom:.5rem}.pb-24{padding-bottom:6rem}.pl-8{padding-left:2rem}.pt-20{padding-top:5rem}.pt-36{padding-top:9rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.font-sans{font-family:var(--font-sans),Inter,system-ui,sans-serif}.font-serif{font-family:var(--font-editorial),Georgia,serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-\[10px\]{font-size:10px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.leading-8{line-height:2rem}.leading-9{line-height:2.25rem}.leading-\[0\.98\]{line-height:.98}.leading-\[1\.12\]{line-height:1.12}.leading-\[1\]{line-height:1}.leading-tight{line-height:1.25}.tracking-\[0\.16em\]{letter-spacing:.16em}.tracking-\[0\.18em\]{letter-spacing:.18em}.tracking-\[0\.22em\]{letter-spacing:.22em}.tracking-\[0\.25em\]{letter-spacing:.25em}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-\[0\.32em\]{letter-spacing:.32em}.tracking-\[0\.35em\]{letter-spacing:.35em}.tracking-\[0\.3em\]{letter-spacing:.3em}.tracking-widest{letter-spacing:.1em}.text-atlantis{--tw-text-opacity:1;color:rgb(151 205 45/var(--tw-text-opacity,1))}.text-ink{--tw-text-opacity:1;color:rgb(5 7 12/var(--tw-text-opacity,1))}.text-ivory{--tw-text-opacity:1;color:rgb(244 239 229/var(--tw-text-opacity,1))}.text-mist\/45{color:rgb(216 209 196/.45)}.text-mist\/65{color:rgb(216 209 196/.65)}.text-mist\/70{color:rgb(216 209 196/.7)}.text-mist\/75{color:rgb(216 209 196/.75)}.text-red-300{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-50{opacity:.5}.opacity-55{opacity:.55}.opacity-60{opacity:.6}.shadow-glow{--tw-shadow:0 24px 120px rgba(151,205,45,0.14);--tw-shadow-colored:0 24px 120px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-xl{--tw-backdrop-blur:blur(24px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}:root{color-scheme:dark;--font-editorial:"Cormorant Garamond","Canela","Iowan Old Style",Georgia,serif;--font-sans:Inter,"Neue Haas Grotesk Text","Helvetica Neue",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#050505}body{margin:0;background:linear-gradient(180deg,rgba(16,16,15,.62),rgba(5,5,5,1) 34%),#050505;color:#f4efe5;text-rendering:optimizeLegibility}::-moz-selection{background:#97cd2d;color:#050505}::selection{background:#97cd2d;color:#050505}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}.hover\:border-atlantis:hover{--tw-border-opacity:1;border-color:rgb(151 205 45/var(--tw-border-opacity,1))}.hover\:border-atlantis\/60:hover{border-color:rgb(151 205 45/.6)}.hover\:bg-atlantis:hover{--tw-bg-opacity:1;background-color:rgb(151 205 45/var(--tw-bg-opacity,1))}.hover\:bg-ivory\/\[0\.03\]:hover{background-color:rgb(244 239 229/.03)}.hover\:text-atlantis:hover{--tw-text-opacity:1;color:rgb(151 205 45/var(--tw-text-opacity,1))}.hover\:text-ink:hover{--tw-text-opacity:1;color:rgb(5 7 12/var(--tw-text-opacity,1))}.hover\:text-ivory:hover{--tw-text-opacity:1;color:rgb(244 239 229/var(--tw-text-opacity,1))}.focus-visible\:outline:focus-visible{outline-style:solid}.focus-visible\:outline-2:focus-visible{outline-width:2px}.focus-visible\:outline-offset-4:focus-visible{outline-offset:4px}.focus-visible\:outline-atlantis:focus-visible{outline-color:#97CD2D}.group:hover .group-hover\:-translate-y-0\.5{--tw-translate-y:-0.125rem}.group:hover .group-hover\:-translate-y-0\.5,.group:hover .group-hover\:-translate-y-1{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:-translate-y-1{--tw-translate-y:-0.25rem}.group:hover .group-hover\:translate-x-0\.5{--tw-translate-x:0.125rem}.group:hover .group-hover\:translate-x-0\.5,.group:hover .group-hover\:translate-x-1{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:translate-x-1{--tw-translate-x:0.25rem}.group:hover .group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:border-atlantis\/70{border-color:rgb(151 205 45/.7)}.group:hover .group-hover\:text-atlantis{--tw-text-opacity:1;color:rgb(151 205 45/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-ink{--tw-text-opacity:1;color:rgb(5 7 12/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-ink\/75{color:rgb(5 7 12/.75)}.prose-p\:leading-9 :is(:where(p):not(:where([class~=not-prose],[class~=not-prose] *))){line-height:2.25rem}.prose-p\:text-mist\/75 :is(:where(p):not(:where([class~=not-prose],[class~=not-prose] *))){color:rgb(216 209 196/.75)}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:p-12{padding:3rem}.sm\:p-8{padding:2rem}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:text-7xl{font-size:4.5rem;line-height:1}.sm\:text-\[1\.675rem\]{font-size:1.675rem}}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-cols-\[\.6fr_1\.4fr_auto\]{grid-template-columns:.6fr 1.4fr auto}}@media (min-width:1024px){.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-\[\.7fr_1\.3fr\]{grid-template-columns:.7fr 1.3fr}.lg\:grid-cols-\[\.85fr_1\.15fr\]{grid-template-columns:.85fr 1.15fr}.lg\:grid-cols-\[\.8fr_1\.2fr\]{grid-template-columns:.8fr 1.2fr}.lg\:grid-cols-\[1\.15fr_\.7fr_1\.35fr\]{grid-template-columns:1.15fr .7fr 1.35fr}.lg\:grid-cols-\[auto_minmax\(0\2c 1fr\)\]{grid-template-columns:auto minmax(0,1fr)}.lg\:flex-row{flex-direction:row}.lg\:items-start{align-items:flex-start}.lg\:items-end{align-items:flex-end}.lg\:items-center{align-items:center}.lg\:justify-self-end{justify-self:end}.lg\:p-16{padding:4rem}.lg\:p-8{padding:2rem}.lg\:py-16{padding-top:4rem;padding-bottom:4rem}.lg\:py-28{padding-top:7rem;padding-bottom:7rem}.lg\:py-32{padding-top:8rem;padding-bottom:8rem}.lg\:py-8{padding-top:2rem;padding-bottom:2rem}.lg\:pb-20{padding-bottom:5rem}.lg\:pb-32{padding-bottom:8rem}.lg\:pl-8{padding-left:2rem}.lg\:pt-44{padding-top:11rem}.lg\:pt-8{padding-top:2rem}.lg\:text-4xl{font-size:2.25rem;line-height:2.5rem}.lg\:text-8xl{font-size:6rem;line-height:1}.lg\:text-\[2\.5rem\]{font-size:2.5rem}}@media (min-width:1280px){.xl\:min-w-\[58rem\]{min-width:58rem}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}

/* === 2. Page rules that originally preceded refresh.css === */
/* Shared style group: style-pre-01 */
/* Source block: direct-open-fix */
:where(html.style-pre-01) [style*="opacity:0"]{opacity:1!important;transform:none!important}:where(html.style-pre-01) [style*="opacity: 0"]{opacity:1!important;transform:none!important}
/* Source block: dynamic-experience-style */
:root:where(.style-pre-01){scroll-behavior:smooth}:where(html.style-pre-01) .site-progress{position:fixed;top:0;left:0;z-index:70;height:2px;width:100%;transform:scaleX(0);transform-origin:left;background:#b6f05c;box-shadow:0 0 18px rgba(182,240,92,.55);pointer-events:none}:where(html.style-pre-01) .page-loaded main{animation:page-rise .72s cubic-bezier(.2,.8,.2,1) both}@keyframes page-rise{from{opacity:.001;transform:translateY(14px)}to{opacity:1;transform:none}}:where(html.style-pre-01) .enhanced .reveal-live{opacity:0;transform:translateY(22px);transition:opacity .75s cubic-bezier(.2,.8,.2,1),transform .75s cubic-bezier(.2,.8,.2,1),border-color .3s ease,background-color .3s ease,color .3s ease}:where(html.style-pre-01) .enhanced .reveal-live.is-visible{opacity:1;transform:none}:where(html.style-pre-01) .enhanced .page-section-banner{position:relative;isolation:isolate}:where(html.style-pre-01) .enhanced .page-section-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,10,12,0) 35%,rgba(7,10,12,.28));pointer-events:none}:where(html.style-pre-01) .enhanced .page-section-banner img{transform:scale(1.015);transition:transform 1.4s cubic-bezier(.2,.8,.2,1),filter 1.4s ease;will-change:transform}:where(html.style-pre-01) .enhanced .page-section-banner:hover img{transform:scale(1.045);filter:saturate(1.05) contrast(1.04)}:where(html.style-pre-01) .nav-panel-live{display:none;border-top:1px solid rgba(246,241,226,.1);background:rgba(7,10,12,.98);padding:1.25rem}:where(html.style-pre-01) .nav-panel-live.is-open{display:block}:where(html.style-pre-01) .nav-panel-live a{display:block;padding:.85rem 0;font-family:var(--font-serif),Georgia,serif;font-size:1.85rem;line-height:1.08;color:#f6f1e2;text-decoration:none}:where(html.style-pre-01) .nav-panel-live a:hover{color:#b6f05c}:where(html.style-pre-01) .live-back-top{position:fixed;right:1rem;bottom:1rem;z-index:60;display:grid;width:2.75rem;height:2.75rem;place-items:center;border:1px solid rgba(246,241,226,.2);background:rgba(16,19,20,.82);color:#f6f1e2;opacity:0;transform:translateY(12px);transition:opacity .25s ease,transform .25s ease,border-color .25s ease,color .25s ease;backdrop-filter:blur(14px)}:where(html.style-pre-01) .live-back-top.is-visible{opacity:1;transform:none}:where(html.style-pre-01) .live-back-top:hover{border-color:#b6f05c;color:#b6f05c}:where(html.style-pre-01) .live-filter-hidden{display:none!important}:where(html.style-pre-01) .work-filter-live button{position:relative;overflow:hidden}:where(html.style-pre-01) .work-filter-live button:after{content:"";position:absolute;left:1rem;right:1rem;bottom:.45rem;height:1px;transform:scaleX(0);transform-origin:left;background:currentColor;transition:transform .25s ease}:where(html.style-pre-01) .work-filter-live button:hover:after,
:where(html.style-pre-01) .work-filter-live button[aria-pressed="true"]:after{transform:scaleX(1)}:where(html.style-pre-01) #contact-form-status:not(.hidden){display:block;margin-top:.25rem}:where(html.style-pre-01) .field:focus{outline:2px solid #b6f05c;outline-offset:2px}:where(html.style-pre-01) .interactive-live{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}:where(html.style-pre-01) .interactive-live:hover{transform:translateY(-2px);box-shadow:0 18px 50px rgba(0,0,0,.24)}@media (prefers-reduced-motion:reduce){:root:where(.style-pre-01){scroll-behavior:auto}:where(html.style-pre-01) .page-loaded main,
:where(html.style-pre-01) .enhanced .reveal-live,
:where(html.style-pre-01) .enhanced .page-section-banner img,
:where(html.style-pre-01) .interactive-live{animation:none!important;transition:none!important;transform:none!important;opacity:1!important}}
/* Source block: branded-404-style */
:where(html.style-pre-01) body{background:#000!important;color:#f6f1e2!important}:where(html.style-pre-01) .error-404-wrap{min-height:calc(100vh - 5rem);display:flex;align-items:center;justify-content:center;padding:10rem 1.5rem 7rem;background:#000}:where(html.style-pre-01) .error-404-panel{display:flex;flex-direction:column;align-items:center;text-align:center}:where(html.style-pre-01) .error-404-logo{width:min(190px,44vw);height:auto;margin-bottom:5.4rem}:where(html.style-pre-01) .error-404-message{display:flex;align-items:center;justify-content:center;gap:1.45rem;color:#f6f1e2}:where(html.style-pre-01) .error-404-code{font-size:1.9rem;font-weight:500;line-height:1;letter-spacing:.02em}:where(html.style-pre-01) .error-404-divider{width:1px;height:3.6rem;background:rgba(246,241,226,.28)}:where(html.style-pre-01) .error-404-text{font-size:1rem;font-weight:400;line-height:1.5;color:rgba(246,241,226,.86)}@media (max-width:640px){:where(html.style-pre-01) .error-404-wrap{padding-top:8rem}:where(html.style-pre-01) .error-404-logo{width:min(165px,56vw);margin-bottom:4rem}:where(html.style-pre-01) .error-404-message{gap:1rem}:where(html.style-pre-01) .error-404-code{font-size:1.65rem}:where(html.style-pre-01) .error-404-text{text-align:left}}
/* Source block: responsive-qa-style */
html:where(.style-pre-01),
:where(html.style-pre-01) body{max-width:100%;overflow-x:hidden}
:where(html.style-pre-01) img,
:where(html.style-pre-01) video{max-width:100%;height:auto}
:where(html.style-pre-01) header nav{max-width:100vw}
:where(html.style-pre-01) .nav-panel-live{position:fixed;top:5rem;left:0;right:0;z-index:55;max-height:calc(100vh - 5rem);overflow:auto;box-shadow:0 28px 60px rgba(0,0,0,.38)}
@media (max-width:1023px){
  :where(html.style-pre-01) main section{scroll-margin-top:5rem}
  :where(html.style-pre-01) .page-section-banner img{width:100%;height:auto;object-fit:cover}
  :where(html.style-pre-01) .work-image,
:where(html.style-pre-01) .expertise-image,
:where(html.style-pre-01) .insights-image,
:where(html.style-pre-01) .about-portrait{max-width:100%}
  :where(html.style-pre-01) .work-copy,
:where(html.style-pre-01) .expertise-copy,
:where(html.style-pre-01) .insights-copy,
:where(html.style-pre-01) .about-copy{max-width:100%}
}

/* Accessibility, legal pages, and consent controls */
.skip-link {
  position: fixed;
  z-index: 9999;
  top: 0.75rem;
  left: 0.75rem;
  transform: translateY(-180%);
  padding: 0.75rem 1rem;
  background: #b6f05c;
  color: #0b1328;
  font-weight: 700;
  transition: transform 0.2s ease;
}
.skip-link:focus { transform: translateY(0); }
.footer-legal-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.75rem 1.25rem;
  margin: 0.9rem 0 0;
  font-size: 0.75rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(225, 232, 240, 0.62);
}
.footer-legal-links a:hover,
.footer-legal-links a:focus-visible { color: #b6f05c; }
.form-consent {
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
  grid-column: 1 / -1;
  font-size: 0.76rem;
  line-height: 1.55;
  color: rgba(225, 232, 240, 0.72);
}
.form-consent input {
  width: 1rem;
  height: 1rem;
  margin-top: 0.15rem;
  accent-color: #b6f05c;
  flex: 0 0 auto;
}
.form-consent a { color: #b6f05c; text-decoration: underline; }
.legal-page-main {
  min-height: 70vh;
  padding: 9rem 1.25rem 6rem;
  background: #0b1328;
  color: #e8edf3;
}
.legal-page header nav > a { width: 10.5rem; height: 3.25rem; }
.legal-page header nav > a img { width: 100%; height: 100%; object-fit: contain; object-position: left center; }
.legal-page header nav .lg\:flex > a {
  font-size: 0.75rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: rgba(225, 232, 240, 0.72);
}
.legal-page header nav .lg\:flex > a:hover,
.legal-page header nav .lg\:flex > a:focus-visible { color: #b6f05c; }
.legal-page .nav-panel-live {
  position: fixed;
  top: 5rem;
  left: 0;
  right: 0;
  z-index: 55;
  display: none;
  padding: 1.25rem;
  background: rgba(11, 19, 40, 0.98);
  border-top: 1px solid rgba(225, 232, 240, 0.14);
}
.legal-page .nav-panel-live.is-open { display: block; }
.legal-page .nav-panel-live a {
  display: block;
  padding: 0.8rem 0;
  font-size: 1.35rem;
  color: #e8edf3;
}
.legal-page-content { width: min(100%, 56rem); margin: 0 auto; }
.legal-page-content .legal-kicker {
  margin-bottom: 1rem;
  color: #b6f05c;
  font-size: 0.75rem;
  letter-spacing: 0.28em;
  text-transform: uppercase;
}
.legal-page-content h1 {
  margin-bottom: 1.25rem;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2.35rem, 6vw, 4.75rem);
  line-height: 1.03;
}
.legal-page-content .legal-intro {
  max-width: 48rem;
  margin-bottom: 3rem;
  font-size: 1.15rem;
  line-height: 1.8;
  color: rgba(225, 232, 240, 0.76);
}
.legal-page-content section {
  padding: 1.75rem 0;
  border-top: 1px solid rgba(225, 232, 240, 0.14);
}
.legal-page-content h2 { margin-bottom: 0.8rem; font-size: 1.45rem; }
.legal-page-content p,
.legal-page-content li { line-height: 1.8; color: rgba(225, 232, 240, 0.76); }
.legal-page-content p + p { margin-top: 0.85rem; }
.legal-page-content ul { padding-left: 1.2rem; list-style: disc; }
.legal-page-content a { color: #b6f05c; text-decoration: underline; }
.legal-form { display: grid; gap: 1rem; max-width: 34rem; margin-top: 1.5rem; }
.legal-form label { display: grid; gap: 0.45rem; }
.legal-form input[type="email"] {
  min-height: 3rem;
  padding: 0.75rem 0.9rem;
  border: 1px solid rgba(225, 232, 240, 0.25);
  background: #131f3d;
  color: #fff;
}
.legal-form button {
  min-height: 3rem;
  padding: 0.75rem 1rem;
  background: #b6f05c;
  color: #0b1328;
  font-weight: 700;
}
@media (min-width: 640px) {
  .legal-page-main { padding-inline: 2rem; }
}
@media (max-width:767px){
  :where(html.style-pre-01) header nav{height:4.5rem;padding-left:1rem!important;padding-right:1rem!important}
  :where(html.style-pre-01) header a[aria-label],
:where(html.style-pre-01) header nav>a{width:10.7rem!important;height:3.25rem!important}
  :where(html.style-pre-01) main>section{padding-top:7rem!important;padding-bottom:4.75rem!important}
  :where(html.style-pre-01) h1,
:where(html.style-pre-01) h2{overflow-wrap:break-word;word-break:normal}
  :where(html.style-pre-01) .about-composition,
:where(html.style-pre-01) .work-composition,
:where(html.style-pre-01) .expertise-composition,
:where(html.style-pre-01) .insights-composition{gap:1.55rem!important}
  :where(html.style-pre-01) .about-title,
:where(html.style-pre-01) .work-title,
:where(html.style-pre-01) .expertise-title,
:where(html.style-pre-01) .insights-title{font-size:clamp(1.7rem,8vw,2.45rem)!important;line-height:1.08!important;max-width:100%!important}
  :where(html.style-pre-01) .about-row{gap:1.65rem!important}
  :where(html.style-pre-01) .about-copy{font-size:1rem!important;line-height:1.42!important}
  :where(html.style-pre-01) .about-copy p+p{margin-top:1rem!important}
  :where(html.style-pre-01) .work-copy,
:where(html.style-pre-01) .expertise-copy,
:where(html.style-pre-01) .insights-copy{font-size:1rem!important;line-height:1.55!important}
  :where(html.style-pre-01) .work-image,
:where(html.style-pre-01) .expertise-image,
:where(html.style-pre-01) .insights-image,
:where(html.style-pre-01) .about-portrait{border-color:rgba(246,241,226,.14)}
  :where(html.style-pre-01) .home-social-strip{padding-top:1.25rem!important}
  :where(html.style-pre-01) .home-positioning-socials{justify-content:flex-start!important;flex-wrap:wrap;gap:.75rem!important}
  :where(html.style-pre-01) .home-social-icon{width:3rem!important;height:3rem!important}
  :where(html.style-pre-01) .contact-section-row{display:grid!important;grid-template-columns:1fr!important;gap:1.6rem!important}
  :where(html.style-pre-01) .contact-section-image{width:100%!important;max-width:24rem!important;justify-self:start}
  :where(html.style-pre-01) .contact-section-content{justify-self:start!important;max-width:100%!important}
  :where(html.style-pre-01) .contact-section-content p{margin-left:0!important}
  :where(html.style-pre-01) form .field,
:where(html.style-pre-01) input,
:where(html.style-pre-01) textarea,
:where(html.style-pre-01) select{max-width:100%;box-sizing:border-box}
}
@media (max-width:640px){
  :where(html.style-pre-01) main>section:first-child img[src$="hero-banner.jpg"]{display:block;width:100%;max-width:100vw;height:auto!important;min-height:0!important;object-fit:contain!important;object-position:center center}:where(html.style-pre-01) main>section:first-child .relative.overflow-hidden{max-width:100vw;overflow:hidden}
  :where(html.style-pre-01) footer .grid{gap:2rem!important}
  :where(html.style-pre-01) footer .relative.h-14{width:11rem!important}
}
@media (min-width:641px) and (max-width:1023px){
  :where(html.style-pre-01) main>section:first-child img[src$="hero-banner.jpg"]{width:100%;height:auto;min-height:0;object-fit:contain}
  :where(html.style-pre-01) .about-row{grid-template-columns:1fr!important;gap:2rem!important}
  :where(html.style-pre-01) .about-portrait{max-width:42rem}
  :where(html.style-pre-01) .contact-section-row{grid-template-columns:minmax(260px,360px) minmax(0,1fr)!important;gap:2rem!important}
  :where(html.style-pre-01) .contact-section-image{width:100%!important}
}
/* Source block: scroll-performance-fix */
:where(html.style-pre-01) .site-progress,
:where(html.style-pre-01) .live-back-top{display:none!important}:where(html.style-pre-01) .reveal-live{opacity:1!important;transform:none!important;transition:none!important}:where(html.style-pre-01) .page-loaded main{animation:none!important}:where(html.style-pre-01) .page-section-banner img,
:where(html.style-pre-01) .interactive-live{will-change:auto!important}
/* Source block: header-live-meta-style */
:where(html.style-pre-01) .header-live-separator{
        color: rgba(246, 241, 226, 0.28);
        font-size: 0.75rem;
        line-height: 1;
      }
      :where(html.style-pre-01) .header-live-meta{
        display: inline-flex;
        align-items: center;
        gap: 0.55rem;
        white-space: nowrap;
        color: rgba(211, 208, 197, 0.68);
        font-size: 0.68rem;
        font-weight: 500;
        letter-spacing: 0.14em;
        line-height: 1;
        text-transform: uppercase;
      }
      :where(html.style-pre-01) .header-live-meta span[aria-hidden="true"]{
        color: rgba(246, 241, 226, 0.24);
      }
      :where(html.style-pre-01) .header-live-temp{
        color: #b6f05c;
      }
      @media (max-width: 1279px){
        :where(html.style-pre-01) .header-live-separator,
:where(html.style-pre-01) .header-live-meta{
          display: none !important;
        }
      }
/* Source block: media-copy-guard-style */
:where(html.style-pre-01) img,
:where(html.style-pre-01) picture,
:where(html.style-pre-01) video,
:where(html.style-pre-01) canvas,
:where(html.style-pre-01) svg{
      -webkit-user-drag: none;
      user-drag: none;
      -webkit-user-select: none;
      user-select: none;
      -webkit-touch-callout: none;
    }
/* Source block: active-main-menu-style */
:where(html.style-pre-01) header nav[aria-label="Main navigation"] a[aria-current="page"],
:where(html.style-pre-01) .nav-panel-live a[aria-current="page"]{
        color: #b6f05c !important;
        font-weight: 800 !important;
        text-shadow:
          0 0 8px rgba(182, 240, 92, 0.75),
          0 0 22px rgba(182, 240, 92, 0.45);
      }
/* Source block: arabic-menu-pulse-style */
:where(html.style-pre-01) header nav[aria-label="Main navigation"] [lang="ar"]{
        position: relative;
        display: inline-flex;
        align-items: center;
        gap: 0.55rem;
      }
      :where(html.style-pre-01) header nav[aria-label="Main navigation"] [lang="ar"]::after{
        content: "";
        width: 0.45rem;
        height: 0.45rem;
        border-radius: 999px;
        background: #b6f05c;
        box-shadow: 0 0 0 rgba(182, 240, 92, 0);
        animation: arabic-menu-dot-pulse 2s ease-in-out infinite;
      }
      @keyframes arabic-menu-dot-pulse{
        0%, 100% {
          opacity: 0.55;
          box-shadow: 0 0 0 rgba(182, 240, 92, 0);
          transform: scale(0.92);
        }
        50% {
          opacity: 1;
          box-shadow:
            0 0 8px rgba(182, 240, 92, 0.85),
            0 0 18px rgba(182, 240, 92, 0.55);
          transform: scale(1.08);
        }
      }
      @media (prefers-reduced-motion: reduce){
        :where(html.style-pre-01) header nav[aria-label="Main navigation"] [lang="ar"]::after{
          animation: none;
        }
      }
/* Source block: site-image-protection-style */
:where(html.style-pre-01) img,
:where(html.style-pre-01) picture,
:where(html.style-pre-01) video,
:where(html.style-pre-01) canvas,
:where(html.style-pre-01) svg{
        -webkit-user-select: none;
        user-select: none;
        -webkit-user-drag: none;
        -webkit-touch-callout: none;
      }
      :where(html.style-pre-01) img{ pointer-events: none; }
      :where(html.style-pre-01) .footer-statement{ max-width: none; overflow-wrap: normal; }
      @media (min-width: 1024px){
        :where(html.style-pre-01) .footer-statement{ white-space: nowrap; }
      }
      @media (max-width: 1023px){
        :where(html.style-pre-01) .footer-statement{ white-space: normal; }
      }

/* Shared style group: style-pre-02 */
/* Source block: direct-open-fix */
:where(html.style-pre-02) [style*="opacity:0"]{opacity:1!important;transform:none!important}:where(html.style-pre-02) [style*="opacity: 0"]{opacity:1!important;transform:none!important}
/* Source block: dynamic-experience-style */
:root:where(.style-pre-02){scroll-behavior:smooth}:where(html.style-pre-02) .site-progress{position:fixed;top:0;left:0;z-index:70;height:2px;width:100%;transform:scaleX(0);transform-origin:left;background:#b6f05c;box-shadow:0 0 18px rgba(182,240,92,.55);pointer-events:none}:where(html.style-pre-02) .page-loaded main{animation:page-rise .72s cubic-bezier(.2,.8,.2,1) both}@keyframes page-rise{from{opacity:.001;transform:translateY(14px)}to{opacity:1;transform:none}}:where(html.style-pre-02) .enhanced .reveal-live{opacity:0;transform:translateY(22px);transition:opacity .75s cubic-bezier(.2,.8,.2,1),transform .75s cubic-bezier(.2,.8,.2,1),border-color .3s ease,background-color .3s ease,color .3s ease}:where(html.style-pre-02) .enhanced .reveal-live.is-visible{opacity:1;transform:none}:where(html.style-pre-02) .enhanced .page-section-banner{position:relative;isolation:isolate}:where(html.style-pre-02) .enhanced .page-section-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,10,12,0) 35%,rgba(7,10,12,.28));pointer-events:none}:where(html.style-pre-02) .enhanced .page-section-banner img{transform:scale(1.015);transition:transform 1.4s cubic-bezier(.2,.8,.2,1),filter 1.4s ease;will-change:transform}:where(html.style-pre-02) .enhanced .page-section-banner:hover img{transform:scale(1.045);filter:saturate(1.05) contrast(1.04)}:where(html.style-pre-02) .nav-panel-live{display:none;border-top:1px solid rgba(246,241,226,.1);background:rgba(7,10,12,.98);padding:1.25rem}:where(html.style-pre-02) .nav-panel-live.is-open{display:block}:where(html.style-pre-02) .nav-panel-live a{display:block;padding:.85rem 0;font-family:var(--font-serif),Georgia,serif;font-size:1.85rem;line-height:1.08;color:#f6f1e2;text-decoration:none}:where(html.style-pre-02) .nav-panel-live a:hover{color:#b6f05c}:where(html.style-pre-02) .live-back-top{position:fixed;right:1rem;bottom:1rem;z-index:60;display:grid;width:2.75rem;height:2.75rem;place-items:center;border:1px solid rgba(246,241,226,.2);background:rgba(16,19,20,.82);color:#f6f1e2;opacity:0;transform:translateY(12px);transition:opacity .25s ease,transform .25s ease,border-color .25s ease,color .25s ease;backdrop-filter:blur(14px)}:where(html.style-pre-02) .live-back-top.is-visible{opacity:1;transform:none}:where(html.style-pre-02) .live-back-top:hover{border-color:#b6f05c;color:#b6f05c}:where(html.style-pre-02) .live-filter-hidden{display:none!important}:where(html.style-pre-02) .work-filter-live button{position:relative;overflow:hidden}:where(html.style-pre-02) .work-filter-live button:after{content:"";position:absolute;left:1rem;right:1rem;bottom:.45rem;height:1px;transform:scaleX(0);transform-origin:left;background:currentColor;transition:transform .25s ease}:where(html.style-pre-02) .work-filter-live button:hover:after,
:where(html.style-pre-02) .work-filter-live button[aria-pressed="true"]:after{transform:scaleX(1)}:where(html.style-pre-02) #contact-form-status:not(.hidden){display:block;margin-top:.25rem}:where(html.style-pre-02) .field:focus{outline:2px solid #b6f05c;outline-offset:2px}:where(html.style-pre-02) .interactive-live{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}:where(html.style-pre-02) .interactive-live:hover{transform:translateY(-2px);box-shadow:0 18px 50px rgba(0,0,0,.24)}@media (prefers-reduced-motion:reduce){:root:where(.style-pre-02){scroll-behavior:auto}:where(html.style-pre-02) .page-loaded main,
:where(html.style-pre-02) .enhanced .reveal-live,
:where(html.style-pre-02) .enhanced .page-section-banner img,
:where(html.style-pre-02) .interactive-live{animation:none!important;transition:none!important;transform:none!important;opacity:1!important}}
/* Source block: responsive-qa-style */
html:where(.style-pre-02),
:where(html.style-pre-02) body{max-width:100%;overflow-x:hidden}
:where(html.style-pre-02) img,
:where(html.style-pre-02) video{max-width:100%;height:auto}
:where(html.style-pre-02) header nav{max-width:100vw}
:where(html.style-pre-02) .nav-panel-live{position:fixed;top:5rem;left:0;right:0;z-index:55;max-height:calc(100vh - 5rem);overflow:auto;box-shadow:0 28px 60px rgba(0,0,0,.38)}
@media (max-width:1023px){
  :where(html.style-pre-02) main section{scroll-margin-top:5rem}
  :where(html.style-pre-02) .page-section-banner img{width:100%;height:auto;object-fit:cover}
  :where(html.style-pre-02) .work-image,
:where(html.style-pre-02) .expertise-image,
:where(html.style-pre-02) .insights-image,
:where(html.style-pre-02) .about-portrait{max-width:100%}
  :where(html.style-pre-02) .work-copy,
:where(html.style-pre-02) .expertise-copy,
:where(html.style-pre-02) .insights-copy,
:where(html.style-pre-02) .about-copy{max-width:100%}
}
@media (max-width:767px){
  :where(html.style-pre-02) header nav{height:4.5rem;padding-left:1rem!important;padding-right:1rem!important}
  :where(html.style-pre-02) header a[aria-label],
:where(html.style-pre-02) header nav>a{width:10.7rem!important;height:3.25rem!important}
  :where(html.style-pre-02) main>section{padding-top:7rem!important;padding-bottom:4.75rem!important}
  :where(html.style-pre-02) h1,
:where(html.style-pre-02) h2{overflow-wrap:break-word;word-break:normal}
  :where(html.style-pre-02) .about-composition,
:where(html.style-pre-02) .work-composition,
:where(html.style-pre-02) .expertise-composition,
:where(html.style-pre-02) .insights-composition{gap:1.55rem!important}
  :where(html.style-pre-02) .about-title,
:where(html.style-pre-02) .work-title,
:where(html.style-pre-02) .expertise-title,
:where(html.style-pre-02) .insights-title{font-size:clamp(1.7rem,8vw,2.45rem)!important;line-height:1.08!important;max-width:100%!important}
  :where(html.style-pre-02) .about-row{gap:1.65rem!important}
  :where(html.style-pre-02) .about-copy{font-size:1rem!important;line-height:1.42!important}
  :where(html.style-pre-02) .about-copy p+p{margin-top:1rem!important}
  :where(html.style-pre-02) .work-copy,
:where(html.style-pre-02) .expertise-copy,
:where(html.style-pre-02) .insights-copy{font-size:1rem!important;line-height:1.55!important}
  :where(html.style-pre-02) .work-image,
:where(html.style-pre-02) .expertise-image,
:where(html.style-pre-02) .insights-image,
:where(html.style-pre-02) .about-portrait{border-color:rgba(246,241,226,.14)}
  :where(html.style-pre-02) .home-social-strip{padding-top:1.25rem!important}
  :where(html.style-pre-02) .home-positioning-socials{justify-content:flex-start!important;flex-wrap:wrap;gap:.75rem!important}
  :where(html.style-pre-02) .home-social-icon{width:3rem!important;height:3rem!important}
  :where(html.style-pre-02) .contact-section-row{display:grid!important;grid-template-columns:1fr!important;gap:1.6rem!important}
  :where(html.style-pre-02) .contact-section-image{width:100%!important;max-width:24rem!important;justify-self:start}
  :where(html.style-pre-02) .contact-section-content{justify-self:start!important;max-width:100%!important}
  :where(html.style-pre-02) .contact-section-content p{margin-left:0!important}
  :where(html.style-pre-02) form .field,
:where(html.style-pre-02) input,
:where(html.style-pre-02) textarea,
:where(html.style-pre-02) select{max-width:100%;box-sizing:border-box}
}
@media (max-width:640px){
  :where(html.style-pre-02) main>section:first-child img[src$="hero-banner.jpg"]{display:block;width:100%;max-width:100vw;height:auto!important;min-height:0!important;object-fit:contain!important;object-position:center center}:where(html.style-pre-02) main>section:first-child .relative.overflow-hidden{max-width:100vw;overflow:hidden}
  :where(html.style-pre-02) footer .grid{gap:2rem!important}
  :where(html.style-pre-02) footer .relative.h-14{width:11rem!important}
}
@media (min-width:641px) and (max-width:1023px){
  :where(html.style-pre-02) main>section:first-child img[src$="hero-banner.jpg"]{width:100%;height:auto;min-height:0;object-fit:contain}
  :where(html.style-pre-02) .about-row{grid-template-columns:1fr!important;gap:2rem!important}
  :where(html.style-pre-02) .about-portrait{max-width:42rem}
  :where(html.style-pre-02) .contact-section-row{grid-template-columns:minmax(260px,360px) minmax(0,1fr)!important;gap:2rem!important}
  :where(html.style-pre-02) .contact-section-image{width:100%!important}
}
/* Source block: scroll-performance-fix */
:where(html.style-pre-02) .site-progress,
:where(html.style-pre-02) .live-back-top{display:none!important}:where(html.style-pre-02) .reveal-live{opacity:1!important;transform:none!important;transition:none!important}:where(html.style-pre-02) .page-loaded main{animation:none!important}:where(html.style-pre-02) .page-section-banner img,
:where(html.style-pre-02) .interactive-live{will-change:auto!important}
/* Source block: header-live-meta-style */
:where(html.style-pre-02) .header-live-separator{
        color: rgba(246, 241, 226, 0.28);
        font-size: 0.75rem;
        line-height: 1;
      }
      :where(html.style-pre-02) .header-live-meta{
        display: inline-flex;
        align-items: center;
        gap: 0.55rem;
        white-space: nowrap;
        color: rgba(211, 208, 197, 0.68);
        font-size: 0.68rem;
        font-weight: 500;
        letter-spacing: 0.14em;
        line-height: 1;
        text-transform: uppercase;
      }
      :where(html.style-pre-02) .header-live-meta span[aria-hidden="true"]{
        color: rgba(246, 241, 226, 0.24);
      }
      :where(html.style-pre-02) .header-live-temp{
        color: #b6f05c;
      }
      @media (max-width: 1279px){
        :where(html.style-pre-02) .header-live-separator,
:where(html.style-pre-02) .header-live-meta{
          display: none !important;
        }
      }
/* Source block: media-copy-guard-style */
:where(html.style-pre-02) img,
:where(html.style-pre-02) picture,
:where(html.style-pre-02) video,
:where(html.style-pre-02) canvas,
:where(html.style-pre-02) svg{
      -webkit-user-drag: none;
      user-drag: none;
      -webkit-user-select: none;
      user-select: none;
      -webkit-touch-callout: none;
    }
/* Source block: active-main-menu-style */
:where(html.style-pre-02) header nav[aria-label="Main navigation"] a[aria-current="page"],
:where(html.style-pre-02) .nav-panel-live a[aria-current="page"]{
        color: #b6f05c !important;
        font-weight: 800 !important;
        text-shadow:
          0 0 8px rgba(182, 240, 92, 0.75),
          0 0 22px rgba(182, 240, 92, 0.45);
      }
/* Source block: arabic-menu-pulse-style */
:where(html.style-pre-02) header nav[aria-label="Main navigation"] [lang="ar"]{
        position: relative;
        display: inline-flex;
        align-items: center;
        gap: 0.55rem;
      }
      :where(html.style-pre-02) header nav[aria-label="Main navigation"] [lang="ar"]::after{
        content: "";
        width: 0.45rem;
        height: 0.45rem;
        border-radius: 999px;
        background: #b6f05c;
        box-shadow: 0 0 0 rgba(182, 240, 92, 0);
        animation: arabic-menu-dot-pulse 2s ease-in-out infinite;
      }
      @keyframes arabic-menu-dot-pulse{
        0%, 100% {
          opacity: 0.55;
          box-shadow: 0 0 0 rgba(182, 240, 92, 0);
          transform: scale(0.92);
        }
        50% {
          opacity: 1;
          box-shadow:
            0 0 8px rgba(182, 240, 92, 0.85),
            0 0 18px rgba(182, 240, 92, 0.55);
          transform: scale(1.08);
        }
      }
      @media (prefers-reduced-motion: reduce){
        :where(html.style-pre-02) header nav[aria-label="Main navigation"] [lang="ar"]::after{
          animation: none;
        }
      }
/* Source block: site-image-protection-style */
:where(html.style-pre-02) img,
:where(html.style-pre-02) picture,
:where(html.style-pre-02) video,
:where(html.style-pre-02) canvas,
:where(html.style-pre-02) svg{
        -webkit-user-select: none;
        user-select: none;
        -webkit-user-drag: none;
        -webkit-touch-callout: none;
      }
      :where(html.style-pre-02) img{ pointer-events: none; }
      :where(html.style-pre-02) .footer-statement{ max-width: none; overflow-wrap: normal; }
      @media (min-width: 1024px){
        :where(html.style-pre-02) .footer-statement{ white-space: nowrap; }
      }
      @media (max-width: 1023px){
        :where(html.style-pre-02) .footer-statement{ white-space: normal; }
      }

/* Shared style group: style-pre-03 */
/* Source block: direct-open-fix */
:where(html.style-pre-03) [style*="opacity:0"]{opacity:1!important;transform:none!important}:where(html.style-pre-03) [style*="opacity: 0"]{opacity:1!important;transform:none!important}
/* Source block: dynamic-experience-style */
:root:where(.style-pre-03){scroll-behavior:smooth}:where(html.style-pre-03) .site-progress{position:fixed;top:0;left:0;z-index:70;height:2px;width:100%;transform:scaleX(0);transform-origin:left;background:#b6f05c;box-shadow:0 0 18px rgba(182,240,92,.55);pointer-events:none}:where(html.style-pre-03) .page-loaded main{animation:page-rise .72s cubic-bezier(.2,.8,.2,1) both}@keyframes page-rise{from{opacity:.001;transform:translateY(14px)}to{opacity:1;transform:none}}:where(html.style-pre-03) .enhanced .reveal-live{opacity:0;transform:translateY(22px);transition:opacity .75s cubic-bezier(.2,.8,.2,1),transform .75s cubic-bezier(.2,.8,.2,1),border-color .3s ease,background-color .3s ease,color .3s ease}:where(html.style-pre-03) .enhanced .reveal-live.is-visible{opacity:1;transform:none}:where(html.style-pre-03) .enhanced .page-section-banner{position:relative;isolation:isolate}:where(html.style-pre-03) .enhanced .page-section-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,10,12,0) 35%,rgba(7,10,12,.28));pointer-events:none}:where(html.style-pre-03) .enhanced .page-section-banner img{transform:scale(1.015);transition:transform 1.4s cubic-bezier(.2,.8,.2,1),filter 1.4s ease;will-change:transform}:where(html.style-pre-03) .enhanced .page-section-banner:hover img{transform:scale(1.045);filter:saturate(1.05) contrast(1.04)}:where(html.style-pre-03) .nav-panel-live{display:none;border-top:1px solid rgba(246,241,226,.1);background:rgba(7,10,12,.98);padding:1.25rem}:where(html.style-pre-03) .nav-panel-live.is-open{display:block}:where(html.style-pre-03) .nav-panel-live a{display:block;padding:.85rem 0;font-family:var(--font-serif),Georgia,serif;font-size:1.85rem;line-height:1.08;color:#f6f1e2;text-decoration:none}:where(html.style-pre-03) .nav-panel-live a:hover{color:#b6f05c}:where(html.style-pre-03) .live-back-top{position:fixed;right:1rem;bottom:1rem;z-index:60;display:grid;width:2.75rem;height:2.75rem;place-items:center;border:1px solid rgba(246,241,226,.2);background:rgba(16,19,20,.82);color:#f6f1e2;opacity:0;transform:translateY(12px);transition:opacity .25s ease,transform .25s ease,border-color .25s ease,color .25s ease;backdrop-filter:blur(14px)}:where(html.style-pre-03) .live-back-top.is-visible{opacity:1;transform:none}:where(html.style-pre-03) .live-back-top:hover{border-color:#b6f05c;color:#b6f05c}:where(html.style-pre-03) .live-filter-hidden{display:none!important}:where(html.style-pre-03) .work-filter-live button{position:relative;overflow:hidden}:where(html.style-pre-03) .work-filter-live button:after{content:"";position:absolute;left:1rem;right:1rem;bottom:.45rem;height:1px;transform:scaleX(0);transform-origin:left;background:currentColor;transition:transform .25s ease}:where(html.style-pre-03) .work-filter-live button:hover:after,
:where(html.style-pre-03) .work-filter-live button[aria-pressed="true"]:after{transform:scaleX(1)}:where(html.style-pre-03) #contact-form-status:not(.hidden){display:block;margin-top:.25rem}:where(html.style-pre-03) .field:focus{outline:2px solid #b6f05c;outline-offset:2px}:where(html.style-pre-03) .interactive-live{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}:where(html.style-pre-03) .interactive-live:hover{transform:translateY(-2px);box-shadow:0 18px 50px rgba(0,0,0,.24)}@media (prefers-reduced-motion:reduce){:root:where(.style-pre-03){scroll-behavior:auto}:where(html.style-pre-03) .page-loaded main,
:where(html.style-pre-03) .enhanced .reveal-live,
:where(html.style-pre-03) .enhanced .page-section-banner img,
:where(html.style-pre-03) .interactive-live{animation:none!important;transition:none!important;transform:none!important;opacity:1!important}}
/* Source block: responsive-qa-style */
html:where(.style-pre-03),
:where(html.style-pre-03) body{
        max-width: 100%;
        overflow-x: hidden;
      }
      :where(html.style-pre-03) img,
:where(html.style-pre-03) video{
        max-width: 100%;
        height: auto;
      }
      :where(html.style-pre-03) header nav{
        max-width: 100vw;
      }
      :where(html.style-pre-03) .nav-panel-live{
        position: fixed;
        top: 5rem;
        left: 0;
        right: 0;
        z-index: 55;
        max-height: calc(100vh - 5rem);
        overflow: auto;
        box-shadow: 0 28px 60px rgba(0, 0, 0, 0.38);
      }
      @media (max-width: 1023px){
        :where(html.style-pre-03) main section{
          scroll-margin-top: 5rem;
        }
        :where(html.style-pre-03) .page-section-banner img{
          width: 100%;
          height: auto;
          object-fit: cover;
        }
        :where(html.style-pre-03) .work-image,
:where(html.style-pre-03) .expertise-image,
:where(html.style-pre-03) .insights-image,
:where(html.style-pre-03) .about-portrait{
          max-width: 100%;
        }
        :where(html.style-pre-03) .work-copy,
:where(html.style-pre-03) .expertise-copy,
:where(html.style-pre-03) .insights-copy,
:where(html.style-pre-03) .about-copy{
          max-width: 100%;
        }
      }
      @media (max-width: 767px){
        :where(html.style-pre-03) header nav{
          height: 4.5rem;
          padding-left: 1rem !important;
          padding-right: 1rem !important;
        }
        :where(html.style-pre-03) header a[aria-label],
:where(html.style-pre-03) header nav > a{
          width: 10.7rem !important;
          height: 3.25rem !important;
        }
        :where(html.style-pre-03) main > section{
          padding-top: 7rem !important;
          padding-bottom: 4.75rem !important;
        }
        :where(html.style-pre-03) h1,
:where(html.style-pre-03) h2{
          overflow-wrap: break-word;
          word-break: normal;
        }
        :where(html.style-pre-03) .about-composition,
:where(html.style-pre-03) .work-composition,
:where(html.style-pre-03) .expertise-composition,
:where(html.style-pre-03) .insights-composition{
          gap: 1.55rem !important;
        }
        :where(html.style-pre-03) .about-title,
:where(html.style-pre-03) .work-title,
:where(html.style-pre-03) .expertise-title,
:where(html.style-pre-03) .insights-title{
          font-size: clamp(1.7rem, 8vw, 2.45rem) !important;
          line-height: 1.08 !important;
          max-width: 100% !important;
        }
        :where(html.style-pre-03) .about-row{
          gap: 1.65rem !important;
        }
        :where(html.style-pre-03) .about-copy{
          font-size: 1rem !important;
          line-height: 1.42 !important;
        }
        :where(html.style-pre-03) .about-copy p + p{
          margin-top: 1rem !important;
        }
        :where(html.style-pre-03) .work-copy,
:where(html.style-pre-03) .expertise-copy,
:where(html.style-pre-03) .insights-copy{
          font-size: 1rem !important;
          line-height: 1.55 !important;
        }
        :where(html.style-pre-03) .work-image,
:where(html.style-pre-03) .expertise-image,
:where(html.style-pre-03) .insights-image,
:where(html.style-pre-03) .about-portrait{
          border-color: rgba(246, 241, 226, 0.14);
        }
        :where(html.style-pre-03) .home-social-strip{
          padding-top: calc(1.25rem + 15px) !important;
        }
        :where(html.style-pre-03) .home-positioning-socials{
          justify-content: center !important;
          flex-wrap: wrap;
          gap: 0.75rem !important;
        }
        :where(html.style-pre-03) .home-social-icon{
          width: 3rem !important;
          height: 3rem !important;
        }
        :where(html.style-pre-03) .contact-section-row{
          display: grid !important;
          grid-template-columns: 1fr !important;
          gap: 1.6rem !important;
        }
        :where(html.style-pre-03) .contact-section-image{
          width: 100% !important;
          max-width: 24rem !important;
          justify-self: start;
        }
        :where(html.style-pre-03) .contact-section-content{
          justify-self: start !important;
          max-width: 100% !important;
        }
        :where(html.style-pre-03) .contact-section-content p{
          margin-left: 0 !important;
        }
        :where(html.style-pre-03) form .field,
:where(html.style-pre-03) input,
:where(html.style-pre-03) textarea,
:where(html.style-pre-03) select{
          max-width: 100%;
          box-sizing: border-box;
        }
      }
      @media (max-width: 640px){
        :where(html.style-pre-03) main > section:first-child img[src$="hero-banner.jpg"]{
          display: block;
          width: 100%;
          max-width: 100vw;
          height: auto !important;
          min-height: 0 !important;
          object-fit: contain !important;
          object-position: center center;
        }
        :where(html.style-pre-03) main > section:first-child .relative.overflow-hidden{
          max-width: 100vw;
          overflow: hidden;
        }
        :where(html.style-pre-03) footer .grid{
          gap: 2rem !important;
        }
        :where(html.style-pre-03) footer .relative.h-14{
          width: 11rem !important;
        }
      }
      @media (min-width: 641px) and (max-width: 1023px){
        :where(html.style-pre-03) main > section:first-child img[src$="hero-banner.jpg"]{
          width: 100%;
          height: auto;
          min-height: 0;
          object-fit: contain;
        }
        :where(html.style-pre-03) .about-row{
          grid-template-columns: 1fr !important;
          gap: 2rem !important;
        }
        :where(html.style-pre-03) .about-portrait{
          max-width: 42rem;
        }
        :where(html.style-pre-03) .contact-section-row{
          grid-template-columns: minmax(260px, 360px) minmax(0, 1fr) !important;
          gap: 2rem !important;
        }
        :where(html.style-pre-03) .contact-section-image{
          width: 100% !important;
        }
      }
/* Source block: scroll-performance-fix */
:where(html.style-pre-03) .site-progress,
:where(html.style-pre-03) .live-back-top{display:none!important}:where(html.style-pre-03) .reveal-live{opacity:1!important;transform:none!important;transition:none!important}:where(html.style-pre-03) .page-loaded main{animation:none!important}:where(html.style-pre-03) .page-section-banner img,
:where(html.style-pre-03) .interactive-live{will-change:auto!important}
/* Source block: header-live-meta-style */
:where(html.style-pre-03) .header-live-separator{
        color: rgba(246, 241, 226, 0.28);
        font-size: 0.75rem;
        line-height: 1;
      }
      :where(html.style-pre-03) .header-live-meta{
        display: inline-flex;
        align-items: center;
        gap: 0.55rem;
        white-space: nowrap;
        color: rgba(211, 208, 197, 0.68);
        font-size: 0.68rem;
        font-weight: 500;
        letter-spacing: 0.14em;
        line-height: 1;
        text-transform: uppercase;
      }
      :where(html.style-pre-03) .header-live-meta span[aria-hidden="true"]{
        color: rgba(246, 241, 226, 0.24);
      }
      :where(html.style-pre-03) .header-live-temp{
        color: #b6f05c;
      }
      @media (max-width: 1279px){
        :where(html.style-pre-03) .header-live-separator,
:where(html.style-pre-03) .header-live-meta{
          display: none !important;
        }
      }
/* Source block: media-copy-guard-style */
:where(html.style-pre-03) img,
:where(html.style-pre-03) picture,
:where(html.style-pre-03) video,
:where(html.style-pre-03) canvas,
:where(html.style-pre-03) svg{
      -webkit-user-drag: none;
      user-drag: none;
      -webkit-user-select: none;
      user-select: none;
      -webkit-touch-callout: none;
    }
/* Source block: active-main-menu-style */
:where(html.style-pre-03) header nav[aria-label="Main navigation"] a[aria-current="page"],
:where(html.style-pre-03) .nav-panel-live a[aria-current="page"]{
        color: #b6f05c !important;
        font-weight: 800 !important;
        text-shadow:
          0 0 8px rgba(182, 240, 92, 0.75),
          0 0 22px rgba(182, 240, 92, 0.45);
      }
/* Source block: arabic-menu-pulse-style */
:where(html.style-pre-03) header nav[aria-label="Main navigation"] [lang="ar"]{
        position: relative;
        display: inline-flex;
        align-items: center;
        gap: 0.55rem;
      }
      :where(html.style-pre-03) header nav[aria-label="Main navigation"] [lang="ar"]::after{
        content: "";
        width: 0.45rem;
        height: 0.45rem;
        border-radius: 999px;
        background: #b6f05c;
        box-shadow: 0 0 0 rgba(182, 240, 92, 0);
        animation: arabic-menu-dot-pulse 2s ease-in-out infinite;
      }
      @keyframes arabic-menu-dot-pulse{
        0%, 100% {
          opacity: 0.55;
          box-shadow: 0 0 0 rgba(182, 240, 92, 0);
          transform: scale(0.92);
        }
        50% {
          opacity: 1;
          box-shadow:
            0 0 8px rgba(182, 240, 92, 0.85),
            0 0 18px rgba(182, 240, 92, 0.55);
          transform: scale(1.08);
        }
      }
      @media (prefers-reduced-motion: reduce){
        :where(html.style-pre-03) header nav[aria-label="Main navigation"] [lang="ar"]::after{
          animation: none;
        }
      }
/* Source block: site-image-protection-style */
:where(html.style-pre-03) img,
:where(html.style-pre-03) picture,
:where(html.style-pre-03) video,
:where(html.style-pre-03) canvas,
:where(html.style-pre-03) svg{
        -webkit-user-select: none;
        user-select: none;
        -webkit-user-drag: none;
        -webkit-touch-callout: none;
      }
      :where(html.style-pre-03) img{ pointer-events: none; }
      :where(html.style-pre-03) .footer-statement{ max-width: none; overflow-wrap: normal; }
      @media (min-width: 1024px){
        :where(html.style-pre-03) .footer-statement{ white-space: nowrap; }
      }
      @media (max-width: 1023px){
        :where(html.style-pre-03) .footer-statement{ white-space: normal; }
      }

/* Shared style group: style-pre-04 */
/* Source block: direct-open-fix */
:where(html.style-pre-04) [style*="opacity:0"]{
        opacity: 1 !important;
        transform: none !important;
      }
      :where(html.style-pre-04) [style*="opacity: 0"]{
        opacity: 1 !important;
        transform: none !important;
      }
    
      :where(html.style-pre-04) .case-study-card-title{
        transition: color 0.28s ease, text-shadow 0.28s ease;
      }
      :where(html.style-pre-04) .group:hover .case-study-card-title,
:where(html.style-pre-04) .group:focus-within .case-study-card-title{
        color: #b6f05c;
        text-shadow: 0 0 10px rgba(182, 240, 92, 0.9), 0 0 26px rgba(182, 240, 92, 0.5);
      }
/* Source block: dynamic-experience-style */
:root:where(.style-pre-04){
        scroll-behavior: smooth;
      }
      :where(html.style-pre-04) .site-progress{
        position: fixed;
        top: 0;
        left: 0;
        z-index: 70;
        height: 2px;
        width: 100%;
        transform: scaleX(0);
        transform-origin: left;
        background: #b6f05c;
        box-shadow: 0 0 18px rgba(182, 240, 92, 0.55);
        pointer-events: none;
      }
      :where(html.style-pre-04) .page-loaded main{
        animation: page-rise 0.72s cubic-bezier(0.2, 0.8, 0.2, 1) both;
      }
      @keyframes page-rise{
        from {
          opacity: 0.001;
          transform: translateY(14px);
        }
        to {
          opacity: 1;
          transform: none;
        }
      }
      :where(html.style-pre-04) .enhanced .reveal-live{
        opacity: 0;
        transform: translateY(22px);
        transition:
          opacity 0.75s cubic-bezier(0.2, 0.8, 0.2, 1),
          transform 0.75s cubic-bezier(0.2, 0.8, 0.2, 1),
          border-color 0.3s ease,
          background-color 0.3s ease,
          color 0.3s ease;
      }
      :where(html.style-pre-04) .enhanced .reveal-live.is-visible{
        opacity: 1;
        transform: none;
      }
      :where(html.style-pre-04) .enhanced .page-section-banner{
        position: relative;
        isolation: isolate;
      }
      :where(html.style-pre-04) .enhanced .page-section-banner:after{
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(
          180deg,
          rgba(7, 10, 12, 0) 35%,
          rgba(7, 10, 12, 0.28)
        );
        pointer-events: none;
      }
      :where(html.style-pre-04) .enhanced .page-section-banner img{
        transform: scale(1.015);
        transition:
          transform 1.4s cubic-bezier(0.2, 0.8, 0.2, 1),
          filter 1.4s ease;
        will-change: transform;
      }
      :where(html.style-pre-04) .enhanced .page-section-banner:hover img{
        transform: scale(1.045);
        filter: saturate(1.05) contrast(1.04);
      }
      :where(html.style-pre-04) .nav-panel-live{
        display: none;
        border-top: 1px solid rgba(246, 241, 226, 0.1);
        background: rgba(7, 10, 12, 0.98);
        padding: 1.25rem;
      }
      :where(html.style-pre-04) .nav-panel-live.is-open{
        display: block;
      }
      :where(html.style-pre-04) .nav-panel-live a{
        display: block;
        padding: 0.85rem 0;
        font-family: var(--font-serif), Georgia, serif;
        font-size: 1.85rem;
        line-height: 1.08;
        color: #f6f1e2;
        text-decoration: none;
      }
      :where(html.style-pre-04) .nav-panel-live a:hover{
        color: #b6f05c;
      }
      :where(html.style-pre-04) .live-back-top{
        position: fixed;
        right: 1rem;
        bottom: 1rem;
        z-index: 60;
        display: grid;
        width: 2.75rem;
        height: 2.75rem;
        place-items: center;
        border: 1px solid rgba(246, 241, 226, 0.2);
        background: rgba(16, 19, 20, 0.82);
        color: #f6f1e2;
        opacity: 0;
        transform: translateY(12px);
        transition:
          opacity 0.25s ease,
          transform 0.25s ease,
          border-color 0.25s ease,
          color 0.25s ease;
        backdrop-filter: blur(14px);
      }
      :where(html.style-pre-04) .live-back-top.is-visible{
        opacity: 1;
        transform: none;
      }
      :where(html.style-pre-04) .live-back-top:hover{
        border-color: #b6f05c;
        color: #b6f05c;
      }
      :where(html.style-pre-04) .live-filter-hidden{
        display: none !important;
      }
      :where(html.style-pre-04) .work-filter-live button{
        position: relative;
        overflow: hidden;
      }
      :where(html.style-pre-04) .work-filter-live button[aria-pressed="false"]{
        border-color: rgba(37, 54, 105, 0.28) !important;
        background: transparent !important;
        color: #4e5f91 !important;
      }
      :where(html.style-pre-04) .work-filter-live button[aria-pressed="false"]:hover{
        border-color: #b6f05c !important;
        background: #b6f05c !important;
        color: #253669 !important;
      }
      :where(html.style-pre-04) .work-filter-live button[aria-pressed="true"]{
        border-color: #b6f05c !important;
        background: #b6f05c !important;
        color: #253669 !important;
      }
      :where(html.style-pre-04) #contact-form-status:not(.hidden){
        display: block;
        margin-top: 0.25rem;
      }
      :where(html.style-pre-04) .field:focus{
        outline: 2px solid #b6f05c;
        outline-offset: 2px;
      }
      :where(html.style-pre-04) .interactive-live{
        transition:
          transform 0.25s ease,
          border-color 0.25s ease,
          box-shadow 0.25s ease;
      }
      :where(html.style-pre-04) .interactive-live:hover{
        transform: translateY(-2px);
        box-shadow: 0 18px 50px rgba(0, 0, 0, 0.24);
      }
      @media (prefers-reduced-motion: reduce){
        :root:where(.style-pre-04){
          scroll-behavior: auto;
        }
        :where(html.style-pre-04) .page-loaded main,
:where(html.style-pre-04) .enhanced .reveal-live,
:where(html.style-pre-04) .enhanced .page-section-banner img,
:where(html.style-pre-04) .interactive-live{
          animation: none !important;
          transition: none !important;
          transform: none !important;
          opacity: 1 !important;
        }
      }
/* Source block: responsive-qa-style */
html:where(.style-pre-04),
:where(html.style-pre-04) body{
        max-width: 100%;
        overflow-x: hidden;
      }
      :where(html.style-pre-04) img,
:where(html.style-pre-04) video{
        max-width: 100%;
        height: auto;
      }
      :where(html.style-pre-04) header nav{
        max-width: 100vw;
      }
      :where(html.style-pre-04) .nav-panel-live{
        position: fixed;
        top: 5rem;
        left: 0;
        right: 0;
        z-index: 55;
        max-height: calc(100vh - 5rem);
        overflow: auto;
        box-shadow: 0 28px 60px rgba(0, 0, 0, 0.38);
      }
      @media (max-width: 1023px){
        :where(html.style-pre-04) main section{
          scroll-margin-top: 5rem;
        }
        :where(html.style-pre-04) .page-section-banner img{
          width: 100%;
          height: auto;
          object-fit: cover;
        }
        :where(html.style-pre-04) .work-image,
:where(html.style-pre-04) .expertise-image,
:where(html.style-pre-04) .insights-image,
:where(html.style-pre-04) .about-portrait{
          max-width: 100%;
        }
        :where(html.style-pre-04) .work-copy,
:where(html.style-pre-04) .expertise-copy,
:where(html.style-pre-04) .insights-copy,
:where(html.style-pre-04) .about-copy{
          max-width: 100%;
        }
      }
      @media (max-width: 767px){
        :where(html.style-pre-04) header nav{
          height: 4.5rem;
          padding-left: 1rem !important;
          padding-right: 1rem !important;
        }
        :where(html.style-pre-04) header a[aria-label],
:where(html.style-pre-04) header nav > a{
          width: 10.7rem !important;
          height: 3.25rem !important;
        }
        :where(html.style-pre-04) main > section{
          padding-top: 7rem !important;
          padding-bottom: 4.75rem !important;
        }
        :where(html.style-pre-04) h1,
:where(html.style-pre-04) h2{
          overflow-wrap: break-word;
          word-break: normal;
        }
        :where(html.style-pre-04) .about-composition,
:where(html.style-pre-04) .work-composition,
:where(html.style-pre-04) .expertise-composition,
:where(html.style-pre-04) .insights-composition{
          gap: 1.55rem !important;
        }
        :where(html.style-pre-04) .about-title,
:where(html.style-pre-04) .work-title,
:where(html.style-pre-04) .expertise-title,
:where(html.style-pre-04) .insights-title{
          font-size: clamp(1.7rem, 8vw, 2.45rem) !important;
          line-height: 1.08 !important;
          max-width: 100% !important;
        }
        :where(html.style-pre-04) .about-row{
          gap: 1.65rem !important;
        }
        :where(html.style-pre-04) .about-copy{
          font-size: 1rem !important;
          line-height: 1.42 !important;
        }
        :where(html.style-pre-04) .about-copy p + p{
          margin-top: 1rem !important;
        }
        :where(html.style-pre-04) .work-copy,
:where(html.style-pre-04) .expertise-copy,
:where(html.style-pre-04) .insights-copy{
          font-size: 1rem !important;
          line-height: 1.55 !important;
        }
        :where(html.style-pre-04) .work-image,
:where(html.style-pre-04) .expertise-image,
:where(html.style-pre-04) .insights-image,
:where(html.style-pre-04) .about-portrait{
          border-color: rgba(246, 241, 226, 0.14);
        }
        :where(html.style-pre-04) .home-social-strip{
          padding-top: calc(1.25rem + 15px) !important;
        }
        :where(html.style-pre-04) .home-positioning-socials{
          justify-content: center !important;
          flex-wrap: wrap;
          gap: 0.75rem !important;
        }
        :where(html.style-pre-04) .home-social-icon{
          width: 3rem !important;
          height: 3rem !important;
        }
        :where(html.style-pre-04) .contact-section-row{
          display: grid !important;
          grid-template-columns: 1fr !important;
          gap: 1.6rem !important;
        }
        :where(html.style-pre-04) .contact-section-image{
          width: 100% !important;
          max-width: 24rem !important;
          justify-self: start;
        }
        :where(html.style-pre-04) .contact-section-content{
          justify-self: start !important;
          max-width: 100% !important;
        }
        :where(html.style-pre-04) .contact-section-content p{
          margin-left: 0 !important;
        }
        :where(html.style-pre-04) form .field,
:where(html.style-pre-04) input,
:where(html.style-pre-04) textarea,
:where(html.style-pre-04) select{
          max-width: 100%;
          box-sizing: border-box;
        }
      }
      @media (max-width: 640px){
        :where(html.style-pre-04) main > section:first-child img[src$="hero-banner.jpg"]{
          display: block;
          width: 100%;
          max-width: 100vw;
          height: auto !important;
          min-height: 0 !important;
          object-fit: contain !important;
          object-position: center center;
        }
        :where(html.style-pre-04) main > section:first-child .relative.overflow-hidden{
          max-width: 100vw;
          overflow: hidden;
        }
        :where(html.style-pre-04) footer .grid{
          gap: 2rem !important;
        }
        :where(html.style-pre-04) footer .relative.h-14{
          width: 11rem !important;
        }
      }
      @media (min-width: 641px) and (max-width: 1023px){
        :where(html.style-pre-04) main > section:first-child img[src$="hero-banner.jpg"]{
          width: 100%;
          height: auto;
          min-height: 0;
          object-fit: contain;
        }
        :where(html.style-pre-04) .about-row{
          grid-template-columns: 1fr !important;
          gap: 2rem !important;
        }
        :where(html.style-pre-04) .about-portrait{
          max-width: 42rem;
        }
        :where(html.style-pre-04) .contact-section-row{
          grid-template-columns: minmax(260px, 360px) minmax(0, 1fr) !important;
          gap: 2rem !important;
        }
        :where(html.style-pre-04) .contact-section-image{
          width: 100% !important;
        }
      }
/* Source block: scroll-performance-fix */
:where(html.style-pre-04) .site-progress,
:where(html.style-pre-04) .live-back-top{
        display: none !important;
      }
      :where(html.style-pre-04) .reveal-live{
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
      }
      :where(html.style-pre-04) .page-loaded main{
        animation: none !important;
      }
      :where(html.style-pre-04) .page-section-banner img,
:where(html.style-pre-04) .interactive-live{
        will-change: auto !important;
      }
/* Source block: header-live-meta-style */
:where(html.style-pre-04) .header-live-separator{
        color: rgba(246, 241, 226, 0.28);
        font-size: 0.75rem;
        line-height: 1;
      }
      :where(html.style-pre-04) .header-live-meta{
        display: inline-flex;
        align-items: center;
        gap: 0.55rem;
        white-space: nowrap;
        color: rgba(211, 208, 197, 0.68);
        font-size: 0.68rem;
        font-weight: 500;
        letter-spacing: 0.14em;
        line-height: 1;
        text-transform: uppercase;
      }
      :where(html.style-pre-04) .header-live-meta span[aria-hidden="true"]{
        color: rgba(246, 241, 226, 0.24);
      }
      :where(html.style-pre-04) .header-live-temp{
        color: #b6f05c;
      }
      @media (max-width: 1279px){
        :where(html.style-pre-04) .header-live-separator,
:where(html.style-pre-04) .header-live-meta{
          display: none !important;
        }
      }
/* Source block: media-copy-guard-style */
:where(html.style-pre-04) img,
:where(html.style-pre-04) picture,
:where(html.style-pre-04) video,
:where(html.style-pre-04) canvas,
:where(html.style-pre-04) svg{
      -webkit-user-drag: none;
      user-drag: none;
      -webkit-user-select: none;
      user-select: none;
      -webkit-touch-callout: none;
    }
/* Source block: active-main-menu-style */
:where(html.style-pre-04) header nav[aria-label="Main navigation"] a[aria-current="page"],
:where(html.style-pre-04) .nav-panel-live a[aria-current="page"]{
        color: #b6f05c !important;
        font-weight: 800 !important;
        text-shadow:
          0 0 8px rgba(182, 240, 92, 0.75),
          0 0 22px rgba(182, 240, 92, 0.45);
      }
/* Source block: arabic-menu-pulse-style */
:where(html.style-pre-04) header nav[aria-label="Main navigation"] [lang="ar"]{
        position: relative;
        display: inline-flex;
        align-items: center;
        gap: 0.55rem;
      }
      :where(html.style-pre-04) header nav[aria-label="Main navigation"] [lang="ar"]::after{
        content: "";
        width: 0.45rem;
        height: 0.45rem;
        border-radius: 999px;
        background: #b6f05c;
        box-shadow: 0 0 0 rgba(182, 240, 92, 0);
        animation: arabic-menu-dot-pulse 2s ease-in-out infinite;
      }
      @keyframes arabic-menu-dot-pulse{
        0%, 100% {
          opacity: 0.55;
          box-shadow: 0 0 0 rgba(182, 240, 92, 0);
          transform: scale(0.92);
        }
        50% {
          opacity: 1;
          box-shadow:
            0 0 8px rgba(182, 240, 92, 0.85),
            0 0 18px rgba(182, 240, 92, 0.55);
          transform: scale(1.08);
        }
      }
      @media (prefers-reduced-motion: reduce){
        :where(html.style-pre-04) header nav[aria-label="Main navigation"] [lang="ar"]::after{
          animation: none;
        }
      }
/* Source block: site-image-protection-style */
:where(html.style-pre-04) img,
:where(html.style-pre-04) picture,
:where(html.style-pre-04) video,
:where(html.style-pre-04) canvas,
:where(html.style-pre-04) svg{
        -webkit-user-select: none;
        user-select: none;
        -webkit-user-drag: none;
        -webkit-touch-callout: none;
      }
      :where(html.style-pre-04) img{ pointer-events: none; }
      :where(html.style-pre-04) .footer-statement{ max-width: none; overflow-wrap: normal; }
      @media (min-width: 1024px){
        :where(html.style-pre-04) .footer-statement{ white-space: nowrap; }
      }
      @media (max-width: 1023px){
        :where(html.style-pre-04) .footer-statement{ white-space: normal; }
      }

/* Shared style group: style-pre-05 */
/* Source block: direct-open-fix */
:where(html.style-pre-05) [style*="opacity:0"]{opacity:1!important;transform:none!important}:where(html.style-pre-05) [style*="opacity: 0"]{opacity:1!important;transform:none!important}
/* Source block: dynamic-experience-style */
:root:where(.style-pre-05){scroll-behavior:smooth}:where(html.style-pre-05) .site-progress{position:fixed;top:0;left:0;z-index:70;height:2px;width:100%;transform:scaleX(0);transform-origin:left;background:#b6f05c;box-shadow:0 0 18px rgba(182,240,92,.55);pointer-events:none}:where(html.style-pre-05) .page-loaded main{animation:page-rise .72s cubic-bezier(.2,.8,.2,1) both}@keyframes page-rise{from{opacity:.001;transform:translateY(14px)}to{opacity:1;transform:none}}:where(html.style-pre-05) .enhanced .reveal-live{opacity:0;transform:translateY(22px);transition:opacity .75s cubic-bezier(.2,.8,.2,1),transform .75s cubic-bezier(.2,.8,.2,1),border-color .3s ease,background-color .3s ease,color .3s ease}:where(html.style-pre-05) .enhanced .reveal-live.is-visible{opacity:1;transform:none}:where(html.style-pre-05) .enhanced .page-section-banner{position:relative;isolation:isolate}:where(html.style-pre-05) .enhanced .page-section-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,10,12,0) 35%,rgba(7,10,12,.28));pointer-events:none}:where(html.style-pre-05) .enhanced .page-section-banner img{transform:scale(1.015);transition:transform 1.4s cubic-bezier(.2,.8,.2,1),filter 1.4s ease;will-change:transform}:where(html.style-pre-05) .enhanced .page-section-banner:hover img{transform:scale(1.045);filter:saturate(1.05) contrast(1.04)}:where(html.style-pre-05) .nav-panel-live{display:none;border-top:1px solid rgba(246,241,226,.1);background:rgba(7,10,12,.98);padding:1.25rem}:where(html.style-pre-05) .nav-panel-live.is-open{display:block}:where(html.style-pre-05) .nav-panel-live a{display:block;padding:.85rem 0;font-family:var(--font-serif),Georgia,serif;font-size:1.85rem;line-height:1.08;color:#f6f1e2;text-decoration:none}:where(html.style-pre-05) .nav-panel-live a:hover{color:#b6f05c}:where(html.style-pre-05) .live-back-top{position:fixed;right:1rem;bottom:1rem;z-index:60;display:grid;width:2.75rem;height:2.75rem;place-items:center;border:1px solid rgba(246,241,226,.2);background:rgba(16,19,20,.82);color:#f6f1e2;opacity:0;transform:translateY(12px);transition:opacity .25s ease,transform .25s ease,border-color .25s ease,color .25s ease;backdrop-filter:blur(14px)}:where(html.style-pre-05) .live-back-top.is-visible{opacity:1;transform:none}:where(html.style-pre-05) .live-back-top:hover{border-color:#b6f05c;color:#b6f05c}:where(html.style-pre-05) .live-filter-hidden{display:none!important}:where(html.style-pre-05) .work-filter-live button{position:relative;overflow:hidden}:where(html.style-pre-05) .work-filter-live button:after{content:"";position:absolute;left:1rem;right:1rem;bottom:.45rem;height:1px;transform:scaleX(0);transform-origin:left;background:currentColor;transition:transform .25s ease}:where(html.style-pre-05) .work-filter-live button:hover:after,
:where(html.style-pre-05) .work-filter-live button[aria-pressed="true"]:after{transform:scaleX(1)}:where(html.style-pre-05) #contact-form-status:not(.hidden){display:block;margin-top:.25rem}:where(html.style-pre-05) .field:focus{outline:2px solid #b6f05c;outline-offset:2px}:where(html.style-pre-05) .interactive-live{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}:where(html.style-pre-05) .interactive-live:hover{transform:translateY(-2px);box-shadow:0 18px 50px rgba(0,0,0,.24)}@media (prefers-reduced-motion:reduce){:root:where(.style-pre-05){scroll-behavior:auto}:where(html.style-pre-05) .page-loaded main,
:where(html.style-pre-05) .enhanced .reveal-live,
:where(html.style-pre-05) .enhanced .page-section-banner img,
:where(html.style-pre-05) .interactive-live{animation:none!important;transition:none!important;transform:none!important;opacity:1!important}}
/* Source block: expertise-composition-style */
:where(html.style-pre-05) .expertise-composition{display:grid;gap:2.6rem}:where(html.style-pre-05) .expertise-kicker{margin-bottom:0;color:#b6f05c;font-size:.75rem;font-weight:500;letter-spacing:.35em;text-transform:uppercase}:where(html.style-pre-05) .expertise-title{max-width:64rem;letter-spacing:0}:where(html.style-pre-05) .expertise-image{overflow:hidden;border:1px solid rgba(246,241,226,.1);background:#101314;margin-top:0}:where(html.style-pre-05) .expertise-image img{display:block;width:100%;height:auto}:where(html.style-pre-05) .expertise-copy{align-self:start;color:rgba(231,229,218,.75);font-size:1rem;line-height:1.52;letter-spacing:0;width:100%;max-width:none}:where(html.style-pre-05) .expertise-copy p{margin:0}@media (min-width:1024px){:where(html.style-pre-05) .expertise-copy{font-size:1.125rem;line-height:1.9;width:100%;max-width:none}}
/* Source block: responsive-qa-style */
html:where(.style-pre-05),
:where(html.style-pre-05) body{max-width:100%;overflow-x:hidden}
:where(html.style-pre-05) img,
:where(html.style-pre-05) video{max-width:100%;height:auto}
:where(html.style-pre-05) header nav{max-width:100vw}
:where(html.style-pre-05) .nav-panel-live{position:fixed;top:5rem;left:0;right:0;z-index:55;max-height:calc(100vh - 5rem);overflow:auto;box-shadow:0 28px 60px rgba(0,0,0,.38)}
@media (max-width:1023px){
  :where(html.style-pre-05) main section{scroll-margin-top:5rem}
  :where(html.style-pre-05) .page-section-banner img{width:100%;height:auto;object-fit:cover}
  :where(html.style-pre-05) .work-image,
:where(html.style-pre-05) .expertise-image,
:where(html.style-pre-05) .insights-image,
:where(html.style-pre-05) .about-portrait{max-width:100%}
  :where(html.style-pre-05) .work-copy,
:where(html.style-pre-05) .expertise-copy,
:where(html.style-pre-05) .insights-copy,
:where(html.style-pre-05) .about-copy{max-width:100%}
}
@media (max-width:767px){
  :where(html.style-pre-05) header nav{height:4.5rem;padding-left:1rem!important;padding-right:1rem!important}
  :where(html.style-pre-05) header a[aria-label],
:where(html.style-pre-05) header nav>a{width:10.7rem!important;height:3.25rem!important}
  :where(html.style-pre-05) main>section{padding-top:7rem!important;padding-bottom:4.75rem!important}
  :where(html.style-pre-05) h1,
:where(html.style-pre-05) h2{overflow-wrap:break-word;word-break:normal}
  :where(html.style-pre-05) .about-composition,
:where(html.style-pre-05) .work-composition,
:where(html.style-pre-05) .expertise-composition,
:where(html.style-pre-05) .insights-composition{gap:1.55rem!important}
  :where(html.style-pre-05) .about-title,
:where(html.style-pre-05) .work-title,
:where(html.style-pre-05) .expertise-title,
:where(html.style-pre-05) .insights-title{font-size:clamp(1.7rem,8vw,2.45rem)!important;line-height:1.08!important;max-width:100%!important}
  :where(html.style-pre-05) .about-row{gap:1.65rem!important}
  :where(html.style-pre-05) .about-copy{font-size:1rem!important;line-height:1.42!important}
  :where(html.style-pre-05) .about-copy p+p{margin-top:1rem!important}
  :where(html.style-pre-05) .work-copy,
:where(html.style-pre-05) .expertise-copy,
:where(html.style-pre-05) .insights-copy{font-size:1rem!important;line-height:1.55!important}
  :where(html.style-pre-05) .work-image,
:where(html.style-pre-05) .expertise-image,
:where(html.style-pre-05) .insights-image,
:where(html.style-pre-05) .about-portrait{border-color:rgba(246,241,226,.14)}
  :where(html.style-pre-05) .home-social-strip{padding-top:1.25rem!important}
  :where(html.style-pre-05) .home-positioning-socials{justify-content:flex-start!important;flex-wrap:wrap;gap:.75rem!important}
  :where(html.style-pre-05) .home-social-icon{width:3rem!important;height:3rem!important}
  :where(html.style-pre-05) .contact-section-row{display:grid!important;grid-template-columns:1fr!important;gap:1.6rem!important}
  :where(html.style-pre-05) .contact-section-image{width:100%!important;max-width:24rem!important;justify-self:start}
  :where(html.style-pre-05) .contact-section-content{justify-self:start!important;max-width:100%!important}
  :where(html.style-pre-05) .contact-section-content p{margin-left:0!important}
  :where(html.style-pre-05) form .field,
:where(html.style-pre-05) input,
:where(html.style-pre-05) textarea,
:where(html.style-pre-05) select{max-width:100%;box-sizing:border-box}
}
@media (max-width:640px){
  :where(html.style-pre-05) main>section:first-child img[src$="hero-banner.jpg"]{display:block;width:100%;max-width:100vw;height:auto!important;min-height:0!important;object-fit:contain!important;object-position:center center}:where(html.style-pre-05) main>section:first-child .relative.overflow-hidden{max-width:100vw;overflow:hidden}
  :where(html.style-pre-05) footer .grid{gap:2rem!important}
  :where(html.style-pre-05) footer .relative.h-14{width:11rem!important}
}
@media (min-width:641px) and (max-width:1023px){
  :where(html.style-pre-05) main>section:first-child img[src$="hero-banner.jpg"]{width:100%;height:auto;min-height:0;object-fit:contain}
  :where(html.style-pre-05) .about-row{grid-template-columns:1fr!important;gap:2rem!important}
  :where(html.style-pre-05) .about-portrait{max-width:42rem}
  :where(html.style-pre-05) .contact-section-row{grid-template-columns:minmax(260px,360px) minmax(0,1fr)!important;gap:2rem!important}
  :where(html.style-pre-05) .contact-section-image{width:100%!important}
}
/* Source block: scroll-performance-fix */
:where(html.style-pre-05) .site-progress,
:where(html.style-pre-05) .live-back-top{display:none!important}:where(html.style-pre-05) .reveal-live{opacity:1!important;transform:none!important;transition:none!important}:where(html.style-pre-05) .page-loaded main{animation:none!important}:where(html.style-pre-05) .page-section-banner img,
:where(html.style-pre-05) .interactive-live{will-change:auto!important}
/* Source block: header-live-meta-style */
:where(html.style-pre-05) .header-live-separator{
        color: rgba(246, 241, 226, 0.28);
        font-size: 0.75rem;
        line-height: 1;
      }
      :where(html.style-pre-05) .header-live-meta{
        display: inline-flex;
        align-items: center;
        gap: 0.55rem;
        white-space: nowrap;
        color: rgba(211, 208, 197, 0.68);
        font-size: 0.68rem;
        font-weight: 500;
        letter-spacing: 0.14em;
        line-height: 1;
        text-transform: uppercase;
      }
      :where(html.style-pre-05) .header-live-meta span[aria-hidden="true"]{
        color: rgba(246, 241, 226, 0.24);
      }
      :where(html.style-pre-05) .header-live-temp{
        color: #b6f05c;
      }
      @media (max-width: 1279px){
        :where(html.style-pre-05) .header-live-separator,
:where(html.style-pre-05) .header-live-meta{
          display: none !important;
        }
      }
/* Source block: media-copy-guard-style */
:where(html.style-pre-05) img,
:where(html.style-pre-05) picture,
:where(html.style-pre-05) video,
:where(html.style-pre-05) canvas,
:where(html.style-pre-05) svg{
      -webkit-user-drag: none;
      user-drag: none;
      -webkit-user-select: none;
      user-select: none;
      -webkit-touch-callout: none;
    }
/* Source block: active-main-menu-style */
:where(html.style-pre-05) header nav[aria-label="Main navigation"] a[aria-current="page"],
:where(html.style-pre-05) .nav-panel-live a[aria-current="page"]{
        color: #b6f05c !important;
        font-weight: 800 !important;
        text-shadow:
          0 0 8px rgba(182, 240, 92, 0.75),
          0 0 22px rgba(182, 240, 92, 0.45);
      }
/* Source block: arabic-menu-pulse-style */
:where(html.style-pre-05) header nav[aria-label="Main navigation"] [lang="ar"]{
        position: relative;
        display: inline-flex;
        align-items: center;
        gap: 0.55rem;
      }
      :where(html.style-pre-05) header nav[aria-label="Main navigation"] [lang="ar"]::after{
        content: "";
        width: 0.45rem;
        height: 0.45rem;
        border-radius: 999px;
        background: #b6f05c;
        box-shadow: 0 0 0 rgba(182, 240, 92, 0);
        animation: arabic-menu-dot-pulse 2s ease-in-out infinite;
      }
      @keyframes arabic-menu-dot-pulse{
        0%, 100% {
          opacity: 0.55;
          box-shadow: 0 0 0 rgba(182, 240, 92, 0);
          transform: scale(0.92);
        }
        50% {
          opacity: 1;
          box-shadow:
            0 0 8px rgba(182, 240, 92, 0.85),
            0 0 18px rgba(182, 240, 92, 0.55);
          transform: scale(1.08);
        }
      }
      @media (prefers-reduced-motion: reduce){
        :where(html.style-pre-05) header nav[aria-label="Main navigation"] [lang="ar"]::after{
          animation: none;
        }
      }
/* Source block: site-image-protection-style */
:where(html.style-pre-05) img,
:where(html.style-pre-05) picture,
:where(html.style-pre-05) video,
:where(html.style-pre-05) canvas,
:where(html.style-pre-05) svg{
        -webkit-user-select: none;
        user-select: none;
        -webkit-user-drag: none;
        -webkit-touch-callout: none;
      }
      :where(html.style-pre-05) img{ pointer-events: none; }
      :where(html.style-pre-05) .footer-statement{ max-width: none; overflow-wrap: normal; }
      @media (min-width: 1024px){
        :where(html.style-pre-05) .footer-statement{ white-space: nowrap; }
      }
      @media (max-width: 1023px){
        :where(html.style-pre-05) .footer-statement{ white-space: normal; }
      }

/* Shared style group: style-pre-06 */
/* Source block: direct-open-fix */
:where(html.style-pre-06) [style*="opacity:0"]{
        opacity: 1 !important;
        transform: none !important;
      }
      :where(html.style-pre-06) [style*="opacity: 0"]{
        opacity: 1 !important;
        transform: none !important;
      }
      :where(html.style-pre-06) .home-stat-item{
        display: flex;
        min-height: 7.75rem;
        align-items: center;
        justify-content: center;
        padding: 1.25rem 1.65rem;
        position: relative;
        text-align: center;
      }
      :where(html.style-pre-06) .home-stat-item + .home-stat-item{
        border-top: 1px solid rgba(182, 240, 92, 0.42);
      }
      :where(html.style-pre-06) .home-stats-grid{
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
      }
      :where(html.style-pre-06) .home-cta-panel{
        border: 1px solid rgba(246, 241, 226, 0.12);
        background: rgba(7, 10, 12, 0.62);
      }
      :where(html.style-pre-06) .home-cta-actions{
        border-top: 1px solid rgba(246, 241, 226, 0.12);
        padding: 1.5rem 1.75rem;
      }
      :where(html.style-pre-06) .home-cta-button{
        min-height: 4.35rem;
        letter-spacing: 0.28em;
        color: #ffffff !important;
        border-color: rgba(151, 205, 45, 0.95) !important;
        background: #97cd2d !important;
        font-weight: 680;
        box-shadow: 0 14px 34px rgba(37, 54, 105, 0.14);
      }
      :where(html.style-pre-06) .home-cta-button svg{
        color: #ffffff !important;
      }
      :where(html.style-pre-06) .home-cta-button:hover{
        color: #253669 !important;
        border-color: rgba(37, 54, 105, 0.38) !important;
        background: #a8dc42 !important;
        font-weight: 850;
        box-shadow: 0 18px 42px rgba(37, 54, 105, 0.2);
      }
      :where(html.style-pre-06) .home-cta-button:hover svg{
        color: #253669 !important;
      }
      @media (min-width: 768px){
        :where(html.style-pre-06) .home-stat-item + .home-stat-item{
          border-top: 0;
        }
        :where(html.style-pre-06) .home-stat-item:not(:first-child)::before{
          content: "";
          position: absolute;
          left: 0;
          top: 24%;
          height: 52%;
          border-left: 1px solid rgba(182, 240, 92, 0.54);
        }
      }
      @media (max-width: 767px){
        :where(html.style-pre-06) .home-stats-grid{
          grid-template-columns: 1fr;
        }
      }
    
      :where(html.style-pre-06) .case-study-card-title{
        transition: color 0.28s ease, text-shadow 0.28s ease;
      }
      :where(html.style-pre-06) .group:hover .case-study-card-title,
:where(html.style-pre-06) .group:focus-within .case-study-card-title{
        color: #b6f05c;
        text-shadow: 0 0 10px rgba(182, 240, 92, 0.9), 0 0 26px rgba(182, 240, 92, 0.5);
      }
/* Source block: dynamic-experience-style */
:root:where(.style-pre-06){
        scroll-behavior: smooth;
      }
      :where(html.style-pre-06) .site-progress{
        position: fixed;
        top: 0;
        left: 0;
        z-index: 70;
        height: 2px;
        width: 100%;
        transform: scaleX(0);
        transform-origin: left;
        background: #b6f05c;
        box-shadow: 0 0 18px rgba(182, 240, 92, 0.55);
        pointer-events: none;
      }
      :where(html.style-pre-06) .page-loaded main{
        animation: page-rise 0.72s cubic-bezier(0.2, 0.8, 0.2, 1) both;
      }
      @keyframes page-rise{
        from {
          opacity: 0.001;
          transform: translateY(14px);
        }
        to {
          opacity: 1;
          transform: none;
        }
      }
      :where(html.style-pre-06) .enhanced .reveal-live{
        opacity: 0;
        transform: translateY(22px);
        transition:
          opacity 0.75s cubic-bezier(0.2, 0.8, 0.2, 1),
          transform 0.75s cubic-bezier(0.2, 0.8, 0.2, 1),
          border-color 0.3s ease,
          background-color 0.3s ease,
          color 0.3s ease;
      }
      :where(html.style-pre-06) .enhanced .reveal-live.is-visible{
        opacity: 1;
        transform: none;
      }
      :where(html.style-pre-06) .enhanced .page-section-banner{
        position: relative;
        isolation: isolate;
      }
      :where(html.style-pre-06) .enhanced .page-section-banner:after{
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(
          180deg,
          rgba(7, 10, 12, 0) 35%,
          rgba(7, 10, 12, 0.28)
        );
        pointer-events: none;
      }
      :where(html.style-pre-06) .enhanced .page-section-banner img{
        transform: scale(1.015);
        transition:
          transform 1.4s cubic-bezier(0.2, 0.8, 0.2, 1),
          filter 1.4s ease;
        will-change: transform;
      }
      :where(html.style-pre-06) .enhanced .page-section-banner:hover img{
        transform: scale(1.045);
        filter: saturate(1.05) contrast(1.04);
      }
      :where(html.style-pre-06) .nav-panel-live{
        display: none;
        border-top: 1px solid rgba(246, 241, 226, 0.1);
        background: rgba(7, 10, 12, 0.98);
        padding: 1.25rem;
      }
      :where(html.style-pre-06) .nav-panel-live.is-open{
        display: block;
      }
      :where(html.style-pre-06) .nav-panel-live a{
        display: block;
        padding: 0.85rem 0;
        font-family: var(--font-serif), Georgia, serif;
        font-size: 1.85rem;
        line-height: 1.08;
        color: #f6f1e2;
        text-decoration: none;
      }
      :where(html.style-pre-06) .nav-panel-live a:hover{
        color: #b6f05c;
      }
      :where(html.style-pre-06) .live-back-top{
        position: fixed;
        right: 1rem;
        bottom: 1rem;
        z-index: 60;
        display: grid;
        width: 2.75rem;
        height: 2.75rem;
        place-items: center;
        border: 1px solid rgba(246, 241, 226, 0.2);
        background: rgba(16, 19, 20, 0.82);
        color: #f6f1e2;
        opacity: 0;
        transform: translateY(12px);
        transition:
          opacity 0.25s ease,
          transform 0.25s ease,
          border-color 0.25s ease,
          color 0.25s ease;
        backdrop-filter: blur(14px);
      }
      :where(html.style-pre-06) .live-back-top.is-visible{
        opacity: 1;
        transform: none;
      }
      :where(html.style-pre-06) .live-back-top:hover{
        border-color: #b6f05c;
        color: #b6f05c;
      }
      :where(html.style-pre-06) #contact-form-status:not(.hidden){
        display: block;
        margin-top: 0.25rem;
      }
      :where(html.style-pre-06) .field:focus{
        outline: 2px solid #b6f05c;
        outline-offset: 2px;
      }
      :where(html.style-pre-06) .interactive-live{
        transition:
          transform 0.25s ease,
          border-color 0.25s ease,
          box-shadow 0.25s ease;
      }
      :where(html.style-pre-06) .interactive-live:hover{
        transform: translateY(-2px);
        box-shadow: 0 18px 50px rgba(0, 0, 0, 0.24);
      }
      @media (prefers-reduced-motion: reduce){
        :root:where(.style-pre-06){
          scroll-behavior: auto;
        }
        :where(html.style-pre-06) .page-loaded main,
:where(html.style-pre-06) .enhanced .reveal-live,
:where(html.style-pre-06) .enhanced .page-section-banner img,
:where(html.style-pre-06) .interactive-live{
          animation: none !important;
          transition: none !important;
          transform: none !important;
          opacity: 1 !important;
        }
      }
/* Source block: contact-section-image-size */
:where(html.style-pre-06) .contact-section-image{
        width: 420px;
        max-width: 100%;
      }
      :where(html.style-pre-06) .contact-section-image img{
        display: block;
        width: 100%;
        height: auto;
      }
      @media (min-width: 1024px){
        :where(html.style-pre-06) .contact-section-image{
          width: 480px;
        }
      }
/* Source block: contact-section-layout-fix */
:where(html.style-pre-06) .contact-section-row{
        display: grid;
        gap: 2.5rem;
        align-items: center;
      }
      :where(html.style-pre-06) .contact-section-content{
        align-self: center;
        justify-self: end;
        max-width: 42rem;
        text-align: left;
      }
      :where(html.style-pre-06) .contact-section-content p{
        margin-left: auto;
      }
      @media (min-width: 768px){
        :where(html.style-pre-06) .contact-section-row{
          grid-template-columns: 420px minmax(0, 1fr);
        }
      }
      @media (min-width: 1024px){
        :where(html.style-pre-06) .contact-section-row{
          grid-template-columns: 480px minmax(0, 1fr);
        }
      }
      @media (max-width: 767px){
        :where(html.style-pre-06) .contact-section-content{
          justify-self: start;
          max-width: 100%;
        }
      }
/* Source block: home-social-strip-style */
:where(html.style-pre-06) .home-social-strip{
        padding-top: calc(2.35rem + 15px);
        padding-bottom: 0;
      }
      :where(html.style-pre-06) .home-positioning-socials{
        position: relative;
        isolation: isolate;
        display: grid;
        grid-template-columns: minmax(13rem, 0.62fr) minmax(24rem, 1.5fr) auto;
        align-items: center;
        gap: 1.5rem;
        padding: 1.25rem 1.5rem;
        background: #253669 !important;
      }
      :where(html.style-pre-06) .home-positioning-socials::before{
        content: "";
        position: absolute;
        inset: 0;
        z-index: 0;
        background: url("./brand/social-strip-pattern-transparent-70.png?v=20260621-7") no-repeat right center / auto 175%;
        opacity: 0.15;
        pointer-events: none;
      }
      :where(html.style-pre-06) .home-social-heading{
        position: relative;
        z-index: 1;
        margin: 0;
        width: 100%;
        text-align: center;
        transform: translateX(-1rem);
        color: #b6f05c;
        font-size: clamp(0.9833rem, calc(1.55vw - 0.1667rem), 1.3333rem);
        font-weight: 500;
        line-height: 1.2;
        letter-spacing: 0.01em;
      }
      :where(html.style-pre-06) .home-newsletter-form{
        position: relative;
        z-index: 1;
        display: flex;
        min-width: 0;
        width: 100%;
        height: 3.7rem;
        box-sizing: border-box;
        border: 1px solid rgba(246, 241, 226, 0.36);
        background: #f6f1e2;
        padding: 0.35rem;
        transform: translateX(-3.7rem);
      }
      :where(html.style-pre-06) .home-newsletter-form input{
        min-width: 0;
        flex: 1 1 auto;
        border: 0;
        background: transparent;
        padding: 0 1rem;
        color: #253669;
        font-size: 0.92rem;
        outline: none;
      }
      :where(html.style-pre-06) .home-newsletter-form input::placeholder{
        color: rgba(37, 54, 105, 0.5);
      }
      :where(html.style-pre-06) .home-newsletter-form input:focus-visible{
        box-shadow: inset 0 -2px 0 #4e5f91;
      }
:where(html.style-pre-06) .home-newsletter-form button{
        display: inline-flex;
        flex: 0 0 auto;
        align-self: center;
        align-items: center;
        justify-content: center;
        height: 2.3rem;
        gap: 0.4rem;
        border: 1px solid #b6f05c;
        background: #b6f05c;
        padding: 0 0.85rem;
        color: #253669;
        font-size: 0.62rem;
        font-weight: 800;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
      }
      :where(html.style-pre-06) .home-newsletter-form button:hover,
:where(html.style-pre-06) .home-newsletter-form button:focus-visible{
        border-color: #4e5f91;
        background: #253669;
        color: #fff;
        outline: none;
      }
      :where(html.style-pre-06) .home-social-links{
        position: relative;
        z-index: 3;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 0.75rem;
      }
      :where(html.style-pre-06) .home-social-icon{
        position: relative;
        display: inline-flex;
        width: 3.7rem;
        height: 3.7rem;
        align-items: center;
        justify-content: center;
        border: 1px solid rgba(246, 241, 226, 0.16);
        background: #253669;
        color: #fff;
        font-size: 0.72rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-decoration: none;
        transition: border-color 0.25s ease, color 0.25s ease, background-color 0.25s ease, transform 0.25s ease, filter 0.25s ease, box-shadow 0.25s ease;
        will-change: filter, box-shadow, border-color, color;
      }
      :where(html.style-pre-06) .home-social-icon::after{
        content: attr(data-label);
        position: absolute;
        left: 50%;
        bottom: calc(100% + 0.7rem);
        z-index: 5;
        min-width: max-content;
        text-align: center;
        border: 1px solid rgba(182, 240, 92, 0.35);
        background: rgba(7, 10, 12, 0.92);
        padding: 0.42rem 0.62rem;
        color: #b6f05c;
        font-size: 0.64rem;
        font-weight: 700;
        line-height: 1;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        opacity: 0;
        transform: translate(-50%, 0.35rem);
        pointer-events: none;
        box-shadow: 0 0 18px rgba(182, 240, 92, 0.18);
        transition: opacity 0.22s ease, transform 0.22s ease;
      }
      :where(html.style-pre-06) .home-social-icon:hover,
:where(html.style-pre-06) .home-social-icon:focus-visible{
        border-color: #b6f05c;
        color: #b6f05c;
        background: #253669;
        transform: translateY(-2px);
        filter: brightness(1.16);
        box-shadow: 0 0 16px rgba(182, 240, 92, 0.32), 0 0 34px rgba(182, 240, 92, 0.18);
      }
      :where(html.style-pre-06) .home-social-icon:hover::after,
:where(html.style-pre-06) .home-social-icon:focus-visible::after{
        opacity: 1;
        transform: translate(-50%, 0);
      }
      @media (max-width: 1100px){
        :where(html.style-pre-06) .home-positioning-socials{
          grid-template-columns: minmax(12rem, 0.7fr) minmax(20rem, 1.3fr);
        }
        :where(html.style-pre-06) .home-newsletter-form{
          transform: none;
        }
        :where(html.style-pre-06) .home-social-heading{
          transform: none;
        }
        :where(html.style-pre-06) .home-social-links{
          grid-column: 1 / -1;
          justify-content: center;
        }
      }
      @media (max-width: 700px){
        :where(html.style-pre-06) .home-social-strip{
          padding-top: calc(1.5rem + 15px);
        }
        :where(html.style-pre-06) .home-positioning-socials{
          grid-template-columns: 1fr;
          gap: 1rem;
          padding: 1.25rem;
        }
        :where(html.style-pre-06) .home-social-heading{
          text-align: center;
        }
        :where(html.style-pre-06) .home-newsletter-form{
          width: 100%;
          height: 3.2rem;
        }
        :where(html.style-pre-06) .home-newsletter-form input{
          font-size: 1rem;
        }
        :where(html.style-pre-06) .home-newsletter-form button{
          height: 2.75rem;
        }
        :where(html.style-pre-06) .home-social-links{
          grid-column: auto;
          flex-wrap: wrap;
        }
        :where(html.style-pre-06) .home-social-icon{
          width: 3.2rem;
          height: 3.2rem;
        }
        :where(html.style-pre-06) .home-social-icon::after{
          font-size: 0.58rem;
        }
      }
/* Source block: home-about-section-style */
:where(html.style-pre-06) .home-about-composition{
        display: grid;
        gap: 3rem;
      }
      :where(html.style-pre-06) .home-about-kicker{
        margin-bottom: 0;
      }
      :where(html.style-pre-06) .home-about-title{
        width: 100%;
        max-width: none;
        letter-spacing: 0;
      }
      :where(html.style-pre-06) .home-about-row{
        display: grid;
        gap: 2.35rem;
        align-items: start;
      }
      :where(html.style-pre-06) .home-about-portrait{
        overflow: hidden;
        border: 1px solid rgba(246, 241, 226, 0.1);
        background: #101314;
        width: 70%;
        justify-self: center;
      }
      :where(html.style-pre-06) .home-about-portrait img{
        display: block;
        width: 100%;
        height: auto;
      }
      :where(html.style-pre-06) .home-about-copy{
        align-self: start;
        color: rgba(231, 229, 218, 0.75);
        font-size: 1rem;
        line-height: 1.25;
        letter-spacing: 0;
        width: 100%;
        max-width: none;
      }
      :where(html.style-pre-06) .home-about-copy p + p{
        margin-top: 1.25rem;
      }
      @media (min-width: 1024px){
        :where(html.style-pre-06) .home-about-row{
          grid-template-columns: minmax(235px, 0.532fr) minmax(0, 1.468fr);
          gap: 3.35rem;
        }
        :where(html.style-pre-06) .home-about-portrait{
          width: 100%;
          justify-self: stretch;
        }
        :where(html.style-pre-06) .home-about-copy{
          font-size: 1.125rem;
          line-height: 1.57;
        }
        :where(html.style-pre-06) .home-about-copy p + p{
          margin-top: 1.55rem;
        }
      }
      @media (max-width: 767px){
        :where(html.style-pre-06) .home-about-composition{
          gap: 2.5rem;
        }
        :where(html.style-pre-06) .home-about-row{
          gap: 1.65rem;
        }
        :where(html.style-pre-06) .home-about-copy{
          font-size: 1rem;
          line-height: 1.42;
          max-width: 100%;
        }
        :where(html.style-pre-06) .home-about-copy p + p{
          margin-top: 1rem;
        }
      }
/* Source block: responsive-qa-style */
html:where(.style-pre-06),
:where(html.style-pre-06) body{
        max-width: 100%;
        overflow-x: hidden;
      }
      :where(html.style-pre-06) img,
:where(html.style-pre-06) video{
        max-width: 100%;
        height: auto;
      }
      :where(html.style-pre-06) header nav{
        max-width: 100vw;
      }
      :where(html.style-pre-06) .nav-panel-live{
        position: fixed;
        top: 5rem;
        left: 0;
        right: 0;
        z-index: 55;
        max-height: calc(100vh - 5rem);
        overflow: auto;
        box-shadow: 0 28px 60px rgba(0, 0, 0, 0.38);
      }
      @media (max-width: 1023px){
        :where(html.style-pre-06) main section{
          scroll-margin-top: 5rem;
        }
        :where(html.style-pre-06) .page-section-banner img{
          width: 100%;
          height: auto;
          object-fit: cover;
        }
        :where(html.style-pre-06) .work-image,
:where(html.style-pre-06) .expertise-image,
:where(html.style-pre-06) .insights-image,
:where(html.style-pre-06) .about-portrait{
          max-width: 100%;
        }
        :where(html.style-pre-06) .work-copy,
:where(html.style-pre-06) .expertise-copy,
:where(html.style-pre-06) .insights-copy,
:where(html.style-pre-06) .about-copy{
          max-width: 100%;
        }
      }
      @media (max-width: 767px){
        :where(html.style-pre-06) header nav{
          height: 4.5rem;
          padding-left: 1rem !important;
          padding-right: 1rem !important;
        }
        :where(html.style-pre-06) header a[aria-label],
:where(html.style-pre-06) header nav > a{
          width: 10.7rem !important;
          height: 3.25rem !important;
        }
        :where(html.style-pre-06) main > section{
          padding-top: 7rem !important;
          padding-bottom: 4.75rem !important;
        }
        :where(html.style-pre-06) h1,
:where(html.style-pre-06) h2{
          overflow-wrap: break-word;
          word-break: normal;
        }
        :where(html.style-pre-06) .about-composition,
:where(html.style-pre-06) .work-composition,
:where(html.style-pre-06) .expertise-composition,
:where(html.style-pre-06) .insights-composition{
          gap: 1.55rem !important;
        }
        :where(html.style-pre-06) .about-title,
:where(html.style-pre-06) .work-title,
:where(html.style-pre-06) .expertise-title,
:where(html.style-pre-06) .insights-title{
          font-size: clamp(1.7rem, 8vw, 2.45rem) !important;
          line-height: 1.08 !important;
          max-width: 100% !important;
        }
        :where(html.style-pre-06) .about-row{
          gap: 1.65rem !important;
        }
        :where(html.style-pre-06) .about-copy{
          font-size: 1rem !important;
          line-height: 1.42 !important;
        }
        :where(html.style-pre-06) .about-copy p + p{
          margin-top: 1rem !important;
        }
        :where(html.style-pre-06) .work-copy,
:where(html.style-pre-06) .expertise-copy,
:where(html.style-pre-06) .insights-copy{
          font-size: 1rem !important;
          line-height: 1.55 !important;
        }
        :where(html.style-pre-06) .work-image,
:where(html.style-pre-06) .expertise-image,
:where(html.style-pre-06) .insights-image,
:where(html.style-pre-06) .about-portrait{
          border-color: rgba(246, 241, 226, 0.14);
        }
        :where(html.style-pre-06) .contact-section-row{
          display: grid !important;
          grid-template-columns: 1fr !important;
          gap: 1.6rem !important;
        }
        :where(html.style-pre-06) .contact-section-image{
          width: 100% !important;
          max-width: 24rem !important;
          justify-self: start;
        }
        :where(html.style-pre-06) .contact-section-content{
          justify-self: start !important;
          max-width: 100% !important;
        }
        :where(html.style-pre-06) .contact-section-content p{
          margin-left: 0 !important;
        }
        :where(html.style-pre-06) form .field,
:where(html.style-pre-06) input,
:where(html.style-pre-06) textarea,
:where(html.style-pre-06) select{
          max-width: 100%;
          box-sizing: border-box;
        }
      }
      @media (max-width: 640px){
        :where(html.style-pre-06) main > section:first-child img[src$="hero-banner.jpg"]{
          display: block;
          width: 100%;
          max-width: 100vw;
          height: auto !important;
          min-height: 0 !important;
          object-fit: contain !important;
          object-position: center center;
        }
        :where(html.style-pre-06) main > section:first-child .relative.overflow-hidden{
          max-width: 100vw;
          overflow: hidden;
        }
        :where(html.style-pre-06) footer .grid{
          gap: 2rem !important;
        }
        :where(html.style-pre-06) footer .relative.h-14{
          width: 11rem !important;
        }
      }
      @media (min-width: 641px) and (max-width: 1023px){
        :where(html.style-pre-06) main > section:first-child img[src$="hero-banner.jpg"]{
          width: 100%;
          height: auto;
          min-height: 0;
          object-fit: contain;
        }
        :where(html.style-pre-06) .about-row{
          grid-template-columns: 1fr !important;
          gap: 2rem !important;
        }
        :where(html.style-pre-06) .about-portrait{
          max-width: 42rem;
        }
        :where(html.style-pre-06) .contact-section-row{
          grid-template-columns: minmax(260px, 360px) minmax(0, 1fr) !important;
          gap: 2rem !important;
        }
        :where(html.style-pre-06) .contact-section-image{
          width: 100% !important;
        }
      }
/* Source block: hero-column-width-style */
:where(html.style-pre-06) .home-hero-frame{
        max-width: 80rem;
        margin-left: auto;
        margin-right: auto;
        padding-left: 1.25rem;
        padding-right: 1.25rem;
      }
      :where(html.style-pre-06) .home-hero-frame img{
        display: block;
        width: 100%;
        height: auto;
      }
      @media (min-width: 640px){
        :where(html.style-pre-06) .home-hero-frame{
          padding-left: 2rem;
          padding-right: 2rem;
        }
      }
      @media (min-width: 1280px){
        :where(html.style-pre-06) .home-hero-frame{
          max-width: 92rem;
        }
      }
      @media (max-width: 640px){
        :where(html.style-pre-06) .home-hero-frame{
          padding-left: 1rem;
          padding-right: 1rem;
        }
      }
/* Source block: hero-text-overlay-style */
:where(html.style-pre-06) .home-hero-frame .relative{
        position: relative;
      }
      :where(html.style-pre-06) .home-hero-frame video{
        display: block;
        width: 100%;
        height: auto;
      }
      :where(html.style-pre-06) .hero-text-layer{
        position: absolute !important;
        left: 5.6% !important;
        top: 8.8% !important;
        z-index: 4 !important;
        width: 52% !important;
        max-width: 52% !important;
        height: auto !important;
        pointer-events: none !important;
        transform: scale(1.05);
        transform-origin: top left;
        filter: drop-shadow(0 0 12px rgba(153, 204, 48, 0.22));
      }
      @media (max-width: 1024px){
        :where(html.style-pre-06) .hero-text-layer{
          left: 5.6% !important;
          top: 8.8% !important;
          width: 53% !important;
          max-width: 53% !important;
        }
      }
      @media (max-width: 640px){
        :where(html.style-pre-06) .hero-text-layer{
          left: 5.6% !important;
          top: 8.8% !important;
          width: 55% !important;
          max-width: 55% !important;
        }
      }

      :where(html.style-pre-06) .home-hero-statement-wrap{
        background: #ffffff;
      }
      :where(html.style-pre-06) .home-hero-statement-box{
        width: 100%;
        padding: clamp(1.15rem, 2vw, 1.75rem) clamp(1.25rem, 2.6vw, 2.25rem);
        border: 1px solid rgba(78, 95, 145, 0.22);
        border-left: 0.36rem solid #97cd2d;
        background: #eef4fb;
        box-shadow: 0 16px 38px rgba(37, 54, 105, 0.09);
        transition: background 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
      }
      :where(html.style-pre-06) .home-hero-statement-box:hover{
        background: #e8eff9;
        border-color: rgba(37, 54, 105, 0.34);
        box-shadow: 0 22px 48px rgba(37, 54, 105, 0.14);
        transform: translateY(-2px);
      }
      :where(html.style-pre-06) .home-hero-statement-box p{
        margin: 0;
        color: #253669;
        font-size: clamp(1rem, 1.35vw, 1.25rem);
        font-weight: 680;
        line-height: 1.55;
        letter-spacing: -0.01em;
      }
      @media (max-width: 640px){
        :where(html.style-pre-06) .home-hero-statement-box{
          padding: 1rem 1.05rem;
          border-left-width: 0.28rem;
        }
        :where(html.style-pre-06) .home-hero-statement-box p{
          font-size: 0.95rem;
          line-height: 1.58;
        }
      }
      @media (max-width: 420px){
        :where(html.style-pre-06) .hero-text-layer{
          left: 5.6% !important;
          top: 8.8% !important;
          width: 56% !important;
          max-width: 56% !important;
        }
      }
/* Source block: scroll-performance-fix */
:where(html.style-pre-06) .site-progress,
:where(html.style-pre-06) .live-back-top{
        display: none !important;
      }
      :where(html.style-pre-06) .reveal-live{
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
      }
      :where(html.style-pre-06) .page-loaded main{
        animation: none !important;
      }
      :where(html.style-pre-06) .page-section-banner img,
:where(html.style-pre-06) .interactive-live{
        will-change: auto !important;
      }
/* Source block: header-live-meta-style */
:where(html.style-pre-06) .header-live-separator{
        color: rgba(246, 241, 226, 0.28);
        font-size: 0.75rem;
        line-height: 1;
      }
      :where(html.style-pre-06) .header-live-meta{
        display: inline-flex;
        align-items: center;
        gap: 0.55rem;
        white-space: nowrap;
        color: rgba(211, 208, 197, 0.68);
        font-size: 0.68rem;
        font-weight: 500;
        letter-spacing: 0.14em;
        line-height: 1;
        text-transform: uppercase;
      }
      :where(html.style-pre-06) .header-live-meta span[aria-hidden="true"]{
        color: rgba(246, 241, 226, 0.24);
      }
      :where(html.style-pre-06) .header-live-temp{
        color: #b6f05c;
      }
      @media (max-width: 1279px){
        :where(html.style-pre-06) .header-live-separator,
:where(html.style-pre-06) .header-live-meta{
          display: none !important;
        }
      }
/* Source block: media-copy-guard-style */
:where(html.style-pre-06) img,
:where(html.style-pre-06) picture,
:where(html.style-pre-06) video,
:where(html.style-pre-06) canvas,
:where(html.style-pre-06) svg{
      -webkit-user-drag: none;
      user-drag: none;
      -webkit-user-select: none;
      user-select: none;
      -webkit-touch-callout: none;
    }
/* Source block: active-main-menu-style */
:where(html.style-pre-06) header nav[aria-label="Main navigation"] a[aria-current="page"],
:where(html.style-pre-06) .nav-panel-live a[aria-current="page"]{
        color: #b6f05c !important;
        font-weight: 800 !important;
        text-shadow:
          0 0 8px rgba(182, 240, 92, 0.75),
          0 0 22px rgba(182, 240, 92, 0.45);
      }
/* Source block: arabic-menu-pulse-style */
:where(html.style-pre-06) header nav[aria-label="Main navigation"] [lang="ar"]{
        position: relative;
        display: inline-flex;
        align-items: center;
        gap: 0.55rem;
      }
      :where(html.style-pre-06) header nav[aria-label="Main navigation"] [lang="ar"]::after{
        content: "";
        width: 0.45rem;
        height: 0.45rem;
        border-radius: 999px;
        background: #b6f05c;
        box-shadow: 0 0 0 rgba(182, 240, 92, 0);
        animation: arabic-menu-dot-pulse 2s ease-in-out infinite;
      }
      @keyframes arabic-menu-dot-pulse{
        0%, 100% {
          opacity: 0.55;
          box-shadow: 0 0 0 rgba(182, 240, 92, 0);
          transform: scale(0.92);
        }
        50% {
          opacity: 1;
          box-shadow:
            0 0 8px rgba(182, 240, 92, 0.85),
            0 0 18px rgba(182, 240, 92, 0.55);
          transform: scale(1.08);
        }
      }
      @media (prefers-reduced-motion: reduce){
        :where(html.style-pre-06) header nav[aria-label="Main navigation"] [lang="ar"]::after{
          animation: none;
        }
      }
/* Source block: site-image-protection-style */
:where(html.style-pre-06) img,
:where(html.style-pre-06) picture,
:where(html.style-pre-06) video,
:where(html.style-pre-06) canvas,
:where(html.style-pre-06) svg{
        -webkit-user-select: none;
        user-select: none;
        -webkit-user-drag: none;
        -webkit-touch-callout: none;
      }
      :where(html.style-pre-06) img{ pointer-events: none; }
      :where(html.style-pre-06) .footer-statement{ max-width: none; overflow-wrap: normal; }
      @media (min-width: 1024px){
        :where(html.style-pre-06) .footer-statement{ white-space: nowrap; }
      }
      @media (max-width: 1023px){
        :where(html.style-pre-06) .footer-statement{ white-space: normal; }
      }
/* Source block: positioning-value-table-style */
:where(html.style-pre-06) .positioning-value-table{
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0;
        border: 1px solid rgba(78, 95, 145, 0.28);
        background: rgba(78, 95, 145, 0.08);
      }
      :where(html.style-pre-06) .positioning-value-table li{
        min-height: 3.75rem;
        padding: 0.9rem 1.15rem;
        border-right: 1px solid rgba(78, 95, 145, 0.28);
        background: rgba(246, 241, 226, 0.03);
        transition:
          background 0.25s ease,
          border-color 0.25s ease,
          color 0.25s ease,
          transform 0.25s ease;
      }
      :where(html.style-pre-06) .positioning-value-table li:last-child{
        border-right: 0;
      }
      :where(html.style-pre-06) .positioning-value-table li:hover{
        background: rgba(78, 95, 145, 0.16);
        color: #253669;
        transform: translateY(-2px);
      }
      :where(html.style-pre-06) .positioning-value-table.expertise-value-table{
        display: block;
        grid-template-columns: minmax(0, 1fr);
        width: 100%;
        padding: 0.9rem 1.35rem;
        border: 1px solid rgba(78, 95, 145, 0.22);
        background: #eef4fb;
        box-shadow: 0 14px 34px rgba(37, 54, 105, 0.08);
        transition:
          background 0.25s ease,
          border-color 0.25s ease,
          box-shadow 0.25s ease,
          transform 0.25s ease;
      }
      :where(html.style-pre-06) .positioning-value-table.expertise-value-table li{
        min-height: 0;
        padding: 0;
        border-right: 0;
        background: transparent;
        color: rgba(37, 54, 105, 0.86);
        line-height: 1.65;
      }
      :where(html.style-pre-06) .positioning-value-table.expertise-value-table:hover{
        background: #e8eff9;
        border-color: rgba(37, 54, 105, 0.38);
        box-shadow: 0 20px 42px rgba(37, 54, 105, 0.13);
        transform: translateY(-2px);
      }
      :where(html.style-pre-06) .positioning-value-table.expertise-value-table:hover li{
        color: #253669;
      }
      :where(html.style-pre-06) .positioning-points-box{
        width: 100%;
        padding: 0.9rem 1.35rem;
        border: 1px solid rgba(78, 95, 145, 0.22);
        background: #eef4fb;
        box-shadow: 0 14px 34px rgba(37, 54, 105, 0.08);
        transition:
          background 0.25s ease,
          border-color 0.25s ease,
          box-shadow 0.25s ease,
          transform 0.25s ease;
      }
      :where(html.style-pre-06) .positioning-points-box ul{
        display: grid;
        gap: 0.25rem;
        margin: 0;
        padding: 0;
        list-style: none;
      }
      :where(html.style-pre-06) .positioning-points-box li{
        position: relative;
        padding-left: 1.35rem;
        color: rgba(37, 54, 105, 0.86);
        font-size: 1rem;
        line-height: 1.65;
        text-align: left;
        transition: color 0.25s ease, transform 0.25s ease;
      }
      :where(html.style-pre-06) .positioning-points-box li::before{
        content: "";
        position: absolute;
        top: 0.68rem;
        left: 0;
        width: 0.48rem;
        height: 0.48rem;
        border-radius: 999px;
        background: #253669;
      }
      :where(html.style-pre-06) .positioning-points-box:hover{
        background: #e8eff9;
        border-color: rgba(37, 54, 105, 0.38);
        box-shadow: 0 20px 42px rgba(37, 54, 105, 0.13);
        transform: translateY(-2px);
      }
      :where(html.style-pre-06) .positioning-points-box:hover li{
        color: #253669;
        transform: translateX(0.2rem);
      }
      @media (max-width: 767px){
        :where(html.style-pre-06) .positioning-value-table{
          grid-template-columns: 1fr;
        }
        :where(html.style-pre-06) .positioning-value-table li{
          border-right: 0;
          border-bottom: 1px solid rgba(78, 95, 145, 0.28);
        }
        :where(html.style-pre-06) .positioning-value-table li:last-child{
          border-bottom: 0;
        }
      }

/* Shared style group: style-pre-07 */
/* Source block: anonymous-1 */
:root:where(.style-pre-07){ scroll-behavior: smooth; }
      :where(html.style-pre-07) .nav-panel-live{ display: none; border-top: 1px solid rgba(246, 241, 226, 0.1); background: rgba(7, 10, 12, 0.98); padding: 1.25rem; }
      :where(html.style-pre-07) .nav-panel-live.is-open{ display: block; }
      :where(html.style-pre-07) .nav-panel-live a{ display: block; padding: 0.85rem 0; font-family: var(--font-serif), Georgia, serif; font-size: 1.85rem; line-height: 1.08; color: #f6f1e2; text-decoration: none; }
      :where(html.style-pre-07) .nav-panel-live a:hover{ color: #b6f05c; }
      :where(html.style-pre-07) .case-study-hero-image{ border: 1px solid rgba(246, 241, 226, 0.1); background: #101314; }
      :where(html.style-pre-07) .case-study-hero-image img{ display: block; width: 100%; height: auto; }
      :where(html.style-pre-07) .case-study-gallery-grid{ display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0.75rem; margin-top: 1.5rem; }
      :where(html.style-pre-07) .case-study-gallery-thumb{ border: 1px solid rgba(246, 241, 226, 0.12); background: #101314; padding: 0; cursor: pointer; overflow: hidden; transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease; }
      :where(html.style-pre-07) .case-study-gallery-thumb img{ display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; opacity: 0.62; transition: opacity 0.25s ease, transform 0.45s ease; }
      :where(html.style-pre-07) .case-study-gallery-thumb:hover,
:where(html.style-pre-07) .case-study-gallery-thumb:focus-visible,
:where(html.style-pre-07) .case-study-gallery-thumb.is-active{ border-color: rgba(182, 240, 92, 0.72); box-shadow: 0 0 18px rgba(182, 240, 92, 0.18); }
      :where(html.style-pre-07) .case-study-gallery-thumb:hover img,
:where(html.style-pre-07) .case-study-gallery-thumb:focus-visible img,
:where(html.style-pre-07) .case-study-gallery-thumb.is-active img{ opacity: 1; transform: scale(1.035); }
      :where(html.style-pre-07) .case-study-meta{ border-top: 1px solid rgba(246, 241, 226, 0.1); border-bottom: 1px solid rgba(246, 241, 226, 0.1); }
      :where(html.style-pre-07) .case-study-stat{ border-left: 1px solid rgba(182, 240, 92, 0.42); padding-left: 1.25rem; }
      :where(html.style-pre-07) .case-study-card{ border: 1px solid rgba(246, 241, 226, 0.1); background: #101314; }
      :where(html.style-pre-07) .case-study-list{ list-style: none; margin: 0; padding: 0; }
      :where(html.style-pre-07) .case-study-list li{ display: flex; gap: 1rem; align-items: flex-start; color: rgba(211, 208, 197, 0.76); line-height: 1.45; }
      :where(html.style-pre-07) .case-study-list li + li{ margin-top: 0.7rem; }
      :where(html.style-pre-07) .case-study-list li::before{ content: ""; margin-top: 0.48rem; width: 0.5rem; height: 0.5rem; flex: 0 0 0.5rem; border-radius: 999px; background: #b6f05c; box-shadow: 0 0 14px rgba(182, 240, 92, 0.55); }
      :where(html.style-pre-07) .visual-language-columns{ columns: 2; column-gap: 1.75rem; }
      :where(html.style-pre-07) .visual-language-columns li{ break-inside: avoid; }
      @media (max-width: 767px){
        :where(html.style-pre-07) .case-study-stat{ border-left: 0; border-top: 1px solid rgba(182, 240, 92, 0.32); padding-left: 0; padding-top: 1rem; }
        :where(html.style-pre-07) .case-study-gallery-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
        :where(html.style-pre-07) .visual-language-columns{ columns: 1; }
      }
/* Source block: active-main-menu-style */
:where(html.style-pre-07) header nav[aria-label="Main navigation"] a[aria-current="page"],
:where(html.style-pre-07) .nav-panel-live a[aria-current="page"]{
        color: #b6f05c !important;
        font-weight: 800 !important;
        text-shadow:
          0 0 8px rgba(182, 240, 92, 0.75),
          0 0 22px rgba(182, 240, 92, 0.45);
      }
/* Source block: header-live-meta-style */
:where(html.style-pre-07) .header-live-separator{
        color: rgba(246, 241, 226, 0.28);
        font-size: 0.75rem;
        line-height: 1;
      }
      :where(html.style-pre-07) .header-live-meta{
        display: inline-flex;
        align-items: center;
        gap: 0.55rem;
        white-space: nowrap;
        color: rgba(211, 208, 197, 0.68);
        font-size: 0.68rem;
        font-weight: 500;
        letter-spacing: 0.14em;
        line-height: 1;
        text-transform: uppercase;
      }
      :where(html.style-pre-07) .header-live-meta span[aria-hidden="true"]{
        color: rgba(246, 241, 226, 0.24);
      }
      :where(html.style-pre-07) .header-live-temp{
        color: #b6f05c;
      }
      @media (max-width: 1279px){
        :where(html.style-pre-07) .header-live-separator,
:where(html.style-pre-07) .header-live-meta{
          display: none !important;
        }
      }
/* Source block: arabic-menu-pulse-style */
:where(html.style-pre-07) header nav[aria-label="Main navigation"] [lang="ar"]{
        position: relative;
        display: inline-flex;
        align-items: center;
        gap: 0.55rem;
      }
      :where(html.style-pre-07) header nav[aria-label="Main navigation"] [lang="ar"]::after{
        content: "";
        width: 0.45rem;
        height: 0.45rem;
        border-radius: 999px;
        background: #b6f05c;
        box-shadow: 0 0 0 rgba(182, 240, 92, 0);
        animation: arabic-menu-dot-pulse 2s ease-in-out infinite;
      }
      @keyframes arabic-menu-dot-pulse{
        0%, 100% {
          opacity: 0.55;
          box-shadow: 0 0 0 rgba(182, 240, 92, 0);
          transform: scale(0.92);
        }
        50% {
          opacity: 1;
          box-shadow:
            0 0 8px rgba(182, 240, 92, 0.85),
            0 0 18px rgba(182, 240, 92, 0.55);
          transform: scale(1.08);
        }
      }
      @media (prefers-reduced-motion: reduce){
        :where(html.style-pre-07) header nav[aria-label="Main navigation"] [lang="ar"]::after{
          animation: none;
        }
      }
/* Source block: site-image-protection-style */
:where(html.style-pre-07) img,
:where(html.style-pre-07) picture,
:where(html.style-pre-07) video,
:where(html.style-pre-07) canvas,
:where(html.style-pre-07) svg{
        -webkit-user-select: none;
        user-select: none;
        -webkit-user-drag: none;
        -webkit-touch-callout: none;
      }
      :where(html.style-pre-07) img{ pointer-events: none; }
      :where(html.style-pre-07) .footer-statement{ max-width: none; overflow-wrap: normal; }
      @media (min-width: 1024px){
        :where(html.style-pre-07) .footer-statement{ white-space: nowrap; }
      }
      @media (max-width: 1023px){
        :where(html.style-pre-07) .footer-statement{ white-space: normal; }
      }
/* Source block: responsive-qa-style */
html:where(.style-pre-07),
:where(html.style-pre-07) body{ max-width: 100%; overflow-x: hidden; }
      :where(html.style-pre-07) img,
:where(html.style-pre-07) video{ max-width: 100%; height: auto; }
      :where(html.style-pre-07) header nav{ max-width: 100vw; }
      :where(html.style-pre-07) .nav-panel-live{ position: fixed; top: 5rem; left: 0; right: 0; z-index: 55; max-height: calc(100vh - 5rem); overflow: auto; box-shadow: 0 28px 60px rgba(0,0,0,.38); }
      @media (max-width: 1023px){
        :where(html.style-pre-07) main section{ scroll-margin-top: 5rem; }
        :where(html.style-pre-07) .case-study-gallery-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
        :where(html.style-pre-07) .footer-statement{ white-space: normal !important; }
      }
      @media (max-width: 767px){
        :where(html.style-pre-07) header nav{ height: 4.5rem; padding-left: 1rem !important; padding-right: 1rem !important; }
        :where(html.style-pre-07) header nav > a{ width: 10.7rem !important; height: 3.25rem !important; }
        :where(html.style-pre-07) main > section{ padding-top: 7rem; }
        :where(html.style-pre-07) h1,
:where(html.style-pre-07) h2{ overflow-wrap: break-word; word-break: normal; }
        :where(html.style-pre-07) .case-study-hero-image img{ width: 100%; height: auto; }
        :where(html.style-pre-07) .case-study-gallery-grid{ gap: 0.6rem !important; }
      }

/* Shared style group: style-pre-08 */
/* Source block: anonymous-1 */
:root:where(.style-pre-08){ scroll-behavior: smooth; }
      :where(html.style-pre-08) .nav-panel-live{ display: none; border-top: 1px solid rgba(246, 241, 226, 0.1); background: rgba(7, 10, 12, 0.98); padding: 1.25rem; }
      :where(html.style-pre-08) .nav-panel-live.is-open{ display: block; }
      :where(html.style-pre-08) .nav-panel-live a{ display: block; padding: 0.85rem 0; font-family: var(--font-serif), Georgia, serif; font-size: 1.85rem; line-height: 1.08; color: #f6f1e2; text-decoration: none; }
      :where(html.style-pre-08) .nav-panel-live a:hover{ color: #b6f05c; }
      :where(html.style-pre-08) .case-study-hero-image{ border: 1px solid rgba(246, 241, 226, 0.1); background: #101314; }
      :where(html.style-pre-08) .case-study-hero-image img{ display: block; width: 100%; height: auto; }
      :where(html.style-pre-08) .case-study-gallery-grid{ display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0.75rem; margin-top: 1.5rem; }
      :where(html.style-pre-08) .case-study-gallery-thumb{ border: 1px solid rgba(246, 241, 226, 0.12); background: #101314; padding: 0; cursor: pointer; overflow: hidden; transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease; }
      :where(html.style-pre-08) .case-study-gallery-thumb img{ display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; opacity: 0.62; transition: opacity 0.25s ease, transform 0.45s ease; }
      :where(html.style-pre-08) .case-study-gallery-thumb:hover,
:where(html.style-pre-08) .case-study-gallery-thumb:focus-visible,
:where(html.style-pre-08) .case-study-gallery-thumb.is-active{ border-color: rgba(182, 240, 92, 0.72); box-shadow: 0 0 18px rgba(182, 240, 92, 0.18); }
      :where(html.style-pre-08) .case-study-gallery-thumb:hover img,
:where(html.style-pre-08) .case-study-gallery-thumb:focus-visible img,
:where(html.style-pre-08) .case-study-gallery-thumb.is-active img{ opacity: 1; transform: scale(1.035); }
      :where(html.style-pre-08) .case-study-meta{ border-top: 1px solid rgba(246, 241, 226, 0.1); border-bottom: 1px solid rgba(246, 241, 226, 0.1); }
      :where(html.style-pre-08) .case-study-stat{ border-left: 1px solid rgba(182, 240, 92, 0.42); padding-left: 1.25rem; }
      :where(html.style-pre-08) .case-study-card{ border: 1px solid rgba(246, 241, 226, 0.1); background: #101314; }
      :where(html.style-pre-08) .case-study-list{ list-style: none; margin: 0; padding: 0; }
      :where(html.style-pre-08) .case-study-list li{ display: flex; gap: 1rem; align-items: flex-start; color: rgba(211, 208, 197, 0.76); line-height: 1.45; }
      :where(html.style-pre-08) .case-study-list li + li{ margin-top: 0.7rem; }
      :where(html.style-pre-08) .case-study-list li::before{ content: ""; margin-top: 0.48rem; width: 0.5rem; height: 0.5rem; flex: 0 0 0.5rem; border-radius: 999px; background: #b6f05c; box-shadow: 0 0 14px rgba(182, 240, 92, 0.55); }
      @media (max-width: 767px){
        :where(html.style-pre-08) .case-study-stat{ border-left: 0; border-top: 1px solid rgba(182, 240, 92, 0.32); padding-left: 0; padding-top: 1rem; }
        :where(html.style-pre-08) .case-study-gallery-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
      }
/* Source block: active-main-menu-style */
:where(html.style-pre-08) header nav[aria-label="Main navigation"] a[aria-current="page"],
:where(html.style-pre-08) .nav-panel-live a[aria-current="page"]{
        color: #b6f05c !important;
        font-weight: 800 !important;
        text-shadow:
          0 0 8px rgba(182, 240, 92, 0.75),
          0 0 22px rgba(182, 240, 92, 0.45);
      }
/* Source block: header-live-meta-style */
:where(html.style-pre-08) .header-live-separator{
        color: rgba(246, 241, 226, 0.28);
        font-size: 0.75rem;
        line-height: 1;
      }
      :where(html.style-pre-08) .header-live-meta{
        display: inline-flex;
        align-items: center;
        gap: 0.55rem;
        white-space: nowrap;
        color: rgba(211, 208, 197, 0.68);
        font-size: 0.68rem;
        font-weight: 500;
        letter-spacing: 0.14em;
        line-height: 1;
        text-transform: uppercase;
      }
      :where(html.style-pre-08) .header-live-meta span[aria-hidden="true"]{
        color: rgba(246, 241, 226, 0.24);
      }
      :where(html.style-pre-08) .header-live-temp{
        color: #b6f05c;
      }
      @media (max-width: 1279px){
        :where(html.style-pre-08) .header-live-separator,
:where(html.style-pre-08) .header-live-meta{
          display: none !important;
        }
      }
/* Source block: arabic-menu-pulse-style */
:where(html.style-pre-08) header nav[aria-label="Main navigation"] [lang="ar"]{
        position: relative;
        display: inline-flex;
        align-items: center;
        gap: 0.55rem;
      }
      :where(html.style-pre-08) header nav[aria-label="Main navigation"] [lang="ar"]::after{
        content: "";
        width: 0.45rem;
        height: 0.45rem;
        border-radius: 999px;
        background: #b6f05c;
        box-shadow: 0 0 0 rgba(182, 240, 92, 0);
        animation: arabic-menu-dot-pulse 2s ease-in-out infinite;
      }
      @keyframes arabic-menu-dot-pulse{
        0%, 100% {
          opacity: 0.55;
          box-shadow: 0 0 0 rgba(182, 240, 92, 0);
          transform: scale(0.92);
        }
        50% {
          opacity: 1;
          box-shadow:
            0 0 8px rgba(182, 240, 92, 0.85),
            0 0 18px rgba(182, 240, 92, 0.55);
          transform: scale(1.08);
        }
      }
      @media (prefers-reduced-motion: reduce){
        :where(html.style-pre-08) header nav[aria-label="Main navigation"] [lang="ar"]::after{
          animation: none;
        }
      }
/* Source block: site-image-protection-style */
:where(html.style-pre-08) img,
:where(html.style-pre-08) picture,
:where(html.style-pre-08) video,
:where(html.style-pre-08) canvas,
:where(html.style-pre-08) svg{
        -webkit-user-select: none;
        user-select: none;
        -webkit-user-drag: none;
        -webkit-touch-callout: none;
      }
      :where(html.style-pre-08) img{ pointer-events: none; }
      :where(html.style-pre-08) .footer-statement{ max-width: none; overflow-wrap: normal; }
      @media (min-width: 1024px){
        :where(html.style-pre-08) .footer-statement{ white-space: nowrap; }
      }
      @media (max-width: 1023px){
        :where(html.style-pre-08) .footer-statement{ white-space: normal; }
      }
/* Source block: responsive-qa-style */
html:where(.style-pre-08),
:where(html.style-pre-08) body{ max-width: 100%; overflow-x: hidden; }
      :where(html.style-pre-08) img,
:where(html.style-pre-08) video{ max-width: 100%; height: auto; }
      :where(html.style-pre-08) header nav{ max-width: 100vw; }
      :where(html.style-pre-08) .nav-panel-live{ position: fixed; top: 5rem; left: 0; right: 0; z-index: 55; max-height: calc(100vh - 5rem); overflow: auto; box-shadow: 0 28px 60px rgba(0,0,0,.38); }
      @media (max-width: 1023px){
        :where(html.style-pre-08) main section{ scroll-margin-top: 5rem; }
        :where(html.style-pre-08) .case-study-gallery-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
        :where(html.style-pre-08) .footer-statement{ white-space: normal !important; }
      }
      @media (max-width: 767px){
        :where(html.style-pre-08) header nav{ height: 4.5rem; padding-left: 1rem !important; padding-right: 1rem !important; }
        :where(html.style-pre-08) header nav > a{ width: 10.7rem !important; height: 3.25rem !important; }
        :where(html.style-pre-08) main > section{ padding-top: 7rem; }
        :where(html.style-pre-08) h1,
:where(html.style-pre-08) h2{ overflow-wrap: break-word; word-break: normal; }
        :where(html.style-pre-08) .case-study-hero-image img{ width: 100%; height: auto; }
        :where(html.style-pre-08) .case-study-gallery-grid{ gap: 0.6rem !important; }
      }

/* Shared style group: style-pre-09 */
/* Source block: anonymous-1 */
:root:where(.style-pre-09){ scroll-behavior: smooth; }
      :where(html.style-pre-09) .nav-panel-live{ display: none; border-top: 1px solid rgba(246, 241, 226, 0.1); background: rgba(7, 10, 12, 0.98); padding: 1.25rem; }
      :where(html.style-pre-09) .nav-panel-live.is-open{ display: block; }
      :where(html.style-pre-09) .nav-panel-live a{ display: block; padding: 0.85rem 0; font-family: var(--font-serif), Georgia, serif; font-size: 1.85rem; line-height: 1.08; color: #f6f1e2; text-decoration: none; }
      :where(html.style-pre-09) .nav-panel-live a:hover{ color: #b6f05c; }
      :where(html.style-pre-09) .case-study-hero-image{ border: 1px solid rgba(246, 241, 226, 0.1); background: #101314; }
      :where(html.style-pre-09) .case-study-hero-image img{ display: block; width: 100%; height: auto; }
      :where(html.style-pre-09) .case-study-gallery-grid{ display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0.75rem; margin-top: 1.5rem; }
      :where(html.style-pre-09) .case-study-gallery-thumb{ border: 1px solid rgba(246, 241, 226, 0.12); background: #101314; padding: 0; cursor: pointer; overflow: hidden; transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease; }
      :where(html.style-pre-09) .case-study-gallery-thumb img{ display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; opacity: 0.62; transition: opacity 0.25s ease, transform 0.45s ease; }
      :where(html.style-pre-09) .case-study-gallery-thumb:hover,
:where(html.style-pre-09) .case-study-gallery-thumb:focus-visible,
:where(html.style-pre-09) .case-study-gallery-thumb.is-active{ border-color: rgba(182, 240, 92, 0.72); box-shadow: 0 0 18px rgba(182, 240, 92, 0.18); }
      :where(html.style-pre-09) .case-study-gallery-thumb:hover img,
:where(html.style-pre-09) .case-study-gallery-thumb:focus-visible img,
:where(html.style-pre-09) .case-study-gallery-thumb.is-active img{ opacity: 1; transform: scale(1.035); }
      :where(html.style-pre-09) .case-study-meta{ border-top: 1px solid rgba(246, 241, 226, 0.1); border-bottom: 1px solid rgba(246, 241, 226, 0.1); }
      :where(html.style-pre-09) .case-study-stat{ border-left: 1px solid rgba(182, 240, 92, 0.42); padding-left: 1.25rem; }
      :where(html.style-pre-09) .case-study-card{ border: 1px solid rgba(246, 241, 226, 0.1); background: #101314; }
      :where(html.style-pre-09) .case-study-list{ list-style: none; margin: 0; padding: 0; }
      :where(html.style-pre-09) .case-study-list li{ display: flex; gap: 1rem; align-items: flex-start; color: rgba(211, 208, 197, 0.76); line-height: 1.45; }
      :where(html.style-pre-09) .case-study-list li + li{ margin-top: 0.7rem; }
      :where(html.style-pre-09) .case-study-list li::before{ content: ""; margin-top: 0.48rem; width: 0.5rem; height: 0.5rem; flex: 0 0 0.5rem; border-radius: 999px; background: #b6f05c; box-shadow: 0 0 14px rgba(182, 240, 92, 0.55); }
      :where(html.style-pre-09) .application-list-columns{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.75rem; }
      @media (max-width: 767px){
        :where(html.style-pre-09) .case-study-stat{ border-left: 0; border-top: 1px solid rgba(182, 240, 92, 0.32); padding-left: 0; padding-top: 1rem; }
        :where(html.style-pre-09) .case-study-gallery-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
        :where(html.style-pre-09) .application-list-columns{ grid-template-columns: 1fr; gap: 0.7rem; }
      }
/* Source block: active-main-menu-style */
:where(html.style-pre-09) header nav[aria-label="Main navigation"] a[aria-current="page"],
:where(html.style-pre-09) .nav-panel-live a[aria-current="page"]{
        color: #b6f05c !important;
        font-weight: 800 !important;
        text-shadow:
          0 0 8px rgba(182, 240, 92, 0.75),
          0 0 22px rgba(182, 240, 92, 0.45);
      }
/* Source block: header-live-meta-style */
:where(html.style-pre-09) .header-live-separator{
        color: rgba(246, 241, 226, 0.28);
        font-size: 0.75rem;
        line-height: 1;
      }
      :where(html.style-pre-09) .header-live-meta{
        display: inline-flex;
        align-items: center;
        gap: 0.55rem;
        white-space: nowrap;
        color: rgba(211, 208, 197, 0.68);
        font-size: 0.68rem;
        font-weight: 500;
        letter-spacing: 0.14em;
        line-height: 1;
        text-transform: uppercase;
      }
      :where(html.style-pre-09) .header-live-meta span[aria-hidden="true"]{
        color: rgba(246, 241, 226, 0.24);
      }
      :where(html.style-pre-09) .header-live-temp{
        color: #b6f05c;
      }
      @media (max-width: 1279px){
        :where(html.style-pre-09) .header-live-separator,
:where(html.style-pre-09) .header-live-meta{
          display: none !important;
        }
      }
/* Source block: arabic-menu-pulse-style */
:where(html.style-pre-09) header nav[aria-label="Main navigation"] [lang="ar"]{
        position: relative;
        display: inline-flex;
        align-items: center;
        gap: 0.55rem;
      }
      :where(html.style-pre-09) header nav[aria-label="Main navigation"] [lang="ar"]::after{
        content: "";
        width: 0.45rem;
        height: 0.45rem;
        border-radius: 999px;
        background: #b6f05c;
        box-shadow: 0 0 0 rgba(182, 240, 92, 0);
        animation: arabic-menu-dot-pulse 2s ease-in-out infinite;
      }
      @keyframes arabic-menu-dot-pulse{
        0%, 100% {
          opacity: 0.55;
          box-shadow: 0 0 0 rgba(182, 240, 92, 0);
          transform: scale(0.92);
        }
        50% {
          opacity: 1;
          box-shadow:
            0 0 8px rgba(182, 240, 92, 0.85),
            0 0 18px rgba(182, 240, 92, 0.55);
          transform: scale(1.08);
        }
      }
      @media (prefers-reduced-motion: reduce){
        :where(html.style-pre-09) header nav[aria-label="Main navigation"] [lang="ar"]::after{
          animation: none;
        }
      }
/* Source block: site-image-protection-style */
:where(html.style-pre-09) img,
:where(html.style-pre-09) picture,
:where(html.style-pre-09) video,
:where(html.style-pre-09) canvas,
:where(html.style-pre-09) svg{
        -webkit-user-select: none;
        user-select: none;
        -webkit-user-drag: none;
        -webkit-touch-callout: none;
      }
      :where(html.style-pre-09) img{ pointer-events: none; }
      :where(html.style-pre-09) .footer-statement{ max-width: none; overflow-wrap: normal; }
      @media (min-width: 1024px){
        :where(html.style-pre-09) .footer-statement{ white-space: nowrap; }
      }
      @media (max-width: 1023px){
        :where(html.style-pre-09) .footer-statement{ white-space: normal; }
      }
/* Source block: responsive-qa-style */
html:where(.style-pre-09),
:where(html.style-pre-09) body{ max-width: 100%; overflow-x: hidden; }
      :where(html.style-pre-09) img,
:where(html.style-pre-09) video{ max-width: 100%; height: auto; }
      :where(html.style-pre-09) header nav{ max-width: 100vw; }
      :where(html.style-pre-09) .nav-panel-live{ position: fixed; top: 5rem; left: 0; right: 0; z-index: 55; max-height: calc(100vh - 5rem); overflow: auto; box-shadow: 0 28px 60px rgba(0,0,0,.38); }
      @media (max-width: 1023px){
        :where(html.style-pre-09) main section{ scroll-margin-top: 5rem; }
        :where(html.style-pre-09) .case-study-gallery-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
        :where(html.style-pre-09) .footer-statement{ white-space: normal !important; }
      }
      @media (max-width: 767px){
        :where(html.style-pre-09) header nav{ height: 4.5rem; padding-left: 1rem !important; padding-right: 1rem !important; }
        :where(html.style-pre-09) header nav > a{ width: 10.7rem !important; height: 3.25rem !important; }
        :where(html.style-pre-09) main > section{ padding-top: 7rem; }
        :where(html.style-pre-09) h1,
:where(html.style-pre-09) h2{ overflow-wrap: break-word; word-break: normal; }
        :where(html.style-pre-09) .case-study-hero-image img{ width: 100%; height: auto; }
        :where(html.style-pre-09) .case-study-gallery-grid{ gap: 0.6rem !important; }
      }

/* Shared style group: style-pre-10 */
/* Source block: direct-open-fix */
:where(html.style-pre-10) [style*="opacity:0"]{
        opacity: 1 !important;
        transform: none !important;
      }
      :where(html.style-pre-10) [style*="opacity: 0"]{
        opacity: 1 !important;
        transform: none !important;
      }
    
      :where(html.style-pre-10) .case-study-card-title{
        transition: color 0.28s ease, text-shadow 0.28s ease;
      }
      :where(html.style-pre-10) .group:hover .case-study-card-title,
:where(html.style-pre-10) .group:focus-within .case-study-card-title{
        color: #b6f05c;
        text-shadow: 0 0 10px rgba(182, 240, 92, 0.9), 0 0 26px rgba(182, 240, 92, 0.5);
      }
/* Source block: work-page-spacing */
:where(html.style-pre-10) .work-kicker{
        margin-bottom: 1.5rem;
        color: #b6f05c;
        font-size: 0.75rem;
        font-weight: 500;
        letter-spacing: 0.35em;
        text-transform: uppercase;
      }
      :where(html.style-pre-10) .work-title{
        margin-bottom: 1.5rem;
      }
      :where(html.style-pre-10) .work-image{
        overflow: hidden;
        border: 1px solid rgba(246, 241, 226, 0.15) !important;
        background: #101314;
        box-shadow: none;
        margin-bottom: 1.5rem;
      }
      :where(html.style-pre-10) .work-image img{
        display: block;
        width: 100%;
        height: auto;
      }
/* Source block: dynamic-experience-style */
:root:where(.style-pre-10){
        scroll-behavior: smooth;
      }
      :where(html.style-pre-10) .site-progress{
        position: fixed;
        top: 0;
        left: 0;
        z-index: 70;
        height: 2px;
        width: 100%;
        transform: scaleX(0);
        transform-origin: left;
        background: #b6f05c;
        box-shadow: 0 0 18px rgba(182, 240, 92, 0.55);
        pointer-events: none;
      }
      :where(html.style-pre-10) .page-loaded main{
        animation: page-rise 0.72s cubic-bezier(0.2, 0.8, 0.2, 1) both;
      }
      @keyframes page-rise{
        from {
          opacity: 0.001;
          transform: translateY(14px);
        }
        to {
          opacity: 1;
          transform: none;
        }
      }
      :where(html.style-pre-10) .enhanced .reveal-live{
        opacity: 0;
        transform: translateY(22px);
        transition:
          opacity 0.75s cubic-bezier(0.2, 0.8, 0.2, 1),
          transform 0.75s cubic-bezier(0.2, 0.8, 0.2, 1),
          border-color 0.3s ease,
          background-color 0.3s ease,
          color 0.3s ease;
      }
      :where(html.style-pre-10) .enhanced .reveal-live.is-visible{
        opacity: 1;
        transform: none;
      }
      :where(html.style-pre-10) .enhanced .page-section-banner{
        position: relative;
        isolation: isolate;
      }
      :where(html.style-pre-10) .enhanced .page-section-banner:after{
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(
          180deg,
          rgba(7, 10, 12, 0) 35%,
          rgba(7, 10, 12, 0.28)
        );
        pointer-events: none;
      }
      :where(html.style-pre-10) .enhanced .page-section-banner img{
        transform: scale(1.015);
        transition:
          transform 1.4s cubic-bezier(0.2, 0.8, 0.2, 1),
          filter 1.4s ease;
        will-change: transform;
      }
      :where(html.style-pre-10) .enhanced .page-section-banner:hover img{
        transform: scale(1.045);
        filter: saturate(1.05) contrast(1.04);
      }
      :where(html.style-pre-10) .nav-panel-live{
        display: none;
        border-top: 1px solid rgba(246, 241, 226, 0.1);
        background: rgba(7, 10, 12, 0.98);
        padding: 1.25rem;
      }
      :where(html.style-pre-10) .nav-panel-live.is-open{
        display: block;
      }
      :where(html.style-pre-10) .nav-panel-live a{
        display: block;
        padding: 0.85rem 0;
        font-family: var(--font-serif), Georgia, serif;
        font-size: 1.85rem;
        line-height: 1.08;
        color: #f6f1e2;
        text-decoration: none;
      }
      :where(html.style-pre-10) .nav-panel-live a:hover{
        color: #b6f05c;
      }
      :where(html.style-pre-10) .live-back-top{
        position: fixed;
        right: 1rem;
        bottom: 1rem;
        z-index: 60;
        display: grid;
        width: 2.75rem;
        height: 2.75rem;
        place-items: center;
        border: 1px solid rgba(246, 241, 226, 0.2);
        background: rgba(16, 19, 20, 0.82);
        color: #f6f1e2;
        opacity: 0;
        transform: translateY(12px);
        transition:
          opacity 0.25s ease,
          transform 0.25s ease,
          border-color 0.25s ease,
          color 0.25s ease;
        backdrop-filter: blur(14px);
      }
      :where(html.style-pre-10) .live-back-top.is-visible{
        opacity: 1;
        transform: none;
      }
      :where(html.style-pre-10) .live-back-top:hover{
        border-color: #b6f05c;
        color: #b6f05c;
      }
      :where(html.style-pre-10) .live-filter-hidden{
        display: none !important;
      }
      :where(html.style-pre-10) .work-filter-live button{
        position: relative;
        overflow: hidden;
      }
      :where(html.style-pre-10) .work-filter-live button[aria-pressed="false"]{
        border-color: rgba(246, 241, 226, 0.15) !important;
        background: transparent !important;
        color: rgba(211, 208, 197, 0.7) !important;
      }
      :where(html.style-pre-10) .work-filter-live button[aria-pressed="false"]:hover{
        border-color: rgba(182, 240, 92, 0.6) !important;
        color: #f6f1e2 !important;
      }
      :where(html.style-pre-10) .work-filter-live button[aria-pressed="true"]{
        border-color: #b6f05c !important;
        background: #b6f05c !important;
        color: #070a0c !important;
      }
      :where(html.style-pre-10) #contact-form-status:not(.hidden){
        display: block;
        margin-top: 0.25rem;
      }
      :where(html.style-pre-10) .field:focus{
        outline: 2px solid #b6f05c;
        outline-offset: 2px;
      }
      :where(html.style-pre-10) .interactive-live{
        transition:
          transform 0.25s ease,
          border-color 0.25s ease,
          box-shadow 0.25s ease;
      }
      :where(html.style-pre-10) .interactive-live:hover{
        transform: translateY(-2px);
        box-shadow: 0 18px 50px rgba(0, 0, 0, 0.24);
      }
      @media (prefers-reduced-motion: reduce){
        :root:where(.style-pre-10){
          scroll-behavior: auto;
        }
        :where(html.style-pre-10) .page-loaded main,
:where(html.style-pre-10) .enhanced .reveal-live,
:where(html.style-pre-10) .enhanced .page-section-banner img,
:where(html.style-pre-10) .interactive-live{
          animation: none !important;
          transition: none !important;
          transform: none !important;
          opacity: 1 !important;
        }
      }
/* Source block: responsive-qa-style */
html:where(.style-pre-10),
:where(html.style-pre-10) body{
        max-width: 100%;
        overflow-x: hidden;
      }
      :where(html.style-pre-10) img,
:where(html.style-pre-10) video{
        max-width: 100%;
        height: auto;
      }
      :where(html.style-pre-10) header nav{
        max-width: 100vw;
      }
      :where(html.style-pre-10) .nav-panel-live{
        position: fixed;
        top: 5rem;
        left: 0;
        right: 0;
        z-index: 55;
        max-height: calc(100vh - 5rem);
        overflow: auto;
        box-shadow: 0 28px 60px rgba(0, 0, 0, 0.38);
      }
      @media (max-width: 1023px){
        :where(html.style-pre-10) main section{
          scroll-margin-top: 5rem;
        }
        :where(html.style-pre-10) .page-section-banner img{
          width: 100%;
          height: auto;
          object-fit: cover;
        }
        :where(html.style-pre-10) .work-image,
:where(html.style-pre-10) .expertise-image,
:where(html.style-pre-10) .insights-image,
:where(html.style-pre-10) .about-portrait{
          max-width: 100%;
        }
        :where(html.style-pre-10) .work-copy,
:where(html.style-pre-10) .expertise-copy,
:where(html.style-pre-10) .insights-copy,
:where(html.style-pre-10) .about-copy{
          max-width: 100%;
        }
      }
      @media (max-width: 767px){
        :where(html.style-pre-10) header nav{
          height: 4.5rem;
          padding-left: 1rem !important;
          padding-right: 1rem !important;
        }
        :where(html.style-pre-10) header a[aria-label],
:where(html.style-pre-10) header nav > a{
          width: 10.7rem !important;
          height: 3.25rem !important;
        }
        :where(html.style-pre-10) main > section{
          padding-top: 7rem !important;
          padding-bottom: 4.75rem !important;
        }
        :where(html.style-pre-10) h1,
:where(html.style-pre-10) h2{
          overflow-wrap: break-word;
          word-break: normal;
        }
        :where(html.style-pre-10) .about-composition,
:where(html.style-pre-10) .work-composition,
:where(html.style-pre-10) .expertise-composition,
:where(html.style-pre-10) .insights-composition{
          gap: 1.55rem !important;
        }
        :where(html.style-pre-10) .about-title,
:where(html.style-pre-10) .work-title,
:where(html.style-pre-10) .expertise-title,
:where(html.style-pre-10) .insights-title{
          font-size: clamp(1.7rem, 8vw, 2.45rem) !important;
          line-height: 1.08 !important;
          max-width: 100% !important;
        }
        :where(html.style-pre-10) .about-row{
          gap: 1.65rem !important;
        }
        :where(html.style-pre-10) .about-copy{
          font-size: 1rem !important;
          line-height: 1.42 !important;
        }
        :where(html.style-pre-10) .about-copy p + p{
          margin-top: 1rem !important;
        }
        :where(html.style-pre-10) .work-copy,
:where(html.style-pre-10) .expertise-copy,
:where(html.style-pre-10) .insights-copy{
          font-size: 1rem !important;
          line-height: 1.55 !important;
        }
        :where(html.style-pre-10) .work-image,
:where(html.style-pre-10) .expertise-image,
:where(html.style-pre-10) .insights-image,
:where(html.style-pre-10) .about-portrait{
          border-color: rgba(246, 241, 226, 0.14);
        }
        :where(html.style-pre-10) .home-social-strip{
          padding-top: calc(1.25rem + 15px) !important;
        }
        :where(html.style-pre-10) .home-positioning-socials{
          justify-content: center !important;
          flex-wrap: wrap;
          gap: 0.75rem !important;
        }
        :where(html.style-pre-10) .home-social-icon{
          width: 3rem !important;
          height: 3rem !important;
        }
        :where(html.style-pre-10) .contact-section-row{
          display: grid !important;
          grid-template-columns: 1fr !important;
          gap: 1.6rem !important;
        }
        :where(html.style-pre-10) .contact-section-image{
          width: 100% !important;
          max-width: 24rem !important;
          justify-self: start;
        }
        :where(html.style-pre-10) .contact-section-content{
          justify-self: start !important;
          max-width: 100% !important;
        }
        :where(html.style-pre-10) .contact-section-content p{
          margin-left: 0 !important;
        }
        :where(html.style-pre-10) form .field,
:where(html.style-pre-10) input,
:where(html.style-pre-10) textarea,
:where(html.style-pre-10) select{
          max-width: 100%;
          box-sizing: border-box;
        }
      }
      @media (max-width: 640px){
        :where(html.style-pre-10) main > section:first-child img[src$="hero-banner.jpg"]{
          display: block;
          width: 100%;
          max-width: 100vw;
          height: auto !important;
          min-height: 0 !important;
          object-fit: contain !important;
          object-position: center center;
        }
        :where(html.style-pre-10) main > section:first-child .relative.overflow-hidden{
          max-width: 100vw;
          overflow: hidden;
        }
        :where(html.style-pre-10) footer .grid{
          gap: 2rem !important;
        }
        :where(html.style-pre-10) footer .relative.h-14{
          width: 11rem !important;
        }
      }
      @media (min-width: 641px) and (max-width: 1023px){
        :where(html.style-pre-10) main > section:first-child img[src$="hero-banner.jpg"]{
          width: 100%;
          height: auto;
          min-height: 0;
          object-fit: contain;
        }
        :where(html.style-pre-10) .about-row{
          grid-template-columns: 1fr !important;
          gap: 2rem !important;
        }
        :where(html.style-pre-10) .about-portrait{
          max-width: 42rem;
        }
        :where(html.style-pre-10) .contact-section-row{
          grid-template-columns: minmax(260px, 360px) minmax(0, 1fr) !important;
          gap: 2rem !important;
        }
        :where(html.style-pre-10) .contact-section-image{
          width: 100% !important;
        }
      }
/* Source block: scroll-performance-fix */
:where(html.style-pre-10) .site-progress,
:where(html.style-pre-10) .live-back-top{
        display: none !important;
      }
      :where(html.style-pre-10) .reveal-live{
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
      }
      :where(html.style-pre-10) .page-loaded main{
        animation: none !important;
      }
      :where(html.style-pre-10) .page-section-banner img,
:where(html.style-pre-10) .interactive-live{
        will-change: auto !important;
      }
/* Source block: header-live-meta-style */
:where(html.style-pre-10) .header-live-separator{
        color: rgba(246, 241, 226, 0.28);
        font-size: 0.75rem;
        line-height: 1;
      }
      :where(html.style-pre-10) .header-live-meta{
        display: inline-flex;
        align-items: center;
        gap: 0.55rem;
        white-space: nowrap;
        color: rgba(211, 208, 197, 0.68);
        font-size: 0.68rem;
        font-weight: 500;
        letter-spacing: 0.14em;
        line-height: 1;
        text-transform: uppercase;
      }
      :where(html.style-pre-10) .header-live-meta span[aria-hidden="true"]{
        color: rgba(246, 241, 226, 0.24);
      }
      :where(html.style-pre-10) .header-live-temp{
        color: #b6f05c;
      }
      @media (max-width: 1279px){
        :where(html.style-pre-10) .header-live-separator,
:where(html.style-pre-10) .header-live-meta{
          display: none !important;
        }
      }
/* Source block: media-copy-guard-style */
:where(html.style-pre-10) img,
:where(html.style-pre-10) picture,
:where(html.style-pre-10) video,
:where(html.style-pre-10) canvas,
:where(html.style-pre-10) svg{
      -webkit-user-drag: none;
      user-drag: none;
      -webkit-user-select: none;
      user-select: none;
      -webkit-touch-callout: none;
    }
/* Source block: active-main-menu-style */
:where(html.style-pre-10) header nav[aria-label="Main navigation"] a[aria-current="page"],
:where(html.style-pre-10) .nav-panel-live a[aria-current="page"]{
        color: #b6f05c !important;
        font-weight: 800 !important;
        text-shadow:
          0 0 8px rgba(182, 240, 92, 0.75),
          0 0 22px rgba(182, 240, 92, 0.45);
      }
/* Source block: arabic-menu-pulse-style */
:where(html.style-pre-10) header nav[aria-label="Main navigation"] [lang="ar"]{
        position: relative;
        display: inline-flex;
        align-items: center;
        gap: 0.55rem;
      }
      :where(html.style-pre-10) header nav[aria-label="Main navigation"] [lang="ar"]::after{
        content: "";
        width: 0.45rem;
        height: 0.45rem;
        border-radius: 999px;
        background: #b6f05c;
        box-shadow: 0 0 0 rgba(182, 240, 92, 0);
        animation: arabic-menu-dot-pulse 2s ease-in-out infinite;
      }
      @keyframes arabic-menu-dot-pulse{
        0%, 100% {
          opacity: 0.55;
          box-shadow: 0 0 0 rgba(182, 240, 92, 0);
          transform: scale(0.92);
        }
        50% {
          opacity: 1;
          box-shadow:
            0 0 8px rgba(182, 240, 92, 0.85),
            0 0 18px rgba(182, 240, 92, 0.55);
          transform: scale(1.08);
        }
      }
      @media (prefers-reduced-motion: reduce){
        :where(html.style-pre-10) header nav[aria-label="Main navigation"] [lang="ar"]::after{
          animation: none;
        }
      }
/* Source block: site-image-protection-style */
:where(html.style-pre-10) img,
:where(html.style-pre-10) picture,
:where(html.style-pre-10) video,
:where(html.style-pre-10) canvas,
:where(html.style-pre-10) svg{
        -webkit-user-select: none;
        user-select: none;
        -webkit-user-drag: none;
        -webkit-touch-callout: none;
      }
      :where(html.style-pre-10) img{ pointer-events: none; }
      :where(html.style-pre-10) .footer-statement{ max-width: none; overflow-wrap: normal; }
      @media (min-width: 1024px){
        :where(html.style-pre-10) .footer-statement{ white-space: nowrap; }
      }
      @media (max-width: 1023px){
        :where(html.style-pre-10) .footer-statement{ white-space: normal; }
      }
/* === 3. Shared site design system and page styles === */
:root {
  --brand-indigo: #253568;
  --brand-navy: #182447;
  --brand-slate: #4e5f91;
  --brand-green: #97cd2d;
  --brand-sage: #c7dea0;
  --brand-mint: #dff0b8;
  --surface-soft: #f4f5f7;
  --border-cool: #c8cdd6;
  --text-charcoal: #222831;
  --white: #ffffff;
  --shadow-soft: 0 18px 50px rgba(24, 36, 71, 0.08);
  --shadow-raised: 0 24px 70px rgba(24, 36, 71, 0.14);
}

.admin-main {
  max-width: 78rem;
}

.admin-intro {
  max-width: 64rem;
}

.admin-login-card {
  max-width: 38rem;
  margin: 0 auto;
}

.admin-login-card code {
  color: #253669;
  font-weight: 800;
}

.admin-stats-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin-bottom: 1.5rem;
}

.admin-stats-grid article {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(78, 95, 145, 0.22);
  border-left: 5px solid #97cd2d;
  background: #f3f6fb;
  padding: clamp(1.3rem, 3vw, 2.1rem);
  box-shadow: 0 18px 48px rgba(37, 54, 105, 0.08);
}

.admin-stats-grid span {
  display: block;
  color: #4e5f91;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

.admin-stats-grid strong {
  display: block;
  margin-top: 0.55rem;
  color: #253669;
  font-size: clamp(2.4rem, 7vw, 4.5rem);
  line-height: 1;
}

.admin-stats-grid p {
  margin: 0.65rem 0 0;
  color: #586174;
}

.admin-table-card {
  margin-top: 1.5rem;
  border: 1px solid rgba(78, 95, 145, 0.18);
  background: #ffffff;
  padding: clamp(1.2rem, 3vw, 2rem);
  box-shadow: 0 20px 58px rgba(37, 54, 105, 0.08);
}

.admin-table-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  border-bottom: 1px solid rgba(78, 95, 145, 0.16);
  padding-bottom: 1rem;
}

.admin-table-head h2 {
  margin: 0.4rem 0 0;
  color: #253669;
  font-size: clamp(1.6rem, 3vw, 2.25rem);
  font-weight: 800;
  letter-spacing: -0.03em;
}

.admin-table-head a {
  display: inline-flex;
  min-height: 3rem;
  align-items: center;
  justify-content: center;
  background: #97cd2d;
  color: #253669;
  padding: 0.85rem 1.15rem;
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.16em;
  text-decoration: none;
  text-transform: uppercase;
  transition: background 0.25s ease, color 0.25s ease, transform 0.25s ease;
  white-space: nowrap;
}

.admin-table-head a:hover {
  background: #253669;
  color: #ffffff;
  transform: translateY(-2px);
}

.admin-table-wrap {
  margin-top: 1rem;
  overflow-x: auto;
}

.admin-table-card table {
  width: 100%;
  border-collapse: collapse;
  min-width: 48rem;
  color: #4d5565;
  font-size: 0.9rem;
}

.admin-table-card th,
.admin-table-card td {
  border-bottom: 1px solid rgba(78, 95, 145, 0.13);
  padding: 0.85rem 0.75rem;
  text-align: left;
  vertical-align: top;
}

.admin-table-card th {
  color: #253669;
  font-size: 0.7rem;
  font-weight: 900;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.admin-table-card tbody tr:hover {
  background: rgba(243, 246, 251, 0.85);
}

.admin-empty {
  margin: 1rem 0 0;
  border-left: 4px solid #97cd2d;
  background: #f3f6fb;
  padding: 1rem 1.15rem;
  color: #586174;
}

@media (max-width: 760px) {
  .admin-stats-grid {
    grid-template-columns: 1fr;
  }

  .admin-table-head {
    display: block;
  }

  .admin-table-head a {
    margin-top: 1rem;
    width: 100%;
  }
}

html {
  scroll-behavior: smooth;
  background: var(--white);
}

body.font-sans {
  background: var(--white);
  color: var(--text-charcoal);
  font-family: Inter, Manrope, "Plus Jakarta Sans", Geist, -apple-system,
    BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-feature-settings: "kern" 1, "liga" 1, "calt" 1;
  letter-spacing: -0.005em;
}

.font-serif,
h1,
h2,
h3,
h4 {
  font-family: Inter, Manrope, "Plus Jakarta Sans", Geist, -apple-system,
    BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-style: normal !important;
  letter-spacing: -0.035em;
}

h1,
h2,
h3 {
  text-wrap: balance;
}

p {
  text-wrap: pretty;
}

.home-about-copy,
.home-about-copy p,
.about-copy,
.about-copy p,
.page-copy,
.page-copy p {
  color: rgba(34, 40, 49, 0.76) !important;
}

.work-copy li,
.work-copy li span {
  color: rgba(255, 255, 255, 0.76) !important;
}

::selection {
  background: var(--brand-mint);
  color: var(--brand-navy);
}

/* Core light-led palette */
.bg-ink,
.bg-graphite,
.bg-charcoal {
  background-color: var(--white) !important;
}

.text-ivory {
  color: var(--brand-indigo) !important;
}

.text-ink {
  color: var(--brand-navy) !important;
}

.text-mist\/45,
.text-mist\/65,
.text-mist\/70,
.text-mist\/75 {
  color: rgba(34, 40, 49, 0.72) !important;
}

.border-ivory\/10,
.border-ivory\/15,
.border-ivory\/25 {
  border-color: rgba(78, 95, 145, 0.2) !important;
}

.bg-ivory\/10,
.bg-ivory\/\[0\.03\] {
  background-color: rgba(78, 95, 145, 0.08) !important;
}

.bg-ivory\/25 {
  background-color: rgba(78, 95, 145, 0.18) !important;
}

.shadow-glow {
  box-shadow: var(--shadow-raised) !important;
}

/* Navigation */
header.fixed {
  background: rgba(255, 255, 255, 0.94) !important;
  border-color: rgba(37, 53, 104, 0.12) !important;
  box-shadow: 0 10px 35px rgba(24, 36, 71, 0.07);
  -webkit-backdrop-filter: blur(18px) saturate(140%);
  backdrop-filter: blur(18px) saturate(140%);
}

header nav {
  height: 5rem;
}

header nav > a:first-child img {
  object-fit: contain !important;
}

header nav .hidden a,
header nav .hidden button,
header button[aria-label*="navigation"] {
  color: var(--brand-indigo) !important;
  text-shadow: none !important;
  transition: color 240ms ease-out, border-color 240ms ease-out,
    background-color 240ms ease-out, transform 240ms ease-out !important;
}

header nav .hidden a {
  font-weight: 650;
  letter-spacing: 0.14em !important;
}

header nav .hidden a:hover,
header nav .hidden a:focus-visible,
header nav .hidden button:hover,
header nav .hidden button:focus-visible {
  color: var(--brand-slate) !important;
  font-weight: 800 !important;
  text-shadow: none !important;
}

header nav[aria-label="Main navigation"] [lang="ar"]::after {
  background: var(--brand-slate) !important;
  box-shadow: 0 0 0 rgba(78, 95, 145, 0) !important;
  animation: arabic-menu-dot-blue-pulse 2s ease-in-out infinite !important;
}

@keyframes arabic-menu-dot-blue-pulse {
  0%,
  100% {
    box-shadow: 0 0 0 0 rgba(78, 95, 145, 0.12);
  }
  50% {
    box-shadow: 0 0 0 0.32rem rgba(78, 95, 145, 0);
  }
}

.nav-panel-live a:hover,
.nav-panel-live a:focus-visible {
  color: var(--brand-slate) !important;
  font-weight: 800 !important;
  text-shadow: none !important;
}

header nav[aria-label="Main navigation"] .hidden a[aria-current="page"],
.nav-panel-live a[aria-current="page"] {
  position: relative;
  color: var(--brand-slate) !important;
  font-weight: 900 !important;
  text-shadow: none !important;
}

header nav[aria-label="Main navigation"] .hidden a:hover,
header nav[aria-label="Main navigation"] .hidden a:focus-visible,
header nav[aria-label="Main navigation"] .hidden a[aria-current="page"]:hover,
header nav[aria-label="Main navigation"] .hidden a[aria-current="page"]:focus-visible,
.nav-panel-live a:hover,
.nav-panel-live a:focus-visible,
.nav-panel-live a[aria-current="page"]:hover,
.nav-panel-live a[aria-current="page"]:focus-visible {
  color: var(--brand-slate) !important;
  font-weight: 900 !important;
  text-shadow: none !important;
}

header nav[aria-label="Main navigation"] .hidden a[aria-current="page"]::after {
  position: absolute;
  right: 0;
  bottom: -0.85rem;
  left: 0;
  height: 2px;
  background: var(--brand-slate);
  box-shadow: none;
  content: "";
}

header .header-live-meta [data-live-date],
header .header-live-meta [data-live-time] {
  color: var(--brand-slate) !important;
  font-weight: 700;
}

header .header-live-meta .header-live-temp,
header .header-live-meta [data-live-temp] {
  color: var(--brand-slate) !important;
  font-weight: 800;
  text-shadow: none !important;
}

header .header-live-meta span[aria-hidden="true"],
header .header-live-separator {
  color: rgba(78, 95, 145, 0.42) !important;
}

header button[aria-label*="navigation"] {
  border-color: rgba(37, 53, 104, 0.22) !important;
  border-radius: 0.65rem;
}

header button[aria-label*="navigation"]:hover,
header button[aria-label*="navigation"]:focus-visible {
  background: var(--surface-soft) !important;
  border-color: var(--brand-green) !important;
  box-shadow: none !important;
}

.nav-panel-live {
  background: rgba(255, 255, 255, 0.98) !important;
  border-color: rgba(37, 53, 104, 0.14) !important;
  box-shadow: var(--shadow-raised) !important;
}

.nav-panel-live a,
.nav-panel-live button {
  color: var(--brand-indigo) !important;
  font-weight: 650;
  text-shadow: none !important;
}

.nav-panel-live a:hover,
.nav-panel-live a:focus-visible {
  color: var(--brand-green) !important;
  text-shadow: none !important;
}

/* Preserve the cinematic opening panel on every page. */
main > section:first-child,
main > div:first-child > section:first-child {
  background-color: var(--brand-navy) !important;
}

main > section:first-child .text-ivory,
main > section:first-child h1,
main > section:first-child h2,
main > section:first-child h3,
main > div:first-child > section:first-child .text-ivory,
main > div:first-child > section:first-child h1,
main > div:first-child > section:first-child h2,
main > div:first-child > section:first-child h3 {
  color: var(--white) !important;
}

main > section:first-child .text-mist\/45,
main > section:first-child .text-mist\/65,
main > section:first-child .text-mist\/70,
main > section:first-child .text-mist\/75,
main > div:first-child > section:first-child .text-mist\/45,
main > div:first-child > section:first-child .text-mist\/65,
main > div:first-child > section:first-child .text-mist\/70,
main > div:first-child > section:first-child .text-mist\/75 {
  color: rgba(255, 255, 255, 0.74) !important;
}

main > section:first-child p,
main > div:first-child > section:first-child p {
  color: rgba(255, 255, 255, 0.74) !important;
}

main > section:first-child form label,
main > section:first-child form label span,
main > div:first-child > section:first-child form label,
main > div:first-child > section:first-child form label span {
  color: var(--brand-indigo) !important;
}

main > section:first-child form p,
main > div:first-child > section:first-child form p {
  color: rgba(34, 40, 49, 0.72) !important;
}

/* Home hero and dark media overlays */
.home-page,
.home-page-main {
  background: var(--surface-soft) !important;
}

.home-page-main > section {
  position: relative;
}

.home-page-main > section + section {
  margin-top: 2rem;
}

.home-page-main > section + section::before {
  content: "";
  position: absolute;
  top: -1rem;
  left: 50%;
  z-index: 5;
  width: calc(100% - 2.5rem);
  max-width: 80rem;
  height: 1px;
  background: rgba(78, 95, 145, 0.38);
  transform: translateX(-50%);
  pointer-events: none;
}

@media (min-width: 640px) {
  .home-page-main > section + section::before {
    width: calc(100% - 4rem);
  }
}

.home-page-main > .home-social-strip::before {
  display: none;
}

.home-page-main > section:last-of-type::before {
  display: none;
}

.home-page-main li > span[style*="background: #b6f05c"] {
  background: var(--brand-slate) !important;
  box-shadow: 0 0 12px rgba(78, 95, 145, 0.32) !important;
}

.home-page-main > section:first-child > .border-y {
  background: var(--surface-soft) !important;
}

.home-page footer {
  margin-top: 0 !important;
}

.home-cta-panel {
  background-color: var(--brand-navy) !important;
}

.home-page-main > section:first-child,
.home-hero-frame {
  background-color: var(--surface-soft) !important;
}

.home-hero-video-sequence {
  background-color: #02040d !important;
}

.home-hero-video-sequence {
  isolation: isolate;
}

.home-hero-video-loop {
  position: absolute;
  inset: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 500ms ease;
}

.home-hero-video-intro {
  position: relative;
  z-index: 1;
}

.home-hero-video-sequence.is-looping .home-hero-video-loop {
  opacity: 1;
}

.home-hero-video-sequence .hero-static-text-layer {
  z-index: 3 !important;
  opacity: 1;
  transition: none !important;
}

.home-cta-panel,
.home-social-strip {
  border-color: rgba(255, 255, 255, 0.15) !important;
}

.home-cta-panel .text-ivory,
.home-cta-panel .text-mist\/70,
.home-cta-panel .text-mist\/75,
.home-social-strip a {
  color: var(--white) !important;
}

.home-social-strip {
  background: transparent;
  display: block;
  min-height: 0;
  padding-top: 0 !important;
  padding-bottom: 1rem !important;
}

.home-positioning-socials {
  width: 100%;
  min-height: 8rem;
  align-items: center !important;
  justify-content: center;
  background:
    url("./brand/social-strip-pattern-transparent-70.png?v=20260616-5") no-repeat right center / auto 175%,
    var(--brand-navy) !important;
  border: 1px solid rgba(255, 255, 255, 0.15);
}

.home-social-icon:hover {
  color: var(--brand-green) !important;
  transform: translateY(-2px);
}

/* Section rhythm and editorial hierarchy */
main > section:not(:first-child),
main > div > section:not(:first-child) {
  border-color: rgba(78, 95, 145, 0.14) !important;
}

/* Compact homepage rhythm: consistent 1.5x section spacing. */
.home-social-strip ~ section {
  padding-top: 4.5rem !important;
  padding-bottom: 0 !important;
}

.home-social-strip + section {
  padding-top: 2.5rem !important;
}

.home-social-strip ~ .home-raised-section {
  padding-top: 2.5rem !important;
}

.home-social-strip ~ .home-about-section {
  padding-top: 0.5rem !important;
  padding-bottom: 1rem !important;
}

.home-social-strip ~ .home-expertise-section {
  padding-top: 0.5rem !important;
  padding-bottom: 1.5rem !important;
}

.home-social-strip ~ .home-case-studies-section {
  padding-top: 0.5rem !important;
  padding-bottom: 1.5rem !important;
}

.home-page-main > section:last-of-type {
  padding-top: 0.5rem !important;
  padding-bottom: 4.5rem !important;
}

.bg-graphite.py-24,
.bg-graphite.py-20,
.bg-graphite.py-16,
section.bg-graphite {
  background: var(--surface-soft) !important;
}

h1.text-5xl,
h1.text-7xl,
h2.text-xl,
.home-about-title,
.home-about-copy h2,
.work-title,
.about-title,
.expertise-title,
.insights-title,
.case-study-card-title {
  font-weight: 700 !important;
}

.text-atlantis {
  color: var(--brand-green) !important;
}

.home-section-kicker {
  color: var(--brand-slate) !important;
}

/* Standalone About page mirrors the refreshed homepage About system. */
.about-page,
.about-page-main {
  background: var(--surface-soft) !important;
}

.about-page-main > .about-page-section {
  background: var(--surface-soft) !important;
  padding-top: 7rem !important;
  padding-bottom: 4rem !important;
}

.about-page-main > .about-page-section .about-kicker {
  color: var(--brand-slate) !important;
}

.about-page-main > .about-page-section .about-title {
  color: var(--brand-indigo) !important;
}

.about-page-main > .about-page-section .about-copy p {
  color: rgba(34, 40, 49, 0.76) !important;
}

.about-page-main > .about-page-section .home-principle-label {
  color: var(--brand-indigo) !important;
}

.about-page-main > .about-page-section .home-principle-cell:hover .home-principle-label {
  color: var(--brand-green) !important;
}

.about-page .about-composition {
  gap: 1.5rem;
}

.about-page .about-portrait {
  border-color: rgba(78, 95, 145, 0.2);
  background: var(--brand-navy);
}

.about-page .home-principles-grid {
  margin-top: 3rem !important;
  gap: 0.75rem !important;
  overflow: visible !important;
  border: 0 !important;
  background: transparent !important;
}

.about-page .home-principle-cell {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  border: 1px solid rgba(78, 95, 145, 0.22) !important;
  box-shadow: 0 10px 28px rgba(24, 36, 71, 0.06);
  transition: background-color 300ms ease, border-color 300ms ease,
    box-shadow 300ms ease, transform 300ms cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}

.about-page .home-principle-cell::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  z-index: -1;
  width: 0.25rem;
  background: var(--brand-green);
  transform: scaleY(0);
  transform-origin: center;
  transition: transform 300ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

.about-page .home-principle-cell::after {
  content: "";
  position: absolute;
  top: -3rem;
  right: -3rem;
  z-index: -1;
  width: 8rem;
  height: 8rem;
  border-radius: 50%;
  background: rgba(151, 205, 45, 0.13);
  opacity: 0;
  transform: scale(0.5);
  transition: opacity 300ms ease, transform 380ms ease;
}

.about-page .home-principle-cell .home-principle-label {
  transition: color 280ms ease, transform 300ms cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}

.about-page .home-principles-grid .home-principle-cell.group.bg-graphite:hover {
  background: var(--brand-indigo) !important;
  border-color: var(--brand-indigo) !important;
  box-shadow: 0 18px 38px rgba(37, 53, 104, 0.22) !important;
  transform: translateY(-6px) !important;
}

.about-page .home-principle-cell:hover::before {
  transform: scaleY(1);
}

.about-page .home-principle-cell:hover::after {
  opacity: 1;
  transform: scale(1);
}

.about-page .home-principle-cell:hover .home-principle-label {
  color: var(--brand-green) !important;
  transform: translateX(0.2rem);
}

.about-page-quote {
  width: 100%;
  max-width: 68rem;
  margin-top: 3rem !important;
  border-color: var(--brand-slate) !important;
}

.about-page-quote p {
  color: var(--brand-indigo) !important;
  font-size: clamp(1.5rem, 3vw, 2.2rem) !important;
  font-weight: 700;
  line-height: 1.25 !important;
}

.about-page-main > .about-page-section .about-page-quote p {
  color: var(--brand-indigo) !important;
}

.about-page footer {
  margin-top: 0 !important;
}

@media (max-width: 767px) {
  .about-quote-break {
    display: none;
  }
}

/* Registered Insights community: account access, likes, and discussion. */
.registration-page {
  min-height: 100vh;
  background: #f4f6fa;
  color: #252b35;
}

.registration-header {
  position: relative;
  z-index: 10;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  background: #121f45;
}

.registration-nav {
  display: flex;
  width: min(92rem, calc(100% - 3rem));
  min-height: 5rem;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  margin: 0 auto;
}

.registration-logo {
  display: block;
  width: 10.4rem;
}

.registration-logo img {
  display: block;
  width: 100%;
  height: auto;
}

.registration-nav-links {
  display: flex;
  align-items: center;
  gap: 1.75rem;
}

.registration-nav-links a {
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-decoration: none;
  text-transform: uppercase;
  transition: color 180ms ease;
}

.registration-nav-links a:hover,
.registration-nav-links a[aria-current="page"] {
  color: #97cd2d;
}

.registration-main {
  width: min(92rem, calc(100% - 3rem));
  margin: 0 auto;
  padding: clamp(8rem, 11vw, 10rem) 0 clamp(5rem, 9vw, 8rem);
}

.registration-banner {
  position: relative;
  overflow: hidden;
  margin-bottom: 3rem;
  border: 1px solid rgba(78, 95, 145, 0.2);
  background: #0a2a59;
  box-shadow: 0 24px 60px rgba(37, 54, 105, 0.15);
}

.registration-banner-media img {
  display: block;
  width: 100%;
  height: auto;
}

.registration-banner-copy {
  position: absolute;
  z-index: 2;
  right: 4.8%;
  bottom: 4.6%;
  left: 4.8%;
  color: #fff;
}

.registration-banner-kicker {
  margin: 0 0 0.8rem;
  color: #97cd2d !important;
  font-family: Inter, Manrope, "Plus Jakarta Sans", sans-serif;
  font-size: clamp(0.7rem, 1vw, 0.95rem);
  font-weight: 650;
  letter-spacing: 0.04em;
  line-height: 1.2;
  text-transform: uppercase;
}

.registration-banner-copy h1 {
  max-width: 86rem;
  margin: 0;
  color: #fff;
  font-family: Inter, Manrope, "Plus Jakarta Sans", sans-serif;
  font-size: clamp(1.8rem, 3.15vw, 3.25rem);
  font-weight: 720;
  line-height: 1.08;
  letter-spacing: -0.025em;
}

.registration-banner-summary {
  max-width: 86rem;
  margin: 1rem 0 0;
  color: rgba(255, 255, 255, 0.94);
  font-family: Inter, Manrope, "Plus Jakarta Sans", sans-serif;
  font-size: clamp(0.76rem, 1.25vw, 1.08rem);
  font-weight: 550;
  line-height: 1.45;
}

.registration-intro {
  display: grid;
  max-width: 65rem;
  gap: 1rem;
  margin-bottom: 3rem;
}

.registration-kicker,
.article-community-kicker {
  margin: 0;
  color: #4e5f91 !important;
  font-size: 0.75rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.22em !important;
  line-height: 1.2 !important;
  text-transform: uppercase;
}

.registration-intro h1 {
  margin: 0;
  color: #253669;
  font-family: var(--font-serif), Georgia, serif;
  font-size: clamp(2.2rem, 4vw, 3.4rem);
  font-weight: 700;
  letter-spacing: -0.035em;
  line-height: 0.98;
}

.registration-intro > p:last-child {
  max-width: 55rem;
  margin: 0.5rem 0 0;
  color: #586172;
  font-size: clamp(1rem, 1.5vw, 1.2rem);
  line-height: 1.75;
}

.registration-auth-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem;
}

.registration-card {
  position: relative;
  overflow: hidden;
  padding: clamp(1.6rem, 3vw, 2.7rem);
  border: 1px solid rgba(78, 95, 145, 0.2);
  border-top: 4px solid #4e5f91;
  background: linear-gradient(145deg, #fff, #e9edf6);
  box-shadow: 0 18px 46px rgba(24, 36, 71, 0.1);
}

.registration-card-primary {
  border-top-color: #97cd2d;
}

.registration-card-number {
  position: absolute;
  top: 1.7rem;
  right: 2rem;
  margin: 0;
  color: rgba(37, 54, 105, 0.28);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.2em;
}

.registration-card h2,
.registration-account h2 {
  max-width: calc(100% - 3rem);
  margin: 0 0 0.85rem;
  color: #253669;
  font-family: var(--font-serif), Georgia, serif;
  font-size: clamp(1.65rem, 2.5vw, 2.4rem);
  line-height: 1.08;
}

.registration-card-intro {
  max-width: 38rem;
  margin: 0 0 2rem;
  color: #687181;
  line-height: 1.65;
}

.registration-form {
  display: grid;
  gap: 0.65rem;
}

.registration-form label,
.article-comment-form label {
  margin-top: 0.55rem;
  color: #253669;
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.registration-form input,
.article-comment-form textarea {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid rgba(78, 95, 145, 0.28);
  border-radius: 0;
  background: rgba(255, 255, 255, 0.9);
  color: #252b35;
  font: inherit;
}

.registration-form input {
  min-height: 3.4rem;
  padding: 0.8rem 1rem;
}

.registration-form input:focus,
.article-comment-form textarea:focus {
  border-color: #4e5f91;
  outline: 3px solid rgba(151, 205, 45, 0.22);
  outline-offset: 1px;
}

.registration-field-note {
  margin: 0;
  color: #737b89;
  font-size: 0.78rem;
}

.registration-form button,
.registration-account-actions a,
.article-comment-form button {
  display: inline-flex;
  min-height: 3rem;
  align-items: center;
  justify-content: center;
  gap: 0.65rem;
  justify-self: start;
  margin-top: 1rem;
  padding: 0.75rem 1.25rem;
  border: 0;
  background: #97cd2d;
  color: #182447;
  font-size: 0.74rem;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
  transition: background 180ms ease, color 180ms ease, transform 180ms ease;
}

.registration-form button:hover,
.registration-account-actions a:hover,
.article-comment-form button:hover {
  transform: translateY(-2px);
  background: #253669;
  color: #fff;
}

.registration-form button:disabled,
.article-comment-form button:disabled {
  cursor: wait;
  opacity: 0.55;
  transform: none;
}

.registration-honeypot {
  position: absolute !important;
  left: -10000px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

.community-status,
.registration-form-status,
.article-community-status {
  margin: 1rem 0 0;
  color: #4e5f91;
  line-height: 1.55;
}

.community-status {
  margin-bottom: 1.25rem;
  padding: 1rem 1.25rem;
  border-left: 4px solid #4e5f91;
  background: #e9edf6;
}

[data-type="success"] { color: #355d0e !important; }
[data-type="error"] { color: #a12632 !important; }
.community-status[data-type="success"] { border-left-color: #97cd2d; }
.community-status[data-type="error"] { border-left-color: #a12632; }

.registration-account {
  padding: clamp(1.8rem, 4vw, 3.5rem);
  border-left: 5px solid #97cd2d;
  background: #e9edf6;
  box-shadow: 0 18px 46px rgba(24, 36, 71, 0.1);
}

.registration-account > p:not(.registration-kicker) {
  color: #586172;
  line-height: 1.7;
}

.registration-account-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
}

.registration-account-actions button,
.article-community-user button {
  border: 0;
  background: transparent;
  color: #253669;
  font: inherit;
  font-weight: 700;
  text-decoration: underline;
  cursor: pointer;
}

.registration-footer {
  padding: 2rem 1.5rem;
  background: #121f45;
  color: rgba(255, 255, 255, 0.62);
  text-align: center;
}

.registration-footer p { margin: 0; }

.article-community {
  margin-top: clamp(3.5rem, 7vw, 6rem);
  border: 1px solid rgba(78, 95, 145, 0.2);
  border-top: 5px solid #97cd2d;
  background: #eef1f7;
  color: #303744;
  box-shadow: 0 18px 46px rgba(24, 36, 71, 0.09);
}

.article-community-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 2rem;
  padding: clamp(1.5rem, 3.5vw, 2.7rem);
}

.article-community-heading h2,
.article-community-preview h2 {
  margin: 0.65rem 0 0.75rem;
  color: #253669;
  font-family: var(--font-serif), Georgia, serif;
  font-size: clamp(1.7rem, 3vw, 2.55rem);
  font-weight: 700;
  line-height: 1.08;
}

.article-community-heading p:last-child,
.article-community-preview > p:last-child {
  max-width: 43rem;
  margin: 0;
  color: #626b7a;
  line-height: 1.65;
}

.article-like-button {
  display: grid;
  min-width: 6.5rem;
  min-height: 6.5rem;
  place-items: center;
  gap: 0.1rem;
  padding: 0.7rem;
  border: 1px solid rgba(37, 54, 105, 0.24);
  background: rgba(255, 255, 255, 0.72);
  color: #253669;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  cursor: pointer;
  transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;
}

.article-like-button:hover,
.article-like-button[aria-pressed="true"] {
  transform: translateY(-3px);
  border-color: #97cd2d;
  background: #fff;
}

.article-like-symbol {
  color: #4e5f91;
  font-size: 1.8rem;
  line-height: 1;
}

.article-like-button[aria-pressed="true"] .article-like-symbol { color: #97cd2d; }

.article-discussion {
  padding: clamp(1.5rem, 3.5vw, 2.7rem);
  border-top: 1px solid rgba(78, 95, 145, 0.16);
  background: rgba(255, 255, 255, 0.58);
}

.article-discussion > h3 {
  margin: 0 0 1.5rem;
  color: #253669;
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.article-discussion > h3 span {
  color: #4e5f91;
  font-size: 0.72rem;
}

.article-community-gate {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  padding: 1.2rem 1.35rem;
  border-left: 4px solid #97cd2d;
  background: #e9edf6;
}

.article-community-gate p { margin: 0; }

.article-community-gate a {
  flex: 0 0 auto;
  color: #253669;
  font-size: 0.74rem;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-decoration: none;
  text-transform: uppercase;
}

.article-community-gate a:hover { color: #659d16; }

.article-community-user {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
  color: #606978;
}

.article-community-user p { margin: 0; }

.article-comment-form {
  display: grid;
  gap: 0.65rem;
}

.article-comment-form textarea {
  min-height: 8.5rem;
  resize: vertical;
  padding: 1rem;
  line-height: 1.6;
}

.article-comment-form-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.article-comment-form-footer span {
  color: #7a8290;
  font-size: 0.75rem;
}

.article-comment-form button { margin-top: 0.25rem; }

.article-comment-list {
  display: grid;
  gap: 0;
  margin-top: 2rem;
  border-top: 1px solid rgba(78, 95, 145, 0.16);
}

.article-comment {
  padding: 1.4rem 0;
  border-bottom: 1px solid rgba(78, 95, 145, 0.16);
}

.article-comment-meta {
  margin: 0 0 0.55rem;
  color: #687181;
  font-size: 0.78rem;
}

.article-comment-meta strong { color: #253669; }

.article-comment-body {
  margin: 0;
  color: #414957;
  line-height: 1.7;
  white-space: pre-wrap;
}

.article-comments-empty {
  margin: 1.4rem 0 0;
  color: #737c89;
  font-style: italic;
}

.article-community-preview {
  padding: clamp(1.5rem, 3.5vw, 2.7rem);
}

.article-community-loading {
  margin: 0;
  padding: 2rem;
  color: #4e5f91;
}

@media (max-width: 900px) {
  .registration-nav-links { display: none; }
  .registration-auth-grid { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
  .registration-nav,
  .registration-main {
    width: min(100% - 2rem, 92rem);
  }

  .registration-main { padding-top: 7rem; }

  .registration-banner-copy {
    position: static;
    padding: 1.35rem 1.2rem 1.5rem;
  }

  .registration-banner-kicker {
    margin-bottom: 0.55rem;
  }

  .registration-banner-copy h1 {
    font-size: clamp(1.45rem, 7vw, 2rem);
    line-height: 1.12;
  }

  .registration-banner-summary {
    margin-top: 0.75rem;
    font-size: 0.82rem;
    line-height: 1.55;
  }

  .article-community-heading {
    grid-template-columns: 1fr;
  }

  .article-like-button {
    min-width: 100%;
    min-height: 4.5rem;
    grid-template-columns: auto auto auto;
    justify-content: center;
    gap: 0.65rem;
  }

  .article-community-gate,
  .article-comment-form-footer {
    align-items: flex-start;
    flex-direction: column;
  }
}

/* Homepage About heading: semibold and two pixels smaller at every breakpoint. */
.home-page-main .home-about-title {
  font-size: 1.125rem !important;
  font-weight: 600 !important;
}

@media (min-width: 640px) {
  .home-page-main .home-about-title {
    font-size: 1.55rem !important;
  }
}

@media (min-width: 1024px) {
  .home-page-main .home-about-title {
    font-size: 2.3rem !important;
  }
}

/* About page: integrated editorial banner with live, accessible heading. */
.about-page .about-composition {
  gap: 2.25rem;
}

.about-page .about-hero-banner {
  position: relative;
  order: 1;
  overflow: hidden;
  width: 100%;
  background: var(--brand-indigo);
  box-shadow: 0 22px 52px rgba(24, 36, 71, 0.14);
}

.about-page .about-banner-media,
.about-page .about-banner-media img {
  display: block;
  width: 100%;
}

.about-page .about-banner-media img {
  height: auto;
}

.about-page .about-banner-copy {
  position: absolute;
  z-index: 2;
  right: 4.9%;
  bottom: 4.8%;
  left: 4.9%;
  color: #fff;
}

.about-page .about-banner-kicker {
  margin: 0 0 1rem;
  color: var(--brand-green);
  font-size: clamp(0.68rem, 0.8vw, 0.82rem);
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

html body.about-page .about-banner-copy h1 {
  max-width: 84rem;
  margin: 0;
  color: #fff !important;
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-size: clamp(1.55rem, 2.25vw, 2.5rem) !important;
  font-weight: 700;
  letter-spacing: 0.012em;
  line-height: 1.18 !important;
}

.about-page .about-banner-title-line {
  display: block;
  white-space: normal;
}

@media (min-width: 900px) {
  .about-page .about-banner-title-line {
    white-space: normal;
  }
}

.about-page .about-row {
  order: 2;
  display: block;
}

.about-page .about-copy {
  max-width: none;
}

.about-page .about-story-layout {
  display: block;
}

.about-page .about-story-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}

.about-page .about-story-card {
  position: relative;
  overflow: hidden;
  min-height: 18rem;
  padding: clamp(1.5rem, 2.8vw, 2.4rem);
  border: 1px solid rgba(78, 95, 145, 0.2);
  background: rgba(255, 255, 255, 0.78);
  box-shadow: 0 14px 34px rgba(24, 36, 71, 0.07);
  transition: border-color 280ms ease, box-shadow 280ms ease,
    transform 280ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

.about-page .about-story-card::before {
  content: "";
  position: absolute;
  inset: 0 auto auto 0;
  width: 100%;
  height: 0.22rem;
  background: var(--brand-green);
  transform: scaleX(0.08);
  transform-origin: left;
  transition: transform 360ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

.about-page .about-story-card:hover {
  border-color: rgba(37, 54, 105, 0.48);
  box-shadow: 0 24px 52px rgba(37, 54, 105, 0.14);
  transform: translateY(-5px);
}

.about-page .about-story-card:hover::before {
  transform: scaleX(1);
}

.about-page .about-story-card--lead {
  min-height: 0;
  background: linear-gradient(135deg, #edf2fb, rgba(255, 255, 255, 0.92));
}

.about-page .about-story-number {
  position: absolute;
  top: 0.45rem;
  right: 1.1rem;
  color: rgba(37, 54, 105, 0.08);
  font-size: clamp(4.8rem, 8vw, 8rem);
  font-weight: 800;
  line-height: 1;
  pointer-events: none;
}

.about-page .about-story-card .about-story-label {
  position: relative;
  margin: 0 0 1.35rem;
  color: #4e5f91 !important;
  font-size: 0.72rem;
  font-weight: 750;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.about-page .about-story-card > p:last-child {
  position: relative;
  max-width: 72rem;
  margin: 0;
  color: rgba(34, 40, 49, 0.78) !important;
  font-size: clamp(1rem, 1.15vw, 1.13rem);
  line-height: 1.72;
}

.about-page .about-story-card--lead > p:last-child {
  color: #253669 !important;
  font-size: clamp(1.15rem, 1.55vw, 1.45rem);
  font-weight: 650;
  line-height: 1.58;
}

@media (min-width: 900px) {
  .about-page .about-story-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .about-page .about-story-card--lead {
    grid-column: 1 / -1;
  }
}

@media (min-width: 1024px) {
  .about-page .about-row {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 700px) {
  .about-page-main > .about-page-section {
    padding-top: 7.25rem !important;
  }

  .about-page .about-hero-banner {
    overflow: visible;
    background: var(--brand-indigo);
  }

  .about-page .about-banner-media {
    overflow: hidden;
    aspect-ratio: 1820 / 660;
  }

  .about-page .about-banner-media img {
    width: 100%;
    height: auto;
  }

  .about-page .about-banner-copy {
    position: static;
    padding: 1.5rem 1.25rem 1.7rem;
  }

  .about-page .about-banner-kicker {
    margin-bottom: 0.7rem;
  }

  html body.about-page .about-banner-copy h1 {
    font-size: clamp(1.45rem, 7vw, 2.15rem) !important;
    line-height: 1.16 !important;
  }

}

.home-principles-grid {
  margin-top: 3rem !important;
}

.home-principle-cell {
  min-height: 5.5rem !important;
  padding: 1rem 1.25rem !important;
}

.home-page .home-principle-cell {
  min-height: 2.75rem !important;
  padding: 0.45rem 0.75rem !important;
}

.home-principle-label {
  color: var(--brand-indigo) !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  letter-spacing: -0.015em !important;
}

.home-principle-cell:hover {
  background: var(--brand-indigo) !important;
  border-color: var(--brand-indigo) !important;
  box-shadow: 0 14px 34px rgba(37, 53, 104, 0.2);
  transform: translateY(-3px);
}

.home-principle-cell:hover .home-principle-label {
  color: var(--brand-green) !important;
}

.home-expertise-grid {
  counter-reset: expertise-card;
  gap: 1rem !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
}

.home-expertise-card {
  counter-increment: expertise-card;
  position: relative;
  min-height: 20rem;
  overflow: hidden;
  padding: 2rem !important;
  border: 1px solid rgba(78, 95, 145, 0.2) !important;
  background:
    linear-gradient(180deg, rgba(244, 245, 247, 0.78), rgba(255, 255, 255, 0) 44%),
    var(--white) !important;
  box-shadow: 0 14px 38px rgba(24, 36, 71, 0.07) !important;
  isolation: isolate;
}

.home-expertise-card::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--brand-green), var(--brand-sage));
  content: "";
  transform: scaleX(0.22);
  transform-origin: left;
  transition: transform 280ms ease-out;
}

.home-expertise-card::after {
  position: absolute;
  top: 1.8rem;
  right: 1.8rem;
  color: rgba(78, 95, 145, 0.45);
  content: "0" counter(expertise-card);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  transition: color 260ms ease-out;
}

.home-expertise-card svg {
  width: 3.25rem !important;
  height: 3.25rem !important;
  margin-bottom: 2.5rem !important;
  padding: 0.85rem;
  border: 1px solid rgba(151, 205, 45, 0.45);
  background: rgba(223, 240, 184, 0.36);
  color: var(--brand-indigo) !important;
  transition: color 260ms ease-out, background-color 260ms ease-out,
    border-color 260ms ease-out, transform 260ms ease-out !important;
}

.home-expertise-card h3 {
  max-width: 17rem;
  font-size: 1.55rem !important;
  font-weight: 700 !important;
  line-height: 1.12 !important;
  letter-spacing: -0.03em !important;
}

.home-expertise-card p {
  max-width: 20rem;
  margin-top: 1.25rem !important;
  font-size: 0.9375rem !important;
  line-height: 1.7 !important;
}

.home-expertise-card:hover {
  background:
    radial-gradient(circle at 100% 0, rgba(151, 205, 45, 0.18), transparent 36%),
    var(--brand-indigo) !important;
  border-color: var(--brand-indigo) !important;
  box-shadow: 0 26px 60px rgba(24, 36, 71, 0.22) !important;
  transform: translateY(-7px) !important;
}

.home-expertise-card:hover::before {
  transform: scaleX(1);
}

.home-expertise-card:hover::after {
  color: var(--brand-green);
}

.home-expertise-card:hover svg {
  background: rgba(151, 205, 45, 0.12);
  border-color: var(--brand-green);
  color: var(--brand-green) !important;
  transform: rotate(-4deg) scale(1.05);
}

.home-expertise-card:hover h3 {
  color: var(--white) !important;
}

.home-expertise-card:hover p {
  color: rgba(255, 255, 255, 0.74) !important;
}

.uppercase {
  letter-spacing: 0.16em;
}

/* Cards and strategic capability modules */
.group.bg-graphite,
.group.bg-charcoal {
  background: var(--white) !important;
  border: 1px solid rgba(78, 95, 145, 0.18);
  box-shadow: 0 12px 38px rgba(24, 36, 71, 0.06);
  transition: transform 260ms ease-out, box-shadow 260ms ease-out,
    border-color 260ms ease-out, background-color 260ms ease-out !important;
}

.group.bg-graphite:hover,
.group.bg-charcoal:hover {
  background: var(--white) !important;
  border-color: rgba(151, 205, 45, 0.75);
  box-shadow: var(--shadow-raised);
  transform: translateY(-5px);
}

.group.bg-graphite:hover .text-ivory,
.group.bg-charcoal:hover .text-ivory,
.group.bg-graphite:hover .group-hover\:text-ink,
.group.bg-charcoal:hover .group-hover\:text-ink {
  color: var(--brand-indigo) !important;
}

.group.bg-graphite:hover .text-mist\/70,
.group.bg-charcoal:hover .text-mist\/70,
.group.bg-graphite:hover .group-hover\:text-ink\/75,
.group.bg-charcoal:hover .group-hover\:text-ink\/75 {
  color: rgba(34, 40, 49, 0.72) !important;
}

/* Section-specific interactions override the shared light-card hover treatment. */
.home-principles-grid .home-principle-cell.group.bg-graphite:hover {
  background: var(--brand-indigo) !important;
  border-color: var(--brand-indigo) !important;
  box-shadow: 0 14px 34px rgba(37, 53, 104, 0.2) !important;
  transform: translateY(-3px) !important;
}

.home-principles-grid .home-principle-cell:hover .home-principle-label {
  color: var(--brand-green) !important;
}

.home-expertise-grid .home-expertise-card.group.bg-graphite:hover {
  background:
    radial-gradient(circle at 100% 0, rgba(151, 205, 45, 0.18), transparent 36%),
    var(--brand-indigo) !important;
  border-color: var(--brand-indigo) !important;
  box-shadow: 0 24px 48px rgba(37, 53, 104, 0.24) !important;
  transform: translateY(-7px) !important;
}

.home-expertise-grid .home-expertise-card.group.bg-graphite:hover h3 {
  color: var(--white) !important;
}

.home-expertise-grid .home-expertise-card.group.bg-graphite:hover p {
  color: rgba(255, 255, 255, 0.74) !important;
}

.home-expertise-grid .home-expertise-card.group.bg-graphite:hover svg {
  color: var(--brand-green) !important;
  stroke: var(--brand-green) !important;
}

.home-expertise-grid .home-expertise-card.group.bg-graphite:hover svg * {
  stroke: var(--brand-green) !important;
}

/* Insights future topics: active editorial preview rather than a static box. */
.insights-page .insights-future-panel {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-color: rgba(111, 144, 255, 0.34) !important;
  border-radius: 0.5rem;
  background:
    radial-gradient(circle at 92% 12%, rgba(78, 95, 145, 0.5), transparent 22rem),
    linear-gradient(145deg, #253568, #182447) !important;
  box-shadow: 0 22px 55px rgba(4, 10, 29, 0.24);
}

.insights-page .insights-future-panel::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 7rem;
  height: 3px;
  background: var(--brand-green);
}

.insights-page .insights-future-panel::after {
  content: "";
  position: absolute;
  z-index: -1;
  right: -5rem;
  bottom: -7rem;
  width: 18rem;
  height: 18rem;
  border: 1px solid rgba(151, 205, 45, 0.18);
  border-radius: 50%;
  box-shadow: 0 0 0 3rem rgba(78, 95, 145, 0.08),
    0 0 0 6rem rgba(78, 95, 145, 0.05);
}

.insights-page .insights-future-label {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  color: var(--brand-green) !important;
  font-weight: 750;
}

.insights-page .insights-future-label::after {
  content: "";
  width: 2.75rem;
  height: 1px;
  background: rgba(151, 205, 45, 0.65);
}

.insights-page .insights-future-topics > span {
  position: relative;
  overflow: hidden;
  border-color: rgba(255, 255, 255, 0.2) !important;
  border-radius: 0.35rem;
  background: rgba(255, 255, 255, 0.07);
  color: rgba(255, 255, 255, 0.82) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
  transition: transform 260ms ease, color 260ms ease,
    border-color 260ms ease, background-color 260ms ease,
    box-shadow 260ms ease !important;
}

.insights-page .insights-future-topics > span::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: var(--brand-green);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 280ms ease;
}

.insights-page .insights-future-topics > span:hover {
  transform: translateY(-4px);
  border-color: rgba(151, 205, 45, 0.72) !important;
  background: rgba(78, 95, 145, 0.72);
  color: var(--white) !important;
  box-shadow: 0 12px 26px rgba(4, 10, 29, 0.24);
}

.insights-page .insights-future-topics > span:hover::before {
  transform: scaleX(1);
}

/* Insights landing page uses the same pale editorial surface as About. */
.insights-page,
.insights-page main,
.insights-page main > .insights-page-section {
  background: var(--surface-soft) !important;
}

.insights-page .insights-composition {
  gap: 0 !important;
}

html body.insights-page main > .insights-page-section .insights-kicker,
html body.insights-page main > .insights-page-section .insights-title {
  color: #253669 !important;
}

.insights-page .insights-kicker {
  margin: 0 0 1.5rem !important;
}

.insights-page .insights-title {
  margin: 0 !important;
}

.insights-page .insights-title-break {
  display: none;
}

.insights-page .insights-image {
  margin-top: 2.6rem !important;
  border-color: rgba(78, 95, 145, 0.24) !important;
  box-shadow: 0 20px 48px rgba(24, 36, 71, 0.14);
}

.insights-page .insights-copy {
  margin-top: 2.6rem !important;
  color: rgba(34, 40, 49, 0.76) !important;
}

.insights-page .insights-copy li > span[aria-hidden="true"] {
  background: #253669 !important;
  box-shadow: none !important;
}

.insights-page main > .insights-page-section > .mt-12 > .divide-y {
  border-color: rgba(78, 95, 145, 0.24) !important;
}

.insights-page main > .insights-page-section > .mt-12 > .divide-y > a {
  border-color: rgba(78, 95, 145, 0.2) !important;
}

html body.insights-page main > .insights-page-section > .mt-12 > .divide-y > a > div:first-child {
  color: #253669 !important;
  font-weight: 750;
}

html body.insights-page main > .insights-page-section > .mt-12 > .divide-y > a > div:first-child span {
  color: rgba(34, 40, 49, 0.58) !important;
}

html body.insights-page main > .insights-page-section > .mt-12 > .divide-y > a h3 {
  color: #253669 !important;
}

html body.insights-page main > .insights-page-section > .mt-12 > .divide-y > a p {
  color: rgba(34, 40, 49, 0.74) !important;
}

html body.insights-page main > .insights-page-section > .mt-12 > .divide-y > a svg {
  color: var(--brand-slate) !important;
}

.insights-page main > .insights-page-section > .mt-12 > .divide-y > a:hover {
  background: rgba(78, 95, 145, 0.08) !important;
}

.insights-page .insights-future-panel {
  border-color: rgba(78, 95, 145, 0.24) !important;
  background: linear-gradient(145deg, #f8faff, #e9edf6) !important;
  box-shadow: 0 18px 42px rgba(24, 36, 71, 0.1);
}

.insights-page .insights-future-panel::before {
  background: #253669;
}

.insights-page .insights-future-panel::after {
  border-color: rgba(78, 95, 145, 0.14);
  box-shadow: 0 0 0 3rem rgba(78, 95, 145, 0.05),
    0 0 0 6rem rgba(78, 95, 145, 0.03);
}

.insights-page .insights-future-label {
  color: #253669 !important;
}

.insights-page .insights-future-label::after {
  background: rgba(37, 54, 105, 0.55);
}

.insights-page .insights-future-topics > span {
  border-color: rgba(78, 95, 145, 0.24) !important;
  background: rgba(255, 255, 255, 0.72);
  color: rgba(34, 40, 49, 0.78) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

html body.insights-page main > .insights-page-section .insights-future-topics > span {
  color: rgba(34, 40, 49, 0.78) !important;
}

.insights-page .insights-future-topics > span::before {
  background: #253669;
}

.insights-page .insights-future-topics > span:hover {
  border-color: #253669 !important;
  background: #253669;
  color: var(--brand-green) !important;
  box-shadow: 0 12px 26px rgba(24, 36, 71, 0.18);
}

html body.insights-page main > .insights-page-section .insights-future-topics > span:hover {
  color: var(--brand-green) !important;
}

@media (min-width: 1024px) {
  .insights-page .insights-title {
    max-width: none !important;
    white-space: normal;
    word-spacing: normal;
  }

  .insights-page .insights-title-break {
    display: block;
  }
}

/* About page: expanded perspective narrative from the refreshed profile document. */
.about-page .about-introduction p {
  max-width: 86rem;
  margin: 0;
  color: rgba(34, 40, 49, 0.78) !important;
  font-size: clamp(0.96rem, 1.08vw, 1.08rem);
  font-weight: 450;
  line-height: 1.72;
}

.about-page .about-introduction p + p {
  margin-top: 0.35rem;
}

.about-page .about-introduction .about-introduction-label + p {
  color: #253669 !important;
  font-weight: 720;
}

.about-page .about-section-kicker {
  margin: 0 0 0.75rem;
  color: var(--brand-green);
  font-size: 0.72rem;
  font-weight: 850;
  letter-spacing: 0.22em;
  line-height: 1.2;
  text-transform: uppercase;
}

.about-page .about-section-title {
  margin: 0;
  color: #253669;
  font-size: clamp(1.65rem, 1.3vw, 2.45rem);
  font-weight: 780;
  letter-spacing: -0.025em;
  line-height: 1.12;
}

.about-page .about-section-summary {
  max-width: 68rem;
  margin: 1rem 0 0;
  color: rgba(34, 40, 49, 0.72);
  font-size: 1rem;
  line-height: 1.7;
}

.about-page .about-focus-panel,
.about-page .about-principles-panel,
.about-page .about-highlights-panel,
.about-page .about-quote-final {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(78, 95, 145, 0.22);
  border-left: 5px solid var(--brand-green);
  background: rgba(255, 255, 255, 0.72);
  box-shadow: 0 18px 48px rgba(37, 54, 105, 0.08);
}

.about-page .about-focus-panel,
.about-page .about-principles-panel,
.about-page .about-highlights-panel {
  padding: clamp(1.45rem, 3vw, 2.7rem);
}

.about-page .about-focus-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 1.6rem;
}

.about-page .about-focus-card {
  position: relative;
  min-height: 12.5rem;
  padding: 1.35rem;
  border: 1px solid rgba(78, 95, 145, 0.18);
  background: linear-gradient(145deg, #f8faff, #eef3fb);
  transition: transform 260ms ease, border-color 260ms ease, box-shadow 260ms ease;
}

.about-page .about-focus-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 2.7rem;
  height: 0.2rem;
  background: var(--brand-green);
  transition: width 260ms ease;
}

.about-page .about-focus-card:hover {
  transform: translateY(-5px);
  border-color: rgba(37, 54, 105, 0.52);
  box-shadow: 0 22px 50px rgba(37, 54, 105, 0.12);
}

.about-page .about-focus-card:hover::before {
  width: 100%;
}

.about-page .about-focus-card h3 {
  margin: 1.45rem 0 0.75rem;
  color: #253669;
  font-size: 1.08rem;
  font-weight: 830;
  line-height: 1.2;
}

.about-page .about-focus-card p,
.about-page .about-highlights-panel p {
  margin: 0;
  color: rgba(34, 40, 49, 0.72);
  font-size: 0.94rem;
  line-height: 1.72;
}

.about-page .about-principles-list {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.8rem;
  margin: 1.55rem 0 0;
  padding: 0;
  list-style: none;
}

.about-page .about-principles-list li {
  display: grid;
  gap: 0.55rem;
  min-height: 11rem;
  padding: 1.1rem;
  border: 1px solid rgba(78, 95, 145, 0.18);
  background: #f8faff;
  transition: transform 260ms ease, background-color 260ms ease, border-color 260ms ease;
}

.about-page .about-principles-list li:hover {
  transform: translateY(-4px);
  border-color: rgba(151, 205, 45, 0.75);
  background: #eef5ff;
}

.about-page .about-principles-list strong {
  color: #253669;
  font-size: 0.92rem;
  font-weight: 850;
  line-height: 1.25;
}

.about-page .about-principles-list span {
  color: rgba(34, 40, 49, 0.72);
  font-size: 0.85rem;
  line-height: 1.55;
}

.about-page .about-highlights-panel {
  display: grid;
  grid-template-columns: minmax(16rem, 0.75fr) minmax(0, 1.25fr);
  gap: clamp(1.25rem, 3vw, 3rem);
  align-items: start;
}

.about-page .about-outcome-row {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.8rem;
  margin-top: 0.35rem;
}

.about-page .about-outcome-row span {
  padding: 1rem;
  border: 1px solid rgba(78, 95, 145, 0.18);
  background: #f8faff;
  color: #253669;
  font-size: 0.85rem;
  font-weight: 800;
  line-height: 1.35;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.about-page .about-quote-final {
  margin: 0;
  padding: clamp(1.7rem, 4vw, 3.4rem);
  background: #edf2fa;
}

.about-page .about-quote-final p {
  max-width: 74rem;
  margin: 0;
  color: #253669;
  font-size: clamp(1.35rem, 1.3vw, 2.1rem);
  font-weight: 780;
  line-height: 1.25;
  letter-spacing: -0.02em;
}

@media (max-width: 1100px) {
  .about-page .about-focus-grid,
  .about-page .about-principles-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .about-page .about-highlights-panel {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 700px) {
  .about-page .about-focus-grid,
  .about-page .about-principles-list,
  .about-page .about-outcome-row {
    grid-template-columns: 1fr;
  }

  .about-page .about-focus-card,
  .about-page .about-principles-list li {
    min-height: 0;
  }
}

/* About page: lift the hero and perspective intro closer to the top edge. */
html body.about-page main > .about-page-section {
  padding-top: 5.35rem !important;
}

@media (max-width: 767px) {
  html body.about-page main > .about-page-section {
    padding-top: 5.25rem !important;
  }
}

/* Final About contrast guard: keep light-page content readable. */
html body.about-page main > .about-page-section,
html body.about-page .about-introduction,
html body.about-page .about-story-card.about-page-card,
html body.about-page .about-focus-panel,
html body.about-page .about-focus-card,
html body.about-page .about-principles-panel,
html body.about-page .about-principles-list li,
html body.about-page .about-highlights-panel,
html body.about-page .about-quote-final {
  color: #253669 !important;
}

html body.about-page .about-introduction p,
html body.about-page .about-story-card.about-page-card > p,
html body.about-page .about-focus-card p,
html body.about-page .about-section-summary,
html body.about-page .about-principles-list span,
html body.about-page .about-highlights-panel p {
  color: rgba(34, 40, 49, 0.78) !important;
}

html body.about-page .about-introduction .about-introduction-label,
html body.about-page .about-section-title,
html body.about-page .about-story-card.about-page-card .about-story-label,
html body.about-page .about-focus-card h3,
html body.about-page .about-principles-list strong,
html body.about-page .about-outcome-row span,
html body.about-page .about-quote-final p {
  color: #253669 !important;
}

html body.about-page .about-story-card.about-page-card:hover > p,
html body.about-page .about-focus-card:hover p,
html body.about-page .about-principles-list li:hover span {
  color: #253669 !important;
}

html body.about-page .about-section-kicker,
html body.about-page .about-banner-kicker {
  color: #97cd2d !important;
}

html body.about-page .about-banner-copy,
html body.about-page .about-banner-copy h1,
html body.about-page .about-banner-copy h1 span,
html body.about-page .about-banner-subtitle {
  color: #fff !important;
}

/* Final About top placement: hero first, intro directly below it. */
html body.about-page .about-page-main {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

html body.about-page main > .about-page-section {
  margin-top: 0 !important;
  padding-top: 5rem !important;
}

html body.about-page .about-composition {
  gap: 1rem !important;
  margin-top: 0 !important;
}

html body.about-page .about-hero-banner {
  margin-top: 0 !important;
}

html body.about-page .about-introduction {
  margin-top: 0 !important;
}

@media (max-width: 767px) {
  html body.about-page main > .about-page-section {
    padding-top: 4.85rem !important;
  }

  html body.about-page .about-composition {
    gap: 0.85rem !important;
  }
}

/* Absolute final About visual order. */
html body.about-page .about-hero-banner {
  order: -100 !important;
}

html body.about-page .about-introduction {
  order: -90 !important;
}

html body.about-page .about-story-grid.about-page-grid {
  order: -80 !important;
}

html body.about-page .about-focus-panel {
  order: -70 !important;
}

html body.about-page .about-principles-panel {
  order: -60 !important;
}

html body.about-page .about-highlights-panel {
  order: -50 !important;
}

html body.about-page .about-quote-final {
  order: -40 !important;
}

/* Absolute final About visual order. */
html body.about-page .about-hero-banner {
  order: -100 !important;
}

html body.about-page .about-introduction {
  order: -90 !important;
}

html body.about-page .about-story-grid.about-page-grid {
  order: -80 !important;
}

html body.about-page .about-focus-panel {
  order: -70 !important;
}

html body.about-page .about-principles-panel {
  order: -60 !important;
}

html body.about-page .about-highlights-panel {
  order: -50 !important;
}

html body.about-page .about-quote-final {
  order: -40 !important;
}

/* Editorial insight article. */
.insight-article-page .insight-article-meta,
.insight-article-page .insight-article-title {
  color: var(--brand-slate) !important;
}

.insight-article-page .insight-article-title {
  font-size: 1.25rem !important;
  font-weight: 800 !important;
  line-height: 1.12 !important;
  letter-spacing: 0 !important;
}

.insight-article-page .insight-article-title-organizational {
  color: #253669 !important;
}

.insight-article-page.insight-article-logo-template .insight-article-title {
  color: #253669 !important;
}

.insight-article-page .insight-article-banner {
  aspect-ratio: 1820 / 1024;
  border-color: rgba(78, 95, 145, 0.28) !important;
  box-shadow: 0 20px 50px rgba(24, 36, 71, 0.14);
}

.insight-article-page .insight-article-banner img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
  object-position: center;
}

.insight-article-page .insight-article-body {
  margin-top: 3.5rem;
  color: rgba(34, 40, 49, 0.82);
  font-size: 1.075rem;
  line-height: 1.9;
}

.insight-article-page .insight-article-body p + p,
.insight-article-page .insight-article-body ul + p,
.insight-article-page .insight-article-body p + ul {
  margin-top: 1.4rem;
}

.insight-article-page .insight-article-body .article-emphasis {
  color: var(--brand-indigo);
  font-family: var(--font-serif), Georgia, serif;
  font-size: 1.45rem;
  font-weight: 700;
  line-height: 1.35;
}

.insight-article-page .insight-article-body .article-final-statement {
  color: #253669;
  font-weight: 800;
}

.insight-article-page .insight-article-body h2 {
  margin-top: 3.4rem;
  color: var(--brand-indigo);
  font-family: var(--font-serif), Georgia, serif;
  font-size: clamp(1.55rem, 3vw, 2.15rem);
  font-weight: 800;
  line-height: 1.2;
}

.insight-article-page .insight-article-body h2::after {
  content: "";
  display: block;
  width: 3.5rem;
  height: 2px;
  margin-top: 0.85rem;
  background: var(--brand-green);
}

.insight-article-page .insight-article-body h3 {
  margin-top: 2.2rem;
  color: var(--brand-slate);
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  line-height: 1.4;
  text-transform: uppercase;
}

.insight-article-page .insight-article-body .article-takeaway {
  margin-top: 3.5rem;
  padding: 1.75rem;
  border-left: 4px solid var(--brand-green);
  background: linear-gradient(135deg, rgba(78, 95, 145, 0.12), rgba(233, 237, 245, 0.7));
}

.insight-article-page .insight-article-body .article-takeaway h2 {
  margin-top: 0;
}

.insight-article-page .insight-article-body .article-takeaway h2::after {
  display: none;
}

/* Shared closing statement for conclusions, final thoughts, and takeaways. */
.insight-article-page .insight-article-body .insight-closing-callout {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  margin-top: clamp(2.75rem, 6vw, 4.5rem);
  padding: clamp(1.75rem, 4vw, 3.25rem) clamp(1.4rem, 4.5vw, 3.5rem);
  border: 1px solid rgba(78, 95, 145, 0.16);
  border-left: 6px solid var(--brand-green);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0.08)),
    #e8edf6;
  box-shadow: 0 18px 42px rgba(37, 54, 105, 0.09);
  color: #4c576b;
  transition: border-color 240ms ease, box-shadow 240ms ease, background-color 240ms ease;
}

.insight-article-page .insight-article-body .insight-closing-callout::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -7rem;
  right: -5rem;
  width: 18rem;
  height: 18rem;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(78, 95, 145, 0.11), rgba(78, 95, 145, 0) 70%);
  pointer-events: none;
}

.insight-article-page .insight-article-body .insight-closing-callout:hover {
  border-color: rgba(78, 95, 145, 0.3);
  border-left-color: var(--brand-green);
  box-shadow: 0 24px 52px rgba(37, 54, 105, 0.13);
}

.insight-article-page .insight-article-body .insight-closing-callout h2 {
  margin: 0 0 1.35rem;
  color: #253669 !important;
  font-family: Inter, Manrope, "Plus Jakarta Sans", sans-serif;
  font-size: clamp(1.55rem, 3vw, 2.25rem);
  font-weight: 800;
  letter-spacing: -0.025em;
  line-height: 1.1;
}

.insight-article-page .insight-article-body .insight-closing-callout h2::after {
  width: 3rem;
  height: 3px;
  margin-top: 0.8rem;
  background: var(--brand-green);
}

.insight-article-page .insight-article-body .insight-closing-callout p,
.insight-article-page .insight-article-body .insight-closing-callout li {
  color: #4c576b !important;
  line-height: 1.75;
}

.insight-article-page .insight-article-body .insight-closing-callout p + p {
  margin-top: 1rem;
}

.insight-article-page .insight-article-body .insight-closing-callout ul {
  margin-top: 1.15rem;
  margin-bottom: 0;
}

.insight-article-page .insight-article-body .insight-closing-callout li::before {
  background: var(--brand-green);
}

.insight-article-page .insight-article-body .insight-closing-callout strong {
  color: #253669;
}

@media (max-width: 639px) {
  .insight-article-page .insight-article-body .insight-closing-callout {
    padding: 1.5rem 1.25rem;
    border-left-width: 4px;
  }
}

.insight-article-page .insight-article-body ul {
  display: grid;
  gap: 0.65rem;
  padding-left: 0;
  list-style: none;
}

.insight-article-page .insight-article-body li {
  position: relative;
  padding-left: 1.25rem;
}

.insight-article-page .insight-article-body li::before {
  content: "";
  position: absolute;
  top: 0.82em;
  left: 0;
  width: 0.42rem;
  height: 0.42rem;
  border-radius: 50%;
  background: var(--brand-slate);
}

/* A denser editorial rhythm for the longer logo-versus-system essay. */
.insight-article-page.insight-article-logo-template .insight-article-body {
  margin-top: 3rem;
  line-height: 1.72;
}

.insight-article-page.insight-article-logo-template .insight-article-body p + p,
.insight-article-page.insight-article-logo-template .insight-article-body ul + p,
.insight-article-page.insight-article-logo-template .insight-article-body p + ul {
  margin-top: 0.9rem;
}

.insight-article-page.insight-article-logo-template .insight-article-body .article-emphasis + .article-emphasis {
  margin-top: 0.35rem;
}

.insight-article-page.insight-article-logo-template .insight-article-body h2 {
  margin-top: 2.75rem;
}

.insight-article-page.insight-article-logo-template .insight-article-body h3 {
  margin-top: 1.75rem;
}

.insight-article-page.insight-article-logo-template .insight-article-body ul {
  gap: 0.45rem;
  margin-top: 0.85rem;
  margin-bottom: 0.85rem;
}

.insight-article-page.insight-article-logo-template .insight-article-body .article-takeaway {
  margin-top: 2.75rem;
}

@media (min-width: 640px) {
  .insight-article-page .insight-article-title {
    font-size: 1.675rem !important;
  }
}

@media (min-width: 1024px) {
  .insight-article-page .insight-article-title {
    font-size: 2.5rem !important;
  }

  .insight-article-page.insight-article-logo-template article {
    max-width: 72rem;
  }

  .insight-article-page.insight-article-logo-template .insight-article-title {
    white-space: nowrap;
  }
}

/* Case-study image cards retain strong contrast and executive polish. */
.group.relative.overflow-hidden {
  background: var(--brand-navy) !important;
  border-color: rgba(37, 53, 104, 0.16) !important;
  border-radius: 0.35rem;
  box-shadow: 0 18px 55px rgba(24, 36, 71, 0.12);
  transition: transform 260ms ease-out, box-shadow 260ms ease-out !important;
}

.group.relative.overflow-hidden:hover {
  box-shadow: 0 28px 75px rgba(24, 36, 71, 0.2);
  transform: translateY(-5px);
}

.group.relative.overflow-hidden img {
  opacity: 0.72 !important;
  filter: saturate(0.9) contrast(1.04);
}

.group.relative.overflow-hidden:hover img {
  opacity: 0.86 !important;
}

/* Case-studies listing: show thumbnails without dimming or color overlays. */
:is(.case-studies-page, .home-case-studies-section) .group.relative.overflow-hidden img,
:is(.case-studies-page, .home-case-studies-section) .group.relative.overflow-hidden:hover img {
  opacity: 1 !important;
  filter: none !important;
}

:is(.case-studies-page, .home-case-studies-section) .group.relative.overflow-hidden > .absolute.inset-0.bg-gradient-to-t {
  display: none !important;
}

:is(.case-studies-page, .home-case-studies-section) article.group.relative.overflow-hidden {
  display: flex;
  min-height: 0 !important;
  flex-direction: column;
  background: var(--white) !important;
}

.case-studies-page .case-study-card-hit-area {
  position: absolute;
  inset: 0;
  z-index: 5;
  display: block;
  cursor: pointer;
}

.case-studies-page main .grid > article.group.relative.overflow-hidden:nth-last-child(-n + 2) {
  display: none !important;
}

.case-studies-page .case-study-card-hit-area:focus-visible {
  outline: 3px solid var(--brand-green);
  outline-offset: -3px;
}

:is(.case-studies-page, .home-case-studies-section) article.group.relative.overflow-hidden > img {
  position: relative !important;
  inset: auto !important;
  display: block;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 10;
  object-fit: cover;
}

:is(.case-studies-page, .home-case-studies-section) article.group.relative.overflow-hidden > a {
  position: relative !important;
  inset: auto !important;
  display: block;
  flex: 1;
  overflow: hidden;
  padding: 1.35rem 1.5rem 1.5rem !important;
  background: #e9edf5;
  transition: background-color 320ms ease, transform 320ms ease,
    box-shadow 320ms ease !important;
}

.home-case-studies-section article.group.relative.overflow-hidden > a {
  background: #e2e6ee;
}

:is(.case-studies-page, .home-case-studies-section) article.group.relative.overflow-hidden > a::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 3px;
  background: var(--brand-green);
  transform: scaleX(0.18);
  transform-origin: left;
  transition: transform 320ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

:is(.case-studies-page, .home-case-studies-section) article.group.relative.overflow-hidden:hover > a,
:is(.case-studies-page, .home-case-studies-section) article.group.relative.overflow-hidden:focus-within > a {
  background: var(--brand-indigo);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
  transform: translateY(-2px);
}

:is(.case-studies-page, .home-case-studies-section) article.group.relative.overflow-hidden:hover > a::before,
:is(.case-studies-page, .home-case-studies-section) article.group.relative.overflow-hidden:focus-within > a::before {
  transform: scaleX(1);
}

:is(.case-studies-page, .home-case-studies-section) article.group.relative.overflow-hidden > a > .flex {
  height: auto !important;
  gap: 1.25rem;
}

:is(.case-studies-page, .home-case-studies-section) article.group.relative.overflow-hidden .text-atlantis {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--brand-slate) !important;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

:is(.case-studies-page, .home-case-studies-section) article.group.relative.overflow-hidden .text-mist\/65 {
  color: rgba(34, 40, 49, 0.62) !important;
}

:is(.case-studies-page, .home-case-studies-section) article.group.relative.overflow-hidden .text-ivory,
:is(.case-studies-page, .home-case-studies-section) article.group.relative.overflow-hidden .case-study-card-title {
  color: var(--brand-indigo) !important;
}

:is(.case-studies-page, .home-case-studies-section) article.group.relative.overflow-hidden .case-study-card-title {
  max-width: 32rem;
  font-size: clamp(1.25rem, 2vw, 1.65rem) !important;
  line-height: 1.2 !important;
}

:is(.case-studies-page, .home-case-studies-section) article.group.relative.overflow-hidden > a svg {
  color: var(--brand-slate) !important;
  transition: color 280ms ease, transform 280ms ease !important;
}

:is(.case-studies-page, .home-case-studies-section) article.group.relative.overflow-hidden:hover .text-atlantis,
:is(.case-studies-page, .home-case-studies-section) article.group.relative.overflow-hidden:focus-within .text-atlantis {
  color: var(--brand-green) !important;
}

:is(.case-studies-page, .home-case-studies-section) article.group.relative.overflow-hidden:hover .text-mist\/65,
:is(.case-studies-page, .home-case-studies-section) article.group.relative.overflow-hidden:focus-within .text-mist\/65 {
  color: rgba(255, 255, 255, 0.7) !important;
}

:is(.case-studies-page, .home-case-studies-section) article.group.relative.overflow-hidden:hover .case-study-card-title,
:is(.case-studies-page, .home-case-studies-section) article.group.relative.overflow-hidden:focus-within .case-study-card-title {
  color: var(--white) !important;
  text-shadow: none !important;
}

:is(.case-studies-page, .home-case-studies-section) article.group.relative.overflow-hidden:hover > a svg,
:is(.case-studies-page, .home-case-studies-section) article.group.relative.overflow-hidden:focus-within > a svg {
  color: var(--brand-green) !important;
  transform: translate(0.2rem, -0.2rem);
}

.case-studies-page article.group.relative.overflow-hidden > a.case-study-card-hit-area {
  position: absolute !important;
  inset: 0 !important;
  z-index: 5;
  display: block;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

.case-studies-page article.group.relative.overflow-hidden > a.case-study-card-hit-area::before {
  display: none;
}

.case-studies-portfolio-note {
  position: relative;
  display: block;
  margin-top: clamp(2.25rem, 5vw, 4rem);
  padding: clamp(1.6rem, 3.5vw, 2.65rem);
  overflow: hidden;
  border: 1px solid rgba(37, 54, 105, 0.18);
  border-top: 4px solid var(--brand-green);
  background: linear-gradient(115deg, #f4f7fb 0%, #e8edf6 100%);
  box-shadow: 0 16px 45px rgba(24, 36, 71, 0.1);
  transition: border-color 300ms ease, box-shadow 300ms ease,
    transform 300ms ease;
}

.case-studies-portfolio-note::after {
  content: "";
  position: absolute;
  top: -5rem;
  right: -4rem;
  width: 13rem;
  height: 13rem;
  border: 1px solid rgba(78, 95, 145, 0.15);
  border-radius: 50%;
  box-shadow: 0 0 0 2.75rem rgba(78, 95, 145, 0.04),
    0 0 0 5.5rem rgba(78, 95, 145, 0.025);
  pointer-events: none;
  transition: transform 500ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

.case-studies-portfolio-note:hover,
.case-studies-portfolio-note:focus-within {
  border-color: rgba(37, 54, 105, 0.3);
  border-top-color: var(--brand-green);
  box-shadow: 0 22px 55px rgba(24, 36, 71, 0.16);
  transform: translateY(-3px);
}

.case-studies-portfolio-note:hover::after,
.case-studies-portfolio-note:focus-within::after {
  transform: scale(1.08) translate(-0.35rem, 0.35rem);
}

.case-studies-portfolio-note-heading {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: 0.65rem;
  margin-bottom: 0.9rem;
  color: var(--brand-indigo) !important;
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

.case-studies-portfolio-note-heading svg {
  color: #6f9f28;
}

.case-studies-portfolio-note p {
  position: relative;
  z-index: 1;
  max-width: 72rem;
  margin: 0;
  color: #253669 !important;
  font-size: clamp(1rem, 1.5vw, 1.18rem);
  line-height: 1.75;
}

.case-studies-portfolio-note a {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  color: #253669 !important;
  font-weight: 800;
  text-decoration: underline;
  text-decoration-color: rgba(37, 54, 105, 0.35);
  text-decoration-thickness: 1px;
  text-underline-offset: 0.28em;
  transition: color 250ms ease, text-decoration-color 250ms ease;
}

.case-studies-portfolio-note a svg {
  flex: 0 0 auto;
  transition: transform 250ms ease;
}

.case-studies-portfolio-note a:hover,
.case-studies-portfolio-note a:focus-visible {
  color: #5f8f1f !important;
  text-decoration-color: currentColor;
}

.case-studies-portfolio-note a:hover svg,
.case-studies-portfolio-note a:focus-visible svg {
  transform: translate(0.2rem, -0.2rem);
}

.case-studies-portfolio-note a:focus-visible {
  border-radius: 0.2rem;
  outline: 2px solid var(--brand-green);
  outline-offset: 4px;
}

@media (prefers-reduced-motion: reduce) {
  .case-studies-portfolio-note,
  .case-studies-portfolio-note::after,
  .case-studies-portfolio-note a svg {
    transition: none;
  }
}

/* ICDR case study: strategic editorial presentation. */
.icdr-case-study-page {
  background: var(--surface-soft) !important;
}

.icdr-case-study-page main {
  overflow: hidden;
}

.icdr-case-study-page .icdr-case-hero {
  position: relative;
  max-width: none !important;
  padding-right: max(2rem, calc((100vw - 80rem) / 2)) !important;
  padding-bottom: 5rem !important;
  padding-left: max(2rem, calc((100vw - 80rem) / 2)) !important;
  background:
    radial-gradient(circle at 88% 12%, rgba(151, 205, 45, 0.16), transparent 24rem),
    linear-gradient(135deg, var(--brand-navy), var(--brand-indigo)) !important;
}

.icdr-case-study-page .icdr-case-hero::after {
  content: "";
  position: absolute;
  right: max(2rem, calc((100vw - 80rem) / 2));
  bottom: 0;
  left: max(2rem, calc((100vw - 80rem) / 2));
  height: 1px;
  background: rgba(255, 255, 255, 0.18);
}

.icdr-case-study-page .icdr-case-hero > a {
  display: inline-flex !important;
  align-items: center;
  gap: 0.65rem;
  color: var(--brand-green) !important;
  font-weight: 800;
}

.icdr-case-study-page .icdr-case-hero > a::before {
  content: "←";
  font-size: 1rem;
  transition: transform 240ms ease;
}

.icdr-case-study-page .icdr-case-hero > a:hover::before {
  transform: translateX(-0.25rem);
}

.icdr-case-study-page .icdr-case-hero > div {
  margin-top: 2.25rem !important;
  align-items: stretch !important;
  gap: clamp(2.5rem, 6vw, 6rem) !important;
}

.icdr-case-study-page .icdr-case-hero h1 {
  max-width: 54rem !important;
  font-size: clamp(2.75rem, 6vw, 5.5rem) !important;
  line-height: 0.98 !important;
  letter-spacing: -0.055em !important;
}

html body.icdr-case-study-page .icdr-case-hero h1 {
  font-size: 1.25rem !important;
  line-height: 1.12 !important;
  letter-spacing: 0 !important;
}

@media (min-width: 640px) {
  html body.icdr-case-study-page .icdr-case-hero h1 {
    font-size: 1.675rem !important;
  }
}

@media (min-width: 1024px) {
  html body.icdr-case-study-page .icdr-case-hero h1 {
    font-size: 2.5rem !important;
  }

  html body.icdr-case-study-page.case-title-single-line .icdr-case-hero h1 {
    max-width: none !important;
    white-space: nowrap;
  }
}

.icdr-case-study-page .icdr-case-hero h1 + p {
  max-width: 48rem !important;
  margin-top: 2rem !important;
  margin-bottom: 0 !important;
  font-size: 1.08rem !important;
  line-height: 1.8 !important;
}

.icdr-case-study-page .case-study-meta {
  align-content: center;
  padding: 1.75rem !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  background: rgba(255, 255, 255, 0.07);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}

.icdr-case-study-page .case-study-meta p {
  color: rgba(255, 255, 255, 0.78) !important;
  line-height: 1.65;
}

.icdr-case-study-page .case-study-meta p + p {
  padding-top: 1.25rem;
  border-top: 1px solid rgba(255, 255, 255, 0.13);
}

.icdr-case-study-page .case-study-meta span {
  margin-bottom: 0.45rem;
  color: var(--brand-green) !important;
}

.icdr-case-study-page .icdr-case-story {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

.icdr-case-study-page .icdr-case-story > .grid {
  gap: clamp(3rem, 7vw, 7rem) !important;
  grid-template-columns: minmax(15rem, 0.55fr) minmax(0, 1.45fr) !important;
}

.icdr-case-study-page .icdr-case-story aside {
  position: sticky;
  top: 7rem;
  align-self: start;
  margin-top: 0 !important;
}

.icdr-case-study-page .case-study-stat {
  padding: 1.5rem 0 1.5rem 1.5rem;
  border-left: 3px solid var(--brand-green);
  background: linear-gradient(90deg, rgba(223, 240, 184, 0.35), transparent);
}

.icdr-case-study-page .case-study-stat + .case-study-stat {
  margin-top: 1rem;
}

.icdr-case-study-page .case-study-stat p:first-child,
.icdr-case-study-page .case-study-card > p:first-child,
.icdr-case-study-page .icdr-case-story article:last-child > p:first-child {
  color: var(--brand-slate) !important;
  font-weight: 800;
}

.icdr-case-study-page .case-study-stat p:last-child {
  color: rgba(34, 40, 49, 0.74) !important;
}

.icdr-case-study-page .icdr-case-story > .grid > div {
  counter-reset: icdr-module;
}

.icdr-case-study-page .case-study-card {
  counter-increment: icdr-module;
  position: relative;
  padding: clamp(1.75rem, 4vw, 3rem) !important;
  border: 1px solid rgba(78, 95, 145, 0.18) !important;
  border-radius: 0.4rem;
  background: var(--white) !important;
  box-shadow: 0 18px 55px rgba(24, 36, 71, 0.08);
  transition: transform 280ms ease, box-shadow 280ms ease,
    border-color 280ms ease;
}

.icdr-case-study-page .case-study-card::after {
  content: "0" counter(icdr-module);
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  color: rgba(78, 95, 145, 0.28);
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.18em;
}

.icdr-case-study-page .case-study-card:hover {
  border-color: rgba(78, 95, 145, 0.42) !important;
  box-shadow: 0 26px 70px rgba(24, 36, 71, 0.13);
  transform: translateY(-4px);
}

.icdr-case-study-page .case-study-card > p:not(:first-child) {
  max-width: 48rem;
  color: rgba(34, 40, 49, 0.74) !important;
}

.icdr-case-study-page .case-study-card .mt-8 > div {
  padding: 1.5rem !important;
  border: 0 !important;
  border-top: 3px solid var(--brand-green) !important;
  background: var(--surface-soft);
}

.icdr-case-study-page .case-study-card h2 {
  color: var(--brand-indigo) !important;
  font-size: 1.35rem !important;
  font-weight: 800 !important;
}

/* Keep every case-study card body one line below its title or label. */
.icdr-case-study-page .case-study-stat > p:first-child,
.icdr-case-study-page .case-study-card > p:first-child {
  margin-bottom: 0 !important;
}

.icdr-case-study-page .case-study-stat > p:first-child + p,
.icdr-case-study-page .case-study-card > p:first-child + p,
.icdr-case-study-page .case-study-card > h2 + p,
.icdr-case-study-page .icdr-outcome-card > p:first-child + h2,
.icdr-case-study-page .icdr-outcome-card > h2 + p {
  margin-top: 1rem !important;
}

.icdr-case-study-page .case-study-list li {
  color: rgba(34, 40, 49, 0.72) !important;
  line-height: 1.6;
}

.icdr-case-study-page .case-study-list li::before {
  background: var(--brand-slate);
  box-shadow: none;
}

.icdr-case-study-page .icdr-case-story article:last-child {
  margin-top: 1rem !important;
  padding: clamp(2rem, 5vw, 3.5rem) !important;
  border: 0 !important;
  border-radius: 0.4rem;
  background:
    radial-gradient(circle at 90% 15%, rgba(151, 205, 45, 0.17), transparent 18rem),
    var(--brand-indigo);
}

.icdr-case-study-page .icdr-case-story article:last-child h2,
.icdr-case-study-page .icdr-case-story article:last-child p:last-child {
  max-width: 48rem;
  color: var(--white) !important;
}

.icdr-case-study-page .icdr-case-story article:last-child h2 {
  font-size: clamp(1.65rem, 3vw, 2.5rem) !important;
  line-height: 1.15 !important;
}

.icdr-case-study-page .icdr-case-gallery {
  max-width: none !important;
  margin-top: 0 !important;
  padding-top: 5rem !important;
  padding-right: max(2rem, calc((100vw - 80rem) / 2)) !important;
  padding-bottom: 6rem !important;
  padding-left: max(2rem, calc((100vw - 80rem) / 2)) !important;
  background: var(--white);
}

.icdr-case-study-page .icdr-gallery-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 2rem;
  margin-bottom: 2rem;
}

.icdr-case-study-page .icdr-gallery-heading p,
.icdr-case-study-page .icdr-gallery-heading span {
  color: var(--brand-slate) !important;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

.icdr-case-study-page .icdr-gallery-heading h2 {
  max-width: 50rem;
  margin-top: 0.65rem;
  color: var(--brand-indigo) !important;
  font-size: clamp(1.8rem, 4vw, 3.25rem) !important;
  line-height: 1.05 !important;
}

.icdr-case-study-page .case-study-hero-image {
  overflow: hidden;
  border: 1px solid rgba(78, 95, 145, 0.18) !important;
  border-radius: 0.45rem;
  background: var(--brand-navy) !important;
  box-shadow: 0 24px 70px rgba(24, 36, 71, 0.14);
}

.icdr-case-study-page .case-study-hero-image img {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  transition: opacity 180ms ease;
}

.icdr-case-study-page .case-study-gallery-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.9rem;
  margin-top: 1rem;
}

.icdr-case-study-page .case-study-gallery-thumb {
  position: relative;
  border: 1px solid rgba(78, 95, 145, 0.2) !important;
  border-radius: 0.3rem;
  background: var(--surface-soft) !important;
  box-shadow: none !important;
}

.icdr-case-study-page .case-study-gallery-thumb::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 3px;
  background: var(--brand-green);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 260ms ease;
}

.icdr-case-study-page .case-study-gallery-thumb img {
  opacity: 1 !important;
  filter: none !important;
}

.icdr-case-study-page .case-study-gallery-thumb:hover,
.icdr-case-study-page .case-study-gallery-thumb:focus-visible,
.icdr-case-study-page .case-study-gallery-thumb.is-active {
  border-color: var(--brand-slate) !important;
  box-shadow: 0 12px 30px rgba(24, 36, 71, 0.14) !important;
  transform: translateY(-3px);
}

.icdr-case-study-page .case-study-gallery-thumb:hover::after,
.icdr-case-study-page .case-study-gallery-thumb:focus-visible::after,
.icdr-case-study-page .case-study-gallery-thumb.is-active::after {
  transform: scaleX(1);
}

@media (max-width: 1023px) {
  .icdr-case-study-page .icdr-case-story > .grid {
    grid-template-columns: 1fr !important;
  }

  .icdr-case-study-page .icdr-case-story aside {
    position: static;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
  }

  .icdr-case-study-page .case-study-stat + .case-study-stat {
    margin-top: 0;
  }

  .icdr-case-study-page .case-study-gallery-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  .icdr-case-study-page .icdr-case-hero {
    padding-right: 1.25rem !important;
    padding-bottom: 3.5rem !important;
    padding-left: 1.25rem !important;
  }

  .icdr-case-study-page .icdr-case-hero h1 {
    font-size: clamp(2.45rem, 12vw, 4rem) !important;
  }

  .icdr-case-study-page .icdr-case-story,
  .icdr-case-study-page .icdr-case-gallery {
    padding-right: 1.25rem !important;
    padding-left: 1.25rem !important;
  }

  .icdr-case-study-page .icdr-case-story aside {
    grid-template-columns: 1fr;
  }

  .icdr-case-study-page .case-study-stat {
    padding: 1.25rem !important;
    border-top: 3px solid var(--brand-green);
    border-left: 0;
  }

  .icdr-case-study-page .case-study-card .mt-8 {
    grid-template-columns: 1fr !important;
  }

  .icdr-case-study-page .icdr-gallery-heading {
    align-items: start;
    flex-direction: column;
  }

  .icdr-case-study-page .case-study-gallery-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

.group.relative.overflow-hidden .from-ink {
  --tw-gradient-from: #182447 var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgba(24, 36, 71, 0) var(--tw-gradient-to-position) !important;
}

.group.relative.overflow-hidden .via-ink\/45,
.group.relative.overflow-hidden .via-ink\/65 {
  --tw-gradient-stops: var(--tw-gradient-from), rgba(24, 36, 71, 0.55)
      var(--tw-gradient-via-position), var(--tw-gradient-to) !important;
}

.group.relative.overflow-hidden .text-ivory,
.group.relative.overflow-hidden .case-study-card-title {
  color: var(--white) !important;
}

.group.relative.overflow-hidden .text-atlantis {
  display: inline-flex;
  width: fit-content;
  padding: 0.42rem 0.62rem;
  background: rgba(24, 36, 71, 0.82);
  border: 1px solid rgba(255, 255, 255, 0.16);
  color: var(--brand-mint) !important;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

.group.relative.overflow-hidden .text-mist\/45,
.group.relative.overflow-hidden .text-mist\/65,
.group.relative.overflow-hidden .text-mist\/70,
.group.relative.overflow-hidden .text-mist\/75 {
  color: rgba(255, 255, 255, 0.78) !important;
}

.case-study-card-title {
  font-size: clamp(1.75rem, 3vw, 2.45rem) !important;
  line-height: 1.12 !important;
}

/* Insight rows */
.home-about-section,
.home-expertise-section,
.home-case-studies-section,
main > section#contact {
  scroll-margin-top: 6.5rem;
}

a.group.grid.py-7 {
  position: relative;
  overflow: hidden;
  margin-inline: -1.25rem;
  padding-inline: 1.25rem;
  border-radius: 0.35rem;
  transition: background-color 300ms ease-out, box-shadow 300ms ease-out,
    transform 300ms cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}

a.group.grid.py-7:hover {
  background: linear-gradient(90deg, rgba(151, 205, 45, 0.1), rgba(255, 255, 255, 0.72)) !important;
  box-shadow: 0 16px 38px rgba(37, 53, 104, 0.09);
  transform: translateX(0.45rem) translateY(-2px);
}

/* Buttons and calls to action */
a.inline-flex.border,
button.inline-flex.border,
button[type="submit"] {
  min-height: 3.25rem;
  border-radius: 0.2rem;
  font-weight: 700;
  letter-spacing: 0.13em !important;
  transition: color 240ms ease-out, background-color 240ms ease-out,
    border-color 240ms ease-out, box-shadow 240ms ease-out,
    transform 240ms ease-out !important;
}

a.inline-flex.border:not(.home-cta-button),
button[type="submit"] {
  background: var(--brand-green) !important;
  border-color: var(--brand-green) !important;
  color: var(--brand-navy) !important;
  box-shadow: 0 10px 28px rgba(151, 205, 45, 0.22);
}

a.inline-flex.border:not(.home-cta-button):hover,
button[type="submit"]:hover {
  background: var(--brand-indigo) !important;
  border-color: var(--brand-indigo) !important;
  color: var(--white) !important;
  box-shadow: 0 14px 34px rgba(37, 53, 104, 0.24);
  transform: translateY(-2px);
}

.home-cta-button {
  border-color: rgba(255, 255, 255, 0.3) !important;
  color: var(--white) !important;
}

.home-cta-button:hover {
  background: var(--brand-green) !important;
  border-color: var(--brand-green) !important;
  color: var(--brand-navy) !important;
}

/* Forms */
form input,
form textarea,
form select {
  background: var(--white) !important;
  border-color: rgba(78, 95, 145, 0.28) !important;
  border-radius: 0.25rem !important;
  color: var(--text-charcoal) !important;
  box-shadow: 0 1px 0 rgba(24, 36, 71, 0.02);
  transition: border-color 220ms ease-out, box-shadow 220ms ease-out !important;
}

form input:focus,
form textarea:focus,
form select:focus {
  border-color: var(--brand-indigo) !important;
  box-shadow: 0 0 0 4px rgba(37, 53, 104, 0.1) !important;
  outline: none !important;
}

form label {
  color: var(--brand-indigo) !important;
  font-weight: 650;
}

/* Expertise page: raise the full blue-panel composition by one line. */
.expertise-page .expertise-page-section > * {
  transform: translateY(-1.5rem);
}

/* Case Studies page: raise the full blue-panel composition by one line. */
.case-studies-page .case-studies-page-section > * {
  transform: translateY(-1.5rem);
}

/* Insights page: raise the full blue-panel composition by one line. */
.insights-page .insights-page-section > * {
  transform: translateY(-1.5rem);
}

@media (max-width: 767px) {
  .expertise-page .expertise-page-section > * {
    transform: translateY(-1rem);
  }

  .case-studies-page .case-studies-page-section > * {
    transform: translateY(-1rem);
  }

  .insights-page .insights-page-section > * {
    transform: translateY(-1rem);
  }
}

/* Contact page: focused, full-width conversation layout. */
.contact-page .contact-page-section {
  padding-top: 7rem !important;
}

.contact-page .contact-page-banner {
  position: relative;
  overflow: hidden;
  margin-bottom: 3rem;
  border: 1px solid rgba(78, 95, 145, 0.2);
  background: #0a2a59;
  box-shadow: 0 24px 60px rgba(37, 54, 105, 0.15);
}

.contact-page .contact-page-banner-media img {
  display: block;
  width: 100%;
  height: auto;
}

.contact-page .contact-page-banner-copy {
  position: absolute;
  z-index: 2;
  right: 4.8%;
  bottom: 4.6%;
  left: 4.8%;
  color: #fff;
}

.contact-page .contact-page-banner-kicker {
  margin: 0 0 0.8rem;
  color: #97cd2d !important;
  font-family: Inter, Manrope, "Plus Jakarta Sans", sans-serif;
  font-size: clamp(0.7rem, 1vw, 0.95rem);
  font-weight: 650;
  letter-spacing: 0.04em;
  line-height: 1.2;
  text-transform: uppercase;
}

.contact-page .contact-page-banner-copy h1 {
  max-width: 86rem;
  margin: 0;
  color: #fff !important;
  font-family: Inter, Manrope, "Plus Jakarta Sans", sans-serif;
  font-size: clamp(1.8rem, 3.15vw, 3.25rem);
  font-weight: 720;
  line-height: 1.08;
  letter-spacing: -0.025em;
}

.contact-page .contact-page-banner-summary {
  max-width: 86rem;
  margin: 1rem 0 0;
  color: rgba(255, 255, 255, 0.94) !important;
  font-family: Inter, Manrope, "Plus Jakarta Sans", sans-serif;
  font-size: clamp(0.76rem, 1.25vw, 1.08rem);
  font-weight: 550;
  line-height: 1.45;
}

.contact-page .contact-page-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 2rem !important;
  transform: translateY(3rem);
}

.contact-page .contact-page-copy > p:first-child,
.insights-page .insights-kicker,
.case-studies-page .work-kicker {
  color: var(--brand-green) !important;
}

.contact-page .contact-page-intro {
  display: contents;
}

.contact-page .contact-page-copy {
  order: 1;
  max-width: none !important;
}

.contact-page .contact-page-copy > p:last-child {
  max-width: 70rem !important;
}

.contact-page .contact-page-form-panel {
  order: 2;
  width: 100%;
  padding: clamp(1.5rem, 4vw, 3rem) !important;
  border: 1px solid rgba(78, 95, 145, 0.22) !important;
  border-left: 5px solid var(--brand-green) !important;
  background: var(--white) !important;
  box-shadow: 0 18px 48px rgba(37, 54, 105, 0.09) !important;
  color: var(--brand-navy) !important;
  box-sizing: border-box;
}

.contact-page .contact-page-form-panel form {
  width: 100%;
}

.contact-page .contact-page-form-panel form label,
.contact-page .contact-page-form-panel form label span {
  color: var(--brand-navy) !important;
}

.contact-page .contact-page-form-panel > div:last-child,
.contact-page .contact-page-form-panel > div:last-child p {
  color: rgba(48, 59, 80, 0.82) !important;
  border-color: rgba(78, 95, 145, 0.18) !important;
}

.contact-page .contact-page-socials {
  order: 3;
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0;
  width: 100%;
  margin-top: 0 !important;
  padding-top: 0.5rem;
}

.contact-page .contact-page-socials > a {
  position: relative;
  min-height: 3.25rem;
  padding: 0.25rem 1.25rem;
  transition: color 260ms ease, transform 260ms ease !important;
}

.contact-page .contact-page-socials > a + a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 1.75rem;
  background: var(--brand-green);
  transform: translateY(-50%);
}

.contact-page .contact-page-socials > a > span:first-child {
  transition: color 280ms ease, background-color 280ms ease,
    border-color 280ms ease, border-radius 280ms ease, box-shadow 280ms ease,
    transform 320ms cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}

.contact-page .contact-page-socials > a:hover,
.contact-page .contact-page-socials > a:focus-visible {
  color: var(--brand-green) !important;
  transform: translateY(-3px);
}

.contact-page .contact-page-socials > a:hover > span:first-child,
.contact-page .contact-page-socials > a:focus-visible > span:first-child {
  color: var(--brand-green) !important;
  background: var(--brand-indigo) !important;
  border-color: var(--brand-green) !important;
  box-shadow: 0 0 12px rgba(151, 205, 45, 0.55),
    0 8px 22px rgba(37, 53, 104, 0.2);
  border-radius: 0.4rem;
  transform: translateY(-2px) scale(1.08);
}

.contact-page .contact-page-socials > a:hover > svg:last-child,
.contact-page .contact-page-socials > a:focus-visible > svg:last-child {
  color: var(--brand-green) !important;
  opacity: 1;
  transform: translate(0.2rem, -0.2rem);
}

@media (max-width: 767px) {
  .contact-page .contact-page-section {
    padding-top: 7rem !important;
  }

  .contact-page .contact-page-banner-copy {
    position: static;
    padding: 1.35rem 1.2rem 1.5rem;
  }

  .contact-page .contact-page-banner-kicker {
    margin-bottom: 0.55rem;
  }

  .contact-page .contact-page-banner-copy h1 {
    font-size: clamp(1.45rem, 7vw, 2rem);
    line-height: 1.12;
  }

  .contact-page .contact-page-banner-summary {
    margin-top: 0.75rem;
    font-size: 0.82rem;
    line-height: 1.55;
  }

  .contact-page .contact-page-layout {
    transform: translateY(2rem);
  }

  .contact-page .contact-page-socials {
    justify-content: flex-start;
    row-gap: 0.5rem !important;
  }

  .contact-page .contact-page-socials > a {
    padding-inline: 0.75rem;
  }

  .contact-page .contact-page-socials > a + a::before {
    height: 1.35rem;
  }
}

/* Footer */
footer.bg-graphite,
footer {
  margin-bottom: 0 !important;
  background: var(--brand-indigo) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

footer .text-ivory,
footer h2,
footer h3,
footer a {
  color: var(--white) !important;
}

footer .text-mist\/45,
footer .text-mist\/65,
footer .text-mist\/70,
footer .text-mist\/75,
footer p {
  color: rgba(255, 255, 255, 0.7) !important;
}

footer a:hover,
footer a:focus-visible,
footer .text-atlantis {
  color: var(--brand-green) !important;
}

/* Accessibility and restrained motion */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline-color: var(--brand-green) !important;
  outline-offset: 4px;
}

@media (max-width: 1023px) {
  header nav > a:first-child {
    width: 8.75rem !important;
  }

  .case-study-card-title {
    font-size: 1.75rem !important;
  }
}

@media (max-width: 639px) {
  body.font-sans {
    letter-spacing: 0;
  }

  header nav {
    height: 4.5rem;
  }

  header nav > a:first-child {
    height: 2.65rem !important;
    width: 7.6rem !important;
  }

  main > section:first-child {
    padding-top: 4.5rem !important;
  }

  .group.relative.overflow-hidden {
    min-height: 22rem !important;
  }

  a.group.grid.py-7 {
    margin-inline: -0.75rem;
    padding-inline: 0.75rem;
  }

  .work-filter-live {
    flex-wrap: wrap;
    overflow-x: visible !important;
  }

  .work-filter-live button {
    flex: 1 1 calc(50% - 0.75rem);
    white-space: normal;
    line-height: 1.45;
  }

  .home-social-strip {
    min-height: 0;
    padding-top: 0 !important;
    padding-bottom: 1rem !important;
  }

  .home-positioning-socials {
    min-height: 6.5rem;
  }

  .home-social-strip ~ section {
    padding-top: 3.5rem !important;
    padding-bottom: 0 !important;
  }

  .home-social-strip + section {
    padding-top: 1.5rem !important;
  }

  .home-social-strip ~ .home-raised-section {
    padding-top: 1.5rem !important;
  }

  .home-social-strip ~ .home-about-section {
    padding-top: 0.5rem !important;
    padding-bottom: 1rem !important;
  }

  .home-social-strip ~ .home-case-studies-section {
    padding-top: 0.5rem !important;
  }

  .home-social-strip ~ .home-expertise-section {
    padding-top: 0.5rem !important;
  }

  .home-page-main > section:last-of-type {
    padding-top: 1.5rem !important;
    padding-bottom: 3.5rem !important;
  }

  .home-principles-grid {
    margin-top: 2rem !important;
  }

  .home-principle-cell {
    min-height: 4.25rem !important;
    padding: 0.85rem 1rem !important;
  }

  .home-page .home-principle-cell {
    min-height: 3rem !important;
    padding: 0.5rem 0.75rem !important;
  }

  .home-principle-label {
    font-size: 0.9375rem !important;
  }

  .home-expertise-grid {
    gap: 0.85rem !important;
  }

  .home-expertise-card {
    min-height: 17rem;
    padding: 1.5rem !important;
  }

  .home-expertise-card::after {
    top: 1.4rem;
    right: 1.4rem;
  }

  .home-expertise-card svg {
    margin-bottom: 2rem !important;
  }
}

/* Expertise page: a focused, dimensional extension of the core identity. */
.expertise-page {
  background: var(--surface-soft) !important;
}

.expertise-page main {
  background: var(--surface-soft) !important;
}

.expertise-page .expertise-page-section {
  width: calc(100% - 3rem);
  background: var(--surface-soft) !important;
}

.expertise-page .expertise-kicker {
  color: var(--brand-slate) !important;
}

.expertise-page .expertise-title {
  color: #253669 !important;
}

html body.expertise-page main > .expertise-page-section .expertise-title {
  color: #253669 !important;
}

.expertise-page .expertise-copy {
  color: rgba(34, 40, 49, 0.76) !important;
}

.expertise-page .expertise-introduction {
  display: grid;
  gap: 1rem;
  max-width: 76rem;
  padding: clamp(1.35rem, 2.4vw, 2rem) clamp(1.4rem, 3vw, 2.5rem);
  border: 1px solid rgba(78, 95, 145, 0.18);
  border-left: 4px solid var(--brand-green);
  background: rgba(255, 255, 255, 0.62);
  box-shadow: 0 14px 34px rgba(24, 36, 71, 0.07);
}

.expertise-page .expertise-introduction p:first-child {
  color: #253669 !important;
  font-size: clamp(1.08rem, 1.4vw, 1.28rem);
  font-weight: 700;
  line-height: 1.55;
}

.expertise-page .expertise-introduction p + p {
  color: rgba(34, 40, 49, 0.76);
  line-height: 1.7;
}

.expertise-page .expertise-copy li > span[aria-hidden="true"] {
  background: var(--brand-slate) !important;
  box-shadow: none !important;
}

.expertise-page .expertise-image {
  border: 1px solid rgba(78, 95, 145, 0.24);
  box-shadow: 0 20px 48px rgba(24, 36, 71, 0.14);
}

.expertise-page .expertise-page-grid {
  counter-reset: expertise-card;
  gap: 1rem !important;
  overflow: visible !important;
  border: 0 !important;
  background: transparent !important;
}

.expertise-page .expertise-page-grid .expertise-page-card.group.bg-graphite {
  counter-increment: expertise-card;
  position: relative;
  isolation: isolate;
  min-height: 22rem;
  overflow: hidden;
  border: 1px solid rgba(78, 95, 145, 0.22) !important;
  border-radius: 0.5rem;
  background: linear-gradient(145deg, #f8faff, #e9edf6) !important;
  box-shadow: 0 16px 36px rgba(24, 36, 71, 0.1);
  transition: transform 280ms ease, border-color 280ms ease, box-shadow 280ms ease, background 280ms ease !important;
}

.expertise-page .expertise-services-grid .expertise-page-card.group.bg-graphite {
  display: flex;
  min-height: 23rem;
  flex-direction: column;
}

.expertise-page .expertise-page-card::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 3.5rem;
  height: 3px;
  background: var(--brand-slate);
  transition: width 300ms ease;
}

.expertise-page .expertise-page-card::after {
  content: "0" counter(expertise-card);
  position: absolute;
  top: 1.65rem;
  right: 1.75rem;
  color: rgba(37, 54, 105, 0.38);
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.18em;
}

.expertise-page .expertise-page-card svg {
  box-sizing: content-box;
  padding: 0.8rem;
  border: 1px solid rgba(78, 95, 145, 0.34);
  border-radius: 0.4rem;
  background: rgba(78, 95, 145, 0.08);
  color: var(--brand-slate) !important;
  transition: transform 280ms ease, background-color 280ms ease, border-color 280ms ease !important;
}

.expertise-page .expertise-page-card h3 {
  color: #253669 !important;
  font-size: clamp(1.55rem, 2vw, 2rem) !important;
  line-height: 1.1 !important;
}

.expertise-page .expertise-page-card p {
  color: rgba(34, 40, 49, 0.72) !important;
}

.expertise-page .expertise-page-card .expertise-card-detail {
  font-size: 0.94rem;
  font-weight: 400;
  line-height: 1.7 !important;
}

.expertise-page .expertise-page-card .expertise-card-core {
  margin-top: auto !important;
  padding-top: 1rem;
  border-top: 1px solid rgba(78, 95, 145, 0.2);
  color: rgba(37, 54, 105, 0.8) !important;
  font-size: 0.78rem;
  font-weight: 400;
  line-height: 1.7 !important;
}

.expertise-page .expertise-page-card .expertise-card-core strong {
  color: #253669;
  font-weight: 800;
}

.expertise-page .expertise-page-card .expertise-card-core span {
  color: var(--brand-green);
  padding: 0 0.18rem;
}

.expertise-page .expertise-page-card:hover .expertise-card-core {
  border-top-color: rgba(37, 54, 105, 0.32);
}

html body.expertise-page main > .expertise-page-section .expertise-page-card h3 {
  color: #253669 !important;
}

html body.expertise-page main > .expertise-page-section .expertise-page-card p {
  color: rgba(34, 40, 49, 0.72) !important;
}

.expertise-page .expertise-page-grid .expertise-page-card:hover {
  transform: translateY(-6px);
  border-color: rgba(37, 54, 105, 0.72) !important;
  background: linear-gradient(145deg, #eef3ff, #dce5f6) !important;
  box-shadow: 0 26px 58px rgba(24, 36, 71, 0.24);
}

.expertise-page .expertise-page-card:hover::before {
  width: 100%;
}

.expertise-page .expertise-page-card:hover svg {
  transform: translateY(-3px) scale(1.04);
  border-color: var(--brand-green);
  background: rgba(151, 205, 45, 0.16);
  color: var(--brand-green) !important;
}

.expertise-page .expertise-page-card:hover h3 {
  color: #253669 !important;
  font-weight: 800 !important;
}

html body.expertise-page main > .expertise-page-section .expertise-page-card:hover h3 {
  color: #253669 !important;
  font-weight: 800 !important;
}

.expertise-page .expertise-page-card:hover p,
html body.expertise-page main > .expertise-page-section .expertise-page-card:hover p {
  color: #253669 !important;
  font-weight: 400 !important;
}

.expertise-page .expertise-page-card:hover .expertise-card-core strong,
html body.expertise-page main > .expertise-page-section .expertise-page-card:hover .expertise-card-core strong {
  font-weight: 800 !important;
}

@media (max-width: 767px) {
  .expertise-page .expertise-page-section {
    width: calc(100% - 1rem);
  }

  .expertise-page .expertise-page-grid .expertise-page-card.group.bg-graphite {
    min-height: 0;
  }

  .expertise-page .expertise-introduction {
    padding: 1.25rem 1.35rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}


/* Insights article return link */
.insight-article-page .insights-library-return {
  margin-top: 3rem;
  padding-top: 1.5rem;
  border-top: 1px solid rgba(37, 54, 105, 0.18);
}

.insight-article-page .insights-library-return a {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  color: #253669;
  font-size: 0.9rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  transition: color 180ms ease, transform 180ms ease;
}

.insight-article-page .insights-library-return a:hover,
.insight-article-page .insights-library-return a:focus-visible {
  color: #84cc16;
  transform: translateX(-0.2rem);
}

.insight-article-page .insights-library-return a:focus-visible {
  outline: 2px solid #84cc16;
  outline-offset: 0.35rem;
}


/* Expertise hero: integrated editorial banner matching the Insights Library width. */
html body.expertise-page main > .expertise-page-section {
  width: 100%;
  max-width: 92rem;
  padding-top: 7rem !important;
}

.expertise-page .expertise-page-section > * {
  transform: none;
}

.expertise-page .expertise-image {
  position: relative;
  overflow: hidden;
  background: #253669;
}

.expertise-page .expertise-banner-media img {
  display: block;
  width: 100%;
  height: auto;
}

.expertise-page .expertise-banner-copy {
  position: absolute;
  z-index: 2;
  right: 4.8%;
  bottom: 4.8%;
  left: 4.8%;
  color: #fff;
}

.expertise-page .expertise-banner-kicker {
  margin: 0 0 0.8rem;
  color: #97cd2d;
  font-size: clamp(0.7rem, 1vw, 0.95rem);
  font-weight: 650;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

html body.expertise-page .expertise-banner-copy h1 {
  max-width: 82rem;
  margin: 0;
  color: #fff !important;
  font-family: Inter, Manrope, "Plus Jakarta Sans", sans-serif !important;
  font-size: clamp(1.8rem, 3.15vw, 3.25rem);
  font-weight: 720;
  line-height: 1.08;
  letter-spacing: -0.025em;
}

@media (max-width: 700px) {
  html body.expertise-page main > .expertise-page-section {
    width: 100%;
    padding-top: 7.25rem !important;
    padding-right: 1rem;
    padding-left: 1rem;
  }

  .expertise-page .expertise-banner-media {
    overflow: hidden;
    aspect-ratio: 1820 / 660;
  }

  .expertise-page .expertise-banner-media img {
    width: 100%;
    max-width: none;
  }

  .expertise-page .expertise-banner-copy {
    position: static;
    padding: 1.35rem 1.2rem 1.5rem;
  }

  .expertise-page .expertise-banner-kicker {
    margin-bottom: 0.55rem;
  }

  html body.expertise-page .expertise-banner-copy h1 {
    font-size: clamp(1.45rem, 7vw, 2rem);
    line-height: 1.12;
  }
}

/* Homepage: carry the hero and social-strip column from Positioning onward. */
.home-page-main > .home-about-section,
.home-page-main > .home-case-studies-section,
.home-page-main > .home-expertise-section,
.home-page-main > section:last-of-type {
  width: 100%;
  max-width: 92rem !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

.home-page-main > .home-expertise-section > div {
  max-width: 92rem !important;
}

.home-page-main > .home-about-section::before,
.home-page-main > .home-case-studies-section::before,
.home-page-main > .home-expertise-section::before {
  max-width: none;
}

/* About page: match the Expertise page's composition and card system. */
html body.about-page main > .about-page-section {
  width: 100%;
  max-width: 92rem;
  padding-top: 7rem !important;
}

.about-page .about-composition {
  display: grid;
  gap: 2.6rem;
}

.about-page .about-hero-banner {
  border: 1px solid rgba(78, 95, 145, 0.24);
  background: #253669;
  box-shadow: 0 20px 48px rgba(24, 36, 71, 0.14);
}

.about-page .about-introduction {
  order: 2;
  display: grid;
  gap: 0.75rem;
  width: 100%;
  padding: clamp(1.35rem, 2.4vw, 2rem) clamp(1.4rem, 3vw, 2.5rem);
  border: 1px solid rgba(78, 95, 145, 0.18);
  border-left: 4px solid var(--brand-green);
  background: rgba(255, 255, 255, 0.62);
  box-shadow: 0 14px 34px rgba(24, 36, 71, 0.07);
}

.about-page .about-introduction .about-introduction-label {
  margin: 0;
  color: #4e5f91 !important;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.18em;
  line-height: 1.2;
  text-transform: uppercase;
}

.about-page .about-introduction p:last-child {
  max-width: 84rem;
  margin: 0;
  color: #253669 !important;
  font-size: clamp(1.08rem, 1.4vw, 1.28rem);
  font-weight: 700;
  line-height: 1.55;
}

.about-page .about-story-grid.about-page-grid {
  counter-reset: about-card;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.about-page .about-story-card.about-page-card {
  counter-increment: about-card;
  position: relative;
  isolation: isolate;
  display: flex;
  min-height: 23rem;
  flex-direction: column;
  overflow: hidden;
  padding: 2rem;
  border: 1px solid rgba(78, 95, 145, 0.22);
  border-radius: 0.5rem;
  background: linear-gradient(145deg, #f8faff, #e9edf6);
  box-shadow: 0 16px 36px rgba(24, 36, 71, 0.1);
  transition: transform 280ms ease, border-color 280ms ease, box-shadow 280ms ease, background 280ms ease;
}

.about-page .about-story-card.about-page-card::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0 auto auto 0;
  width: 3.5rem;
  height: 0.24rem;
  background: var(--brand-green);
  transform: none;
  transition: width 300ms ease;
}

.about-page .about-story-card.about-page-card::after {
  content: "0" counter(about-card);
  position: absolute;
  top: 1.65rem;
  right: 1.75rem;
  color: rgba(37, 54, 105, 0.38);
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.18em;
}

.about-page .about-story-card.about-page-card .about-story-label {
  max-width: calc(100% - 3.5rem);
  margin: 3.9rem 0 1.25rem;
  color: #253669 !important;
  font-family: var(--font-serif), Georgia, serif;
  font-size: clamp(1.55rem, 1.5vw, 2rem);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.1;
  text-transform: none;
}

.about-page .about-story-card.about-page-card > p:last-child {
  max-width: none;
  margin: 0;
  color: rgba(34, 40, 49, 0.72) !important;
  font-size: 0.94rem;
  font-weight: 400;
  line-height: 1.7;
}

.about-page .about-story-card.about-page-card:hover {
  transform: translateY(-6px);
  border-color: rgba(37, 54, 105, 0.72);
  background: linear-gradient(145deg, #eef3ff, #dce5f6);
  box-shadow: 0 26px 58px rgba(24, 36, 71, 0.24);
}

.about-page .about-story-card.about-page-card:hover::before {
  width: 100%;
  transform: none;
}

.about-page .about-story-card.about-page-card:hover .about-story-label {
  color: #253669 !important;
  font-weight: 800;
}

.about-page .about-story-card.about-page-card:hover > p:last-child {
  color: #253669 !important;
  font-weight: 400;
}

@media (max-width: 767px) {
  html body.about-page main > .about-page-section {
    width: 100%;
    padding-top: 7.25rem !important;
    padding-right: 1rem;
    padding-left: 1rem;
  }

  .about-page .about-story-grid.about-page-grid {
    grid-template-columns: 1fr;
  }

  .about-page .about-story-card.about-page-card {
    min-height: 0;
    padding: 1.5rem;
  }

  .about-page .about-introduction {
    padding: 1.25rem 1.35rem;
  }
}

/* Shared page banner typography aligned with consistency-score.html. */
.about-page .about-hero-banner,
.expertise-page .expertise-hero,
.insights-library-page .insights-library-banner {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(78, 95, 145, 0.2);
  background: #0a2a59;
  box-shadow: 0 24px 60px rgba(37, 54, 105, 0.15);
}

.about-page .about-banner-media img,
.expertise-page .expertise-hero-media img,
.insights-library-page .insights-library-banner-media img {
  display: block;
  width: 100%;
  height: auto;
}

.about-page .about-banner-copy,
.expertise-page .expertise-hero-copy,
.insights-library-page .insights-library-banner-copy {
  position: absolute !important;
  z-index: 2;
  right: 4.8% !important;
  bottom: 4.6% !important;
  left: 4.8% !important;
  max-width: none;
  color: #fff;
  padding: 0 !important;
}

.about-page .about-banner-kicker,
.expertise-page .expertise-hero-kicker,
.insights-library-page .insights-library-banner-kicker {
  margin: 0 0 0.8rem !important;
  color: #97cd2d !important;
  font-family: Inter, Manrope, "Plus Jakarta Sans", sans-serif !important;
  font-size: clamp(0.7rem, 1vw, 0.95rem) !important;
  font-weight: 650 !important;
  letter-spacing: 0.04em !important;
  line-height: 1.2 !important;
  text-transform: uppercase;
}

html body.about-page .about-banner-copy h1,
html body.expertise-page .expertise-hero-copy h1,
html body.insights-library-page .insights-library-banner-copy h1 {
  max-width: 86rem !important;
  margin: 0 !important;
  color: #fff !important;
  font-family: Inter, Manrope, "Plus Jakarta Sans", sans-serif !important;
  font-size: clamp(1.8rem, 3.15vw, 3.25rem) !important;
  font-weight: 720 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.025em !important;
}

.about-page .about-banner-subtitle,
.expertise-page .expertise-hero-summary,
.insights-library-page .insights-library-banner-summary {
  max-width: 86rem !important;
  margin: 1rem 0 0 !important;
  color: rgba(255, 255, 255, 0.94) !important;
  font-family: Inter, Manrope, "Plus Jakarta Sans", sans-serif !important;
  font-size: clamp(0.76rem, 1.25vw, 1.08rem) !important;
  font-weight: 550 !important;
  line-height: 1.45 !important;
}

@media (max-width: 700px) {
  .about-page .about-banner-copy,
  .expertise-page .expertise-hero-copy,
  .insights-library-page .insights-library-banner-copy {
    position: static !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    padding: 1.35rem 1.2rem 1.5rem !important;
  }

  .about-page .about-banner-kicker,
  .expertise-page .expertise-hero-kicker,
  .insights-library-page .insights-library-banner-kicker {
    margin-bottom: 0.55rem !important;
  }

  html body.about-page .about-banner-copy h1,
  html body.expertise-page .expertise-hero-copy h1,
  html body.insights-library-page .insights-library-banner-copy h1 {
    font-size: clamp(1.45rem, 7vw, 2rem) !important;
    line-height: 1.12 !important;
  }

  .about-page .about-banner-subtitle,
  .expertise-page .expertise-hero-summary,
  .insights-library-page .insights-library-banner-summary {
    margin-top: 0.75rem !important;
    font-size: 0.82rem !important;
    line-height: 1.55 !important;
  }
}

/* Final About top lift: keep hero and intro close to the navigation. */
html body.about-page main > .about-page-section {
  padding-top: 5.35rem !important;
}

@media (max-width: 767px) {
  html body.about-page main > .about-page-section {
    padding-top: 5.25rem !important;
  }
}

/* Final About contrast guard: keep light-page content readable. */
html body.about-page main > .about-page-section,
html body.about-page .about-introduction,
html body.about-page .about-story-card.about-page-card,
html body.about-page .about-focus-panel,
html body.about-page .about-focus-card,
html body.about-page .about-principles-panel,
html body.about-page .about-principles-list li,
html body.about-page .about-highlights-panel,
html body.about-page .about-quote-final {
  color: #253669 !important;
}

html body.about-page .about-introduction p,
html body.about-page .about-story-card.about-page-card > p,
html body.about-page .about-focus-card p,
html body.about-page .about-section-summary,
html body.about-page .about-principles-list span,
html body.about-page .about-highlights-panel p {
  color: rgba(34, 40, 49, 0.78) !important;
}

html body.about-page .about-introduction .about-introduction-label,
html body.about-page .about-section-title,
html body.about-page .about-story-card.about-page-card .about-story-label,
html body.about-page .about-focus-card h3,
html body.about-page .about-principles-list strong,
html body.about-page .about-outcome-row span,
html body.about-page .about-quote-final p {
  color: #253669 !important;
}

html body.about-page .about-story-card.about-page-card:hover > p,
html body.about-page .about-focus-card:hover p,
html body.about-page .about-principles-list li:hover span {
  color: #253669 !important;
}

html body.about-page .about-section-kicker,
html body.about-page .about-banner-kicker {
  color: #97cd2d !important;
}

html body.about-page .about-banner-copy,
html body.about-page .about-banner-copy h1,
html body.about-page .about-banner-copy h1 span,
html body.about-page .about-banner-subtitle {
  color: #fff !important;
}
/* Absolute final About top placement: hero first, intro directly below it. */
html body.about-page .about-page-main {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

html body.about-page main > .about-page-section {
  margin-top: 0 !important;
  padding-top: 5rem !important;
}

html body.about-page .about-composition {
  gap: 1rem !important;
  margin-top: 0 !important;
}

html body.about-page .about-hero-banner,
html body.about-page .about-introduction {
  margin-top: 0 !important;
}

@media (max-width: 767px) {
  html body.about-page main > .about-page-section {
    padding-top: 4.85rem !important;
  }

  html body.about-page .about-composition {
    gap: 0.85rem !important;
  }
}

/* Absolute final About visual order: keep hero and intro first on the page. */
html body.about-page .about-hero-banner {
  order: -100 !important;
}

html body.about-page .about-introduction {
  order: -90 !important;
}

html body.about-page .about-story-grid.about-page-grid {
  order: -80 !important;
}

html body.about-page .about-focus-panel {
  order: -70 !important;
}

html body.about-page .about-principles-panel {
  order: -60 !important;
}

html body.about-page .about-highlights-panel {
  order: -50 !important;
}

html body.about-page .about-quote-final {
  order: -40 !important;
}

/* === 4. Page rules that originally followed refresh.css === */
/* Shared style group: style-post-01 */
/* Source block: main-menu-final-consistency-20260713 */
:where(html.style-post-01) header nav[aria-label="Main navigation"]{
    height: 5rem !important;
    max-width: 92rem !important;
  }
  :where(html.style-post-01) header nav[aria-label="Main navigation"] .hidden.items-center{
    gap: 1.45rem !important;
  }
  :where(html.style-post-01) header nav[aria-label="Main navigation"] .hidden a,
:where(html.style-post-01) header nav[aria-label="Main navigation"] .hidden button,
:where(html.style-post-01) .nav-panel-live a{
    color: rgba(211, 208, 197, 0.72) !important;
    font-family: Inter, Manrope, "Plus Jakarta Sans", sans-serif !important;
    font-size: 0.72rem !important;
    font-weight: 650 !important;
    letter-spacing: 0.14em !important;
    line-height: 1 !important;
    text-shadow: none !important;
    text-decoration: none !important;
    transition: color 0.22s ease, font-weight 0.22s ease, border-color 0.22s ease, background-color 0.22s ease !important;
  }
  :where(html.style-post-01) header nav[aria-label="Main navigation"] .hidden a:hover,
:where(html.style-post-01) header nav[aria-label="Main navigation"] .hidden a:focus-visible,
:where(html.style-post-01) header nav[aria-label="Main navigation"] .hidden button:hover,
:where(html.style-post-01) header nav[aria-label="Main navigation"] .hidden button:focus-visible,
:where(html.style-post-01) .nav-panel-live a:hover,
:where(html.style-post-01) .nav-panel-live a:focus-visible,
:where(html.style-post-01) header nav[aria-label="Main navigation"] a[aria-current="page"]{
    color: #4e5f91 !important;
    font-weight: 850 !important;
    text-shadow: none !important;
  }
  :where(html.style-post-01) header nav[aria-label="Main navigation"] a[aria-current="page"]{
    pointer-events: auto !important;
  }
  :where(html.style-post-01) header nav[aria-label="Main navigation"] [lang="ar"]{
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.55rem !important;
    color: rgba(211, 208, 197, 0.72) !important;
  }
  :where(html.style-post-01) header nav[aria-label="Main navigation"] [lang="ar"]::after{
    content: "" !important;
    display: inline-block !important;
    width: 0.45rem !important;
    height: 0.45rem !important;
    flex: 0 0 0.45rem !important;
    border-radius: 999px !important;
    background: #4e5f91 !important;
    box-shadow: 0 0 0 rgba(78, 95, 145, 0) !important;
    animation: arabic-menu-dot-blue-pulse-final 2s ease-in-out infinite !important;
  }
  :where(html.style-post-01) header nav[aria-label="Main navigation"] [lang="ar"]:hover,
:where(html.style-post-01) header nav[aria-label="Main navigation"] [lang="ar"]:focus-visible{
    color: #4e5f91 !important;
    font-weight: 850 !important;
    text-shadow: none !important;
  }
  :where(html.style-post-01) .header-live-separator{
    color: rgba(211, 208, 197, 0.28) !important;
    font-size: 0.72rem !important;
    line-height: 1 !important;
  }
  :where(html.style-post-01) .header-live-meta{
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    white-space: nowrap !important;
    color: #4e5f91 !important;
    font-family: Inter, Manrope, "Plus Jakarta Sans", sans-serif !important;
    font-size: 0.66rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    text-shadow: none !important;
  }
  :where(html.style-post-01) .header-live-meta span,
:where(html.style-post-01) .header-live-meta span[aria-hidden="true"],
:where(html.style-post-01) .header-live-temp{
    color: #4e5f91 !important;
    text-shadow: none !important;
  }
  :where(html.style-post-01) header button[aria-label*="navigation"]{
    color: rgba(246, 241, 226, 0.86) !important;
    border-color: rgba(246, 241, 226, 0.18) !important;
    box-shadow: none !important;
  }
  :where(html.style-post-01) header button[aria-label*="navigation"]:hover,
:where(html.style-post-01) header button[aria-label*="navigation"]:focus-visible{
    color: #4e5f91 !important;
    border-color: rgba(78, 95, 145, 0.7) !important;
    box-shadow: none !important;
  }
  @keyframes arabic-menu-dot-blue-pulse-final{
    0%, 100% { opacity: 0.72; box-shadow: 0 0 0 0 rgba(78, 95, 145, 0.12); transform: scale(0.94); }
    50% { opacity: 1; box-shadow: 0 0 0 0.32rem rgba(78, 95, 145, 0); transform: scale(1.06); }
  }
  @media (max-width: 1279px){
    :where(html.style-post-01) .header-live-separator,
:where(html.style-post-01) .header-live-meta{ display: none !important; }
  }
/* Source block: main-menu-eye-comfort-20260713 */
:where(html.style-post-01) header.fixed,
:where(html.style-post-01) header[class*="bg-ink"],
:where(html.style-post-01) body > header{
    background: rgba(24, 36, 71, 0.96) !important;
    border-bottom: 1px solid rgba(151, 205, 45, 0.16) !important;
    box-shadow: 0 12px 34px rgba(24, 36, 71, 0.18) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
  }

  :where(html.style-post-01) header nav[aria-label="Main navigation"] .hidden a,
:where(html.style-post-01) header nav[aria-label="Main navigation"] .hidden button,
:where(html.style-post-01) header nav[aria-label="Main navigation"] .header-live-meta,
:where(html.style-post-01) header nav[aria-label="Main navigation"] .header-live-meta span,
:where(html.style-post-01) header nav[aria-label="Main navigation"] .header-live-temp,
:where(html.style-post-01) header nav[aria-label="Main navigation"] .header-live-separator{
    color: rgba(218, 227, 242, 0.72) !important;
    text-shadow: none !important;
  }

  :where(html.style-post-01) header nav[aria-label="Main navigation"] .hidden a:hover,
:where(html.style-post-01) header nav[aria-label="Main navigation"] .hidden a:focus-visible,
:where(html.style-post-01) header nav[aria-label="Main navigation"] .hidden button:hover,
:where(html.style-post-01) header nav[aria-label="Main navigation"] .hidden button:focus-visible{
    color: #97cd2d !important;
    font-weight: 850 !important;
    text-shadow: none !important;
  }

  :where(html.style-post-01) header nav[aria-label="Main navigation"] a[aria-current="page"],
:where(html.style-post-01) header nav[aria-label="Main navigation"] a.text-atlantis[aria-current="page"]{
    color: #97cd2d !important;
    font-weight: 850 !important;
  }

  :where(html.style-post-01) header nav[aria-label="Main navigation"] span[aria-hidden="true"].h-4,
:where(html.style-post-01) header nav[aria-label="Main navigation"] .header-live-separator{
    background-color: rgba(218, 227, 242, 0.22) !important;
    color: rgba(218, 227, 242, 0.28) !important;
  }

  :where(html.style-post-01) header nav[aria-label="Main navigation"] [lang="ar"]{
    color: rgba(218, 227, 242, 0.72) !important;
  }

  :where(html.style-post-01) header nav[aria-label="Main navigation"] [lang="ar"]::after{
    background: #4e5f91 !important;
    box-shadow: 0 0 0 rgba(78, 95, 145, 0) !important;
  }

  :where(html.style-post-01) header nav[aria-label="Main navigation"] [lang="ar"]:hover,
:where(html.style-post-01) header nav[aria-label="Main navigation"] [lang="ar"]:focus-visible{
    color: #97cd2d !important;
  }

  :where(html.style-post-01) header button[aria-label*="navigation"]{
    color: rgba(218, 227, 242, 0.78) !important;
    border-color: rgba(218, 227, 242, 0.2) !important;
    background: rgba(37, 54, 105, 0.28) !important;
    box-shadow: none !important;
  }

  :where(html.style-post-01) header button[aria-label*="navigation"]:hover,
:where(html.style-post-01) header button[aria-label*="navigation"]:focus-visible{
    color: #97cd2d !important;
    border-color: rgba(151, 205, 45, 0.65) !important;
  }

  :where(html.style-post-01) .nav-panel-live{
    background: rgba(24, 36, 71, 0.98) !important;
    border-top: 1px solid rgba(151, 205, 45, 0.16) !important;
  }

  :where(html.style-post-01) .nav-panel-live a{
    color: rgba(218, 227, 242, 0.78) !important;
  }

  :where(html.style-post-01) .nav-panel-live a:hover,
:where(html.style-post-01) .nav-panel-live a:focus-visible{
    color: #97cd2d !important;
  }
/* Source block: responsive-browser-pass-20260715 */
html:where(.style-post-01){ -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
  :where(html.style-post-01) body{ overflow-x: hidden; }
  :where(html.style-post-01) img,
:where(html.style-post-01) video,
:where(html.style-post-01) svg,
:where(html.style-post-01) canvas{ max-width: 100%; }
  :where(html.style-post-01) img,
:where(html.style-post-01) video{ height: auto; }
  :where(html.style-post-01) iframe{ max-width: 100%; }
  :where(html.style-post-01) input,
:where(html.style-post-01) select,
:where(html.style-post-01) textarea,
:where(html.style-post-01) button{ font: inherit; }
  :where(html.style-post-01) input,
:where(html.style-post-01) select,
:where(html.style-post-01) textarea{ max-width: 100%; min-height: 44px; }
  :where(html.style-post-01) button,
:where(html.style-post-01) a{ -webkit-tap-highlight-color: rgba(151,205,45,.22); }
  :where(html.style-post-01) .hero-title,
:where(html.style-post-01) .case-hero-title,
:where(html.style-post-01) .cii-hero-title,
:where(html.style-post-01) .about-hero-title,
:where(html.style-post-01) .banner-title{ overflow-wrap: normal; text-wrap: balance; }
  @media (max-width: 700px){
    :where(html.style-post-01) .hero-title,
:where(html.style-post-01) .case-hero-title,
:where(html.style-post-01) .cii-hero-title,
:where(html.style-post-01) .about-hero-title,
:where(html.style-post-01) .banner-title{
      max-width: 100% !important;
      line-height: 1.06 !important;
      letter-spacing: -0.035em !important;
    }
    :where(html.style-post-01) .cs-banner-copy,
:where(html.style-post-01) .about-hero-copy,
:where(html.style-post-01) .hero-copy{
      width: 100% !important;
      max-width: 100% !important;
      padding-left: clamp(1rem, 5vw, 1.45rem) !important;
      padding-right: clamp(1rem, 5vw, 1.45rem) !important;
    }
    :where(html.style-post-01) input,
:where(html.style-post-01) select,
:where(html.style-post-01) textarea{
      font-size: 16px !important;
    }
    :where(html.style-post-01) .site-shell,
:where(html.style-post-01) .shell,
:where(html.style-post-01) .cs-main,
:where(html.style-post-01) main{
      max-width: 100% !important;
    }
  }

/* Shared style group: style-post-02 */
/* Source block: main-menu-final-consistency-20260713 */
:where(html.style-post-02) header nav[aria-label="Main navigation"]{
    height: 5rem !important;
    max-width: 92rem !important;
  }
  :where(html.style-post-02) header nav[aria-label="Main navigation"] .hidden.items-center{
    gap: 1.45rem !important;
  }
  :where(html.style-post-02) header nav[aria-label="Main navigation"] .hidden a,
:where(html.style-post-02) header nav[aria-label="Main navigation"] .hidden button,
:where(html.style-post-02) .nav-panel-live a{
    color: rgba(211, 208, 197, 0.72) !important;
    font-family: Inter, Manrope, "Plus Jakarta Sans", sans-serif !important;
    font-size: 0.72rem !important;
    font-weight: 650 !important;
    letter-spacing: 0.14em !important;
    line-height: 1 !important;
    text-shadow: none !important;
    text-decoration: none !important;
    transition: color 0.22s ease, font-weight 0.22s ease, border-color 0.22s ease, background-color 0.22s ease !important;
  }
  :where(html.style-post-02) header nav[aria-label="Main navigation"] .hidden a:hover,
:where(html.style-post-02) header nav[aria-label="Main navigation"] .hidden a:focus-visible,
:where(html.style-post-02) header nav[aria-label="Main navigation"] .hidden button:hover,
:where(html.style-post-02) header nav[aria-label="Main navigation"] .hidden button:focus-visible,
:where(html.style-post-02) .nav-panel-live a:hover,
:where(html.style-post-02) .nav-panel-live a:focus-visible,
:where(html.style-post-02) header nav[aria-label="Main navigation"] a[aria-current="page"]{
    color: #4e5f91 !important;
    font-weight: 850 !important;
    text-shadow: none !important;
  }
  :where(html.style-post-02) header nav[aria-label="Main navigation"] a[aria-current="page"]{
    pointer-events: auto !important;
  }
  :where(html.style-post-02) header nav[aria-label="Main navigation"] [lang="ar"]{
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.55rem !important;
    color: rgba(211, 208, 197, 0.72) !important;
  }
  :where(html.style-post-02) header nav[aria-label="Main navigation"] [lang="ar"]::after{
    content: "" !important;
    display: inline-block !important;
    width: 0.45rem !important;
    height: 0.45rem !important;
    flex: 0 0 0.45rem !important;
    border-radius: 999px !important;
    background: #4e5f91 !important;
    box-shadow: 0 0 0 rgba(78, 95, 145, 0) !important;
    animation: arabic-menu-dot-blue-pulse-final 2s ease-in-out infinite !important;
  }
  :where(html.style-post-02) header nav[aria-label="Main navigation"] [lang="ar"]:hover,
:where(html.style-post-02) header nav[aria-label="Main navigation"] [lang="ar"]:focus-visible{
    color: #4e5f91 !important;
    font-weight: 850 !important;
    text-shadow: none !important;
  }
  :where(html.style-post-02) .header-live-separator{
    color: rgba(211, 208, 197, 0.28) !important;
    font-size: 0.72rem !important;
    line-height: 1 !important;
  }
  :where(html.style-post-02) .header-live-meta{
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    white-space: nowrap !important;
    color: #4e5f91 !important;
    font-family: Inter, Manrope, "Plus Jakarta Sans", sans-serif !important;
    font-size: 0.66rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    text-shadow: none !important;
  }
  :where(html.style-post-02) .header-live-meta span,
:where(html.style-post-02) .header-live-meta span[aria-hidden="true"],
:where(html.style-post-02) .header-live-temp{
    color: #4e5f91 !important;
    text-shadow: none !important;
  }
  :where(html.style-post-02) header button[aria-label*="navigation"]{
    color: rgba(246, 241, 226, 0.86) !important;
    border-color: rgba(246, 241, 226, 0.18) !important;
    box-shadow: none !important;
  }
  :where(html.style-post-02) header button[aria-label*="navigation"]:hover,
:where(html.style-post-02) header button[aria-label*="navigation"]:focus-visible{
    color: #4e5f91 !important;
    border-color: rgba(78, 95, 145, 0.7) !important;
    box-shadow: none !important;
  }
  @keyframes arabic-menu-dot-blue-pulse-final{
    0%, 100% { opacity: 0.72; box-shadow: 0 0 0 0 rgba(78, 95, 145, 0.12); transform: scale(0.94); }
    50% { opacity: 1; box-shadow: 0 0 0 0.32rem rgba(78, 95, 145, 0); transform: scale(1.06); }
  }
  @media (max-width: 1279px){
    :where(html.style-post-02) .header-live-separator,
:where(html.style-post-02) .header-live-meta{ display: none !important; }
  }
/* Source block: main-menu-eye-comfort-20260713 */
:where(html.style-post-02) header.fixed,
:where(html.style-post-02) header[class*="bg-ink"],
:where(html.style-post-02) body > header{
    background: rgba(24, 36, 71, 0.96) !important;
    border-bottom: 1px solid rgba(151, 205, 45, 0.16) !important;
    box-shadow: 0 12px 34px rgba(24, 36, 71, 0.18) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
  }

  :where(html.style-post-02) header nav[aria-label="Main navigation"] .hidden a,
:where(html.style-post-02) header nav[aria-label="Main navigation"] .hidden button,
:where(html.style-post-02) header nav[aria-label="Main navigation"] .header-live-meta,
:where(html.style-post-02) header nav[aria-label="Main navigation"] .header-live-meta span,
:where(html.style-post-02) header nav[aria-label="Main navigation"] .header-live-temp,
:where(html.style-post-02) header nav[aria-label="Main navigation"] .header-live-separator{
    color: rgba(218, 227, 242, 0.72) !important;
    text-shadow: none !important;
  }

  :where(html.style-post-02) header nav[aria-label="Main navigation"] .hidden a:hover,
:where(html.style-post-02) header nav[aria-label="Main navigation"] .hidden a:focus-visible,
:where(html.style-post-02) header nav[aria-label="Main navigation"] .hidden button:hover,
:where(html.style-post-02) header nav[aria-label="Main navigation"] .hidden button:focus-visible{
    color: #97cd2d !important;
    font-weight: 850 !important;
    text-shadow: none !important;
  }

  :where(html.style-post-02) header nav[aria-label="Main navigation"] a[aria-current="page"],
:where(html.style-post-02) header nav[aria-label="Main navigation"] a.text-atlantis[aria-current="page"]{
    color: #97cd2d !important;
    font-weight: 850 !important;
  }

  :where(html.style-post-02) header nav[aria-label="Main navigation"] span[aria-hidden="true"].h-4,
:where(html.style-post-02) header nav[aria-label="Main navigation"] .header-live-separator{
    background-color: rgba(218, 227, 242, 0.22) !important;
    color: rgba(218, 227, 242, 0.28) !important;
  }

  :where(html.style-post-02) header nav[aria-label="Main navigation"] [lang="ar"]{
    color: rgba(218, 227, 242, 0.72) !important;
  }

  :where(html.style-post-02) header nav[aria-label="Main navigation"] [lang="ar"]::after{
    background: #4e5f91 !important;
    box-shadow: 0 0 0 rgba(78, 95, 145, 0) !important;
  }

  :where(html.style-post-02) header nav[aria-label="Main navigation"] [lang="ar"]:hover,
:where(html.style-post-02) header nav[aria-label="Main navigation"] [lang="ar"]:focus-visible{
    color: #97cd2d !important;
  }

  :where(html.style-post-02) header button[aria-label*="navigation"]{
    color: rgba(218, 227, 242, 0.78) !important;
    border-color: rgba(218, 227, 242, 0.2) !important;
    background: rgba(37, 54, 105, 0.28) !important;
    box-shadow: none !important;
  }

  :where(html.style-post-02) header button[aria-label*="navigation"]:hover,
:where(html.style-post-02) header button[aria-label*="navigation"]:focus-visible{
    color: #97cd2d !important;
    border-color: rgba(151, 205, 45, 0.65) !important;
  }

  :where(html.style-post-02) .nav-panel-live{
    background: rgba(24, 36, 71, 0.98) !important;
    border-top: 1px solid rgba(151, 205, 45, 0.16) !important;
  }

  :where(html.style-post-02) .nav-panel-live a{
    color: rgba(218, 227, 242, 0.78) !important;
  }

  :where(html.style-post-02) .nav-panel-live a:hover,
:where(html.style-post-02) .nav-panel-live a:focus-visible{
    color: #97cd2d !important;
  }
/* Source block: responsive-browser-pass-20260715 */
html:where(.style-post-02){ -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
  :where(html.style-post-02) body{ overflow-x: hidden; }
  :where(html.style-post-02) img,
:where(html.style-post-02) video,
:where(html.style-post-02) svg,
:where(html.style-post-02) canvas{ max-width: 100%; }
  :where(html.style-post-02) img,
:where(html.style-post-02) video{ height: auto; }
  :where(html.style-post-02) iframe{ max-width: 100%; }
  :where(html.style-post-02) input,
:where(html.style-post-02) select,
:where(html.style-post-02) textarea,
:where(html.style-post-02) button{ font: inherit; }
  :where(html.style-post-02) input,
:where(html.style-post-02) select,
:where(html.style-post-02) textarea{ max-width: 100%; min-height: 44px; }
  :where(html.style-post-02) button,
:where(html.style-post-02) a{ -webkit-tap-highlight-color: rgba(151,205,45,.22); }
  :where(html.style-post-02) .hero-title,
:where(html.style-post-02) .case-hero-title,
:where(html.style-post-02) .cii-hero-title,
:where(html.style-post-02) .about-hero-title,
:where(html.style-post-02) .banner-title{ overflow-wrap: normal; text-wrap: balance; }
  @media (max-width: 700px){
    :where(html.style-post-02) .hero-title,
:where(html.style-post-02) .case-hero-title,
:where(html.style-post-02) .cii-hero-title,
:where(html.style-post-02) .about-hero-title,
:where(html.style-post-02) .banner-title{
      max-width: 100% !important;
      line-height: 1.06 !important;
      letter-spacing: -0.035em !important;
    }
    :where(html.style-post-02) .cs-banner-copy,
:where(html.style-post-02) .about-hero-copy,
:where(html.style-post-02) .hero-copy{
      width: 100% !important;
      max-width: 100% !important;
      padding-left: clamp(1rem, 5vw, 1.45rem) !important;
      padding-right: clamp(1rem, 5vw, 1.45rem) !important;
    }
    :where(html.style-post-02) input,
:where(html.style-post-02) select,
:where(html.style-post-02) textarea{
      font-size: 16px !important;
    }
    :where(html.style-post-02) .site-shell,
:where(html.style-post-02) .shell,
:where(html.style-post-02) .cs-main,
:where(html.style-post-02) main{
      max-width: 100% !important;
    }
  }
/* Source block: anonymous-13 */
:where(html.style-post-02) body{color:#000;background:#fff;margin:0}:where(html.style-post-02) .next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){:where(html.style-post-02) body{color:#fff;background:#000}:where(html.style-post-02) .next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}

/* Shared style group: style-post-03 */
/* Source block: about-social-strip-style */
html:where(.style-post-03) body.about-page .about-social-strip{
      width: 100% !important;
      max-width: none !important;
      margin: 2.5rem 0 0 !important;
      padding: 0 !important;
    }

    html:where(.style-post-03) body.about-page .home-positioning-socials{
      position: relative;
      isolation: isolate;
      display: grid;
      grid-template-columns: minmax(13rem, 0.62fr) minmax(24rem, 1.5fr) auto;
      align-items: center;
      gap: 1.5rem;
      padding: 1.25rem 1.5rem;
      background: #253669 !important;
    }

    html:where(.style-post-03) body.about-page .home-positioning-socials::before{
      content: "";
      position: absolute;
      inset: 0;
      z-index: 0;
      background: url("./brand/social-strip-pattern-transparent-70.png?v=20260621-7") no-repeat right center / auto 175%;
      opacity: 0.15;
      pointer-events: none;
    }

    html:where(.style-post-03) body.about-page .home-social-heading{
      position: relative;
      z-index: 1;
      margin: 0;
      width: 100%;
      text-align: center;
      transform: translateX(-1rem);
      color: #b6f05c;
      font-size: clamp(0.9833rem, calc(1.55vw - 0.1667rem), 1.3333rem);
      font-weight: 500;
      line-height: 1.2;
      letter-spacing: 0.01em;
    }

    html:where(.style-post-03) body.about-page .home-newsletter-form{
      position: relative;
      z-index: 1;
      display: flex;
      min-width: 0;
      width: 100%;
      height: 3.7rem;
      box-sizing: border-box;
      border: 1px solid rgba(246, 241, 226, 0.36);
      background: #f6f1e2;
      padding: 0.35rem;
      transform: translateX(-3.7rem);
    }

    html:where(.style-post-03) body.about-page .home-newsletter-form input{
      min-width: 0;
      flex: 1 1 auto;
      border: 0;
      background: transparent;
      padding: 0 1rem;
      color: #253669;
      font-size: 0.92rem;
      outline: none;
    }

    html:where(.style-post-03) body.about-page .home-newsletter-form input::placeholder{
      color: rgba(37, 54, 105, 0.5);
    }

    html:where(.style-post-03) body.about-page .home-newsletter-form input:focus-visible{
      box-shadow: inset 0 -2px 0 #4e5f91;
    }

    html:where(.style-post-03) body.about-page .home-newsletter-form button{
      display: inline-flex;
      flex: 0 0 auto;
      align-self: center;
      align-items: center;
      justify-content: center;
      height: 2.3rem;
      gap: 0.4rem;
      border: 1px solid #b6f05c;
      background: #b6f05c;
      padding: 0 0.85rem;
      color: #253669;
      font-size: 0.62rem;
      font-weight: 800;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
    }

    html:where(.style-post-03) body.about-page .home-newsletter-form button:hover,
html:where(.style-post-03) body.about-page .home-newsletter-form button:focus-visible{
      border-color: #4e5f91;
      background: #253669;
      color: #fff;
      outline: none;
    }

    html:where(.style-post-03) body.about-page .home-social-links{
      position: relative;
      z-index: 3;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 0.75rem;
    }

    html:where(.style-post-03) body.about-page .home-social-icon{
      position: relative;
      display: inline-flex;
      width: 3.7rem;
      height: 3.7rem;
      align-items: center;
      justify-content: center;
      border: 1px solid rgba(246, 241, 226, 0.16);
      background: #253669;
      color: #fff;
      font-size: 0.72rem;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-decoration: none;
      transition: border-color 0.25s ease, color 0.25s ease, background-color 0.25s ease, transform 0.25s ease, filter 0.25s ease, box-shadow 0.25s ease;
      will-change: filter, box-shadow, border-color, color;
    }

    html:where(.style-post-03) body.about-page .home-social-icon::after{
      content: attr(data-label);
      position: absolute;
      left: 50%;
      bottom: calc(100% + 0.7rem);
      z-index: 5;
      min-width: max-content;
      border: 1px solid rgba(182, 240, 92, 0.35);
      background: rgba(7, 10, 12, 0.92);
      padding: 0.42rem 0.62rem;
      color: #b6f05c;
      font-size: 0.64rem;
      font-weight: 700;
      line-height: 1;
      letter-spacing: 0.12em;
      text-align: center;
      text-transform: uppercase;
      opacity: 0;
      transform: translate(-50%, 0.35rem);
      pointer-events: none;
      box-shadow: 0 0 18px rgba(182, 240, 92, 0.18);
      transition: opacity 0.22s ease, transform 0.22s ease;
    }

    html:where(.style-post-03) body.about-page .home-social-icon:hover,
html:where(.style-post-03) body.about-page .home-social-icon:focus-visible{
      border-color: #b6f05c;
      color: #b6f05c;
      background: #253669;
      transform: translateY(-2px);
      filter: brightness(1.16);
      box-shadow: 0 0 16px rgba(182, 240, 92, 0.32), 0 0 34px rgba(182, 240, 92, 0.18);
    }

    html:where(.style-post-03) body.about-page .home-social-icon:hover::after,
html:where(.style-post-03) body.about-page .home-social-icon:focus-visible::after{
      opacity: 1;
      transform: translate(-50%, 0);
    }

    @media (max-width: 1100px){
      html:where(.style-post-03) body.about-page .home-positioning-socials{
        grid-template-columns: minmax(12rem, 0.7fr) minmax(20rem, 1.3fr);
      }

      html:where(.style-post-03) body.about-page .home-newsletter-form,
html:where(.style-post-03) body.about-page .home-social-heading{
        transform: none;
      }

      html:where(.style-post-03) body.about-page .home-social-links{
        grid-column: 1 / -1;
        justify-content: center;
      }
    }

    @media (max-width: 700px){
      html:where(.style-post-03) body.about-page .about-social-strip{
        margin-top: 1.5rem !important;
      }

      html:where(.style-post-03) body.about-page .home-positioning-socials{
        grid-template-columns: 1fr;
        gap: 1rem;
        padding: 1.25rem;
      }

      html:where(.style-post-03) body.about-page .home-social-heading{
        text-align: center;
      }

      html:where(.style-post-03) body.about-page .home-newsletter-form{
        width: 100%;
        height: 3.2rem;
      }

      html:where(.style-post-03) body.about-page .home-newsletter-form input{
        font-size: 1rem;
      }

      html:where(.style-post-03) body.about-page .home-newsletter-form button{
        height: 2.75rem;
      }

      html:where(.style-post-03) body.about-page .home-social-links{
        grid-column: auto;
        flex-wrap: wrap;
      }

      html:where(.style-post-03) body.about-page .home-social-icon{
        width: 3.2rem;
        height: 3.2rem;
      }

      html:where(.style-post-03) body.about-page .home-social-icon::after{
        font-size: 0.58rem;
      }
    }
/* Source block: about-subsite-redesign-20260713 */
html:where(.style-post-03) body.about-page{
      background: #eef3fa !important;
      color: #253669 !important;
    }

    html:where(.style-post-03) body.about-page .about-page-main{
      background:
        radial-gradient(circle at top left, rgba(151, 205, 45, 0.12), transparent 28rem),
        linear-gradient(180deg, #eef3fa 0%, #f7f9fc 44%, #ffffff 100%) !important;
    }

    html:where(.style-post-03) body.about-page .about-page-section{
      padding-top: 7.25rem !important;
      padding-bottom: 5.5rem !important;
    }

    html:where(.style-post-03) body.about-page .about-subsite{
      display: grid;
      gap: clamp(1.4rem, 2.2vw, 2.25rem);
    }

    html:where(.style-post-03) body.about-page .about-hero-banner{
      margin: 0 !important;
      overflow: hidden;
      border: 1px solid rgba(78, 95, 145, 0.2);
      background: #253669;
      box-shadow: 0 24px 70px rgba(37, 54, 105, 0.16);
    }

    html:where(.style-post-03) body.about-page .about-banner-media img{
      filter: none !important;
      opacity: 1 !important;
    }

    html:where(.style-post-03) body.about-page .about-subnav{
      display: grid;
      grid-template-columns: repeat(6, minmax(0, 1fr));
      gap: 0.7rem;
    }

    html:where(.style-post-03) body.about-page .about-subnav a,
html:where(.style-post-03) body.about-page .about-cta-actions a{
      display: inline-flex;
      min-height: 3.2rem;
      align-items: center;
      justify-content: center;
      border: 1px solid rgba(78, 95, 145, 0.2);
      background: #ffffff;
      color: #253669;
      padding: 0.8rem 1rem;
      font-size: 0.72rem;
      font-weight: 900;
      letter-spacing: 0.16em;
      text-align: center;
      text-decoration: none;
      text-transform: uppercase;
      box-shadow: 0 14px 34px rgba(37, 54, 105, 0.06);
      transition: transform 0.25s ease, background 0.25s ease, color 0.25s ease, border-color 0.25s ease;
    }

    html:where(.style-post-03) body.about-page .about-subnav a:hover,
html:where(.style-post-03) body.about-page .about-subnav a:focus-visible,
html:where(.style-post-03) body.about-page .about-cta-actions a:hover,
html:where(.style-post-03) body.about-page .about-cta-actions a:focus-visible{
      transform: translateY(-3px);
      border-color: rgba(151, 205, 45, 0.85);
      background: #97cd2d;
      color: #253669;
    }

    html:where(.style-post-03) body.about-page .about-panel,
html:where(.style-post-03) body.about-page .about-card,
html:where(.style-post-03) body.about-page .about-highlight-card,
html:where(.style-post-03) body.about-page .about-cta-panel{
      position: relative;
      overflow: hidden;
      border: 1px solid rgba(78, 95, 145, 0.18);
      border-left: 5px solid #97cd2d;
      background: rgba(255, 255, 255, 0.92);
      box-shadow: 0 18px 50px rgba(37, 54, 105, 0.08);
    }

    html:where(.style-post-03) body.about-page .about-panel{
      padding: clamp(1.55rem, 3vw, 2.6rem);
    }

    html:where(.style-post-03) body.about-page .about-panel--lead{
      background: #f4f7fb;
    }

    html:where(.style-post-03) body.about-page .about-panel-eyebrow,
html:where(.style-post-03) body.about-page .about-section-eyebrow,
html:where(.style-post-03) body.about-page .about-card-number{
      margin: 0 0 0.85rem;
      color: #4e5f91;
      font-size: 0.72rem;
      font-weight: 900;
      letter-spacing: 0.26em;
      text-transform: uppercase;
    }

    html:where(.style-post-03) body.about-page .about-lead{
      max-width: 76rem;
      margin: 0;
      color: #253669;
      font-size: clamp(1.35rem, 2.1vw, 2.05rem);
      font-weight: 800;
      line-height: 1.28;
      letter-spacing: -0.035em;
    }

    html:where(.style-post-03) body.about-page .about-body-grid,
html:where(.style-post-03) body.about-page .about-expertise-grid,
html:where(.style-post-03) body.about-page .about-experience-grid,
html:where(.style-post-03) body.about-page .about-highlight-grid{
      display: grid;
      gap: 1rem;
    }

    html:where(.style-post-03) body.about-page .about-body-grid{
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    html:where(.style-post-03) body.about-page .about-card{
      min-height: 100%;
      padding: clamp(1.25rem, 2.4vw, 2rem);
      transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
    }

    html:where(.style-post-03) body.about-page .about-card:hover,
html:where(.style-post-03) body.about-page .about-highlight-card:hover{
      transform: translateY(-5px);
      border-color: rgba(151, 205, 45, 0.75);
      box-shadow: 0 26px 70px rgba(37, 54, 105, 0.14);
    }

    html:where(.style-post-03) body.about-page .about-card h2,
html:where(.style-post-03) body.about-page .about-card h3,
html:where(.style-post-03) body.about-page .about-cta-panel h2,
html:where(.style-post-03) body.about-page .about-section-title{
      margin: 0;
      color: #253669;
      font-weight: 900;
      letter-spacing: -0.04em;
      line-height: 1.12;
    }

    html:where(.style-post-03) body.about-page .about-section-title,
html:where(.style-post-03) body.about-page .about-cta-panel h2{
      font-size: clamp(1.85rem, 3vw, 3rem);
    }

    html:where(.style-post-03) body.about-page .about-card h3{
      font-size: clamp(1.08rem, 1.6vw, 1.45rem);
    }

    html:where(.style-post-03) body.about-page .about-card p,
html:where(.style-post-03) body.about-page .about-section-intro,
html:where(.style-post-03) body.about-page .about-experience-list li,
html:where(.style-post-03) body.about-page .about-highlight-card p,
html:where(.style-post-03) body.about-page .about-cta-panel p{
      color: rgba(34, 40, 49, 0.76);
      font-size: clamp(0.94rem, 1.05vw, 1.05rem);
      line-height: 1.72;
    }

    html:where(.style-post-03) body.about-page .about-card p{
      margin: 1rem 0 0;
    }

    html:where(.style-post-03) body.about-page .about-section-head{
      display: grid;
      grid-template-columns: minmax(0, 0.75fr) minmax(0, 1fr);
      gap: clamp(1rem, 3vw, 3rem);
      align-items: end;
      margin-bottom: 1rem;
    }

    html:where(.style-post-03) body.about-page .about-section-intro{
      margin: 0;
    }

    html:where(.style-post-03) body.about-page .about-expertise-panel,
html:where(.style-post-03) body.about-page .about-experience-panel,
html:where(.style-post-03) body.about-page .about-approach-panel,
html:where(.style-post-03) body.about-page .about-highlights-panel-new{
      padding: clamp(1.45rem, 3vw, 2.5rem);
    }

    html:where(.style-post-03) body.about-page .about-expertise-grid{
      grid-template-columns: repeat(3, minmax(0, 1fr));
      margin: 0;
      padding: 0;
      list-style: none;
    }

    html:where(.style-post-03) body.about-page .about-expertise-grid li,
html:where(.style-post-03) body.about-page .about-experience-list li{
      border: 1px solid rgba(78, 95, 145, 0.16);
      background: #f7f9fc;
      color: #253669;
      font-size: 0.86rem;
      font-weight: 800;
      line-height: 1.35;
      padding: 0.95rem 1rem;
      transition: transform 0.25s ease, background 0.25s ease, color 0.25s ease, border-color 0.25s ease;
    }

    html:where(.style-post-03) body.about-page .about-expertise-grid li:hover,
html:where(.style-post-03) body.about-page .about-experience-list li:hover{
      transform: translateY(-3px);
      border-color: rgba(151, 205, 45, 0.75);
      background: #253669;
      color: #97cd2d;
    }

    html:where(.style-post-03) body.about-page .about-experience-grid{
      grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
      align-items: start;
    }

    html:where(.style-post-03) body.about-page .about-experience-list{
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 0.75rem;
      margin: 0;
      padding: 0;
      list-style: none;
    }

    html:where(.style-post-03) body.about-page .about-approach-panel{
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.42fr);
      gap: clamp(1rem, 3vw, 2.5rem);
      align-items: stretch;
    }

    html:where(.style-post-03) body.about-page .about-approach-copy p{
      margin: 1rem 0 0;
    }

    html:where(.style-post-03) body.about-page .about-clarity-box{
      display: grid;
      place-items: center;
      min-height: 15rem;
      background: #253669;
      color: #ffffff;
      padding: 2rem;
      text-align: center;
    }

    html:where(.style-post-03) body.about-page .about-clarity-box span{
      display: block;
      color: #97cd2d;
      font-size: 0.72rem;
      font-weight: 900;
      letter-spacing: 0.24em;
      text-transform: uppercase;
    }

    html:where(.style-post-03) body.about-page .about-clarity-box strong{
      display: block;
      margin-top: 0.85rem;
      font-size: clamp(2rem, 3.5vw, 3.5rem);
      line-height: 0.95;
      letter-spacing: -0.06em;
    }

    html:where(.style-post-03) body.about-page .about-highlight-grid{
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    html:where(.style-post-03) body.about-page .about-highlight-card{
      padding: 1.15rem;
      transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
    }

    html:where(.style-post-03) body.about-page .about-highlight-card strong{
      display: block;
      color: #253669;
      font-size: 0.96rem;
      font-weight: 900;
      line-height: 1.25;
    }

    html:where(.style-post-03) body.about-page .about-highlight-card p{
      margin: 0.7rem 0 0;
      font-size: 0.86rem;
      line-height: 1.55;
    }

    html:where(.style-post-03) body.about-page .about-cta-panel{
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 1.5rem;
      align-items: center;
      padding: clamp(1.6rem, 3vw, 2.7rem);
      background: linear-gradient(135deg, #f4f7fb, #ffffff);
    }

    html:where(.style-post-03) body.about-page .about-cta-panel p{
      max-width: 56rem;
      margin: 1rem 0 0;
    }

    html:where(.style-post-03) body.about-page .about-cta-actions{
      display: grid;
      gap: 0.75rem;
      min-width: 15rem;
    }

    html:where(.style-post-03) body.about-page .about-cta-actions a:first-child{
      background: #97cd2d;
      color: #253669;
    }

    html:where(.style-post-03) body.about-page .about-cta-actions a:first-child:hover{
      background: #253669;
      color: #ffffff;
    }

    @media (max-width: 1100px){
      html:where(.style-post-03) body.about-page .about-subnav,
html:where(.style-post-03) body.about-page .about-expertise-grid,
html:where(.style-post-03) body.about-page .about-highlight-grid{
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      html:where(.style-post-03) body.about-page .about-section-head,
html:where(.style-post-03) body.about-page .about-experience-grid,
html:where(.style-post-03) body.about-page .about-approach-panel,
html:where(.style-post-03) body.about-page .about-cta-panel{
        grid-template-columns: 1fr;
      }
    }

    @media (max-width: 700px){
      html:where(.style-post-03) body.about-page .about-page-section{
        padding-top: 6rem !important;
      }

      html:where(.style-post-03) body.about-page .about-subnav,
html:where(.style-post-03) body.about-page .about-body-grid,
html:where(.style-post-03) body.about-page .about-expertise-grid,
html:where(.style-post-03) body.about-page .about-experience-list,
html:where(.style-post-03) body.about-page .about-highlight-grid{
        grid-template-columns: 1fr;
      }

      html:where(.style-post-03) body.about-page .about-banner-copy h1,
html:where(.style-post-03) body.about-page .about-banner-copy h1 span{
        font-size: clamp(1.45rem, 7vw, 2rem) !important;
      }

      html:where(.style-post-03) body.about-page .about-banner-subtitle{
        font-size: 0.82rem !important;
      }
    }
/* Source block: about-final-identity-polish-20260713 */
html:where(.style-post-03) body.about-page{
      background: #eef3fa !important;
      color: #253669 !important;
      font-family: Inter, Manrope, "Plus Jakarta Sans", sans-serif !important;
    }

    html:where(.style-post-03) body.about-page .about-page-main{
      margin: 0 auto !important;
      padding: 0 !important;
      background: linear-gradient(180deg, #eef3fa 0%, #f7f9fc 48%, #ffffff 100%) !important;
    }

    html:where(.style-post-03) body.about-page main > .about-page-section,
html:where(.style-post-03) body.about-page .about-page-section{
      max-width: 92rem !important;
      margin: 0 auto !important;
      padding: 7rem 1.25rem 7rem !important;
      box-sizing: border-box !important;
    }

    html:where(.style-post-03) body.about-page .about-subsite{
      display: flex !important;
      flex-direction: column !important;
      gap: 2rem !important;
      margin: 0 !important;
      padding: 0 !important;
    }

    html:where(.style-post-03) body.about-page .about-hero-banner{
      order: 0 !important;
      position: relative !important;
      overflow: hidden !important;
      margin: 0 !important;
      border: 1px solid rgba(78, 95, 145, 0.2) !important;
      background: #0a2a59 !important;
      box-shadow: 0 24px 60px rgba(37, 54, 105, 0.15) !important;
    }

    html:where(.style-post-03) body.about-page .about-hero-banner::before,
html:where(.style-post-03) body.about-page .about-hero-banner::after{
      content: none !important;
      display: none !important;
    }

    html:where(.style-post-03) body.about-page .about-banner-media img{
      display: block !important;
      width: 100% !important;
      height: auto !important;
      opacity: 1 !important;
      filter: none !important;
      transform: none !important;
    }

    html:where(.style-post-03) body.about-page .about-banner-copy{
      position: absolute !important;
      z-index: 2 !important;
      right: 4.8% !important;
      bottom: 4.6% !important;
      left: 4.8% !important;
      max-width: none !important;
      padding: 0 !important;
      color: #ffffff !important;
    }

    html:where(.style-post-03) body.about-page .about-banner-kicker{
      margin: 0 0 0.8rem !important;
      color: #97cd2d !important;
      font-size: clamp(0.7rem, 1vw, 0.95rem) !important;
      font-weight: 650 !important;
      letter-spacing: 0.04em !important;
      line-height: 1.2 !important;
      text-transform: uppercase !important;
    }

    html:where(.style-post-03) body.about-page .about-banner-copy h1,
html:where(.style-post-03) body.about-page .about-banner-copy h1 span{
      max-width: 86rem !important;
      margin: 0 !important;
      color: #ffffff !important;
      font-size: clamp(1.8rem, 3.15vw, 3.25rem) !important;
      font-weight: 720 !important;
      line-height: 1.08 !important;
      letter-spacing: -0.025em !important;
      white-space: normal !important;
    }

    html:where(.style-post-03) body.about-page .about-banner-subtitle{
      max-width: 86rem !important;
      margin: 1rem 0 0 !important;
      color: rgba(255, 255, 255, 0.94) !important;
      font-size: clamp(0.76rem, 1.25vw, 1.08rem) !important;
      font-weight: 550 !important;
      line-height: 1.45 !important;
    }

    html:where(.style-post-03) body.about-page .about-subnav{
      order: 1 !important;
      display: grid !important;
      grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
      gap: 0.75rem !important;
      margin: 0 !important;
    }

    html:where(.style-post-03) body.about-page .about-panel--lead{ order: 2 !important; }
    html:where(.style-post-03) body.about-page .about-body-grid{ order: 3 !important; }
    html:where(.style-post-03) body.about-page .about-expertise-panel{ order: 4 !important; }
    html:where(.style-post-03) body.about-page .about-experience-panel{ order: 5 !important; }
    html:where(.style-post-03) body.about-page .about-approach-panel{ order: 6 !important; }
    html:where(.style-post-03) body.about-page .about-highlights-panel-new{ order: 7 !important; }

    html:where(.style-post-03) body.about-page .about-subnav a{
      min-height: 3rem !important;
      border: 1px solid rgba(78, 95, 145, 0.22) !important;
      background: #ffffff !important;
      color: #253669 !important;
      font-size: 0.72rem !important;
      font-weight: 850 !important;
      letter-spacing: 0.14em !important;
      box-shadow: 0 12px 30px rgba(37, 54, 105, 0.06) !important;
    }

    html:where(.style-post-03) body.about-page .about-subnav a:hover,
html:where(.style-post-03) body.about-page .about-subnav a:focus-visible{
      background: #97cd2d !important;
      border-color: #97cd2d !important;
      color: #253669 !important;
      transform: translateY(-2px) !important;
    }

    html:where(.style-post-03) body.about-page .about-panel,
html:where(.style-post-03) body.about-page .about-card,
html:where(.style-post-03) body.about-page .about-highlight-card{
      border: 1px solid rgba(78, 95, 145, 0.18) !important;
      border-left: 5px solid #97cd2d !important;
      background: #f4f7fb !important;
      box-shadow: 0 18px 48px rgba(37, 54, 105, 0.08) !important;
      color: #253669 !important;
    }

    html:where(.style-post-03) body.about-page .about-panel,
html:where(.style-post-03) body.about-page .about-expertise-panel,
html:where(.style-post-03) body.about-page .about-experience-panel,
html:where(.style-post-03) body.about-page .about-approach-panel,
html:where(.style-post-03) body.about-page .about-highlights-panel-new{
      padding: clamp(1.5rem, 3vw, 2.6rem) !important;
    }

    html:where(.style-post-03) body.about-page .about-panel-eyebrow,
html:where(.style-post-03) body.about-page .about-section-eyebrow,
html:where(.style-post-03) body.about-page .about-card-number{
      color: #4e5f91 !important;
      font-size: 0.72rem !important;
      font-weight: 900 !important;
      letter-spacing: 0.24em !important;
      text-transform: uppercase !important;
    }

    html:where(.style-post-03) body.about-page .about-lead,
html:where(.style-post-03) body.about-page .about-section-title,
html:where(.style-post-03) body.about-page .about-card h3,
html:where(.style-post-03) body.about-page .about-highlight-card strong{
      color: #253669 !important;
    }

    html:where(.style-post-03) body.about-page .about-lead{
      font-size: clamp(1.25rem, 2vw, 1.85rem) !important;
      line-height: 1.34 !important;
      font-weight: 780 !important;
      letter-spacing: -0.025em !important;
    }

    html:where(.style-post-03) body.about-page .about-section-title{
      font-size: clamp(1.65rem, 2.7vw, 2.7rem) !important;
      font-weight: 850 !important;
      line-height: 1.12 !important;
    }

    html:where(.style-post-03) body.about-page .about-card h3{
      font-size: clamp(1rem, 1.45vw, 1.32rem) !important;
      font-weight: 850 !important;
      line-height: 1.18 !important;
    }

    html:where(.style-post-03) body.about-page .about-card p,
html:where(.style-post-03) body.about-page .about-section-intro,
html:where(.style-post-03) body.about-page .about-experience-list li,
html:where(.style-post-03) body.about-page .about-highlight-card p{
      color: rgba(34, 40, 49, 0.78) !important;
      font-size: clamp(0.92rem, 1vw, 1.02rem) !important;
      font-weight: 500 !important;
      line-height: 1.68 !important;
    }

    html:where(.style-post-03) body.about-page .about-expertise-grid li,
html:where(.style-post-03) body.about-page .about-experience-list li{
      background: #ffffff !important;
      border: 1px solid rgba(78, 95, 145, 0.18) !important;
      color: #253669 !important;
    }

    html:where(.style-post-03) body.about-page .about-clarity-box{
      background: #253669 !important;
      color: #ffffff !important;
    }

    @media (max-width: 1100px){
      html:where(.style-post-03) body.about-page .about-subnav,
html:where(.style-post-03) body.about-page .about-expertise-grid,
html:where(.style-post-03) body.about-page .about-highlight-grid{
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      }
    }

    @media (max-width: 700px){
      html:where(.style-post-03) body.about-page main > .about-page-section,
html:where(.style-post-03) body.about-page .about-page-section{
        padding: 6rem 1rem 5rem !important;
      }

      html:where(.style-post-03) body.about-page .about-subnav,
html:where(.style-post-03) body.about-page .about-body-grid,
html:where(.style-post-03) body.about-page .about-expertise-grid,
html:where(.style-post-03) body.about-page .about-experience-grid,
html:where(.style-post-03) body.about-page .about-experience-list,
html:where(.style-post-03) body.about-page .about-highlight-grid{
        grid-template-columns: 1fr !important;
      }

      html:where(.style-post-03) body.about-page .about-banner-media{
        overflow: hidden !important;
        aspect-ratio: 1820 / 660 !important;
      }

      html:where(.style-post-03) body.about-page .about-banner-media img{
        width: 100% !important;
        max-width: none !important;
        height: 100% !important;
        object-fit: cover !important;
      }

      html:where(.style-post-03) body.about-page .about-banner-copy{
        position: static !important;
        padding: 1.35rem 1.2rem 1.5rem !important;
        background: #253669 !important;
      }

      html:where(.style-post-03) body.about-page .about-banner-kicker{
        margin-bottom: 0.55rem !important;
      }

      html:where(.style-post-03) body.about-page .about-banner-copy h1,
html:where(.style-post-03) body.about-page .about-banner-copy h1 span{
        font-size: clamp(1.45rem, 7vw, 2rem) !important;
        line-height: 1.12 !important;
      }

      html:where(.style-post-03) body.about-page .about-banner-subtitle{
        margin-top: 0.75rem !important;
        font-size: 0.82rem !important;
        line-height: 1.55 !important;
      }
    }
/* Source block: about-section-standardization-20260713 */
html:where(.style-post-03) body.about-page .about-panel,
html:where(.style-post-03) body.about-page .about-card,
html:where(.style-post-03) body.about-page .about-highlight-card{
    background: #f4f7fb !important;
    border: 1px solid rgba(78, 95, 145, 0.18) !important;
    border-left: 5px solid #97cd2d !important;
    color: #253669 !important;
    box-shadow: 0 18px 48px rgba(37, 54, 105, 0.08) !important;
  }

  html:where(.style-post-03) body.about-page .about-section-head,
html:where(.style-post-03) body.about-page .about-experience-grid,
html:where(.style-post-03) body.about-page .about-approach-copy{
    display: block !important;
    max-width: none !important;
  }

  html:where(.style-post-03) body.about-page .about-section-title{
    display: block !important;
    max-width: none !important;
    margin: 0 !important;
    color: #253669 !important;
    font-size: clamp(1.35rem, 2.05vw, 2.2rem) !important;
    font-weight: 850 !important;
    line-height: 1.12 !important;
    letter-spacing: -0.025em !important;
    white-space: nowrap !important;
  }

  html:where(.style-post-03) body.about-page .about-section-intro{
    display: block !important;
    max-width: 76rem !important;
    margin: 1rem 0 0 !important;
    color: rgba(34, 40, 49, 0.78) !important;
    font-size: clamp(0.92rem, 1vw, 1.02rem) !important;
    font-weight: 500 !important;
    line-height: 1.68 !important;
  }

  html:where(.style-post-03) body.about-page .about-section-intro + .about-section-intro{
    margin-top: 0.8rem !important;
  }

  html:where(.style-post-03) body.about-page .about-expertise-grid,
html:where(.style-post-03) body.about-page .about-experience-list,
html:where(.style-post-03) body.about-page .about-highlight-grid{
    margin-top: 1.45rem !important;
  }

  html:where(.style-post-03) body.about-page .about-expertise-grid{
    list-style: none !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0.8rem !important;
  }

  html:where(.style-post-03) body.about-page .about-expertise-grid li{
    position: relative !important;
    min-height: 3.1rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0.8rem 0.95rem !important;
    list-style: none !important;
    text-align: center !important;
    border: 1px solid rgba(78, 95, 145, 0.18) !important;
    background: #ffffff !important;
    color: #253669 !important;
    font-size: 0.78rem !important;
    font-weight: 820 !important;
    letter-spacing: 0.08em !important;
    line-height: 1.35 !important;
    text-transform: uppercase !important;
    transition: background 0.22s ease, border-color 0.22s ease, color 0.22s ease, transform 0.22s ease !important;
  }

  html:where(.style-post-03) body.about-page .about-expertise-grid li::before,
html:where(.style-post-03) body.about-page .about-expertise-grid li::after{
    content: none !important;
    display: none !important;
  }

  html:where(.style-post-03) body.about-page .about-expertise-grid li:hover{
    transform: translateY(-2px) !important;
    border-color: #97cd2d !important;
    background: #eef3fa !important;
    color: #253669 !important;
  }

  html:where(.style-post-03) body.about-page .about-experience-list{
    list-style: none !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0.75rem !important;
  }

  html:where(.style-post-03) body.about-page .about-experience-list li{
    display: flex !important;
    align-items: center !important;
    min-height: 3.25rem !important;
    padding: 0.85rem 0.95rem !important;
    border: 1px solid rgba(78, 95, 145, 0.18) !important;
    background: #ffffff !important;
    color: #253669 !important;
    font-size: 0.86rem !important;
    font-weight: 680 !important;
    line-height: 1.38 !important;
  }

  html:where(.style-post-03) body.about-page .about-approach-panel{
    display: grid !important;
    grid-template-columns: minmax(0, 1.35fr) minmax(260px, 0.65fr) !important;
    gap: 1.35rem !important;
    align-items: stretch !important;
    overflow: hidden !important;
    background: linear-gradient(135deg, #253669 0%, #182447 100%) !important;
    border-color: rgba(37, 54, 105, 0.32) !important;
    color: #ffffff !important;
  }

  html:where(.style-post-03) body.about-page .about-approach-panel .about-section-eyebrow{
    color: #97cd2d !important;
    margin-bottom: 1rem !important;
  }

  html:where(.style-post-03) body.about-page .about-approach-panel .about-section-title,
html:where(.style-post-03) body.about-page .about-approach-panel .about-section-intro{
    color: #ffffff !important;
  }

  html:where(.style-post-03) body.about-page .about-approach-panel .about-section-intro{
    color: rgba(255, 255, 255, 0.84) !important;
  }

  html:where(.style-post-03) body.about-page .about-clarity-box{
    min-height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 1.5rem !important;
    background: #97cd2d !important;
    color: #253669 !important;
    border: 1px solid rgba(151, 205, 45, 0.72) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28) !important;
  }

  html:where(.style-post-03) body.about-page .about-clarity-box span{
    display: block !important;
    margin-bottom: 0.55rem !important;
    color: rgba(37, 54, 105, 0.78) !important;
    font-size: 0.72rem !important;
    font-weight: 900 !important;
    letter-spacing: 0.22em !important;
    text-transform: uppercase !important;
  }

  html:where(.style-post-03) body.about-page .about-clarity-box strong{
    display: block !important;
    color: #253669 !important;
    font-size: clamp(1.5rem, 2.6vw, 2.6rem) !important;
    font-weight: 900 !important;
    line-height: 1.06 !important;
    letter-spacing: -0.035em !important;
  }

  @media (max-width: 1180px){
    html:where(.style-post-03) body.about-page .about-section-title{
      white-space: normal !important;
    }

    html:where(.style-post-03) body.about-page .about-expertise-grid,
html:where(.style-post-03) body.about-page .about-experience-list{
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    html:where(.style-post-03) body.about-page .about-approach-panel{
      grid-template-columns: 1fr !important;
    }
  }

  @media (max-width: 700px){
    html:where(.style-post-03) body.about-page .about-section-title{
      font-size: clamp(1.35rem, 6vw, 1.95rem) !important;
    }

    html:where(.style-post-03) body.about-page .about-expertise-grid,
html:where(.style-post-03) body.about-page .about-experience-list,
html:where(.style-post-03) body.about-page .about-highlight-grid{
      grid-template-columns: 1fr !important;
    }
  }
/* Source block: main-menu-final-consistency-20260713 */
:where(html.style-post-03) header nav[aria-label="Main navigation"]{
    height: 5rem !important;
    max-width: 92rem !important;
  }
  :where(html.style-post-03) header nav[aria-label="Main navigation"] .hidden.items-center{
    gap: 1.45rem !important;
  }
  :where(html.style-post-03) header nav[aria-label="Main navigation"] .hidden a,
:where(html.style-post-03) header nav[aria-label="Main navigation"] .hidden button,
:where(html.style-post-03) .nav-panel-live a{
    color: rgba(211, 208, 197, 0.72) !important;
    font-family: Inter, Manrope, "Plus Jakarta Sans", sans-serif !important;
    font-size: 0.72rem !important;
    font-weight: 650 !important;
    letter-spacing: 0.14em !important;
    line-height: 1 !important;
    text-shadow: none !important;
    text-decoration: none !important;
    transition: color 0.22s ease, font-weight 0.22s ease, border-color 0.22s ease, background-color 0.22s ease !important;
  }
  :where(html.style-post-03) header nav[aria-label="Main navigation"] .hidden a:hover,
:where(html.style-post-03) header nav[aria-label="Main navigation"] .hidden a:focus-visible,
:where(html.style-post-03) header nav[aria-label="Main navigation"] .hidden button:hover,
:where(html.style-post-03) header nav[aria-label="Main navigation"] .hidden button:focus-visible,
:where(html.style-post-03) .nav-panel-live a:hover,
:where(html.style-post-03) .nav-panel-live a:focus-visible,
:where(html.style-post-03) header nav[aria-label="Main navigation"] a[aria-current="page"]{
    color: #4e5f91 !important;
    font-weight: 850 !important;
    text-shadow: none !important;
  }
  :where(html.style-post-03) header nav[aria-label="Main navigation"] a[aria-current="page"]{
    pointer-events: auto !important;
  }
  :where(html.style-post-03) header nav[aria-label="Main navigation"] [lang="ar"]{
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.55rem !important;
    color: rgba(211, 208, 197, 0.72) !important;
  }
  :where(html.style-post-03) header nav[aria-label="Main navigation"] [lang="ar"]::after{
    content: "" !important;
    display: inline-block !important;
    width: 0.45rem !important;
    height: 0.45rem !important;
    flex: 0 0 0.45rem !important;
    border-radius: 999px !important;
    background: #4e5f91 !important;
    box-shadow: 0 0 0 rgba(78, 95, 145, 0) !important;
    animation: arabic-menu-dot-blue-pulse-final 2s ease-in-out infinite !important;
  }
  :where(html.style-post-03) header nav[aria-label="Main navigation"] [lang="ar"]:hover,
:where(html.style-post-03) header nav[aria-label="Main navigation"] [lang="ar"]:focus-visible{
    color: #4e5f91 !important;
    font-weight: 850 !important;
    text-shadow: none !important;
  }
  :where(html.style-post-03) .header-live-separator{
    color: rgba(211, 208, 197, 0.28) !important;
    font-size: 0.72rem !important;
    line-height: 1 !important;
  }
  :where(html.style-post-03) .header-live-meta{
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    white-space: nowrap !important;
    color: #4e5f91 !important;
    font-family: Inter, Manrope, "Plus Jakarta Sans", sans-serif !important;
    font-size: 0.66rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    text-shadow: none !important;
  }
  :where(html.style-post-03) .header-live-meta span,
:where(html.style-post-03) .header-live-meta span[aria-hidden="true"],
:where(html.style-post-03) .header-live-temp{
    color: #4e5f91 !important;
    text-shadow: none !important;
  }
  :where(html.style-post-03) header button[aria-label*="navigation"]{
    color: rgba(246, 241, 226, 0.86) !important;
    border-color: rgba(246, 241, 226, 0.18) !important;
    box-shadow: none !important;
  }
  :where(html.style-post-03) header button[aria-label*="navigation"]:hover,
:where(html.style-post-03) header button[aria-label*="navigation"]:focus-visible{
    color: #4e5f91 !important;
    border-color: rgba(78, 95, 145, 0.7) !important;
    box-shadow: none !important;
  }
  @keyframes arabic-menu-dot-blue-pulse-final{
    0%, 100% { opacity: 0.72; box-shadow: 0 0 0 0 rgba(78, 95, 145, 0.12); transform: scale(0.94); }
    50% { opacity: 1; box-shadow: 0 0 0 0.32rem rgba(78, 95, 145, 0); transform: scale(1.06); }
  }
  @media (max-width: 1279px){
    :where(html.style-post-03) .header-live-separator,
:where(html.style-post-03) .header-live-meta{ display: none !important; }
  }
/* Source block: main-menu-eye-comfort-20260713 */
:where(html.style-post-03) header.fixed,
:where(html.style-post-03) header[class*="bg-ink"],
:where(html.style-post-03) body > header{
    background: rgba(24, 36, 71, 0.96) !important;
    border-bottom: 1px solid rgba(151, 205, 45, 0.16) !important;
    box-shadow: 0 12px 34px rgba(24, 36, 71, 0.18) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
  }

  :where(html.style-post-03) header nav[aria-label="Main navigation"] .hidden a,
:where(html.style-post-03) header nav[aria-label="Main navigation"] .hidden button,
:where(html.style-post-03) header nav[aria-label="Main navigation"] .header-live-meta,
:where(html.style-post-03) header nav[aria-label="Main navigation"] .header-live-meta span,
:where(html.style-post-03) header nav[aria-label="Main navigation"] .header-live-temp,
:where(html.style-post-03) header nav[aria-label="Main navigation"] .header-live-separator{
    color: rgba(218, 227, 242, 0.72) !important;
    text-shadow: none !important;
  }

  :where(html.style-post-03) header nav[aria-label="Main navigation"] .hidden a:hover,
:where(html.style-post-03) header nav[aria-label="Main navigation"] .hidden a:focus-visible,
:where(html.style-post-03) header nav[aria-label="Main navigation"] .hidden button:hover,
:where(html.style-post-03) header nav[aria-label="Main navigation"] .hidden button:focus-visible{
    color: #97cd2d !important;
    font-weight: 850 !important;
    text-shadow: none !important;
  }

  :where(html.style-post-03) header nav[aria-label="Main navigation"] a[aria-current="page"],
:where(html.style-post-03) header nav[aria-label="Main navigation"] a.text-atlantis[aria-current="page"]{
    color: #97cd2d !important;
    font-weight: 850 !important;
  }

  :where(html.style-post-03) header nav[aria-label="Main navigation"] span[aria-hidden="true"].h-4,
:where(html.style-post-03) header nav[aria-label="Main navigation"] .header-live-separator{
    background-color: rgba(218, 227, 242, 0.22) !important;
    color: rgba(218, 227, 242, 0.28) !important;
  }

  :where(html.style-post-03) header nav[aria-label="Main navigation"] [lang="ar"]{
    color: rgba(218, 227, 242, 0.72) !important;
  }

  :where(html.style-post-03) header nav[aria-label="Main navigation"] [lang="ar"]::after{
    background: #4e5f91 !important;
    box-shadow: 0 0 0 rgba(78, 95, 145, 0) !important;
  }

  :where(html.style-post-03) header nav[aria-label="Main navigation"] [lang="ar"]:hover,
:where(html.style-post-03) header nav[aria-label="Main navigation"] [lang="ar"]:focus-visible{
    color: #97cd2d !important;
  }

  :where(html.style-post-03) header button[aria-label*="navigation"]{
    color: rgba(218, 227, 242, 0.78) !important;
    border-color: rgba(218, 227, 242, 0.2) !important;
    background: rgba(37, 54, 105, 0.28) !important;
    box-shadow: none !important;
  }

  :where(html.style-post-03) header button[aria-label*="navigation"]:hover,
:where(html.style-post-03) header button[aria-label*="navigation"]:focus-visible{
    color: #97cd2d !important;
    border-color: rgba(151, 205, 45, 0.65) !important;
  }

  :where(html.style-post-03) .nav-panel-live{
    background: rgba(24, 36, 71, 0.98) !important;
    border-top: 1px solid rgba(151, 205, 45, 0.16) !important;
  }

  :where(html.style-post-03) .nav-panel-live a{
    color: rgba(218, 227, 242, 0.78) !important;
  }

  :where(html.style-post-03) .nav-panel-live a:hover,
:where(html.style-post-03) .nav-panel-live a:focus-visible{
    color: #97cd2d !important;
  }
/* Source block: about-banner-final-typography-lock-20260713 */
html:where(.style-post-03) body.about-page .about-hero-banner .about-banner-kicker{
    margin: 0 0 0.8rem !important;
    color: #97cd2d !important;
    font-size: clamp(0.7rem, 1vw, 0.95rem) !important;
    font-weight: 650 !important;
    letter-spacing: 0.04em !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
    text-shadow: none !important;
  }

  html:where(.style-post-03) body.about-page .about-hero-banner .about-banner-copy h1,
html:where(.style-post-03) body.about-page .about-hero-banner .about-banner-copy h1 span,
html:where(.style-post-03) body.about-page .about-hero-banner .about-banner-title-line{
    margin: 0 !important;
    color: #ffffff !important;
    font-family: Inter, Manrope, "Plus Jakarta Sans", sans-serif !important;
    font-size: clamp(1.8rem, 3.15vw, 3.25rem) !important;
    font-weight: 720 !important;
    line-height: 1.08 !important;
    letter-spacing: -0.025em !important;
    white-space: nowrap !important;
    text-shadow: none !important;
  }

  html:where(.style-post-03) body.about-page .about-hero-banner .about-banner-subtitle{
    max-width: 86rem !important;
    margin: 1rem 0 0 !important;
    color: rgba(255, 255, 255, 0.94) !important;
    font-family: Inter, Manrope, "Plus Jakarta Sans", sans-serif !important;
    font-size: clamp(0.76rem, 1.25vw, 1.08rem) !important;
    font-weight: 550 !important;
    line-height: 1.45 !important;
    text-shadow: none !important;
  }

  @media (max-width: 700px){
    html:where(.style-post-03) body.about-page .about-hero-banner .about-banner-kicker{
      margin-bottom: 0.55rem !important;
    }

    html:where(.style-post-03) body.about-page .about-hero-banner .about-banner-copy h1,
html:where(.style-post-03) body.about-page .about-hero-banner .about-banner-copy h1 span,
html:where(.style-post-03) body.about-page .about-hero-banner .about-banner-title-line{
      font-size: clamp(1.45rem, 7vw, 2rem) !important;
      line-height: 1.12 !important;
      white-space: normal !important;
    }

    html:where(.style-post-03) body.about-page .about-hero-banner .about-banner-subtitle{
      margin-top: 0.75rem !important;
      font-size: 0.82rem !important;
      line-height: 1.55 !important;
    }
  }
/* Source block: about-approach-overlap-fix-20260714 */
html:where(.style-post-03) body.about-page .about-approach-panel{
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(18rem, 22rem) !important;
    gap: clamp(1.25rem, 2.4vw, 2.25rem) !important;
    align-items: stretch !important;
    overflow: visible !important;
    background: linear-gradient(135deg, #253669 0%, #182447 100%) !important;
    border-left-color: #97cd2d !important;
  }

  html:where(.style-post-03) body.about-page .about-approach-copy{
    position: relative !important;
    z-index: 1 !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  html:where(.style-post-03) body.about-page .about-approach-panel .about-section-title{
    white-space: normal !important;
    max-width: 58rem !important;
  }

  html:where(.style-post-03) body.about-page .about-approach-panel .about-section-intro{
    max-width: 62rem !important;
  }

  html:where(.style-post-03) body.about-page .about-clarity-box{
    position: relative !important;
    z-index: 1 !important;
    grid-column: auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 100% !important;
    align-self: stretch !important;
    justify-self: stretch !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: clamp(1.35rem, 2vw, 2rem) !important;
    background: #97cd2d !important;
    color: #253669 !important;
    text-align: center !important;
    transform: none !important;
  }

  @media (max-width: 1180px){
    html:where(.style-post-03) body.about-page .about-approach-panel{
      grid-template-columns: 1fr !important;
    }

    html:where(.style-post-03) body.about-page .about-clarity-box{
      min-height: 11rem !important;
    }
  }
/* Source block: about-selected-highlights-one-line-20260714 */
html:where(.style-post-03) body.about-page .about-highlights-panel-new .about-highlight-grid{
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0.72rem !important;
  }

  html:where(.style-post-03) body.about-page .about-highlights-panel-new .about-highlight-card{
    min-height: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 1rem !important;
    padding: 1rem 1.2rem !important;
    text-align: left !important;
  }

  html:where(.style-post-03) body.about-page .about-highlights-panel-new .about-highlight-card strong,
html:where(.style-post-03) body.about-page .about-highlights-panel-new .about-highlight-card p{
    margin: 0 !important;
    white-space: nowrap !important;
  }

  html:where(.style-post-03) body.about-page .about-highlights-panel-new .about-highlight-card strong{
    flex: 0 0 auto !important;
  }

  html:where(.style-post-03) body.about-page .about-highlights-panel-new .about-highlight-card p{
    flex: 1 1 auto !important;
  }

  @media (max-width: 760px){
    html:where(.style-post-03) body.about-page .about-highlights-panel-new .about-highlight-card{
      display: block !important;
      padding: 1rem !important;
    }

    html:where(.style-post-03) body.about-page .about-highlights-panel-new .about-highlight-card strong,
html:where(.style-post-03) body.about-page .about-highlights-panel-new .about-highlight-card p{
      white-space: normal !important;
    }

    html:where(.style-post-03) body.about-page .about-highlights-panel-new .about-highlight-card p{
      margin-top: 0.35rem !important;
    }
  }
/* Source block: about-safari-goal-box-fix-20260715 */
html:where(.style-post-03) body.about-page .about-approach-panel{
    align-items: center !important;
    justify-items: stretch !important;
    overflow: visible !important;
  }

  html:where(.style-post-03) body.about-page .about-clarity-box{
    min-height: 0 !important;
    height: auto !important;
    align-self: center !important;
    justify-self: stretch !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    aspect-ratio: auto !important;
    padding: clamp(1.35rem, 2vw, 2rem) !important;
    -webkit-align-self: center !important;
    contain: layout paint !important;
  }

  html:where(.style-post-03) body.about-page .about-clarity-box > div{
    width: 100% !important;
    max-width: 18rem !important;
  }

  @media (min-width: 1181px){
    html:where(.style-post-03) body.about-page .about-approach-panel{
      grid-template-columns: minmax(0, 1fr) minmax(18rem, 22rem) !important;
    }

    html:where(.style-post-03) body.about-page .about-clarity-box{
      width: 100% !important;
      max-width: 22rem !important;
    }
  }

  @media (max-width: 1180px){
    html:where(.style-post-03) body.about-page .about-clarity-box{
      width: 100% !important;
      max-width: none !important;
      min-height: 10rem !important;
    }
  }
/* Source block: responsive-browser-pass-20260715 */
html:where(.style-post-03){ -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
  :where(html.style-post-03) body{ overflow-x: hidden; }
  :where(html.style-post-03) img,
:where(html.style-post-03) video,
:where(html.style-post-03) svg,
:where(html.style-post-03) canvas{ max-width: 100%; }
  :where(html.style-post-03) img,
:where(html.style-post-03) video{ height: auto; }
  :where(html.style-post-03) iframe{ max-width: 100%; }
  :where(html.style-post-03) input,
:where(html.style-post-03) select,
:where(html.style-post-03) textarea,
:where(html.style-post-03) button{ font: inherit; }
  :where(html.style-post-03) input,
:where(html.style-post-03) select,
:where(html.style-post-03) textarea{ max-width: 100%; min-height: 44px; }
  :where(html.style-post-03) button,
:where(html.style-post-03) a{ -webkit-tap-highlight-color: rgba(151,205,45,.22); }
  :where(html.style-post-03) .hero-title,
:where(html.style-post-03) .case-hero-title,
:where(html.style-post-03) .cii-hero-title,
:where(html.style-post-03) .about-hero-title,
:where(html.style-post-03) .banner-title{ overflow-wrap: normal; text-wrap: balance; }
  @media (max-width: 700px){
    :where(html.style-post-03) .hero-title,
:where(html.style-post-03) .case-hero-title,
:where(html.style-post-03) .cii-hero-title,
:where(html.style-post-03) .about-hero-title,
:where(html.style-post-03) .banner-title{
      max-width: 100% !important;
      line-height: 1.06 !important;
      letter-spacing: -0.035em !important;
    }
    :where(html.style-post-03) .cs-banner-copy,
:where(html.style-post-03) .about-hero-copy,
:where(html.style-post-03) .hero-copy{
      width: 100% !important;
      max-width: 100% !important;
      padding-left: clamp(1rem, 5vw, 1.45rem) !important;
      padding-right: clamp(1rem, 5vw, 1.45rem) !important;
    }
    :where(html.style-post-03) input,
:where(html.style-post-03) select,
:where(html.style-post-03) textarea{
      font-size: 16px !important;
    }
    :where(html.style-post-03) .site-shell,
:where(html.style-post-03) .shell,
:where(html.style-post-03) .cs-main,
:where(html.style-post-03) main{
      max-width: 100% !important;
    }
  }

/* Shared style group: style-post-04 */
/* Source block: responsive-browser-pass-20260715 */
html:where(.style-post-04){ -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
  :where(html.style-post-04) body{ overflow-x: hidden; }
  :where(html.style-post-04) img,
:where(html.style-post-04) video,
:where(html.style-post-04) svg,
:where(html.style-post-04) canvas{ max-width: 100%; }
  :where(html.style-post-04) img,
:where(html.style-post-04) video{ height: auto; }
  :where(html.style-post-04) iframe{ max-width: 100%; }
  :where(html.style-post-04) input,
:where(html.style-post-04) select,
:where(html.style-post-04) textarea,
:where(html.style-post-04) button{ font: inherit; }
  :where(html.style-post-04) input,
:where(html.style-post-04) select,
:where(html.style-post-04) textarea{ max-width: 100%; min-height: 44px; }
  :where(html.style-post-04) button,
:where(html.style-post-04) a{ -webkit-tap-highlight-color: rgba(151,205,45,.22); }
  :where(html.style-post-04) .hero-title,
:where(html.style-post-04) .case-hero-title,
:where(html.style-post-04) .cii-hero-title,
:where(html.style-post-04) .about-hero-title,
:where(html.style-post-04) .banner-title{ overflow-wrap: normal; text-wrap: balance; }
  @media (max-width: 700px){
    :where(html.style-post-04) .hero-title,
:where(html.style-post-04) .case-hero-title,
:where(html.style-post-04) .cii-hero-title,
:where(html.style-post-04) .about-hero-title,
:where(html.style-post-04) .banner-title{
      max-width: 100% !important;
      line-height: 1.06 !important;
      letter-spacing: -0.035em !important;
    }
    :where(html.style-post-04) .cs-banner-copy,
:where(html.style-post-04) .about-hero-copy,
:where(html.style-post-04) .hero-copy{
      width: 100% !important;
      max-width: 100% !important;
      padding-left: clamp(1rem, 5vw, 1.45rem) !important;
      padding-right: clamp(1rem, 5vw, 1.45rem) !important;
    }
    :where(html.style-post-04) input,
:where(html.style-post-04) select,
:where(html.style-post-04) textarea{
      font-size: 16px !important;
    }
    :where(html.style-post-04) .site-shell,
:where(html.style-post-04) .shell,
:where(html.style-post-04) .cs-main,
:where(html.style-post-04) main{
      max-width: 100% !important;
    }
  }

/* Shared style group: style-post-05 */
/* Source block: main-menu-final-consistency-20260713 */
:where(html.style-post-05) header nav[aria-label="Main navigation"]{
    height: 5rem !important;
    max-width: 92rem !important;
  }
  :where(html.style-post-05) header nav[aria-label="Main navigation"] .hidden.items-center{
    gap: 1.45rem !important;
  }
  :where(html.style-post-05) header nav[aria-label="Main navigation"] .hidden a,
:where(html.style-post-05) header nav[aria-label="Main navigation"] .hidden button,
:where(html.style-post-05) .nav-panel-live a{
    color: rgba(211, 208, 197, 0.72) !important;
    font-family: Inter, Manrope, "Plus Jakarta Sans", sans-serif !important;
    font-size: 0.72rem !important;
    font-weight: 650 !important;
    letter-spacing: 0.14em !important;
    line-height: 1 !important;
    text-shadow: none !important;
    text-decoration: none !important;
    transition: color 0.22s ease, font-weight 0.22s ease, border-color 0.22s ease, background-color 0.22s ease !important;
  }
  :where(html.style-post-05) header nav[aria-label="Main navigation"] .hidden a:hover,
:where(html.style-post-05) header nav[aria-label="Main navigation"] .hidden a:focus-visible,
:where(html.style-post-05) header nav[aria-label="Main navigation"] .hidden button:hover,
:where(html.style-post-05) header nav[aria-label="Main navigation"] .hidden button:focus-visible,
:where(html.style-post-05) .nav-panel-live a:hover,
:where(html.style-post-05) .nav-panel-live a:focus-visible,
:where(html.style-post-05) header nav[aria-label="Main navigation"] a[aria-current="page"]{
    color: #4e5f91 !important;
    font-weight: 850 !important;
    text-shadow: none !important;
  }
  :where(html.style-post-05) header nav[aria-label="Main navigation"] a[aria-current="page"]{
    pointer-events: auto !important;
  }
  :where(html.style-post-05) header nav[aria-label="Main navigation"] [lang="ar"]{
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.55rem !important;
    color: rgba(211, 208, 197, 0.72) !important;
  }
  :where(html.style-post-05) header nav[aria-label="Main navigation"] [lang="ar"]::after{
    content: "" !important;
    display: inline-block !important;
    width: 0.45rem !important;
    height: 0.45rem !important;
    flex: 0 0 0.45rem !important;
    border-radius: 999px !important;
    background: #4e5f91 !important;
    box-shadow: 0 0 0 rgba(78, 95, 145, 0) !important;
    animation: arabic-menu-dot-blue-pulse-final 2s ease-in-out infinite !important;
  }
  :where(html.style-post-05) header nav[aria-label="Main navigation"] [lang="ar"]:hover,
:where(html.style-post-05) header nav[aria-label="Main navigation"] [lang="ar"]:focus-visible{
    color: #4e5f91 !important;
    font-weight: 850 !important;
    text-shadow: none !important;
  }
  :where(html.style-post-05) .header-live-separator{
    color: rgba(211, 208, 197, 0.28) !important;
    font-size: 0.72rem !important;
    line-height: 1 !important;
  }
  :where(html.style-post-05) .header-live-meta{
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    white-space: nowrap !important;
    color: #4e5f91 !important;
    font-family: Inter, Manrope, "Plus Jakarta Sans", sans-serif !important;
    font-size: 0.66rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    text-shadow: none !important;
  }
  :where(html.style-post-05) .header-live-meta span,
:where(html.style-post-05) .header-live-meta span[aria-hidden="true"],
:where(html.style-post-05) .header-live-temp{
    color: #4e5f91 !important;
    text-shadow: none !important;
  }
  :where(html.style-post-05) header button[aria-label*="navigation"]{
    color: rgba(246, 241, 226, 0.86) !important;
    border-color: rgba(246, 241, 226, 0.18) !important;
    box-shadow: none !important;
  }
  :where(html.style-post-05) header button[aria-label*="navigation"]:hover,
:where(html.style-post-05) header button[aria-label*="navigation"]:focus-visible{
    color: #4e5f91 !important;
    border-color: rgba(78, 95, 145, 0.7) !important;
    box-shadow: none !important;
  }
  @keyframes arabic-menu-dot-blue-pulse-final{
    0%, 100% { opacity: 0.72; box-shadow: 0 0 0 0 rgba(78, 95, 145, 0.12); transform: scale(0.94); }
    50% { opacity: 1; box-shadow: 0 0 0 0.32rem rgba(78, 95, 145, 0); transform: scale(1.06); }
  }
  @media (max-width: 1279px){
    :where(html.style-post-05) .header-live-separator,
:where(html.style-post-05) .header-live-meta{ display: none !important; }
  }
/* Source block: main-menu-eye-comfort-20260713 */
:where(html.style-post-05) header.fixed,
:where(html.style-post-05) header[class*="bg-ink"],
:where(html.style-post-05) body > header{
    background: rgba(24, 36, 71, 0.96) !important;
    border-bottom: 1px solid rgba(151, 205, 45, 0.16) !important;
    box-shadow: 0 12px 34px rgba(24, 36, 71, 0.18) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
  }

  :where(html.style-post-05) header nav[aria-label="Main navigation"] .hidden a,
:where(html.style-post-05) header nav[aria-label="Main navigation"] .hidden button,
:where(html.style-post-05) header nav[aria-label="Main navigation"] .header-live-meta,
:where(html.style-post-05) header nav[aria-label="Main navigation"] .header-live-meta span,
:where(html.style-post-05) header nav[aria-label="Main navigation"] .header-live-temp,
:where(html.style-post-05) header nav[aria-label="Main navigation"] .header-live-separator{
    color: rgba(218, 227, 242, 0.72) !important;
    text-shadow: none !important;
  }

  :where(html.style-post-05) header nav[aria-label="Main navigation"] .hidden a:hover,
:where(html.style-post-05) header nav[aria-label="Main navigation"] .hidden a:focus-visible,
:where(html.style-post-05) header nav[aria-label="Main navigation"] .hidden button:hover,
:where(html.style-post-05) header nav[aria-label="Main navigation"] .hidden button:focus-visible{
    color: #97cd2d !important;
    font-weight: 850 !important;
    text-shadow: none !important;
  }

  :where(html.style-post-05) header nav[aria-label="Main navigation"] a[aria-current="page"],
:where(html.style-post-05) header nav[aria-label="Main navigation"] a.text-atlantis[aria-current="page"]{
    color: #97cd2d !important;
    font-weight: 850 !important;
  }

  :where(html.style-post-05) header nav[aria-label="Main navigation"] span[aria-hidden="true"].h-4,
:where(html.style-post-05) header nav[aria-label="Main navigation"] .header-live-separator{
    background-color: rgba(218, 227, 242, 0.22) !important;
    color: rgba(218, 227, 242, 0.28) !important;
  }

  :where(html.style-post-05) header nav[aria-label="Main navigation"] [lang="ar"]{
    color: rgba(218, 227, 242, 0.72) !important;
  }

  :where(html.style-post-05) header nav[aria-label="Main navigation"] [lang="ar"]::after{
    background: #4e5f91 !important;
    box-shadow: 0 0 0 rgba(78, 95, 145, 0) !important;
  }

  :where(html.style-post-05) header nav[aria-label="Main navigation"] [lang="ar"]:hover,
:where(html.style-post-05) header nav[aria-label="Main navigation"] [lang="ar"]:focus-visible{
    color: #97cd2d !important;
  }

  :where(html.style-post-05) header button[aria-label*="navigation"]{
    color: rgba(218, 227, 242, 0.78) !important;
    border-color: rgba(218, 227, 242, 0.2) !important;
    background: rgba(37, 54, 105, 0.28) !important;
    box-shadow: none !important;
  }

  :where(html.style-post-05) header button[aria-label*="navigation"]:hover,
:where(html.style-post-05) header button[aria-label*="navigation"]:focus-visible{
    color: #97cd2d !important;
    border-color: rgba(151, 205, 45, 0.65) !important;
  }

  :where(html.style-post-05) .nav-panel-live{
    background: rgba(24, 36, 71, 0.98) !important;
    border-top: 1px solid rgba(151, 205, 45, 0.16) !important;
  }

  :where(html.style-post-05) .nav-panel-live a{
    color: rgba(218, 227, 242, 0.78) !important;
  }

  :where(html.style-post-05) .nav-panel-live a:hover,
:where(html.style-post-05) .nav-panel-live a:focus-visible{
    color: #97cd2d !important;
  }
/* Source block: case-studies-hero-refresh-20260714 */
html:where(.style-post-05) body.case-studies-page,
html:where(.style-post-05) body.case-studies-page main,
html:where(.style-post-05) body.case-studies-page .case-studies-page-section{
    background: #ffffff !important;
    color: #253669 !important;
  }

  html:where(.style-post-05) body.case-studies-page .case-studies-page-section{
    padding-top: 7rem !important;
  }

  :where(html.style-post-05) .case-studies-hero-banner{
    position: relative;
    overflow: hidden;
    margin: 1.5rem 0 2.5rem;
    border: 1px solid rgba(37, 54, 105, 0.1);
    background: #253669;
    box-shadow: 0 24px 54px rgba(37, 54, 105, 0.14);
  }

  :where(html.style-post-05) .case-studies-hero-banner img{
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
  }

  :where(html.style-post-05) .case-studies-hero-copy{
    position: absolute;
    left: 4.8%;
    right: 4.8%;
    bottom: 4.6%;
    z-index: 2;
    color: #ffffff;
  }

  :where(html.style-post-05) .case-studies-hero-kicker{
    margin: 0 0 0.8rem;
    color: #97cd2d !important;
    -webkit-text-fill-color: #97cd2d !important;
    font-size: clamp(0.7rem, 1vw, 0.95rem);
    font-weight: 650;
    letter-spacing: 0.04em;
    text-transform: uppercase;
  }

  :where(html.style-post-05) .case-studies-hero-title{
    margin: 0;
    max-width: none;
    color: #ffffff;
    font-family: Inter, Manrope, "Plus Jakarta Sans", sans-serif;
    font-size: clamp(1.8rem, 3.15vw, 3.25rem);
    font-weight: 720;
    line-height: 1.08;
    letter-spacing: -0.025em;
    white-space: nowrap;
  }

  :where(html.style-post-05) .case-studies-hero-summary{
    margin: 1rem 0 0;
    max-width: 86rem;
    color: rgba(255, 255, 255, 0.94);
    font-size: clamp(0.76rem, 1.25vw, 1.08rem);
    font-weight: 550;
    line-height: 1.45;
  }

  html:where(.style-post-05) body.case-studies-page .case-studies-filter button{
    border-color: rgba(37, 54, 105, 0.18) !important;
    color: #253669 !important;
    background: rgba(255, 255, 255, 0.9) !important;
  }

  html:where(.style-post-05) body.case-studies-page .case-studies-filter button:first-child{
    border-color: #97cd2d !important;
    background: #97cd2d !important;
    color: #253669 !important;
  }

  html:where(.style-post-05) body.case-studies-page .case-studies-filter button:hover,
html:where(.style-post-05) body.case-studies-page .case-studies-filter button:focus-visible{
    border-color: #97cd2d !important;
    background: #97cd2d !important;
    color: #253669 !important;
  }

  @media (max-width: 700px){
    html:where(.style-post-05) body.case-studies-page .case-studies-page-section{
      padding-top: 6rem !important;
    }

    :where(html.style-post-05) .case-studies-hero-banner{
      margin-top: 1rem;
    }

    :where(html.style-post-05) .case-studies-hero-copy{
      left: 1.25rem;
      right: 1.25rem;
      bottom: 1.25rem;
    }

    :where(html.style-post-05) .case-studies-hero-title{
      font-size: clamp(1.45rem, 7vw, 2rem);
      line-height: 1.12;
      white-space: normal;
    }

    :where(html.style-post-05) .case-studies-hero-summary{
      margin-top: 0.75rem;
      font-size: 0.82rem;
      line-height: 1.55;
    }
  }
/* Source block: responsive-browser-pass-20260715 */
html:where(.style-post-05){ -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
  :where(html.style-post-05) body{ overflow-x: hidden; }
  :where(html.style-post-05) img,
:where(html.style-post-05) video,
:where(html.style-post-05) svg,
:where(html.style-post-05) canvas{ max-width: 100%; }
  :where(html.style-post-05) img,
:where(html.style-post-05) video{ height: auto; }
  :where(html.style-post-05) iframe{ max-width: 100%; }
  :where(html.style-post-05) input,
:where(html.style-post-05) select,
:where(html.style-post-05) textarea,
:where(html.style-post-05) button{ font: inherit; }
  :where(html.style-post-05) input,
:where(html.style-post-05) select,
:where(html.style-post-05) textarea{ max-width: 100%; min-height: 44px; }
  :where(html.style-post-05) button,
:where(html.style-post-05) a{ -webkit-tap-highlight-color: rgba(151,205,45,.22); }
  :where(html.style-post-05) .hero-title,
:where(html.style-post-05) .case-hero-title,
:where(html.style-post-05) .cii-hero-title,
:where(html.style-post-05) .about-hero-title,
:where(html.style-post-05) .banner-title{ overflow-wrap: normal; text-wrap: balance; }
  @media (max-width: 700px){
    :where(html.style-post-05) .hero-title,
:where(html.style-post-05) .case-hero-title,
:where(html.style-post-05) .cii-hero-title,
:where(html.style-post-05) .about-hero-title,
:where(html.style-post-05) .banner-title{
      max-width: 100% !important;
      line-height: 1.06 !important;
      letter-spacing: -0.035em !important;
    }
    :where(html.style-post-05) .cs-banner-copy,
:where(html.style-post-05) .about-hero-copy,
:where(html.style-post-05) .hero-copy{
      width: 100% !important;
      max-width: 100% !important;
      padding-left: clamp(1rem, 5vw, 1.45rem) !important;
      padding-right: clamp(1rem, 5vw, 1.45rem) !important;
    }
    :where(html.style-post-05) input,
:where(html.style-post-05) select,
:where(html.style-post-05) textarea{
      font-size: 16px !important;
    }
    :where(html.style-post-05) .site-shell,
:where(html.style-post-05) .shell,
:where(html.style-post-05) .cs-main,
:where(html.style-post-05) main{
      max-width: 100% !important;
    }
  }

/* Shared style group: style-post-06 */
/* Source block: consistency-score-page-style */
:where(html.style-post-06) .cs-main{ max-width: 92rem; margin: 0 auto; padding: 7rem 1.25rem 7rem; box-sizing: border-box; }
    :where(html.style-post-06) .cs-banner{ position: relative; overflow: hidden; border: 1px solid rgba(78, 95, 145, 0.2); background: #0a2a59; box-shadow: 0 24px 60px rgba(37, 54, 105, 0.15); }
    :where(html.style-post-06) .cs-banner-media img{ display: block; width: 100%; height: auto; }
    :where(html.style-post-06) .cs-banner-copy{ position: absolute; z-index: 1; right: 4.8%; bottom: 4.6%; left: 4.8%; color: white; }
    :where(html.style-post-06) .cs-banner-kicker{ margin: 0 0 0.8rem; color: #97cd2d; font-size: clamp(0.7rem, 1vw, 0.95rem); font-weight: 650; letter-spacing: 0.04em; text-transform: uppercase; }
    :where(html.style-post-06) .cs-banner-copy h1{ margin: 0; color: white; font-family: Inter, Manrope, "Plus Jakarta Sans", sans-serif; font-size: clamp(1.8rem, 3.15vw, 3.25rem); font-weight: 720; line-height: 1.08; letter-spacing: -0.025em; }
    :where(html.style-post-06) .cs-banner-summary{ max-width: 86rem; margin: 1rem 0 0; color: rgba(255, 255, 255, 0.94); font-size: clamp(0.76rem, 1.25vw, 1.08rem); font-weight: 550; line-height: 1.45; }
    @media (max-width: 700px){
      :where(html.style-post-06) .cs-banner-media{ overflow: hidden; aspect-ratio: 1820 / 660; }
      :where(html.style-post-06) .cs-banner-media img{ width: 100%; max-width: none; height: 100%; object-fit: cover; }
      :where(html.style-post-06) .cs-banner-copy{ position: static; padding: 1.35rem 1.2rem 1.5rem; }
      :where(html.style-post-06) .cs-banner-kicker{ margin-bottom: 0.55rem; }
      :where(html.style-post-06) .cs-banner-copy h1{ font-size: clamp(1.45rem, 7vw, 2rem); line-height: 1.12; }
      :where(html.style-post-06) .cs-banner-summary{ margin-top: 0.75rem; font-size: 0.82rem; line-height: 1.55; }
    }
    :where(html.style-post-06) .cs-swatch-row{ display: grid; grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr)); gap: 1rem; margin-bottom: 0.5rem; }
    :where(html.style-post-06) .cs-swatch-field{ display: flex; align-items: center; gap: 0.6rem; border: 1px solid rgba(78, 95, 145, 0.28); background: rgba(255, 255, 255, 0.9); padding: 0.55rem 0.75rem; }
    :where(html.style-post-06) .cs-swatch-field input[type="color"]{ width: 2rem; height: 2rem; padding: 0; border: 1px solid rgba(78, 95, 145, 0.28); background: none; cursor: pointer; }
    :where(html.style-post-06) .cs-swatch-field input[type="text"]{ flex: 1; min-width: 0; border: 0; background: transparent; color: #252b35; font: inherit; font-size: 0.85rem; text-transform: uppercase; }
    :where(html.style-post-06) .cs-swatch-field input[type="text"]:focus{ outline: none; }
    :where(html.style-post-06) .cs-result{ display: none; }
    :where(html.style-post-06) .cs-result.is-visible{ display: block; }
    :where(html.style-post-06) .cs-score-row{ display: flex; align-items: baseline; gap: 0.85rem; margin: 0.5rem 0 0.25rem; }
    :where(html.style-post-06) .cs-score-num{ color: #253669; font-family: var(--font-serif), Georgia, serif; font-size: clamp(3.2rem, 8vw, 5rem); font-weight: 700; line-height: 1; }
    :where(html.style-post-06) .cs-score-max{ color: #8891a3; font-size: 1rem; }
    :where(html.style-post-06) .cs-score-label{ margin: 0 0 1.75rem; color: #4e5f91; font-weight: 800; font-size: 0.85rem; letter-spacing: 0.06em; text-transform: uppercase; }
    :where(html.style-post-06) .cs-swatch-preview{ display: flex; gap: 0.5rem; margin-bottom: 1.5rem; }
    :where(html.style-post-06) .cs-swatch-preview span{ display: block; width: 2.4rem; height: 2.4rem; border: 1px solid rgba(24, 36, 71, 0.15); }
    :where(html.style-post-06) .cs-fonts-label{ display: block; margin-top: 1.4rem; color: #253669; font-size: 0.76rem; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; }
    :where(html.style-post-06) #cs-fonts-input{ display: block; width: 100%; box-sizing: border-box; min-height: 3.4rem; margin-bottom: 0.4rem; padding: 0.8rem 1rem; border: 1px solid rgba(78, 95, 145, 0.28); border-radius: 0; background: rgba(255, 255, 255, 0.9); color: #252b35; font: inherit; }
    :where(html.style-post-06) #cs-fonts-input:focus{ border-color: #4e5f91; outline: 3px solid rgba(151, 205, 45, 0.22); outline-offset: 1px; }
    :where(html.style-post-06) .cs-breakdown{ display: grid; gap: 0.85rem; margin: 0; padding: 0; list-style: none; }
    :where(html.style-post-06) .cs-breakdown li{ display: flex; gap: 0.7rem; align-items: flex-start; color: #3c4453; line-height: 1.6; }
    :where(html.style-post-06) .cs-breakdown li::before{ content: ""; flex-shrink: 0; width: 0.55rem; height: 0.55rem; margin-top: 0.5rem; border-radius: 50%; background: #8891a3; }
    :where(html.style-post-06) .cs-breakdown li[data-tone="good"]::before{ background: #97cd2d; }
    :where(html.style-post-06) .cs-breakdown li[data-tone="bad"]::before{ background: #c25b3f; }
    :where(html.style-post-06) .cs-share-card{ margin-top: 2rem; padding: 1.5rem 1.75rem; border: 1px dashed rgba(78, 95, 145, 0.35); background: #f4f6fb; }
    :where(html.style-post-06) .cs-share-card p{ margin: 0 0 1rem; color: #4e5f91; font-size: 0.8rem; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; }
    :where(html.style-post-06) .cs-share-text{ margin: 0 0 1rem; color: #252b35; font-size: 0.95rem; line-height: 1.6; }
    :where(html.style-post-06) .cs-ai-panel{ margin-top: 2rem; padding: clamp(1.5rem, 3vw, 2.2rem); border-left: 5px solid #97cd2d; background: #eef2f8; box-shadow: 0 18px 46px rgba(24, 36, 71, 0.08); }
    :where(html.style-post-06) .cs-ai-panel h3{ margin: 0; color: #253669; font-family: var(--font-serif), Georgia, serif; font-size: clamp(1.45rem, 2.4vw, 2rem); line-height: 1.15; }
    :where(html.style-post-06) .cs-ai-panel p{ color: #586172; line-height: 1.65; }
    :where(html.style-post-06) .cs-ai-actions{ display: flex; flex-wrap: wrap; gap: 0.85rem; align-items: center; margin-top: 1.2rem; }
    :where(html.style-post-06) .cs-ai-status{ margin: 0; color: #4e5f91; font-size: 0.82rem; font-weight: 750; }
    :where(html.style-post-06) .cs-ai-report{ display: none; margin-top: 1.5rem; color: #414b5c; }
    :where(html.style-post-06) .cs-ai-report.is-visible{ display: grid; gap: 1.1rem; }
    :where(html.style-post-06) .cs-ai-section{ padding-top: 1rem; border-top: 1px solid rgba(78, 95, 145, 0.18); }
    :where(html.style-post-06) .cs-ai-section h4{ margin: 0 0 0.55rem; color: #253669; font-size: 0.86rem; font-weight: 900; letter-spacing: 0.1em; text-transform: uppercase; }
    :where(html.style-post-06) .cs-ai-section p{ margin: 0; color: #4a5362; line-height: 1.7; }
    :where(html.style-post-06) .cs-ai-section ul{ display: grid; gap: 0.55rem; margin: 0; padding: 0; list-style: none; }
    :where(html.style-post-06) .cs-ai-section li{ position: relative; padding-left: 1.2rem; color: #4a5362; line-height: 1.65; }
    :where(html.style-post-06) .cs-ai-section li::before{ content: ""; position: absolute; left: 0; top: 0.7em; width: 0.45rem; height: 0.45rem; background: #97cd2d; border-radius: 50%; }
    :where(html.style-post-06) .cs-cta{ display: grid; gap: 0.75rem; margin-top: 3rem; padding: clamp(1.8rem, 4vw, 3rem); border-left: 5px solid #97cd2d; background: #e9edf6; box-shadow: 0 18px 46px rgba(24, 36, 71, 0.1); }
    :where(html.style-post-06) .cs-cta h2{ margin: 0; color: #253669; font-family: var(--font-serif), Georgia, serif; font-size: clamp(1.5rem, 2.5vw, 2rem); line-height: 1.15; }
    :where(html.style-post-06) .cs-cta p{ margin: 0; color: #586172; line-height: 1.65; max-width: 34rem; }
    :where(html.style-post-06) .cs-cta a{ display: inline-flex; width: fit-content; min-height: 3rem; align-items: center; gap: 0.65rem; margin-top: 0.5rem; padding: 0.75rem 1.25rem; background: #97cd2d; color: #182447; font-size: 0.74rem; font-weight: 900; letter-spacing: 0.14em; text-decoration: none; text-transform: uppercase; transition: background 180ms ease, color 180ms ease, transform 180ms ease; }
    :where(html.style-post-06) .cs-cta a:hover{ transform: translateY(-2px); background: #253669; color: #fff; }
    @media (max-width: 640px){ :where(html.style-post-06) .cs-swatch-row{ grid-template-columns: repeat(2, 1fr); } :where(html.style-post-06) .cs-main{ padding: 7.25rem 1rem 5rem; } }
/* Source block: header-live-meta-style */
:where(html.style-post-06) .header-live-separator{
      color: rgba(246, 241, 226, 0.28);
      font-size: 0.75rem;
      line-height: 1;
    }
    :where(html.style-post-06) .header-live-meta{
      display: inline-flex;
      align-items: center;
      gap: 0.55rem;
      white-space: nowrap;
      color: rgba(211, 208, 197, 0.68);
      font-size: 0.68rem;
      font-weight: 500;
      letter-spacing: 0.14em;
      line-height: 1;
      text-transform: uppercase;
    }
    :where(html.style-post-06) .header-live-meta span[aria-hidden="true"]{
      color: rgba(246, 241, 226, 0.24);
    }
    :where(html.style-post-06) .header-live-temp{
      color: #b6f05c;
    }
    @media (max-width: 1279px){
      :where(html.style-post-06) .header-live-separator,
:where(html.style-post-06) .header-live-meta{
        display: none !important;
      }
    }
/* Source block: arabic-menu-pulse-style */
:where(html.style-post-06) header nav[aria-label="Main navigation"] [lang="ar"]{
      position: relative;
      display: inline-flex;
      align-items: center;
      gap: 0.55rem;
      transition: color 0.25s ease, text-shadow 0.25s ease;
    }

    :where(html.style-post-06) header nav[aria-label="Main navigation"] [lang="ar"]::after{
      content: "";
      width: 0.45rem;
      height: 0.45rem;
      border-radius: 999px;
      background: #4e5f91 !important;
      box-shadow: 0 0 0 rgba(78, 95, 145, 0) !important;
      animation: arabic-menu-dot-pulse 2s ease-in-out infinite !important;
    }

    :where(html.style-post-06) header nav[aria-label="Main navigation"] [lang="ar"]:hover,
:where(html.style-post-06) header nav[aria-label="Main navigation"] [lang="ar"]:focus-visible{
      color: #4e5f91 !important;
      text-shadow: none !important;
    }

    @keyframes arabic-menu-dot-pulse{
      0%,
      100% {
        opacity: 0.55;
        box-shadow: 0 0 0 rgba(78, 95, 145, 0) !important;
        transform: scale(0.92);
      }
      50% {
        opacity: 1;
        box-shadow:
          0 0 8px rgba(78, 95, 145, 0.85),
          0 0 18px rgba(78, 95, 145, 0.55) !important;
        transform: scale(1.08);
      }
    }

    @media (prefers-reduced-motion: reduce){
      :where(html.style-post-06) header nav[aria-label="Main navigation"] [lang="ar"]::after{
        animation: none !important;
      }
    }
/* Source block: main-menu-final-consistency-20260713 */
:where(html.style-post-06) header nav[aria-label="Main navigation"]{
    height: 5rem !important;
    max-width: 92rem !important;
  }
  :where(html.style-post-06) header nav[aria-label="Main navigation"] .hidden.items-center{
    gap: 1.45rem !important;
  }
  :where(html.style-post-06) header nav[aria-label="Main navigation"] .hidden a,
:where(html.style-post-06) header nav[aria-label="Main navigation"] .hidden button,
:where(html.style-post-06) .nav-panel-live a{
    color: rgba(211, 208, 197, 0.72) !important;
    font-family: Inter, Manrope, "Plus Jakarta Sans", sans-serif !important;
    font-size: 0.72rem !important;
    font-weight: 650 !important;
    letter-spacing: 0.14em !important;
    line-height: 1 !important;
    text-shadow: none !important;
    text-decoration: none !important;
    transition: color 0.22s ease, font-weight 0.22s ease, border-color 0.22s ease, background-color 0.22s ease !important;
  }
  :where(html.style-post-06) header nav[aria-label="Main navigation"] .hidden a:hover,
:where(html.style-post-06) header nav[aria-label="Main navigation"] .hidden a:focus-visible,
:where(html.style-post-06) header nav[aria-label="Main navigation"] .hidden button:hover,
:where(html.style-post-06) header nav[aria-label="Main navigation"] .hidden button:focus-visible,
:where(html.style-post-06) .nav-panel-live a:hover,
:where(html.style-post-06) .nav-panel-live a:focus-visible,
:where(html.style-post-06) header nav[aria-label="Main navigation"] a[aria-current="page"]{
    color: #4e5f91 !important;
    font-weight: 850 !important;
    text-shadow: none !important;
  }
  :where(html.style-post-06) header nav[aria-label="Main navigation"] a[aria-current="page"]{
    pointer-events: auto !important;
  }
  :where(html.style-post-06) header nav[aria-label="Main navigation"] [lang="ar"]{
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.55rem !important;
    color: rgba(211, 208, 197, 0.72) !important;
  }
  :where(html.style-post-06) header nav[aria-label="Main navigation"] [lang="ar"]::after{
    content: "" !important;
    display: inline-block !important;
    width: 0.45rem !important;
    height: 0.45rem !important;
    flex: 0 0 0.45rem !important;
    border-radius: 999px !important;
    background: #4e5f91 !important;
    box-shadow: 0 0 0 rgba(78, 95, 145, 0) !important;
    animation: arabic-menu-dot-blue-pulse-final 2s ease-in-out infinite !important;
  }
  :where(html.style-post-06) header nav[aria-label="Main navigation"] [lang="ar"]:hover,
:where(html.style-post-06) header nav[aria-label="Main navigation"] [lang="ar"]:focus-visible{
    color: #4e5f91 !important;
    font-weight: 850 !important;
    text-shadow: none !important;
  }
  :where(html.style-post-06) .header-live-separator{
    color: rgba(211, 208, 197, 0.28) !important;
    font-size: 0.72rem !important;
    line-height: 1 !important;
  }
  :where(html.style-post-06) .header-live-meta{
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    white-space: nowrap !important;
    color: #4e5f91 !important;
    font-family: Inter, Manrope, "Plus Jakarta Sans", sans-serif !important;
    font-size: 0.66rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    text-shadow: none !important;
  }
  :where(html.style-post-06) .header-live-meta span,
:where(html.style-post-06) .header-live-meta span[aria-hidden="true"],
:where(html.style-post-06) .header-live-temp{
    color: #4e5f91 !important;
    text-shadow: none !important;
  }
  :where(html.style-post-06) header button[aria-label*="navigation"]{
    color: rgba(246, 241, 226, 0.86) !important;
    border-color: rgba(246, 241, 226, 0.18) !important;
    box-shadow: none !important;
  }
  :where(html.style-post-06) header button[aria-label*="navigation"]:hover,
:where(html.style-post-06) header button[aria-label*="navigation"]:focus-visible{
    color: #4e5f91 !important;
    border-color: rgba(78, 95, 145, 0.7) !important;
    box-shadow: none !important;
  }
  @keyframes arabic-menu-dot-blue-pulse-final{
    0%, 100% { opacity: 0.72; box-shadow: 0 0 0 0 rgba(78, 95, 145, 0.12); transform: scale(0.94); }
    50% { opacity: 1; box-shadow: 0 0 0 0.32rem rgba(78, 95, 145, 0); transform: scale(1.06); }
  }
  @media (max-width: 1279px){
    :where(html.style-post-06) .header-live-separator,
:where(html.style-post-06) .header-live-meta{ display: none !important; }
  }
/* Source block: main-menu-eye-comfort-20260713 */
:where(html.style-post-06) header.fixed,
:where(html.style-post-06) header[class*="bg-ink"],
:where(html.style-post-06) body > header{
    background: rgba(24, 36, 71, 0.96) !important;
    border-bottom: 1px solid rgba(151, 205, 45, 0.16) !important;
    box-shadow: 0 12px 34px rgba(24, 36, 71, 0.18) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
  }

  :where(html.style-post-06) header nav[aria-label="Main navigation"] .hidden a,
:where(html.style-post-06) header nav[aria-label="Main navigation"] .hidden button,
:where(html.style-post-06) header nav[aria-label="Main navigation"] .header-live-meta,
:where(html.style-post-06) header nav[aria-label="Main navigation"] .header-live-meta span,
:where(html.style-post-06) header nav[aria-label="Main navigation"] .header-live-temp,
:where(html.style-post-06) header nav[aria-label="Main navigation"] .header-live-separator{
    color: rgba(218, 227, 242, 0.72) !important;
    text-shadow: none !important;
  }

  :where(html.style-post-06) header nav[aria-label="Main navigation"] .hidden a:hover,
:where(html.style-post-06) header nav[aria-label="Main navigation"] .hidden a:focus-visible,
:where(html.style-post-06) header nav[aria-label="Main navigation"] .hidden button:hover,
:where(html.style-post-06) header nav[aria-label="Main navigation"] .hidden button:focus-visible{
    color: #97cd2d !important;
    font-weight: 850 !important;
    text-shadow: none !important;
  }

  :where(html.style-post-06) header nav[aria-label="Main navigation"] a[aria-current="page"],
:where(html.style-post-06) header nav[aria-label="Main navigation"] a.text-atlantis[aria-current="page"]{
    color: #97cd2d !important;
    font-weight: 850 !important;
  }

  :where(html.style-post-06) header nav[aria-label="Main navigation"] span[aria-hidden="true"].h-4,
:where(html.style-post-06) header nav[aria-label="Main navigation"] .header-live-separator{
    background-color: rgba(218, 227, 242, 0.22) !important;
    color: rgba(218, 227, 242, 0.28) !important;
  }

  :where(html.style-post-06) header nav[aria-label="Main navigation"] [lang="ar"]{
    color: rgba(218, 227, 242, 0.72) !important;
  }

  :where(html.style-post-06) header nav[aria-label="Main navigation"] [lang="ar"]::after{
    background: #4e5f91 !important;
    box-shadow: 0 0 0 rgba(78, 95, 145, 0) !important;
  }

  :where(html.style-post-06) header nav[aria-label="Main navigation"] [lang="ar"]:hover,
:where(html.style-post-06) header nav[aria-label="Main navigation"] [lang="ar"]:focus-visible{
    color: #97cd2d !important;
  }

  :where(html.style-post-06) header button[aria-label*="navigation"]{
    color: rgba(218, 227, 242, 0.78) !important;
    border-color: rgba(218, 227, 242, 0.2) !important;
    background: rgba(37, 54, 105, 0.28) !important;
    box-shadow: none !important;
  }

  :where(html.style-post-06) header button[aria-label*="navigation"]:hover,
:where(html.style-post-06) header button[aria-label*="navigation"]:focus-visible{
    color: #97cd2d !important;
    border-color: rgba(151, 205, 45, 0.65) !important;
  }

  :where(html.style-post-06) .nav-panel-live{
    background: rgba(24, 36, 71, 0.98) !important;
    border-top: 1px solid rgba(151, 205, 45, 0.16) !important;
  }

  :where(html.style-post-06) .nav-panel-live a{
    color: rgba(218, 227, 242, 0.78) !important;
  }

  :where(html.style-post-06) .nav-panel-live a:hover,
:where(html.style-post-06) .nav-panel-live a:focus-visible{
    color: #97cd2d !important;
  }
/* Source block: cii-identity-overrides */
:root:where(.style-post-06){
      --bg:#0b0d10;
      --bg-soft:#11151a;
      --panel:#151a20;
      --panel-2:#1a2027;
      --text:#f3f1ec;
      --muted:#9ca5ae;
      --line:rgba(255,255,255,.10);
      --accent:#c6a46a;
      --accent-soft:rgba(198,164,106,.14);
      --success:#84b49a;
      --warning:#d2ae67;
      --danger:#c47979;
      --radius:24px;
      --shadow:0 24px 70px rgba(0,0,0,.35);
    }

    :where(html.style-post-06) *{box-sizing:border-box}
    html:where(.style-post-06){scroll-behavior:smooth}
    :where(html.style-post-06) body{
      margin:0;
      font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      background:
        radial-gradient(circle at 18% 12%, rgba(198,164,106,.10), transparent 28%),
        radial-gradient(circle at 82% 18%, rgba(255,255,255,.05), transparent 26%),
        var(--bg);
      color:var(--text);
      line-height:1.6;
    }

    :where(html.style-post-06) button,
:where(html.style-post-06) input{font:inherit}
    :where(html.style-post-06) button{cursor:pointer}
    :where(html.style-post-06) a{color:inherit}

    :where(html.style-post-06) .shell{width:min(1180px, calc(100% - 40px)); margin:0 auto}
    :where(html.style-post-06) .topbar{
      position:sticky; top:0; z-index:20;
      backdrop-filter:blur(18px);
      background:rgba(11,13,16,.78);
      border-bottom:1px solid var(--line);
    }
    :where(html.style-post-06) .topbar-inner{
      min-height:72px; display:flex; align-items:center; justify-content:space-between; gap:20px;
    }
    :where(html.style-post-06) .brand{display:flex; align-items:center; gap:12px; font-weight:700; letter-spacing:.02em}
    :where(html.style-post-06) .brand-mark{
      width:34px; height:34px; border:1px solid var(--accent);
      border-radius:50%; display:grid; place-items:center; color:var(--accent);
      font-family:Georgia,serif; font-size:18px;
    }
    :where(html.style-post-06) .top-meta{display:flex; gap:20px; color:var(--muted); font-size:13px}
    :where(html.style-post-06) .top-meta span{display:flex; align-items:center; gap:8px}
    :where(html.style-post-06) .dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}

    :where(html.style-post-06) .hero{padding:92px 0 72px; border-bottom:1px solid var(--line)}
    :where(html.style-post-06) .eyebrow{
      color:var(--accent); text-transform:uppercase; letter-spacing:.18em;
      font-size:12px; font-weight:700; margin-bottom:18px;
    }
    :where(html.style-post-06) h1{
      margin:0; max-width:900px;
      font-family:Georgia, "Times New Roman", serif;
      font-size:clamp(48px,8vw,102px);
      line-height:.98; letter-spacing:-.045em; font-weight:500;
    }
    :where(html.style-post-06) .hero-copy{
      display:grid; grid-template-columns:1.25fr .75fr; gap:48px;
      margin-top:42px; align-items:end;
    }
    :where(html.style-post-06) .hero-copy p{
      margin:0; max-width:720px; font-size:clamp(18px,2.2vw,26px); color:#cbd0d5;
      line-height:1.45;
    }
    :where(html.style-post-06) .hero-card{
      padding:22px; border:1px solid var(--line); border-radius:18px;
      background:linear-gradient(145deg, rgba(255,255,255,.04), rgba(255,255,255,.015));
    }
    :where(html.style-post-06) .hero-stat{display:flex; justify-content:space-between; padding:10px 0; border-bottom:1px solid var(--line)}
    :where(html.style-post-06) .hero-stat:last-child{border-bottom:0}
    :where(html.style-post-06) .hero-stat span:first-child{color:var(--muted)}
    :where(html.style-post-06) .hero-stat span:last-child{font-weight:700}

    :where(html.style-post-06) .primary-btn,
:where(html.style-post-06) .secondary-btn{
      border:0; border-radius:999px; padding:15px 22px; font-weight:700;
      transition:.25s ease; display:inline-flex; align-items:center; justify-content:center; gap:10px;
    }
    :where(html.style-post-06) .primary-btn{background:var(--accent); color:#111}
    :where(html.style-post-06) .primary-btn:hover{transform:translateY(-2px); box-shadow:0 14px 35px rgba(198,164,106,.20)}
    :where(html.style-post-06) .secondary-btn{background:transparent; color:var(--text); border:1px solid var(--line)}
    :where(html.style-post-06) .secondary-btn:hover{border-color:rgba(255,255,255,.25); background:rgba(255,255,255,.04)}

    :where(html.style-post-06) .assessment-wrap{padding:66px 0 100px}
    :where(html.style-post-06) .assessment-grid{
      display:grid; grid-template-columns:290px minmax(0,1fr); gap:30px; align-items:start;
    }
    :where(html.style-post-06) .sidebar{
      position:sticky; top:98px;
      background:rgba(17,21,26,.88); border:1px solid var(--line); border-radius:var(--radius);
      padding:22px; box-shadow:var(--shadow);
    }
    :where(html.style-post-06) .progress-ring{
      width:112px;height:112px;border-radius:50%;margin:0 auto 18px;
      display:grid;place-items:center;
      background:conic-gradient(var(--accent) 0deg, rgba(255,255,255,.08) 0deg);
      position:relative;
    }
    :where(html.style-post-06) .progress-ring:before{
      content:""; width:86px;height:86px;border-radius:50%;background:var(--panel);
      position:absolute;
    }
    :where(html.style-post-06) .progress-ring strong{position:relative;font-size:24px}
    :where(html.style-post-06) .sidebar h3{font-family:Georgia,serif;font-size:24px;margin:0 0 8px;text-align:center;font-weight:500}
    :where(html.style-post-06) .sidebar p{color:var(--muted);font-size:13px;text-align:center;margin:0 0 20px}
    :where(html.style-post-06) .module-nav{display:grid;gap:8px}
    :where(html.style-post-06) .module-link{
      width:100%; text-align:left; padding:11px 12px; border-radius:12px;
      border:1px solid transparent; background:transparent; color:var(--muted);
      display:flex; align-items:center; gap:10px;
    }
    :where(html.style-post-06) .module-link.active{background:var(--accent-soft); color:var(--text); border-color:rgba(198,164,106,.26)}
    :where(html.style-post-06) .module-link.done .module-num{background:var(--accent); color:#111}
    :where(html.style-post-06) .module-num{
      width:26px;height:26px;border-radius:50%;display:grid;place-items:center;
      background:rgba(255,255,255,.06);font-size:12px;flex:0 0 auto;
    }

    :where(html.style-post-06) .panel{
      background:rgba(17,21,26,.82); border:1px solid var(--line); border-radius:var(--radius);
      padding:clamp(24px,4vw,48px); box-shadow:var(--shadow);
    }
    :where(html.style-post-06) .module{display:none}
    :where(html.style-post-06) .module.active{display:block; animation:fade .35s ease}
    @keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
    :where(html.style-post-06) .module-kicker{color:var(--accent);font-size:12px;text-transform:uppercase;letter-spacing:.18em;font-weight:700}
    :where(html.style-post-06) .module h2{
      font-family:Georgia,serif;font-weight:500;font-size:clamp(34px,5vw,58px);
      line-height:1.05;letter-spacing:-.03em;margin:12px 0 16px;
    }
    :where(html.style-post-06) .module-intro{color:var(--muted);font-size:17px;max-width:760px;margin:0 0 36px}
    :where(html.style-post-06) .question{
      padding:24px 0; border-top:1px solid var(--line);
    }
    :where(html.style-post-06) .question:first-of-type{border-top:0}
    :where(html.style-post-06) .question-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:16px}
    :where(html.style-post-06) .q-number{
      width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.06);
      display:grid;place-items:center;font-size:12px;color:var(--muted);flex:0 0 auto;margin-top:2px;
    }
    :where(html.style-post-06) .question h3{font-size:17px;line-height:1.45;margin:0;font-weight:600}
    :where(html.style-post-06) .scale{
      display:grid;grid-template-columns:repeat(6,1fr);gap:8px;
    }
    :where(html.style-post-06) .scale input{position:absolute;opacity:0;pointer-events:none}
    :where(html.style-post-06) .scale label{
      min-height:68px;border:1px solid var(--line);border-radius:13px;
      display:grid;place-items:center;text-align:center;padding:8px;
      color:var(--muted);font-size:12px;transition:.2s ease;
    }
    :where(html.style-post-06) .scale label strong{display:block;color:var(--text);font-size:16px;line-height:1}
    :where(html.style-post-06) .scale input:checked + label{
      border-color:var(--accent);background:var(--accent-soft);color:#d9c39f;
      transform:translateY(-2px);
    }
    :where(html.style-post-06) .scale label:hover{border-color:rgba(255,255,255,.28)}
    :where(html.style-post-06) .module-actions{
      display:flex;justify-content:space-between;gap:14px;margin-top:34px;padding-top:26px;border-top:1px solid var(--line)
    }
    :where(html.style-post-06) .error-note{color:#e1a6a6;font-size:13px;display:none;margin-top:18px}

    :where(html.style-post-06) .results{display:none;padding:66px 0 110px}
    :where(html.style-post-06) .results.active{display:block}
    :where(html.style-post-06) .results-header{text-align:center;max-width:850px;margin:0 auto 42px}
    :where(html.style-post-06) .results-header h2{
      font-family:Georgia,serif;font-size:clamp(42px,7vw,78px);line-height:1;margin:10px 0 20px;font-weight:500
    }
    :where(html.style-post-06) .results-header p{color:var(--muted);font-size:18px}
    :where(html.style-post-06) .score-card{
      display:grid;grid-template-columns:.85fr 1.15fr;gap:28px;
      background:var(--panel);border:1px solid var(--line);border-radius:28px;padding:34px;
      box-shadow:var(--shadow);
    }
    :where(html.style-post-06) .score-main{
      min-height:330px;display:flex;flex-direction:column;justify-content:center;align-items:center;
      border-right:1px solid var(--line);padding-right:28px;
    }
    :where(html.style-post-06) .score-number{
      font-family:Georgia,serif;font-size:112px;line-height:.85;letter-spacing:-.06em;
    }
    :where(html.style-post-06) .score-number small{font-size:28px;color:var(--muted)}
    :where(html.style-post-06) .maturity-badge{
      margin-top:20px;padding:9px 14px;border-radius:999px;background:var(--accent-soft);
      border:1px solid rgba(198,164,106,.3);color:#dbc49f;font-size:13px;font-weight:700;
    }
    :where(html.style-post-06) .chart-wrap{display:grid;place-items:center;min-height:330px}
    :where(html.style-post-06) canvas{width:min(100%,520px);height:auto}
    :where(html.style-post-06) .result-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;margin-top:28px}
    :where(html.style-post-06) .result-card{
      background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:30px;
    }
    :where(html.style-post-06) .result-card h3{font-family:Georgia,serif;font-size:30px;font-weight:500;margin:0 0 18px}
    :where(html.style-post-06) .result-card p{color:#c5cbd0;margin:0}
    :where(html.style-post-06) .dimension-list{display:grid;gap:17px}
    :where(html.style-post-06) .dimension-row{display:grid;grid-template-columns:150px 1fr 42px;gap:12px;align-items:center}
    :where(html.style-post-06) .dimension-row span{font-size:13px;color:var(--muted)}
    :where(html.style-post-06) .bar{height:7px;background:rgba(255,255,255,.07);border-radius:999px;overflow:hidden}
    :where(html.style-post-06) .bar i{display:block;height:100%;background:var(--accent);border-radius:999px}
    :where(html.style-post-06) .dimension-row strong{text-align:right;font-size:13px}
    :where(html.style-post-06) .priority-list{display:grid;gap:12px}
    :where(html.style-post-06) .priority{
      padding:16px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.02)
    }
    :where(html.style-post-06) .priority-top{display:flex;justify-content:space-between;gap:12px;margin-bottom:7px}
    :where(html.style-post-06) .priority strong{font-size:15px}
    :where(html.style-post-06) .priority small{color:var(--accent);font-weight:700}
    :where(html.style-post-06) .priority p{font-size:13px;color:var(--muted)}
    :where(html.style-post-06) .result-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:30px}
    :where(html.style-post-06) .disclaimer{
      max-width:900px;margin:24px auto 0;color:#7f8992;font-size:12px;text-align:center;
    }
    :where(html.style-post-06) footer{border-top:1px solid var(--line);padding:28px 0;color:var(--muted);font-size:13px}
    :where(html.style-post-06) footer .shell{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}

    @media (max-width:900px){
      :where(html.style-post-06) .hero-copy,
:where(html.style-post-06) .assessment-grid,
:where(html.style-post-06) .score-card,
:where(html.style-post-06) .result-grid{grid-template-columns:1fr}
      :where(html.style-post-06) .sidebar{position:relative;top:0}
      :where(html.style-post-06) .module-nav{grid-template-columns:repeat(2,1fr)}
      :where(html.style-post-06) .score-main{border-right:0;border-bottom:1px solid var(--line);padding:10px 0 30px}
      :where(html.style-post-06) .scale{grid-template-columns:repeat(3,1fr)}
    }
    @media (max-width:600px){
      :where(html.style-post-06) .shell{width:min(100% - 24px,1180px)}
      :where(html.style-post-06) .top-meta{display:none}
      :where(html.style-post-06) .hero{padding-top:64px}
      :where(html.style-post-06) .module-nav{grid-template-columns:1fr}
      :where(html.style-post-06) .scale{grid-template-columns:repeat(2,1fr)}
      :where(html.style-post-06) .module-actions{flex-direction:column-reverse}
      :where(html.style-post-06) .module-actions button{width:100%}
      :where(html.style-post-06) .dimension-row{grid-template-columns:110px 1fr 36px}
      :where(html.style-post-06) .score-number{font-size:88px}
    }

    @media print{
      :where(html.style-post-06) body{background:#fff;color:#111}
      :where(html.style-post-06) .topbar,
:where(html.style-post-06) .hero,
:where(html.style-post-06) .assessment-wrap,
:where(html.style-post-06) .result-actions,
:where(html.style-post-06) footer{display:none!important}
      :where(html.style-post-06) .results{display:block!important;padding:0}
      :where(html.style-post-06) .result-card,
:where(html.style-post-06) .score-card{box-shadow:none;background:#fff;border:1px solid #ddd;break-inside:avoid}
      :where(html.style-post-06) .score-number,
:where(html.style-post-06) .result-card h3,
:where(html.style-post-06) .results-header h2{color:#111}
      :where(html.style-post-06) .results-header p,
:where(html.style-post-06) .result-card p,
:where(html.style-post-06) .dimension-row span,
:where(html.style-post-06) .disclaimer{color:#555}
      :where(html.style-post-06) .maturity-badge{color:#6d552a}
    }
  
:where(html.style-post-06) body.cii-page{
  --bg: #ffffff;
  --bg-soft: #f6f9fe;
  --panel: #f1f5fb;
  --panel-2: #eaf0f8;
  --text: #253669;
  --muted: rgba(37,54,105,.72);
  --line: rgba(78,95,145,.22);
  --accent: #97cd2d;
  --accent-2: #4E5F91;
  --accent-soft: rgba(151,205,45,.16);
  --danger: #9c2f2f;
  --shadow: 0 24px 70px rgba(37,54,105,.12);
  background: #fff;
  color: #253669;
  font-family: Inter, Arial, sans-serif;
}
:where(html.style-post-06) .cii-page main{ background: #fff; }
:where(html.style-post-06) .cii-page .assessment-wrap{ padding: 4rem 0 6rem; background: #fff; border-bottom: 0; }
:where(html.style-post-06) .cii-page .assessment-grid{ align-items: start; }
:where(html.style-post-06) .cii-page .sidebar,
:where(html.style-post-06) .cii-page .panel,
:where(html.style-post-06) .cii-page .score-card,
:where(html.style-post-06) .cii-page .result-card{
  background: var(--panel);
  border: 1px solid var(--line);
  box-shadow: var(--shadow);
  color: #253669;
}
:where(html.style-post-06) .cii-page .sidebar{ top: 7rem; }
:where(html.style-post-06) .cii-page .sidebar h3,
:where(html.style-post-06) .cii-page .module h2,
:where(html.style-post-06) .cii-page .question h3,
:where(html.style-post-06) .cii-page .result-card h3,
:where(html.style-post-06) .cii-page .results-header h2{ color: #253669; font-family: Inter, Arial, sans-serif; }
:where(html.style-post-06) .cii-page .module p,
:where(html.style-post-06) .cii-page .sidebar p,
:where(html.style-post-06) .cii-page .question p,
:where(html.style-post-06) .cii-page .result-card p,
:where(html.style-post-06) .cii-page .dimension-row span,
:where(html.style-post-06) .cii-page .disclaimer,
:where(html.style-post-06) .cii-page .results-header p{ color: rgba(37,54,105,.72); }
:where(html.style-post-06) .cii-page .eyebrow{ color: #97cd2d; letter-spacing: .18em; }
:where(html.style-post-06) .cii-page .module-nav button{ color: rgba(37,54,105,.72); border-color: rgba(78,95,145,.18); }
:where(html.style-post-06) .cii-page .module-nav button.active,
:where(html.style-post-06) .cii-page .module-nav button:hover{ color: #253669; border-color: rgba(151,205,45,.75); background: rgba(151,205,45,.12); }
:where(html.style-post-06) .cii-page .progress-ring{ background: conic-gradient(#97cd2d var(--progress, 0%), rgba(78,95,145,.18) 0); color: #253669; }
:where(html.style-post-06) .cii-page .progress-ring::before{ background: #fff; }
:where(html.style-post-06) .cii-page .scale label{ background: #fff; border-color: rgba(78,95,145,.22); color: #253669; }
:where(html.style-post-06) .cii-page .scale input:checked + label,
:where(html.style-post-06) .cii-page .scale label:hover{ border-color: #97cd2d; background: rgba(151,205,45,.16); color: #253669; }
:where(html.style-post-06) .cii-page .primary-btn{ background: #97cd2d; color: #253669; box-shadow: 0 16px 34px rgba(151,205,45,.24); }
:where(html.style-post-06) .cii-page .primary-btn:hover{ transform: translateY(-2px); background: #89bd26; }
:where(html.style-post-06) .cii-page .secondary-btn{ color: #253669; border-color: rgba(78,95,145,.32); background: #fff; }
:where(html.style-post-06) .cii-page .secondary-btn:hover{ border-color: #97cd2d; color: #97cd2d; transform: translateY(-2px); }
:where(html.style-post-06) .cii-page .score-number{ color: #253669; }
:where(html.style-post-06) .cii-page .maturity-badge{ background: #253669; color: #fff; border-color: rgba(37,54,105,.18); }
:where(html.style-post-06) .cii-page .bar{ background: rgba(78,95,145,.15); }
:where(html.style-post-06) .cii-page .bar i{ background: linear-gradient(90deg,#97cd2d,#4E5F91); }
:where(html.style-post-06) .cii-page .priority-list li{ border-color: rgba(78,95,145,.18); background: #fff; color: rgba(37,54,105,.82); }
:where(html.style-post-06) .cii-page .cii-intro-wrap{
  padding: clamp(1.8rem, 3.5vw, 3rem) 0 0;
  background: #fff;
}
:where(html.style-post-06) .cii-page .cii-intro-card{
  position: relative;
  overflow: hidden;
  padding: clamp(1.45rem, 2.6vw, 2.25rem) clamp(1.5rem, 3vw, 2.65rem);
  border: 1px solid rgba(78,95,145,.20);
  border-left: 5px solid #97cd2d;
  background: #eef4fb;
  color: #253669;
  box-shadow: 0 18px 46px rgba(37,54,105,.10);
}
:where(html.style-post-06) .cii-page .cii-intro-card::after{
  content: "";
  position: absolute;
  right: -5rem;
  bottom: -5rem;
  width: 13rem;
  height: 13rem;
  border: 1px solid rgba(78,95,145,.10);
  border-radius: 50%;
  box-shadow: 0 0 0 2.6rem rgba(78,95,145,.035);
  pointer-events: none;
}
:where(html.style-post-06) .cii-page .cii-intro-card p{
  position: relative;
  z-index: 1;
  margin: 0;
  max-width: 78rem;
  color: #253669;
  font-size: clamp(1rem, 1.35vw, 1.18rem);
  font-weight: 600;
  line-height: 1.72;
}
:where(html.style-post-06) .cii-page .cii-intro-card strong{
  color: #253669;
  font-weight: 850;
}
:where(html.style-post-06) .cii-page footer{ background: #061c45; color: rgba(255,255,255,.74); border-top: 1px solid rgba(255,255,255,.12); }
:where(html.style-post-06) .cii-page footer a{ color: rgba(255,255,255,.78); }

/* CII page final cleanup */
:where(html.style-post-06) .cii-page .scale-note{
  padding: 18px 20px;
  border: 1px solid rgba(78,95,145,.22);
  border-left: 5px solid #97cd2d;
  border-radius: 16px;
  background: #eef4fb;
  margin-bottom: 28px;
  color: #253669 !important;
  box-shadow: 0 14px 30px rgba(37,54,105,.08);
}
:where(html.style-post-06) .cii-page .scale-note strong{
  display: block;
  color: #253669 !important;
  font-weight: 800;
}
:where(html.style-post-06) .cii-page .scale-note div{
  margin-top: 8px;
  color: #253669 !important;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.55;
}

:where(html.style-post-06) body.cii-page{ background: #fff !important; }
:where(html.style-post-06) .cii-page .cs-main{ background: #fff; }
:where(html.style-post-06) .cii-page .shell{
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}
:where(html.style-post-06) .cii-page .assessment-wrap{ padding-top: 4rem; background: #fff; }
:where(html.style-post-06) .cii-page .cs-banner-copy h1{
  text-transform: uppercase;
  white-space: nowrap;
}
@media (max-width: 700px){
  :where(html.style-post-06) .cii-page .cs-banner-copy h1{
    font-size: clamp(1.16rem, 5.45vw, 1.55rem);
    white-space: nowrap;
  }
}
/* Source block: responsive-browser-pass-20260715 */
html:where(.style-post-06){ -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
  :where(html.style-post-06) body{ overflow-x: hidden; }
  :where(html.style-post-06) img,
:where(html.style-post-06) video,
:where(html.style-post-06) svg,
:where(html.style-post-06) canvas{ max-width: 100%; }
  :where(html.style-post-06) img,
:where(html.style-post-06) video{ height: auto; }
  :where(html.style-post-06) iframe{ max-width: 100%; }
  :where(html.style-post-06) input,
:where(html.style-post-06) select,
:where(html.style-post-06) textarea,
:where(html.style-post-06) button{ font: inherit; }
  :where(html.style-post-06) input,
:where(html.style-post-06) select,
:where(html.style-post-06) textarea{ max-width: 100%; min-height: 44px; }
  :where(html.style-post-06) button,
:where(html.style-post-06) a{ -webkit-tap-highlight-color: rgba(151,205,45,.22); }
  :where(html.style-post-06) .hero-title,
:where(html.style-post-06) .case-hero-title,
:where(html.style-post-06) .cii-hero-title,
:where(html.style-post-06) .about-hero-title,
:where(html.style-post-06) .banner-title{ overflow-wrap: normal; text-wrap: balance; }
  @media (max-width: 700px){
    :where(html.style-post-06) .hero-title,
:where(html.style-post-06) .case-hero-title,
:where(html.style-post-06) .cii-hero-title,
:where(html.style-post-06) .about-hero-title,
:where(html.style-post-06) .banner-title{
      max-width: 100% !important;
      line-height: 1.06 !important;
      letter-spacing: -0.035em !important;
    }
    :where(html.style-post-06) .cs-banner-copy,
:where(html.style-post-06) .about-hero-copy,
:where(html.style-post-06) .hero-copy{
      width: 100% !important;
      max-width: 100% !important;
      padding-left: clamp(1rem, 5vw, 1.45rem) !important;
      padding-right: clamp(1rem, 5vw, 1.45rem) !important;
    }
    :where(html.style-post-06) input,
:where(html.style-post-06) select,
:where(html.style-post-06) textarea{
      font-size: 16px !important;
    }
    :where(html.style-post-06) .site-shell,
:where(html.style-post-06) .shell,
:where(html.style-post-06) .cs-main,
:where(html.style-post-06) main{
      max-width: 100% !important;
    }
  }

/* Shared style group: style-post-07 */
/* Source block: consistency-score-page-style */
:where(html.style-post-07) .cs-main{ max-width: 92rem; margin: 0 auto; padding: 7rem 1.25rem 7rem; box-sizing: border-box; }
    :where(html.style-post-07) .cs-banner{ position: relative; overflow: hidden; border: 1px solid rgba(78, 95, 145, 0.2); background: #0a2a59; box-shadow: 0 24px 60px rgba(37, 54, 105, 0.15); }
    :where(html.style-post-07) .cs-banner-media img{ display: block; width: 100%; height: auto; }
    :where(html.style-post-07) .cs-banner-copy{ position: absolute; z-index: 1; right: 4.8%; bottom: 4.6%; left: 4.8%; color: white; }
    :where(html.style-post-07) .cs-banner-kicker{ margin: 0 0 0.8rem; color: #97cd2d; font-size: clamp(0.7rem, 1vw, 0.95rem); font-weight: 650; letter-spacing: 0.04em; text-transform: uppercase; }
    :where(html.style-post-07) .cs-banner-copy h1{ margin: 0; color: white; font-family: Inter, Manrope, "Plus Jakarta Sans", sans-serif; font-size: clamp(1.8rem, 3.15vw, 3.25rem); font-weight: 720; line-height: 1.08; letter-spacing: -0.025em; }
    :where(html.style-post-07) .cs-banner-summary{ max-width: 86rem; margin: 1rem 0 0; color: rgba(255, 255, 255, 0.94); font-size: clamp(0.76rem, 1.25vw, 1.08rem); font-weight: 550; line-height: 1.45; }
    @media (max-width: 700px){
      :where(html.style-post-07) .cs-banner-media{ overflow: hidden; aspect-ratio: 1820 / 660; }
      :where(html.style-post-07) .cs-banner-media img{ width: 100%; max-width: none; height: 100%; object-fit: cover; }
      :where(html.style-post-07) .cs-banner-copy{ position: static; padding: 1.35rem 1.2rem 1.5rem; }
      :where(html.style-post-07) .cs-banner-kicker{ margin-bottom: 0.55rem; }
      :where(html.style-post-07) .cs-banner-copy h1{ font-size: clamp(1.45rem, 7vw, 2rem); line-height: 1.12; }
      :where(html.style-post-07) .cs-banner-summary{ margin-top: 0.75rem; font-size: 0.82rem; line-height: 1.55; }
    }
    :where(html.style-post-07) .cs-swatch-row{ display: grid; grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr)); gap: 1rem; margin-bottom: 0.5rem; }
    :where(html.style-post-07) .cs-swatch-field{ display: flex; align-items: center; gap: 0.6rem; border: 1px solid rgba(78, 95, 145, 0.28); background: rgba(255, 255, 255, 0.9); padding: 0.55rem 0.75rem; }
    :where(html.style-post-07) .cs-swatch-field input[type="color"]{ width: 2rem; height: 2rem; padding: 0; border: 1px solid rgba(78, 95, 145, 0.28); background: none; cursor: pointer; }
    :where(html.style-post-07) .cs-swatch-field input[type="text"]{ flex: 1; min-width: 0; border: 0; background: transparent; color: #252b35; font: inherit; font-size: 0.85rem; text-transform: uppercase; }
    :where(html.style-post-07) .cs-swatch-field input[type="text"]:focus{ outline: none; }
    :where(html.style-post-07) .cs-result{ display: none; }
    :where(html.style-post-07) .cs-result.is-visible{ display: block; }
    :where(html.style-post-07) .cs-score-row{ display: flex; align-items: baseline; gap: 0.85rem; margin: 0.5rem 0 0.25rem; }
    :where(html.style-post-07) .cs-score-num{ color: #253669; font-family: var(--font-serif), Georgia, serif; font-size: clamp(3.2rem, 8vw, 5rem); font-weight: 700; line-height: 1; }
    :where(html.style-post-07) .cs-score-max{ color: #8891a3; font-size: 1rem; }
    :where(html.style-post-07) .cs-score-label{ margin: 0 0 1.75rem; color: #4e5f91; font-weight: 800; font-size: 0.85rem; letter-spacing: 0.06em; text-transform: uppercase; }
    :where(html.style-post-07) .cs-swatch-preview{ display: flex; gap: 0.5rem; margin-bottom: 1.5rem; }
    :where(html.style-post-07) .cs-swatch-preview span{ display: block; width: 2.4rem; height: 2.4rem; border: 1px solid rgba(24, 36, 71, 0.15); }
    :where(html.style-post-07) .cs-fonts-label{ display: block; margin-top: 1.4rem; color: #253669; font-size: 0.76rem; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; }
    :where(html.style-post-07) #cs-fonts-input{ display: block; width: 100%; box-sizing: border-box; min-height: 3.4rem; margin-bottom: 0.4rem; padding: 0.8rem 1rem; border: 1px solid rgba(78, 95, 145, 0.28); border-radius: 0; background: rgba(255, 255, 255, 0.9); color: #252b35; font: inherit; }
    :where(html.style-post-07) #cs-fonts-input:focus{ border-color: #4e5f91; outline: 3px solid rgba(151, 205, 45, 0.22); outline-offset: 1px; }
    :where(html.style-post-07) .cs-breakdown{ display: grid; gap: 0.85rem; margin: 0; padding: 0; list-style: none; }
    :where(html.style-post-07) .cs-breakdown li{ display: flex; gap: 0.7rem; align-items: flex-start; color: #3c4453; line-height: 1.6; }
    :where(html.style-post-07) .cs-breakdown li::before{ content: ""; flex-shrink: 0; width: 0.55rem; height: 0.55rem; margin-top: 0.5rem; border-radius: 50%; background: #8891a3; }
    :where(html.style-post-07) .cs-breakdown li[data-tone="good"]::before{ background: #97cd2d; }
    :where(html.style-post-07) .cs-breakdown li[data-tone="bad"]::before{ background: #c25b3f; }
    :where(html.style-post-07) .cs-share-card{ margin-top: 2rem; padding: 1.5rem 1.75rem; border: 1px dashed rgba(78, 95, 145, 0.35); background: #f4f6fb; }
    :where(html.style-post-07) .cs-share-card p{ margin: 0 0 1rem; color: #4e5f91; font-size: 0.8rem; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; }
    :where(html.style-post-07) .cs-share-text{ margin: 0 0 1rem; color: #252b35; font-size: 0.95rem; line-height: 1.6; }
    :where(html.style-post-07) .cs-copy-btn{ display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.6rem 1.1rem; border: 1px solid rgba(78, 95, 145, 0.35); background: transparent; color: #253669; font: inherit; font-size: 0.72rem; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; cursor: pointer; transition: background 180ms ease, color 180ms ease; }
    :where(html.style-post-07) .cs-copy-btn:hover{ background: #253669; color: #fff; }
    :where(html.style-post-07) .cs-ai-panel{ margin-top: 2rem; padding: clamp(1.5rem, 3vw, 2.2rem); border-left: 5px solid #97cd2d; background: #eef2f8; box-shadow: 0 18px 46px rgba(24, 36, 71, 0.08); }
    :where(html.style-post-07) .cs-ai-panel h3{ margin: 0; color: #253669; font-family: var(--font-serif), Georgia, serif; font-size: clamp(1.45rem, 2.4vw, 2rem); line-height: 1.15; }
    :where(html.style-post-07) .cs-ai-panel p{ color: #586172; line-height: 1.65; }
    :where(html.style-post-07) .cs-ai-actions{ display: flex; flex-wrap: wrap; gap: 0.85rem; align-items: center; margin-top: 1.2rem; }
    :where(html.style-post-07) .cs-ai-btn{ display: inline-flex; min-height: 3rem; align-items: center; gap: 0.65rem; padding: 0.75rem 1.25rem; border: 0; background: #97cd2d; color: #182447; font: inherit; font-size: 0.74rem; font-weight: 900; letter-spacing: 0.14em; text-transform: uppercase; cursor: pointer; transition: background 180ms ease, color 180ms ease, transform 180ms ease, opacity 180ms ease; }
    :where(html.style-post-07) .cs-ai-btn:hover{ transform: translateY(-2px); background: #253669; color: #fff; }
    :where(html.style-post-07) .cs-ai-btn:disabled{ cursor: progress; opacity: 0.7; transform: none; }
    :where(html.style-post-07) .cs-ai-status{ margin: 0; color: #4e5f91; font-size: 0.82rem; font-weight: 750; }
    :where(html.style-post-07) .cs-ai-report{ display: none; margin-top: 1.5rem; color: #414b5c; }
    :where(html.style-post-07) .cs-ai-report.is-visible{ display: grid; gap: 1.1rem; }
    :where(html.style-post-07) .cs-ai-section{ padding-top: 1rem; border-top: 1px solid rgba(78, 95, 145, 0.18); }
    :where(html.style-post-07) .cs-ai-section h4{ margin: 0 0 0.55rem; color: #253669; font-size: 0.86rem; font-weight: 900; letter-spacing: 0.1em; text-transform: uppercase; }
    :where(html.style-post-07) .cs-ai-section p{ margin: 0; color: #4a5362; line-height: 1.7; }
    :where(html.style-post-07) .cs-ai-section ul{ display: grid; gap: 0.55rem; margin: 0; padding: 0; list-style: none; }
    :where(html.style-post-07) .cs-ai-section li{ position: relative; padding-left: 1.2rem; color: #4a5362; line-height: 1.65; }
    :where(html.style-post-07) .cs-ai-section li::before{ content: ""; position: absolute; left: 0; top: 0.7em; width: 0.45rem; height: 0.45rem; background: #97cd2d; border-radius: 50%; }
    :where(html.style-post-07) .cs-cta{ display: grid; gap: 0.75rem; margin-top: 3rem; padding: clamp(1.8rem, 4vw, 3rem); border-left: 5px solid #97cd2d; background: #e9edf6; box-shadow: 0 18px 46px rgba(24, 36, 71, 0.1); }
    :where(html.style-post-07) .cs-cta h2{ margin: 0; color: #253669; font-family: var(--font-serif), Georgia, serif; font-size: clamp(1.5rem, 2.5vw, 2rem); line-height: 1.15; }
    :where(html.style-post-07) .cs-cta p{ margin: 0; color: #586172; line-height: 1.65; max-width: 34rem; }
    :where(html.style-post-07) .cs-cta a{ display: inline-flex; width: fit-content; min-height: 3rem; align-items: center; gap: 0.65rem; margin-top: 0.5rem; padding: 0.75rem 1.25rem; background: #97cd2d; color: #182447; font-size: 0.74rem; font-weight: 900; letter-spacing: 0.14em; text-decoration: none; text-transform: uppercase; transition: background 180ms ease, color 180ms ease, transform 180ms ease; }
    :where(html.style-post-07) .cs-cta a:hover{ transform: translateY(-2px); background: #253669; color: #fff; }
    @media (max-width: 640px){ :where(html.style-post-07) .cs-swatch-row{ grid-template-columns: repeat(2, 1fr); } :where(html.style-post-07) .cs-main{ padding: 7.25rem 1rem 5rem; } }
/* Source block: header-live-meta-style */
:where(html.style-post-07) .header-live-separator{
      color: rgba(246, 241, 226, 0.28);
      font-size: 0.75rem;
      line-height: 1;
    }
    :where(html.style-post-07) .header-live-meta{
      display: inline-flex;
      align-items: center;
      gap: 0.55rem;
      white-space: nowrap;
      color: rgba(211, 208, 197, 0.68);
      font-size: 0.68rem;
      font-weight: 500;
      letter-spacing: 0.14em;
      line-height: 1;
      text-transform: uppercase;
    }
    :where(html.style-post-07) .header-live-meta span[aria-hidden="true"]{
      color: rgba(246, 241, 226, 0.24);
    }
    :where(html.style-post-07) .header-live-temp{
      color: #b6f05c;
    }
    @media (max-width: 1279px){
      :where(html.style-post-07) .header-live-separator,
:where(html.style-post-07) .header-live-meta{
        display: none !important;
      }
    }
/* Source block: arabic-menu-pulse-style */
:where(html.style-post-07) header nav[aria-label="Main navigation"] [lang="ar"]{
      position: relative;
      display: inline-flex;
      align-items: center;
      gap: 0.55rem;
      transition: color 0.25s ease, text-shadow 0.25s ease;
    }

    :where(html.style-post-07) header nav[aria-label="Main navigation"] [lang="ar"]::after{
      content: "";
      width: 0.45rem;
      height: 0.45rem;
      border-radius: 999px;
      background: #4e5f91 !important;
      box-shadow: 0 0 0 rgba(78, 95, 145, 0) !important;
      animation: arabic-menu-dot-pulse 2s ease-in-out infinite !important;
    }

    :where(html.style-post-07) header nav[aria-label="Main navigation"] [lang="ar"]:hover,
:where(html.style-post-07) header nav[aria-label="Main navigation"] [lang="ar"]:focus-visible{
      color: #4e5f91 !important;
      text-shadow: none !important;
    }

    @keyframes arabic-menu-dot-pulse{
      0%,
      100% {
        opacity: 0.55;
        box-shadow: 0 0 0 rgba(78, 95, 145, 0) !important;
        transform: scale(0.92);
      }
      50% {
        opacity: 1;
        box-shadow:
          0 0 8px rgba(78, 95, 145, 0.85),
          0 0 18px rgba(78, 95, 145, 0.55) !important;
        transform: scale(1.08);
      }
    }

    @media (prefers-reduced-motion: reduce){
      :where(html.style-post-07) header nav[aria-label="Main navigation"] [lang="ar"]::after{
        animation: none !important;
      }
    }
/* Source block: main-menu-final-consistency-20260713 */
:where(html.style-post-07) header nav[aria-label="Main navigation"]{
    height: 5rem !important;
    max-width: 92rem !important;
  }
  :where(html.style-post-07) header nav[aria-label="Main navigation"] .hidden.items-center{
    gap: 1.45rem !important;
  }
  :where(html.style-post-07) header nav[aria-label="Main navigation"] .hidden a,
:where(html.style-post-07) header nav[aria-label="Main navigation"] .hidden button,
:where(html.style-post-07) .nav-panel-live a{
    color: rgba(211, 208, 197, 0.72) !important;
    font-family: Inter, Manrope, "Plus Jakarta Sans", sans-serif !important;
    font-size: 0.72rem !important;
    font-weight: 650 !important;
    letter-spacing: 0.14em !important;
    line-height: 1 !important;
    text-shadow: none !important;
    text-decoration: none !important;
    transition: color 0.22s ease, font-weight 0.22s ease, border-color 0.22s ease, background-color 0.22s ease !important;
  }
  :where(html.style-post-07) header nav[aria-label="Main navigation"] .hidden a:hover,
:where(html.style-post-07) header nav[aria-label="Main navigation"] .hidden a:focus-visible,
:where(html.style-post-07) header nav[aria-label="Main navigation"] .hidden button:hover,
:where(html.style-post-07) header nav[aria-label="Main navigation"] .hidden button:focus-visible,
:where(html.style-post-07) .nav-panel-live a:hover,
:where(html.style-post-07) .nav-panel-live a:focus-visible,
:where(html.style-post-07) header nav[aria-label="Main navigation"] a[aria-current="page"]{
    color: #4e5f91 !important;
    font-weight: 850 !important;
    text-shadow: none !important;
  }
  :where(html.style-post-07) header nav[aria-label="Main navigation"] a[aria-current="page"]{
    pointer-events: auto !important;
  }
  :where(html.style-post-07) header nav[aria-label="Main navigation"] [lang="ar"]{
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.55rem !important;
    color: rgba(211, 208, 197, 0.72) !important;
  }
  :where(html.style-post-07) header nav[aria-label="Main navigation"] [lang="ar"]::after{
    content: "" !important;
    display: inline-block !important;
    width: 0.45rem !important;
    height: 0.45rem !important;
    flex: 0 0 0.45rem !important;
    border-radius: 999px !important;
    background: #4e5f91 !important;
    box-shadow: 0 0 0 rgba(78, 95, 145, 0) !important;
    animation: arabic-menu-dot-blue-pulse-final 2s ease-in-out infinite !important;
  }
  :where(html.style-post-07) header nav[aria-label="Main navigation"] [lang="ar"]:hover,
:where(html.style-post-07) header nav[aria-label="Main navigation"] [lang="ar"]:focus-visible{
    color: #4e5f91 !important;
    font-weight: 850 !important;
    text-shadow: none !important;
  }
  :where(html.style-post-07) .header-live-separator{
    color: rgba(211, 208, 197, 0.28) !important;
    font-size: 0.72rem !important;
    line-height: 1 !important;
  }
  :where(html.style-post-07) .header-live-meta{
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    white-space: nowrap !important;
    color: #4e5f91 !important;
    font-family: Inter, Manrope, "Plus Jakarta Sans", sans-serif !important;
    font-size: 0.66rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    text-shadow: none !important;
  }
  :where(html.style-post-07) .header-live-meta span,
:where(html.style-post-07) .header-live-meta span[aria-hidden="true"],
:where(html.style-post-07) .header-live-temp{
    color: #4e5f91 !important;
    text-shadow: none !important;
  }
  :where(html.style-post-07) header button[aria-label*="navigation"]{
    color: rgba(246, 241, 226, 0.86) !important;
    border-color: rgba(246, 241, 226, 0.18) !important;
    box-shadow: none !important;
  }
  :where(html.style-post-07) header button[aria-label*="navigation"]:hover,
:where(html.style-post-07) header button[aria-label*="navigation"]:focus-visible{
    color: #4e5f91 !important;
    border-color: rgba(78, 95, 145, 0.7) !important;
    box-shadow: none !important;
  }
  @keyframes arabic-menu-dot-blue-pulse-final{
    0%, 100% { opacity: 0.72; box-shadow: 0 0 0 0 rgba(78, 95, 145, 0.12); transform: scale(0.94); }
    50% { opacity: 1; box-shadow: 0 0 0 0.32rem rgba(78, 95, 145, 0); transform: scale(1.06); }
  }
  @media (max-width: 1279px){
    :where(html.style-post-07) .header-live-separator,
:where(html.style-post-07) .header-live-meta{ display: none !important; }
  }
/* Source block: main-menu-eye-comfort-20260713 */
:where(html.style-post-07) header.fixed,
:where(html.style-post-07) header[class*="bg-ink"],
:where(html.style-post-07) body > header{
    background: rgba(24, 36, 71, 0.96) !important;
    border-bottom: 1px solid rgba(151, 205, 45, 0.16) !important;
    box-shadow: 0 12px 34px rgba(24, 36, 71, 0.18) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
  }

  :where(html.style-post-07) header nav[aria-label="Main navigation"] .hidden a,
:where(html.style-post-07) header nav[aria-label="Main navigation"] .hidden button,
:where(html.style-post-07) header nav[aria-label="Main navigation"] .header-live-meta,
:where(html.style-post-07) header nav[aria-label="Main navigation"] .header-live-meta span,
:where(html.style-post-07) header nav[aria-label="Main navigation"] .header-live-temp,
:where(html.style-post-07) header nav[aria-label="Main navigation"] .header-live-separator{
    color: rgba(218, 227, 242, 0.72) !important;
    text-shadow: none !important;
  }

  :where(html.style-post-07) header nav[aria-label="Main navigation"] .hidden a:hover,
:where(html.style-post-07) header nav[aria-label="Main navigation"] .hidden a:focus-visible,
:where(html.style-post-07) header nav[aria-label="Main navigation"] .hidden button:hover,
:where(html.style-post-07) header nav[aria-label="Main navigation"] .hidden button:focus-visible{
    color: #97cd2d !important;
    font-weight: 850 !important;
    text-shadow: none !important;
  }

  :where(html.style-post-07) header nav[aria-label="Main navigation"] a[aria-current="page"],
:where(html.style-post-07) header nav[aria-label="Main navigation"] a.text-atlantis[aria-current="page"]{
    color: #97cd2d !important;
    font-weight: 850 !important;
  }

  :where(html.style-post-07) header nav[aria-label="Main navigation"] span[aria-hidden="true"].h-4,
:where(html.style-post-07) header nav[aria-label="Main navigation"] .header-live-separator{
    background-color: rgba(218, 227, 242, 0.22) !important;
    color: rgba(218, 227, 242, 0.28) !important;
  }

  :where(html.style-post-07) header nav[aria-label="Main navigation"] [lang="ar"]{
    color: rgba(218, 227, 242, 0.72) !important;
  }

  :where(html.style-post-07) header nav[aria-label="Main navigation"] [lang="ar"]::after{
    background: #4e5f91 !important;
    box-shadow: 0 0 0 rgba(78, 95, 145, 0) !important;
  }

  :where(html.style-post-07) header nav[aria-label="Main navigation"] [lang="ar"]:hover,
:where(html.style-post-07) header nav[aria-label="Main navigation"] [lang="ar"]:focus-visible{
    color: #97cd2d !important;
  }

  :where(html.style-post-07) header button[aria-label*="navigation"]{
    color: rgba(218, 227, 242, 0.78) !important;
    border-color: rgba(218, 227, 242, 0.2) !important;
    background: rgba(37, 54, 105, 0.28) !important;
    box-shadow: none !important;
  }

  :where(html.style-post-07) header button[aria-label*="navigation"]:hover,
:where(html.style-post-07) header button[aria-label*="navigation"]:focus-visible{
    color: #97cd2d !important;
    border-color: rgba(151, 205, 45, 0.65) !important;
  }

  :where(html.style-post-07) .nav-panel-live{
    background: rgba(24, 36, 71, 0.98) !important;
    border-top: 1px solid rgba(151, 205, 45, 0.16) !important;
  }

  :where(html.style-post-07) .nav-panel-live a{
    color: rgba(218, 227, 242, 0.78) !important;
  }

  :where(html.style-post-07) .nav-panel-live a:hover,
:where(html.style-post-07) .nav-panel-live a:focus-visible{
    color: #97cd2d !important;
  }
/* Source block: responsive-browser-pass-20260715 */
html:where(.style-post-07){ -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
  :where(html.style-post-07) body{ overflow-x: hidden; }
  :where(html.style-post-07) img,
:where(html.style-post-07) video,
:where(html.style-post-07) svg,
:where(html.style-post-07) canvas{ max-width: 100%; }
  :where(html.style-post-07) img,
:where(html.style-post-07) video{ height: auto; }
  :where(html.style-post-07) iframe{ max-width: 100%; }
  :where(html.style-post-07) input,
:where(html.style-post-07) select,
:where(html.style-post-07) textarea,
:where(html.style-post-07) button{ font: inherit; }
  :where(html.style-post-07) input,
:where(html.style-post-07) select,
:where(html.style-post-07) textarea{ max-width: 100%; min-height: 44px; }
  :where(html.style-post-07) button,
:where(html.style-post-07) a{ -webkit-tap-highlight-color: rgba(151,205,45,.22); }
  :where(html.style-post-07) .hero-title,
:where(html.style-post-07) .case-hero-title,
:where(html.style-post-07) .cii-hero-title,
:where(html.style-post-07) .about-hero-title,
:where(html.style-post-07) .banner-title{ overflow-wrap: normal; text-wrap: balance; }
  @media (max-width: 700px){
    :where(html.style-post-07) .hero-title,
:where(html.style-post-07) .case-hero-title,
:where(html.style-post-07) .cii-hero-title,
:where(html.style-post-07) .about-hero-title,
:where(html.style-post-07) .banner-title{
      max-width: 100% !important;
      line-height: 1.06 !important;
      letter-spacing: -0.035em !important;
    }
    :where(html.style-post-07) .cs-banner-copy,
:where(html.style-post-07) .about-hero-copy,
:where(html.style-post-07) .hero-copy{
      width: 100% !important;
      max-width: 100% !important;
      padding-left: clamp(1rem, 5vw, 1.45rem) !important;
      padding-right: clamp(1rem, 5vw, 1.45rem) !important;
    }
    :where(html.style-post-07) input,
:where(html.style-post-07) select,
:where(html.style-post-07) textarea{
      font-size: 16px !important;
    }
    :where(html.style-post-07) .site-shell,
:where(html.style-post-07) .shell,
:where(html.style-post-07) .cs-main,
:where(html.style-post-07) main{
      max-width: 100% !important;
    }
  }

/* Shared style group: style-post-08 */
/* Source block: main-menu-final-consistency-20260713 */
:where(html.style-post-08) header nav[aria-label="Main navigation"]{
    height: 5rem !important;
    max-width: 92rem !important;
  }
  :where(html.style-post-08) header nav[aria-label="Main navigation"] .hidden.items-center{
    gap: 1.45rem !important;
  }
  :where(html.style-post-08) header nav[aria-label="Main navigation"] .hidden a,
:where(html.style-post-08) header nav[aria-label="Main navigation"] .hidden button,
:where(html.style-post-08) .nav-panel-live a{
    color: rgba(211, 208, 197, 0.72) !important;
    font-family: Inter, Manrope, "Plus Jakarta Sans", sans-serif !important;
    font-size: 0.72rem !important;
    font-weight: 650 !important;
    letter-spacing: 0.14em !important;
    line-height: 1 !important;
    text-shadow: none !important;
    text-decoration: none !important;
    transition: color 0.22s ease, font-weight 0.22s ease, border-color 0.22s ease, background-color 0.22s ease !important;
  }
  :where(html.style-post-08) header nav[aria-label="Main navigation"] .hidden a:hover,
:where(html.style-post-08) header nav[aria-label="Main navigation"] .hidden a:focus-visible,
:where(html.style-post-08) header nav[aria-label="Main navigation"] .hidden button:hover,
:where(html.style-post-08) header nav[aria-label="Main navigation"] .hidden button:focus-visible,
:where(html.style-post-08) .nav-panel-live a:hover,
:where(html.style-post-08) .nav-panel-live a:focus-visible,
:where(html.style-post-08) header nav[aria-label="Main navigation"] a[aria-current="page"]{
    color: #4e5f91 !important;
    font-weight: 850 !important;
    text-shadow: none !important;
  }
  :where(html.style-post-08) header nav[aria-label="Main navigation"] a[aria-current="page"]{
    pointer-events: auto !important;
  }
  :where(html.style-post-08) header nav[aria-label="Main navigation"] [lang="ar"]{
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.55rem !important;
    color: rgba(211, 208, 197, 0.72) !important;
  }
  :where(html.style-post-08) header nav[aria-label="Main navigation"] [lang="ar"]::after{
    content: "" !important;
    display: inline-block !important;
    width: 0.45rem !important;
    height: 0.45rem !important;
    flex: 0 0 0.45rem !important;
    border-radius: 999px !important;
    background: #4e5f91 !important;
    box-shadow: 0 0 0 rgba(78, 95, 145, 0) !important;
    animation: arabic-menu-dot-blue-pulse-final 2s ease-in-out infinite !important;
  }
  :where(html.style-post-08) header nav[aria-label="Main navigation"] [lang="ar"]:hover,
:where(html.style-post-08) header nav[aria-label="Main navigation"] [lang="ar"]:focus-visible{
    color: #4e5f91 !important;
    font-weight: 850 !important;
    text-shadow: none !important;
  }
  :where(html.style-post-08) .header-live-separator{
    color: rgba(211, 208, 197, 0.28) !important;
    font-size: 0.72rem !important;
    line-height: 1 !important;
  }
  :where(html.style-post-08) .header-live-meta{
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    white-space: nowrap !important;
    color: #4e5f91 !important;
    font-family: Inter, Manrope, "Plus Jakarta Sans", sans-serif !important;
    font-size: 0.66rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    text-shadow: none !important;
  }
  :where(html.style-post-08) .header-live-meta span,
:where(html.style-post-08) .header-live-meta span[aria-hidden="true"],
:where(html.style-post-08) .header-live-temp{
    color: #4e5f91 !important;
    text-shadow: none !important;
  }
  :where(html.style-post-08) header button[aria-label*="navigation"]{
    color: rgba(246, 241, 226, 0.86) !important;
    border-color: rgba(246, 241, 226, 0.18) !important;
    box-shadow: none !important;
  }
  :where(html.style-post-08) header button[aria-label*="navigation"]:hover,
:where(html.style-post-08) header button[aria-label*="navigation"]:focus-visible{
    color: #4e5f91 !important;
    border-color: rgba(78, 95, 145, 0.7) !important;
    box-shadow: none !important;
  }
  @keyframes arabic-menu-dot-blue-pulse-final{
    0%, 100% { opacity: 0.72; box-shadow: 0 0 0 0 rgba(78, 95, 145, 0.12); transform: scale(0.94); }
    50% { opacity: 1; box-shadow: 0 0 0 0.32rem rgba(78, 95, 145, 0); transform: scale(1.06); }
  }
  @media (max-width: 1279px){
    :where(html.style-post-08) .header-live-separator,
:where(html.style-post-08) .header-live-meta{ display: none !important; }
  }
/* Source block: main-menu-eye-comfort-20260713 */
:where(html.style-post-08) header.fixed,
:where(html.style-post-08) header[class*="bg-ink"],
:where(html.style-post-08) body > header{
    background: rgba(24, 36, 71, 0.96) !important;
    border-bottom: 1px solid rgba(151, 205, 45, 0.16) !important;
    box-shadow: 0 12px 34px rgba(24, 36, 71, 0.18) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
  }

  :where(html.style-post-08) header nav[aria-label="Main navigation"] .hidden a,
:where(html.style-post-08) header nav[aria-label="Main navigation"] .hidden button,
:where(html.style-post-08) header nav[aria-label="Main navigation"] .header-live-meta,
:where(html.style-post-08) header nav[aria-label="Main navigation"] .header-live-meta span,
:where(html.style-post-08) header nav[aria-label="Main navigation"] .header-live-temp,
:where(html.style-post-08) header nav[aria-label="Main navigation"] .header-live-separator{
    color: rgba(218, 227, 242, 0.72) !important;
    text-shadow: none !important;
  }

  :where(html.style-post-08) header nav[aria-label="Main navigation"] .hidden a:hover,
:where(html.style-post-08) header nav[aria-label="Main navigation"] .hidden a:focus-visible,
:where(html.style-post-08) header nav[aria-label="Main navigation"] .hidden button:hover,
:where(html.style-post-08) header nav[aria-label="Main navigation"] .hidden button:focus-visible{
    color: #97cd2d !important;
    font-weight: 850 !important;
    text-shadow: none !important;
  }

  :where(html.style-post-08) header nav[aria-label="Main navigation"] a[aria-current="page"],
:where(html.style-post-08) header nav[aria-label="Main navigation"] a.text-atlantis[aria-current="page"]{
    color: #97cd2d !important;
    font-weight: 850 !important;
  }

  :where(html.style-post-08) header nav[aria-label="Main navigation"] span[aria-hidden="true"].h-4,
:where(html.style-post-08) header nav[aria-label="Main navigation"] .header-live-separator{
    background-color: rgba(218, 227, 242, 0.22) !important;
    color: rgba(218, 227, 242, 0.28) !important;
  }

  :where(html.style-post-08) header nav[aria-label="Main navigation"] [lang="ar"]{
    color: rgba(218, 227, 242, 0.72) !important;
  }

  :where(html.style-post-08) header nav[aria-label="Main navigation"] [lang="ar"]::after{
    background: #4e5f91 !important;
    box-shadow: 0 0 0 rgba(78, 95, 145, 0) !important;
  }

  :where(html.style-post-08) header nav[aria-label="Main navigation"] [lang="ar"]:hover,
:where(html.style-post-08) header nav[aria-label="Main navigation"] [lang="ar"]:focus-visible{
    color: #97cd2d !important;
  }

  :where(html.style-post-08) header button[aria-label*="navigation"]{
    color: rgba(218, 227, 242, 0.78) !important;
    border-color: rgba(218, 227, 242, 0.2) !important;
    background: rgba(37, 54, 105, 0.28) !important;
    box-shadow: none !important;
  }

  :where(html.style-post-08) header button[aria-label*="navigation"]:hover,
:where(html.style-post-08) header button[aria-label*="navigation"]:focus-visible{
    color: #97cd2d !important;
    border-color: rgba(151, 205, 45, 0.65) !important;
  }

  :where(html.style-post-08) .nav-panel-live{
    background: rgba(24, 36, 71, 0.98) !important;
    border-top: 1px solid rgba(151, 205, 45, 0.16) !important;
  }

  :where(html.style-post-08) .nav-panel-live a{
    color: rgba(218, 227, 242, 0.78) !important;
  }

  :where(html.style-post-08) .nav-panel-live a:hover,
:where(html.style-post-08) .nav-panel-live a:focus-visible{
    color: #97cd2d !important;
  }
/* Source block: responsive-browser-pass-20260715 */
html:where(.style-post-08){ -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
  :where(html.style-post-08) body{ overflow-x: hidden; }
  :where(html.style-post-08) img,
:where(html.style-post-08) video,
:where(html.style-post-08) svg,
:where(html.style-post-08) canvas{ max-width: 100%; }
  :where(html.style-post-08) img,
:where(html.style-post-08) video{ height: auto; }
  :where(html.style-post-08) iframe{ max-width: 100%; }
  :where(html.style-post-08) input,
:where(html.style-post-08) select,
:where(html.style-post-08) textarea,
:where(html.style-post-08) button{ font: inherit; }
  :where(html.style-post-08) input,
:where(html.style-post-08) select,
:where(html.style-post-08) textarea{ max-width: 100%; min-height: 44px; }
  :where(html.style-post-08) button,
:where(html.style-post-08) a{ -webkit-tap-highlight-color: rgba(151,205,45,.22); }
  :where(html.style-post-08) .hero-title,
:where(html.style-post-08) .case-hero-title,
:where(html.style-post-08) .cii-hero-title,
:where(html.style-post-08) .about-hero-title,
:where(html.style-post-08) .banner-title{ overflow-wrap: normal; text-wrap: balance; }
  @media (max-width: 700px){
    :where(html.style-post-08) .hero-title,
:where(html.style-post-08) .case-hero-title,
:where(html.style-post-08) .cii-hero-title,
:where(html.style-post-08) .about-hero-title,
:where(html.style-post-08) .banner-title{
      max-width: 100% !important;
      line-height: 1.06 !important;
      letter-spacing: -0.035em !important;
    }
    :where(html.style-post-08) .cs-banner-copy,
:where(html.style-post-08) .about-hero-copy,
:where(html.style-post-08) .hero-copy{
      width: 100% !important;
      max-width: 100% !important;
      padding-left: clamp(1rem, 5vw, 1.45rem) !important;
      padding-right: clamp(1rem, 5vw, 1.45rem) !important;
    }
    :where(html.style-post-08) input,
:where(html.style-post-08) select,
:where(html.style-post-08) textarea{
      font-size: 16px !important;
    }
    :where(html.style-post-08) .site-shell,
:where(html.style-post-08) .shell,
:where(html.style-post-08) .cs-main,
:where(html.style-post-08) main{
      max-width: 100% !important;
    }
  }
/* Source block: contact-final-light-panel-fix */
html:where(.style-post-08) body.contact-page,
html:where(.style-post-08) body.contact-page main,
html:where(.style-post-08) body.contact-page .contact-page-section,
html:where(.style-post-08) body.contact-page .contact-page-layout,
html:where(.style-post-08) body.contact-page .contact-page-intro{background:#fff!important;color:#253669!important}
html:where(.style-post-08) body.contact-page .contact-page-layout{border:0!important;box-shadow:none!important}
html:where(.style-post-08) body.contact-page .contact-page-form-panel{background:#fff!important;border:1px solid rgba(78,95,145,.22)!important;border-left:5px solid #97cd2d!important;box-shadow:0 18px 48px rgba(37,54,105,.09)!important;color:#253669!important}
html:where(.style-post-08) body.contact-page .contact-page-form-panel form label,
html:where(.style-post-08) body.contact-page .contact-page-form-panel form label span,
html:where(.style-post-08) body.contact-page .contact-page-form-panel .text-mist\/70,
html:where(.style-post-08) body.contact-page .contact-page-form-panel .text-mist\/75,
html:where(.style-post-08) body.contact-page .contact-page-form-panel p{color:#303b50!important}
html:where(.style-post-08) body.contact-page .contact-page-form-panel form label span{font-weight:850!important;letter-spacing:.14em!important;color:#253669!important}
html:where(.style-post-08) body.contact-page .contact-page-form-panel .field{border:1px solid rgba(78,95,145,.28)!important;background:#f8faff!important;color:#253669!important}
html:where(.style-post-08) body.contact-page .contact-page-form-panel .field:focus{border-color:#4e5f91!important;outline:3px solid rgba(151,205,45,.22)!important;outline-offset:1px!important}
html:where(.style-post-08) body.contact-page .contact-select-shell{position:relative!important;display:block!important;isolation:isolate!important}
html:where(.style-post-08) body.contact-page .contact-select-shell::before{content:""!important;position:absolute!important;inset:0 auto 0 0!important;width:5px!important;background:#97cd2d!important;z-index:2!important;pointer-events:none!important}
html:where(.style-post-08) body.contact-page .contact-select-shell::after{content:""!important;position:absolute!important;right:1.05rem!important;top:50%!important;width:.72rem!important;height:.72rem!important;border-right:2px solid #97cd2d!important;border-bottom:2px solid #97cd2d!important;transform:translateY(-62%) rotate(45deg)!important;z-index:3!important;pointer-events:none!important;transition:border-color .22s ease,transform .22s ease!important}
html:where(.style-post-08) body.contact-page .contact-page-form-panel .contact-select-field{width:100%!important;min-height:3.65rem!important;padding:.95rem 3.7rem .95rem 1.25rem!important;border-left:0!important;background:linear-gradient(135deg,#f8faff 0%,#eef3fa 100%)!important;color:#253669!important;font-size:.92rem!important;font-weight:760!important;letter-spacing:.02em!important;line-height:1.2!important;appearance:none!important;-webkit-appearance:none!important;border-radius:0!important;cursor:pointer!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.58)!important}
html:where(.style-post-08) body.contact-page .contact-select-shell:hover .contact-select-field,
html:where(.style-post-08) body.contact-page .contact-select-shell:focus-within .contact-select-field{border-color:#4e5f91!important;background:#fff!important;outline:3px solid rgba(151,205,45,.2)!important;outline-offset:1px!important}
html:where(.style-post-08) body.contact-page .contact-select-shell:hover::after,
html:where(.style-post-08) body.contact-page .contact-select-shell:focus-within::after{border-color:#253669!important;transform:translateY(-45%) rotate(45deg)!important}
html:where(.style-post-08) body.contact-page .contact-select-field option{background:#fff!important;color:#253669!important;font-weight:700!important}
html:where(.style-post-08) body.contact-page .contact-page-form-panel .border-ivory\/10{border-color:rgba(78,95,145,.18)!important}
html:where(.style-post-08) body.contact-page .contact-page-socials>a{color:#253669!important;font-weight:700!important}
html:where(.style-post-08) body.contact-page .contact-page-socials>a>span:first-child{border-color:rgba(78,95,145,.35)!important;color:#253669!important;background:#fff!important}
html:where(.style-post-08) body.contact-page .contact-page-socials>a:hover,
html:where(.style-post-08) body.contact-page .contact-page-socials>a:focus-visible{color:#4e5f91!important}
html:where(.style-post-08) body.contact-page .contact-page-socials>a:hover>span:first-child,
html:where(.style-post-08) body.contact-page .contact-page-socials>a:focus-visible>span:first-child{border-color:#97cd2d!important;background:#97cd2d!important;color:#182447!important}
html:where(.style-post-08) body.contact-page footer,
html:where(.style-post-08) body.contact-page footer.bg-graphite{background:#253669!important}
html:where(.style-post-08) body.contact-page footer .footer-statement,
html:where(.style-post-08) body.contact-page footer .text-ivory{color:#fff!important}
html:where(.style-post-08) body.contact-page footer p,
html:where(.style-post-08) body.contact-page footer .text-mist\/45,
html:where(.style-post-08) body.contact-page footer .text-mist\/70,
html:where(.style-post-08) body.contact-page footer .text-mist\/75{color:rgba(255,255,255,.82)!important}
html:where(.style-post-08) body.contact-page footer a{color:#fff!important;font-weight:800!important;text-decoration:none!important}
html:where(.style-post-08) body.contact-page footer a:hover,
html:where(.style-post-08) body.contact-page footer a:focus-visible{color:#97cd2d!important}

/* Shared style group: style-post-09 */
/* Source block: expertise-hero-style */
html:where(.style-post-09) body.expertise-page main .expertise-page-section{ max-width: 92rem !important; margin: 0 auto !important; padding: 7rem 1.25rem 7rem !important; box-sizing: border-box !important; }
  html:where(.style-post-09) body.expertise-page .expertise-hero{ position: relative !important; overflow: hidden !important; border: 1px solid rgba(78, 95, 145, 0.2) !important; background: #0a2a59 !important; box-shadow: 0 24px 60px rgba(37, 54, 105, 0.15) !important; }
  html:where(.style-post-09) body.expertise-page .expertise-hero-media img{ display: block !important; width: 100% !important; height: auto !important; }
  html:where(.style-post-09) body.expertise-page .expertise-hero-copy{ position: absolute !important; z-index: 1 !important; right: 4.8% !important; bottom: 4.6% !important; left: 4.8% !important; color: white !important; }
  html:where(.style-post-09) body.expertise-page .expertise-hero-kicker{ margin: 0 0 0.8rem !important; color: #97cd2d !important; font-size: clamp(0.7rem, 1vw, 0.95rem) !important; font-weight: 650 !important; letter-spacing: 0.04em !important; text-transform: uppercase !important; }
  html:where(.style-post-09) body.expertise-page main .expertise-hero-copy h1{ max-width: 86rem !important; margin: 0 !important; color: white !important; font-family: Inter, Manrope, "Plus Jakarta Sans", sans-serif !important; font-size: clamp(1.8rem, 3.15vw, 3.25rem) !important; font-weight: 720 !important; line-height: 1.08 !important; letter-spacing: -0.025em !important; }
  html:where(.style-post-09) body.expertise-page .expertise-hero-summary{ max-width: 86rem !important; margin: 1rem 0 0 !important; color: rgba(255, 255, 255, 0.94) !important; font-size: clamp(0.76rem, 1.25vw, 1.08rem) !important; font-weight: 550 !important; line-height: 1.45 !important; }
  @media (max-width: 700px){
    html:where(.style-post-09) body.expertise-page main .expertise-page-section{ padding: 7.25rem 1rem 5rem !important; }
    html:where(.style-post-09) body.expertise-page .expertise-hero-media{ overflow: hidden !important; aspect-ratio: 1820 / 660 !important; }
    html:where(.style-post-09) body.expertise-page .expertise-hero-media img{ width: 100% !important; max-width: none !important; height: 100% !important; object-fit: cover !important; }
    html:where(.style-post-09) body.expertise-page .expertise-hero-copy{ position: static !important; padding: 1.35rem 1.2rem 1.5rem !important; }
    html:where(.style-post-09) body.expertise-page .expertise-hero-kicker{ margin-bottom: 0.55rem !important; }
    html:where(.style-post-09) body.expertise-page main .expertise-hero-copy h1{ font-size: clamp(1.45rem, 7vw, 2rem) !important; line-height: 1.12 !important; }
    html:where(.style-post-09) body.expertise-page .expertise-hero-summary{ margin-top: 0.75rem !important; font-size: 0.82rem !important; line-height: 1.55 !important; }
  }
/* Source block: main-menu-final-consistency-20260713 */
:where(html.style-post-09) header nav[aria-label="Main navigation"]{
    height: 5rem !important;
    max-width: 92rem !important;
  }
  :where(html.style-post-09) header nav[aria-label="Main navigation"] .hidden.items-center{
    gap: 1.45rem !important;
  }
  :where(html.style-post-09) header nav[aria-label="Main navigation"] .hidden a,
:where(html.style-post-09) header nav[aria-label="Main navigation"] .hidden button,
:where(html.style-post-09) .nav-panel-live a{
    color: rgba(211, 208, 197, 0.72) !important;
    font-family: Inter, Manrope, "Plus Jakarta Sans", sans-serif !important;
    font-size: 0.72rem !important;
    font-weight: 650 !important;
    letter-spacing: 0.14em !important;
    line-height: 1 !important;
    text-shadow: none !important;
    text-decoration: none !important;
    transition: color 0.22s ease, font-weight 0.22s ease, border-color 0.22s ease, background-color 0.22s ease !important;
  }
  :where(html.style-post-09) header nav[aria-label="Main navigation"] .hidden a:hover,
:where(html.style-post-09) header nav[aria-label="Main navigation"] .hidden a:focus-visible,
:where(html.style-post-09) header nav[aria-label="Main navigation"] .hidden button:hover,
:where(html.style-post-09) header nav[aria-label="Main navigation"] .hidden button:focus-visible,
:where(html.style-post-09) .nav-panel-live a:hover,
:where(html.style-post-09) .nav-panel-live a:focus-visible,
:where(html.style-post-09) header nav[aria-label="Main navigation"] a[aria-current="page"]{
    color: #4e5f91 !important;
    font-weight: 850 !important;
    text-shadow: none !important;
  }
  :where(html.style-post-09) header nav[aria-label="Main navigation"] a[aria-current="page"]{
    pointer-events: auto !important;
  }
  :where(html.style-post-09) header nav[aria-label="Main navigation"] [lang="ar"]{
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.55rem !important;
    color: rgba(211, 208, 197, 0.72) !important;
  }
  :where(html.style-post-09) header nav[aria-label="Main navigation"] [lang="ar"]::after{
    content: "" !important;
    display: inline-block !important;
    width: 0.45rem !important;
    height: 0.45rem !important;
    flex: 0 0 0.45rem !important;
    border-radius: 999px !important;
    background: #4e5f91 !important;
    box-shadow: 0 0 0 rgba(78, 95, 145, 0) !important;
    animation: arabic-menu-dot-blue-pulse-final 2s ease-in-out infinite !important;
  }
  :where(html.style-post-09) header nav[aria-label="Main navigation"] [lang="ar"]:hover,
:where(html.style-post-09) header nav[aria-label="Main navigation"] [lang="ar"]:focus-visible{
    color: #4e5f91 !important;
    font-weight: 850 !important;
    text-shadow: none !important;
  }
  :where(html.style-post-09) .header-live-separator{
    color: rgba(211, 208, 197, 0.28) !important;
    font-size: 0.72rem !important;
    line-height: 1 !important;
  }
  :where(html.style-post-09) .header-live-meta{
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    white-space: nowrap !important;
    color: #4e5f91 !important;
    font-family: Inter, Manrope, "Plus Jakarta Sans", sans-serif !important;
    font-size: 0.66rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    text-shadow: none !important;
  }
  :where(html.style-post-09) .header-live-meta span,
:where(html.style-post-09) .header-live-meta span[aria-hidden="true"],
:where(html.style-post-09) .header-live-temp{
    color: #4e5f91 !important;
    text-shadow: none !important;
  }
  :where(html.style-post-09) header button[aria-label*="navigation"]{
    color: rgba(246, 241, 226, 0.86) !important;
    border-color: rgba(246, 241, 226, 0.18) !important;
    box-shadow: none !important;
  }
  :where(html.style-post-09) header button[aria-label*="navigation"]:hover,
:where(html.style-post-09) header button[aria-label*="navigation"]:focus-visible{
    color: #4e5f91 !important;
    border-color: rgba(78, 95, 145, 0.7) !important;
    box-shadow: none !important;
  }
  @keyframes arabic-menu-dot-blue-pulse-final{
    0%, 100% { opacity: 0.72; box-shadow: 0 0 0 0 rgba(78, 95, 145, 0.12); transform: scale(0.94); }
    50% { opacity: 1; box-shadow: 0 0 0 0.32rem rgba(78, 95, 145, 0); transform: scale(1.06); }
  }
  @media (max-width: 1279px){
    :where(html.style-post-09) .header-live-separator,
:where(html.style-post-09) .header-live-meta{ display: none !important; }
  }
/* Source block: main-menu-eye-comfort-20260713 */
:where(html.style-post-09) header.fixed,
:where(html.style-post-09) header[class*="bg-ink"],
:where(html.style-post-09) body > header{
    background: rgba(24, 36, 71, 0.96) !important;
    border-bottom: 1px solid rgba(151, 205, 45, 0.16) !important;
    box-shadow: 0 12px 34px rgba(24, 36, 71, 0.18) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
  }

  :where(html.style-post-09) header nav[aria-label="Main navigation"] .hidden a,
:where(html.style-post-09) header nav[aria-label="Main navigation"] .hidden button,
:where(html.style-post-09) header nav[aria-label="Main navigation"] .header-live-meta,
:where(html.style-post-09) header nav[aria-label="Main navigation"] .header-live-meta span,
:where(html.style-post-09) header nav[aria-label="Main navigation"] .header-live-temp,
:where(html.style-post-09) header nav[aria-label="Main navigation"] .header-live-separator{
    color: rgba(218, 227, 242, 0.72) !important;
    text-shadow: none !important;
  }

  :where(html.style-post-09) header nav[aria-label="Main navigation"] .hidden a:hover,
:where(html.style-post-09) header nav[aria-label="Main navigation"] .hidden a:focus-visible,
:where(html.style-post-09) header nav[aria-label="Main navigation"] .hidden button:hover,
:where(html.style-post-09) header nav[aria-label="Main navigation"] .hidden button:focus-visible{
    color: #97cd2d !important;
    font-weight: 850 !important;
    text-shadow: none !important;
  }

  :where(html.style-post-09) header nav[aria-label="Main navigation"] a[aria-current="page"],
:where(html.style-post-09) header nav[aria-label="Main navigation"] a.text-atlantis[aria-current="page"]{
    color: #97cd2d !important;
    font-weight: 850 !important;
  }

  :where(html.style-post-09) header nav[aria-label="Main navigation"] span[aria-hidden="true"].h-4,
:where(html.style-post-09) header nav[aria-label="Main navigation"] .header-live-separator{
    background-color: rgba(218, 227, 242, 0.22) !important;
    color: rgba(218, 227, 242, 0.28) !important;
  }

  :where(html.style-post-09) header nav[aria-label="Main navigation"] [lang="ar"]{
    color: rgba(218, 227, 242, 0.72) !important;
  }

  :where(html.style-post-09) header nav[aria-label="Main navigation"] [lang="ar"]::after{
    background: #4e5f91 !important;
    box-shadow: 0 0 0 rgba(78, 95, 145, 0) !important;
  }

  :where(html.style-post-09) header nav[aria-label="Main navigation"] [lang="ar"]:hover,
:where(html.style-post-09) header nav[aria-label="Main navigation"] [lang="ar"]:focus-visible{
    color: #97cd2d !important;
  }

  :where(html.style-post-09) header button[aria-label*="navigation"]{
    color: rgba(218, 227, 242, 0.78) !important;
    border-color: rgba(218, 227, 242, 0.2) !important;
    background: rgba(37, 54, 105, 0.28) !important;
    box-shadow: none !important;
  }

  :where(html.style-post-09) header button[aria-label*="navigation"]:hover,
:where(html.style-post-09) header button[aria-label*="navigation"]:focus-visible{
    color: #97cd2d !important;
    border-color: rgba(151, 205, 45, 0.65) !important;
  }

  :where(html.style-post-09) .nav-panel-live{
    background: rgba(24, 36, 71, 0.98) !important;
    border-top: 1px solid rgba(151, 205, 45, 0.16) !important;
  }

  :where(html.style-post-09) .nav-panel-live a{
    color: rgba(218, 227, 242, 0.78) !important;
  }

  :where(html.style-post-09) .nav-panel-live a:hover,
:where(html.style-post-09) .nav-panel-live a:focus-visible{
    color: #97cd2d !important;
  }
/* Source block: responsive-browser-pass-20260715 */
html:where(.style-post-09){ -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
  :where(html.style-post-09) body{ overflow-x: hidden; }
  :where(html.style-post-09) img,
:where(html.style-post-09) video,
:where(html.style-post-09) svg,
:where(html.style-post-09) canvas{ max-width: 100%; }
  :where(html.style-post-09) img,
:where(html.style-post-09) video{ height: auto; }
  :where(html.style-post-09) iframe{ max-width: 100%; }
  :where(html.style-post-09) input,
:where(html.style-post-09) select,
:where(html.style-post-09) textarea,
:where(html.style-post-09) button{ font: inherit; }
  :where(html.style-post-09) input,
:where(html.style-post-09) select,
:where(html.style-post-09) textarea{ max-width: 100%; min-height: 44px; }
  :where(html.style-post-09) button,
:where(html.style-post-09) a{ -webkit-tap-highlight-color: rgba(151,205,45,.22); }
  :where(html.style-post-09) .hero-title,
:where(html.style-post-09) .case-hero-title,
:where(html.style-post-09) .cii-hero-title,
:where(html.style-post-09) .about-hero-title,
:where(html.style-post-09) .banner-title{ overflow-wrap: normal; text-wrap: balance; }
  @media (max-width: 700px){
    :where(html.style-post-09) .hero-title,
:where(html.style-post-09) .case-hero-title,
:where(html.style-post-09) .cii-hero-title,
:where(html.style-post-09) .about-hero-title,
:where(html.style-post-09) .banner-title{
      max-width: 100% !important;
      line-height: 1.06 !important;
      letter-spacing: -0.035em !important;
    }
    :where(html.style-post-09) .cs-banner-copy,
:where(html.style-post-09) .about-hero-copy,
:where(html.style-post-09) .hero-copy{
      width: 100% !important;
      max-width: 100% !important;
      padding-left: clamp(1rem, 5vw, 1.45rem) !important;
      padding-right: clamp(1rem, 5vw, 1.45rem) !important;
    }
    :where(html.style-post-09) input,
:where(html.style-post-09) select,
:where(html.style-post-09) textarea{
      font-size: 16px !important;
    }
    :where(html.style-post-09) .site-shell,
:where(html.style-post-09) .shell,
:where(html.style-post-09) .cs-main,
:where(html.style-post-09) main{
      max-width: 100% !important;
    }
  }

/* Shared style group: style-post-10 */
/* Source block: main-menu-final-consistency-20260713 */
:where(html.style-post-10) header nav[aria-label="Main navigation"]{
    height: 5rem !important;
    max-width: 92rem !important;
  }
  :where(html.style-post-10) header nav[aria-label="Main navigation"] .hidden.items-center{
    gap: 1.45rem !important;
  }
  :where(html.style-post-10) header nav[aria-label="Main navigation"] .hidden a,
:where(html.style-post-10) header nav[aria-label="Main navigation"] .hidden button,
:where(html.style-post-10) .nav-panel-live a{
    color: rgba(211, 208, 197, 0.72) !important;
    font-family: Inter, Manrope, "Plus Jakarta Sans", sans-serif !important;
    font-size: 0.72rem !important;
    font-weight: 650 !important;
    letter-spacing: 0.14em !important;
    line-height: 1 !important;
    text-shadow: none !important;
    text-decoration: none !important;
    transition: color 0.22s ease, font-weight 0.22s ease, border-color 0.22s ease, background-color 0.22s ease !important;
  }
  :where(html.style-post-10) header nav[aria-label="Main navigation"] .hidden a:hover,
:where(html.style-post-10) header nav[aria-label="Main navigation"] .hidden a:focus-visible,
:where(html.style-post-10) header nav[aria-label="Main navigation"] .hidden button:hover,
:where(html.style-post-10) header nav[aria-label="Main navigation"] .hidden button:focus-visible,
:where(html.style-post-10) .nav-panel-live a:hover,
:where(html.style-post-10) .nav-panel-live a:focus-visible,
:where(html.style-post-10) header nav[aria-label="Main navigation"] a[aria-current="page"]{
    color: #4e5f91 !important;
    font-weight: 850 !important;
    text-shadow: none !important;
  }
  :where(html.style-post-10) header nav[aria-label="Main navigation"] a[aria-current="page"]{
    pointer-events: auto !important;
  }
  :where(html.style-post-10) header nav[aria-label="Main navigation"] [lang="ar"]{
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.55rem !important;
    color: rgba(211, 208, 197, 0.72) !important;
  }
  :where(html.style-post-10) header nav[aria-label="Main navigation"] [lang="ar"]::after{
    content: "" !important;
    display: inline-block !important;
    width: 0.45rem !important;
    height: 0.45rem !important;
    flex: 0 0 0.45rem !important;
    border-radius: 999px !important;
    background: #4e5f91 !important;
    box-shadow: 0 0 0 rgba(78, 95, 145, 0) !important;
    animation: arabic-menu-dot-blue-pulse-final 2s ease-in-out infinite !important;
  }
  :where(html.style-post-10) header nav[aria-label="Main navigation"] [lang="ar"]:hover,
:where(html.style-post-10) header nav[aria-label="Main navigation"] [lang="ar"]:focus-visible{
    color: #4e5f91 !important;
    font-weight: 850 !important;
    text-shadow: none !important;
  }
  :where(html.style-post-10) .header-live-separator{
    color: rgba(211, 208, 197, 0.28) !important;
    font-size: 0.72rem !important;
    line-height: 1 !important;
  }
  :where(html.style-post-10) .header-live-meta{
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    white-space: nowrap !important;
    color: #4e5f91 !important;
    font-family: Inter, Manrope, "Plus Jakarta Sans", sans-serif !important;
    font-size: 0.66rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    text-shadow: none !important;
  }
  :where(html.style-post-10) .header-live-meta span,
:where(html.style-post-10) .header-live-meta span[aria-hidden="true"],
:where(html.style-post-10) .header-live-temp{
    color: #4e5f91 !important;
    text-shadow: none !important;
  }
  :where(html.style-post-10) header button[aria-label*="navigation"]{
    color: rgba(246, 241, 226, 0.86) !important;
    border-color: rgba(246, 241, 226, 0.18) !important;
    box-shadow: none !important;
  }
  :where(html.style-post-10) header button[aria-label*="navigation"]:hover,
:where(html.style-post-10) header button[aria-label*="navigation"]:focus-visible{
    color: #4e5f91 !important;
    border-color: rgba(78, 95, 145, 0.7) !important;
    box-shadow: none !important;
  }
  @keyframes arabic-menu-dot-blue-pulse-final{
    0%, 100% { opacity: 0.72; box-shadow: 0 0 0 0 rgba(78, 95, 145, 0.12); transform: scale(0.94); }
    50% { opacity: 1; box-shadow: 0 0 0 0.32rem rgba(78, 95, 145, 0); transform: scale(1.06); }
  }
  @media (max-width: 1279px){
    :where(html.style-post-10) .header-live-separator,
:where(html.style-post-10) .header-live-meta{ display: none !important; }
  }
/* Source block: main-menu-eye-comfort-20260713 */
:where(html.style-post-10) header.fixed,
:where(html.style-post-10) header[class*="bg-ink"],
:where(html.style-post-10) body > header{
    background: rgba(24, 36, 71, 0.96) !important;
    border-bottom: 1px solid rgba(151, 205, 45, 0.16) !important;
    box-shadow: 0 12px 34px rgba(24, 36, 71, 0.18) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
  }

  :where(html.style-post-10) header nav[aria-label="Main navigation"] .hidden a,
:where(html.style-post-10) header nav[aria-label="Main navigation"] .hidden button,
:where(html.style-post-10) header nav[aria-label="Main navigation"] .header-live-meta,
:where(html.style-post-10) header nav[aria-label="Main navigation"] .header-live-meta span,
:where(html.style-post-10) header nav[aria-label="Main navigation"] .header-live-temp,
:where(html.style-post-10) header nav[aria-label="Main navigation"] .header-live-separator{
    color: rgba(218, 227, 242, 0.72) !important;
    text-shadow: none !important;
  }

  :where(html.style-post-10) header nav[aria-label="Main navigation"] .hidden a:hover,
:where(html.style-post-10) header nav[aria-label="Main navigation"] .hidden a:focus-visible,
:where(html.style-post-10) header nav[aria-label="Main navigation"] .hidden button:hover,
:where(html.style-post-10) header nav[aria-label="Main navigation"] .hidden button:focus-visible{
    color: #97cd2d !important;
    font-weight: 850 !important;
    text-shadow: none !important;
  }

  :where(html.style-post-10) header nav[aria-label="Main navigation"] a[aria-current="page"],
:where(html.style-post-10) header nav[aria-label="Main navigation"] a.text-atlantis[aria-current="page"]{
    color: #97cd2d !important;
    font-weight: 850 !important;
  }

  :where(html.style-post-10) header nav[aria-label="Main navigation"] span[aria-hidden="true"].h-4,
:where(html.style-post-10) header nav[aria-label="Main navigation"] .header-live-separator{
    background-color: rgba(218, 227, 242, 0.22) !important;
    color: rgba(218, 227, 242, 0.28) !important;
  }

  :where(html.style-post-10) header nav[aria-label="Main navigation"] [lang="ar"]{
    color: rgba(218, 227, 242, 0.72) !important;
  }

  :where(html.style-post-10) header nav[aria-label="Main navigation"] [lang="ar"]::after{
    background: #4e5f91 !important;
    box-shadow: 0 0 0 rgba(78, 95, 145, 0) !important;
  }

  :where(html.style-post-10) header nav[aria-label="Main navigation"] [lang="ar"]:hover,
:where(html.style-post-10) header nav[aria-label="Main navigation"] [lang="ar"]:focus-visible{
    color: #97cd2d !important;
  }

  :where(html.style-post-10) header button[aria-label*="navigation"]{
    color: rgba(218, 227, 242, 0.78) !important;
    border-color: rgba(218, 227, 242, 0.2) !important;
    background: rgba(37, 54, 105, 0.28) !important;
    box-shadow: none !important;
  }

  :where(html.style-post-10) header button[aria-label*="navigation"]:hover,
:where(html.style-post-10) header button[aria-label*="navigation"]:focus-visible{
    color: #97cd2d !important;
    border-color: rgba(151, 205, 45, 0.65) !important;
  }

  :where(html.style-post-10) .nav-panel-live{
    background: rgba(24, 36, 71, 0.98) !important;
    border-top: 1px solid rgba(151, 205, 45, 0.16) !important;
  }

  :where(html.style-post-10) .nav-panel-live a{
    color: rgba(218, 227, 242, 0.78) !important;
  }

  :where(html.style-post-10) .nav-panel-live a:hover,
:where(html.style-post-10) .nav-panel-live a:focus-visible{
    color: #97cd2d !important;
  }
/* Source block: responsive-browser-pass-20260715 */
html:where(.style-post-10){ -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
  :where(html.style-post-10) body{ overflow-x: hidden; }
  :where(html.style-post-10) img,
:where(html.style-post-10) video,
:where(html.style-post-10) svg,
:where(html.style-post-10) canvas{ max-width: 100%; }
  :where(html.style-post-10) img,
:where(html.style-post-10) video{ height: auto; }
  :where(html.style-post-10) iframe{ max-width: 100%; }
  :where(html.style-post-10) input,
:where(html.style-post-10) select,
:where(html.style-post-10) textarea,
:where(html.style-post-10) button{ font: inherit; }
  :where(html.style-post-10) input,
:where(html.style-post-10) select,
:where(html.style-post-10) textarea{ max-width: 100%; min-height: 44px; }
  :where(html.style-post-10) button,
:where(html.style-post-10) a{ -webkit-tap-highlight-color: rgba(151,205,45,.22); }
  :where(html.style-post-10) .hero-title,
:where(html.style-post-10) .case-hero-title,
:where(html.style-post-10) .cii-hero-title,
:where(html.style-post-10) .about-hero-title,
:where(html.style-post-10) .banner-title{ overflow-wrap: normal; text-wrap: balance; }
  @media (max-width: 700px){
    :where(html.style-post-10) .hero-title,
:where(html.style-post-10) .case-hero-title,
:where(html.style-post-10) .cii-hero-title,
:where(html.style-post-10) .about-hero-title,
:where(html.style-post-10) .banner-title{
      max-width: 100% !important;
      line-height: 1.06 !important;
      letter-spacing: -0.035em !important;
    }
    :where(html.style-post-10) .cs-banner-copy,
:where(html.style-post-10) .about-hero-copy,
:where(html.style-post-10) .hero-copy{
      width: 100% !important;
      max-width: 100% !important;
      padding-left: clamp(1rem, 5vw, 1.45rem) !important;
      padding-right: clamp(1rem, 5vw, 1.45rem) !important;
    }
    :where(html.style-post-10) input,
:where(html.style-post-10) select,
:where(html.style-post-10) textarea{
      font-size: 16px !important;
    }
    :where(html.style-post-10) .site-shell,
:where(html.style-post-10) .shell,
:where(html.style-post-10) .cs-main,
:where(html.style-post-10) main{
      max-width: 100% !important;
    }
  }
/* Source block: hero-statement-blue-fix-20260719 */
html:where(.style-post-10) body .home-hero-statement-box,
html:where(.style-post-10) body .home-hero-statement-box p,
html:where(.style-post-10) body .home-hero-statement-box p *{
    color: #253669 !important;
  }
/* Source block: philosophy-challenge-box-fix-20260719 */
html:where(.style-post-10) body .philosophy-challenge-box p{
    margin: 0 !important;
    padding: 0 !important;
    color: #253669 !important;
    font-size: clamp(1rem, 1.25vw, 1.16rem);
    font-weight: 650;
    line-height: 1.62;
    letter-spacing: -0.01em;
  }
  html:where(.style-post-10) body .philosophy-challenge-box:hover p{
    color: #253669 !important;
  }
/* Source block: home-executive-perspective-section-20260719 */
html:where(.style-post-10) body .home-executive-perspective{
    gap: clamp(1.25rem, 2.2vw, 2rem);
  }
  html:where(.style-post-10) body .home-perspective-banner{
    width: 100%;
    box-shadow: 0 18px 46px rgba(0, 0, 0, 0.2);
  }
  html:where(.style-post-10) body .home-perspective-banner img{
    display: block;
    width: 100%;
    height: auto;
  }
  html:where(.style-post-10) body .home-perspective-copy{
    width: 100%;
    max-width: none;
  }
  html:where(.style-post-10) body .home-perspective-button{
    color: #ffffff !important;
    border-color: rgba(151, 205, 45, 0.95) !important;
    background: #97cd2d !important;
    font-weight: 720;
  }
  html:where(.style-post-10) body .home-perspective-button svg{
    color: #ffffff !important;
  }
  html:where(.style-post-10) body .home-perspective-button:hover{
    color: #253669 !important;
    border-color: rgba(37, 54, 105, 0.38) !important;
    background: #a8dc42 !important;
    font-weight: 850;
  }
  html:where(.style-post-10) body .home-perspective-button:hover svg{
    color: #253669 !important;
  }
/* Source block: index-cta-blue-green-20260721 */
html:where(.style-post-10) body .home-cta-button,
html:where(.style-post-10) body .home-perspective-button,
html:where(.style-post-10) body .home-index-cta-button{
        color: #ffffff !important;
        border-color: rgba(37, 54, 105, 0.96) !important;
        background: #253669 !important;
        font-weight: 720;
        box-shadow: 0 14px 34px rgba(37, 54, 105, 0.18);
      }
      html:where(.style-post-10) body .home-cta-button svg,
html:where(.style-post-10) body .home-perspective-button svg,
html:where(.style-post-10) body .home-index-cta-button svg{
        color: #ffffff !important;
      }
      html:where(.style-post-10) body .home-cta-button:hover,
html:where(.style-post-10) body .home-perspective-button:hover,
html:where(.style-post-10) body .home-index-cta-button:hover{
        color: #253669 !important;
        border-color: rgba(151, 205, 45, 0.95) !important;
        background: #97cd2d !important;
        font-weight: 850;
        box-shadow: 0 18px 42px rgba(151, 205, 45, 0.24);
      }
      html:where(.style-post-10) body .home-cta-button:hover svg,
html:where(.style-post-10) body .home-perspective-button:hover svg,
html:where(.style-post-10) body .home-index-cta-button:hover svg{
        color: #253669 !important;
      }

/* Shared style group: style-post-11 */
/* Source block: main-menu-final-consistency-20260713 */
:where(html.style-post-11) header nav[aria-label="Main navigation"]{
    height: 5rem !important;
    max-width: 92rem !important;
  }
  :where(html.style-post-11) header nav[aria-label="Main navigation"] .hidden.items-center{
    gap: 1.45rem !important;
  }
  :where(html.style-post-11) header nav[aria-label="Main navigation"] .hidden a,
:where(html.style-post-11) header nav[aria-label="Main navigation"] .hidden button,
:where(html.style-post-11) .nav-panel-live a{
    color: rgba(211, 208, 197, 0.72) !important;
    font-family: Inter, Manrope, "Plus Jakarta Sans", sans-serif !important;
    font-size: 0.72rem !important;
    font-weight: 650 !important;
    letter-spacing: 0.14em !important;
    line-height: 1 !important;
    text-shadow: none !important;
    text-decoration: none !important;
    transition: color 0.22s ease, font-weight 0.22s ease, border-color 0.22s ease, background-color 0.22s ease !important;
  }
  :where(html.style-post-11) header nav[aria-label="Main navigation"] .hidden a:hover,
:where(html.style-post-11) header nav[aria-label="Main navigation"] .hidden a:focus-visible,
:where(html.style-post-11) header nav[aria-label="Main navigation"] .hidden button:hover,
:where(html.style-post-11) header nav[aria-label="Main navigation"] .hidden button:focus-visible,
:where(html.style-post-11) .nav-panel-live a:hover,
:where(html.style-post-11) .nav-panel-live a:focus-visible,
:where(html.style-post-11) header nav[aria-label="Main navigation"] a[aria-current="page"]{
    color: #4e5f91 !important;
    font-weight: 850 !important;
    text-shadow: none !important;
  }
  :where(html.style-post-11) header nav[aria-label="Main navigation"] a[aria-current="page"]{
    pointer-events: auto !important;
  }
  :where(html.style-post-11) header nav[aria-label="Main navigation"] [lang="ar"]{
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.55rem !important;
    color: rgba(211, 208, 197, 0.72) !important;
  }
  :where(html.style-post-11) header nav[aria-label="Main navigation"] [lang="ar"]::after{
    content: "" !important;
    display: inline-block !important;
    width: 0.45rem !important;
    height: 0.45rem !important;
    flex: 0 0 0.45rem !important;
    border-radius: 999px !important;
    background: #4e5f91 !important;
    box-shadow: 0 0 0 rgba(78, 95, 145, 0) !important;
    animation: arabic-menu-dot-blue-pulse-final 2s ease-in-out infinite !important;
  }
  :where(html.style-post-11) header nav[aria-label="Main navigation"] [lang="ar"]:hover,
:where(html.style-post-11) header nav[aria-label="Main navigation"] [lang="ar"]:focus-visible{
    color: #4e5f91 !important;
    font-weight: 850 !important;
    text-shadow: none !important;
  }
  :where(html.style-post-11) .header-live-separator{
    color: rgba(211, 208, 197, 0.28) !important;
    font-size: 0.72rem !important;
    line-height: 1 !important;
  }
  :where(html.style-post-11) .header-live-meta{
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    white-space: nowrap !important;
    color: #4e5f91 !important;
    font-family: Inter, Manrope, "Plus Jakarta Sans", sans-serif !important;
    font-size: 0.66rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    text-shadow: none !important;
  }
  :where(html.style-post-11) .header-live-meta span,
:where(html.style-post-11) .header-live-meta span[aria-hidden="true"],
:where(html.style-post-11) .header-live-temp{
    color: #4e5f91 !important;
    text-shadow: none !important;
  }
  :where(html.style-post-11) header button[aria-label*="navigation"]{
    color: rgba(246, 241, 226, 0.86) !important;
    border-color: rgba(246, 241, 226, 0.18) !important;
    box-shadow: none !important;
  }
  :where(html.style-post-11) header button[aria-label*="navigation"]:hover,
:where(html.style-post-11) header button[aria-label*="navigation"]:focus-visible{
    color: #4e5f91 !important;
    border-color: rgba(78, 95, 145, 0.7) !important;
    box-shadow: none !important;
  }
  @keyframes arabic-menu-dot-blue-pulse-final{
    0%, 100% { opacity: 0.72; box-shadow: 0 0 0 0 rgba(78, 95, 145, 0.12); transform: scale(0.94); }
    50% { opacity: 1; box-shadow: 0 0 0 0.32rem rgba(78, 95, 145, 0); transform: scale(1.06); }
  }
  @media (max-width: 1279px){
    :where(html.style-post-11) .header-live-separator,
:where(html.style-post-11) .header-live-meta{ display: none !important; }
  }
/* Source block: main-menu-eye-comfort-20260713 */
:where(html.style-post-11) header.fixed,
:where(html.style-post-11) header[class*="bg-ink"],
:where(html.style-post-11) body > header{
    background: rgba(24, 36, 71, 0.96) !important;
    border-bottom: 1px solid rgba(151, 205, 45, 0.16) !important;
    box-shadow: 0 12px 34px rgba(24, 36, 71, 0.18) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
  }

  :where(html.style-post-11) header nav[aria-label="Main navigation"] .hidden a,
:where(html.style-post-11) header nav[aria-label="Main navigation"] .hidden button,
:where(html.style-post-11) header nav[aria-label="Main navigation"] .header-live-meta,
:where(html.style-post-11) header nav[aria-label="Main navigation"] .header-live-meta span,
:where(html.style-post-11) header nav[aria-label="Main navigation"] .header-live-temp,
:where(html.style-post-11) header nav[aria-label="Main navigation"] .header-live-separator{
    color: rgba(218, 227, 242, 0.72) !important;
    text-shadow: none !important;
  }

  :where(html.style-post-11) header nav[aria-label="Main navigation"] .hidden a:hover,
:where(html.style-post-11) header nav[aria-label="Main navigation"] .hidden a:focus-visible,
:where(html.style-post-11) header nav[aria-label="Main navigation"] .hidden button:hover,
:where(html.style-post-11) header nav[aria-label="Main navigation"] .hidden button:focus-visible{
    color: #97cd2d !important;
    font-weight: 850 !important;
    text-shadow: none !important;
  }

  :where(html.style-post-11) header nav[aria-label="Main navigation"] a[aria-current="page"],
:where(html.style-post-11) header nav[aria-label="Main navigation"] a.text-atlantis[aria-current="page"]{
    color: #97cd2d !important;
    font-weight: 850 !important;
  }

  :where(html.style-post-11) header nav[aria-label="Main navigation"] span[aria-hidden="true"].h-4,
:where(html.style-post-11) header nav[aria-label="Main navigation"] .header-live-separator{
    background-color: rgba(218, 227, 242, 0.22) !important;
    color: rgba(218, 227, 242, 0.28) !important;
  }

  :where(html.style-post-11) header nav[aria-label="Main navigation"] [lang="ar"]{
    color: rgba(218, 227, 242, 0.72) !important;
  }

  :where(html.style-post-11) header nav[aria-label="Main navigation"] [lang="ar"]::after{
    background: #4e5f91 !important;
    box-shadow: 0 0 0 rgba(78, 95, 145, 0) !important;
  }

  :where(html.style-post-11) header nav[aria-label="Main navigation"] [lang="ar"]:hover,
:where(html.style-post-11) header nav[aria-label="Main navigation"] [lang="ar"]:focus-visible{
    color: #97cd2d !important;
  }

  :where(html.style-post-11) header button[aria-label*="navigation"]{
    color: rgba(218, 227, 242, 0.78) !important;
    border-color: rgba(218, 227, 242, 0.2) !important;
    background: rgba(37, 54, 105, 0.28) !important;
    box-shadow: none !important;
  }

  :where(html.style-post-11) header button[aria-label*="navigation"]:hover,
:where(html.style-post-11) header button[aria-label*="navigation"]:focus-visible{
    color: #97cd2d !important;
    border-color: rgba(151, 205, 45, 0.65) !important;
  }

  :where(html.style-post-11) .nav-panel-live{
    background: rgba(24, 36, 71, 0.98) !important;
    border-top: 1px solid rgba(151, 205, 45, 0.16) !important;
  }

  :where(html.style-post-11) .nav-panel-live a{
    color: rgba(218, 227, 242, 0.78) !important;
  }

  :where(html.style-post-11) .nav-panel-live a:hover,
:where(html.style-post-11) .nav-panel-live a:focus-visible{
    color: #97cd2d !important;
  }
/* Source block: every-visual-title-wrap-20260714 */
html:where(.style-post-11) body.insight-article-page .insight-article-title{
    display: block !important;
    max-width: 100% !important;
    width: 100% !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none !important;
  }
/* Source block: responsive-browser-pass-20260715 */
html:where(.style-post-11){ -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
  :where(html.style-post-11) body{ overflow-x: hidden; }
  :where(html.style-post-11) img,
:where(html.style-post-11) video,
:where(html.style-post-11) svg,
:where(html.style-post-11) canvas{ max-width: 100%; }
  :where(html.style-post-11) img,
:where(html.style-post-11) video{ height: auto; }
  :where(html.style-post-11) iframe{ max-width: 100%; }
  :where(html.style-post-11) input,
:where(html.style-post-11) select,
:where(html.style-post-11) textarea,
:where(html.style-post-11) button{ font: inherit; }
  :where(html.style-post-11) input,
:where(html.style-post-11) select,
:where(html.style-post-11) textarea{ max-width: 100%; min-height: 44px; }
  :where(html.style-post-11) button,
:where(html.style-post-11) a{ -webkit-tap-highlight-color: rgba(151,205,45,.22); }
  :where(html.style-post-11) .hero-title,
:where(html.style-post-11) .case-hero-title,
:where(html.style-post-11) .cii-hero-title,
:where(html.style-post-11) .about-hero-title,
:where(html.style-post-11) .banner-title{ overflow-wrap: normal; text-wrap: balance; }
  @media (max-width: 700px){
    :where(html.style-post-11) .hero-title,
:where(html.style-post-11) .case-hero-title,
:where(html.style-post-11) .cii-hero-title,
:where(html.style-post-11) .about-hero-title,
:where(html.style-post-11) .banner-title{
      max-width: 100% !important;
      line-height: 1.06 !important;
      letter-spacing: -0.035em !important;
    }
    :where(html.style-post-11) .cs-banner-copy,
:where(html.style-post-11) .about-hero-copy,
:where(html.style-post-11) .hero-copy{
      width: 100% !important;
      max-width: 100% !important;
      padding-left: clamp(1rem, 5vw, 1.45rem) !important;
      padding-right: clamp(1rem, 5vw, 1.45rem) !important;
    }
    :where(html.style-post-11) input,
:where(html.style-post-11) select,
:where(html.style-post-11) textarea{
      font-size: 16px !important;
    }
    :where(html.style-post-11) .site-shell,
:where(html.style-post-11) .shell,
:where(html.style-post-11) .cs-main,
:where(html.style-post-11) main{
      max-width: 100% !important;
    }
  }

/* Shared style group: style-post-12 */
/* Source block: insights-library-page-style */
:where(html.style-post-12) .insights-library-page main{ background: #f3f6fb; color: #253669; }
  html:where(.style-post-12) body.insights-library-page main > .insights-library-section{ max-width: 92rem; margin: 0 auto; padding: 7rem 1.25rem 7rem; background: linear-gradient(180deg, #eef2f8 0%, #f7f9fc 24%, #f3f6fb 100%) !important; }
  :where(html.style-post-12) .insights-library-banner{ position: relative; overflow: hidden; border: 1px solid rgba(78,95,145,.2); background: #0a2a59; box-shadow: 0 24px 60px rgba(37,54,105,.15); }
  :where(html.style-post-12) .insights-library-banner-media img{ display: block; width: 100%; height: auto; }
  :where(html.style-post-12) .insights-library-banner-copy{ position: absolute; z-index: 1; right: 4.8%; bottom: 4.6%; left: 4.8%; color: white; }
  :where(html.style-post-12) .insights-library-banner-kicker{ margin: 0 0 .8rem; color: #97cd2d; font-size: clamp(.7rem,1vw,.95rem); font-weight: 650; letter-spacing: .04em; text-transform: uppercase; }
  html:where(.style-post-12) body.insights-library-page .insights-library-banner-copy h1{ margin: 0; color: white !important; font-family: Inter, Manrope, "Plus Jakarta Sans", sans-serif !important; font-size: clamp(1.8rem,3.15vw,3.25rem); font-weight: 720; line-height: 1.08; letter-spacing: -.025em; }
  :where(html.style-post-12) .insights-library-banner-summary{ max-width: 86rem; margin: 1rem 0 0; color: rgba(255,255,255,.94); font-size: clamp(.76rem,1.25vw,1.08rem); font-weight: 550; line-height: 1.45; }
  :where(html.style-post-12) .insights-library-toolbar{ display: grid; grid-template-columns: minmax(13rem,.72fr) minmax(18rem,1.5fr) auto; align-items: center; gap: 1.1rem; margin: 2.25rem 0 1.5rem; border: 1px solid rgba(37,54,105,.18); border-top: 3px solid #97cd2d; background: #253669; padding: 1rem 1.1rem; box-shadow: 0 20px 50px rgba(37,54,105,.18); }
  :where(html.style-post-12) .insights-library-search-context{ display: flex; align-items: center; gap: .8rem; min-width: 0; color: white; }
  :where(html.style-post-12) .insights-library-search-mark{ display: grid; flex: 0 0 auto; width: 2.75rem; height: 2.75rem; place-items: center; border: 1px solid rgba(255,255,255,.2); color: #97cd2d; }
  :where(html.style-post-12) .insights-library-search-context strong,
:where(html.style-post-12) .insights-library-search-context small{ display: block; }
  :where(html.style-post-12) .insights-library-search-context strong{ font-size: .82rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
  :where(html.style-post-12) .insights-library-search-context small{ margin-top: .2rem; color: rgba(255,255,255,.62); font-size: .72rem; line-height: 1.35; }
  :where(html.style-post-12) .insights-library-search{ position: relative; display: flex; align-items: center; min-width: 0; min-height: 3.75rem; border: 1px solid rgba(255,255,255,.28); background: #fff; transition: border-color .22s ease, box-shadow .22s ease, transform .22s ease; }
  :where(html.style-post-12) .insights-library-search:focus-within{ border-color: #97cd2d; box-shadow: 0 0 0 3px rgba(151,205,45,.2), 0 12px 28px rgba(7,18,49,.2); transform: translateY(-1px); }
  :where(html.style-post-12) .insights-library-search-icon{ position: absolute; left: 1.15rem; width: 1.15rem; height: 1.15rem; color: #4e5f91; pointer-events: none; }
  :where(html.style-post-12) .insights-library-search input{ width: 100%; min-width: 0; min-height: 3.65rem; appearance: none; border: 0; background: transparent; padding: .85rem 3.25rem .85rem 3rem; color: #253669; font: inherit; font-size: .96rem; font-weight: 650; outline: 0; }
  :where(html.style-post-12) .insights-library-search input::-webkit-search-cancel-button{ display: none; }
  :where(html.style-post-12) .insights-library-search input::placeholder{ color: #7a8497; font-weight: 500; }
  :where(html.style-post-12) .insights-library-search-clear{ position: absolute; right: .75rem; display: grid; width: 2.1rem; height: 2.1rem; place-items: center; border: 1px solid rgba(78,95,145,.22); background: #f2f5fa; color: #253669; font-size: 1.25rem; line-height: 1; cursor: pointer; transition: background .2s ease, color .2s ease, border-color .2s ease; }
  :where(html.style-post-12) .insights-library-search-clear:hover,
:where(html.style-post-12) .insights-library-search-clear:focus-visible{ border-color: #97cd2d; background: #97cd2d; color: #172443; outline: 0; }
  :where(html.style-post-12) .insights-library-search-clear[hidden]{ display: none; }
  :where(html.style-post-12) .insights-library-result-count{ display: inline-flex; align-items: center; justify-content: center; gap: .55rem; min-height: 3rem; padding: 0 1rem; border: 1px solid rgba(255,255,255,.18); color: white; font-size: .72rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; white-space: nowrap; }
  :where(html.style-post-12) .insights-library-result-count::before{ content: ""; width: .48rem; height: .48rem; border-radius: 50%; background: #97cd2d; box-shadow: 0 0 0 4px rgba(151,205,45,.14); }
  :where(html.style-post-12) .insights-library-pov{ position: relative; display: grid; grid-template-columns: minmax(12rem,.42fr) minmax(0,1.58fr); gap: clamp(1.5rem,4vw,4rem); margin: 0 0 2rem; padding: clamp(1.7rem,4vw,3.2rem); overflow: hidden; border: 1px solid rgba(78,95,145,.24); background: #fff; box-shadow: 0 18px 48px rgba(37,54,105,.09); opacity: 1 !important; visibility: visible !important; transition: border-color .3s ease, box-shadow .3s ease, transform .3s ease; }
  :where(html.style-post-12) .insights-library-pov::before{ content: ""; position: absolute; inset: 0 auto 0 0; width: 4px; background: #97cd2d; transform: scaleY(.28); transform-origin: top; transition: transform .35s ease, background .35s ease; }
  :where(html.style-post-12) .insights-library-pov::after{ content: ""; position: absolute; right: -5rem; bottom: -7rem; width: 16rem; height: 16rem; border: 1px solid rgba(78,95,145,.12); border-radius: 50%; box-shadow: 0 0 0 3rem rgba(78,95,145,.035),0 0 0 6rem rgba(78,95,145,.02); pointer-events: none; }
  :where(html.style-post-12) .insights-library-pov:hover{ border-color: rgba(78,95,145,.38); box-shadow: 0 24px 60px rgba(37,54,105,.13); transform: translateY(-3px); }
  :where(html.style-post-12) .insights-library-pov:hover::before{ background: #4e5f91; transform: scaleY(1); }
  :where(html.style-post-12) .insights-library-pov-heading,
:where(html.style-post-12) .insights-library-pov-copy{ position: relative; z-index: 1; }
  :where(html.style-post-12) .insights-library-pov-kicker{ display: block; margin-bottom: .75rem; color: #97a62d; font-size: .7rem; font-weight: 850; letter-spacing: .18em; text-transform: uppercase; }
  html:where(.style-post-12) body.insights-library-page .insights-library-pov h2{ margin: 0; color: #253669 !important; font-family: Inter,Manrope,"Plus Jakarta Sans",sans-serif !important; font-size: clamp(1.45rem,2.35vw,2.25rem); font-weight: 800; line-height: 1.08; letter-spacing: -.03em; }
  :where(html.style-post-12) .insights-library-pov-heading span:last-child{ display: block; width: 3.8rem; height: 2px; margin-top: 1.25rem; background: #97cd2d; }
  :where(html.style-post-12) .insights-library-pov-copy{ max-width: 74rem; opacity: 1 !important; visibility: visible !important; }
  html:where(.style-post-12) body.insights-library-page .insights-library-pov-copy p{ display: block !important; margin: 0 0 .85rem; color: #303b50 !important; font-size: clamp(.98rem,1.35vw,1.1rem); line-height: 1.55; opacity: 1 !important; visibility: visible !important; }
  :where(html.style-post-12) .insights-library-pov-copy p:first-child{ color: #253669 !important; font-weight: 720; }
  :where(html.style-post-12) .insights-library-pov-copy p:nth-child(2){ color: #4e5f91 !important; font-weight: 780; }
  :where(html.style-post-12) .insights-library-pov-copy p:nth-last-child(2){ margin-top: 1.35rem; color: #4e5f91 !important; font-weight: 720; }
  :where(html.style-post-12) .insights-library-pov-copy p:last-child{ margin: 0; color: #253669 !important; font-weight: 850; }
  :where(html.style-post-12) .insights-library-grid{ display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 1.25rem; }
  :where(html.style-post-12) .insights-library-card{ position: relative; overflow: visible; min-width: 0; height: auto; max-height: none; border: 1px solid rgba(78,95,145,.22); background: rgba(255,255,255,.9); padding: 1.45rem; box-shadow: 0 20px 50px rgba(37,54,105,.07); transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease; }
  :where(html.style-post-12) .insights-library-card::before{ content: ""; position: absolute; inset: 0 auto 0 0; width: 3px; background: #4e5f91; transform: scaleY(.22); transform-origin: top; transition: transform .28s ease, background .28s ease; }
  :where(html.style-post-12) .insights-library-card:hover{ border-color: rgba(78,95,145,.52); transform: translateY(-5px); box-shadow: 0 26px 65px rgba(37,54,105,.13); }
  :where(html.style-post-12) .insights-library-card:hover::before{ background: #97cd2d; transform: scaleY(1); }
  :where(html.style-post-12) .insights-library-card-head{ display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
  :where(html.style-post-12) .insights-library-category-number{ color: #97cd2d; font-size: .72rem; font-weight: 900; letter-spacing: .22em; }
  :where(html.style-post-12) .insights-library-count{ color: #7a8497; font-size: .68rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
  html:where(.style-post-12) body.insights-library-page .insights-library-card h2{ position: relative; min-height: 4.5rem; margin: 1rem 0 1.15rem; padding-bottom: 1rem; color: #253669 !important; font-family: Inter, Manrope, "Plus Jakarta Sans", sans-serif !important; font-size: clamp(1.28rem, 1.8vw, 1.68rem); font-weight: 800; line-height: 1.16; letter-spacing: -.028em; }
  :where(html.style-post-12) .insights-library-card h2::after{ content: ""; position: absolute; bottom: 0; left: 0; width: 2.8rem; height: 2px; background: #97cd2d; transition: width .28s ease, background .28s ease; }
  :where(html.style-post-12) .insights-library-card:hover h2::after{ width: 5.2rem; background: #4e5f91; }
  :where(html.style-post-12) .insights-library-card ul{ margin: 0; padding: 0; list-style: none; border-top: 1px solid rgba(78,95,145,.16); }
  :where(html.style-post-12) .insights-library-topic{ border-bottom: 1px solid rgba(78,95,145,.13); }
  :where(html.style-post-12) .insights-library-topic:last-child{ border-bottom: 0; }
  :where(html.style-post-12) .insights-library-link{ display: grid; grid-template-columns: 2rem minmax(0,1fr) 1rem; align-items: start; gap: .75rem; padding: .9rem .2rem; color: #3d4960; text-decoration: none; transition: color .22s ease, padding-left .22s ease, background .22s ease; }
  :where(html.style-post-12) .insights-library-link:hover,
:where(html.style-post-12) .insights-library-link:focus-visible{ color: #253669; background: rgba(78,95,145,.055); padding-left: .55rem; outline: 0; }
  :where(html.style-post-12) .insights-library-topic-number{ padding-top: .14rem; color: #4e5f91; font-size: .66rem; font-weight: 800; letter-spacing: .12em; }
  :where(html.style-post-12) .insights-library-topic,
:where(html.style-post-12) .insights-library-link,
:where(html.style-post-12) .insights-library-topic-copy,
:where(html.style-post-12) .insights-library-topic-copy strong,
:where(html.style-post-12) .insights-library-topic-copy small{ height: auto; max-height: none; overflow: visible; white-space: normal; text-overflow: clip; -webkit-line-clamp: unset; }
  :where(html.style-post-12) .insights-library-topic-copy{ min-width: 0; }
  :where(html.style-post-12) .insights-library-topic-meta{ display: flex; flex-wrap: wrap; align-items: center; gap: .32rem; margin-bottom: .3rem; color: #4e5f91; font-size: .6rem; font-weight: 800; line-height: 1.35; letter-spacing: .075em; text-transform: uppercase; }
  :where(html.style-post-12) .insights-library-topic-meta span{ color: #97cd2d; }
  :where(html.style-post-12) .insights-library-topic-copy strong{ display: block; overflow-wrap: anywhere; font-size: .91rem; line-height: 1.38; }
  :where(html.style-post-12) .insights-library-coming-soon{ color: #c83d3d; font-size: .68rem; font-weight: 850; letter-spacing: .035em; white-space: nowrap; }
  :where(html.style-post-12) .insights-library-topic-copy small{ display: block; margin-top: .28rem; overflow-wrap: anywhere; color: #7a8497; font-size: .76rem; line-height: 1.45; }
  :where(html.style-post-12) .insights-library-arrow{ color: #97cd2d; font-size: .9rem; transform: translateY(.04rem); transition: transform .22s ease; }
  :where(html.style-post-12) .insights-library-link:hover .insights-library-arrow{ transform: translate(.18rem,-.18rem); }
  :where(html.style-post-12) .insights-library-topic[hidden],
:where(html.style-post-12) .insights-library-card[hidden]{ display: none !important; }
  :where(html.style-post-12) .insights-library-empty{ display: none; margin: 1.25rem 0 0; border: 1px solid rgba(78,95,145,.2); background: white; padding: 2rem; color: #536077; text-align: center; }
  :where(html.style-post-12) .insights-library-empty.is-visible{ display: block; }
  :where(html.style-post-12) .insights-library-note{ margin: 1.5rem 0 0; color: #7a8497; font-size: .78rem; line-height: 1.6; }
  @media (max-width: 1100px){ :where(html.style-post-12) .insights-library-grid{ grid-template-columns: repeat(2,minmax(0,1fr)); } }
  @media (max-width: 700px){
    :where(html.style-post-12) .insights-library-section{ padding: 7.25rem 1rem 5rem; }
    :where(html.style-post-12) .insights-library-banner-media{ overflow: hidden; aspect-ratio: 1820 / 660; }
    :where(html.style-post-12) .insights-library-banner-media img{ width: 100%; max-width: none; }
    :where(html.style-post-12) .insights-library-banner-copy{ position: static; padding: 1.35rem 1.2rem 1.5rem; }
    :where(html.style-post-12) .insights-library-banner-kicker{ margin-bottom: .55rem; }
    html:where(.style-post-12) body.insights-library-page .insights-library-banner-copy h1{ font-size: clamp(1.45rem,7vw,2rem); line-height: 1.12; }
    :where(html.style-post-12) .insights-library-banner-summary{ margin-top: .75rem; font-size: .82rem; line-height: 1.55; }
    :where(html.style-post-12) .insights-library-grid{ grid-template-columns: 1fr; }
    :where(html.style-post-12) .insights-library-toolbar{ grid-template-columns: 1fr; align-items: stretch; gap: .8rem; }
    :where(html.style-post-12) .insights-library-pov{ grid-template-columns: 1fr; gap: 1.4rem; }
    :where(html.style-post-12) .insights-library-search-context{ padding: .15rem 0; }
    :where(html.style-post-12) .insights-library-result-count{ justify-self: start; min-height: 2.4rem; }
    :where(html.style-post-12) .insights-library-card h2{ min-height: 0; }
  }
/* Source block: main-menu-final-consistency-20260713 */
:where(html.style-post-12) header nav[aria-label="Main navigation"]{
    height: 5rem !important;
    max-width: 92rem !important;
  }
  :where(html.style-post-12) header nav[aria-label="Main navigation"] .hidden.items-center{
    gap: 1.45rem !important;
  }
  :where(html.style-post-12) header nav[aria-label="Main navigation"] .hidden a,
:where(html.style-post-12) header nav[aria-label="Main navigation"] .hidden button,
:where(html.style-post-12) .nav-panel-live a{
    color: rgba(211, 208, 197, 0.72) !important;
    font-family: Inter, Manrope, "Plus Jakarta Sans", sans-serif !important;
    font-size: 0.72rem !important;
    font-weight: 650 !important;
    letter-spacing: 0.14em !important;
    line-height: 1 !important;
    text-shadow: none !important;
    text-decoration: none !important;
    transition: color 0.22s ease, font-weight 0.22s ease, border-color 0.22s ease, background-color 0.22s ease !important;
  }
  :where(html.style-post-12) header nav[aria-label="Main navigation"] .hidden a:hover,
:where(html.style-post-12) header nav[aria-label="Main navigation"] .hidden a:focus-visible,
:where(html.style-post-12) header nav[aria-label="Main navigation"] .hidden button:hover,
:where(html.style-post-12) header nav[aria-label="Main navigation"] .hidden button:focus-visible,
:where(html.style-post-12) .nav-panel-live a:hover,
:where(html.style-post-12) .nav-panel-live a:focus-visible,
:where(html.style-post-12) header nav[aria-label="Main navigation"] a[aria-current="page"]{
    color: #4e5f91 !important;
    font-weight: 850 !important;
    text-shadow: none !important;
  }
  :where(html.style-post-12) header nav[aria-label="Main navigation"] a[aria-current="page"]{
    pointer-events: auto !important;
  }
  :where(html.style-post-12) header nav[aria-label="Main navigation"] [lang="ar"]{
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.55rem !important;
    color: rgba(211, 208, 197, 0.72) !important;
  }
  :where(html.style-post-12) header nav[aria-label="Main navigation"] [lang="ar"]::after{
    content: "" !important;
    display: inline-block !important;
    width: 0.45rem !important;
    height: 0.45rem !important;
    flex: 0 0 0.45rem !important;
    border-radius: 999px !important;
    background: #4e5f91 !important;
    box-shadow: 0 0 0 rgba(78, 95, 145, 0) !important;
    animation: arabic-menu-dot-blue-pulse-final 2s ease-in-out infinite !important;
  }
  :where(html.style-post-12) header nav[aria-label="Main navigation"] [lang="ar"]:hover,
:where(html.style-post-12) header nav[aria-label="Main navigation"] [lang="ar"]:focus-visible{
    color: #4e5f91 !important;
    font-weight: 850 !important;
    text-shadow: none !important;
  }
  :where(html.style-post-12) .header-live-separator{
    color: rgba(211, 208, 197, 0.28) !important;
    font-size: 0.72rem !important;
    line-height: 1 !important;
  }
  :where(html.style-post-12) .header-live-meta{
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    white-space: nowrap !important;
    color: #4e5f91 !important;
    font-family: Inter, Manrope, "Plus Jakarta Sans", sans-serif !important;
    font-size: 0.66rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    text-shadow: none !important;
  }
  :where(html.style-post-12) .header-live-meta span,
:where(html.style-post-12) .header-live-meta span[aria-hidden="true"],
:where(html.style-post-12) .header-live-temp{
    color: #4e5f91 !important;
    text-shadow: none !important;
  }
  :where(html.style-post-12) header button[aria-label*="navigation"]{
    color: rgba(246, 241, 226, 0.86) !important;
    border-color: rgba(246, 241, 226, 0.18) !important;
    box-shadow: none !important;
  }
  :where(html.style-post-12) header button[aria-label*="navigation"]:hover,
:where(html.style-post-12) header button[aria-label*="navigation"]:focus-visible{
    color: #4e5f91 !important;
    border-color: rgba(78, 95, 145, 0.7) !important;
    box-shadow: none !important;
  }
  @keyframes arabic-menu-dot-blue-pulse-final{
    0%, 100% { opacity: 0.72; box-shadow: 0 0 0 0 rgba(78, 95, 145, 0.12); transform: scale(0.94); }
    50% { opacity: 1; box-shadow: 0 0 0 0.32rem rgba(78, 95, 145, 0); transform: scale(1.06); }
  }
  @media (max-width: 1279px){
    :where(html.style-post-12) .header-live-separator,
:where(html.style-post-12) .header-live-meta{ display: none !important; }
  }
/* Source block: main-menu-eye-comfort-20260713 */
:where(html.style-post-12) header.fixed,
:where(html.style-post-12) header[class*="bg-ink"],
:where(html.style-post-12) body > header{
    background: rgba(24, 36, 71, 0.96) !important;
    border-bottom: 1px solid rgba(151, 205, 45, 0.16) !important;
    box-shadow: 0 12px 34px rgba(24, 36, 71, 0.18) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
  }

  :where(html.style-post-12) header nav[aria-label="Main navigation"] .hidden a,
:where(html.style-post-12) header nav[aria-label="Main navigation"] .hidden button,
:where(html.style-post-12) header nav[aria-label="Main navigation"] .header-live-meta,
:where(html.style-post-12) header nav[aria-label="Main navigation"] .header-live-meta span,
:where(html.style-post-12) header nav[aria-label="Main navigation"] .header-live-temp,
:where(html.style-post-12) header nav[aria-label="Main navigation"] .header-live-separator{
    color: rgba(218, 227, 242, 0.72) !important;
    text-shadow: none !important;
  }

  :where(html.style-post-12) header nav[aria-label="Main navigation"] .hidden a:hover,
:where(html.style-post-12) header nav[aria-label="Main navigation"] .hidden a:focus-visible,
:where(html.style-post-12) header nav[aria-label="Main navigation"] .hidden button:hover,
:where(html.style-post-12) header nav[aria-label="Main navigation"] .hidden button:focus-visible{
    color: #97cd2d !important;
    font-weight: 850 !important;
    text-shadow: none !important;
  }

  :where(html.style-post-12) header nav[aria-label="Main navigation"] a[aria-current="page"],
:where(html.style-post-12) header nav[aria-label="Main navigation"] a.text-atlantis[aria-current="page"]{
    color: #97cd2d !important;
    font-weight: 850 !important;
  }

  :where(html.style-post-12) header nav[aria-label="Main navigation"] span[aria-hidden="true"].h-4,
:where(html.style-post-12) header nav[aria-label="Main navigation"] .header-live-separator{
    background-color: rgba(218, 227, 242, 0.22) !important;
    color: rgba(218, 227, 242, 0.28) !important;
  }

  :where(html.style-post-12) header nav[aria-label="Main navigation"] [lang="ar"]{
    color: rgba(218, 227, 242, 0.72) !important;
  }

  :where(html.style-post-12) header nav[aria-label="Main navigation"] [lang="ar"]::after{
    background: #4e5f91 !important;
    box-shadow: 0 0 0 rgba(78, 95, 145, 0) !important;
  }

  :where(html.style-post-12) header nav[aria-label="Main navigation"] [lang="ar"]:hover,
:where(html.style-post-12) header nav[aria-label="Main navigation"] [lang="ar"]:focus-visible{
    color: #97cd2d !important;
  }

  :where(html.style-post-12) header button[aria-label*="navigation"]{
    color: rgba(218, 227, 242, 0.78) !important;
    border-color: rgba(218, 227, 242, 0.2) !important;
    background: rgba(37, 54, 105, 0.28) !important;
    box-shadow: none !important;
  }

  :where(html.style-post-12) header button[aria-label*="navigation"]:hover,
:where(html.style-post-12) header button[aria-label*="navigation"]:focus-visible{
    color: #97cd2d !important;
    border-color: rgba(151, 205, 45, 0.65) !important;
  }

  :where(html.style-post-12) .nav-panel-live{
    background: rgba(24, 36, 71, 0.98) !important;
    border-top: 1px solid rgba(151, 205, 45, 0.16) !important;
  }

  :where(html.style-post-12) .nav-panel-live a{
    color: rgba(218, 227, 242, 0.78) !important;
  }

  :where(html.style-post-12) .nav-panel-live a:hover,
:where(html.style-post-12) .nav-panel-live a:focus-visible{
    color: #97cd2d !important;
  }
/* Source block: insights-library-topic-fade-20260714 */
html:where(.style-post-12) body.insights-library-page .insights-library-topic--inactive{
    opacity: 0.38 !important;
    filter: grayscale(0.35) !important;
  }

  html:where(.style-post-12) body.insights-library-page .insights-library-topic--inactive .insights-library-link{
    cursor: default !important;
    pointer-events: none !important;
  }

  html:where(.style-post-12) body.insights-library-page .insights-library-topic--inactive .insights-library-arrow{
    opacity: 0.24 !important;
  }

  html:where(.style-post-12) body.insights-library-page .insights-library-topic--inactive:hover{
    opacity: 0.44 !important;
    transform: none !important;
  }
/* Source block: responsive-browser-pass-20260715 */
html:where(.style-post-12){ -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
  :where(html.style-post-12) body{ overflow-x: hidden; }
  :where(html.style-post-12) img,
:where(html.style-post-12) video,
:where(html.style-post-12) svg,
:where(html.style-post-12) canvas{ max-width: 100%; }
  :where(html.style-post-12) img,
:where(html.style-post-12) video{ height: auto; }
  :where(html.style-post-12) iframe{ max-width: 100%; }
  :where(html.style-post-12) input,
:where(html.style-post-12) select,
:where(html.style-post-12) textarea,
:where(html.style-post-12) button{ font: inherit; }
  :where(html.style-post-12) input,
:where(html.style-post-12) select,
:where(html.style-post-12) textarea{ max-width: 100%; min-height: 44px; }
  :where(html.style-post-12) button,
:where(html.style-post-12) a{ -webkit-tap-highlight-color: rgba(151,205,45,.22); }
  :where(html.style-post-12) .hero-title,
:where(html.style-post-12) .case-hero-title,
:where(html.style-post-12) .cii-hero-title,
:where(html.style-post-12) .about-hero-title,
:where(html.style-post-12) .banner-title{ overflow-wrap: normal; text-wrap: balance; }
  @media (max-width: 700px){
    :where(html.style-post-12) .hero-title,
:where(html.style-post-12) .case-hero-title,
:where(html.style-post-12) .cii-hero-title,
:where(html.style-post-12) .about-hero-title,
:where(html.style-post-12) .banner-title{
      max-width: 100% !important;
      line-height: 1.06 !important;
      letter-spacing: -0.035em !important;
    }
    :where(html.style-post-12) .cs-banner-copy,
:where(html.style-post-12) .about-hero-copy,
:where(html.style-post-12) .hero-copy{
      width: 100% !important;
      max-width: 100% !important;
      padding-left: clamp(1rem, 5vw, 1.45rem) !important;
      padding-right: clamp(1rem, 5vw, 1.45rem) !important;
    }
    :where(html.style-post-12) input,
:where(html.style-post-12) select,
:where(html.style-post-12) textarea{
      font-size: 16px !important;
    }
    :where(html.style-post-12) .site-shell,
:where(html.style-post-12) .shell,
:where(html.style-post-12) .cs-main,
:where(html.style-post-12) main{
      max-width: 100% !important;
    }
  }

/* Shared style group: style-post-13 */
/* Source block: main-menu-eye-comfort-20260713 */
:where(html.style-post-13) header.fixed,
:where(html.style-post-13) header[class*="bg-ink"],
:where(html.style-post-13) body > header{
    background: rgba(24, 36, 71, 0.96) !important;
    border-bottom: 1px solid rgba(151, 205, 45, 0.16) !important;
    box-shadow: 0 12px 34px rgba(24, 36, 71, 0.18) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
  }

  :where(html.style-post-13) header nav[aria-label="Main navigation"] .hidden a,
:where(html.style-post-13) header nav[aria-label="Main navigation"] .hidden button,
:where(html.style-post-13) header nav[aria-label="Main navigation"] .header-live-meta,
:where(html.style-post-13) header nav[aria-label="Main navigation"] .header-live-meta span,
:where(html.style-post-13) header nav[aria-label="Main navigation"] .header-live-temp,
:where(html.style-post-13) header nav[aria-label="Main navigation"] .header-live-separator{
    color: rgba(218, 227, 242, 0.72) !important;
    text-shadow: none !important;
  }

  :where(html.style-post-13) header nav[aria-label="Main navigation"] .hidden a:hover,
:where(html.style-post-13) header nav[aria-label="Main navigation"] .hidden a:focus-visible,
:where(html.style-post-13) header nav[aria-label="Main navigation"] .hidden button:hover,
:where(html.style-post-13) header nav[aria-label="Main navigation"] .hidden button:focus-visible{
    color: #97cd2d !important;
    font-weight: 850 !important;
    text-shadow: none !important;
  }

  :where(html.style-post-13) header nav[aria-label="Main navigation"] a[aria-current="page"],
:where(html.style-post-13) header nav[aria-label="Main navigation"] a.text-atlantis[aria-current="page"]{
    color: #97cd2d !important;
    font-weight: 850 !important;
  }

  :where(html.style-post-13) header nav[aria-label="Main navigation"] span[aria-hidden="true"].h-4,
:where(html.style-post-13) header nav[aria-label="Main navigation"] .header-live-separator{
    background-color: rgba(218, 227, 242, 0.22) !important;
    color: rgba(218, 227, 242, 0.28) !important;
  }

  :where(html.style-post-13) header nav[aria-label="Main navigation"] [lang="ar"]{
    color: rgba(218, 227, 242, 0.72) !important;
  }

  :where(html.style-post-13) header nav[aria-label="Main navigation"] [lang="ar"]::after{
    background: #4e5f91 !important;
    box-shadow: 0 0 0 rgba(78, 95, 145, 0) !important;
  }

  :where(html.style-post-13) header nav[aria-label="Main navigation"] [lang="ar"]:hover,
:where(html.style-post-13) header nav[aria-label="Main navigation"] [lang="ar"]:focus-visible{
    color: #97cd2d !important;
  }

  :where(html.style-post-13) header button[aria-label*="navigation"]{
    color: rgba(218, 227, 242, 0.78) !important;
    border-color: rgba(218, 227, 242, 0.2) !important;
    background: rgba(37, 54, 105, 0.28) !important;
    box-shadow: none !important;
  }

  :where(html.style-post-13) header button[aria-label*="navigation"]:hover,
:where(html.style-post-13) header button[aria-label*="navigation"]:focus-visible{
    color: #97cd2d !important;
    border-color: rgba(151, 205, 45, 0.65) !important;
  }

  :where(html.style-post-13) .nav-panel-live{
    background: rgba(24, 36, 71, 0.98) !important;
    border-top: 1px solid rgba(151, 205, 45, 0.16) !important;
  }

  :where(html.style-post-13) .nav-panel-live a{
    color: rgba(218, 227, 242, 0.78) !important;
  }

  :where(html.style-post-13) .nav-panel-live a:hover,
:where(html.style-post-13) .nav-panel-live a:focus-visible{
    color: #97cd2d !important;
  }
/* Source block: responsive-browser-pass-20260715 */
html:where(.style-post-13){ -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
  :where(html.style-post-13) body{ overflow-x: hidden; }
  :where(html.style-post-13) img,
:where(html.style-post-13) video,
:where(html.style-post-13) svg,
:where(html.style-post-13) canvas{ max-width: 100%; }
  :where(html.style-post-13) img,
:where(html.style-post-13) video{ height: auto; }
  :where(html.style-post-13) iframe{ max-width: 100%; }
  :where(html.style-post-13) input,
:where(html.style-post-13) select,
:where(html.style-post-13) textarea,
:where(html.style-post-13) button{ font: inherit; }
  :where(html.style-post-13) input,
:where(html.style-post-13) select,
:where(html.style-post-13) textarea{ max-width: 100%; min-height: 44px; }
  :where(html.style-post-13) button,
:where(html.style-post-13) a{ -webkit-tap-highlight-color: rgba(151,205,45,.22); }
  :where(html.style-post-13) .hero-title,
:where(html.style-post-13) .case-hero-title,
:where(html.style-post-13) .cii-hero-title,
:where(html.style-post-13) .about-hero-title,
:where(html.style-post-13) .banner-title{ overflow-wrap: normal; text-wrap: balance; }
  @media (max-width: 700px){
    :where(html.style-post-13) .hero-title,
:where(html.style-post-13) .case-hero-title,
:where(html.style-post-13) .cii-hero-title,
:where(html.style-post-13) .about-hero-title,
:where(html.style-post-13) .banner-title{
      max-width: 100% !important;
      line-height: 1.06 !important;
      letter-spacing: -0.035em !important;
    }
    :where(html.style-post-13) .cs-banner-copy,
:where(html.style-post-13) .about-hero-copy,
:where(html.style-post-13) .hero-copy{
      width: 100% !important;
      max-width: 100% !important;
      padding-left: clamp(1rem, 5vw, 1.45rem) !important;
      padding-right: clamp(1rem, 5vw, 1.45rem) !important;
    }
    :where(html.style-post-13) input,
:where(html.style-post-13) select,
:where(html.style-post-13) textarea{
      font-size: 16px !important;
    }
    :where(html.style-post-13) .site-shell,
:where(html.style-post-13) .shell,
:where(html.style-post-13) .cs-main,
:where(html.style-post-13) main{
      max-width: 100% !important;
    }
  }

/* Shared style group: style-post-14 */
/* Source block: anonymous-1 */
:where(html.style-post-14) body{ margin: 0; min-height: 100vh; display: grid; place-items: center; background: #070a0c; color: #f6f1e2; font-family: Arial, sans-serif; }
      :where(html.style-post-14) main{ width: min(90vw, 42rem); border: 1px solid rgba(246, 241, 226, .15); background: #101314; padding: 3rem; }
      :where(html.style-post-14) h1{ margin: 0 0 1rem; font-family: Georgia, serif; font-size: clamp(2rem, 5vw, 3.5rem); line-height: 1; }
      :where(html.style-post-14) p{ color: rgba(246, 241, 226, .74); line-height: 1.75; }
      :where(html.style-post-14) a{ color: #b6f05c; text-decoration: none; }
/* Source block: responsive-browser-pass-20260715 */
html:where(.style-post-14){ -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
  :where(html.style-post-14) body{ overflow-x: hidden; }
  :where(html.style-post-14) img,
:where(html.style-post-14) video,
:where(html.style-post-14) svg,
:where(html.style-post-14) canvas{ max-width: 100%; }
  :where(html.style-post-14) img,
:where(html.style-post-14) video{ height: auto; }
  :where(html.style-post-14) iframe{ max-width: 100%; }
  :where(html.style-post-14) input,
:where(html.style-post-14) select,
:where(html.style-post-14) textarea,
:where(html.style-post-14) button{ font: inherit; }
  :where(html.style-post-14) input,
:where(html.style-post-14) select,
:where(html.style-post-14) textarea{ max-width: 100%; min-height: 44px; }
  :where(html.style-post-14) button,
:where(html.style-post-14) a{ -webkit-tap-highlight-color: rgba(151,205,45,.22); }
  :where(html.style-post-14) .hero-title,
:where(html.style-post-14) .case-hero-title,
:where(html.style-post-14) .cii-hero-title,
:where(html.style-post-14) .about-hero-title,
:where(html.style-post-14) .banner-title{ overflow-wrap: normal; text-wrap: balance; }
  @media (max-width: 700px){
    :where(html.style-post-14) .hero-title,
:where(html.style-post-14) .case-hero-title,
:where(html.style-post-14) .cii-hero-title,
:where(html.style-post-14) .about-hero-title,
:where(html.style-post-14) .banner-title{
      max-width: 100% !important;
      line-height: 1.06 !important;
      letter-spacing: -0.035em !important;
    }
    :where(html.style-post-14) .cs-banner-copy,
:where(html.style-post-14) .about-hero-copy,
:where(html.style-post-14) .hero-copy{
      width: 100% !important;
      max-width: 100% !important;
      padding-left: clamp(1rem, 5vw, 1.45rem) !important;
      padding-right: clamp(1rem, 5vw, 1.45rem) !important;
    }
    :where(html.style-post-14) input,
:where(html.style-post-14) select,
:where(html.style-post-14) textarea{
      font-size: 16px !important;
    }
    :where(html.style-post-14) .site-shell,
:where(html.style-post-14) .shell,
:where(html.style-post-14) .cs-main,
:where(html.style-post-14) main{
      max-width: 100% !important;
    }
  }

/* Shared case-study style group: style-post-15 through style-post-20 */
/* Source block: icdr-case-study-design-v2 */
:root:where(.style-post-15){ --brand-indigo:#253568; --brand-navy:#182447; --brand-slate:#4e5f91; --brand-green:#97cd2d; --brand-mint:#dff0b8; --surface-soft:#f4f5f7; --white:#fff; }
/* ICDR case study: strategic editorial presentation. */
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page{
  background: var(--surface-soft) !important;
}

:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page main{
  overflow: hidden;
}

:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .icdr-case-hero{
  position: relative;
  max-width: none !important;
  padding-right: max(2rem, calc((100vw - 80rem) / 2)) !important;
  padding-bottom: 5rem !important;
  padding-left: max(2rem, calc((100vw - 80rem) / 2)) !important;
  background:
    radial-gradient(circle at 88% 12%, rgba(151, 205, 45, 0.16), transparent 24rem),
    linear-gradient(135deg, var(--brand-navy), var(--brand-indigo)) !important;
}

:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .icdr-case-hero::after{
  content: "";
  position: absolute;
  right: max(2rem, calc((100vw - 80rem) / 2));
  bottom: 0;
  left: max(2rem, calc((100vw - 80rem) / 2));
  height: 1px;
  background: rgba(255, 255, 255, 0.18);
}

:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .icdr-case-hero > a{
  display: inline-flex !important;
  align-items: center;
  gap: 0.65rem;
  color: #97cd2d !important;
  font-weight: 800;
}

:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .icdr-case-hero > a::before{
  content: "←";
  font-size: 1rem;
  transition: transform 240ms ease;
}

:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .icdr-case-hero > a:hover::before{
  transform: translateX(-0.25rem);
}
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .icdr-case-hero > a:hover,
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .icdr-case-hero > a:focus-visible,
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .icdr-case-hero > a::before{
  color: #97cd2d !important;
}

:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .icdr-case-hero > div{
  margin-top: 2.25rem !important;
  align-items: stretch !important;
  gap: clamp(2.5rem, 6vw, 6rem) !important;
}

:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .icdr-case-hero h1{
  max-width: 54rem !important;
  font-size: clamp(2.75rem, 6vw, 5.5rem) !important;
  line-height: 0.98 !important;
  letter-spacing: -0.055em !important;
}

:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .icdr-case-hero h1 + p{
  max-width: 48rem !important;
  margin-top: 2rem !important;
  margin-bottom: 0 !important;
  font-size: 1.08rem !important;
  line-height: 1.8 !important;
}

:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .case-study-meta{
  align-content: center;
  padding: 1.75rem !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  background: rgba(255, 255, 255, 0.07);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}

:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .case-study-meta p{
  color: rgba(255, 255, 255, 0.78) !important;
  line-height: 1.65;
}

:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .case-study-meta p + p{
  padding-top: 1.25rem;
  border-top: 1px solid rgba(255, 255, 255, 0.13);
}

:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .case-study-meta span{
  margin-bottom: 0.45rem;
  color: var(--brand-green) !important;
}

:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .icdr-case-story{
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .icdr-case-story > .grid{
  gap: clamp(3rem, 7vw, 7rem) !important;
  grid-template-columns: minmax(15rem, 0.55fr) minmax(0, 1.45fr) !important;
}

:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .icdr-case-story aside{
  position: sticky;
  top: 7rem;
  align-self: start;
  margin-top: 0 !important;
}

:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .case-study-stat{
  padding: 1.5rem 0 1.5rem 1.5rem;
  border-left: 3px solid var(--brand-green);
  background: linear-gradient(90deg, rgba(223, 240, 184, 0.35), transparent);
}

:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .case-study-stat + .case-study-stat{
  margin-top: 1rem;
}

:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .case-study-stat p:first-child,
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .case-study-card > p:first-child{
  color: var(--brand-slate) !important;
  font-weight: 800;
}

:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .case-study-stat p:last-child{
  color: rgba(34, 40, 49, 0.74) !important;
}

:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .icdr-case-story > .grid > div{
  counter-reset: icdr-module;
}

:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .case-study-card{
  counter-increment: icdr-module;
  position: relative;
  padding: clamp(1.75rem, 4vw, 3rem) !important;
  border: 1px solid rgba(78, 95, 145, 0.18) !important;
  border-radius: 0.4rem;
  background: var(--white) !important;
  box-shadow: 0 18px 55px rgba(24, 36, 71, 0.08);
  transition: transform 280ms ease, box-shadow 280ms ease,
    border-color 280ms ease;
}

:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .case-study-card::after{
  content: "0" counter(icdr-module);
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  color: rgba(78, 95, 145, 0.28);
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.18em;
}

:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .case-study-card:hover{
  border-color: rgba(78, 95, 145, 0.42) !important;
  box-shadow: 0 26px 70px rgba(24, 36, 71, 0.13);
  transform: translateY(-4px);
}

:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .case-study-card > p:not(:first-child){
  max-width: 48rem;
  color: rgba(34, 40, 49, 0.74) !important;
}

:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .case-study-card .mt-8 > div{
  padding: 1.5rem !important;
  border: 0 !important;
  border-top: 3px solid var(--brand-green) !important;
  background: var(--surface-soft);
}

:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .case-study-card h2{
  color: var(--brand-indigo) !important;
  font-size: 1.35rem !important;
  font-weight: 800 !important;
}

:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .case-study-list li{
  color: rgba(34, 40, 49, 0.72) !important;
  line-height: 1.6;
}

:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .case-study-list li::before{
  background: var(--brand-slate);
  box-shadow: none;
}

:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .icdr-case-story article:last-child{
  margin-top: 1rem !important;
  padding: clamp(2rem, 5vw, 3.5rem) !important;
  border: 0 !important;
  border-radius: 0.4rem;
  background:
    radial-gradient(circle at 90% 15%, rgba(151, 205, 45, 0.17), transparent 18rem),
    var(--brand-indigo);
}

:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .icdr-case-story article:last-child h2,
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .icdr-case-story article:last-child p:last-child{
  max-width: 48rem;
  color: var(--white) !important;
}

:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .icdr-case-story article:last-child h2{
  font-size: clamp(1.65rem, 3vw, 2.5rem) !important;
  line-height: 1.15 !important;
}

:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .icdr-case-gallery{
  max-width: none !important;
  margin-top: 0 !important;
  padding-top: 5rem !important;
  padding-right: max(2rem, calc((100vw - 80rem) / 2)) !important;
  padding-bottom: 6rem !important;
  padding-left: max(2rem, calc((100vw - 80rem) / 2)) !important;
  background: var(--white);
}

:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .icdr-gallery-heading{
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 2rem;
  margin-bottom: 2rem;
}

:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .icdr-gallery-heading p,
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .icdr-gallery-heading span{
  color: var(--brand-slate) !important;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .icdr-gallery-heading h2{
  max-width: 50rem;
  margin-top: 0.65rem;
  color: var(--brand-indigo) !important;
  font-size: clamp(1.8rem, 4vw, 3.25rem) !important;
  line-height: 1.05 !important;
}

:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .case-study-hero-image{
  overflow: hidden;
  border: 1px solid rgba(78, 95, 145, 0.18) !important;
  border-radius: 0.45rem;
  background: var(--brand-navy) !important;
  box-shadow: 0 24px 70px rgba(24, 36, 71, 0.14);
}

:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .case-study-hero-image img{
  aspect-ratio: 16 / 9;
  object-fit: cover;
  transition: opacity 180ms ease;
}

:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .case-study-gallery-grid{
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.9rem;
  margin-top: 1rem;
}

:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .case-study-gallery-thumb{
  position: relative;
  border: 1px solid rgba(78, 95, 145, 0.2) !important;
  border-radius: 0.3rem;
  background: var(--surface-soft) !important;
  box-shadow: none !important;
}

:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .case-study-gallery-thumb::after{
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 3px;
  background: var(--brand-green);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 260ms ease;
}

:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .case-study-gallery-thumb img{
  opacity: 1 !important;
  filter: none !important;
}

:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .case-study-gallery-thumb:hover,
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .case-study-gallery-thumb:focus-visible,
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .case-study-gallery-thumb.is-active{
  border-color: var(--brand-slate) !important;
  box-shadow: 0 12px 30px rgba(24, 36, 71, 0.14) !important;
  transform: translateY(-3px);
}

:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .case-study-gallery-thumb:hover::after,
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .case-study-gallery-thumb:focus-visible::after,
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .case-study-gallery-thumb.is-active::after{
  transform: scaleX(1);
}

@media (max-width: 1023px){
  :where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .icdr-case-story > .grid{
    grid-template-columns: 1fr !important;
  }

  :where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .icdr-case-story aside{
    position: static;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
  }

  :where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .case-study-stat + .case-study-stat{
    margin-top: 0;
  }

  :where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .case-study-gallery-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px){
  :where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .icdr-case-hero{
    padding-right: 1.25rem !important;
    padding-bottom: 3.5rem !important;
    padding-left: 1.25rem !important;
  }

  :where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .icdr-case-hero h1{
    font-size: clamp(2.45rem, 12vw, 4rem) !important;
  }

  :where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .icdr-case-story,
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .icdr-case-gallery{
    padding-right: 1.25rem !important;
    padding-left: 1.25rem !important;
  }

  :where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .icdr-case-story aside{
    grid-template-columns: 1fr;
  }

  :where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .case-study-stat{
    padding: 1.25rem !important;
    border-top: 3px solid var(--brand-green);
    border-left: 0;
  }

  :where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .case-study-card .mt-8{
    grid-template-columns: 1fr !important;
  }

  :where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .icdr-gallery-heading{
    align-items: start;
    flex-direction: column;
  }

  :where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .case-study-gallery-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
/* Source block: icdr-case-study-balance-v3 */
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page main{
  padding-top: 6.5rem;
}
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .icdr-case-hero{
  width: 100%;
  max-width: 92rem !important;
  margin: 0 auto !important;
  padding: 3.25rem clamp(2rem, 5vw, 4.5rem) 4rem !important;
  border-radius: 0.45rem;
  box-shadow: 0 28px 80px rgba(24, 36, 71, 0.18);
}
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .icdr-case-hero::after{
  right: clamp(2rem, 5vw, 4.5rem);
  left: clamp(2rem, 5vw, 4.5rem);
}
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .icdr-case-story{
  padding-top: 4rem !important;
  padding-bottom: 4.5rem !important;
}
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .icdr-story-grid{
  display: grid;
  gap: 1.25rem;
}
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .icdr-strategy-pair,
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .icdr-narrative-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem;
}
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .case-study-stat{
  display: flex;
  min-height: 15rem;
  flex-direction: column;
  justify-content: space-between;
  padding: 2rem !important;
  border: 1px solid rgba(78, 95, 145, 0.18) !important;
  border-top: 4px solid var(--brand-green) !important;
  border-left: 1px solid rgba(78, 95, 145, 0.18) !important;
  border-radius: 0.4rem;
  background: linear-gradient(145deg, rgba(223, 240, 184, 0.42), var(--white) 68%);
  box-shadow: 0 14px 42px rgba(24, 36, 71, 0.07);
  transition: transform 280ms ease, box-shadow 280ms ease;
}
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .case-study-stat + .case-study-stat{
  margin-top: 0 !important;
}
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .case-study-stat:hover{
  box-shadow: 0 22px 55px rgba(24, 36, 71, 0.12);
  transform: translateY(-4px);
}
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .case-study-stat p:first-child{
  margin-bottom: 2rem;
}
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .case-study-stat p:last-child{
  margin-top: 0 !important;
  font-size: 1rem !important;
  line-height: 1.75 !important;
}
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .icdr-narrative-grid{
  counter-reset: icdr-balanced-module;
}
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .case-study-card{
  counter-increment: icdr-balanced-module;
  min-height: 15rem;
  box-shadow: 0 14px 42px rgba(24, 36, 71, 0.07);
}
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .case-study-card::after{
  content: "0" counter(icdr-balanced-module);
}
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .icdr-context-card,
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .icdr-thinking-card{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .icdr-context-card > p:last-child,
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .icdr-thinking-card > p:last-child{
  margin-top: 2rem;
  font-size: 1rem !important;
  line-height: 1.75 !important;
}
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .icdr-system-card,
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .icdr-outcome-card{
  grid-column: 1 / -1;
}
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .icdr-system-card{
  min-height: 0;
  padding: clamp(2rem, 4vw, 3rem) !important;
}
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .icdr-system-card > p:nth-child(2){
  max-width: 68rem;
  margin-top: 1.5rem;
  font-size: 1rem !important;
  line-height: 1.75 !important;
}
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .icdr-system-card .mt-8{
  gap: 1.25rem !important;
}
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .icdr-system-card .mt-8 > div{
  min-height: 19rem;
  padding: 2rem !important;
  border-top-width: 4px !important;
}
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .icdr-outcome-card,
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .icdr-case-story article:last-child{
  display: grid;
  grid-template-columns: minmax(12rem, 0.5fr) minmax(0, 1.5fr);
  gap: 1rem 3rem;
  align-items: center;
  margin-top: 0 !important;
  padding: clamp(2.25rem, 5vw, 4rem) !important;
  border-radius: 0.4rem;
  background: linear-gradient(135deg, var(--brand-indigo), var(--brand-navy)) !important;
  box-shadow: 0 22px 60px rgba(24, 36, 71, 0.18);
}
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .icdr-outcome-card > p:first-child{
  grid-row: 1 / span 2;
  align-self: start;
  color: var(--white) !important;
}
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .icdr-outcome-card h2{
  margin-top: 0 !important;
  font-size: clamp(1.65rem, 3vw, 2.4rem) !important;
}
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .icdr-outcome-card > p:last-child{
  margin-top: 0.75rem !important;
  line-height: 1.75 !important;
}
@media (max-width: 767px){
  :where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page main{ padding-top: 5.5rem; }
  :where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .icdr-case-hero{
    width: calc(100% - 2rem);
    padding: 2rem 1.5rem 3rem !important;
  }
  :where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .icdr-case-hero::after{
    right: 1.5rem;
    left: 1.5rem;
  }
  :where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .icdr-strategy-pair,
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .icdr-narrative-grid{
    grid-template-columns: 1fr;
  }
  :where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .case-study-stat,
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .case-study-card{
    min-height: 0;
  }
  :where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .icdr-outcome-card,
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .icdr-case-story article:last-child{
    grid-template-columns: 1fr;
  }
  :where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .icdr-outcome-card > p:first-child{
    grid-row: auto;
  }
}
/* Source block: case-study-outcome-white-fix */
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .icdr-case-study-page .icdr-case-story .icdr-narrative-grid .icdr-outcome-card > p:first-child{ color: #ffffff !important; }
/* Source block: case-study-card-spacing-final */
/* Final page-level override: exactly one line between every card title and body. */
html:where(:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) body.icdr-case-study-page .case-study-stat > p:first-child,
html:where(:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) body.icdr-case-study-page .case-study-card > p:first-child{
  margin-bottom: 0 !important;
}
html:where(:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) body.icdr-case-study-page .case-study-stat > p:first-child + p,
html:where(:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) body.icdr-case-study-page .case-study-card > p:first-child + p,
html:where(:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) body.icdr-case-study-page .icdr-context-card > p:last-child,
html:where(:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) body.icdr-case-study-page .icdr-thinking-card > p:last-child,
html:where(:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) body.icdr-case-study-page .icdr-system-card > p:nth-child(2),
html:where(:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) body.icdr-case-study-page .icdr-outcome-card > p:first-child + h2,
html:where(:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) body.icdr-case-study-page .icdr-outcome-card > h2 + p{
  margin-top: 1rem !important;
}
html:where(:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) body.icdr-case-study-page .case-study-card h2{
  margin-bottom: 0 !important;
}
html:where(:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) body.icdr-case-study-page .case-study-card h2 + p,
html:where(:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) body.icdr-case-study-page .case-study-card h2 + ul,
html:where(:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) body.icdr-case-study-page .case-study-card h2 + div{
  margin-top: 1rem !important;
}
/* Source block: reports-four-card-spacing-fix */
/* Fixed one-line spacing for the four requested report cards. */
html:where(:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) body.icdr-case-study-page .icdr-strategy-pair .case-study-stat,
html:where(:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) body.icdr-case-study-page .icdr-context-card,
html:where(:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) body.icdr-case-study-page .icdr-thinking-card{
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  gap: 1rem !important;
}
html:where(:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) body.icdr-case-study-page .icdr-strategy-pair .case-study-stat > p,
html:where(:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) body.icdr-case-study-page .icdr-context-card > p,
html:where(:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) body.icdr-case-study-page .icdr-thinking-card > p{
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
/* Source block: main-menu-final-consistency-20260713 */
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) header nav[aria-label="Main navigation"]{
    height: 5rem !important;
    max-width: 92rem !important;
  }
  :where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) header nav[aria-label="Main navigation"] .hidden.items-center{
    gap: 1.45rem !important;
  }
  :where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) header nav[aria-label="Main navigation"] .hidden a,
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) header nav[aria-label="Main navigation"] .hidden button,
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .nav-panel-live a{
    color: rgba(211, 208, 197, 0.72) !important;
    font-family: Inter, Manrope, "Plus Jakarta Sans", sans-serif !important;
    font-size: 0.72rem !important;
    font-weight: 650 !important;
    letter-spacing: 0.14em !important;
    line-height: 1 !important;
    text-shadow: none !important;
    text-decoration: none !important;
    transition: color 0.22s ease, font-weight 0.22s ease, border-color 0.22s ease, background-color 0.22s ease !important;
  }
  :where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) header nav[aria-label="Main navigation"] .hidden a:hover,
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) header nav[aria-label="Main navigation"] .hidden a:focus-visible,
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) header nav[aria-label="Main navigation"] .hidden button:hover,
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) header nav[aria-label="Main navigation"] .hidden button:focus-visible,
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .nav-panel-live a:hover,
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .nav-panel-live a:focus-visible,
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) header nav[aria-label="Main navigation"] a[aria-current="page"]{
    color: #4e5f91 !important;
    font-weight: 850 !important;
    text-shadow: none !important;
  }
  :where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) header nav[aria-label="Main navigation"] a[aria-current="page"]{
    pointer-events: auto !important;
  }
  :where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) header nav[aria-label="Main navigation"] [lang="ar"]{
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.55rem !important;
    color: rgba(211, 208, 197, 0.72) !important;
  }
  :where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) header nav[aria-label="Main navigation"] [lang="ar"]::after{
    content: "" !important;
    display: inline-block !important;
    width: 0.45rem !important;
    height: 0.45rem !important;
    flex: 0 0 0.45rem !important;
    border-radius: 999px !important;
    background: #4e5f91 !important;
    box-shadow: 0 0 0 rgba(78, 95, 145, 0) !important;
    animation: arabic-menu-dot-blue-pulse-final 2s ease-in-out infinite !important;
  }
  :where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) header nav[aria-label="Main navigation"] [lang="ar"]:hover,
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) header nav[aria-label="Main navigation"] [lang="ar"]:focus-visible{
    color: #4e5f91 !important;
    font-weight: 850 !important;
    text-shadow: none !important;
  }
  :where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .header-live-separator{
    color: rgba(211, 208, 197, 0.28) !important;
    font-size: 0.72rem !important;
    line-height: 1 !important;
  }
  :where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .header-live-meta{
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    white-space: nowrap !important;
    color: #4e5f91 !important;
    font-family: Inter, Manrope, "Plus Jakarta Sans", sans-serif !important;
    font-size: 0.66rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    text-shadow: none !important;
  }
  :where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .header-live-meta span,
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .header-live-meta span[aria-hidden="true"],
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .header-live-temp{
    color: #4e5f91 !important;
    text-shadow: none !important;
  }
  :where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) header button[aria-label*="navigation"]{
    color: rgba(246, 241, 226, 0.86) !important;
    border-color: rgba(246, 241, 226, 0.18) !important;
    box-shadow: none !important;
  }
  :where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) header button[aria-label*="navigation"]:hover,
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) header button[aria-label*="navigation"]:focus-visible{
    color: #4e5f91 !important;
    border-color: rgba(78, 95, 145, 0.7) !important;
    box-shadow: none !important;
  }
  @keyframes arabic-menu-dot-blue-pulse-final{
    0%, 100% { opacity: 0.72; box-shadow: 0 0 0 0 rgba(78, 95, 145, 0.12); transform: scale(0.94); }
    50% { opacity: 1; box-shadow: 0 0 0 0.32rem rgba(78, 95, 145, 0); transform: scale(1.06); }
  }
  @media (max-width: 1279px){
    :where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .header-live-separator,
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .header-live-meta{ display: none !important; }
  }
/* Source block: main-menu-eye-comfort-20260713 */
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) header.fixed,
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) header[class*="bg-ink"],
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) body > header{
    background: rgba(24, 36, 71, 0.96) !important;
    border-bottom: 1px solid rgba(151, 205, 45, 0.16) !important;
    box-shadow: 0 12px 34px rgba(24, 36, 71, 0.18) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
  }

  :where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) header nav[aria-label="Main navigation"] .hidden a,
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) header nav[aria-label="Main navigation"] .hidden button,
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) header nav[aria-label="Main navigation"] .header-live-meta,
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) header nav[aria-label="Main navigation"] .header-live-meta span,
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) header nav[aria-label="Main navigation"] .header-live-temp,
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) header nav[aria-label="Main navigation"] .header-live-separator{
    color: rgba(218, 227, 242, 0.72) !important;
    text-shadow: none !important;
  }

  :where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) header nav[aria-label="Main navigation"] .hidden a:hover,
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) header nav[aria-label="Main navigation"] .hidden a:focus-visible,
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) header nav[aria-label="Main navigation"] .hidden button:hover,
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) header nav[aria-label="Main navigation"] .hidden button:focus-visible{
    color: #97cd2d !important;
    font-weight: 850 !important;
    text-shadow: none !important;
  }

  :where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) header nav[aria-label="Main navigation"] a[aria-current="page"],
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) header nav[aria-label="Main navigation"] a.text-atlantis[aria-current="page"]{
    color: #97cd2d !important;
    font-weight: 850 !important;
  }

  :where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) header nav[aria-label="Main navigation"] span[aria-hidden="true"].h-4,
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) header nav[aria-label="Main navigation"] .header-live-separator{
    background-color: rgba(218, 227, 242, 0.22) !important;
    color: rgba(218, 227, 242, 0.28) !important;
  }

  :where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) header nav[aria-label="Main navigation"] [lang="ar"]{
    color: rgba(218, 227, 242, 0.72) !important;
  }

  :where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) header nav[aria-label="Main navigation"] [lang="ar"]::after{
    background: #4e5f91 !important;
    box-shadow: 0 0 0 rgba(78, 95, 145, 0) !important;
  }

  :where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) header nav[aria-label="Main navigation"] [lang="ar"]:hover,
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) header nav[aria-label="Main navigation"] [lang="ar"]:focus-visible{
    color: #97cd2d !important;
  }

  :where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) header button[aria-label*="navigation"]{
    color: rgba(218, 227, 242, 0.78) !important;
    border-color: rgba(218, 227, 242, 0.2) !important;
    background: rgba(37, 54, 105, 0.28) !important;
    box-shadow: none !important;
  }

  :where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) header button[aria-label*="navigation"]:hover,
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) header button[aria-label*="navigation"]:focus-visible{
    color: #97cd2d !important;
    border-color: rgba(151, 205, 45, 0.65) !important;
  }

  :where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .nav-panel-live{
    background: rgba(24, 36, 71, 0.98) !important;
    border-top: 1px solid rgba(151, 205, 45, 0.16) !important;
  }

  :where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .nav-panel-live a{
    color: rgba(218, 227, 242, 0.78) !important;
  }

  :where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .nav-panel-live a:hover,
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .nav-panel-live a:focus-visible{
    color: #97cd2d !important;
  }
/* Source block: responsive-browser-pass-20260715 */
html:where(:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)){ -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
  :where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) body{ overflow-x: hidden; }
  :where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) img,
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) video,
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) svg,
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) canvas{ max-width: 100%; }
  :where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) img,
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) video{ height: auto; }
  :where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) iframe{ max-width: 100%; }
  :where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) input,
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) select,
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) textarea,
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) button{ font: inherit; }
  :where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) input,
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) select,
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) textarea{ max-width: 100%; min-height: 44px; }
  :where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) button,
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) a{ -webkit-tap-highlight-color: rgba(151,205,45,.22); }
  :where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .hero-title,
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .case-hero-title,
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .cii-hero-title,
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .about-hero-title,
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .banner-title{ overflow-wrap: normal; text-wrap: balance; }
  @media (max-width: 700px){
    :where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .hero-title,
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .case-hero-title,
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .cii-hero-title,
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .about-hero-title,
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .banner-title{
      max-width: 100% !important;
      line-height: 1.06 !important;
      letter-spacing: -0.035em !important;
    }
    :where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .cs-banner-copy,
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .about-hero-copy,
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .hero-copy{
      width: 100% !important;
      max-width: 100% !important;
      padding-left: clamp(1rem, 5vw, 1.45rem) !important;
      padding-right: clamp(1rem, 5vw, 1.45rem) !important;
    }
    :where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) input,
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) select,
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) textarea{
      font-size: 16px !important;
    }
    :where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .site-shell,
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .shell,
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) .cs-main,
:where(html:is(.style-post-15,.style-post-16,.style-post-17,.style-post-18,.style-post-19,.style-post-20)) main{
      max-width: 100% !important;
    }
  }

/* === 5. Migrated static inline declarations === */
html body .is-invisible { visibility: hidden; }
html body .score-width-0 { width: 0%; }
html body .score-width-5 { width: 5%; }
html body .score-width-10 { width: 10%; }
html body .score-width-15 { width: 15%; }
html body .score-width-20 { width: 20%; }
html body .score-width-25 { width: 25%; }
html body .score-width-30 { width: 30%; }
html body .score-width-35 { width: 35%; }
html body .score-width-40 { width: 40%; }
html body .score-width-45 { width: 45%; }
html body .score-width-50 { width: 50%; }
html body .score-width-55 { width: 55%; }
html body .score-width-60 { width: 60%; }
html body .score-width-65 { width: 65%; }
html body .score-width-70 { width: 70%; }
html body .score-width-75 { width: 75%; }
html body .score-width-80 { width: 80%; }
html body .score-width-85 { width: 85%; }
html body .score-width-90 { width: 90%; }
html body .score-width-95 { width: 95%; }
html body .score-width-100 { width: 100%; }
html body .inline-008a31c6f7 { margin-bottom: 2rem; }
html body .inline-07f523fa44 { position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;object-fit:contain;background:#050606; }
html body .inline-0abe6b67d8 { margin-bottom:0.4rem; }
html body .inline-1f366b6604 { opacity: 1; transform: none; }
html body .inline-1f5e581a9d { margin-top: 3rem; margin-bottom: 3rem; }
html body .inline-1fe03bb2b9 { color: #ffffff !important; }
html body .inline-3f0100eb32 { color:#97cd2d!important;-webkit-text-fill-color:#97cd2d!important; }
html body .inline-4d958af3e0 { opacity:1;transform:none; }
html body .inline-58bd65439a { margin-top: .7rem; width: .5rem; height: .5rem; flex: 0 0 .5rem; border-radius: 999px; background: #b6f05c; box-shadow: 0 0 14px rgba(182,240,92,.55); }
html body .inline-60e32dcb44 { display:inline-block; }
html body .inline-619c7a2895 { display:inline-block;margin:0 20px 0 0;padding:0 23px 0 0;font-size:24px;font-weight:500;vertical-align:top;line-height:49px; }
html body .inline-648149cea2 { margin-bottom: 0; }
html body .inline-69e6810498 { background:linear-gradient(115deg,#f4f7fb 0%,#e8edf6 100%)!important;color:#253669!important; }
html body .inline-6c4ea622b1 { padding-bottom: 1.5rem; }
html body .inline-7cc1d9c60c { color: transparent; }
html body .inline-85f1f5a6eb { padding-top: 4rem; padding-bottom: 4rem; }
html body .inline-8604a31e37 { font-family:system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";height:100vh;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center; }
html body .inline-8d9c942321 { position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent; }
html body .inline-95c4d2cc28 { font-size:14px;font-weight:400;line-height:49px;margin:0; }
html body .inline-a8238d868a { background:#fff!important;border-color:rgba(78,95,145,.22)!important;border-left:5px solid #97cd2d!important;box-shadow:0 18px 48px rgba(37,54,105,.09)!important;color:#253669!important; }
html body .inline-ada3a17c3d { opacity: 1; }
html body .inline-aeb32f6a31 { margin-top:2.5rem; }
html body .inline-c26cf26b49 { height:3.25rem;width:10.4rem; }
html body .inline-c6e7979de4 { opacity:1; }
html body .inline-d0cd4e8736 { list-style: none; padding-left: 0; margin: 0; width: 100%; max-width: none; }
html body .inline-d4f7536fd4 { margin-top: 1.5rem; }
html body .inline-d9cd73977f { color:#253669!important; }
html body .inline-e357aa17bb { color:#253669 !important; }
html body .inline-f145df9595 { color:transparent; }
html body .inline-f267e3ca68 { margin-bottom: 1rem; }
html body .inline-fc511f0ce0 { margin-top:1.5rem; }

/* Professional Perspective — Consistency Score visual system */
:where(html.style-post-07) body.professional-perspective-page {
  min-height: 100vh;
  background: #f4f6fa !important;
  color: #252b35 !important;
}

:where(html.style-post-07) body.professional-perspective-page .pp-main {
  width: 100%;
  max-width: 92rem;
  margin: 0 auto;
  padding: 7rem 1.25rem 7rem;
  overflow: clip;
  background: transparent !important;
  box-sizing: border-box;
}

:where(html.style-post-07) body.professional-perspective-page .pp-shell {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}

:where(html.style-post-07) body.professional-perspective-page .pp-progress {
  position: fixed;
  z-index: 70;
  top: 5rem;
  left: 0;
  width: 100%;
  height: 2px;
  pointer-events: none;
  background: rgba(78, 95, 145, 0.15);
}

:where(html.style-post-07) body.professional-perspective-page .pp-progress span {
  display: block;
  width: 100%;
  height: 100%;
  transform: scaleX(0);
  transform-origin: left center;
  background: #97cd2d;
}

:where(html.style-post-07) body.professional-perspective-page .pp-hero {
  position: relative;
  display: block;
  min-height: 0;
  margin: 0;
  padding: 0 !important;
  overflow: hidden;
  border: 1px solid rgba(78, 95, 145, 0.2);
  background: #0a2a59;
  box-shadow: 0 24px 60px rgba(37, 54, 105, 0.15);
}

:where(html.style-post-07) body.professional-perspective-page .pp-hero-media {
  position: static;
}

:where(html.style-post-07) body.professional-perspective-page .pp-hero-media img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: initial;
  filter: none;
  transform: none;
  transition: transform 1.4s cubic-bezier(0.2, 0.8, 0.2, 1), filter 1.4s ease;
}

:where(html.style-post-07) body.professional-perspective-page .pp-hero:hover .pp-hero-media img {
  filter: saturate(1.04) contrast(1.03);
  transform: scale(1.025);
}

:where(html.style-post-07) body.professional-perspective-page .pp-hero-shade {
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(0deg, rgba(10, 42, 89, 0.72) 0%, rgba(10, 42, 89, 0.12) 66%);
}

:where(html.style-post-07) body.professional-perspective-page .pp-hero-content {
  position: absolute;
  z-index: 1;
  right: 4.8%;
  bottom: 4.6%;
  left: 4.8%;
  width: auto;
  display: block;
  min-height: 0;
  padding: 0;
  color: #fff;
}

:where(html.style-post-07) body.professional-perspective-page .pp-kicker {
  margin: 0 0 0.8rem;
  color: #4e5f91;
  font-size: 0.75rem;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

:where(html.style-post-07) body.professional-perspective-page .pp-hero .pp-kicker {
  color: #97cd2d;
  font-size: clamp(0.7rem, 1vw, 0.95rem);
  font-weight: 650;
  letter-spacing: 0.04em;
}

:where(html.style-post-07) body.professional-perspective-page .pp-hero h1 {
  max-width: 86rem;
  margin: 0;
  color: #fff !important;
  font-family: Inter, Manrope, "Plus Jakarta Sans", sans-serif;
  font-size: clamp(1.8rem, 3.15vw, 3.25rem) !important;
  font-weight: 720 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.025em;
}

:where(html.style-post-07) body.professional-perspective-page .pp-hero-lead {
  max-width: 86rem;
  margin: 1rem 0 0;
  color: rgba(255, 255, 255, 0.94);
  font-family: Inter, Manrope, "Plus Jakarta Sans", sans-serif;
  font-size: clamp(0.76rem, 1.25vw, 1.08rem);
  font-weight: 550;
  line-height: 1.45;
}

:where(html.style-post-07) body.professional-perspective-page .pp-intro-card,
:where(html.style-post-07) body.professional-perspective-page .pp-section {
  position: relative;
  margin-top: 2rem;
  padding: clamp(1.6rem, 3vw, 2.7rem) !important;
  overflow: hidden;
  border: 1px solid rgba(78, 95, 145, 0.2);
  border-top: 4px solid #4e5f91;
  background: linear-gradient(145deg, #fff, #e9edf6);
  box-shadow: 0 18px 46px rgba(24, 36, 71, 0.1);
}

:where(html.style-post-07) body.professional-perspective-page .pp-intro-card,
:where(html.style-post-07) body.professional-perspective-page .pp-profile,
:where(html.style-post-07) body.professional-perspective-page .pp-approach,
:where(html.style-post-07) body.professional-perspective-page .pp-highlights {
  border-top-color: #97cd2d;
}

:where(html.style-post-07) body.professional-perspective-page .pp-card-number {
  position: absolute;
  top: 1.7rem;
  right: 2rem;
  margin: 0;
  color: rgba(37, 54, 105, 0.28);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.2em;
}

:where(html.style-post-07) body.professional-perspective-page .pp-hero-support {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(1.5rem, 4vw, 4rem);
  max-width: 74rem;
  padding-right: 3rem;
}

:where(html.style-post-07) body.professional-perspective-page .pp-hero-support p {
  margin: 0;
  color: #586172;
  font-size: clamp(1rem, 1.25vw, 1.12rem);
  line-height: 1.7;
}

:where(html.style-post-07) body.professional-perspective-page .pp-scroll-cue,
:where(html.style-post-07) body.professional-perspective-page .pp-cta {
  display: inline-flex;
  width: fit-content;
  min-height: 3rem;
  align-items: center;
  gap: 0.65rem;
  margin-top: 1.5rem;
  padding: 0.75rem 1.25rem;
  border: 0;
  color: #182447;
  background: #97cd2d;
  font-size: 0.74rem;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-decoration: none;
  text-transform: uppercase;
  transition: color 180ms ease, background 180ms ease, transform 180ms ease;
}

:where(html.style-post-07) body.professional-perspective-page .pp-scroll-cue:hover,
:where(html.style-post-07) body.professional-perspective-page .pp-cta:hover {
  color: #fff;
  background: #253669;
  transform: translateY(-2px);
}

:where(html.style-post-07) body.professional-perspective-page .pp-chapter-nav {
  position: sticky;
  z-index: 40;
  top: 5rem;
  margin-top: 1rem;
  border: 1px solid rgba(78, 95, 145, 0.2);
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 12px 28px rgba(37, 54, 105, 0.08);
  backdrop-filter: blur(16px);
}

:where(html.style-post-07) body.professional-perspective-page .pp-chapter-nav-inner {
  display: flex;
  gap: clamp(1.25rem, 3vw, 2.6rem);
  overflow-x: auto;
  padding: 0 1.5rem;
  scrollbar-width: none;
}

:where(html.style-post-07) body.professional-perspective-page .pp-chapter-nav-inner::-webkit-scrollbar {
  display: none;
}

:where(html.style-post-07) body.professional-perspective-page .pp-chapter-nav a {
  position: relative;
  flex: 0 0 auto;
  padding: 1rem 0 0.9rem;
  color: #4e5f91;
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-decoration: none;
  text-transform: uppercase;
}

:where(html.style-post-07) body.professional-perspective-page .pp-chapter-nav a::after {
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  height: 2px;
  content: "";
  background: #97cd2d;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 180ms ease;
}

:where(html.style-post-07) body.professional-perspective-page .pp-chapter-nav a:hover,
:where(html.style-post-07) body.professional-perspective-page .pp-chapter-nav a.is-active {
  color: #253669;
}

:where(html.style-post-07) body.professional-perspective-page .pp-chapter-nav a.is-active::after {
  transform: scaleX(1);
}

:where(html.style-post-07) body.professional-perspective-page .pp-section {
  scroll-margin-top: 9rem;
}

:where(html.style-post-07) body.professional-perspective-page .pp-two-column,
:where(html.style-post-07) body.professional-perspective-page .pp-philosophy-grid {
  display: grid;
  grid-template-columns: minmax(17rem, 0.78fr) minmax(0, 1.22fr);
  gap: clamp(2.5rem, 6vw, 6rem);
  align-items: start;
}

:where(html.style-post-07) body.professional-perspective-page .pp-section-heading {
  position: sticky;
  top: 10rem;
}

:where(html.style-post-07) body.professional-perspective-page .pp-section h2,
:where(html.style-post-07) body.professional-perspective-page .pp-closing h2 {
  max-width: 30ch;
  margin: 0;
  color: #253669 !important;
  font-family: var(--font-serif), Georgia, serif;
  font-size: clamp(1.65rem, 2.5vw, 2.4rem) !important;
  font-weight: 700 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.02em;
}

:where(html.style-post-07) body.professional-perspective-page .pp-prose {
  color: #586172;
  font-size: clamp(1rem, 1.2vw, 1.1rem);
  line-height: 1.72;
}

:where(html.style-post-07) body.professional-perspective-page .pp-prose-large {
  font-size: clamp(1.02rem, 1.3vw, 1.18rem);
}

:where(html.style-post-07) body.professional-perspective-page .pp-prose p {
  margin: 0;
}

:where(html.style-post-07) body.professional-perspective-page .pp-prose p + p {
  margin-top: 1.35em;
}

:where(html.style-post-07) body.professional-perspective-page .pp-emphasis {
  margin-top: 1.5rem !important;
  padding: 1.3rem 1.5rem;
  border-left: 5px solid #97cd2d;
  color: #253669;
  background: #eef2f8;
  box-shadow: 0 18px 46px rgba(24, 36, 71, 0.08);
  font-family: var(--font-serif), Georgia, serif;
  font-size: 1.08em;
  font-weight: 700;
}

:where(html.style-post-07) body.professional-perspective-page .pp-section-intro {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(18rem, 0.92fr);
  gap: clamp(2rem, 5vw, 5rem);
  align-items: end;
  margin-bottom: 2.25rem;
}

:where(html.style-post-07) body.professional-perspective-page .pp-section-intro > p {
  max-width: 38rem;
  margin: 0;
  color: #586172;
  line-height: 1.65;
}

:where(html.style-post-07) body.professional-perspective-page .pp-practice-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start;
  gap: 1rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

:where(html.style-post-07) body.professional-perspective-page .pp-practice-grid li {
  display: flex;
  min-height: 0;
  flex-direction: column;
  justify-content: flex-start;
  gap: 0.25rem;
  padding: 1.2rem 1.4rem 1.3rem;
  border: 1px solid rgba(78, 95, 145, 0.24);
  color: #253669;
  background: rgba(255, 255, 255, 0.82);
  transition: color 180ms ease, background 180ms ease, border-color 180ms ease, transform 180ms ease;
}

:where(html.style-post-07) body.professional-perspective-page .pp-practice-grid li:hover {
  border-color: #97cd2d;
  color: #fff;
  background: #253669;
  transform: translateY(-2px);
}

:where(html.style-post-07) body.professional-perspective-page .pp-practice-grid span {
  color: #97cd2d;
  font-size: 0.7004rem;
  font-weight: 800;
  letter-spacing: 0.16em;
}

:where(html.style-post-07) body.professional-perspective-page .pp-practice-grid strong {
  font-family: var(--font-serif), Georgia, serif;
  font-size: clamp(1.15rem, 1.6vw, 1.4rem);
  line-height: 1.2;
}

:where(html.style-post-07) body.professional-perspective-page .pp-experience-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(18rem, 0.92fr);
  gap: clamp(2rem, 5vw, 5rem);
  align-items: end;
  padding-bottom: 2rem;
  border-bottom: 1px solid rgba(78, 95, 145, 0.18);
}

:where(html.style-post-07) body.professional-perspective-page .pp-experience-heading > p {
  max-width: 38rem;
  margin: 0;
  color: #586172;
  font-size: clamp(1rem, 1.25vw, 1.12rem);
  line-height: 1.7;
}

:where(html.style-post-07) body.professional-perspective-page .pp-experience-overview {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(17rem, 0.8fr);
  gap: clamp(2rem, 5vw, 5rem);
  align-items: start;
  margin-top: 2rem;
}

:where(html.style-post-07) body.professional-perspective-page .pp-experience-context {
  display: grid;
  gap: 1.5rem;
  padding: 1.4rem 1.5rem;
  border: 1px dashed rgba(78, 95, 145, 0.35);
  background: #f4f6fb;
}

:where(html.style-post-07) body.professional-perspective-page .pp-context-label {
  margin: 0 0 0.8rem;
  color: #4e5f91;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

:where(html.style-post-07) body.professional-perspective-page .pp-sector-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.55rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

:where(html.style-post-07) body.professional-perspective-page .pp-sector-list li {
  padding: 0.62rem 0.72rem;
  border: 1px solid rgba(78, 95, 145, 0.2);
  color: #253669;
  background: rgba(255, 255, 255, 0.82);
  font-size: 0.86rem;
  font-weight: 750;
}

:where(html.style-post-07) body.professional-perspective-page .pp-sector-list li:last-child {
  grid-column: 1 / -1;
}

:where(html.style-post-07) body.professional-perspective-page .pp-region-context {
  padding-top: 1.25rem;
  border-top: 1px solid rgba(78, 95, 145, 0.18);
}

:where(html.style-post-07) body.professional-perspective-page .pp-region-context > p:last-child {
  margin: 0;
  color: #253669;
  font-family: var(--font-serif), Georgia, serif;
  font-size: 1.12rem;
  font-weight: 700;
  line-height: 1.3;
}

:where(html.style-post-07) body.professional-perspective-page .pp-contributions {
  display: block;
  margin-top: 2.25rem;
  padding: clamp(1.5rem, 3vw, 2.2rem);
  border-left: 5px solid #97cd2d;
  background: #eef2f8;
  box-shadow: 0 18px 46px rgba(24, 36, 71, 0.08);
}

:where(html.style-post-07) body.professional-perspective-page .pp-contributions h3 {
  margin: 0;
  color: #253669;
  font-family: var(--font-serif), Georgia, serif;
  font-size: clamp(1.45rem, 2.4vw, 2rem);
  line-height: 1.15;
}

:where(html.style-post-07) body.professional-perspective-page .pp-contributions-head {
  display: grid;
  grid-template-columns: minmax(17rem, 0.8fr) minmax(0, 1.2fr);
  gap: clamp(2rem, 5vw, 5rem);
  align-items: end;
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(78, 95, 145, 0.18);
}

:where(html.style-post-07) body.professional-perspective-page .pp-contributions-head > p {
  margin: 0;
  color: #586172;
  line-height: 1.65;
}

:where(html.style-post-07) body.professional-perspective-page .pp-contribution-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: contribution;
}

:where(html.style-post-07) body.professional-perspective-page .pp-contribution-list li {
  position: relative;
  min-height: 4.8rem;
  padding: 1rem 1rem 1rem 2.45rem;
  border: 1px solid rgba(78, 95, 145, 0.18);
  color: #4a5362;
  background: rgba(255, 255, 255, 0.76);
  line-height: 1.5;
  counter-increment: contribution;
}

:where(html.style-post-07) body.professional-perspective-page .pp-contribution-list li::before {
  position: absolute;
  top: 1.05rem;
  left: 0.85rem;
  color: #97cd2d;
  content: counter(contribution, decimal-leading-zero);
  font-size: 0.62rem;
  font-weight: 800;
}

:where(html.style-post-07) body.professional-perspective-page .pp-approach-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(18rem, 0.92fr);
  gap: clamp(2rem, 5vw, 5rem);
  align-items: end;
  padding-bottom: 2rem;
  border-bottom: 1px solid rgba(78, 95, 145, 0.18);
}

:where(html.style-post-07) body.professional-perspective-page .pp-approach-heading > p {
  max-width: 38rem;
  margin: 0;
  color: #586172;
  font-size: clamp(1rem, 1.25vw, 1.12rem);
  line-height: 1.7;
}

:where(html.style-post-07) body.professional-perspective-page .pp-approach-system {
  display: grid;
  grid-template-columns: minmax(16rem, 0.72fr) minmax(0, 1.28fr);
  margin-top: 2rem;
  border: 1px solid rgba(78, 95, 145, 0.24);
  box-shadow: 0 18px 46px rgba(24, 36, 71, 0.08);
}

:where(html.style-post-07) body.professional-perspective-page .pp-approach-controls {
  display: grid;
  background: #f4f6fb;
}

:where(html.style-post-07) body.professional-perspective-page .pp-approach-controls button {
  display: flex;
  min-height: 5rem;
  align-items: center;
  gap: 1rem;
  padding: 1rem 1.35rem;
  border: 0;
  border-bottom: 1px solid rgba(78, 95, 145, 0.18);
  color: #4e5f91;
  background: transparent;
  font: inherit;
  font-weight: 700;
  text-align: left;
  transition: color 180ms ease, background 180ms ease;
}

:where(html.style-post-07) body.professional-perspective-page .pp-approach-controls button:last-child {
  border-bottom: 0;
}

:where(html.style-post-07) body.professional-perspective-page .pp-approach-controls button span {
  color: #97cd2d;
  font-size: 0.64rem;
  font-weight: 800;
}

:where(html.style-post-07) body.professional-perspective-page .pp-approach-controls button[aria-selected="true"] {
  color: #fff;
  background: #253669;
}

:where(html.style-post-07) body.professional-perspective-page .pp-approach-stage {
  display: grid;
  min-height: 19rem;
  padding: clamp(2rem, 4vw, 4rem);
  place-items: center start;
  background: #253669;
}

:where(html.style-post-07) body.professional-perspective-page .pp-approach-stage .pp-kicker {
  color: #97cd2d;
}

:where(html.style-post-07) body.professional-perspective-page .pp-approach-panel {
  max-width: 34rem;
  animation: pp-panel-in 300ms ease both;
}

:where(html.style-post-07) body.professional-perspective-page .pp-approach-panel h3 {
  margin: 0;
  color: #fff;
  font-family: var(--font-serif), Georgia, serif;
  font-size: clamp(2rem, 3.8vw, 3.25rem);
  line-height: 1;
}

:where(html.style-post-07) body.professional-perspective-page .pp-approach-panel > p:last-child {
  margin: 1.35rem 0 0;
  color: rgba(255, 255, 255, 0.82);
  font-size: clamp(1rem, 1.25vw, 1.1rem);
  line-height: 1.65;
}

:where(html.style-post-07) body.professional-perspective-page .pp-approach-outcome {
  display: grid;
  grid-template-columns: minmax(15rem, 0.72fr) minmax(0, 1.28fr);
  gap: clamp(2rem, 5vw, 5rem);
  align-items: center;
  margin-top: 1.5rem;
  padding: clamp(1.5rem, 3vw, 2.2rem);
  border-left: 5px solid #97cd2d;
  background: #eef2f8;
  box-shadow: 0 18px 46px rgba(24, 36, 71, 0.08);
}

:where(html.style-post-07) body.professional-perspective-page .pp-approach-outcome strong {
  display: block;
  max-width: 18rem;
  color: #253669;
  font-family: var(--font-serif), Georgia, serif;
  font-size: clamp(1.35rem, 2.2vw, 1.9rem);
  line-height: 1.15;
}

:where(html.style-post-07) body.professional-perspective-page .pp-approach-outcome-copy {
  color: #586172;
  line-height: 1.68;
}

:where(html.style-post-07) body.professional-perspective-page .pp-approach-outcome-copy p {
  margin: 0;
}

:where(html.style-post-07) body.professional-perspective-page .pp-approach-outcome-copy p + p {
  margin-top: 0.85rem;
  color: #4e5f91;
  font-size: 0.9rem;
  font-weight: 750;
}

@keyframes pp-panel-in {
  from { opacity: 0; transform: translateY(0.45rem); }
  to { opacity: 1; transform: translateY(0); }
}

:where(html.style-post-07) body.professional-perspective-page .pp-philosophy::before {
  position: absolute;
  top: 1rem;
  right: 2rem;
  color: rgba(78, 95, 145, 0.12);
  content: "“";
  font-family: Georgia, serif;
  font-size: clamp(7rem, 14vw, 13rem);
  line-height: 0.8;
  pointer-events: none;
}

:where(html.style-post-07) body.professional-perspective-page .pp-highlights-heading {
  display: block;
  padding-bottom: 2rem;
  border-bottom: 1px solid rgba(78, 95, 145, 0.18);
}

:where(html.style-post-07) body.professional-perspective-page .pp-highlights-heading h2,
:where(html.style-post-07) body.professional-perspective-page .pp-closing h2 {
  max-width: none;
  white-space: nowrap;
}

:where(html.style-post-07) body.professional-perspective-page .pp-highlights-heading > p {
  width: 100%;
  max-width: none;
  margin: 2rem 0 0;
  color: #586172;
  line-height: 1.7;
}

:where(html.style-post-07) body.professional-perspective-page .pp-highlights-layout {
  display: grid;
  grid-template-columns: minmax(17rem, 0.7fr) minmax(0, 1.3fr);
  gap: 1rem;
  align-items: stretch;
  margin-top: 2rem;
}

:where(html.style-post-07) body.professional-perspective-page .pp-highlight-feature {
  display: flex;
  min-height: 100%;
  flex-direction: column;
  justify-content: flex-start;
  padding: clamp(1.8rem, 4vw, 3rem);
  background: #253669;
  box-shadow: 0 20px 48px rgba(24, 36, 71, 0.16);
}

:where(html.style-post-07) body.professional-perspective-page .pp-highlight-feature .pp-context-label {
  color: #97cd2d;
}

:where(html.style-post-07) body.professional-perspective-page .pp-highlight-feature > strong {
  color: #fff;
  font-family: var(--font-serif), Georgia, serif;
  font-size: clamp(4rem, 8vw, 6.5rem);
  line-height: 0.9;
}

:where(html.style-post-07) body.professional-perspective-page .pp-highlight-feature > p:last-child {
  margin: 1.25rem 0 0;
  color: rgba(255, 255, 255, 0.82);
  font-size: 1.05rem;
  line-height: 1.55;
}

:where(html.style-post-07) body.professional-perspective-page .pp-highlight-list {
  display: grid;
  gap: 0.75rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

:where(html.style-post-07) body.professional-perspective-page .pp-highlight-list li {
  display: grid;
  grid-template-columns: 2.4rem minmax(0, 1fr);
  gap: 1rem;
  align-items: start;
  padding: 1.15rem 1.25rem;
  border: 1px solid rgba(78, 95, 145, 0.2);
  background: rgba(255, 255, 255, 0.82);
  transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

:where(html.style-post-07) body.professional-perspective-page .pp-highlight-list li:hover {
  border-color: #97cd2d;
  box-shadow: 0 14px 32px rgba(24, 36, 71, 0.09);
  transform: translateX(0.2rem);
}

:where(html.style-post-07) body.professional-perspective-page .pp-highlight-list li > span {
  color: #82b522;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
}

:where(html.style-post-07) body.professional-perspective-page .pp-highlight-list strong {
  color: #253669;
  font-family: var(--font-serif), Georgia, serif;
  font-size: 1.15rem;
  line-height: 1.2;
}

:where(html.style-post-07) body.professional-perspective-page .pp-highlight-list p {
  margin: 0.35rem 0 0;
  color: #586172;
  line-height: 1.55;
}

:where(html.style-post-07) body.professional-perspective-page .pp-closing {
  display: grid;
  gap: 0.75rem;
  margin-top: 3rem;
  padding: clamp(1.8rem, 4vw, 3rem) !important;
  border-left: 5px solid #97cd2d;
  background: #e9edf6;
  box-shadow: 0 18px 46px rgba(24, 36, 71, 0.1);
}

:where(html.style-post-07) body.professional-perspective-page .pp-closing-grid {
  display: block;
}

:where(html.style-post-07) body.professional-perspective-page .pp-closing-copy {
  width: 100%;
  max-width: none;
  margin-top: 2rem;
  color: #586172;
  line-height: 1.65;
}

:where(html.style-post-07) body.professional-perspective-page .pp-closing-copy p {
  margin: 0;
}

:where(html.style-post-07) body.professional-perspective-page .pp-closing-copy p + p {
  margin-top: 1rem;
}

:where(html.style-post-07) body.professional-perspective-page .home-social-strip {
  margin-top: 3rem;
}

:where(html.style-post-07).pp-js body.professional-perspective-page .pp-reveal {
  opacity: 0;
  transform: translateY(1rem);
  transition: opacity 560ms ease, transform 560ms ease;
}

:where(html.style-post-07).pp-js body.professional-perspective-page .pp-reveal.is-visible {
  opacity: 1;
  transform: none;
}

:where(html.style-post-07) body.professional-perspective-page :is(a, button):focus-visible {
  outline: 3px solid rgba(151, 205, 45, 0.48);
  outline-offset: 2px;
}

@media (max-width: 900px) {
  :where(html.style-post-07) body.professional-perspective-page .pp-two-column,
  :where(html.style-post-07) body.professional-perspective-page .pp-philosophy-grid,
  :where(html.style-post-07) body.professional-perspective-page .pp-section-intro,
  :where(html.style-post-07) body.professional-perspective-page .pp-experience-heading,
  :where(html.style-post-07) body.professional-perspective-page .pp-experience-overview,
  :where(html.style-post-07) body.professional-perspective-page .pp-contributions-head,
  :where(html.style-post-07) body.professional-perspective-page .pp-approach-heading,
  :where(html.style-post-07) body.professional-perspective-page .pp-approach-outcome,
  :where(html.style-post-07) body.professional-perspective-page .pp-highlights-heading,
  :where(html.style-post-07) body.professional-perspective-page .pp-highlights-layout,
  :where(html.style-post-07) body.professional-perspective-page .pp-closing-grid,
  :where(html.style-post-07) body.professional-perspective-page .pp-approach-system {
    grid-template-columns: 1fr;
  }

  :where(html.style-post-07) body.professional-perspective-page .pp-section-heading {
    position: static;
  }

  :where(html.style-post-07) body.professional-perspective-page .pp-highlights-heading h2,
  :where(html.style-post-07) body.professional-perspective-page .pp-closing h2 {
    white-space: normal;
  }

  :where(html.style-post-07) body.professional-perspective-page .pp-practice-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  :where(html.style-post-07) body.professional-perspective-page .pp-highlight-feature {
    min-height: 16rem;
  }

  :where(html.style-post-07) body.professional-perspective-page .pp-approach-controls {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  :where(html.style-post-07) body.professional-perspective-page .pp-approach-controls button {
    min-height: 4.7rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.45rem;
    border-right: 1px solid rgba(78, 95, 145, 0.18);
    border-bottom: 0;
  }
}

@media (max-width: 700px) {
  :where(html.style-post-07) body.professional-perspective-page .pp-hero-media {
    overflow: hidden;
    aspect-ratio: 1820 / 660;
  }

  :where(html.style-post-07) body.professional-perspective-page .pp-hero-media img {
    width: 100%;
    max-width: none;
    height: 100%;
    object-fit: cover;
  }

  :where(html.style-post-07) body.professional-perspective-page .pp-hero-shade {
    display: none;
  }

  :where(html.style-post-07) body.professional-perspective-page .pp-hero-content {
    position: static;
    padding: 1.35rem 1.2rem 1.5rem;
  }

  :where(html.style-post-07) body.professional-perspective-page .pp-hero .pp-kicker {
    margin-bottom: 0.55rem;
  }

  :where(html.style-post-07) body.professional-perspective-page .pp-hero h1 {
    font-size: clamp(1.45rem, 7vw, 2rem) !important;
    line-height: 1.12 !important;
  }

  :where(html.style-post-07) body.professional-perspective-page .pp-hero-lead {
    margin-top: 0.75rem;
    font-size: 0.82rem;
    line-height: 1.55;
  }
}

@media (max-width: 640px) {
  :where(html.style-post-07) body.professional-perspective-page .pp-main {
    padding: 7.25rem 1rem 5rem;
  }

  :where(html.style-post-07) body.professional-perspective-page .pp-hero-support,
  :where(html.style-post-07) body.professional-perspective-page .pp-practice-grid,
  :where(html.style-post-07) body.professional-perspective-page .pp-contribution-list {
    grid-template-columns: 1fr;
  }

  :where(html.style-post-07) body.professional-perspective-page .pp-highlight-feature {
    min-height: 14rem;
  }

  :where(html.style-post-07) body.professional-perspective-page .pp-highlight-list li {
    grid-template-columns: 2rem minmax(0, 1fr);
    padding: 1rem;
  }

  :where(html.style-post-07) body.professional-perspective-page .pp-hero-support {
    gap: 1rem;
    padding-right: 2.5rem;
  }

  :where(html.style-post-07) body.professional-perspective-page .pp-approach-controls {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  :where(html.style-post-07) body.professional-perspective-page .pp-approach-controls button {
    border-bottom: 1px solid rgba(78, 95, 145, 0.18);
  }

  :where(html.style-post-07) body.professional-perspective-page .pp-card-number {
    top: 1.2rem;
    right: 1.2rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  :where(html.style-post-07) body.professional-perspective-page *,
  :where(html.style-post-07) body.professional-perspective-page *::before,
  :where(html.style-post-07) body.professional-perspective-page *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }

  :where(html.style-post-07).pp-js body.professional-perspective-page .pp-reveal {
    opacity: 1;
    transform: none;
  }
}

/* Final legal-page overrides must remain after the migrated page rules. */
html.legal-page,
html.legal-page body { background: #0b1328 !important; color: #e8edf3; }
html.legal-page header {
  background: rgba(11, 19, 40, 0.96) !important;
  border-bottom: 1px solid rgba(225, 232, 240, 0.14) !important;
}
html.legal-page .legal-page-content h1 {
  font-family: Georgia, "Times New Roman", serif !important;
  font-weight: 400 !important;
}
html.legal-page .legal-page-content h2 { color: #e8edf3 !important; }
html.legal-page .legal-page-content p,
html.legal-page .legal-page-content li { color: rgba(225, 232, 240, 0.76) !important; }
html.legal-page header nav .lg\:flex > a,
html.legal-page header nav [lang="ar"] { color: rgba(232, 237, 243, 0.78) !important; }
html.legal-page header nav .lg\:flex > a:hover,
html.legal-page header nav .lg\:flex > a:focus-visible { color: #b6f05c !important; }
html.legal-page header button {
  color: #e8edf3 !important;
  background: transparent !important;
  border-color: rgba(232, 237, 243, 0.28) !important;
}
html.legal-page .nav-panel-live {
  background: rgba(11, 19, 40, 0.99) !important;
  border-color: rgba(232, 237, 243, 0.14) !important;
  color: #e8edf3 !important;
}
html.legal-page .nav-panel-live a { color: #e8edf3 !important; }
html.legal-page .nav-panel-live a:hover,
html.legal-page .nav-panel-live a:focus-visible { color: #b6f05c !important; }

/* Shared Riyadh forecast widget in the main navigation. */
.header-forecast-widget {
  display: none;
  align-items: center;
  gap: 0.55rem;
  min-width: 10.75rem;
  color: #e8edf3;
  font-variant-numeric: tabular-nums;
}
.header-forecast-icon {
  display: inline-flex;
  width: 1.65rem;
  height: 1.65rem;
  align-items: center;
  justify-content: center;
  color: #b6f05c;
  font-size: 1.15rem;
}
.header-forecast-weather,
.header-forecast-clock {
  display: grid;
  gap: 0.08rem;
  white-space: nowrap;
}
.header-forecast-widget strong {
  color: #e8edf3;
  font-size: 0.68rem;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.header-forecast-widget small {
  color: rgba(225, 232, 240, 0.56);
  font-size: 0.54rem;
  line-height: 1.1;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}
.header-forecast-divider {
  width: 1px;
  height: 1.8rem;
  margin: 0 0.1rem;
  background: rgba(225, 232, 240, 0.18);
}
@media (min-width: 1180px) {
  header nav > div[class*="lg:flex"] {
    margin-left: auto;
  }
  header nav > .header-forecast-widget {
    display: flex;
    margin-left: 1rem;
  }
  header nav > .header-forecast-widget::before {
    content: "";
    display: block;
    width: 1px;
    height: 1.8rem;
    flex: 0 0 1px;
    margin-right: 0.35rem;
    background: rgba(225, 232, 240, 0.18);
  }
}
.nav-panel-live .header-forecast-widget {
  display: flex;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  margin-bottom: 0.5rem;
  padding: 0.85rem 1rem;
  border-bottom: 1px solid rgba(225, 232, 240, 0.14);
}
header nav[aria-label="Main navigation"] [lang="ar"]::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  animation: none !important;
}
header nav[aria-label="Main navigation"] [lang="ar"]::before {
  content: "" !important;
  display: inline-block !important;
  width: 1px !important;
  height: 1.8rem !important;
  flex: 0 0 1px !important;
  margin-right: 0.1rem !important;
  background: rgba(225, 232, 240, 0.18) !important;
}

/* Keep the contact consent checkbox aligned with the first line of its text. */
.contact-page #professional-contact-form .form-consent {
  display: flex !important;
  flex-flow: row nowrap !important;
  align-items: flex-start !important;
}
.contact-page #professional-contact-form .form-consent > input[type="checkbox"] {
  width: 1rem !important;
  height: 1rem !important;
  min-width: 1rem !important;
  min-height: 1rem !important;
  flex: 0 0 1rem !important;
  margin: 0.12rem 0 0 !important;
  padding: 0 !important;
}
.contact-page #professional-contact-form .form-consent > span {
  display: block;
  min-width: 0;
}

/* Keep the selected-portfolio introduction blue on the case-studies page. */
.case-studies-page .case-studies-portfolio-copy {
  color: #253669 !important;
}

/* Keep the Professional Profile heading aligned with the top of its body copy. */
:where(html.style-post-07) body.professional-perspective-page .pp-profile .pp-section-heading {
  position: static !important;
  align-self: start;
  margin: 0;
}

/* Use one consistent body-copy scale across every Perspective section. */
:where(html.style-post-07) body.professional-perspective-page .pp-hero-support p,
:where(html.style-post-07) body.professional-perspective-page .pp-prose,
:where(html.style-post-07) body.professional-perspective-page .pp-section-intro > p,
:where(html.style-post-07) body.professional-perspective-page .pp-experience-heading > p,
:where(html.style-post-07) body.professional-perspective-page .pp-contributions-head > p,
:where(html.style-post-07) body.professional-perspective-page .pp-approach-heading > p,
:where(html.style-post-07) body.professional-perspective-page .pp-approach-outcome-copy,
:where(html.style-post-07) body.professional-perspective-page .pp-highlights-heading > p,
:where(html.style-post-07) body.professional-perspective-page .pp-closing-copy {
  font-size: clamp(1rem, 1.25vw, 1.12rem);
  line-height: 1.7;
}

:where(html.style-post-07) body.professional-perspective-page .pp-approach-outcome-copy p + p {
  font-size: inherit;
  line-height: inherit;
}

/* Keep newsletter consent below the registration box, not inside its flex row. */
:where(html.style-pre-06) .home-newsletter-form {
  display: block;
  height: auto;
  border: 0;
  background: transparent;
  padding: 0;
}
:where(html.style-pre-06) .home-newsletter-fields {
  display: flex;
  width: 100%;
  height: 3.7rem;
  box-sizing: border-box;
  border: 1px solid rgba(246, 241, 226, 0.36);
  background: #f6f1e2;
  padding: 0.35rem;
}
:where(html.style-pre-06) .home-newsletter-form .home-newsletter-fields > input[type="email"] {
  min-width: 0;
  flex: 1 1 auto;
}
:where(html.style-pre-06) .home-newsletter-consent {
  margin-top: 0.55rem;
  gap: 0.45rem;
  color: #fff !important;
  font-size: 0.65rem;
  line-height: 1.35;
}
:where(html.style-pre-06) .home-newsletter-consent > span {
  color: #fff !important;
}
:where(html.style-pre-06) .home-newsletter-form .home-newsletter-consent > input[type="checkbox"] {
  width: 0.8rem;
  height: 0.8rem;
  min-height: 0.8rem;
  min-width: 0.8rem;
  flex: 0 0 0.8rem;
  margin: 0.05rem 0 0;
  padding: 0;
  box-shadow: none;
}
:where(html.style-pre-06) .home-newsletter-consent a {
  color: #b6f05c !important;
}
@media (max-width: 700px) {
  :where(html.style-pre-06) .home-newsletter-form {
    height: auto;
  }
  :where(html.style-pre-06) .home-newsletter-fields {
    height: 3.2rem;
  }
}

/* Advanced Communication Intelligence report infographics. */
:where(html.style-post-06) .cii-page .score-main {
  justify-content: flex-start;
  gap: 1rem;
}

:where(html.style-post-06) .cii-page .overall-gauge {
  --score: 0;
  position: relative;
  display: grid;
  width: clamp(13.5rem, 24vw, 17rem);
  aspect-ratio: 1;
  place-items: center;
  border-radius: 50%;
  background: conic-gradient(from -90deg, #97cd2d 0%, #4e5f91 calc(var(--score) * 1%), rgba(78, 95, 145, 0.13) 0);
  box-shadow: 0 1.4rem 3.5rem rgba(37, 54, 105, 0.14), inset 0 0 0 1px rgba(78, 95, 145, 0.08);
}

:where(html.style-post-06) .cii-page .overall-gauge::after {
  position: absolute;
  inset: 0.7rem;
  border: 1px solid rgba(78, 95, 145, 0.18);
  border-radius: inherit;
  content: "";
}

:where(html.style-post-06) .cii-page .overall-gauge-core {
  position: relative;
  z-index: 1;
  display: grid;
  width: calc(100% - 2.25rem);
  aspect-ratio: 1;
  place-items: center;
  align-content: center;
  border-radius: 50%;
  background: radial-gradient(circle at 50% 32%, #fff 0%, #f1f5fb 72%);
  box-shadow: inset 0 0 2.5rem rgba(78, 95, 145, 0.08);
}

:where(html.style-post-06) .cii-page .overall-gauge .score-number {
  font-size: clamp(4.4rem, 8vw, 6.1rem);
  line-height: 0.82;
}

:where(html.style-post-06) .cii-page .overall-gauge .score-number small {
  margin-left: 0.15rem;
  font-family: Inter, Arial, sans-serif;
  font-size: 0.9rem;
  letter-spacing: 0;
}

:where(html.style-post-06) .cii-page .overall-gauge-label {
  margin-top: 0.7rem;
  color: rgba(37, 54, 105, 0.62);
  font-size: 0.68rem;
  font-weight: 850;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

:where(html.style-post-06) .cii-page .score-snapshot {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 0.35rem;
  border: 1px solid rgba(78, 95, 145, 0.18);
  background: rgba(255, 255, 255, 0.72);
}

:where(html.style-post-06) .cii-page .score-snapshot > div {
  min-width: 0;
  padding: 0.85rem 0.65rem;
  text-align: center;
}

:where(html.style-post-06) .cii-page .score-snapshot > div + div {
  border-left: 1px solid rgba(78, 95, 145, 0.16);
}

:where(html.style-post-06) .cii-page .score-snapshot span,
:where(html.style-post-06) .cii-page .score-snapshot strong {
  display: block;
}

:where(html.style-post-06) .cii-page .score-snapshot span {
  color: rgba(37, 54, 105, 0.58);
  font-size: 0.58rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

:where(html.style-post-06) .cii-page .score-snapshot strong {
  margin-top: 0.35rem;
  overflow-wrap: anywhere;
  color: #253669;
  font-size: 0.73rem;
  line-height: 1.35;
}

:where(html.style-post-06) .cii-page .chart-wrap {
  display: block;
  min-width: 0;
}

:where(html.style-post-06) .cii-page .chart-heading,
:where(html.style-post-06) .cii-page .maturity-pathway-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1.5rem;
}

:where(html.style-post-06) .cii-page .chart-heading h3,
:where(html.style-post-06) .cii-page .maturity-pathway-heading h3 {
  margin: 0;
  color: #253669;
  font-size: clamp(1.2rem, 2vw, 1.65rem);
  line-height: 1.15;
}

:where(html.style-post-06) .cii-page .chart-kicker {
  display: block;
  margin-bottom: 0.35rem;
  color: #709d1e;
  font-size: 0.62rem;
  font-weight: 900;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

:where(html.style-post-06) .cii-page .chart-legend {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.55rem 1rem;
  color: rgba(37, 54, 105, 0.68);
  font-size: 0.66rem;
  font-weight: 700;
}

:where(html.style-post-06) .cii-page .chart-legend span {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}

:where(html.style-post-06) .cii-page .chart-legend i {
  display: block;
  width: 1.2rem;
  height: 0.22rem;
  background: linear-gradient(90deg, #97cd2d, #253669);
}

:where(html.style-post-06) .cii-page .chart-legend span:last-child i {
  height: 0;
  border-top: 1px dashed #4e5f91;
  background: none;
}

:where(html.style-post-06) .cii-page #radarChart {
  display: block;
  width: min(100%, 38.75rem);
  height: auto;
  margin: 0.6rem auto 0;
}

:where(html.style-post-06) .cii-page .visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}

:where(html.style-post-06) .cii-page .maturity-pathway-card {
  margin-top: 1.75rem;
  padding: clamp(1.5rem, 3vw, 2.2rem);
  border: 1px solid rgba(78, 95, 145, 0.22);
  background: linear-gradient(145deg, #f7f9fd, #eaf0f8);
  box-shadow: 0 1.25rem 3.6rem rgba(37, 54, 105, 0.1);
}

:where(html.style-post-06) .cii-page .maturity-pathway-heading > p {
  max-width: 34rem;
  margin: 0;
  color: rgba(37, 54, 105, 0.7);
  font-size: 0.84rem;
  line-height: 1.55;
  text-align: right;
}

:where(html.style-post-06) .cii-page .maturity-pathway {
  margin-top: 2.2rem;
}

:where(html.style-post-06) .cii-page .maturity-track {
  position: relative;
  height: 0.45rem;
  margin: 0 1rem;
  border-radius: 999px;
  background: rgba(78, 95, 145, 0.14);
}

:where(html.style-post-06) .cii-page .maturity-track-fill {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #97cd2d, #4e5f91);
}

:where(html.style-post-06) .cii-page .maturity-marker {
  position: absolute;
  top: 50%;
  display: grid;
  width: 2.1rem;
  height: 2.1rem;
  place-items: center;
  transform: translate(-50%, -50%);
  border: 0.28rem solid #fff;
  border-radius: 50%;
  background: #253669;
  color: #fff;
  box-shadow: 0 0.5rem 1.4rem rgba(37, 54, 105, 0.24);
}

:where(html.style-post-06) .cii-page .maturity-marker strong {
  font-size: 0.66rem;
}

:where(html.style-post-06) .cii-page .maturity-stage-list {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.7rem;
  margin: 1.35rem 0 0;
  padding: 0;
  list-style: none;
}

:where(html.style-post-06) .cii-page .maturity-stage-list li {
  min-width: 0;
  padding: 0.8rem;
  border-top: 3px solid rgba(78, 95, 145, 0.16);
}

:where(html.style-post-06) .cii-page .maturity-stage-list li.is-complete {
  border-top-color: rgba(151, 205, 45, 0.65);
}

:where(html.style-post-06) .cii-page .maturity-stage-list li.is-current {
  border-top-color: #253669;
  background: rgba(37, 54, 105, 0.06);
}

:where(html.style-post-06) .cii-page .maturity-stage-list span,
:where(html.style-post-06) .cii-page .maturity-stage-list strong,
:where(html.style-post-06) .cii-page .maturity-stage-list p {
  display: block;
}

:where(html.style-post-06) .cii-page .maturity-stage-list span {
  color: #709d1e;
  font-size: 0.62rem;
  font-weight: 900;
  letter-spacing: 0.1em;
}

:where(html.style-post-06) .cii-page .maturity-stage-list strong {
  margin-top: 0.3rem;
  color: #253669;
  font-size: 0.84rem;
}

:where(html.style-post-06) .cii-page .maturity-stage-list p {
  margin: 0.35rem 0 0;
  color: rgba(37, 54, 105, 0.6);
  font-size: 0.65rem;
  line-height: 1.4;
}

:where(html.style-post-06) .cii-page .dimension-list {
  gap: 1rem;
}

:where(html.style-post-06) .cii-page .dimension-row {
  grid-template-columns: minmax(9rem, 0.85fr) minmax(8rem, 1.15fr) 2.7rem;
  gap: 0.85rem;
}

:where(html.style-post-06) .cii-page .dimension-label {
  min-width: 0;
}

:where(html.style-post-06) .cii-page .dimension-label span,
:where(html.style-post-06) .cii-page .dimension-label em {
  display: block;
}

:where(html.style-post-06) .cii-page .dimension-label span {
  color: #253669;
  font-size: 0.78rem;
  font-weight: 800;
}

:where(html.style-post-06) .cii-page .dimension-label span b {
  margin-right: 0.45rem;
  color: #709d1e;
  font-size: 0.58rem;
}

:where(html.style-post-06) .cii-page .dimension-label em {
  margin: 0.18rem 0 0 1.55rem;
  color: rgba(37, 54, 105, 0.55);
  font-size: 0.58rem;
  font-style: normal;
  font-weight: 750;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

:where(html.style-post-06) .cii-page .bar {
  position: relative;
  height: 0.7rem;
  overflow: visible;
}

:where(html.style-post-06) .cii-page .bar i {
  box-shadow: 0 0.3rem 0.8rem rgba(78, 95, 145, 0.16);
}

:where(html.style-post-06) .cii-page .managed-marker {
  position: absolute;
  top: -0.3rem;
  bottom: -0.3rem;
  left: 65%;
  width: 1px;
  border-left: 1px dashed rgba(37, 54, 105, 0.7);
}

:where(html.style-post-06) .cii-page .dimension-row > strong {
  display: grid;
  width: 2.5rem;
  height: 2.5rem;
  place-items: center;
  border: 1px solid rgba(78, 95, 145, 0.22);
  border-radius: 50%;
  background: #fff;
  color: #253669;
  font-size: 0.73rem;
}

:where(html.style-post-06) .cii-page .priority {
  position: relative;
  overflow: hidden;
  border-left: 4px solid #4e5f91;
}

:where(html.style-post-06) .cii-page .priority[data-priority-rank="1"] {
  border-left-color: #97cd2d;
}

@media (max-width: 900px) {
  :where(html.style-post-06) .cii-page .score-main {
    padding-right: 0;
  }

  :where(html.style-post-06) .cii-page .chart-wrap {
    padding-top: 0.75rem;
  }
}

@media (max-width: 700px) {
  :where(html.style-post-06) .cii-page .score-card {
    padding: 1.2rem;
  }

  :where(html.style-post-06) .cii-page .score-snapshot {
    grid-template-columns: 1fr;
  }

  :where(html.style-post-06) .cii-page .score-snapshot > div + div {
    border-top: 1px solid rgba(78, 95, 145, 0.16);
    border-left: 0;
  }

  :where(html.style-post-06) .cii-page .chart-heading,
  :where(html.style-post-06) .cii-page .maturity-pathway-heading {
    display: grid;
    align-items: start;
  }

  :where(html.style-post-06) .cii-page .chart-legend {
    justify-content: flex-start;
  }

  :where(html.style-post-06) .cii-page .maturity-pathway-heading > p {
    text-align: left;
  }

  :where(html.style-post-06) .cii-page .maturity-stage-list {
    grid-template-columns: 1fr;
    gap: 0.4rem;
  }

  :where(html.style-post-06) .cii-page .maturity-stage-list li {
    display: grid;
    grid-template-columns: 3.6rem 6.2rem minmax(0, 1fr);
    align-items: center;
    gap: 0.5rem;
    padding: 0.55rem 0.65rem;
    border-top-width: 1px;
    border-left: 3px solid rgba(78, 95, 145, 0.16);
  }

  :where(html.style-post-06) .cii-page .maturity-stage-list li.is-complete {
    border-left-color: rgba(151, 205, 45, 0.65);
  }

  :where(html.style-post-06) .cii-page .maturity-stage-list li.is-current {
    border-left-color: #253669;
  }

  :where(html.style-post-06) .cii-page .maturity-stage-list strong,
  :where(html.style-post-06) .cii-page .maturity-stage-list p {
    margin-top: 0;
  }

  :where(html.style-post-06) .cii-page .dimension-row {
    grid-template-columns: minmax(7.5rem, 1fr) 2.7rem;
  }

  :where(html.style-post-06) .cii-page .dimension-row .bar {
    grid-column: 1 / -1;
    grid-row: 2;
  }

  :where(html.style-post-06) .cii-page .dimension-row > strong {
    grid-column: 2;
    grid-row: 1;
  }
}

@media print {
  :where(html.style-post-06) .cii-page .overall-gauge,
  :where(html.style-post-06) .cii-page .maturity-pathway-card {
    box-shadow: none;
  }

  :where(html.style-post-06) .cii-page .maturity-pathway-card {
    break-inside: avoid;
  }
}

/* Keep the generated mobile navigation closed until the menu button opens it. */
.nav-panel-live {
  display: none !important;
}

.nav-panel-live.is-open {
  display: block !important;
}

:where(html.style-post-06) .cii-page .results {
  scroll-margin-top: 6rem;
}

/* Compact Arabic-coming-soon menu treatment. */
header nav[aria-label="Main navigation"] [lang="ar"] {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.38rem !important;
  direction: ltr;
  white-space: nowrap;
}

header nav[aria-label="Main navigation"] .arabic-menu-icon {
  display: inline-grid;
  width: 1.65rem;
  height: 1.65rem;
  flex: 0 0 1.65rem;
  place-items: center;
  border: 1px solid rgba(151, 205, 45, 0.72);
  border-radius: 50%;
  background: rgba(151, 205, 45, 0.1);
  color: #97cd2d !important;
  font-family: Arial, "Segoe UI", sans-serif;
  font-size: 0.88rem;
  font-weight: 850;
  line-height: 1;
  box-shadow: 0 0 0 0 rgba(151, 205, 45, 0);
  transition: background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

header nav[aria-label="Main navigation"] .arabic-menu-soon {
  direction: rtl;
  color: rgba(218, 227, 242, 0.76) !important;
  font-size: 0.68rem;
  font-weight: 750;
  letter-spacing: 0;
  line-height: 1;
}

header nav[aria-label="Main navigation"] [lang="ar"]:hover .arabic-menu-icon,
header nav[aria-label="Main navigation"] [lang="ar"]:focus-visible .arabic-menu-icon {
  border-color: #97cd2d;
  background: rgba(151, 205, 45, 0.18);
  box-shadow: 0 0 1rem rgba(151, 205, 45, 0.24);
}

header nav[aria-label="Main navigation"] [lang="ar"]:hover .arabic-menu-soon,
header nav[aria-label="Main navigation"] [lang="ar"]:focus-visible .arabic-menu-soon {
  color: #97cd2d !important;
}

.nav-panel-live > [lang="ar"] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.45rem;
  padding: 0.8rem 0;
  direction: ltr;
  white-space: nowrap;
}

.nav-panel-live .arabic-menu-icon {
  display: inline-grid;
  width: 1.8rem;
  height: 1.8rem;
  place-items: center;
  border: 1px solid rgba(151, 205, 45, 0.72);
  border-radius: 50%;
  background: rgba(151, 205, 45, 0.1);
  color: #97cd2d;
  font-size: 0.92rem;
  font-weight: 850;
  line-height: 1;
}

.nav-panel-live .arabic-menu-soon {
  direction: rtl;
  color: rgba(218, 227, 242, 0.82);
  font-size: 0.82rem;
  font-weight: 750;
}

/* Right-align the primary action buttons on the Perspective page. */
:where(html.style-post-07) body.professional-perspective-page .pp-intro-card .pp-scroll-cue,
:where(html.style-post-07) body.professional-perspective-page .pp-closing-copy .pp-cta {
  display: flex;
  margin-right: 0;
  margin-left: auto;
}

/* Square Arabic menu icon with a compact coming-soon tooltip. */
header nav[aria-label="Main navigation"] [lang="ar"],
.nav-panel-live > [lang="ar"] {
  position: relative;
  cursor: default;
}

header nav[aria-label="Main navigation"] .arabic-menu-icon,
.nav-panel-live .arabic-menu-icon {
  border-radius: 0;
}

header nav[aria-label="Main navigation"] [lang="ar"]::after,
.nav-panel-live > [lang="ar"]::after {
  position: absolute;
  z-index: 100;
  top: calc(100% + 0.55rem);
  left: 50%;
  padding: 0.32rem 0.55rem;
  border: 1px solid rgba(151, 205, 45, 0.55);
  background: #111820;
  color: #97cd2d;
  content: attr(data-tooltip);
  direction: rtl;
  font-family: Arial, "Segoe UI", sans-serif;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, -0.2rem);
  transition: opacity 160ms ease, transform 160ms ease;
}

header nav[aria-label="Main navigation"] [lang="ar"]:hover::after,
header nav[aria-label="Main navigation"] [lang="ar"]:focus-visible::after,
.nav-panel-live > [lang="ar"]:hover::after,
.nav-panel-live > [lang="ar"]:focus-visible::after {
  opacity: 1;
  transform: translate(-50%, 0);
}

/* Place the Arabic control after the Riyadh time, with the shared divider. */
.header-forecast-widget .header-arabic-control {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  direction: ltr;
  cursor: default;
}

header nav[aria-label="Main navigation"] .header-forecast-widget .header-arabic-control::before,
.nav-panel-live .header-forecast-widget .header-arabic-control::before {
  content: none !important;
  display: none !important;
}

header nav[aria-label="Main navigation"] .header-forecast-widget .header-arabic-control::after,
.nav-panel-live .header-forecast-widget .header-arabic-control::after {
  position: absolute;
  z-index: 100;
  top: calc(100% + 0.55rem);
  left: 50%;
  padding: 0.32rem 0.55rem;
  border: 1px solid rgba(151, 205, 45, 0.55);
  background: #111820;
  color: #97cd2d;
  content: attr(data-tooltip) !important;
  direction: rtl;
  font-family: Arial, "Segoe UI", sans-serif;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, -0.2rem);
  transition: opacity 160ms ease, transform 160ms ease;
}

header nav[aria-label="Main navigation"] .header-forecast-widget .header-arabic-control:hover::after,
header nav[aria-label="Main navigation"] .header-forecast-widget .header-arabic-control:focus-visible::after,
.nav-panel-live .header-forecast-widget .header-arabic-control:hover::after,
.nav-panel-live .header-forecast-widget .header-arabic-control:focus-visible::after {
  display: block !important;
  width: auto !important;
  height: auto !important;
  opacity: 1;
  transform: translate(-50%, 0);
}

.header-forecast-widget .header-arabic-control .arabic-menu-icon {
  width: 1.65rem;
  height: 1.65rem;
  flex: 0 0 1.65rem;
  border-radius: 0;
}

.nav-panel-live .header-forecast-widget .header-arabic-divider {
  display: block;
}

/* Match Representative Contributions to the shared Perspective typography. */
:where(html.style-post-07) body.professional-perspective-page .pp-contributions h3 {
  max-width: 30ch;
  color: #253669 !important;
  font-family: var(--font-serif), Georgia, serif;
  font-size: clamp(1.65rem, 2.5vw, 2.4rem) !important;
  font-weight: 700 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.02em;
}

:where(html.style-post-07) body.professional-perspective-page .pp-contributions-head > p,
:where(html.style-post-07) body.professional-perspective-page .pp-contribution-list li {
  font-size: clamp(1rem, 1.25vw, 1.12rem);
  line-height: 1.7;
}

/* Use regular-weight labels across all 11 Areas of Practice cards. */
:where(html.style-post-07) body.professional-perspective-page .pp-practice-grid strong {
  font-weight: 400;
}

/* Compact the Areas of Practice typography and cards. */
:where(html.style-post-07) body.professional-perspective-page .pp-practice-grid {
  gap: 0.72rem;
}

:where(html.style-post-07) body.professional-perspective-page .pp-practice-grid li {
  gap: 0.18rem;
  padding: 0.9rem 1.05rem 1rem;
}

:where(html.style-post-07) body.professional-perspective-page .pp-practice-grid span {
  font-size: 0.62rem;
}

:where(html.style-post-07) body.professional-perspective-page .pp-practice-grid strong {
  font-size: clamp(1rem, 1.3vw, 1.18rem);
  line-height: 1.18;
}

/* First-visit language preference prompt. */
.language-choice-modal {
  position: fixed;
  inset: 0;
  z-index: 200;
  display: grid;
  place-items: center;
  padding: 1.25rem;
  background:
    radial-gradient(circle at 50% 24%, rgba(151, 205, 45, 0.12), transparent 28rem),
    rgba(7, 10, 12, 0.78);
  opacity: 0;
  pointer-events: none;
  backdrop-filter: blur(18px);
  transition: opacity 220ms ease;
}

.language-choice-modal.is-visible {
  opacity: 1;
  pointer-events: auto;
}

.language-choice-panel {
  position: relative;
  width: min(100%, 34rem);
  border: 1px solid rgba(246, 241, 226, 0.14);
  background: rgba(17, 24, 32, 0.96);
  box-shadow: 0 2rem 5rem rgba(0, 0, 0, 0.45);
  color: #f6f1e2;
  padding: clamp(1.5rem, 4vw, 2.45rem);
  transform: translateY(0.8rem);
  transition: transform 220ms ease;
}

.language-choice-modal.is-visible .language-choice-panel {
  transform: translateY(0);
}

.language-choice-close {
  position: absolute;
  top: 0.9rem;
  right: 0.9rem;
  display: grid;
  width: 2.4rem;
  height: 2.4rem;
  place-items: center;
  border: 1px solid rgba(246, 241, 226, 0.14);
  background: transparent;
  color: rgba(246, 241, 226, 0.72);
  cursor: pointer;
  font-size: 1.35rem;
  line-height: 1;
}

.language-choice-close:hover,
.language-choice-close:focus-visible {
  border-color: rgba(151, 205, 45, 0.72);
  color: #97cd2d;
  outline: none;
}

.language-choice-kicker {
  margin: 0 0 0.8rem;
  color: #97cd2d;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.24em;
  text-transform: uppercase;
}

.language-choice-panel h2 {
  max-width: 11ch;
  margin: 0;
  color: #f6f1e2;
  font-family: var(--font-serif), Georgia, serif;
  font-size: clamp(2.1rem, 7vw, 4rem);
  font-weight: 500;
  line-height: 0.95;
}

.language-choice-panel p {
  margin: 1rem 0 0;
  color: rgba(218, 227, 242, 0.72);
  font-size: 1rem;
  line-height: 1.7;
}

.language-choice-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
  margin-top: 1.6rem;
}

.language-choice-action {
  display: flex;
  min-height: 6.25rem;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid rgba(246, 241, 226, 0.14);
  background: rgba(246, 241, 226, 0.04);
  color: #f6f1e2;
  cursor: pointer;
  padding: 1rem;
  text-align: left;
  transition: border-color 180ms ease, background-color 180ms ease, color 180ms ease;
}

.language-choice-action:hover,
.language-choice-action:focus-visible {
  border-color: rgba(151, 205, 45, 0.72);
  background: rgba(151, 205, 45, 0.1);
  color: #ffffff;
  outline: none;
}

.language-choice-action-primary {
  border-color: rgba(151, 205, 45, 0.58);
}

.language-choice-action span {
  font-family: var(--font-serif), Georgia, serif;
  font-size: 1.55rem;
  line-height: 1;
}

.language-choice-action small {
  display: block;
  color: rgba(218, 227, 242, 0.62);
  font-size: 0.76rem;
  font-weight: 700;
  line-height: 1.35;
}

.language-choice-action:hover small,
.language-choice-action:focus-visible small {
  color: rgba(246, 241, 226, 0.82);
}

.language-choice-note {
  border-top: 1px solid rgba(246, 241, 226, 0.1);
  padding-top: 1rem;
  color: rgba(218, 227, 242, 0.66) !important;
  font-family: Arial, "Segoe UI", sans-serif;
}

@media (max-width: 520px) {
  .language-choice-actions {
    grid-template-columns: 1fr;
  }

  .language-choice-action {
    min-height: 5.25rem;
  }
}