*,:before,:after{--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 / .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 / .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: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;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,samp,pre{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,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{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}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width: 640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width: 768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width: 1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width: 1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width: 1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.bottom-0{bottom:0}.bottom-8{bottom:2rem}.left-0{left:0}.left-4{left:1rem}.right-0{right:0}.right-4{right:1rem}.top-0{top:0}.top-16{top:4rem}.top-4{top:1rem}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.z-\[60\]{z-index:60}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-1{margin-top:.25rem}.mt-14{margin-top:3.5rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.mt-9{margin-top:2.25rem}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-32{height:8rem}.h-4{height:1rem}.h-40{height:10rem}.h-56{height:14rem}.h-full{height:100%}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.w-1\/2{width:50%}.w-10{width:2.5rem}.w-3\/4{width:75%}.w-full{width:100%}.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-md{max-width:28rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:bounce 1s infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.resize-none{resize:none}.resize{resize:both}.snap-y{scroll-snap-type:y var(--tw-scroll-snap-strictness)}.snap-proximity{--tw-scroll-snap-strictness: proximity}.snap-start{scroll-snap-align:start}.snap-always{scroll-snap-stop:always}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-10>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2.5rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-y-scroll{overflow-y:scroll}.rounded{border-radius:.25rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-t{border-top-width:1px}.border-white\/10{border-color:#ffffff1a}.border-white\/15{border-color:#ffffff26}.border-white\/20{border-color:#fff3}.border-white\/30{border-color:#ffffff4d}.border-white\/5{border-color:#ffffff0d}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-black\/30{background-color:#0000004d}.bg-black\/70{background-color:#000000b3}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/10{background-color:#ffffff1a}.bg-white\/5{background-color:#ffffff0d}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-black{--tw-gradient-from: #000 var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-black\/40{--tw-gradient-from: rgb(0 0 0 / .4) var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.object-cover{-o-object-fit:cover;object-fit:cover}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-7{padding:1.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pb-16{padding-bottom:4rem}.pb-24{padding-bottom:6rem}.pb-\[12\%\]{padding-bottom:12%}.pt-20{padding-top:5rem}.pt-40{padding-top:10rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.font-serif{font-family:Georgia,Times New Roman,serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\[11px\]{font-size:11px}.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-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-\[0\.25em\]{letter-spacing:.25em}.tracking-tight{letter-spacing:-.025em}.tracking-wider{letter-spacing:.05em}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\/20{color:#fff3}.text-white\/30{color:#ffffff4d}.text-white\/40{color:#fff6}.text-white\/50{color:#ffffff80}.text-white\/60{color:#fff9}.text-white\/70{color:#ffffffb3}.text-white\/75{color:#ffffffbf}.text-white\/80{color:#fffc}.text-white\/90{color:#ffffffe6}.placeholder-white\/50::-moz-placeholder{color:#ffffff80}.placeholder-white\/50::placeholder{color:#ffffff80}.blur{--tw-blur: blur(8px);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)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));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)}.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-sm{--tw-backdrop-blur: blur(4px);-webkit-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);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}.will-change-\[filter\,transform\]{will-change:filter,transform}.will-change-\[opacity\,transform\]{will-change:opacity,transform}.will-change-\[opacity\]{will-change:opacity}.\[box-shadow\:0_8px_30px_rgba\(255\,255\,255\,0\.25\)\]{box-shadow:0 8px 30px #ffffff40}.\[text-shadow\:0_2px_10px_rgba\(0\,0\,0\,0\.9\)\]{text-shadow:0 2px 10px rgba(0,0,0,.9)}.\[text-shadow\:0_2px_20px_rgba\(0\,0\,0\,0\.9\)\]{text-shadow:0 2px 20px rgba(0,0,0,.9)}.\[text-shadow\:0_4px_40px_rgba\(0\,0\,0\,0\.8\)\,0_2px_10px_rgba\(0\,0\,0\,0\.6\)\]{text-shadow:0 4px 40px rgba(0,0,0,.8),0 2px 10px rgba(0,0,0,.6)}html,body,#root{height:100%}body{background-color:#000}.liquid-glass{background:#ffffff14;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border:1px solid rgba(255,255,255,.18);box-shadow:0 4px 24px #00000040}@keyframes scroll-glow{0%,to{opacity:.25;transform:scale(.75)}50%{opacity:1;transform:scale(1.35)}}.scroll-glow{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:9999px;background:radial-gradient(circle,#fffffff2,#fff0 70%);animation:scroll-glow 1.7s ease-in-out infinite;pointer-events:none}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}a:focus-visible,button:focus-visible{outline:2px solid #ffffff;outline-offset:2px}.hover\:border-white\/20:hover{border-color:#fff3}.hover\:bg-white:hover{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.hover\:bg-white\/90:hover{background-color:#ffffffe6}.hover\:text-black:hover{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.focus\:border-white\/50:focus{border-color:#ffffff80}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}@media (min-width: 768px){.md\:flex{display:flex}.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-6xl{font-size:3.75rem;line-height:1}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}}@media (min-width: 1024px){.lg\:text-7xl{font-size:4.5rem;line-height:1}}

/* ============================================
   WM3 MEDIA - ENHANCED COLOUR SCHEME & STYLES
   ============================================ */

/* ---- ROOT VARIABLES ---- */
:root {
    --wm3-blue: #3B82F6;
    --wm3-gold: #F59E0B;
    --wm3-purple: #8B5CF6;
    --wm3-dark: #0A0A0A;
    --wm3-navy: #0F1A2E;
    --wm3-text: #94A3B8;
    --wm3-glass: rgba(255,255,255,0.04);
}

/* ---- ACCENT COLOUR OVERRIDES ---- */

/* Primary Buttons - Electric Blue */
.bg-white,
button.bg-white,
[class*="bg-white"]:not(.bg-white\/5):not(.bg-white\/10) {
    background: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%) !important;
    color: #FFFFFF !important;
    border: none !important;
    transition: all 0.3s ease !important;
}

.bg-white:hover,
button.bg-white:hover,
[class*="bg-white"]:not(.bg-white\/5):not(.bg-white\/10):hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 30px rgba(59, 130, 246, 0.4) !important;
}

/* Secondary Buttons - Gold Accent */
.border-white\/20 {
    border-color: rgba(245, 158, 11, 0.3) !important;
    transition: all 0.3s ease !important;
}

.border-white\/20:hover {
    border-color: #F59E0B !important;
    background: rgba(245, 158, 11, 0.08) !important;
    box-shadow: 0 0 30px rgba(245, 158, 11, 0.1) !important;
}

/* Link Hover - Blue */
.text-white\/80:hover {
    color: #3B82F6 !important;
    transition: color 0.3s ease !important;
}

/* ---- TEXT SHADOWS - Enhanced ---- */

/* Headings with subtle blue glow */
.font-serif,
h1, h2, h3, h4,
[class*="font-serif"] {
    text-shadow: 
        0 2px 40px rgba(0, 0, 0, 0.8),
        0 0 60px rgba(59, 130, 246, 0.06) !important;
}

/* Hero titles with stronger glow */
.text-4xl, .text-5xl, .text-6xl, .text-7xl,
[class*="text-4xl"], [class*="text-5xl"], [class*="text-6xl"], [class*="text-7xl"] {
    text-shadow: 
        0 4px 60px rgba(0, 0, 0, 0.9),
        0 2px 30px rgba(0, 0, 0, 0.7),
        0 0 80px rgba(59, 130, 246, 0.08) !important;
}

/* ---- GLASS EFFECT - Premium ---- */

.liquid-glass {
    background: rgba(255, 255, 255, 0.03) !important;
    backdrop-filter: blur(20px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 
        0 8px 32px rgba(0, 0, 0, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

.liquid-glass::before {
    background: linear-gradient(180deg,
        rgba(255,255,255,0.12) 0%,
        rgba(255,255,255,0.03) 25%,
        rgba(255,255,255,0) 50%,
        rgba(255,255,255,0.03) 75%,
        rgba(255,255,255,0.08) 100%
    ) !important;
}

/* ---- VIDEO OVERLAY - Rich Gradient ---- */

.bg-black\/30 {
    background: linear-gradient(180deg,
        rgba(10, 10, 10, 0.5) 0%,
        rgba(10, 10, 10, 0.1) 35%,
        rgba(10, 10, 10, 0.2) 65%,
        rgba(10, 10, 10, 0.7) 100%
    ) !important;
}

/* ---- CASE STUDY CARDS - Enhanced ---- */

/* Card backgrounds */
.bg-white\/5 {
    background: rgba(255, 255, 255, 0.03) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

.bg-white\/5:hover {
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: rgba(59, 130, 246, 0.3) !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 40px rgba(59, 130, 246, 0.08) !important;
}

/* Outcome box - Accent border */
.bg-white\/5 .bg-white\/5 {
    background: rgba(59, 130, 246, 0.06) !important;
    border-left: 3px solid #3B82F6 !important;
    border-radius: 0 8px 8px 0 !important;
}

/* ---- NAVIGATION - Premium ---- */

nav .liquid-glass {
    background: rgba(10, 10, 10, 0.6) !important;
    backdrop-filter: blur(24px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    box-shadow: 
        0 8px 40px rgba(0, 0, 0, 0.5),
        inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

/* ---- FOOTER - Subtle Accent ---- */

footer {
    border-top: 1px solid rgba(59, 130, 246, 0.1) !important;
}

/* ---- SCROLLBAR - Custom ---- */

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: rgba(10, 10, 10, 0.5);
}

::-webkit-scrollbar-thumb {
    background: rgba(59, 130, 246, 0.3);
    border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(59, 130, 246, 0.5);
}

/* ---- MOBILE RESPONSIVE TWEAKS ---- */

@media (max-width: 768px) {
    .text-4xl, .text-5xl {
        text-shadow: 
            0 4px 50px rgba(0, 0, 0, 0.95),
            0 2px 20px rgba(59, 130, 246, 0.06) !important;
    }
    
    .liquid-glass {
        backdrop-filter: blur(16px) saturate(160%) !important;
        -webkit-backdrop-filter: blur(16px) saturate(160%) !important;
    }
}

/* ---- ACCESSIBILITY: Focus States ---- */

*:focus-visible {
    outline: 2px solid #3B82F6 !important;
    outline-offset: 2px !important;
}

/* ---- SELECTION COLOUR ---- */

::selection {
    background: rgba(59, 130, 246, 0.3);
    color: #FFFFFF;
}

/* ---- PREMIUM DARK MODE ENHANCEMENTS ---- */

/* Slightly darker video overlay */
.bg-black\/30 {
    background: linear-gradient(180deg,
        rgba(5, 5, 5, 0.6) 0%,
        rgba(5, 5, 5, 0.15) 30%,
        rgba(5, 5, 5, 0.25) 60%,
        rgba(5, 5, 5, 0.8) 100%
    ) !important;
}

/* Richer glass effect */
.liquid-glass {
    background: rgba(10, 10, 10, 0.5) !important;
    backdrop-filter: blur(24px) saturate(200%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(200%) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
}

/* Gold accent on hover for all interactive elements */
*:hover .gold-accent {
    color: #F59E0B !important;
}
/* ============================================
   WM3 MEDIA - PREMIUM VISUAL OVERHAUL v2.0
   Applies to ALL pages: Home, About, Services, Work
   ============================================ */

/* ===== 1. GLOBAL COLOUR SCHEME ===== */
:root {
    --wm3-primary: #0A0A0A;
    --wm3-secondary: #0F1A2E;
    --wm3-accent-blue: #3B82F6;
    --wm3-accent-gold: #F59E0B;
    --wm3-accent-purple: #8B5CF6;
    --wm3-text-light: #F1F5F9;
    --wm3-text-muted: #94A3B8;
    --wm3-glass-bg: rgba(255, 255, 255, 0.04);
    --wm3-glass-border: rgba(255, 255, 255, 0.08);
}

/* ===== 2. PAGE BACKGROUNDS ===== */
.bg-black {
    background: radial-gradient(ellipse at 50% 0%, #0F1A2E 0%, #0A0A0A 70%) !important;
}

/* ===== 3. PREMIUM TYPOGRAPHY ===== */

/* All headings - larger, bolder, with glow */
h1, h2, h3, h4, .font-serif,
[class*="font-serif"] {
    font-family: 'Instrument Serif', 'Georgia', serif !important;
    font-weight: 400 !important;
    letter-spacing: -0.02em !important;
    color: #FFFFFF !important;
    text-shadow: 
        0 2px 40px rgba(0, 0, 0, 0.8),
        0 0 80px rgba(59, 130, 246, 0.06) !important;
}

/* Hero headings - extra impact */
.text-4xl, .text-5xl, .text-6xl, .text-7xl,
[class*="text-4xl"], [class*="text-5xl"], [class*="text-6xl"], [class*="text-7xl"] {
    font-size: clamp(2.5rem, 6vw, 4.5rem) !important;
    letter-spacing: -0.03em !important;
    text-shadow: 
        0 4px 60px rgba(0, 0, 0, 0.9),
        0 2px 30px rgba(0, 0, 0, 0.7),
        0 0 100px rgba(59, 130, 246, 0.08) !important;
}

/* Body text - premium readability */
p, .text-white\/80, .text-white\/70, .text-white\/60,
[class*="text-white/"]:not(.text-white\/100) {
    color: #CBD5E1 !important;
    font-weight: 300 !important;
    line-height: 1.8 !important;
    letter-spacing: 0.01em !important;
}

/* Small text / labels */
.text-xs, .text-sm, .text-white\/50 {
    color: #94A3B8 !important;
    letter-spacing: 0.05em !important;
    font-weight: 400 !important;
}

/* ===== 4. BUTTONS - Premium Gradient ===== */

/* Primary buttons - Electric Blue Gradient */
button[class*="bg-white"],
a[class*="bg-white"],
[class*="bg-white"]:not(.bg-white\/5):not(.bg-white\/10) {
    background: linear-gradient(135deg, #3B82F6 0%, #1D4ED8 100%) !important;
    color: #FFFFFF !important;
    border: none !important;
    padding: 12px 32px !important;
    border-radius: 9999px !important;
    font-weight: 500 !important;
    font-size: 0.875rem !important;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    box-shadow: 
        0 4px 20px rgba(59, 130, 246, 0.25) !important;
    position: relative !important;
    overflow: hidden !important;
}

button[class*="bg-white"]:hover,
a[class*="bg-white"]:hover,
[class*="bg-white"]:not(.bg-white\/5):not(.bg-white\/10):hover {
    transform: translateY(-3px) scale(1.02) !important;
    box-shadow: 
        0 12px 40px rgba(59, 130, 246, 0.4) !important;
}

/* Secondary buttons - Glass with Gold border */
button[class*="border"],
a[class*="border"],
[class*="border-white"] {
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(245, 158, 11, 0.25) !important;
    color: #FFFFFF !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

button[class*="border"]:hover,
a[class*="border"]:hover,
[class*="border-white"]:hover {
    border-color: #F59E0B !important;
    background: rgba(245, 158, 11, 0.12) !important;
    box-shadow: 0 0 40px rgba(245, 158, 11, 0.12) !important;
    transform: translateY(-2px) !important;
}

/* ===== 5. GLASS EFFECT - Premium ===== */

/* Navigation glass */
nav .liquid-glass,
header .liquid-glass,
[class*="liquid-glass"] {
    background: rgba(10, 10, 10, 0.65) !important;
    backdrop-filter: blur(24px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    box-shadow: 
        0 8px 40px rgba(0, 0, 0, 0.5),
        inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

/* ===== 6. CASE STUDY CARDS - Premium ===== */

/* Case study cards - all of them */
[class*="bg-white/5"],
.rounded-xl.border {
    background: rgba(255, 255, 255, 0.03) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 16px !important;
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2) !important;
}

[class*="bg-white/5"]:hover,
.rounded-xl.border:hover {
    transform: translateY(-8px) !important;
    border-color: rgba(59, 130, 246, 0.3) !important;
    box-shadow: 
        0 20px 60px rgba(0, 0, 0, 0.4),
        0 0 40px rgba(59, 130, 246, 0.05) !important;
}

/* Outcome box - accent border */
[class*="bg-white/5"] [class*="bg-white/5"] {
    background: rgba(59, 130, 246, 0.06) !important;
    border-left: 4px solid #3B82F6 !important;
    border-radius: 0 8px 8px 0 !important;
    padding: 16px 20px !important;
}

/* ===== 7. SECTION DIVIDERS ===== */

/* Subtle gradient dividers between sections */
section + section {
    position: relative !important;
}

section + section::before {
    content: '' !important;
    position: absolute !important;
    top: -1px !important;
    left: 10% !important;
    width: 80% !important;
    height: 1px !important;
    background: linear-gradient(90deg, transparent, rgba(59, 130, 246, 0.15), transparent) !important;
}

/* ===== 8. FOOTER - Premium ===== */

footer,
[class*="Footer"] {
    background: linear-gradient(180deg, #0A0A0A 0%, #050505 100%) !important;
    border-top: 1px solid rgba(59, 130, 246, 0.08) !important;
}

/* ===== 9. NAVIGATION LINKS - Premium Hover ===== */

nav a,
header a,
[class*="nav"] a {
    position: relative !important;
    transition: all 0.3s ease !important;
}

nav a:hover,
header a:hover,
[class*="nav"] a:hover {
    color: #3B82F6 !important;
}

/* Underline animation on hover */
nav a::after,
header a::after,
[class*="nav"] a::after {
    content: '' !important;
    position: absolute !important;
    bottom: -4px !important;
    left: 0 !important;
    width: 0 !important;
    height: 2px !important;
    background: #3B82F6 !important;
    transition: width 0.3s ease !important;
    border-radius: 2px !important;
}

nav a:hover::after,
header a:hover::after,
[class*="nav"] a:hover::after {
    width: 100% !important;
}

/* ===== 10. VIDEO OVERLAY - Rich ===== */

[class*="bg-black/30"] {
    background: linear-gradient(180deg,
        rgba(5, 5, 5, 0.5) 0%,
        rgba(5, 5, 5, 0.1) 30%,
        rgba(5, 5, 5, 0.2) 60%,
        rgba(5, 5, 5, 0.7) 100%
    ) !important;
}

/* ===== 11. SCROLLBAR - Custom ===== */

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: #0A0A0A;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #3B82F6, #8B5CF6);
    border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #2563EB, #7C3AED);
}

/* ===== 12. RESPONSIVE ENHANCEMENTS ===== */

@media (max-width: 768px) {
    .text-4xl, .text-5xl, .text-6xl, .text-7xl {
        font-size: clamp(2rem, 8vw, 3rem) !important;
    }
    
    [class*="bg-white/5"]:hover {
        transform: none !important;
    }
    
    button[class*="bg-white"],
    a[class*="bg-white"] {
        padding: 10px 24px !important;
        font-size: 0.8rem !important;
    }
}

/* ===== 13. SELECTION COLOUR ===== */

::selection {
    background: rgba(59, 130, 246, 0.3);
    color: #FFFFFF;
}

/* ===== 14. ACCESSIBILITY FOCUS ===== */

*:focus-visible {
    outline: 2px solid #3B82F6 !important;
    outline-offset: 3px !important;
}

/* ===== 15. ANIMATIONS FOR SCROLLING ===== */

/* Fade-in on scroll (adds to existing animations) */
section {
    opacity: 1 !important;
}

/* ===== 16. LINKS - Premium ===== */

a:not([class*="button"]):not([class*="btn"]):not(nav a):not(header a) {
    color: #94A3B8 !important;
    transition: all 0.3s ease !important;
    border-bottom: 1px solid transparent !important;
}

a:not([class*="button"]):not([class*="btn"]):not(nav a):not(header a):hover {
    color: #3B82F6 !important;
    border-bottom-color: rgba(59, 130, 246, 0.3) !important;
}

/* ===== 17. BADGES/LABELS ===== */

[class*="uppercase"]:not(button):not(a) {
    letter-spacing: 0.15em !important;
    color: #94A3B8 !important;
    font-weight: 400 !important;
}

/* Ultra Premium - Optional Add-on */
* {
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

section {
    padding: 80px 0 !important;
}

h1, h2, h3, h4 {
    text-shadow: 
        0 4px 60px rgba(0, 0, 0, 0.9),
        0 0 120px rgba(59, 130, 246, 0.06) !important;
}

/* ============================================
   WM3 MEDIA - PREMIUM MINIMALIST OVERHAUL v3.0
   Inspired by: post-profit-giveaway.vercel.app
   ============================================ */

/* ---- 1. SOFTER DARK BACKGROUND ---- */
body, .bg-black {
    background-color: #0d0d0d !important;
}

/* ---- 2. MODERN TYPOGRAPHY ---- */
body, p, .font-sans, .text-white\/80 {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-weight: 400 !important;
    color: #d1d5db !important; /* Softer white */
    line-height: 1.7 !important;
}

h1, h2, h3, h4, .font-serif {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-weight: 600 !important; /* Semi-bold for headings */
    letter-spacing: -0.02em !important;
    color: #ffffff !important;
}

/* ---- 3. VIBRANT WARM ACCENT (ORANGE) ---- */
:root {
    --accent: #F97316;
    --accent-dim: rgba(249, 115, 22, 0.15);
}

/* ---- 4. GLASS CARDS (Light, Premium) ---- */
.rounded-xl, .liquid-glass, .bg-white\/5 {
    background: rgba(255, 255, 255, 0.03) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4) !important;
}

/* ---- 5. PRIMARY BUTTONS (Solid Accent) ---- */
button[class*="bg-white"], a[class*="bg-white"] {
    background: #F97316 !important;
    color: #ffffff !important;
    border: none !important;
    padding: 12px 32px !important;
    border-radius: 9999px !important;
    font-weight: 500 !important;
    box-shadow: 0 4px 20px rgba(249, 115, 22, 0.3) !important;
    transition: all 0.2s ease !important;
}

button[class*="bg-white"]:hover, a[class*="bg-white"]:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 30px rgba(249, 115, 22, 0.4) !important;
    background: #ea580c !important;
}

/* ---- 6. SECONDARY BUTTONS (Glass) ---- */
button[class*="border"], a[class*="border"] {
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
    padding: 12px 32px !important;
    border-radius: 9999px !important;
}

button[class*="border"]:hover, a[class*="border"]:hover {
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: #F97316 !important;
}

/* ---- 7. CENTERED & SPACIOUS LAYOUT ---- */
section {
    padding: 100px 0 !important;
}

.max-w-3xl, .max-w-2xl, .max-w-4xl {
    margin-left: auto !important;
    margin-right: auto !important;
}

/* ---- 8. NAVIGATION (Premium Glass) ---- */
.liquid-glass, nav .liquid-glass {
    background: rgba(13, 13, 13, 0.7) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
}

/* ---- 9. TEXT SHADOWS (Minimal) ---- */
[class*="text-4xl"], [class*="text-5xl"], [class*="text-6xl"] {
    text-shadow: 0 2px 40px rgba(0, 0, 0, 0.5) !important;
}

/* ---- 10. CASE STUDY CARDS ---- */
.rounded-xl.border {
    background: rgba(255, 255, 255, 0.03) !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
}

.rounded-xl.border:hover {
    border-color: rgba(249, 115, 22, 0.3) !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.4) !important;
}

/* Outcome box - orange accent */
[class*="bg-white/5"] [class*="bg-white/5"] {
    background: rgba(249, 115, 22, 0.08) !important;
    border-left: 3px solid #F97316 !important;
}

/* ---- 11. LINK HOVERS (Orange) ---- */
a:hover, nav a:hover {
    color: #F97316 !important;
}

nav a::after {
    background: #F97316 !important;
}

/* ---- 12. RESPONSIVE TWEAKS ---- */
@media (max-width: 768px) {
    section {
        padding: 60px 0 !important;
    }
}

/* ===== SERVICES CARD - PREMIUM ===== */
.services-card {
    padding: 3rem !important;  /* 48px internal spacing */
    border-radius: 28px !important;  /* Extra rounded corners */
    background: rgba(255, 255, 255, 0.03) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(245, 158, 11, 0.12) !important;
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    margin-bottom: 1.5rem !important;
}

.services-card:hover {
    border-color: rgba(245, 158, 11, 0.4) !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4), 0 0 60px rgba(245, 158, 11, 0.06) !important;
}

/* Card title */
.services-card h3,
.services-card .card-title {
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    margin-bottom: 0.75rem !important;
    color: #ffffff !important;
}

/* Card description */
.services-card p,
.services-card .card-text {
    font-size: 1rem !important;
    line-height: 1.8 !important;
    color: #94A3B8 !important;
    margin-bottom: 1rem !important;
}

/* Icon inside card */
.services-card .card-icon {
    font-size: 2.5rem !important;
    margin-bottom: 1rem !important;
    display: block !important;
}

/* Ultra-premium services cards */
.services-card {
    padding: 3.5rem 3rem !important;
    border-radius: 32px !important;
    border: 1px solid rgba(245, 158, 11, 0.08) !important;
}

.services-card:hover {
    border-color: rgba(245, 158, 11, 0.3) !important;
    transform: translateY(-6px) !important;
}

/* ===== SERVICES PAGE - CARD IMPROVEMENTS ONLY ===== */
/* This ONLY affects cards inside the Services page */

/* Target services page cards specifically */
.services-page .liquid-glass,
.services-page .rounded-xl,
.services-page .rounded-3xl,
.services-page [class*="border-white"] {
    padding: 2.5rem !important;  /* 40px padding */
    border-radius: 24px !important;  /* More rounded corners */
    border: 1px solid rgba(245, 158, 11, 0.12) !important;
    background: rgba(255, 255, 255, 0.03) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

.services-page .liquid-glass:hover,
.services-page .rounded-xl:hover,
.services-page .rounded-3xl:hover {
    border-color: rgba(245, 158, 11, 0.4) !important;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4), 0 0 40px rgba(245, 158, 11, 0.05) !important;
    transform: translateY(-2px) !important;
}

/* Services page specific layout spacing */
.services-page section {
    padding: 40px 0 !important;
}

.services-page .grid {
    gap: 2rem !important;
}

/* Fix navigation - restore original */
.liquid-glass:not(.services-page .liquid-glass) {
    padding: 0.75rem 1.5rem !important;
    border-radius: 9999px !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    background: rgba(10, 10, 10, 0.65) !important;
}

/* ===== ABOUT PAGE - PREMIUM TEXT FIX ===== */

/* Remove blue from all text on About page */
.about-page p,
.about-page .text-white\/80,
.about-page .text-white\/70,
.about-page .text-white\/60,
.about-page .text-white\/50,
.about-page span,
.about-page li,
.about-page .text-base,
.about-page .text-lg,
.about-page .text-sm,
.about-page .text-xs,
.about-page .leading-relaxed,
.about-page .max-w-2xl * {
    color: #CBD5E1 !important;  /* Premium light grey */
    text-shadow: none !important;
}

/* About page headings - keep white with subtle gold */
.about-page h1,
.about-page h2,
.about-page h3,
.about-page .font-serif,
.about-page .text-4xl,
.about-page .text-5xl,
.about-page .text-6xl {
    color: #FFFFFF !important;
    text-shadow: 0 2px 40px rgba(0, 0, 0, 0.5) !important;
}

/* About page links - warm gold instead of blue */
.about-page a:not(.btn):not([class*="button"]):not([class*="bg-white"]) {
    color: #F59E0B !important;  /* Warm gold */
    border-bottom: 1px solid rgba(245, 158, 11, 0.2) !important;
}

.about-page a:not(.btn):not([class*="button"]):not([class*="bg-white"]):hover {
    color: #FBBF24 !important;  /* Brighter gold on hover */
    border-bottom-color: #F59E0B !important;
}

/* About page labels/badges - keep subtle */
.about-page .text-white\/50,
.about-page .uppercase,
.about-page .tracking-\[0.25em\] {
    color: #94A3B8 !important;
    letter-spacing: 0.15em !important;
}

/* About page cards - prevent blue tint */
.about-page .liquid-glass,
.about-page .rounded-xl,
.about-page .bg-white\/5 {
    color: #CBD5E1 !important;
}

.about-page .liquid-glass p,
.about-page .rounded-xl p,
.about-page .bg-white\/5 p {
    color: #CBD5E1 !important;
}

/* About page accent elements - gold instead of blue */
.about-page .border-white\/20 {
    border-color: rgba(245, 158, 11, 0.15) !important;
}

/* Remove any link hover blue */
.about-page a:hover {
    color: #F59E0B !important;
}

/* More sophisticated warm tone - rose gold / copper */
.about-page a:not(.btn):not([class*="button"]) {
    color: #D4A574 !important;  /* Rose gold */
    border-bottom-color: rgba(212, 165, 116, 0.2) !important;
}

.about-page a:not(.btn):not([class*="button"]):hover {
    color: #E8C9A0 !important;
    border-bottom-color: #D4A574 !important;
}

/* No border version */
.services-page .liquid-glass,
.services-page .rounded-xl {
    border: none !important;
    background: rgba(255, 255, 255, 0.03) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3) !important;
}

.services-page .liquid-glass:hover,
.services-page .rounded-xl:hover {
    background: rgba(255, 255, 255, 0.06) !important;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4) !important;
}

/* ROUND EVERYTHING */
[class*="rounded"],
[class*="liquid-glass"],
[class*="card"],
[class*="Card"] {
    border-radius: 24px !important;
}

/* Force all divs inside sections to have rounded corners */
section div {
    border-radius: 24px !important;
}
/* ===== SERVICES PAGE - SPECIFIC HEADINGS ===== */
/* Target the main page heading */
section h1.font-serif,
section h2.font-serif,
section .font-serif.text-4xl,
section .font-serif.text-5xl {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
}

/* Target service card titles */
.rounded-xl h3,
.liquid-glass h3,
.services-card h3 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
}