*,: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:rgba(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:rgba(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: } *,: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:Inter,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,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}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.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}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.left-0{left:0}.left-4{left:1rem}.right-0{right:0}.right-2{right:.5rem}.right-6{right:1.5rem}.top-0{top:0}.top-1\/2{top:50%}.top-6{top:1.5rem}.z-10{z-index:10}.z-\[55\]{z-index:55}.z-\[60\]{z-index:60}.z-\[70\]{z-index:70}.z-\[80\]{z-index:80}.mx-auto{margin-left:auto;margin-right:auto}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-0\.5{margin-left:.125rem}.ml-1{margin-left:.25rem}.ml-auto{margin-left:auto}.mt-1{margin-top:.25rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-8{margin-top:2rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.aspect-video{aspect-ratio:16/9}.h-16{height:4rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-full{height:100%}.max-h-\[90vh\]{max-height:90vh}.min-h-screen{min-height:100vh}.w-12{width:3rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-auto{width:auto}.w-full{width:100%}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-none{max-width:none}.max-w-screen-2xl{max-width:1536px}.max-w-screen-lg{max-width:1024px}.max-w-screen-xl{max-width:1280px}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.-translate-y-1\/2{--tw-translate-y:-50%;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))}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1.5rem*var(--tw-space-x-reverse));margin-left:calc(1.5rem*(1 - var(--tw-space-x-reverse)))}.space-y-12>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(3rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(3rem*var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(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*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem*var(--tw-space-y-reverse))}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-sm{border-radius:.125rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-t{border-top-width:1px}.border-cw-accent{--tw-border-opacity:1;border-color:rgb(139 0 0/var(--tw-border-opacity,1))}.border-white\/10{border-color:hsla(0,0%,100%,.1)}.border-white\/20{border-color:hsla(0,0%,100%,.2)}.border-white\/5{border-color:hsla(0,0%,100%,.05)}.border-zinc-700{--tw-border-opacity:1;border-color:rgb(63 63 70/var(--tw-border-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\/80{background-color:rgba(0,0,0,.8)}.bg-cw-black{--tw-bg-opacity:1;background-color:rgb(9 9 11/var(--tw-bg-opacity,1))}.bg-cw-black\/95{background-color:rgba(9,9,11,.95)}.bg-cw-dark{--tw-bg-opacity:1;background-color:rgb(24 24 27/var(--tw-bg-opacity,1))}.bg-cw-gold\/90{background-color:rgba(212,175,55,.9)}.bg-transparent{background-color:transparent}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-cw-accent\/10{--tw-gradient-from:rgba(139,0,0,.1) var(--tw-gradient-from-position);--tw-gradient-to:rgba(139,0,0,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-cw-black\/60{--tw-gradient-from:rgba(9,9,11,.6) var(--tw-gradient-from-position);--tw-gradient-to:rgba(9,9,11,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-cw-black\/5{--tw-gradient-to:rgba(9,9,11,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(9,9,11,.05) var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-cw-black\/40{--tw-gradient-to:rgba(9,9,11,.4) var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.fill-current{fill:currentColor}.object-contain{-o-object-fit:contain;object-fit:contain}.p-0{padding:0}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-12{padding-bottom:3rem}.pb-16{padding-bottom:4rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pl-12{padding-left:3rem}.pr-4{padding-right:1rem}.pt-12{padding-top:3rem}.pt-16{padding-top:4rem}.pt-2{padding-top:.5rem}.pt-24{padding-top:6rem}.pt-6{padding-top:1.5rem}.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:Inter,sans-serif}.font-serif{font-family:Playfair Display,serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-base{font-size:1rem;line-height:1.5rem}.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-bold{font-weight:700}.font-light{font-weight:300}.font-medium{font-weight:500}.uppercase{text-transform:uppercase}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-wide{letter-spacing:.025em}.tracking-widest{letter-spacing:.1em}.text-cw-black{--tw-text-opacity:1;color:rgb(9 9 11/var(--tw-text-opacity,1))}.text-cw-gold{--tw-text-opacity:1;color:rgb(212 175 55/var(--tw-text-opacity,1))}.text-cw-light{--tw-text-opacity:1;color:rgb(244 244 245/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-zinc-300{--tw-text-opacity:1;color:rgb(212 212 216/var(--tw-text-opacity,1))}.text-zinc-400{--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.text-zinc-500{--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity,1))}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.placeholder-zinc-600::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(82 82 91/var(--tw-placeholder-opacity,1))}.placeholder-zinc-600::placeholder{--tw-placeholder-opacity:1;color:rgb(82 82 91/var(--tw-placeholder-opacity,1))}.opacity-0{opacity:0}.opacity-90{opacity:.9}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-2xl,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-cw-gold\/20{--tw-shadow-color:rgba(212,175,55,.2);--tw-shadow:var(--tw-shadow-colored)}.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-md{--tw-backdrop-blur:blur(12px)}.backdrop-blur-md,.backdrop-blur-sm{-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)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.transition-all{transition-property:all;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}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.hover\:border-zinc-500:hover{--tw-border-opacity:1;border-color:rgb(113 113 122/var(--tw-border-opacity,1))}.hover\:bg-cw-gold:hover{--tw-bg-opacity:1;background-color:rgb(212 175 55/var(--tw-bg-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.focus\:border-cw-gold:focus{--tw-border-opacity:1;border-color:rgb(212 175 55/var(--tw-border-opacity,1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}@media (min-width:400px){.min-\[400px\]\:inline-flex{display:inline-flex}}@media (min-width:640px){.sm\:right-8{right:2rem}.sm\:top-8{top:2rem}.sm\:mb-12{margin-bottom:3rem}.sm\:mt-20{margin-top:5rem}.sm\:block{display:block}.sm\:inline{display:inline}.sm\:hidden{display:none}.sm\:h-10{height:2.5rem}.sm\:h-20{height:5rem}.sm\:h-4{height:1rem}.sm\:w-10{width:2.5rem}.sm\:w-4{width:1rem}.sm\:w-auto{width:auto}.sm\:flex-none{flex:none}.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\:gap-10{gap:2.5rem}.sm\:gap-2{gap:.5rem}.sm\:gap-3{gap:.75rem}.sm\:gap-4{gap:1rem}.sm\:gap-6{gap:1.5rem}.sm\:space-y-16>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(4rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(4rem*var(--tw-space-y-reverse))}.sm\:space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.sm\:space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.sm\:p-8{padding:2rem}.sm\:px-5{padding-left:1.25rem;padding-right:1.25rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-12{padding-top:3rem;padding-bottom:3rem}.sm\:py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.sm\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}.sm\:pb-12{padding-bottom:3rem}.sm\:pb-14{padding-bottom:3.5rem}.sm\:pt-16{padding-top:4rem}.sm\:pt-20{padding-top:5rem}.sm\:pt-4{padding-top:1rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:leading-tight{line-height:1.25}}@media (min-width:768px){.md\:w-auto{width:auto}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-end{align-items:flex-end}.md\:py-12{padding-top:3rem;padding-bottom:3rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}}@media (min-width:1024px){.lg\:block{display:block}.lg\:hidden{display:none}.lg\:w-1\/2{width:50%}.lg\:w-80{width:20rem}.lg\:w-auto{width:auto}.lg\:max-w-2xl{max-width:42rem}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:gap-16{gap:4rem}.lg\:bg-gradient-to-l{background-image:linear-gradient(to left,var(--tw-gradient-stops))}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:text-left{text-align:left}.lg\:text-6xl{font-size:3.75rem;line-height:1}}@media (min-width:1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}:root {
color-scheme: dark;
}
html {
scroll-behavior: smooth;
}
body {
min-height: 100vh;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.skip-link {
position: fixed;
left: 1rem;
top: 1rem;
z-index: 100;
transform: translateY(-160%);
border-radius: 0.125rem;
background: #d4af37;
color: #09090b;
padding: 0.75rem 1rem;
font-weight: 700;
}
.skip-link:focus {
transform: translateY(0);
}
.hide-scrollbar::-webkit-scrollbar {
display: none;
}
.hide-scrollbar {
-ms-overflow-style: none;
scrollbar-width: none;
}
.hero-gradient {
background:
linear-gradient(to top, #09090b 0%, #09090b 24%, rgba(9, 9, 11, 0.86) 40%, rgba(9, 9, 11, 0.58) 58%, rgba(9, 9, 11, 0.24) 76%, rgba(9, 9, 11, 0.04) 92%, rgba(9, 9, 11, 0) 100%);
}
.hero-section {
min-height: 32rem;
height: 86vh;
max-height: 54rem;
}
.hero-media-frame {
display: flex;
justify-content: center;
overflow: hidden;
}
.hero-media-frame::after {
content: '';
position: absolute;
inset: 0;
pointer-events: none;
background: radial-gradient(
ellipse clamp(12rem, 19vw, 24rem) clamp(3rem, 5.4vw, 6.5rem) at 56% 23%,
rgba(9,9,11,0.72) 0%,
rgba(9,9,11,0.46) 42%,
rgba(9,9,11,0.14) 72%,
transparent 100%
);
}
.hero-image {
width: min(100%, 120rem);
object-fit: cover;
object-position: center -18%;
}
#hero-title {
color: #be7b34;
}
.fade-in {
animation: fadeIn 0.2s ease-out forwards;
}
.fade-out {
animation: fadeOut 0.2s ease-in forwards;
pointer-events: none;
}
.slide-down {
animation: slideDown 0.3s ease-out forwards;
}
.page-transition {
animation: fadeSlideUp 0.4s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes fadeOut {
from { opacity: 1; }
to { opacity: 0; }
}
@keyframes slideDown {
from { transform: translateY(-10px); opacity: 0; }
to { transform: translateY(0); opacity: 1; }
}
@keyframes fadeSlideUp {
from { opacity: 0; transform: translateY(15px); }
to { opacity: 1; transform: translateY(0); }
}
:focus-visible {
outline: 2px solid #d4af37;
outline-offset: 3px;
}
.icon-button {
display: inline-flex;
align-items: center;
justify-content: center;
color: rgb(161 161 170);
transition: color 0.2s ease, background-color 0.2s ease;
padding: 0.5rem;
}
.icon-button:hover {
color: white;
}
.icon-outline-button {
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
padding: 0.875rem;
color: rgb(161 161 170);
border: 1px solid rgba(255,255,255,0.1);
border-radius: 0.125rem;
transition: color 0.2s ease, background-color 0.2s ease;
}
.icon-outline-button:hover {
color: white;
background: rgba(255,255,255,0.05);
}
.badge {
display: inline-flex;
align-items: center;
border-radius: 0.125rem;
padding: 0.25rem 0.75rem;
font-size: 0.75rem;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.badge-accent {
background: #8b0000;
color: white;
}
.primary-button,
.secondary-button,
.primary-gold-button,
.outline-button,
.outline-gold-button,
.text-button,
.tag-button,
.filter-button,
.amount-button,
.payment-button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
border-radius: 0.125rem;
transition: all 0.2s ease;
}
.primary-button {
background: white;
color: #09090b;
padding: 0.875rem 1.5rem;
font-weight: 600;
}
.primary-button:hover {
background: rgb(228 228 231);
}
.secondary-button {
background: rgba(39,39,42,0.8);
color: white;
border: 1px solid rgba(255,255,255,0.1);
padding: 0.875rem 1rem;
font-weight: 500;
}
.secondary-button:hover {
background: #27272a;
}
.primary-gold-button {
background: #d4af37;
color: #09090b;
padding: 0.875rem 1.5rem;
font-weight: 700;
box-shadow: 0 10px 25px rgba(212,175,55,0.12);
}
.primary-gold-button:hover {
background: #eab308;
}
.outline-button {
border: 1px solid rgba(255,255,255,0.2);
background: transparent;
color: white;
padding: 0.75rem 2rem;
font-weight: 500;
}
.outline-button:hover {
background: rgba(255,255,255,0.05);
}
.outline-gold-button {
border: 1px solid #d4af37;
color: #d4af37;
background: transparent;
padding: 0.75rem 1.5rem;
font-weight: 700;
}
.outline-gold-button:hover {
background: #d4af37;
color: #09090b;
}
.text-button {
color: rgb(161 161 170);
padding: 0.75rem;
}
.text-button:hover {
color: white;
}
.tag-button {
border: 1px solid rgba(255,255,255,0.05);
background: #123456;
color: rgb(212 212 216);
padding: 0.5rem 1rem;
font-size: 0.875rem;
border-radius: 9999px;
}
.tag-button:hover {
color: white;
background: #27272a;
}
.filter-button {
white-space: nowrap;
padding: 0.5rem 1rem;
background: #123456;
border: 1px solid rgba(255,255,255,0.1);
color: white;
font-size: 0.875rem;
}
.filter-button:hover {
border-color: #d4af37;
}
.filter-button.is-active {
background: #d4af37;
border-color: #d4af37;
color: #09090b;
font-weight: 700;
}
.amount-button {
border: 1px solid rgba(255,255,255,0.2);
padding: 1rem;
font-size: 1.125rem;
font-weight: 700;
}
.amount-button:hover,
.amount-button.is-selected {
border-color: #d4af37;
background: rgba(212,175,55,0.1);
color: #d4af37;
}
.payment-button {
width: 100%;
justify-content: space-between;
background: #09090b;
border: 1px solid rgba(255,255,255,0.2);
color: white;
padding: 1rem;
font-weight: 600;
}
.payment-button:hover {
background: #27272a;
}
.payment-light {
background: white;
color: black;
}
.payment-light:hover {
background: rgb(228 228 231);
}
.payment-bitcoin {
background: rgba(247,147,26,0.1);
border-color: rgba(247,147,26,0.3);
color: #f7931a;
}
.payment-bitcoin:hover {
background: rgba(247,147,26,0.2);
}
.eyebrow {
color: #d4af37;
text-transform: uppercase;
letter-spacing: 0.24em;
font-size: 0.72rem;
font-weight: 700;
margin-bottom: 0.65rem;
}
.section-heading-row {
display: flex;
align-items: end;
justify-content: space-between;
gap: 1rem;
margin-bottom: 1rem;
}
.section-title {
font-family: 'Playfair Display', serif;
font-size: clamp(1.35rem, 2vw, 1.75rem);
font-weight: 600;
}
.section-link {
display: inline-flex;
align-items: center;
gap: 0.25rem;
color: rgb(161 161 170);
font-size: 0.875rem;
white-space: nowrap;
}
.section-link:hover {
color: white;
}
.page-title {
font-family: 'Playfair Display', serif;
font-size: clamp(2rem, 4vw, 3rem);
font-weight: 700;
margin-bottom: 1rem;
}
.page-intro {
max-width: 42rem;
color: rgb(161 161 170);
font-size: 1.125rem;
}
.video-grid {
display: grid;
grid-auto-flow: column;
grid-auto-columns: minmax(17rem, 82%);
gap: 1rem;
overflow-x: auto;
scroll-snap-type: x mandatory;
padding-bottom: 1rem;
margin-inline: -1rem;
padding-inline: 1rem;
}
.video-card {
scroll-snap-align: start;
}
.video-card a {
display: block;
}
.video-media {
position: relative;
aspect-ratio: 16 / 9;
overflow: hidden;
border-radius: 0.125rem;
border: 1px solid rgba(255,255,255,0.05);
background: #123456;
}
.video-media img {
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0.82;
transform: var(--video-img-transform, none);
transition: transform 0.5s ease, opacity 0.3s ease;
}
.video-card:hover .video-media img,
.video-card:focus-within .video-media img {
transform: var(--video-img-hover-transform, scale(1.05));
opacity: 1;
}
.play-overlay {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
background: rgba(0,0,0,0.42);
opacity: 1;
transition: opacity 0.2s ease;
}
.play-overlay span {
display: inline-flex;
align-items: center;
justify-content: center;
width: 3rem;
height: 3rem;
border-radius: 9999px;
border: 2px solid rgba(255,255,255,0.75);
background: rgba(0,0,0,0.5);
backdrop-filter: blur(6px);
}
.video-duration {
position: absolute;
right: 0.5rem;
bottom: 0.5rem;
border-radius: 0.25rem;
background: rgba(0,0,0,0.8);
padding: 0.25rem 0.5rem;
color: white;
font-size: 0.75rem;
font-weight: 500;
}
.video-copy {
margin-top: 0.85rem;
}
.video-meta {
color: #d4af37;
text-transform: uppercase;
letter-spacing: 0.08em;
font-size: 0.67rem;
font-weight: 700;
}
.video-copy h3 {
margin-top: 0.25rem;
font-family: 'Playfair Display', serif;
font-size: 1.05rem;
line-height: 1.35;
transition: color 0.2s ease;
}
.video-card:hover h3,
.video-card:focus-within h3 {
color: #d4af37;
}
.video-copy p {
margin-top: 0.25rem;
color: rgb(161 161 170);
font-size: 0.8rem;
}
.program-card {
position: relative;
min-height: 21rem;
overflow: hidden;
border-radius: 0.125rem;
border: 1px solid rgba(255,255,255,0.08);
background: #123456;
}
.program-card img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0.55;
transition: transform 0.6s ease, opacity 0.3s ease;
}
.program-card:hover img,
.program-card:focus-visible img {
transform: scale(1.06);
opacity: 0.72;
}
.program-card--logo-artwork img {
opacity: 0.82;
object-position: center center;
}
.program-card--logo-artwork:hover img,
.program-card--logo-artwork:focus-visible img {
opacity: 0.92;
}
.program-scrim {
position: absolute;
inset: 0;
background: linear-gradient(to top, rgba(9,9,11,1), rgba(9,9,11,0.78) 38%, rgba(9,9,11,0.18));
}
.program-card--logo-artwork .program-scrim {
background: linear-gradient(to top, rgba(9,9,11,0.88), rgba(9,9,11,0.28) 34%, rgba(9,9,11,0.04) 68%);
}
.program-copy {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
padding: 1.25rem;
}
.program-topline {
display: flex;
align-items: flex-start;
justify-content: flex-end;
gap: 1rem;
}
.program-copy .program-type {
display: none;
color: #d4af37;
font-size: 0.68rem;
font-weight: 700;
letter-spacing: 0.2em;
text-transform: uppercase;
}
.program-copy h3 {
font-family: 'Playfair Display', serif;
font-size: 1.45rem;
line-height: 1.15;
font-weight: 700;
}
.program-copy p {
margin-top: 0.65rem;
color: rgb(212 212 216);
font-size: 0.9rem;
line-height: 1.5;
}
.program-footer {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
margin-top: 1rem;
color: rgb(212 212 216);
font-size: 0.8rem;
}
.program-footer span:last-child {
color: #d4af37;
font-weight: 700;
}
.dossier-card {
position: relative;
display: block;
min-height: 12rem;
aspect-ratio: 16 / 10;
overflow: hidden;
border-radius: 0.125rem;
border: 1px solid rgba(255,255,255,0.1);
}
.dossier-card img {
width: 100%;
height: 100%;
min-height: 12rem;
object-fit: cover;
opacity: 0.6;
transition: transform 0.7s ease, opacity 0.3s ease;
}
.dossier-card:hover img,
.dossier-card:focus-visible img {
transform: scale(1.08);
opacity: 0.72;
}
.dossier-overlay {
position: absolute;
inset: 0;
background: linear-gradient(to top, rgba(0,0,0,0.92), rgba(0,0,0,0.45), transparent);
}
.dossier-copy {
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: 1rem;
}
.dossier-copy div {
color: #d4af37;
font-size: 0.72rem;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.dossier-copy h3 {
margin-top: 0.35rem;
font-family: 'Playfair Display', serif;
font-size: clamp(1.2rem, 2vw, 1.5rem);
font-weight: 700;
}
.article-card {
display: flex;
min-height: 18rem;
flex-direction: column;
overflow: hidden;
border-radius: 0.125rem;
border: 1px solid rgba(255,255,255,0.05);
background: linear-gradient(180deg, rgba(24,24,27,0.96), rgba(24,24,27,1));
transition: border-color 0.2s ease, transform 0.2s ease;
}
.article-card:hover,
.article-card:focus-within {
border-color: rgba(255,255,255,0.2);
transform: translateY(-2px);
}
.article-media {
position: relative;
aspect-ratio: 4 / 3;
overflow: hidden;
border-bottom: 1px solid rgba(255,255,255,0.06);
}
.article-media::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(to top, rgba(9,9,11,0.48), transparent 58%);
}
.article-media img {
width: 100%;
height: 100%;
object-fit: cover;
filter: saturate(0.72) contrast(1.04);
transition: transform 0.5s ease, filter 0.3s ease;
}
.article-media span {
position: absolute;
left: 1rem;
bottom: 1rem;
z-index: 1;
border: 1px solid rgba(212,175,55,0.35);
background: rgba(9,9,11,0.72);
color: #d4af37;
padding: 0.3rem 0.55rem;
font-size: 0.65rem;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
}
.article-card:hover .article-media img,
.article-card:focus-within .article-media img {
transform: scale(1.04);
filter: saturate(0.9) contrast(1.06);
}
.article-body {
display: flex;
flex: 1;
flex-direction: column;
padding: 1rem 1.25rem 1.25rem;
}
.article-card .article-date {
color: rgb(161 161 170);
font-size: 0.72rem;
}
.article-card h3 {
margin-top: 0.5rem;
font-family: 'Playfair Display', serif;
font-size: 1.08rem;
font-weight: 500;
line-height: 1.35;
}
.article-card p {
margin-top: 0.75rem;
color: rgb(161 161 170);
font-size: 0.875rem;
line-height: 1.55;
}
.donation-banner {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
gap: 1.5rem;
overflow: hidden;
border-radius: 0.125rem;
border: 1px solid rgba(255,255,255,0.05);
background: #123456;
padding: 1.5rem;
}
.event-card {
position: relative;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 2rem;
overflow: hidden;
border-radius: 0.125rem;
border: 1px solid rgba(255,255,255,0.1);
background: #123456;
padding: 1.5rem;
}
.event-card::after {
content: '';
position: absolute;
right: -2.5rem;
top: -2.5rem;
width: 8rem;
height: 8rem;
border-radius: 9999px;
background: rgba(139,0,0,0.12);
filter: blur(28px);
transition: transform 0.3s ease;
}
.event-card:hover::after {
transform: scale(1.5);
}
.event-date {
flex-shrink: 0;
text-align: center;
}
.event-date div {
color: #d4af37;
font-weight: 700;
text-transform: uppercase;
}
.event-date strong {
display: block;
font-family: 'Playfair Display', serif;
font-size: 3rem;
line-height: 1;
}
.event-date span {
display: block;
margin-top: 0.25rem;
color: rgb(113 113 122);
font-size: 0.875rem;
}
.event-card h2 {
font-family: 'Playfair Display', serif;
font-size: 1.5rem;
font-weight: 700;
}
.event-card p {
color: rgb(212 212 216);
}
.info-card {
display: flex;
gap: 1rem;
border-radius: 0.125rem;
border: 1px solid rgba(255,255,255,0.05);
background: #123456;
padding: 1.5rem;
}
.info-card h2 {
font-size: 1.125rem;
font-weight: 700;
margin-bottom: 0.25rem;
}
.info-card p {
color: rgb(161 161 170);
font-size: 0.875rem;
margin-bottom: 0.5rem;
}
.info-card a:hover {
color: #d4af37;
}
.form-label {
display: block;
color: rgb(161 161 170);
font-size: 0.875rem;
font-weight: 500;
margin-bottom: 0.25rem;
}
.form-field {
width: 100%;
border-radius: 0.125rem;
border: 1px solid rgba(255,255,255,0.1);
background: #09090b;
color: white;
padding: 0.75rem;
}
.form-field:focus {
outline: none;
border-color: #d4af37;
}
.related-item {
display: flex;
gap: 0.75rem;
}
.related-item img {
width: 7rem;
height: 4rem;
flex-shrink: 0;
border-radius: 0.125rem;
object-fit: cover;
opacity: 0.82;
transition: opacity 0.2s ease, transform 0.2s ease;
}
.related-item:hover img,
.related-item:focus-within img {
opacity: 1;
transform: scale(1.03);
}
.related-item h3 {
color: rgb(212 212 216);
font-size: 0.875rem;
font-weight: 500;
line-height: 1.4;
}
.related-item:hover h3,
.related-item:focus-within h3 {
color: #d4af37;
}
.related-item p {
margin-top: 0.25rem;
color: rgb(113 113 122);
font-size: 0.65rem;
text-transform: uppercase;
letter-spacing: 0.08em;
}
@media (min-width: 640px) {
.play-overlay {
opacity: 0;
}
.video-card:hover .play-overlay,
.video-card:focus-within .play-overlay {
opacity: 1;
}
.video-grid {
grid-auto-flow: row;
grid-template-columns: repeat(2, minmax(0, 1fr));
overflow: visible;
margin-inline: 0;
padding-inline: 0;
gap: 1.25rem;
}
.dossier-copy {
padding: 1.5rem;
}
.donation-banner {
padding: 2rem;
}
}
@media (max-width: 639px) {
.hero-section {
min-height: 29.5rem;
height: 29.5rem;
}
.hero-gradient {
background:
linear-gradient(to top, #09090b 0%, #09090b 30%, rgba(9, 9, 11, 0.82) 48%, rgba(9, 9, 11, 0.52) 64%, rgba(9, 9, 11, 0.18) 82%, rgba(9, 9, 11, 0) 100%);
}
.hero-image {
object-fit: cover;
object-position: 49% center;
}
#view-home {
background:
linear-gradient(180deg, #09090b 0%, #09090b 28.5rem, #0a1119 34rem, #0d2237 42rem, #123456 56rem, #1d405a 88rem, #29465B 132rem, #0d2a40 100%);
}
}
@media (min-width: 640px) and (max-width: 1100px) {
.hero-section {
min-height: 42rem;
height: 42rem;
max-height: none;
}
.hero-image {
object-position: center center;
}
}
@media (min-width: 768px) {
.event-card {
flex-direction: row;
align-items: flex-start;
padding: 2rem;
}
.event-date {
text-align: left;
}
}
@media (min-width: 1024px) {
.video-grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 1.5rem;
}
.donation-banner {
flex-direction: row;
padding: 3rem;
}
}
@media (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
}
.podcast-player {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
align-items: center;
gap: 1rem;
border: 1px solid rgba(212,175,55,0.18);
border-radius: 0.125rem;
background:
linear-gradient(135deg, rgba(212,175,55,0.14), transparent 38%),
#123456;
padding: 1rem;
}
.podcast-play {
display: inline-flex;
align-items: center;
justify-content: center;
width: 3.25rem;
height: 3.25rem;
border-radius: 9999px;
background: #d4af37;
color: #09090b;
flex-shrink: 0;
}
.podcast-copy p {
color: #d4af37;
font-size: 0.68rem;
font-weight: 700;
letter-spacing: 0.18em;
text-transform: uppercase;
}
.podcast-copy h2 {
margin-top: 0.2rem;
font-family: 'Playfair Display', serif;
font-size: 1.15rem;
font-weight: 600;
}
.podcast-copy span {
display: block;
margin-top: 0.2rem;
color: rgb(161 161 170);
font-size: 0.8rem;
}
.podcast-timeline {
grid-column: 1 / -1;
position: relative;
height: 0.35rem;
overflow: hidden;
border-radius: 9999px;
background: rgba(255,255,255,0.08);
}
.podcast-timeline span {
display: block;
width: 28%;
height: 100%;
border-radius: inherit;
background: linear-gradient(90deg, #d4af37, #f4d77a);
}
.podcast-time {
grid-column: 1 / -1;
color: rgb(113 113 122);
font-size: 0.75rem;
text-align: right;
}
.video-subheading {
margin-top: 2.5rem !important;
margin-bottom: 1.1rem !important;
font-family: 'Playfair Display', serif;
font-size: 1.55rem;
font-weight: 700;
color: white;
}
.comments-section {
margin-top: 2.5rem;
border-top: 1px solid rgba(255,255,255,0.1);
padding-top: 2rem;
}
.comments-heading-row {
display: flex;
align-items: end;
justify-content: space-between;
gap: 1rem;
margin-bottom: 1.25rem;
}
.comments-heading-row h2 {
font-family: 'Playfair Display', serif;
font-size: 1.55rem;
font-weight: 700;
}
.comments-heading-row span {
color: rgb(113 113 122);
font-size: 0.875rem;
}
.comment-composer {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
gap: 1rem;
border: 1px solid rgba(255,255,255,0.08);
border-radius: 0.125rem;
background: #123456;
padding: 1rem;
}
.comment-avatar {
display: inline-flex;
align-items: center;
justify-content: center;
width: 2.5rem;
height: 2.5rem;
border-radius: 9999px;
background: rgba(212,175,55,0.14);
color: #d4af37;
font-size: 0.72rem;
font-weight: 700;
letter-spacing: 0.08em;
}
.comment-composer textarea {
width: 100%;
resize: vertical;
border: 1px solid rgba(255,255,255,0.08);
border-radius: 0.125rem;
background: #09090b;
color: white;
padding: 0.9rem;
}
.comment-composer textarea:focus {
outline: none;
border-color: #d4af37;
}
.comment-actions {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
margin-top: 0.75rem;
}
.comment-actions span {
color: rgb(113 113 122);
font-size: 0.78rem;
}
.program-link {
flex-shrink: 0;
color: #d4af37;
font-size: 0.78rem;
font-weight: 700;
}
.program-footer {
margin-top: 1rem;
color: rgb(212 212 216);
font-size: 0.8rem;
white-space: nowrap;
}
.program-footer span:last-child {
color: inherit;
font-weight: inherit;
}
.about-hero {
max-width: 54rem;
margin-bottom: 2.5rem;
}
.about-hero h1 {
font-family: 'Playfair Display', serif;
font-size: clamp(2rem, 4vw, 3.25rem);
line-height: 1.08;
font-weight: 700;
}
.about-hero p:last-child {
margin-top: 1.25rem;
color: rgb(212 212 216);
font-size: 1.08rem;
line-height: 1.8;
}
.about-layout {
display: grid;
gap: 1.5rem;
}
.about-copy {
display: grid;
gap: 1rem;
color: rgb(212 212 216);
line-height: 1.8;
}
.principles-card,
.advertising-card {
border: 1px solid rgba(255,255,255,0.08);
border-radius: 0.125rem;
background: #123456;
padding: 1.5rem;
}
.principles-card ul {
display: grid;
gap: 0.85rem;
margin-top: 1rem;
color: rgb(228 228 231);
}
.principles-card li {
position: relative;
padding-left: 1.25rem;
}
.principles-card li::before {
content: '';
position: absolute;
left: 0;
top: 0.6rem;
width: 0.45rem;
height: 0.45rem;
border-radius: 9999px;
background: #d4af37;
}
.support-panel {
display: flex;
flex-direction: column;
gap: 1.5rem;
align-items: flex-start;
justify-content: space-between;
margin-top: 2.5rem;
border: 1px solid rgba(212,175,55,0.18);
border-radius: 0.125rem;
background:
linear-gradient(135deg, rgba(139,0,0,0.12), transparent 45%),
#123456;
padding: 1.5rem;
}
.support-panel h2,
.advertising-card h2 {
font-family: 'Playfair Display', serif;
font-size: 1.5rem;
font-weight: 700;
}
.support-panel p:last-child,
.advertising-card p:last-child {
margin-top: 0.85rem;
color: rgb(161 161 170);
line-height: 1.7;
}
.advertising-card {
margin-top: 1.5rem;
}
.advertising-card a {
color: #d4af37;
}
.faq-list {
display: grid;
gap: 0.75rem;
}
.faq-item {
overflow: hidden;
border: 1px solid rgba(255,255,255,0.08);
border-radius: 0.125rem;
background: #123456;
}
.faq-trigger {
display: flex;
width: 100%;
align-items: center;
justify-content: space-between;
gap: 1rem;
color: white;
padding: 1.15rem 1.25rem;
text-align: left;
}
.faq-trigger span {
font-weight: 600;
}
.faq-trigger svg {
color: #d4af37;
flex-shrink: 0;
transition: transform 0.28s ease;
}
.faq-panel {
display: grid;
grid-template-rows: 0fr;
transition: grid-template-rows 0.32s ease;
}
.faq-panel > div {
overflow: hidden;
}
.faq-panel p {
color: rgb(161 161 170);
line-height: 1.8;
padding: 0 1.25rem 1.2rem;
}
.faq-item.is-open .faq-panel {
grid-template-rows: 1fr;
}
.faq-item.is-open .faq-trigger svg {
transform: rotate(45deg);
}
.site-footer {
color: rgb(113 113 122);
}
.footer-top {
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
gap: 1rem;
text-align: center;
}
.footer-links {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 1rem;
}
.footer-links a,
.social-links a {
transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
}
.footer-links a:hover {
color: white;
}
.social-links {
display: flex;
align-items: center;
gap: 0.55rem;
}
.social-links a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 2rem;
height: 2rem;
border: 1px solid rgba(255,255,255,0.08);
border-radius: 9999px;
color: rgb(161 161 170);
}
.social-links a:hover {
border-color: rgba(212,175,55,0.35);
background: rgba(212,175,55,0.08);
color: #d4af37;
}
.social-links svg {
width: 1rem;
height: 1rem;
fill: currentColor;
}
.footer-bottom {
text-align: center;
font-size: 0.875rem;
}
@media (min-width: 768px) {
.podcast-player {
grid-template-columns: auto minmax(14rem, 1fr) minmax(12rem, 20rem) auto;
}
.podcast-timeline,
.podcast-time {
grid-column: auto;
}
.about-layout {
grid-template-columns: minmax(0, 1.45fr) minmax(18rem, 0.75fr);
align-items: start;
}
.support-panel {
flex-direction: row;
align-items: center;
padding: 2rem;
}
.footer-top {
flex-direction: row;
text-align: left;
}
}
@media (max-width: 639px) {
.comment-composer {
grid-template-columns: 1fr;
}
.comment-actions {
flex-direction: column;
align-items: stretch;
}
}
.program-link {
border: 0;
background: #d4af37;
color: #09090b;
padding: 0.42rem 0.68rem;
border-radius: 9999px;
backdrop-filter: blur(8px);
box-shadow: 0 0.35rem 1rem rgba(0,0,0,0.28);
}
.inline-player {
margin-top: 0.25rem;
}
.inline-donation-panel {
display: grid;
gap: 1.15rem;
border: 1px solid rgba(212,175,55,0.24);
border-radius: 0.125rem;
background:
linear-gradient(135deg, rgba(212,175,55,0.09), transparent 38%),
#123456;
padding: 1.2rem;
}
.inline-donation-title {
display: flex;
align-items: center;
gap: 0.65rem;
}
.inline-donation-title svg {
color: #d4af37;
}
.inline-donation-title h2 {
font-family: 'Playfair Display', serif;
font-size: 1.35rem;
font-weight: 700;
}
.inline-donation-panel > p {
color: rgb(212 212 216);
font-size: 0.9rem;
line-height: 1.6;
}
.inline-donation-panel fieldset {
display: grid;
gap: 0.8rem;
}
.inline-donation-panel legend {
color: rgb(161 161 170);
font-size: 0.72rem;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.inline-donation-panel .amount-button {
min-height: 2.65rem;
padding-inline: 0.35rem;
}
.inline-donation-input {
width: 100%;
border: 1px solid rgba(255,255,255,0.16);
border-radius: 0.125rem;
background: #09090b;
color: white;
padding: 0.8rem 0.9rem;
}
.inline-donation-input:focus {
outline: none;
border-color: #d4af37;
}
.inline-donation-panel .payment-button {
min-height: 2.8rem;
padding: 0.75rem 0.9rem;
font-size: 0.88rem;
}
.comment-panel {
border: 1px solid rgba(255,255,255,0.08);
border-radius: 0.125rem;
background:
linear-gradient(135deg, rgba(212,175,55,0.08), transparent 34%),
rgba(24,24,27,0.9);
padding: 1.1rem;
}
.comment-lead {
display: flex;
align-items: flex-start;
gap: 0.9rem;
margin-bottom: 1rem;
}
.comment-lead h3 {
font-size: 0.98rem;
font-weight: 600;
}
.comment-lead p {
margin-top: 0.2rem;
max-width: 38rem;
color: rgb(113 113 122);
font-size: 0.84rem;
line-height: 1.55;
}
.comment-entry {
display: grid;
gap: 0.75rem;
}
.comment-entry textarea {
width: 100%;
min-height: 5.25rem;
resize: vertical;
border: 1px solid rgba(255,255,255,0.08);
border-radius: 0.125rem;
background: rgba(9,9,11,0.88);
color: white;
padding: 0.9rem;
}
.comment-entry textarea:focus {
outline: none;
border-color: #d4af37;
}
.terms-hero {
margin-bottom: 2rem;
}
.terms-grid {
display: grid;
gap: 1rem;
}
.terms-grid article {
border: 1px solid rgba(255,255,255,0.08);
border-radius: 0.125rem;
background: #123456;
padding: 1.35rem;
}
.terms-updated {
display: inline-flex;
margin-top: 1rem;
border: 1px solid rgba(212,175,55,0.22);
border-radius: 9999px;
background: rgba(212,175,55,0.09);
color: #f0c85a;
padding: 0.45rem 0.75rem;
font-size: 0.78rem;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.terms-number {
display: block;
margin-bottom: 0.8rem;
color: #f0c85a;
font-size: 0.72rem;
font-weight: 800;
letter-spacing: 0.16em;
}
.terms-grid h2 {
font-family: 'Playfair Display', serif;
font-size: 1.25rem;
font-weight: 700;
}
.terms-grid p {
margin-top: 0.6rem;
color: rgb(161 161 170);
line-height: 1.7;
}
.terms-grid a {
color: #f0c85a;
text-decoration: underline;
text-decoration-color: rgba(240,200,90,0.36);
text-underline-offset: 0.18em;
}
.terms-grid a:hover {
color: #ffffff;
}
.site-footer {
margin-top: 4rem;
padding-block: 1.8rem 1.2rem;
border-top-color: rgba(255,255,255,0.08);
background:
radial-gradient(circle at top left, rgba(212,175,55,0.07), transparent 24rem),
linear-gradient(180deg, #09090b, #0d0d10);
}
.site-footer > div {
gap: 1.35rem;
}
.footer-top {
display: grid;
grid-template-columns: 1fr;
align-items: center;
justify-items: start;
gap: 1rem;
text-align: left;
}
.footer-brand {
display: grid;
gap: 0.55rem;
}
.footer-brand p {
color: rgb(113 113 122);
font-size: 0.82rem;
}
.footer-links {
justify-content: flex-start;
gap: 1.15rem;
color: rgb(161 161 170);
font-size: 0.9rem;
}
.social-links {
gap: 0.7rem;
}
.social-links a {
width: 1.5rem;
height: 1.5rem;
border: 0;
border-radius: 0;
color: rgba(255,255,255,0.92);
background: transparent;
}
.social-links a:hover {
border-color: transparent;
background: transparent;
color: #d4af37;
}
.social-links svg {
width: 0.78rem;
height: 0.78rem;
}
.footer-bottom {
border-top: 1px solid rgba(255,255,255,0.06);
padding-top: 1rem;
color: rgb(82 82 91);
font-size: 0.78rem;
text-align: left;
}
@media (min-width: 768px) {
.terms-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.footer-top {
grid-template-columns: minmax(14rem, 1fr) auto auto;
justify-items: stretch;
}
.footer-links {
justify-content: center;
}
.social-links {
justify-content: flex-end;
}
}
@media (max-width: 639px) {
}
@media (min-width: 1024px) {
.mobile-nav-toggle {
display: none !important;
}
} :root {
--cw-dusk-bg: #123456;
--cw-dusk-bg-2: #29465B;
--cw-dusk-bg-3: #1b3f59;
--cw-dusk-panel: #29465B;
--cw-dusk-panel-2: #1d3b50;
--cw-dusk-panel-3: #34566d;
--cw-dusk-ink: #eef6fb;
--cw-dusk-ink-soft: #dbe9f1;
--cw-dusk-muted: #b7c8d4;
--cw-dusk-subtle: #8ea5b3;
--cw-dusk-border: rgba(238, 246, 251, 0.12);
--cw-dusk-border-strong: rgba(212, 175, 55, 0.30);
--cw-bronze: #d4af37;
--cw-bronze-soft: #f0c85a;
--cw-gold: #d4af37;
--cw-gold-bright: #f0c85a;
--cw-bronze-dark: #b88f24;
--cw-dusk-shadow: 0 18px 45px rgba(0, 0, 0, 0.26);
}
body {
background: var(--cw-dusk-bg);
}
#view-home,
#view-videos,
#view-artikelen,
#view-events,
#view-contact,
#view-over-ons,
#view-faq,
#view-algemene-voorwaarden {
background:
radial-gradient(circle at 14% 0%, rgba(41, 70, 91, 0.46), transparent 30rem),
radial-gradient(circle at 86% 18%, rgba(41, 70, 91, 0.28), transparent 30rem),
linear-gradient(180deg, var(--cw-dusk-bg) 0%, var(--cw-dusk-bg-2) 44%, #0d2a40 100%);
color: var(--cw-dusk-ink);
}
#view-home .hero-section,
#view-video {
background: #09090b;
color: #f4f4f5;
}
#view-video {
overflow: hidden;
}
#view-video > .max-w-screen-xl {
position: relative;
isolation: isolate;
}
#view-video > .max-w-screen-xl::before {
content: '';
position: absolute;
z-index: 0;
top: 0;
bottom: -10rem;
left: 50%;
width: 100vw;
transform: translateX(-50%);
pointer-events: none;
background:
linear-gradient(180deg,
#09090b 0%,
#09090b 4rem,
#0a1119 12rem,
#0d2237 24rem,
#123456 42rem,
#1d405a 88rem,
#29465B 148rem,
#0d2a40 100%
);
}
#view-video > .max-w-screen-xl > * {
position: relative;
z-index: 1;
}
#view-videos {
background:
radial-gradient(circle at 14% 0%, rgba(41, 70, 91, 0.34), transparent 30rem),
linear-gradient(180deg, var(--cw-dusk-bg) 0%, var(--cw-dusk-bg-2) 44%, #0d2a40 100%);
}
#view-home {
background:
linear-gradient(180deg, #09090b 0%, #09090b 84vh, #0a1119 96vh, #0d2237 112vh, #123456 136vh, #1d405a 210vh, #29465B 300vh, #0d2a40 100%);
}
#view-home > .max-w-screen-2xl {
background: transparent;
}
.site-footer {
margin-top: 0 !important;
}
#view-home > .max-w-screen-2xl,
#view-videos > .max-w-screen-2xl,
#view-artikelen > .max-w-screen-2xl,
#view-events > .max-w-screen-2xl,
#view-contact > .max-w-screen-2xl,
#view-over-ons > .max-w-screen-xl,
#view-faq > .max-w-screen-lg,
#view-algemene-voorwaarden > .max-w-screen-lg {
position: relative;
isolation: isolate;
}
#view-home .eyebrow,
#view-videos .eyebrow,
#view-artikelen .eyebrow,
#view-events .eyebrow,
#view-contact .eyebrow,
#view-over-ons .eyebrow,
#view-faq .eyebrow,
#view-algemene-voorwaarden .eyebrow {
color: var(--cw-bronze-soft);
}
#view-home .section-title,
#view-videos .page-title,
#view-artikelen .page-title,
#view-events .page-title,
#view-contact .page-title,
#view-over-ons .about-hero h1,
#view-faq .page-title,
#view-algemene-voorwaarden .page-title,
#view-home .article-card h3,
#view-artikelen .article-card h3,
#view-events .event-card h2,
#view-contact .info-card h2,
#view-contact .bg-cw-dark h2,
#view-over-ons .support-panel h2,
#view-over-ons .advertising-card h2,
#view-algemene-voorwaarden .terms-grid h2 {
color: var(--cw-dusk-ink);
}
#view-home .section-link,
#view-videos .page-intro,
#view-artikelen .page-intro,
#view-events .page-intro,
#view-contact .page-intro,
#view-over-ons .about-hero p:last-child,
#view-over-ons .about-copy,
#view-faq .page-intro,
#view-algemene-voorwaarden .page-intro,
#view-home .video-copy p,
#view-videos .video-copy p,
#view-home .article-card p,
#view-artikelen .article-card p,
#view-home .article-date,
#view-artikelen .article-date,
#view-events .event-card p,
#view-contact .info-card p,
#view-over-ons .support-panel p:last-child,
#view-over-ons .advertising-card p:last-child,
#view-algemene-voorwaarden .terms-grid p,
#view-faq .faq-panel p {
color: var(--cw-dusk-muted);
}
#view-home .section-link:hover,
#view-videos .section-link:hover,
#view-artikelen .section-link:hover,
#view-events .section-link:hover,
#view-contact .section-link:hover,
#view-over-ons .section-link:hover,
#view-faq .section-link:hover,
#view-algemene-voorwaarden .section-link:hover {
color: var(--cw-bronze-soft);
}
#view-home .video-card a,
#view-videos .video-card a {
display: block;
height: 100%;
border: 1px solid var(--cw-dusk-border);
border-radius: 0.2rem;
background:
linear-gradient(180deg, rgba(41, 70, 91, 0.90), rgba(18, 52, 86, 0.96));
padding: 0.55rem;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.22);
transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
}
#view-home .video-card a:hover,
#view-home .video-card a:focus-visible,
#view-videos .video-card a:hover,
#view-videos .video-card a:focus-visible {
border-color: var(--cw-dusk-border-strong);
background:
linear-gradient(180deg, rgba(50, 85, 109, 0.96), rgba(24, 60, 88, 0.98));
box-shadow: var(--cw-dusk-shadow);
transform: translateY(-2px);
}
#view-home .video-media,
#view-videos .video-media {
border-color: rgba(243, 234, 223, 0.10);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06);
}
#view-home .video-copy,
#view-videos .video-copy {
padding: 0.1rem 0.25rem 0.35rem;
}
#view-home .video-meta,
#view-videos .video-meta,
#view-home .video-card:hover h3,
#view-home .video-card:focus-within h3,
#view-videos .video-card:hover h3,
#view-videos .video-card:focus-within h3 {
color: var(--cw-bronze-soft);
}
#view-home .video-copy h3,
#view-videos .video-copy h3 {
color: var(--cw-dusk-ink);
}
#view-home .program-card,
#view-home .dossier-card {
border-color: rgba(243, 234, 223, 0.12);
box-shadow: 0 16px 38px rgba(0, 0, 0, 0.24);
}
#view-home .program-card img {
opacity: 0.64;
}
#view-home .program-card--logo-artwork img {
opacity: 0.82;
}
#view-home .program-card:hover img,
#view-home .program-card:focus-visible img {
opacity: 0.82;
}
#view-home .program-card--logo-artwork:hover img,
#view-home .program-card--logo-artwork:focus-visible img {
opacity: 0.92;
}
#view-home .program-scrim {
background: linear-gradient(to top, rgba(8, 28, 45, 0.94), rgba(18, 52, 86, 0.66) 44%, rgba(18, 52, 86, 0.08));
}
#view-home .program-type,
#view-home .program-footer,
#view-home .dossier-copy div {
color: var(--cw-bronze-soft);
}
#view-home .program-copy p {
color: rgba(243, 234, 223, 0.82);
}
#view-home .program-link {
align-self: flex-end;
background: transparent;
color: #d4af37;
box-shadow: none;
padding: 0;
border: 0;
border-radius: 0;
font-size: 0.78rem;
font-weight: 700;
line-height: 1.2;
text-shadow: 0 1px 12px rgba(0, 0, 0, 0.42);
}
#view-home .program-card:hover .program-link,
#view-home .program-card:focus-visible .program-link {
color: #f0cd5d;
}
#view-home .article-card,
#view-artikelen .article-card,
#view-events .event-card,
#view-contact .info-card,
#view-contact .bg-cw-dark,
#view-over-ons .principles-card,
#view-over-ons .advertising-card,
#view-faq .faq-item,
#view-algemene-voorwaarden .terms-grid article {
border-color: var(--cw-dusk-border);
background:
linear-gradient(180deg, rgba(41, 70, 91, 0.94), rgba(18, 52, 86, 0.97));
box-shadow: 0 12px 34px rgba(0, 0, 0, 0.20);
}
#view-home .article-card:hover,
#view-home .article-card:focus-within,
#view-artikelen .article-card:hover,
#view-artikelen .article-card:focus-within {
border-color: var(--cw-dusk-border-strong);
box-shadow: var(--cw-dusk-shadow);
}
#view-home .article-media,
#view-artikelen .article-media {
border-bottom-color: rgba(243, 234, 223, 0.08);
}
#view-home .article-media::after,
#view-artikelen .article-media::after {
background: linear-gradient(to top, rgba(18, 52, 86, 0.58), transparent 60%);
}
#view-home .article-media img,
#view-artikelen .article-media img {
filter: saturate(0.82) contrast(1.04);
}
#view-home .article-media span,
#view-artikelen .article-media span {
border-color: rgba(212, 175, 55, 0.38);
background: rgba(18, 52, 86, 0.78);
color: #f0b86d;
}
#view-home .donation-banner {
border-color: rgba(212, 175, 55, 0.30);
background:
radial-gradient(circle at right top, rgba(212, 175, 55, 0.18), transparent 28rem),
linear-gradient(135deg, #29465B, #123456 64%, #123456);
color: var(--cw-dusk-ink);
box-shadow: var(--cw-dusk-shadow);
}
#view-home .donation-banner .text-zinc-400,
#view-events .text-zinc-400,
#view-contact .text-zinc-400 {
color: var(--cw-dusk-muted) !important;
}
#view-videos .filter-button,
#view-videos .outline-button,
#view-events .outline-gold-button {
border-color: var(--cw-dusk-border);
background: rgba(41, 70, 91, 0.86);
color: var(--cw-dusk-ink-soft);
}
#view-videos .filter-button:hover,
#view-videos .outline-button:hover,
#view-events .outline-gold-button:hover {
border-color: rgba(212, 175, 55, 0.48);
background: rgba(212, 175, 55, 0.12);
color: var(--cw-bronze-soft);
}
#view-videos .filter-button.is-active,
#view-events .primary-gold-button,
#view-contact .primary-gold-button,
#view-over-ons .primary-gold-button,
#view-home .primary-gold-button {
border-color: var(--cw-bronze);
background: var(--cw-bronze);
color: #123456;
box-shadow: 0 12px 28px rgba(212, 175, 55, 0.20);
}
#view-videos .filter-button,
#view-videos .filter-button.is-active {
box-shadow: none;
}
#view-events .event-card::after {
content: none;
display: none;
}
#view-events .event-date div,
#view-events .outline-gold-button,
#view-contact .info-card a,
#view-over-ons .advertising-card a,
#view-faq .faq-trigger svg,
#view-over-ons .principles-card li::before {
color: var(--cw-bronze-soft);
}
#view-events .event-date span,
#view-contact .form-label,
#view-contact .info-card a:hover,
#view-faq .comments-heading-row span {
color: var(--cw-dusk-muted);
}
#view-contact .form-field {
border-color: var(--cw-dusk-border);
background: rgba(18, 52, 86, 0.92);
color: var(--cw-dusk-ink);
}
#view-contact .form-field:focus {
border-color: var(--cw-bronze);
box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.14);
}
#view-over-ons .principles-card ul,
#view-faq .faq-trigger {
color: var(--cw-dusk-ink);
}
#view-over-ons .support-panel {
border-color: rgba(212, 175, 55, 0.32);
background:
radial-gradient(circle at right top, rgba(212, 175, 55, 0.16), transparent 27rem),
linear-gradient(135deg, #34566d, #123456 62%, #123456);
color: var(--cw-dusk-ink);
box-shadow: var(--cw-dusk-shadow);
}
#view-faq .faq-trigger {
background: transparent;
}
#view-faq .faq-item.is-open {
border-color: rgba(212, 175, 55, 0.34);
}
#view-algemene-voorwaarden .terms-grid article,
#view-contact .bg-cw-dark {
color: var(--cw-dusk-ink);
}
#view-video .podcast-player,
#view-video .comment-panel,
#view-video .inline-donation-panel {
background:
linear-gradient(135deg, rgba(212, 175, 55, 0.10), transparent 40%),
#123456;
border-color: rgba(212, 175, 55, 0.24);
}
.site-footer {
background:
radial-gradient(circle at top left, rgba(212, 175, 55, 0.09), transparent 24rem),
linear-gradient(180deg, #0d2a40, #081b2b);
border-top-color: rgba(243, 234, 223, 0.08);
}
.footer-links {
color: var(--cw-dusk-muted);
}
.footer-brand p,
.footer-bottom {
color: var(--cw-dusk-subtle);
}
.social-links a {
color: rgba(243, 234, 223, 0.92);
}
.social-links a:hover {
color: var(--cw-bronze-soft);
}
@media (max-width: 639px) {
#view-home .video-card a,
#view-videos .video-card a {
padding: 0.45rem;
}
} .custom-logo {
max-height: 2.5rem;
width: auto;
}
.site-header .menu,
.site-header .menu ul,
.footer-links .menu {
display: flex;
align-items: center;
gap: 1.5rem;
}
.site-header .menu a {
color: rgb(161 161 170);
font-size: 0.875rem;
font-weight: 500;
transition: color 0.2s ease;
}
.site-header .menu a:hover,
.site-header .current-menu-item > a,
.site-header .current-menu-ancestor > a {
color: #fff;
}
#mobile-menu .menu {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
#mobile-menu .menu a {
display: block;
border-bottom: 1px solid rgba(255,255,255,0.10);
padding-bottom: 1rem;
color: rgb(161 161 170);
font-family: 'Playfair Display', serif;
font-size: 1.5rem;
}
.term-chip,
.archive-filter-links a {
display: inline-flex;
align-items: center;
border: 1px solid rgba(212,175,55,0.28);
border-radius: 9999px;
background: rgba(212,175,55,0.08);
color: #f0c85a;
padding: 0.38rem 0.7rem;
font-size: 0.78rem;
font-weight: 700;
letter-spacing: 0.04em;
}
.term-chip:hover,
.archive-filter-links a:hover {
background: rgba(212,175,55,0.16);
color: #fff;
}
.archive-filter-group {
border: 1px solid rgba(238,246,251,0.12);
background: linear-gradient(180deg, rgba(41, 70, 91, 0.72), rgba(18, 52, 86, 0.84));
padding: 1rem;
}
.archive-filter-group h2 {
margin-bottom: 0.8rem;
color: #eef6fb;
font-family: 'Playfair Display', serif;
font-size: 1.05rem;
font-weight: 700;
}
.archive-filter-links {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
}
.pagination-wrap .nav-links {
display: flex;
justify-content: center;
gap: 0.5rem;
flex-wrap: wrap;
}
.pagination-wrap .page-numbers {
border: 1px solid rgba(238,246,251,0.14);
color: #dbe9f1;
padding: 0.65rem 0.85rem;
}
.pagination-wrap .page-numbers.current,
.pagination-wrap .page-numbers:hover {
border-color: rgba(212,175,55,0.46);
background: #d4af37;
color: #123456;
}
.single-video-content iframe,
.single-video-content video,
.single-video-content .wp-block-embed {
width: 100%;
max-width: 100%;
}
.single-video-content .wp-block-embed__wrapper {
aspect-ratio: 16 / 9;
}
.single-video-content .wp-block-embed__wrapper iframe {
height: 100%;
}
.single-video-player,
.single-video-player p,
.single-video-player .wp-block-embed,
.single-video-player .wp-block-embed__wrapper {
width: 100%;
height: 100%;
margin: 0;
}
.single-video-player iframe,
.single-video-player video,
.single-video-player embed,
.single-video-player object {
display: block;
width: 100%;
height: 100%;
}
.single-video-intro p {
margin: 0;
}
.video-taxonomy-row {
border-bottom: 1px solid rgba(255,255,255,0.10);
padding-bottom: 1rem;
}
.search-form {
display: flex;
gap: 0.75rem;
}
.search-form label {
flex: 1;
}
.search-field {
width: 100%;
border-bottom: 2px solid rgb(63 63 70);
background: transparent;
color: #fff;
padding: 1rem 0;
font-size: clamp(1.5rem, 4vw, 3rem);
}
.search-submit {
border: 1px solid rgba(212,175,55,0.4);
background: #d4af37;
color: #09090b;
padding: 0.75rem 1rem;
font-weight: 700;
}
@media (max-width: 1023px) {
.site-header .menu {
display: none;
}
}
.front-page .newsletter-section,
#view-home .newsletter-section {
border-color: rgba(238, 246, 251, 0.12);
background:
radial-gradient(circle at right top, rgba(212,175,55,0.10), transparent 24rem),
linear-gradient(180deg, rgba(41, 70, 91, 0.92), rgba(18, 52, 86, 0.96));
box-shadow: 0 12px 34px rgba(0, 0, 0, 0.20);
}
.secondary-menu a {
color: rgb(161 161 170);
font-size: 0.78rem;
}
.mobile-secondary-menu a {
color: rgb(161 161 170);
font-size: 1rem;
}
.single-video-media figure {
margin: 0;
} #view-home .hero-media-frame {
align-items: stretch;
}
#view-home .hero-image {
display: block;
width: min(100%, 120rem) !important;
max-width: none;
height: 100% !important;
object-fit: cover;
object-position: center -18%;
}
#view-home .hero-media-frame::after {
background: radial-gradient(
ellipse clamp(12rem, 19vw, 24rem) clamp(3rem, 5.4vw, 6.5rem) at 56% 23%,
rgba(9,9,11,0.72) 0%,
rgba(9,9,11,0.46) 42%,
rgba(9,9,11,0.14) 72%,
transparent 100%
);
}
#view-home .hero-gradient {
background: linear-gradient(to top, #09090b 0%, #09090b 24%, rgba(9, 9, 11, 0.86) 40%, rgba(9, 9, 11, 0.58) 58%, rgba(9, 9, 11, 0.24) 76%, rgba(9, 9, 11, 0.04) 92%, rgba(9, 9, 11, 0) 100%);
}
@media (min-width: 640px) and (max-width: 1100px) {
#view-home .hero-section {
min-height: 42rem;
height: 42rem;
max-height: none;
}
#view-home .hero-image {
object-position: center center;
}
}
@media (max-width: 639px) {
#view-home .hero-section {
min-height: 29.5rem;
height: 29.5rem;
}
#view-home .hero-image {
object-position: 49% center;
}
#view-home .hero-gradient {
background: linear-gradient(to top, #09090b 0%, #09090b 30%, rgba(9, 9, 11, 0.82) 48%, rgba(9, 9, 11, 0.52) 64%, rgba(9, 9, 11, 0.18) 82%, rgba(9, 9, 11, 0) 100%);
}
}
.site-header .primary-menu,
.site-header .secondary-menu,
.footer-links .menu {
display: flex;
align-items: center;
gap: 1.5rem;
}
.site-header .primary-menu ul,
.site-header .secondary-menu ul {
display: block;
}
.site-header .primary-menu > .menu-item,
.site-header .secondary-menu > .menu-item {
position: relative;
}
.site-header .primary-menu .sub-menu,
.site-header .secondary-menu .sub-menu {
position: absolute;
top: calc(100% + 0.7rem);
left: 0;
z-index: 80;
display: none;
min-width: 14rem;
border: 1px solid rgba(238,246,251,0.12);
background: rgba(9, 9, 11, 0.96);
padding: 0.55rem;
box-shadow: 0 18px 45px rgba(0,0,0,0.35);
}
.site-header .primary-menu .menu-item:hover > .sub-menu,
.site-header .primary-menu .menu-item:focus-within > .sub-menu,
.site-header .secondary-menu .menu-item:hover > .sub-menu,
.site-header .secondary-menu .menu-item:focus-within > .sub-menu {
display: grid;
gap: 0.25rem;
}
.site-header .primary-menu .sub-menu a,
.site-header .secondary-menu .sub-menu a {
display: block;
padding: 0.65rem 0.75rem;
white-space: nowrap;
}
@media (max-width: 1023px) {
.site-header .primary-menu,
.site-header .secondary-menu {
display: none;
}
}
#view-home .video-excerpt {
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.donation-module-modal {
background: #18181b;
}
.donation-frequency-toggle {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
border: 1px solid rgba(255,255,255,0.16);
background: #09090b;
padding: 0.25rem;
gap: 0.25rem;
}
.donation-frequency-toggle button {
border: 1px solid transparent;
border-radius: 0.125rem;
color: rgb(161 161 170);
padding: 0.75rem 0.85rem;
font-weight: 800;
transition: all 0.2s ease;
}
.donation-frequency-toggle button:hover {
border-color: rgba(238, 246, 251, 0.18);
background: rgba(238, 246, 251, 0.06);
color: #eef6fb;
}
.donation-frequency-toggle button.is-selected {
border-color: #d4af37;
background: rgba(212,175,55,0.13);
color: #d4af37;
}
.donation-frequency-toggle button.is-selected:hover {
border-color: #e3bd49;
background: rgba(212,175,55,0.18);
color: #f0cd5d;
}
.donation-frequency-toggle-compact button {
padding: 0.55rem 0.55rem;
font-size: 0.78rem;
}
.donation-module .amount-button {
min-height: 3.75rem;
}
.inline-donation-panel.donation-module .amount-button {
min-height: 2.65rem;
}
.donation-module .payment-bitcoin {
color: #F7931A;
}
.donation-module .payment-button {
text-decoration: none;
} #view-home .article-card > a > div:last-child {
padding-left: 1.65rem;
padding-right: 1.65rem;
padding-bottom: 1.85rem;
}
#view-home .article-card p.line-clamp-4 {
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
@media (min-width: 640px) {
#view-home .article-card > a > div:last-child {
padding-left: 1.85rem;
padding-right: 1.85rem;
padding-bottom: 2rem;
}
} #view-home .hero-media-frame {
display: flex;
position: absolute;
inset: 0;
justify-content: center;
align-items: stretch;
width: 100%;
height: 100%;
overflow: hidden;
background: #09090b;
}
#view-home .hero-media-frame .hero-image,
#view-home .hero-media-frame picture.hero-image,
#view-home .hero-media-frame img.hero-image {
position: relative;
display: block;
flex: 0 0 auto;
width: min(100%, 120rem) !important;
height: 100% !important;
max-width: none !important;
transform: none !important;
opacity: 0.9;
overflow: hidden;
}
#view-home .hero-media-frame img.hero-image {
object-fit: cover;
object-position: center -18%;
}
#view-home .hero-media-frame picture.hero-image > img,
#view-home .hero-media-frame .hero-image > img {
position: absolute;
inset: 0;
display: block;
width: 100% !important;
height: 100% !important;
max-width: none !important;
object-fit: cover;
object-position: center -18%;
}
@media (min-width: 640px) and (max-width: 1100px) {
#view-home .hero-media-frame img.hero-image,
#view-home .hero-media-frame picture.hero-image > img,
#view-home .hero-media-frame .hero-image > img {
object-position: center center;
}
}
@media (max-width: 639px) {
#view-home .hero-media-frame .hero-image,
#view-home .hero-media-frame picture.hero-image,
#view-home .hero-media-frame img.hero-image {
width: 100% !important;
}
#view-home .hero-media-frame img.hero-image,
#view-home .hero-media-frame picture.hero-image > img,
#view-home .hero-media-frame .hero-image > img {
object-position: 49% center;
}
} .comments-section {
margin-top: 3rem;
border-top: 0;
padding-top: 0;
}
.cws-comments-card {
position: relative;
overflow: hidden;
border: 1px solid rgba(238, 246, 251, 0.12);
border-radius: 0.125rem;
background:
radial-gradient(circle at top right, rgba(212, 175, 55, 0.12), transparent 18rem),
linear-gradient(180deg, rgba(41, 70, 91, 0.88), rgba(18, 52, 86, 0.96));
box-shadow: 0 18px 45px rgba(0, 0, 0, 0.24);
padding: clamp(1.15rem, 2vw, 1.75rem);
color: #eef6fb;
}
.cws-comments-card::before {
content: '';
position: absolute;
inset: 0 0 auto;
height: 1px;
background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.46), transparent);
pointer-events: none;
}
.cws-comments-header {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 1rem;
border-bottom: 1px solid rgba(238, 246, 251, 0.10);
padding-bottom: 1.15rem;
margin-bottom: 1.15rem;
}
.cws-comments-title-group {
display: flex;
align-items: flex-start;
gap: 0.9rem;
}
.cws-comments-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 2.55rem;
height: 2.55rem;
flex: 0 0 auto;
border: 1px solid rgba(212, 175, 55, 0.28);
border-radius: 9999px;
background: rgba(9, 9, 11, 0.22);
color: #e3bd49;
}
.cws-comments-header h2 {
margin: 0.15rem 0 0;
font-family: 'Playfair Display', serif;
font-size: clamp(1.55rem, 2.4vw, 2rem);
font-weight: 700;
line-height: 1.08;
color: #fff;
}
.cws-comments-header p:not(.eyebrow) {
margin-top: 0.35rem;
max-width: 34rem;
color: #b7c8d4;
font-size: 0.92rem;
line-height: 1.55;
}
.cws-comments-count {
flex: 0 0 auto;
border: 1px solid rgba(212, 175, 55, 0.26);
border-radius: 9999px;
background: rgba(9, 9, 11, 0.22);
color: #e3bd49;
padding: 0.42rem 0.72rem;
font-size: 0.76rem;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.cws-comment-list {
display: grid;
gap: 0.85rem;
margin: 0 0 1.25rem;
padding: 0;
list-style: none;
}
.cws-comment-list .comment,
.cws-comment-list .pingback,
.cws-comment-list .trackback {
list-style: none;
}
.cws-comment-list .comment-body {
position: relative;
border: 1px solid rgba(238, 246, 251, 0.10);
border-radius: 0.125rem;
background: rgba(9, 9, 11, 0.24);
padding: 1rem 1rem 0.95rem;
}
.cws-comment-list .children {
display: grid;
gap: 0.75rem;
margin: 0.85rem 0 0 clamp(1rem, 4vw, 2.5rem);
padding: 0;
list-style: none;
}
.cws-comment-list .comment-author {
display: flex;
align-items: center;
gap: 0.7rem;
margin-bottom: 0.35rem;
color: #fff;
font-weight: 700;
}
.cws-comment-list .comment-author .avatar {
width: 2.4rem;
height: 2.4rem;
border: 1px solid rgba(212, 175, 55, 0.26);
border-radius: 9999px;
object-fit: cover;
}
.cws-comment-list .comment-author .says {
display: none;
}
.cws-comment-list .comment-metadata,
.cws-comment-list .comment-meta {
margin-bottom: 0.75rem;
color: #8ea5b3;
font-size: 0.76rem;
}
.cws-comment-list .comment-metadata a,
.cws-comment-list .comment-meta a {
color: inherit;
text-decoration: none;
}
.cws-comment-list .comment-content {
color: #dbe9f1;
font-size: 0.93rem;
line-height: 1.65;
}
.cws-comment-list .comment-content p {
margin-bottom: 0.75rem;
}
.cws-comment-list .reply a,
.cws-comment-list .comment-reply-link {
display: inline-flex;
align-items: center;
margin-top: 0.35rem;
color: #e3bd49;
font-size: 0.78rem;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.cws-comments-empty,
.cws-comments-closed {
display: grid;
gap: 0.15rem;
border: 1px dashed rgba(238, 246, 251, 0.16);
background: rgba(9, 9, 11, 0.18);
color: #b7c8d4;
padding: 1rem;
margin-bottom: 1.1rem;
}
.cws-comments-empty strong {
color: #fff;
}
.cws-comment-form-card {
border-top: 1px solid rgba(238, 246, 251, 0.10);
padding-top: 1.15rem;
}
.cws-comment-form .comment-reply-title {
margin-bottom: 0.3rem;
font-family: 'Playfair Display', serif;
font-size: 1.35rem;
font-weight: 700;
color: #fff;
}
.cws-comment-form .comment-notes,
.cws-comment-form .logged-in-as {
margin-bottom: 0.9rem;
color: #8ea5b3;
font-size: 0.84rem;
}
.cws-comment-form .logged-in-as a {
color: #e3bd49;
}
.cws-comment-form {
display: grid;
gap: 0.75rem;
}
.cws-comment-form .comment-form-comment {
grid-column: 1 / -1;
}
.cws-comment-form .comment-form-author,
.cws-comment-form .comment-form-email,
.cws-comment-form .comment-form-url {
margin: 0;
}
.cws-comment-form textarea,
.cws-comment-form input[type='text'],
.cws-comment-form input[type='email'],
.cws-comment-form input[type='url'] {
width: 100%;
border: 1px solid rgba(238, 246, 251, 0.12);
border-radius: 0.125rem;
background: rgba(9, 9, 11, 0.46);
color: #fff;
padding: 0.92rem 1rem;
transition: border-color 0.18s ease, background 0.18s ease;
}
.cws-comment-form textarea {
min-height: 8rem;
resize: vertical;
}
.cws-comment-form textarea:focus,
.cws-comment-form input:focus {
outline: none;
border-color: rgba(212, 175, 55, 0.68);
background: rgba(9, 9, 11, 0.62);
}
.cws-comment-form ::placeholder {
color: #8ea5b3;
}
.cws-comment-form .form-submit {
margin: 0.25rem 0 0;
}
.cws-comment-submit {
display: inline-flex;
align-items: center;
justify-content: center;
border: 0;
border-radius: 0.125rem;
background: #e3bd49;
color: #081b2b;
padding: 0.82rem 1.15rem;
font-size: 0.9rem;
font-weight: 800;
box-shadow: 0 12px 26px rgba(212, 175, 55, 0.20);
transition: transform 0.18s ease, background 0.18s ease;
}
.cws-comment-submit:hover,
.cws-comment-submit:focus-visible {
background: #f0cd5d;
transform: translateY(-1px);
}
.cws-comments-card .comment-navigation,
.cws-comments-card .comments-navigation {
margin: 1rem 0;
}
.cws-comments-card .nav-links {
display: flex;
justify-content: space-between;
gap: 1rem;
color: #e3bd49;
font-size: 0.86rem;
font-weight: 700;
} .comments-section #wpdcom {
margin: 0;
color: #eef6fb;
}
.comments-section #wpdcom textarea,
.comments-section #wpdcom input[type='text'],
.comments-section #wpdcom input[type='email'],
.comments-section #wpdcom input[type='url'] {
border-color: rgba(238, 246, 251, 0.12) !important;
background: rgba(9, 9, 11, 0.46) !important;
color: #fff !important;
}
@media (min-width: 700px) {
.cws-comment-form {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.cws-comment-form .comment-notes,
.cws-comment-form .logged-in-as,
.cws-comment-form .comment-reply-title,
.cws-comment-form .form-submit {
grid-column: 1 / -1;
}
}
@media (max-width: 640px) {
.cws-comments-header {
flex-direction: column;
}
.cws-comments-count {
align-self: flex-start;
}
.cws-comment-list .children {
margin-left: 0.8rem;
}
} .single-video-media {
position: relative;
width: 100%;
aspect-ratio: 16 / 9;
min-height: clamp(12rem, 56.25vw, 54rem);
overflow: hidden;
}
.single-video-player {
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
overflow: hidden;
background: #000;
}
.single-video-player > *,
.single-video-player p,
.single-video-player div,
.single-video-player figure,
.single-video-player .video-container,
.single-video-player .embed-youtube,
.single-video-player .wp-block-embed,
.single-video-player .wp-block-embed__wrapper,
.single-video-player .fluid-width-video-wrapper {
width: 100% !important;
height: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
}
.single-video-player iframe,
.single-video-player video,
.single-video-player embed,
.single-video-player object {
position: absolute;
inset: 0;
display: block;
width: 100% !important;
height: 100% !important;
max-width: none !important;
border: 0;
}
@supports not (aspect-ratio: 16 / 9) {
.single-video-media {
height: 0;
min-height: 0;
padding-top: 56.25%;
}
} .single-video-content {
line-height: 1.75;
}
.single-video-content p,
.single-video-content ul,
.single-video-content ol,
.single-video-content blockquote,
.single-video-content figure,
.single-video-content .wp-block-embed {
margin-top: 1.15rem;
margin-bottom: 1.15rem;
}
.single-video-content > :first-child {
margin-top: 0;
}
.single-video-content > :last-child {
margin-bottom: 0;
}
.single-video-content br {
display: block;
content: '';
margin-top: 0.55rem;
} #view-video .prototype-comments-module .comment-panel {
border: 1px solid rgba(255,255,255,0.08);
border-radius: 0.125rem;
background:
linear-gradient(135deg, rgba(212,175,55,0.08), transparent 34%),
rgba(24,24,27,0.9);
padding: 1.1rem;
box-shadow: none;
}
.prototype-comment-form {
display: grid;
gap: 0.75rem;
margin: 0;
}
.prototype-comment-form p {
margin: 0;
}
.prototype-comment-login-note {
color: rgb(113 113 122);
font-size: 0.78rem;
}
.prototype-comment-login-note a {
color: #d4af37;
font-weight: 700;
}
.prototype-comment-fields {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0.75rem;
}
.comment-entry input[type='text'],
.comment-entry input[type='email'],
.comment-entry input[type='url'] {
width: 100%;
border: 1px solid rgba(255,255,255,0.08);
border-radius: 0.125rem;
background: rgba(9,9,11,0.88);
color: white;
padding: 0.8rem 0.9rem;
}
.comment-entry input:focus {
outline: none;
border-color: #d4af37;
}
.prototype-comment-list {
display: grid;
gap: 0.75rem;
margin: 0 0 1rem;
padding: 0;
list-style: none;
}
.prototype-comment-list .comment,
.prototype-comment-list .pingback,
.prototype-comment-list .trackback {
list-style: none;
}
.prototype-comment-list .comment-body {
border: 1px solid rgba(255,255,255,0.07);
border-radius: 0.125rem;
background: rgba(9,9,11,0.38);
padding: 0.9rem;
}
.prototype-comment-list .children {
display: grid;
gap: 0.75rem;
margin: 0.75rem 0 0 1.25rem;
padding: 0;
list-style: none;
}
.prototype-comment-list .comment-author {
display: flex;
align-items: center;
gap: 0.55rem;
color: #fff;
font-size: 0.88rem;
font-weight: 700;
}
.prototype-comment-list .comment-author .avatar {
width: 2rem;
height: 2rem;
border-radius: 9999px;
}
.prototype-comment-list .comment-author .says {
display: none;
}
.prototype-comment-list .comment-metadata,
.prototype-comment-list .comment-meta {
margin-top: 0.25rem;
color: rgb(113 113 122);
font-size: 0.72rem;
}
.prototype-comment-list .comment-content {
margin-top: 0.65rem;
color: rgb(212 212 216);
font-size: 0.86rem;
line-height: 1.6;
}
.prototype-comment-list .reply a {
display: inline-flex;
margin-top: 0.45rem;
color: #d4af37;
font-size: 0.74rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.04em;
}
.prototype-comment-submit {
white-space: nowrap;
}
@media (max-width: 700px) {
.prototype-comment-fields {
grid-template-columns: 1fr;
}
.prototype-comments-module .comments-heading-row,
.prototype-comments-module .comment-actions {
align-items: flex-start;
flex-direction: column;
}
} #view-vacatures {
background:
radial-gradient(circle at 14% 0%, rgba(41, 70, 91, 0.46), transparent 30rem),
radial-gradient(circle at 86% 18%, rgba(41, 70, 91, 0.28), transparent 30rem),
linear-gradient(180deg, var(--cw-dusk-bg) 0%, var(--cw-dusk-bg-2) 44%, #0d2a40 100%);
color: var(--cw-dusk-ink);
}
#view-vacatures .eyebrow {
color: var(--cw-bronze-soft);
}
#view-vacatures .page-title,
#view-vacatures .support-panel h2 {
color: var(--cw-dusk-ink);
}
#view-vacatures .page-intro,
#view-vacatures .support-panel p:last-child {
color: var(--cw-dusk-muted);
}
#view-vacatures .support-panel {
border-color: rgba(212, 175, 55, 0.32);
background:
radial-gradient(circle at right top, rgba(212, 175, 55, 0.16), transparent 27rem),
linear-gradient(135deg, #34566d, #123456 62%, #123456);
color: var(--cw-dusk-ink);
box-shadow: var(--cw-dusk-shadow);
} #view-home .hero-content-layer {
transform: translateY(6cm);
}
#view-home .home-content-sections {
padding-top: calc(3rem + 6cm);
}
@media (min-width: 640px) {
#view-home .home-content-sections {
padding-top: calc(4rem + 6cm);
}
}
@media (max-width: 639px) {
#view-home .hero-content-layer {
transform: translateY(1.1cm);
}
#view-home .home-content-sections {
padding-top: calc(3rem + 1.1cm);
}
} .single-video-content,
.single-video-intro {
white-space: pre-line;
}
.single-video-content > *,
.single-video-intro > * {
white-space: normal;
} #view-video .comments-section {
margin-top: 2.5rem;
border-top: 1px solid rgba(255,255,255,0.10);
padding-top: 2rem;
}
#view-video .prototype-comments-module {
display: block;
}
#view-video .prototype-comments-module .comments-heading-row {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 1rem;
margin-bottom: 1.25rem;
}
#view-video .prototype-comments-module .comments-heading-row .eyebrow {
margin: 0 0 0.35rem;
color: #f0c85a;
font-size: 0.72rem;
font-weight: 800;
letter-spacing: 0.18em;
text-transform: uppercase;
}
#view-video .prototype-comments-module .comments-heading-row h2 {
margin: 0;
color: #fff;
font-family: 'Playfair Display', serif;
font-size: 1.55rem;
font-weight: 700;
line-height: 1.15;
}
#view-video .prototype-comments-module .comments-heading-row > span {
color: rgb(113 113 122);
font-size: 0.875rem;
white-space: nowrap;
}
#view-video .prototype-comments-module .comment-panel {
overflow: hidden;
border: 1px solid rgba(255,255,255,0.08) !important;
border-radius: 0.125rem;
background:
linear-gradient(135deg, rgba(212,175,55,0.08), transparent 34%),
rgba(24,24,27,0.92) !important;
padding: 1.1rem !important;
box-shadow: none !important;
}
#view-video .prototype-comments-module .comment-lead {
display: flex;
align-items: flex-start;
gap: 0.9rem;
margin-bottom: 1rem;
}
#view-video .prototype-comments-module .comment-avatar {
display: inline-flex;
align-items: center;
justify-content: center;
width: 2.5rem;
height: 2.5rem;
flex: 0 0 2.5rem;
border-radius: 9999px;
background: rgba(212,175,55,0.14);
color: #d4af37;
font-size: 0.72rem;
font-weight: 800;
letter-spacing: 0.08em;
}
#view-video .prototype-comments-module .comment-lead h3 {
margin: 0;
color: #fff;
font-size: 0.98rem;
font-weight: 650;
line-height: 1.3;
}
#view-video .prototype-comments-module .comment-lead p {
max-width: 38rem;
margin: 0.22rem 0 0;
color: rgb(113 113 122);
font-size: 0.84rem;
line-height: 1.55;
}
#view-video .prototype-comments-module .comment-entry,
#view-video .prototype-comments-module .prototype-comment-form {
display: grid;
gap: 0.75rem;
}
#view-video .prototype-comments-module .prototype-comment-form,
#view-video .prototype-comments-module .prototype-comment-form p,
#view-video .prototype-comments-module .comment-form-comment,
#view-video .prototype-comments-module .comment-form-author,
#view-video .prototype-comments-module .comment-form-email,
#view-video .prototype-comments-module .comment-form-url,
#view-video .prototype-comments-module .form-submit {
margin: 0 !important;
}
#view-video .prototype-comments-module textarea,
#view-video .prototype-comments-module input[type='text'],
#view-video .prototype-comments-module input[type='email'],
#view-video .prototype-comments-module input[type='url'] {
width: 100% !important;
border: 1px solid rgba(255,255,255,0.08) !important;
border-radius: 0.125rem !important;
background: rgba(9,9,11,0.88) !important;
color: #fff !important;
box-shadow: none !important;
outline: 0 !important;
}
#view-video .prototype-comments-module textarea {
min-height: 5.25rem;
resize: vertical;
padding: 0.9rem !important;
}
#view-video .prototype-comments-module input[type='text'],
#view-video .prototype-comments-module input[type='email'],
#view-video .prototype-comments-module input[type='url'] {
min-height: 2.9rem;
padding: 0.78rem 0.9rem !important;
}
#view-video .prototype-comments-module textarea:focus,
#view-video .prototype-comments-module input:focus {
border-color: #d4af37 !important;
}
#view-video .prototype-comments-module ::placeholder {
color: rgb(113 113 122) !important;
opacity: 1;
}
#view-video .prototype-comment-fields {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0.75rem;
}
#view-video .prototype-comment-login-note {
color: rgb(113 113 122);
font-size: 0.78rem;
}
#view-video .prototype-comment-login-note a {
color: #d4af37;
font-weight: 700;
}
#view-video .prototype-comments-module .comment-actions {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
margin-top: 0 !important;
}
#view-video .prototype-comments-module .comment-actions span {
color: rgb(113 113 122);
font-size: 0.78rem;
}
#view-video .prototype-comments-module .prototype-comment-submit,
#view-video .prototype-comments-module .comment-actions .submit,
#view-video .prototype-comments-module .form-submit input[type='submit'] {
display: inline-flex !important;
align-items: center;
justify-content: center;
min-height: 2.75rem;
border: 1px solid rgba(212,175,55,0.38) !important;
border-radius: 0.125rem !important;
background: transparent !important;
color: #d4af37 !important;
padding: 0.72rem 1.15rem !important;
font-size: 0.875rem !important;
font-weight: 700 !important;
line-height: 1 !important;
white-space: nowrap;
box-shadow: none !important;
}
#view-video .prototype-comments-module .prototype-comment-submit:hover,
#view-video .prototype-comments-module .prototype-comment-submit:focus-visible,
#view-video .prototype-comments-module .comment-actions .submit:hover,
#view-video .prototype-comments-module .form-submit input[type='submit']:hover {
border-color: #d4af37 !important;
background: rgba(212,175,55,0.10) !important;
color: #f0c85a !important;
}
#view-video .prototype-comment-list {
display: grid;
gap: 0.75rem;
margin: 0 0 1rem;
padding: 0;
list-style: none;
}
#view-video .prototype-comment-list .comment,
#view-video .prototype-comment-list .pingback,
#view-video .prototype-comment-list .trackback {
list-style: none;
}
#view-video .prototype-comment-list .comment-body {
border: 1px solid rgba(255,255,255,0.07);
border-radius: 0.125rem;
background: rgba(9,9,11,0.38);
padding: 0.9rem;
} #view-video .comments-section #wpdcom {
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
color: #eef6fb !important;
}
#view-video .comments-section #wpdcom .wpd-form-wrap,
#view-video .comments-section #wpdcom .wpd-thread-wrapper,
#view-video .comments-section #wpdcom .wpd-comment-wrap,
#view-video .comments-section #wpdcom .wpd-comment {
border-color: rgba(255,255,255,0.08) !important;
border-radius: 0.125rem !important;
background: rgba(9,9,11,0.38) !important;
box-shadow: none !important;
}
#view-video .comments-section #wpdcom .wpd-form-wrap {
padding: 0 !important;
background: transparent !important;
}
#view-video .comments-section #wpdcom .wpd-form-head,
#view-video .comments-section #wpdcom .wpd-auth,
#view-video .comments-section #wpdcom .wpd_label,
#view-video .comments-section #wpdcom label {
color: rgb(113 113 122) !important;
}
#view-video .comments-section #wpdcom textarea,
#view-video .comments-section #wpdcom input[type='text'],
#view-video .comments-section #wpdcom input[type='email'],
#view-video .comments-section #wpdcom input[type='url'] {
border: 1px solid rgba(255,255,255,0.08) !important;
border-radius: 0.125rem !important;
background: rgba(9,9,11,0.88) !important;
color: #fff !important;
box-shadow: none !important;
}
#view-video .comments-section #wpdcom .wpd_button,
#view-video .comments-section #wpdcom input[type='submit'],
#view-video .comments-section #wpdcom button[type='submit'] {
border: 1px solid rgba(212,175,55,0.38) !important;
border-radius: 0.125rem !important;
background: transparent !important;
color: #d4af37 !important;
box-shadow: none !important;
}
@media (max-width: 700px) {
#view-video .prototype-comment-fields {
grid-template-columns: 1fr;
}
#view-video .prototype-comments-module .comments-heading-row,
#view-video .prototype-comments-module .comment-actions {
align-items: flex-start;
flex-direction: column;
}
} #view-home .program-topline {
display: flex;
align-items: flex-start;
justify-content: flex-end;
gap: 1rem;
width: 100%;
}
#view-home .program-link {
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
align-self: flex-end;
min-height: 1.95rem;
border: 0;
border-radius: 9999px;
background: rgba(212, 175, 55, 0.96);
color: #123456;
padding: 0.42rem 0.68rem;
font-size: 0.78rem;
font-weight: 700;
line-height: 1;
box-shadow: 0 0.35rem 1rem rgba(0, 0, 0, 0.28);
text-shadow: none;
backdrop-filter: blur(8px);
}
#view-home .program-card:hover .program-link,
#view-home .program-card:focus-visible .program-link {
background: #f0c85a;
color: #123456;
} #view-faq .faq-panel {
display: grid !important;
grid-template-rows: 0fr;
overflow: hidden;
transition: grid-template-rows 0.32s ease;
}
#view-faq .faq-panel[hidden] {
display: grid !important;
}
#view-faq .faq-panel > div {
min-height: 0;
overflow: hidden;
}
#view-faq .faq-item.is-open .faq-panel {
grid-template-rows: 1fr;
}
#view-faq .faq-trigger svg {
transition: transform 0.28s ease;
}
#view-faq .faq-item.is-open .faq-trigger svg {
transform: rotate(180deg);
} #view-video .video-comments-prototype {
display: block;
}
#view-video .video-comments-prototype .comments-heading-row {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 1rem;
margin-bottom: 1.25rem;
}
#view-video .video-comments-prototype .comments-heading-row .eyebrow {
margin: 0 0 0.35rem;
color: #f0c85a;
font-size: 0.72rem;
font-weight: 800;
letter-spacing: 0.18em;
text-transform: uppercase;
}
#view-video .video-comments-prototype .comments-heading-row h2 {
margin: 0;
color: #fff;
font-family: 'Playfair Display', serif;
font-size: 1.55rem;
font-weight: 700;
line-height: 1.15;
}
#view-video .video-comments-prototype .comments-heading-row > span {
color: rgb(113 113 122);
font-size: 0.875rem;
white-space: nowrap;
}
#view-video .video-comments-prototype .comment-panel {
overflow: hidden;
border: 1px solid rgba(255,255,255,0.08) !important;
border-radius: 0.125rem;
background:
linear-gradient(135deg, rgba(212,175,55,0.08), transparent 34%),
rgba(24,24,27,0.92) !important;
padding: 1.1rem !important;
box-shadow: none !important;
}
#view-video .video-comments-prototype .comment-lead {
display: flex;
align-items: flex-start;
gap: 0.9rem;
margin-bottom: 1rem;
}
#view-video .video-comments-prototype .comment-avatar {
display: inline-flex;
align-items: center;
justify-content: center;
width: 2.5rem;
height: 2.5rem;
flex: 0 0 2.5rem;
border-radius: 9999px;
background: rgba(212,175,55,0.14);
color: #d4af37;
font-size: 0.72rem;
font-weight: 800;
letter-spacing: 0.08em;
}
#view-video .video-comments-prototype .comment-lead h3 {
margin: 0;
color: #fff;
font-size: 0.98rem;
font-weight: 650;
line-height: 1.3;
}
#view-video .video-comments-prototype .comment-lead p {
max-width: 38rem;
margin: 0.22rem 0 0;
color: rgb(113 113 122);
font-size: 0.84rem;
line-height: 1.55;
}
#view-video .video-comments-prototype .comment-entry,
#view-video .video-comments-prototype .prototype-comment-form {
display: grid;
gap: 0.75rem;
margin: 0;
}
#view-video .video-comments-prototype .prototype-comment-form p,
#view-video .video-comments-prototype .comment-form-author,
#view-video .video-comments-prototype .comment-form-email,
#view-video .video-comments-prototype .comment-form-url {
margin: 0 !important;
}
#view-video .video-comments-prototype textarea,
#view-video .video-comments-prototype input[type='text'],
#view-video .video-comments-prototype input[type='email'],
#view-video .video-comments-prototype input[type='url'] {
width: 100% !important;
border: 1px solid rgba(255,255,255,0.08) !important;
border-radius: 0.125rem !important;
background: rgba(9,9,11,0.88) !important;
color: #fff !important;
box-shadow: none !important;
outline: 0 !important;
}
#view-video .video-comments-prototype textarea {
min-height: 5.25rem;
resize: vertical;
padding: 0.9rem !important;
}
#view-video .video-comments-prototype input[type='text'],
#view-video .video-comments-prototype input[type='email'],
#view-video .video-comments-prototype input[type='url'] {
min-height: 2.9rem;
padding: 0.78rem 0.9rem !important;
}
#view-video .video-comments-prototype textarea:focus,
#view-video .video-comments-prototype input:focus {
border-color: #d4af37 !important;
}
#view-video .video-comments-prototype ::placeholder {
color: rgb(113 113 122) !important;
opacity: 1;
}
#view-video .video-comments-prototype .prototype-comment-fields {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0.75rem;
}
#view-video .video-comments-prototype .prototype-comment-login-note {
color: rgb(113 113 122);
font-size: 0.78rem;
}
#view-video .video-comments-prototype .prototype-comment-login-note a {
color: #d4af37;
font-weight: 700;
}
#view-video .video-comments-prototype .comment-actions {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
margin-top: 0 !important;
}
#view-video .video-comments-prototype .comment-actions span {
color: rgb(113 113 122);
font-size: 0.78rem;
}
#view-video .video-comments-prototype .prototype-comment-submit {
display: inline-flex !important;
align-items: center;
justify-content: center;
min-height: 2.75rem;
border: 1px solid rgba(212,175,55,0.38) !important;
border-radius: 0.125rem !important;
background: transparent !important;
color: #d4af37 !important;
padding: 0.72rem 1.15rem !important;
font-size: 0.875rem !important;
font-weight: 700 !important;
line-height: 1 !important;
white-space: nowrap;
box-shadow: none !important;
}
#view-video .video-comments-prototype .prototype-comment-submit:hover,
#view-video .video-comments-prototype .prototype-comment-submit:focus-visible {
border-color: #d4af37 !important;
background: rgba(212,175,55,0.10) !important;
color: #f0c85a !important;
}
#view-video .video-comments-prototype .prototype-comment-list {
display: grid;
gap: 0.75rem;
margin: 0 0 1rem;
padding: 0;
list-style: none;
}
#view-video .video-comments-prototype .prototype-comment-list .comment,
#view-video .video-comments-prototype .prototype-comment-list .pingback,
#view-video .video-comments-prototype .prototype-comment-list .trackback {
list-style: none;
}
#view-video .video-comments-prototype .prototype-comment-list .comment-body {
border: 1px solid rgba(255,255,255,0.07);
border-radius: 0.125rem;
background: rgba(9,9,11,0.38);
padding: 0.9rem;
}
@media (max-width: 700px) {
#view-video .video-comments-prototype .prototype-comment-fields {
grid-template-columns: 1fr;
}
#view-video .video-comments-prototype .comments-heading-row,
#view-video .video-comments-prototype .comment-actions {
align-items: flex-start;
flex-direction: column;
}
} .header-login-button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.45rem;
min-height: 2.25rem;
border: 1px solid rgba(238, 246, 251, 0.14);
border-radius: 0.125rem;
background: rgba(41, 70, 91, 0.42);
color: #dbe9f1;
padding: 0.5rem 0.72rem;
font-size: 0.78rem;
font-weight: 700;
line-height: 1;
white-space: nowrap;
transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}
.header-login-button:hover,
.header-login-button:focus-visible {
border-color: rgba(212, 175, 55, 0.48);
background: rgba(212, 175, 55, 0.12);
color: #f0c85a;
transform: translateY(-1px);
}
@media (max-width: 520px) {
.header-login-button {
width: 2.25rem;
padding-inline: 0;
}
.header-login-label {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
} #view-registreren {
position: relative;
overflow: hidden;
background:
radial-gradient(circle at 18% 6%, rgba(41, 70, 91, 0.44), transparent 30rem),
radial-gradient(circle at 86% 18%, rgba(212, 175, 55, 0.11), transparent 26rem),
linear-gradient(180deg, #09090b 0%, #0a1119 18%, #123456 58%, #081b2b 100%);
color: #eef6fb;
}
#view-registreren::before {
content: '';
position: absolute;
inset: 0;
pointer-events: none;
opacity: 0.18;
background-image: radial-gradient(rgba(238,246,251,0.58) 1px, transparent 1.2px);
background-size: 13px 13px;
mask-image: linear-gradient(180deg, rgba(0,0,0,0.9), rgba(0,0,0,0.45));
}
#view-registreren .registration-shell {
position: relative;
z-index: 1;
}
.registration-hero {
max-width: 56rem;
margin: 0 auto 4rem;
text-align: center;
}
.registration-logo-wrap {
display: inline-flex;
align-items: center;
justify-content: center;
width: clamp(6rem, 13vw, 11rem);
height: clamp(6rem, 13vw, 11rem);
margin-bottom: 1.5rem;
border-radius: 9999px;
background: radial-gradient(circle at 32% 22%, #fff1a2, #d4af37 42%, #8f6716 100%);
box-shadow: 0 18px 46px rgba(0,0,0,0.38), 0 0 0 1px rgba(212,175,55,0.28);
overflow: hidden;
}
.registration-logo-wrap .custom-logo-link,
.registration-logo-wrap .custom-logo {
display: block;
width: 100%;
height: 100%;
}
.registration-logo-wrap .custom-logo {
object-fit: contain;
padding: 0.6rem;
}
.registration-logo-wrap span {
color: #09090b;
font-family: 'Playfair Display', serif;
font-size: 2.4rem;
font-weight: 800;
}
.registration-hero h1 {
color: #fff;
font-family: 'Playfair Display', serif;
font-size: clamp(2.25rem, 4.7vw, 4rem);
font-weight: 800;
line-height: 1.05;
text-shadow: 0 10px 30px rgba(0,0,0,0.42);
}
.registration-intro {
display: grid;
gap: 1rem;
max-width: 56rem;
margin: 1.7rem auto 0;
color: #dbe9f1;
font-family: 'Playfair Display', serif;
font-size: clamp(1.05rem, 1.6vw, 1.35rem);
font-weight: 600;
line-height: 1.45;
}
.registration-quote {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
align-items: center;
gap: clamp(1.4rem, 4vw, 3rem);
max-width: 72rem;
margin: 0 auto 4rem;
}
.registration-quote-avatar {
display: inline-flex;
align-items: center;
justify-content: center;
width: clamp(7rem, 16vw, 13.75rem);
height: clamp(7rem, 16vw, 13.75rem);
border-radius: 9999px;
border: 1px solid rgba(212,175,55,0.30);
background:
radial-gradient(circle at 42% 20%, rgba(255,255,255,0.20), transparent 22%),
linear-gradient(145deg, #29465B, #123456 54%, #09090b);
color: #f0c85a;
font-family: 'Playfair Display', serif;
font-size: clamp(2rem, 5vw, 4.2rem);
font-weight: 800;
box-shadow: 0 18px 44px rgba(0,0,0,0.34);
}
.registration-quote blockquote {
margin: 0;
}
.registration-quote blockquote p {
color: #fff;
font-family: 'Playfair Display', serif;
font-size: clamp(1.35rem, 2.3vw, 2.05rem);
font-style: italic;
font-weight: 800;
line-height: 1.38;
text-shadow: 0 10px 28px rgba(0,0,0,0.4);
}
.registration-quote cite {
display: block;
margin-top: 1.2rem;
color: #fff;
font-size: 1.05rem;
font-style: normal;
font-weight: 800;
}
.registration-content-grid {
display: grid;
grid-template-columns: minmax(0, 1.15fr) minmax(18rem, 0.85fr);
gap: clamp(1.5rem, 4vw, 3rem);
align-items: start;
max-width: 72rem;
margin: 0 auto;
}
.registration-form-card,
.registration-benefits {
border: 1px solid rgba(238,246,251,0.12);
border-radius: 0.125rem;
background:
linear-gradient(135deg, rgba(212,175,55,0.09), transparent 34%),
linear-gradient(180deg, rgba(41,70,91,0.90), rgba(18,52,86,0.96));
padding: clamp(1.35rem, 3vw, 2rem);
box-shadow: 0 22px 58px rgba(0,0,0,0.28);
}
.registration-form-heading .eyebrow,
.registration-benefits .eyebrow {
color: #f0c85a;
}
.registration-form-heading h2,
.registration-benefits h2 {
color: #fff;
font-family: 'Playfair Display', serif;
font-size: clamp(1.45rem, 2.5vw, 2.15rem);
font-weight: 800;
line-height: 1.15;
}
.registration-form-heading p {
margin-top: 0.65rem;
color: #dbe9f1;
font-size: 1rem;
line-height: 1.6;
}
.registration-gravity-form {
margin-top: 1.6rem;
}
.gravity-form-missing {
border: 1px dashed rgba(212,175,55,0.38);
border-radius: 0.125rem;
background: rgba(9,9,11,0.38);
padding: 1rem;
color: #dbe9f1;
}
.gravity-form-missing strong {
color: #fff;
}
.gravity-form-missing code {
display: inline-flex;
margin-top: 0.75rem;
color: #f0c85a;
}
#view-registreren .gform_wrapper,
#view-registreren .gform_wrapper.gravity-theme {
color: #eef6fb;
}
#view-registreren .gform_wrapper.gravity-theme .gform_title,
#view-registreren .gform_heading .gform_title {
color: #fff;
font-family: 'Playfair Display', serif;
font-size: 1.45rem;
font-weight: 800;
}
#view-registreren .gform_wrapper.gravity-theme .gfield_label,
#view-registreren .gform_wrapper .gfield_label {
color: #eef6fb;
font-weight: 800;
}
#view-registreren .gform_wrapper.gravity-theme .gfield_required,
#view-registreren .gform_wrapper .gfield_required {
color: #f0c85a;
}
#view-registreren .gform_wrapper.gravity-theme input[type='text'],
#view-registreren .gform_wrapper.gravity-theme input[type='email'],
#view-registreren .gform_wrapper.gravity-theme input[type='tel'],
#view-registreren .gform_wrapper.gravity-theme input[type='number'],
#view-registreren .gform_wrapper.gravity-theme input[type='password'],
#view-registreren .gform_wrapper.gravity-theme textarea,
#view-registreren .gform_wrapper.gravity-theme select,
#view-registreren .gform_wrapper input[type='text'],
#view-registreren .gform_wrapper input[type='email'],
#view-registreren .gform_wrapper input[type='tel'],
#view-registreren .gform_wrapper input[type='number'],
#view-registreren .gform_wrapper input[type='password'],
#view-registreren .gform_wrapper textarea,
#view-registreren .gform_wrapper select {
border: 1px solid rgba(238,246,251,0.14) !important;
border-radius: 0.125rem !important;
background: rgba(9,9,11,0.70) !important;
color: #fff !important;
box-shadow: none !important;
}
#view-registreren .gform_wrapper.gravity-theme input:focus,
#view-registreren .gform_wrapper.gravity-theme textarea:focus,
#view-registreren .gform_wrapper.gravity-theme select:focus,
#view-registreren .gform_wrapper input:focus,
#view-registreren .gform_wrapper textarea:focus,
#view-registreren .gform_wrapper select:focus {
border-color: rgba(212,175,55,0.72) !important;
box-shadow: 0 0 0 3px rgba(212,175,55,0.14) !important;
outline: 0 !important;
}
#view-registreren .gform_wrapper.gravity-theme .gchoice,
#view-registreren .gform_wrapper .gchoice {
color: #dbe9f1;
}
#view-registreren .gform_wrapper.gravity-theme .gfield_radio .gchoice,
#view-registreren .gform_wrapper.gravity-theme .gfield_checkbox .gchoice,
#view-registreren .gform_wrapper .gfield_radio .gchoice,
#view-registreren .gform_wrapper .gfield_checkbox .gchoice {
display: inline-flex;
align-items: center;
gap: 0.45rem;
margin-right: 0.65rem;
margin-bottom: 0.65rem;
border-radius: 9999px;
background: rgba(255,255,255,0.10);
padding: 0.55rem 0.78rem;
font-weight: 700;
}
#view-registreren .gform_wrapper.gravity-theme .gform_button,
#view-registreren .gform_wrapper .gform_button,
#view-registreren .gform_wrapper input[type='submit'] {
border: 0 !important;
border-radius: 9999px !important;
background: #5bb6bd !important;
color: #fff !important;
padding: 0.82rem 1.45rem !important;
font-weight: 900 !important;
letter-spacing: 0.03em;
text-transform: uppercase;
box-shadow: 0 14px 34px rgba(0,0,0,0.28) !important;
}
#view-registreren .gform_wrapper.gravity-theme .gform_button:hover,
#view-registreren .gform_wrapper .gform_button:hover,
#view-registreren .gform_wrapper input[type='submit']:hover {
background: #71cad1 !important;
}
.registration-benefits ul {
display: grid;
gap: 0.9rem;
margin-top: 1.4rem;
}
.registration-benefits li {
position: relative;
padding-left: 1.8rem;
color: #fff;
font-family: 'Playfair Display', serif;
font-size: 1.08rem;
font-weight: 700;
}
.registration-benefits li::before {
content: '✓';
position: absolute;
left: 0;
top: 0;
color: #5bb6bd;
font-family: Inter, sans-serif;
font-weight: 900;
}
.registration-login-link {
display: inline-flex;
margin-top: 1.8rem;
color: #f0c85a;
font-weight: 800;
}
.registration-login-link:hover {
color: #fff;
}
@media (max-width: 860px) {
.registration-quote,
.registration-content-grid {
grid-template-columns: 1fr;
}
.registration-quote {
text-align: center;
}
.registration-quote-avatar {
margin: 0 auto;
}
} #view-account-aanmaken {
position: relative;
overflow: hidden;
background:
radial-gradient(circle at 18% 6%, rgba(41, 70, 91, 0.28), transparent 30rem),
linear-gradient(180deg, #09090b 0%, #0a1119 42%, #081b2b 100%);
color: #eef6fb;
}
#view-account-aanmaken::before {
content: '';
position: absolute;
inset: 0;
pointer-events: none;
opacity: 0.20;
background-image: radial-gradient(rgba(238,246,251,0.64) 1px, transparent 1.2px);
background-size: 13px 13px;
mask-image: linear-gradient(180deg, rgba(0,0,0,0.95), rgba(0,0,0,0.55));
}
#view-account-aanmaken .registration-shell {
position: relative;
z-index: 1;
}
.registration-account-hero {
max-width: 48rem;
margin-bottom: 2.4rem;
}
.registration-account-hero h1 {
max-width: 45rem;
margin-inline: auto;
font-size: clamp(2.35rem, 5vw, 4rem);
}
.registration-account-form-card {
max-width: 45rem;
margin: 0 auto;
border-color: transparent;
background: transparent;
box-shadow: none;
padding: 0;
}
#view-account-aanmaken .registration-gravity-form {
margin-top: 0;
}
#view-account-aanmaken .gform_wrapper,
#view-account-aanmaken .gform_wrapper.gravity-theme {
color: #eef6fb;
}
#view-account-aanmaken .gform_wrapper.gravity-theme .gform_title,
#view-account-aanmaken .gform_heading .gform_title {
color: #fff;
font-family: 'Playfair Display', serif;
font-size: 1.45rem;
font-weight: 800;
text-align: center;
}
#view-account-aanmaken .gform_wrapper.gravity-theme .gfield_label,
#view-account-aanmaken .gform_wrapper .gfield_label {
color: #fff;
font-family: 'Playfair Display', serif;
font-size: 1.05rem;
font-weight: 800;
}
#view-account-aanmaken .gform_wrapper.gravity-theme .gfield_required,
#view-account-aanmaken .gform_wrapper .gfield_required,
#view-account-aanmaken .gform_wrapper .gfield_required_text {
color: #b53b25 !important;
font-family: 'Playfair Display', serif;
font-style: italic;
font-weight: 800;
}
#view-account-aanmaken .gform_wrapper.gravity-theme input[type='text'],
#view-account-aanmaken .gform_wrapper.gravity-theme input[type='email'],
#view-account-aanmaken .gform_wrapper.gravity-theme input[type='tel'],
#view-account-aanmaken .gform_wrapper.gravity-theme input[type='number'],
#view-account-aanmaken .gform_wrapper.gravity-theme input[type='password'],
#view-account-aanmaken .gform_wrapper.gravity-theme textarea,
#view-account-aanmaken .gform_wrapper.gravity-theme select,
#view-account-aanmaken .gform_wrapper input[type='text'],
#view-account-aanmaken .gform_wrapper input[type='email'],
#view-account-aanmaken .gform_wrapper input[type='tel'],
#view-account-aanmaken .gform_wrapper input[type='number'],
#view-account-aanmaken .gform_wrapper input[type='password'],
#view-account-aanmaken .gform_wrapper textarea,
#view-account-aanmaken .gform_wrapper select {
min-height: 3.25rem;
border-width: 0 0 2px !important;
border-style: solid !important;
border-color: rgba(238,246,251,0.38) !important;
border-radius: 0 !important;
background: transparent !important;
color: #fff !important;
padding: 0.55rem 0.15rem !important;
box-shadow: none !important;
}
#view-account-aanmaken .gform_wrapper.gravity-theme input:focus,
#view-account-aanmaken .gform_wrapper.gravity-theme textarea:focus,
#view-account-aanmaken .gform_wrapper.gravity-theme select:focus,
#view-account-aanmaken .gform_wrapper input:focus,
#view-account-aanmaken .gform_wrapper textarea:focus,
#view-account-aanmaken .gform_wrapper select:focus {
border-color: #5bb6bd !important;
box-shadow: none !important;
outline: 0 !important;
}
#view-account-aanmaken .gform_wrapper.gravity-theme ::placeholder,
#view-account-aanmaken .gform_wrapper ::placeholder {
color: rgba(255,255,255,0.82) !important;
opacity: 1;
}
#view-account-aanmaken .ginput_container_password,
#view-account-aanmaken .ginput_container_name,
#view-account-aanmaken .ginput_complex {
gap: clamp(1.25rem, 4vw, 3rem) !important;
}
#view-account-aanmaken .ginput_container_password > span,
#view-account-aanmaken .ginput_container_name > span,
#view-account-aanmaken .ginput_complex > span {
margin-bottom: 0 !important;
}
#view-account-aanmaken .ginput_complex label,
#view-account-aanmaken .ginput_container_password label {
color: rgba(255,255,255,0.82) !important;
font-size: 0.95rem !important;
font-weight: 700 !important;
}
#view-account-aanmaken .gform_wrapper.gravity-theme .gform_footer,
#view-account-aanmaken .gform_wrapper .gform_footer {
margin-top: 1.8rem !important;
padding-top: 0 !important;
}
#view-account-aanmaken .gform_wrapper.gravity-theme .gform_button,
#view-account-aanmaken .gform_wrapper .gform_button,
#view-account-aanmaken .gform_wrapper input[type='submit'] {
border: 0 !important;
border-radius: 9999px !important;
background: #5bb6bd !important;
color: #fff !important;
padding: 0.82rem 1.45rem !important;
font-weight: 900 !important;
letter-spacing: 0.03em;
text-transform: uppercase;
box-shadow: 0 14px 34px rgba(0,0,0,0.28) !important;
}
#view-account-aanmaken .gform_wrapper.gravity-theme .gform_button:hover,
#view-account-aanmaken .gform_wrapper .gform_button:hover,
#view-account-aanmaken .gform_wrapper input[type='submit']:hover {
background: #71cad1 !important;
}
#view-account-aanmaken .gravity-form-missing {
border: 1px dashed rgba(212,175,55,0.38);
border-radius: 0.125rem;
background: rgba(9,9,11,0.38);
padding: 1rem;
color: #dbe9f1;
}
@media (max-width: 640px) {
.registration-account-hero h1 {
font-size: 2.4rem;
}
} .vacancies-hero {
max-width: 48rem;
margin-inline: auto;
}
.vacancy-cards {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: clamp(1rem, 2.4vw, 1.8rem);
align-items: start;
margin-top: clamp(2rem, 4vw, 3.25rem);
}
.vacancy-card {
position: relative;
overflow: hidden;
border: 1px solid rgba(255,255,255,0.10);
border-radius: 0.18rem;
background:
linear-gradient(180deg, rgba(255,255,255,0.045), transparent 18rem),
radial-gradient(circle at 100% 0%, rgba(240,200,90,0.12), transparent 18rem),
rgba(18,52,86,0.88);
color: var(--cw-dusk-ink);
box-shadow: var(--cw-dusk-shadow);
}
.vacancy-card::before {
content: '';
position: absolute;
inset: 0 0 auto 0;
height: 3px;
background: linear-gradient(90deg, var(--cw-bronze), var(--cw-gold), transparent);
pointer-events: none;
}
.vacancy-card-header {
padding: clamp(1.15rem, 2.3vw, 1.75rem) clamp(1.15rem, 2.6vw, 2rem) 0.75rem;
}
.vacancy-label {
display: inline-flex;
margin-bottom: 0.55rem;
color: var(--cw-bronze-soft);
font-size: 0.72rem;
font-weight: 900;
letter-spacing: 0.15em;
text-transform: uppercase;
}
.vacancy-card h2 {
color: #fff;
font-family: 'Playfair Display', serif;
font-size: clamp(1.45rem, 2vw, 2rem);
font-weight: 800;
line-height: 1.12;
}
.vacancy-body {
padding: 0 clamp(1.15rem, 2.6vw, 2rem) clamp(1.35rem, 2.8vw, 2.1rem);
}
.vacancy-body p,
.vacancy-body li {
color: rgba(238,246,251,0.78);
font-size: 0.98rem;
line-height: 1.72;
}
.vacancy-body p + p {
margin-top: 0.8rem;
}
.vacancy-detail-block,
.vacancy-cta-block {
margin-top: 1.25rem;
}
.vacancy-detail-block h3,
.vacancy-cta-block h3 {
color: #fff;
font-family: 'Playfair Display', serif;
font-size: 1.05rem;
font-weight: 800;
margin-bottom: 0.55rem;
}
.vacancy-detail-block ul {
display: grid;
gap: 0.3rem;
margin: 0;
padding: 0;
list-style: none;
}
.vacancy-detail-block li {
position: relative;
padding-left: 1.15rem;
}
.vacancy-detail-block li::before {
content: '';
position: absolute;
left: 0;
top: 0.72em;
width: 0.36rem;
height: 0.36rem;
border-radius: 9999px;
background: var(--cw-gold);
box-shadow: 0 0 0 3px rgba(240,200,90,0.10);
}
.vacancy-cta-block {
border-top: 1px solid rgba(255,255,255,0.10);
padding-top: 1.15rem;
}
.vacancy-cta-block a {
color: var(--cw-gold);
font-weight: 800;
text-decoration: underline;
text-underline-offset: 0.16em;
}
.vacancy-cta-block a:hover {
color: #fff;
}
@media (max-width: 920px) {
.vacancy-cards {
grid-template-columns: 1fr;
}
} @media (min-width: 921px) {
.vacancy-cards {
align-items: stretch;
}
.vacancy-card {
display: flex;
flex-direction: column;
height: 100%;
}
.vacancy-body {
display: flex;
flex: 1;
flex-direction: column;
}
.vacancy-cta-block {
margin-top: auto;
}
} .newsletter-modal-card {
background:
radial-gradient(circle at 100% 0%, rgba(240,200,90,0.14), transparent 18rem),
linear-gradient(180deg, #18181b, #111827 72%, #0b1722);
}
.newsletter-modal-body .eyebrow,
.video-newsletter-cta .eyebrow {
color: var(--cw-gold);
}
.newsletter-brevo-form form,
.newsletter-brevo-form .sib_signup_form,
.newsletter-brevo-form .sib_signup_box_inside {
display: grid;
gap: 1rem;
}
.newsletter-brevo-form label {
color: rgba(244,244,245,0.78) !important;
font-size: 0.88rem;
font-weight: 700;
}
.newsletter-brevo-form input[type='text'],
.newsletter-brevo-form input[type='email'],
.newsletter-brevo-form input[type='tel'],
.newsletter-brevo-form input[type='number'],
.newsletter-brevo-form select,
.newsletter-brevo-form textarea {
width: 100% !important;
min-height: 3.25rem;
border: 1px solid rgba(255,255,255,0.16) !important;
border-radius: 0.125rem !important;
background: rgba(9,9,11,0.82) !important;
color: #fff !important;
padding: 0.9rem 1rem !important;
box-shadow: none !important;
}
.newsletter-brevo-form input:focus,
.newsletter-brevo-form select:focus,
.newsletter-brevo-form textarea:focus {
border-color: var(--cw-gold) !important;
box-shadow: 0 0 0 3px rgba(240,200,90,0.13) !important;
outline: 0 !important;
}
.newsletter-brevo-form input[type='submit'],
.newsletter-brevo-form button[type='submit'],
.newsletter-brevo-form .sib-default-btn {
display: inline-flex !important;
align-items: center;
justify-content: center;
min-height: 3rem;
border: 0 !important;
border-radius: 0.125rem !important;
background: var(--cw-gold) !important;
color: #092132 !important;
padding: 0.85rem 1.25rem !important;
font-weight: 900 !important;
letter-spacing: 0.01em;
box-shadow: 0 14px 32px rgba(240,200,90,0.18) !important;
cursor: pointer;
}
.newsletter-brevo-form input[type='submit']:hover,
.newsletter-brevo-form button[type='submit']:hover,
.newsletter-brevo-form .sib-default-btn:hover {
background: var(--cw-gold-bright, #f0c85a) !important;
}
.newsletter-form-missing {
border: 1px dashed rgba(240,200,90,0.38);
border-radius: 0.125rem;
background: rgba(9,9,11,0.42);
color: #dbe9f1;
padding: 1rem;
}
.video-newsletter-cta {
border: 1px solid rgba(255,255,255,0.10);
border-radius: 0.125rem;
background:
radial-gradient(circle at right top, rgba(240,200,90,0.10), transparent 13rem),
rgba(18,52,86,0.72);
padding: 1.35rem;
box-shadow: 0 16px 38px rgba(0,0,0,0.20);
}
.video-newsletter-cta h2 {
margin-top: 0.35rem;
color: #fff;
font-family: 'Playfair Display', serif;
font-size: 1.35rem;
font-weight: 800;
}
.video-newsletter-cta p:not(.eyebrow) {
margin-top: 0.55rem;
color: rgba(244,244,245,0.68);
font-size: 0.92rem;
line-height: 1.6;
}
.newsletter-outline-button {
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
margin-top: 1rem;
border: 1px solid rgba(240,200,90,0.72);
border-radius: 0.125rem;
background: rgba(240,200,90,0.08);
color: var(--cw-gold);
padding: 0.85rem 1rem;
font-weight: 900;
text-align: center;
transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.newsletter-outline-button:hover,
.newsletter-outline-button:focus-visible {
border-color: var(--cw-gold-bright, #f0c85a);
background: var(--cw-gold);
color: #092132;
} .related-thumb-media {
width: 7.5rem;
aspect-ratio: 16 / 9;
background: #09090b;
}
.related-thumb-media .related-thumb-img,
.related-item img.related-thumb-img {
display: block;
width: 100% !important;
height: 100% !important;
max-width: none;
object-fit: cover;
object-position: center center;
}
@media (max-width: 420px) {
.related-thumb-media {
width: 6.75rem;
}
} .related-thumb-media {
width: 8.25rem;
aspect-ratio: 16 / 9;
border: 1px solid rgba(255,255,255,0.08);
}
.related-thumb-media .related-thumb-img,
.related-item img.related-thumb-img {
object-fit: contain !important;
object-position: center center !important;
background: #000;
transform: none !important;
}
.related-item:hover .related-thumb-img,
.related-item:focus-within .related-thumb-img {
opacity: 1;
transform: none !important;
}
@media (max-width: 420px) {
.related-thumb-media {
width: 7.35rem;
}
} .related-thumb-media {
width: 8.25rem !important;
aspect-ratio: 16 / 9 !important;
height: auto !important;
}
.related-thumb-media .related-thumb-img,
.related-item img.related-thumb-img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center center !important;
background: #000;
} #view-home .newsletter-section > .grid,
.front-page .newsletter-section > .grid {
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
}
#view-home .newsletter-widget,
.front-page .newsletter-widget {
display: flex;
justify-content: flex-end;
align-items: center;
min-width: 0;
}
#view-home .newsletter-widget .btn-newsletter,
.front-page .newsletter-widget .btn-newsletter {
white-space: nowrap;
}
@media (max-width: 760px) {
#view-home .newsletter-section > .grid,
.front-page .newsletter-section > .grid {
grid-template-columns: 1fr;
}
#view-home .newsletter-widget,
.front-page .newsletter-widget {
justify-content: flex-start;
}
#view-home .newsletter-widget .btn-newsletter,
.front-page .newsletter-widget .btn-newsletter {
width: 100%;
white-space: normal;
}
} #view-home .primary-gold-button,
.front-page .primary-gold-button,
#view-home .newsletter-widget .btn-newsletter,
.front-page .newsletter-widget .btn-newsletter {
border: 1px solid var(--cw-gold) !important;
background: var(--cw-gold) !important;
color: #092132 !important;
box-shadow: 0 12px 28px rgba(240,200,90,0.18) !important;
transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease !important;
}
#view-home .primary-gold-button:hover,
#view-home .primary-gold-button:focus-visible,
.front-page .primary-gold-button:hover,
.front-page .primary-gold-button:focus-visible,
#view-home .newsletter-widget .btn-newsletter:hover,
#view-home .newsletter-widget .btn-newsletter:focus-visible,
.front-page .newsletter-widget .btn-newsletter:hover,
.front-page .newsletter-widget .btn-newsletter:focus-visible {
border-color: var(--cw-gold-bright, #f0c85a) !important;
background: var(--cw-gold-bright, #f0c85a) !important;
color: #092132 !important;
box-shadow: 0 16px 34px rgba(240,200,90,0.26) !important;
transform: translateY(-1px);
}
.newsletter-brevo-form p,
.newsletter-brevo-form .sib-email-area,
.newsletter-brevo-form .sib-NAME-area,
.newsletter-brevo-form .sib-FIRSTNAME-area,
.newsletter-brevo-form .sib-LNAME-area,
.newsletter-brevo-form .sib-form-block,
.newsletter-brevo-form .sib_signup_box_inside > div {
margin-bottom: 0.75rem !important;
}
.newsletter-brevo-form input[type='text'] {
margin-bottom: 0.75rem !important;
}
.newsletter-brevo-form input[type='submit'],
.newsletter-brevo-form button[type='submit'],
.newsletter-brevo-form .sib-default-btn {
min-height: 3.1rem !important;
border: 1px solid var(--cw-gold) !important;
border-radius: 0.125rem !important;
background: var(--cw-gold) !important;
color: #092132 !important;
padding: 0.85rem 1.35rem !important;
font-weight: 900 !important;
box-shadow: 0 12px 28px rgba(240,200,90,0.18) !important;
transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease !important;
}
.newsletter-brevo-form input[type='submit']:hover,
.newsletter-brevo-form input[type='submit']:focus-visible,
.newsletter-brevo-form button[type='submit']:hover,
.newsletter-brevo-form button[type='submit']:focus-visible,
.newsletter-brevo-form .sib-default-btn:hover,
.newsletter-brevo-form .sib-default-btn:focus-visible {
border-color: var(--cw-gold-bright, #f0c85a) !important;
background: var(--cw-gold-bright, #f0c85a) !important;
color: #092132 !important;
box-shadow: 0 16px 34px rgba(240,200,90,0.26) !important;
transform: translateY(-1px);
} .donation-module .donation-amount-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.donation-module .donation-custom-amount {
display: none;
margin-top: 0.75rem;
}
.donation-module.is-custom-amount .donation-custom-amount {
display: block;
}
.donation-module .amount-button[data-custom-amount-trigger] {
letter-spacing: 0.12em;
} #view-event-single {
background:
radial-gradient(circle at 14% 0%, rgba(41, 70, 91, 0.46), transparent 30rem),
radial-gradient(circle at 86% 18%, rgba(41, 70, 91, 0.28), transparent 30rem),
linear-gradient(180deg, var(--cw-dusk-bg) 0%, var(--cw-dusk-bg-2) 44%, #0d2a40 100%);
color: var(--cw-dusk-ink);
}
.events-card-grid {
display: grid;
gap: 1.1rem;
}
#view-events .event-card-link {
display: grid;
grid-template-columns: auto minmax(11rem, 18rem) minmax(0, 1fr);
align-items: stretch;
gap: clamp(1rem, 2.4vw, 1.75rem);
color: inherit;
text-decoration: none;
transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease, background 0.2s ease;
}
#view-events .event-card-link:hover,
#view-events .event-card-link:focus-visible {
border-color: var(--cw-dusk-border-strong);
background:
linear-gradient(180deg, rgba(50, 85, 109, 0.96), rgba(24, 60, 88, 0.98));
box-shadow: var(--cw-dusk-shadow);
transform: translateY(-2px);
outline: none;
}
.event-card-media {
position: relative;
overflow: hidden;
align-self: stretch;
min-height: 9rem;
border: 1px solid rgba(255,255,255,0.08);
border-radius: 0.125rem;
background: #09090b;
}
.event-card-media img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.45s ease, opacity 0.2s ease;
opacity: 0.86;
}
.event-card-link:hover .event-card-media img,
.event-card-link:focus-visible .event-card-media img {
transform: scale(1.035);
opacity: 1;
}
.event-card-copy {
display: flex;
flex-direction: column;
justify-content: center;
min-width: 0;
}
.event-card-kicker {
margin-bottom: 0.45rem;
color: var(--cw-bronze-soft);
font-size: 0.72rem;
font-weight: 900;
letter-spacing: 0.13em;
text-transform: uppercase;
}
#view-events .event-card-copy h2 {
color: var(--cw-dusk-ink);
font-size: clamp(1.35rem, 2.2vw, 2rem);
line-height: 1.12;
}
.event-card-copy p {
margin-top: 0.75rem;
max-width: 48rem;
}
#view-events .event-meta,
.single-event-meta {
display: flex;
flex-wrap: wrap;
gap: 0.75rem 1rem;
margin-top: 1rem;
color: var(--cw-dusk-muted);
font-size: 0.9rem;
}
#view-events .event-meta span,
.single-event-meta span {
display: inline-flex;
align-items: center;
gap: 0.35rem;
}
.event-card-cta {
display: inline-flex;
align-items: center;
gap: 0.25rem;
margin-top: 1rem;
color: var(--cw-gold);
font-weight: 900;
font-size: 0.9rem;
}
.events-empty-state {
border: 1px solid var(--cw-dusk-border);
border-radius: 0.125rem;
background: linear-gradient(180deg, rgba(41, 70, 91, 0.94), rgba(18, 52, 86, 0.97));
padding: clamp(1.4rem, 3vw, 2rem);
box-shadow: 0 12px 34px rgba(0,0,0,0.20);
}
.events-empty-state h2 {
color: #fff;
font-family: 'Playfair Display', serif;
font-size: 1.6rem;
font-weight: 800;
}
.events-empty-state p {
margin-top: 0.65rem;
color: var(--cw-dusk-muted);
}
.event-back-link {
display: inline-flex;
align-items: center;
gap: 0.25rem;
margin-bottom: 1.5rem;
color: var(--cw-gold);
font-weight: 800;
}
.event-back-link:hover,
.event-back-link:focus-visible {
color: #fff;
}
.single-event-layout {
border: 1px solid var(--cw-dusk-border);
border-radius: 0.125rem;
background:
radial-gradient(circle at right top, rgba(240,200,90,0.10), transparent 26rem),
linear-gradient(180deg, rgba(41, 70, 91, 0.94), rgba(18, 52, 86, 0.97));
box-shadow: var(--cw-dusk-shadow);
overflow: hidden;
}
.single-event-hero {
display: grid;
grid-template-columns: minmax(0, 1.05fr) minmax(18rem, 0.95fr);
gap: clamp(1.5rem, 4vw, 3rem);
align-items: stretch;
padding: clamp(1.4rem, 4vw, 3rem);
}
.single-event-copy {
display: flex;
flex-direction: column;
justify-content: center;
}
.single-event-copy h1 {
color: #fff;
font-family: 'Playfair Display', serif;
font-size: clamp(2.25rem, 5vw, 4.5rem);
font-weight: 800;
line-height: 1.05;
}
.single-event-intro {
margin-top: 1.25rem;
color: var(--cw-dusk-muted);
font-size: 1.08rem;
line-height: 1.7;
}
.single-event-ticket {
margin-top: 1.5rem;
width: fit-content;
}
.single-event-media {
overflow: hidden;
min-height: 22rem;
border: 1px solid rgba(255,255,255,0.10);
border-radius: 0.125rem;
background: #09090b;
}
.single-event-media img {
width: 100%;
height: 100%;
object-fit: cover;
}
.single-event-content {
border-top: 1px solid rgba(255,255,255,0.10);
padding: clamp(1.4rem, 4vw, 3rem);
color: rgba(238,246,251,0.82);
}
.single-event-content a {
color: var(--cw-gold);
font-weight: 800;
}
@media (max-width: 980px) {
#view-events .event-card-link {
grid-template-columns: auto minmax(0, 1fr);
}
.event-card-media {
grid-column: 1 / -1;
aspect-ratio: 16 / 9;
min-height: 0;
}
.single-event-hero {
grid-template-columns: 1fr;
}
.single-event-media {
min-height: 0;
aspect-ratio: 16 / 9;
}
}
@media (max-width: 640px) {
#view-events .event-card-link {
grid-template-columns: 1fr;
}
#view-events .event-date {
display: grid;
grid-template-columns: auto auto 1fr;
align-items: baseline;
gap: 0.5rem;
text-align: left;
}
#view-events .event-date strong {
font-size: 2.2rem;
}
} .single-event-actions {
display: flex;
flex-wrap: wrap;
gap: 0.75rem;
margin-top: 1.5rem;
}
.single-event-actions .single-event-ticket {
margin-top: 0;
} .single-event-meta a.single-event-meta-link {
display: inline-flex;
align-items: center;
gap: 0.35rem;
color: var(--cw-gold);
font-weight: 800;
text-decoration: none;
}
.single-event-meta a.single-event-meta-link:hover,
.single-event-meta a.single-event-meta-link:focus-visible {
color: #fff;
} #search-overlay .search-overlay-input {
padding-right: 5.75rem !important;
}
#search-overlay .search-overlay-submit {
right: 4.15rem;
}
#search-overlay #btn-close-search {
z-index: 2;
}
@media (max-width: 640px) {
#search-overlay .search-overlay-input {
padding-right: 4.75rem !important;
}
#search-overlay .search-overlay-submit {
right: 3.45rem;
}
} .articles-overview-hero {
max-width: 54rem;
}
.article-category-strip {
display: flex;
gap: 0.65rem;
overflow-x: auto;
margin-bottom: 2rem;
padding-bottom: 0.25rem;
scrollbar-width: none;
}
.article-category-strip::-webkit-scrollbar {
display: none;
}
.article-category-strip a {
display: inline-flex;
flex-shrink: 0;
align-items: center;
justify-content: center;
border: 1px solid var(--cw-dusk-border);
border-radius: 9999px;
background: rgba(41, 70, 91, 0.72);
color: var(--cw-dusk-ink-soft);
padding: 0.55rem 0.9rem;
font-size: 0.85rem;
font-weight: 800;
text-decoration: none;
transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.article-category-strip a:hover,
.article-category-strip a:focus-visible,
.article-category-strip a.is-active {
border-color: rgba(240,200,90,0.54);
background: rgba(240,200,90,0.12);
color: var(--cw-gold);
}
.articles-overview-grid .article-card {
height: 100%;
}
.articles-empty-state {
border: 1px solid var(--cw-dusk-border);
border-radius: 0.125rem;
background: linear-gradient(180deg, rgba(41, 70, 91, 0.94), rgba(18, 52, 86, 0.97));
padding: clamp(1.4rem, 3vw, 2rem);
box-shadow: 0 12px 34px rgba(0,0,0,0.20);
}
.articles-empty-state h2 {
color: #fff;
font-family: 'Playfair Display', serif;
font-size: 1.6rem;
font-weight: 800;
}
.articles-empty-state p {
margin-top: 0.65rem;
color: var(--cw-dusk-muted);
} .footer-white-logo {
display: inline-flex;
width: 2.1rem;
height: 2.1rem;
align-items: center;
justify-content: center;
opacity: 0.92;
transition: opacity 0.2s ease, transform 0.2s ease;
}
.footer-white-logo:hover,
.footer-white-logo:focus-visible {
opacity: 1;
transform: translateY(-1px);
}
.footer-white-logo img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
} #view-home .donation-banner .primary-gold-button,
#view-home .newsletter-widget .btn-newsletter,
.front-page .donation-banner .primary-gold-button,
.front-page .newsletter-widget .btn-newsletter {
border: 1px solid rgba(212, 175, 55, 0.9) !important;
border-radius: 0.125rem !important;
background: rgba(212, 175, 55, 0.9) !important;
color: #09090b !important;
opacity: 1 !important;
padding: 0.875rem 1.5rem !important;
font-weight: 800 !important;
box-shadow: 0 10px 15px -3px rgba(212, 175, 55, 0.20), 0 4px 6px -4px rgba(212, 175, 55, 0.20) !important;
transform: translateY(0);
transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease !important;
}
#view-home .donation-banner .primary-gold-button:hover,
#view-home .donation-banner .primary-gold-button:focus-visible,
#view-home .newsletter-widget .btn-newsletter:hover,
#view-home .newsletter-widget .btn-newsletter:focus-visible,
.front-page .donation-banner .primary-gold-button:hover,
.front-page .donation-banner .primary-gold-button:focus-visible,
.front-page .newsletter-widget .btn-newsletter:hover,
.front-page .newsletter-widget .btn-newsletter:focus-visible {
border-color: #d4af37 !important;
background: #d4af37 !important;
color: #09090b !important;
box-shadow: 0 14px 28px rgba(212, 175, 55, 0.26) !important;
transform: translateY(-1px);
} .header-login-button {
min-height: 2.25rem !important;
padding: 0.5rem 0.75rem !important;
font-size: 0.75rem !important;
}
@media (min-width: 640px) {
.header-login-button {
min-height: 2.5rem !important;
padding: 0.625rem 1.25rem !important;
gap: 0.5rem !important;
font-size: 0.875rem !important;
}
}
@media (max-width: 520px) {
.header-login-button {
width: 2.25rem !important;
min-width: 2.25rem !important;
height: 2.25rem !important;
min-height: 2.25rem !important;
padding: 0 !important;
}
} .newsletter-brevo-form input[type='submit'],
.newsletter-brevo-form button[type='submit'],
.newsletter-brevo-form .sib-default-btn,
.newsletter-brevo-form .sib-form-block__button,
.newsletter-brevo-form .sib-form-block__button-with-loader,
.newsletter-brevo-form .sib-form button[type='submit'] {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
min-width: 0 !important;
min-height: 3rem !important;
border: 1px solid rgba(212, 175, 55, 0.9) !important;
border-radius: 0.125rem !important;
background-color: rgba(212, 175, 55, 0.9) !important;
background-image: none !important;
color: #09090b !important;
opacity: 1 !important;
padding: 0.875rem 1.5rem !important;
font-family: Inter, sans-serif !important;
font-size: 0.95rem !important;
font-weight: 800 !important;
line-height: 1.25 !important;
text-align: center !important;
text-decoration: none !important;
text-shadow: none !important;
box-shadow: 0 10px 15px -3px rgba(212, 175, 55, 0.20), 0 4px 6px -4px rgba(212, 175, 55, 0.20) !important;
cursor: pointer !important;
transform: translateY(0);
transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease !important;
}
.newsletter-brevo-form input[type='submit']:hover,
.newsletter-brevo-form input[type='submit']:focus-visible,
.newsletter-brevo-form button[type='submit']:hover,
.newsletter-brevo-form button[type='submit']:focus-visible,
.newsletter-brevo-form .sib-default-btn:hover,
.newsletter-brevo-form .sib-default-btn:focus-visible,
.newsletter-brevo-form .sib-form-block__button:hover,
.newsletter-brevo-form .sib-form-block__button:focus-visible,
.newsletter-brevo-form .sib-form-block__button-with-loader:hover,
.newsletter-brevo-form .sib-form-block__button-with-loader:focus-visible,
.newsletter-brevo-form .sib-form button[type='submit']:hover,
.newsletter-brevo-form .sib-form button[type='submit']:focus-visible {
border-color: #d4af37 !important;
background-color: #d4af37 !important;
background-image: none !important;
color: #09090b !important;
box-shadow: 0 14px 28px rgba(212, 175, 55, 0.26) !important;
transform: translateY(-1px);
}
.newsletter-brevo-form input[type='submit']:disabled,
.newsletter-brevo-form button[type='submit']:disabled,
.newsletter-brevo-form .sib-form-block__button:disabled,
.newsletter-brevo-form .sib-form-block__button-with-loader:disabled {
opacity: 1 !important;
cursor: not-allowed !important;
transform: none !important;
} .overlay-shell.modal-animated {
opacity: 0;
pointer-events: none;
transition: opacity 0.24s ease, backdrop-filter 0.24s ease;
}
.overlay-shell.modal-animated.is-visible {
opacity: 1;
pointer-events: auto;
}
.overlay-shell.modal-animated.is-closing {
opacity: 0;
pointer-events: none;
}
.overlay-shell.modal-animated > .donation-module-modal,
.overlay-shell.modal-animated > .newsletter-modal-card {
animation: none !important;
opacity: 0;
transform: translateY(18px) scale(0.985);
transition: opacity 0.28s cubic-bezier(0.22, 1, 0.36, 1), transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
will-change: opacity, transform;
}
.overlay-shell.modal-animated.is-visible > .donation-module-modal,
.overlay-shell.modal-animated.is-visible > .newsletter-modal-card {
opacity: 1;
transform: translateY(0) scale(1);
}
.overlay-shell.modal-animated.is-closing > .donation-module-modal,
.overlay-shell.modal-animated.is-closing > .newsletter-modal-card {
opacity: 0;
transform: translateY(10px) scale(0.99);
}
@media (prefers-reduced-motion: reduce) {
.overlay-shell.modal-animated,
.overlay-shell.modal-animated > .donation-module-modal,
.overlay-shell.modal-animated > .newsletter-modal-card {
transition: none !important;
animation: none !important;
}
} #view-privacy {
background:
radial-gradient(circle at 14% 0%, rgba(41, 70, 91, 0.46), transparent 30rem),
radial-gradient(circle at 86% 18%, rgba(41, 70, 91, 0.28), transparent 30rem),
linear-gradient(180deg, var(--cw-dusk-bg) 0%, var(--cw-dusk-bg-2) 44%, #0d2a40 100%);
color: var(--cw-dusk-ink);
}
#view-privacy > .max-w-screen-lg {
position: relative;
isolation: isolate;
}
#view-privacy .eyebrow,
#view-privacy .terms-number {
color: var(--cw-bronze-soft);
}
#view-privacy .page-title,
#view-privacy .terms-grid h2 {
color: var(--cw-dusk-ink);
}
#view-privacy .page-intro,
#view-privacy .terms-grid p {
color: var(--cw-dusk-muted);
}
#view-privacy .terms-grid article {
border-color: var(--cw-dusk-border);
background:
linear-gradient(180deg, rgba(41, 70, 91, 0.94), rgba(18, 52, 86, 0.97));
color: var(--cw-dusk-ink);
box-shadow: 0 12px 34px rgba(0, 0, 0, 0.20);
} #view-article {
background:
linear-gradient(180deg, #123456 0%, #29465B 26rem, #f7f9fb 26rem, #f7f9fb 100%);
color: #0d2237;
}
.article-single-hero {
padding: clamp(2.25rem, 5vw, 4.5rem) 0 clamp(4.5rem, 7vw, 7rem);
background:
radial-gradient(circle at 88% 12%, rgba(240, 200, 90, 0.10), transparent 24rem),
linear-gradient(135deg, #123456 0%, #29465B 100%);
}
.article-single-hero-grid {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.82fr);
align-items: center;
gap: clamp(2rem, 5vw, 4.5rem);
}
.article-single-heading .eyebrow {
margin-bottom: 0.75rem;
color: rgba(240, 200, 90, 0.82);
}
.article-single-heading h1 {
max-width: 46rem;
color: #fff;
font-family: Inter, sans-serif;
font-size: clamp(2.5rem, 5.2vw, 4.85rem);
font-weight: 900;
letter-spacing: -0.055em;
line-height: 0.98;
}
.article-single-meta {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
margin-top: 1.4rem;
color: rgba(219, 233, 241, 0.66);
font-size: 0.95rem;
font-weight: 650;
}
.article-single-media {
margin: 0;
}
.article-single-image {
display: block;
width: 100%;
aspect-ratio: 16 / 10;
border-radius: 0.75rem;
object-fit: cover;
object-position: center center;
box-shadow: 0 24px 60px rgba(0, 0, 0, 0.24);
}
.article-single-main {
margin-top: clamp(-3.2rem, -4vw, -2.25rem);
padding-bottom: clamp(4rem, 7vw, 7rem);
}
.article-body-card {
overflow: hidden;
border: 1px solid rgba(18, 52, 86, 0.12);
border-radius: 0.75rem;
background: rgba(255, 255, 255, 0.96);
box-shadow: 0 24px 70px rgba(18, 52, 86, 0.13);
}
.article-body-content {
max-width: 48rem;
margin: 0 auto;
padding: clamp(2rem, 5vw, 4rem) clamp(1.35rem, 5vw, 4rem);
color: #29465B;
font-size: clamp(1rem, 1.05vw, 1.08rem);
font-weight: 500;
line-height: 1.82;
white-space: pre-line;
}
.article-body-content > * {
white-space: normal;
}
.article-body-content p,
.article-body-content ul,
.article-body-content ol,
.article-body-content blockquote,
.article-body-content figure {
margin-top: 1.15rem;
}
.article-body-content > :first-child {
margin-top: 0;
}
.article-body-content h2,
.article-body-content h3,
.article-body-content h4 {
margin-top: 2.2rem;
color: #0d2237;
font-family: Inter, sans-serif;
font-weight: 900;
letter-spacing: -0.035em;
line-height: 1.12;
}
.article-body-content h2 {
font-size: clamp(1.8rem, 3vw, 2.65rem);
}
.article-body-content h3 {
font-size: clamp(1.35rem, 2vw, 1.8rem);
}
.article-body-content a {
color: #123456;
font-weight: 800;
text-decoration: underline;
text-decoration-color: rgba(186, 150, 56, 0.45);
text-underline-offset: 0.18em;
}
.article-body-content img {
border-radius: 0.55rem;
}
.article-comments-section {
margin-top: 2.5rem;
}
#view-article .video-comments-prototype {
display: block;
color: #f4f4f5;
}
#view-article .video-comments-prototype .comments-heading-row {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 1rem;
margin-bottom: 1.25rem;
}
#view-article .video-comments-prototype .comments-heading-row .eyebrow {
margin: 0 0 0.35rem;
color: #ba9638;
font-size: 0.72rem;
font-weight: 800;
letter-spacing: 0.18em;
text-transform: uppercase;
}
#view-article .video-comments-prototype .comments-heading-row h2 {
margin: 0;
color: #0d2237;
font-family: 'Playfair Display', serif;
font-size: 1.55rem;
font-weight: 700;
line-height: 1.15;
}
#view-article .video-comments-prototype .comments-heading-row > span {
color: rgba(41,70,91,0.72);
font-size: 0.875rem;
white-space: nowrap;
}
#view-article .video-comments-prototype .comment-panel {
overflow: hidden;
border: 1px solid rgba(18,52,86,0.12) !important;
border-radius: 0.75rem;
background:
linear-gradient(135deg, rgba(212,175,55,0.09), transparent 34%),
#123456 !important;
padding: 1.1rem !important;
box-shadow: 0 18px 48px rgba(18,52,86,0.16) !important;
}
#view-article .video-comments-prototype .comment-lead {
display: flex;
align-items: flex-start;
gap: 0.9rem;
margin-bottom: 1rem;
}
#view-article .video-comments-prototype .comment-avatar {
display: inline-flex;
align-items: center;
justify-content: center;
width: 2.5rem;
height: 2.5rem;
flex: 0 0 2.5rem;
border-radius: 9999px;
background: rgba(212,175,55,0.14);
color: #d4af37;
font-size: 0.72rem;
font-weight: 800;
letter-spacing: 0.08em;
}
#view-article .video-comments-prototype .comment-lead h3 {
margin: 0;
color: #fff;
font-size: 0.98rem;
font-weight: 650;
line-height: 1.3;
}
#view-article .video-comments-prototype .comment-lead p {
max-width: 38rem;
margin: 0.22rem 0 0;
color: rgba(219,233,241,0.66);
font-size: 0.84rem;
line-height: 1.55;
}
#view-article .video-comments-prototype .comment-entry,
#view-article .video-comments-prototype .prototype-comment-form {
display: grid;
gap: 0.75rem;
margin: 0;
}
#view-article .video-comments-prototype .prototype-comment-form p,
#view-article .video-comments-prototype .comment-form-author,
#view-article .video-comments-prototype .comment-form-email,
#view-article .video-comments-prototype .comment-form-url {
margin: 0 !important;
}
#view-article .video-comments-prototype textarea,
#view-article .video-comments-prototype input[type='text'],
#view-article .video-comments-prototype input[type='email'],
#view-article .video-comments-prototype input[type='url'] {
width: 100% !important;
border: 1px solid rgba(255,255,255,0.10) !important;
border-radius: 0.125rem !important;
background: rgba(9,9,11,0.62) !important;
color: #fff !important;
box-shadow: none !important;
outline: 0 !important;
}
#view-article .video-comments-prototype textarea {
min-height: 5.25rem;
resize: vertical;
padding: 0.9rem !important;
}
#view-article .video-comments-prototype input[type='text'],
#view-article .video-comments-prototype input[type='email'],
#view-article .video-comments-prototype input[type='url'] {
min-height: 2.9rem;
padding: 0.78rem 0.9rem !important;
}
#view-article .video-comments-prototype textarea:focus,
#view-article .video-comments-prototype input:focus {
border-color: #d4af37 !important;
}
#view-article .video-comments-prototype ::placeholder {
color: rgba(219,233,241,0.56) !important;
opacity: 1;
}
#view-article .video-comments-prototype .prototype-comment-fields {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0.75rem;
}
#view-article .video-comments-prototype .prototype-comment-login-note {
color: rgba(219,233,241,0.66);
font-size: 0.78rem;
}
#view-article .video-comments-prototype .prototype-comment-login-note a {
color: #d4af37;
font-weight: 700;
}
#view-article .video-comments-prototype .comment-actions {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
margin-top: 0 !important;
}
#view-article .video-comments-prototype .comment-actions span {
color: rgba(219,233,241,0.66);
font-size: 0.78rem;
}
#view-article .video-comments-prototype .prototype-comment-submit {
display: inline-flex !important;
align-items: center;
justify-content: center;
min-height: 2.75rem;
border: 1px solid rgba(212,175,55,0.38) !important;
border-radius: 0.125rem !important;
background: transparent !important;
color: #d4af37 !important;
padding: 0.72rem 1.15rem !important;
font-size: 0.875rem !important;
font-weight: 700 !important;
line-height: 1 !important;
white-space: nowrap;
box-shadow: none !important;
}
#view-article .video-comments-prototype .prototype-comment-submit:hover,
#view-article .video-comments-prototype .prototype-comment-submit:focus-visible {
border-color: #d4af37 !important;
background: rgba(212,175,55,0.10) !important;
color: #f0c85a !important;
}
#view-article .video-comments-prototype .prototype-comment-list {
display: grid;
gap: 0.75rem;
margin: 0 0 1rem;
padding: 0;
list-style: none;
}
#view-article .video-comments-prototype .prototype-comment-list .comment,
#view-article .video-comments-prototype .prototype-comment-list .pingback,
#view-article .video-comments-prototype .prototype-comment-list .trackback {
list-style: none;
}
#view-article .video-comments-prototype .prototype-comment-list .comment-body {
border: 1px solid rgba(255,255,255,0.08);
border-radius: 0.125rem;
background: rgba(9,9,11,0.24);
padding: 0.9rem;
}
@media (max-width: 860px) {
.article-single-hero-grid {
grid-template-columns: 1fr;
}
.article-single-heading h1 {
max-width: 100%;
}
.article-single-media {
max-width: 42rem;
}
}
@media (max-width: 700px) {
#view-article .video-comments-prototype .prototype-comment-fields {
grid-template-columns: 1fr;
}
#view-article .video-comments-prototype .comments-heading-row,
#view-article .video-comments-prototype .comment-actions {
align-items: flex-start;
flex-direction: column;
}
} #newsletter-modal .newsletter-brevo-form input[type='submit'],
#newsletter-modal .newsletter-brevo-form input[type='button'],
#newsletter-modal .newsletter-brevo-form button,
#newsletter-modal .newsletter-brevo-form .sib-default-btn,
#newsletter-modal .newsletter-brevo-form .sib-form-block__button,
#newsletter-modal .newsletter-brevo-form .sib-form-block__button-with-loader,
#newsletter-modal .newsletter-brevo-form [class*='button'],
#newsletter-modal .newsletter-brevo-form [class*='submit'] {
-webkit-appearance: none !important;
appearance: none !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
max-width: 100% !important;
min-width: 0 !important;
min-height: 3.25rem !important;
border: 1px solid rgba(212, 175, 55, 0.9) !important;
border-radius: 0.125rem !important;
background: rgba(212, 175, 55, 0.9) !important;
background-color: rgba(212, 175, 55, 0.9) !important;
background-image: none !important;
color: #09090b !important;
opacity: 1 !important;
padding: 0.875rem 1.5rem !important;
font-family: Inter, sans-serif !important;
font-size: 1rem !important;
font-weight: 800 !important;
line-height: 1.25 !important;
letter-spacing: 0 !important;
text-align: center !important;
text-decoration: none !important;
text-shadow: none !important;
box-shadow: 0 10px 15px -3px rgba(212, 175, 55, 0.20), 0 4px 6px -4px rgba(212, 175, 55, 0.20) !important;
filter: none !important;
cursor: pointer !important;
transform: translateY(0) !important;
transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease !important;
}
#newsletter-modal .newsletter-brevo-form input[type='submit']:hover,
#newsletter-modal .newsletter-brevo-form input[type='submit']:focus-visible,
#newsletter-modal .newsletter-brevo-form input[type='button']:hover,
#newsletter-modal .newsletter-brevo-form input[type='button']:focus-visible,
#newsletter-modal .newsletter-brevo-form button:hover,
#newsletter-modal .newsletter-brevo-form button:focus-visible,
#newsletter-modal .newsletter-brevo-form .sib-default-btn:hover,
#newsletter-modal .newsletter-brevo-form .sib-default-btn:focus-visible,
#newsletter-modal .newsletter-brevo-form .sib-form-block__button:hover,
#newsletter-modal .newsletter-brevo-form .sib-form-block__button:focus-visible,
#newsletter-modal .newsletter-brevo-form .sib-form-block__button-with-loader:hover,
#newsletter-modal .newsletter-brevo-form .sib-form-block__button-with-loader:focus-visible,
#newsletter-modal .newsletter-brevo-form [class*='button']:hover,
#newsletter-modal .newsletter-brevo-form [class*='button']:focus-visible,
#newsletter-modal .newsletter-brevo-form [class*='submit']:hover,
#newsletter-modal .newsletter-brevo-form [class*='submit']:focus-visible {
border-color: #d4af37 !important;
background: #d4af37 !important;
background-color: #d4af37 !important;
background-image: none !important;
color: #09090b !important;
box-shadow: 0 14px 28px rgba(212, 175, 55, 0.26) !important;
transform: translateY(-1px) !important;
}
#newsletter-modal .newsletter-brevo-form input[type='submit']:disabled,
#newsletter-modal .newsletter-brevo-form input[type='button']:disabled,
#newsletter-modal .newsletter-brevo-form button:disabled,
#newsletter-modal .newsletter-brevo-form .sib-default-btn:disabled,
#newsletter-modal .newsletter-brevo-form .sib-form-block__button:disabled,
#newsletter-modal .newsletter-brevo-form .sib-form-block__button-with-loader:disabled {
border-color: rgba(212, 175, 55, 0.9) !important;
background: rgba(212, 175, 55, 0.9) !important;
color: #09090b !important;
opacity: 1 !important;
filter: none !important;
transform: none !important;
} #search-overlay .search-overlay-input {
-webkit-appearance: none !important;
appearance: none !important;
padding-right: 4.25rem !important;
}
#search-overlay .search-overlay-input::-webkit-search-cancel-button,
#search-overlay .search-overlay-input::-webkit-search-decoration,
#search-overlay .search-overlay-input::-webkit-search-results-button,
#search-overlay .search-overlay-input::-webkit-search-results-decoration {
-webkit-appearance: none !important;
appearance: none !important;
display: none !important;
}
#search-overlay .search-overlay-submit {
right: 0.25rem !important;
width: 3.25rem;
height: 3.25rem;
display: inline-flex;
align-items: center;
justify-content: center;
}
@media (max-width: 640px) {
#search-overlay .search-overlay-input {
padding-right: 3.75rem !important;
}
#search-overlay .search-overlay-submit {
right: 0 !important;
width: 3rem;
height: 3rem;
}
} #view-article {
background:
radial-gradient(circle at 14% 0%, rgba(41, 70, 91, 0.46), transparent 30rem),
radial-gradient(circle at 86% 18%, rgba(41, 70, 91, 0.28), transparent 30rem),
linear-gradient(180deg, #123456 0%, #29465B 46%, #0d2a40 100%) !important;
color: var(--cw-dusk-ink) !important;
}
#view-article .article-single-hero {
background:
radial-gradient(circle at 88% 12%, rgba(240, 200, 90, 0.10), transparent 24rem),
linear-gradient(135deg, rgba(18, 52, 86, 0.98) 0%, rgba(41, 70, 91, 0.96) 100%) !important;
}
#view-article .article-single-media {
overflow: hidden;
border: 1px solid rgba(238, 246, 251, 0.16);
border-radius: 0.9rem;
background:
linear-gradient(135deg, rgba(255,255,255,0.08), rgba(255,255,255,0.025)),
rgba(9, 9, 11, 0.22);
padding: 0.45rem;
box-shadow: 0 24px 60px rgba(0, 0, 0, 0.24);
}
#view-article .article-single-image {
width: 100%;
height: auto !important;
max-height: min(34rem, 58vh);
aspect-ratio: auto !important;
border-radius: 0.55rem;
object-fit: contain !important;
object-position: center center;
background: rgba(9, 9, 11, 0.20);
box-shadow: none !important;
}
#view-article .article-single-main {
margin-top: clamp(-2rem, -2.7vw, -1.25rem);
}
#view-article .article-body-card {
border: 1px solid rgba(238, 246, 251, 0.13) !important;
border-radius: 0.9rem !important;
background:
linear-gradient(180deg, rgba(41, 70, 91, 0.94), rgba(18, 52, 86, 0.97)) !important;
box-shadow: 0 24px 70px rgba(0, 0, 0, 0.22) !important;
}
#view-article .article-body-content {
color: var(--cw-dusk-muted) !important;
}
#view-article .article-body-content h2,
#view-article .article-body-content h3,
#view-article .article-body-content h4 {
color: var(--cw-dusk-ink) !important;
}
#view-article .article-body-content strong,
#view-article .article-body-content b {
color: var(--cw-dusk-ink);
}
#view-article .article-body-content a {
color: var(--cw-bronze-soft) !important;
text-decoration-color: rgba(240, 200, 90, 0.42) !important;
}
#view-article .article-body-content blockquote {
border-left: 3px solid rgba(212, 175, 55, 0.55);
color: var(--cw-dusk-ink-soft);
padding-left: 1rem;
}
@media (max-width: 860px) {
#view-article .article-single-media {
width: min(100%, 42rem);
}
} .single-event-content {
white-space: pre-line;
}
.single-event-content > * {
white-space: normal;
}
.single-event-content p,
.single-event-content ul,
.single-event-content ol,
.single-event-content blockquote,
.single-event-content figure,
.single-event-content .wp-block-spacer {
margin-top: 1.1rem;
}
.single-event-content > :first-child {
margin-top: 0;
}
.single-event-content h2,
.single-event-content h3,
.single-event-content h4 {
margin-top: 2rem;
margin-bottom: 0.7rem;
}
.single-event-content br {
display: block;
content: '';
margin-top: 0.55rem;
} #view-doneren {
background:
radial-gradient(circle at 18% 0%, rgba(41, 70, 91, 0.48), transparent 30rem),
radial-gradient(circle at 86% 20%, rgba(240, 200, 90, 0.10), transparent 28rem),
linear-gradient(180deg, #123456 0%, #29465B 48%, #0d2a40 100%);
color: var(--cw-dusk-ink);
}
.donate-page-hero {
max-width: 58rem;
margin: 0 auto clamp(2.5rem, 5vw, 4.25rem);
text-align: center;
}
.donate-page-hero .eyebrow {
color: var(--cw-dusk-ink);
font-family: 'Playfair Display', serif;
font-size: clamp(1.35rem, 2.2vw, 2rem);
font-weight: 700;
letter-spacing: 0;
text-transform: none;
}
.donate-page-hero h1 {
margin-top: 0.9rem;
color: var(--cw-bronze-soft);
font-family: 'Playfair Display', serif;
font-size: clamp(2.75rem, 6vw, 5.25rem);
font-weight: 800;
line-height: 0.98;
letter-spacing: -0.035em;
}
.donate-page-intro {
display: grid;
gap: 1.1rem;
max-width: 42rem;
margin: clamp(1.6rem, 3vw, 2.4rem) auto 0;
color: var(--cw-dusk-ink-soft);
font-family: 'Playfair Display', serif;
font-size: clamp(1.05rem, 1.35vw, 1.25rem);
line-height: 1.55;
}
.donate-page-intro strong {
color: #fff;
font-weight: 800;
text-decoration: underline;
text-decoration-color: rgba(240, 200, 90, 0.48);
text-underline-offset: 0.18em;
}
.donate-page-grid {
display: grid;
grid-template-columns: minmax(0, 0.92fr) minmax(22rem, 0.72fr);
align-items: start;
gap: clamp(1.5rem, 4vw, 3rem);
}
.donate-page-story-card,
.donation-page-card {
border: 1px solid rgba(238, 246, 251, 0.13);
border-radius: 0.9rem;
background:
linear-gradient(180deg, rgba(41, 70, 91, 0.94), rgba(18, 52, 86, 0.97));
box-shadow: 0 24px 70px rgba(0, 0, 0, 0.22);
}
.donate-page-story-card {
padding: clamp(1.8rem, 4vw, 3rem);
}
.donate-page-story-card .eyebrow,
.donation-page-card .eyebrow {
color: var(--cw-bronze-soft);
}
.donate-page-story-card h2 {
max-width: 42rem;
margin-top: 0.8rem;
color: #fff;
font-family: 'Playfair Display', serif;
font-size: clamp(1.85rem, 3.2vw, 3.1rem);
font-weight: 800;
line-height: 1.08;
}
.donate-page-story-card p:not(.eyebrow) {
max-width: 46rem;
margin-top: 1.2rem;
color: var(--cw-dusk-muted);
font-size: clamp(1rem, 1.15vw, 1.12rem);
line-height: 1.78;
}
.donation-page-card {
padding: clamp(1.35rem, 3vw, 2rem);
}
.donation-page-card-header {
display: flex;
align-items: flex-start;
gap: 0.9rem;
margin-bottom: 1rem;
}
.donation-page-card-header svg {
color: var(--cw-bronze-soft);
flex: 0 0 auto;
margin-top: 0.15rem;
}
.donation-page-card h2 {
margin-top: 0.2rem;
color: #fff;
font-family: 'Playfair Display', serif;
font-size: clamp(1.7rem, 2.6vw, 2.4rem);
font-weight: 800;
line-height: 1.08;
}
.donation-page-card-copy {
color: var(--cw-dusk-muted);
line-height: 1.65;
}
.donation-page-card .donation-frequency-toggle,
.donation-page-fieldset {
margin-top: 1.3rem;
}
.donation-page-fieldset legend {
margin-bottom: 0.7rem;
color: rgba(219, 233, 241, 0.72);
font-size: 0.78rem;
font-weight: 800;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.donation-page-custom-input {
width: 100%;
margin-top: 0.85rem;
border: 1px solid rgba(255,255,255,0.16);
border-radius: 0.125rem;
background: rgba(9, 9, 11, 0.72);
color: #fff;
padding: 0.95rem 1rem;
}
.donation-page-custom-input:focus {
border-color: var(--cw-bronze-soft);
outline: 0;
}
.donation-page-note {
margin-top: 0.8rem;
color: rgba(219, 233, 241, 0.55);
font-size: 0.78rem;
}
@media (max-width: 920px) {
.donate-page-grid {
grid-template-columns: 1fr;
}
} #view-search {
background:
radial-gradient(circle at 14% 0%, rgba(41, 70, 91, 0.46), transparent 30rem),
radial-gradient(circle at 86% 18%, rgba(41, 70, 91, 0.28), transparent 30rem),
linear-gradient(180deg, var(--cw-dusk-bg) 0%, var(--cw-dusk-bg-2) 44%, #0d2a40 100%);
color: var(--cw-dusk-ink);
}
#view-search .eyebrow {
color: var(--cw-bronze-soft);
}
#view-search .page-title {
color: var(--cw-dusk-ink);
}
#view-search .page-intro {
color: var(--cw-dusk-muted);
}
.search-results-grid {
align-items: stretch;
}
.search-results-grid .video-card,
.search-results-grid .article-card {
height: 100%;
}
.search-results-grid .video-card > a,
.search-results-grid .article-card > a {
display: flex;
min-height: 100%;
flex-direction: column;
}
.search-results-grid .video-media,
.search-results-grid .search-article-card .article-media {
aspect-ratio: 16 / 9 !important;
flex: 0 0 auto;
}
.search-results-grid .article-card {
border-color: var(--cw-dusk-border);
background:
linear-gradient(180deg, rgba(41, 70, 91, 0.94), rgba(18, 52, 86, 0.97));
box-shadow: 0 12px 34px rgba(0, 0, 0, 0.20);
}
.search-results-grid .search-article-card .article-media {
border-bottom: 1px solid rgba(238, 246, 251, 0.10);
background: rgba(9, 9, 11, 0.24);
}
.search-results-grid .search-article-card .article-media img {
width: 100%;
height: 100%;
object-fit: cover;
}
.search-results-grid .search-article-card .article-media span {
bottom: 0.75rem;
left: 0.75rem;
}
.search-results-grid .search-article-card > a > div:last-child,
.search-results-grid .video-copy {
flex: 1 1 auto;
}
.search-results-grid .search-article-card h2,
.search-results-grid .video-card h2 {
color: var(--cw-dusk-ink);
}
.search-results-grid .search-article-card p,
.search-results-grid .video-card p {
color: var(--cw-dusk-muted);
}
.search-results-grid .search-article-card .article-date {
color: var(--cw-dusk-subtle);
}
.search-results-grid .search-article-card:hover,
.search-results-grid .search-article-card:focus-within,
.search-results-grid .video-card:hover,
.search-results-grid .video-card:focus-within {
transform: translateY(-2px);
} .pagination-wrap {
display: flex;
justify-content: center;
}
.pagination-wrap ul.page-numbers,
.pagination-wrap .nav-links {
display: flex !important;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 0.55rem;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
list-style: none !important;
}
.pagination-wrap ul.page-numbers > li {
display: inline-flex;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
.pagination-wrap a.page-numbers,
.pagination-wrap span.page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 2.65rem;
min-height: 2.65rem;
border: 1px solid rgba(238,246,251,0.16) !important;
border-radius: 0.125rem;
background: rgba(18,52,86,0.48);
color: #dbe9f1 !important;
padding: 0.65rem 0.9rem !important;
font-size: 0.9rem;
font-weight: 800;
line-height: 1;
text-decoration: none !important;
transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
}
.pagination-wrap a.page-numbers:hover,
.pagination-wrap a.page-numbers:focus-visible,
.pagination-wrap span.page-numbers.current {
border-color: rgba(212,175,55,0.72) !important;
background: #d4af37 !important;
color: #123456 !important;
transform: translateY(-1px);
}
.pagination-wrap .page-numbers.dots {
min-width: auto;
border-color: transparent !important;
background: transparent !important;
color: rgba(219,233,241,0.55) !important;
transform: none !important;
}
.pagination-wrap .page-numbers.prev,
.pagination-wrap .page-numbers.next {
min-width: 5.5rem;
} .article-card {
padding: 0.65rem;
}
.article-card .article-media {
border-radius: 0.35rem;
border-bottom: 0;
}
.article-card > a > div:last-child {
padding: 1rem 0.75rem 1.25rem !important;
}
#view-home .article-card > a > div:last-child,
.articles-overview-grid .article-card > a > div:last-child,
.search-results-grid .search-article-card > a > div:last-child {
padding: 1.05rem 0.85rem 1.35rem !important;
} #view-article .article-comments-section .video-comments-prototype .comments-heading-row h2 {
color: #fff !important;
}
#view-article .article-comments-section .video-comments-prototype .comments-heading-row > span {
color: rgba(219, 233, 241, 0.74) !important;
} .registration-logo-wrap img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
padding: 0.35rem;
}
.registration-quote-avatar {
overflow: hidden;
padding: 0;
background: rgba(9,9,11,0.44) !important;
}
.registration-quote-avatar img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
} #view-registreren .gform_wrapper.gravity-theme .gfield_radio,
#view-registreren .gform_wrapper .gfield_radio,
#view-registreren .gform_wrapper.gravity-theme .gfield_checkbox,
#view-registreren .gform_wrapper .gfield_checkbox {
display: flex;
flex-wrap: wrap;
gap: 0.75rem;
}
#view-registreren .gform_wrapper.gravity-theme .gfield_radio .gchoice,
#view-registreren .gform_wrapper.gravity-theme .gfield_checkbox .gchoice,
#view-registreren .gform_wrapper .gfield_radio .gchoice,
#view-registreren .gform_wrapper .gfield_checkbox .gchoice {
position: relative;
display: inline-flex !important;
align-items: center;
margin: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
padding: 0 !important;
}
#view-registreren .gform_wrapper .gfield-choice-input,
#view-registreren .gform_wrapper.gravity-theme .gfield-choice-input {
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
margin: 0 !important;
opacity: 0 !important;
cursor: pointer !important;
}
#view-registreren .gform_wrapper .gfield_radio .gchoice label,
#view-registreren .gform_wrapper.gravity-theme .gfield_radio .gchoice label,
#view-registreren .gform_wrapper .gfield_checkbox .gchoice label,
#view-registreren .gform_wrapper.gravity-theme .gfield_checkbox .gchoice label {
display: inline-flex !important;
align-items: center;
justify-content: center;
min-width: 4.65rem;
min-height: 3rem;
border: 1px solid rgba(255,255,255,0.20) !important;
border-radius: 0.125rem !important;
background: rgba(9,9,11,0.32) !important;
color: #fff !important;
padding: 0.75rem 1.05rem !important;
font-family: Inter, sans-serif !important;
font-size: 0.98rem !important;
font-weight: 800 !important;
line-height: 1 !important;
cursor: pointer;
transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}
#view-registreren .gform_wrapper .gfield_radio .gchoice:hover label,
#view-registreren .gform_wrapper.gravity-theme .gfield_radio .gchoice:hover label,
#view-registreren .gform_wrapper .gfield_checkbox .gchoice:hover label,
#view-registreren .gform_wrapper.gravity-theme .gfield_checkbox .gchoice:hover label {
border-color: rgba(212,175,55,0.72) !important;
background: rgba(212,175,55,0.10) !important;
}
#view-registreren .gform_wrapper .gfield-choice-input:checked + label,
#view-registreren .gform_wrapper.gravity-theme .gfield-choice-input:checked + label {
border-color: #d4af37 !important;
background: rgba(212,175,55,0.92) !important;
color: #09090b !important;
box-shadow: 0 12px 28px rgba(212,175,55,0.16) !important;
}
#view-registreren .gform_wrapper .gfield-choice-input:focus-visible + label,
#view-registreren .gform_wrapper.gravity-theme .gfield-choice-input:focus-visible + label {
outline: 2px solid #f0c85a;
outline-offset: 3px;
} #view-registreren .gform_wrapper.gravity-theme .gform_footer,
#view-registreren .gform_wrapper .gform_footer {
display: flex !important;
align-items: center;
flex-wrap: wrap;
gap: 1rem 1.35rem !important;
}
#view-registreren .gform_wrapper.gravity-theme .gform_footer a,
#view-registreren .gform_wrapper .gform_footer a {
display: inline-flex;
color: #fff !important;
font-weight: 800;
text-decoration: underline;
text-decoration-color: rgba(255,255,255,0.55);
text-underline-offset: 0.18em;
}
#view-registreren .gform_wrapper.gravity-theme .gform_footer a:hover,
#view-registreren .gform_wrapper .gform_footer a:hover {
color: #f0c85a !important;
text-decoration-color: rgba(240,200,90,0.7);
} #view-registreren .registration-shell,
#view-account-aanmaken .registration-shell {
padding-bottom: clamp(5rem, 8vw, 8rem) !important;
} .registration-logo-wrap img {
object-fit: cover !important;
object-position: left center !important;
padding: 0 !important;
} .registration-logo-wrap {
background: transparent !important;
box-shadow: none !important;
}
.registration-logo-wrap img {
filter: drop-shadow(0 18px 38px rgba(0,0,0,0.34));
} #view-registreren .cws-registration-frequency-field,
#view-registreren .cws-registration-frequency-choice {
display: none !important;
}
#view-registreren .gform_wrapper .cws-registration-amounts,
#view-registreren .gform_wrapper.gravity-theme .cws-registration-amounts {
display: flex !important;
flex-wrap: wrap !important;
gap: 0.85rem !important;
align-items: center !important;
}
#view-registreren .gform_wrapper .cws-registration-amount-choice label,
#view-registreren .gform_wrapper.gravity-theme .cws-registration-amount-choice label {
min-width: 5.25rem !important;
white-space: nowrap !important;
gap: 0.25rem !important;
line-height: 1 !important;
} #view-registreren .gform_wrapper.gravity-theme .gform_button,
#view-registreren .gform_wrapper .gform_button,
#view-registreren .gform_wrapper input[type='submit'] {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 3.25rem !important;
border: 1px solid rgba(212, 175, 55, 0.9) !important;
border-radius: 0.125rem !important;
background: rgba(212, 175, 55, 0.9) !important;
color: #09090b !important;
padding: 0.9rem 1.65rem !important;
font-family: Inter, sans-serif !important;
font-size: 0.98rem !important;
font-weight: 900 !important;
letter-spacing: 0 !important;
text-transform: none !important;
box-shadow: 0 10px 15px -3px rgba(212, 175, 55, 0.20), 0 4px 6px -4px rgba(212, 175, 55, 0.20) !important;
transform: translateY(0);
transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease !important;
}
#view-registreren .gform_wrapper.gravity-theme .gform_button:hover,
#view-registreren .gform_wrapper .gform_button:hover,
#view-registreren .gform_wrapper input[type='submit']:hover,
#view-registreren .gform_wrapper.gravity-theme .gform_button:focus-visible,
#view-registreren .gform_wrapper .gform_button:focus-visible,
#view-registreren .gform_wrapper input[type='submit']:focus-visible {
border-color: #d4af37 !important;
background: #d4af37 !important;
color: #09090b !important;
box-shadow: 0 14px 28px rgba(212, 175, 55, 0.26) !important;
transform: translateY(-1px);
}
#view-registreren .gform_wrapper.gravity-theme .gform_footer,
#view-registreren .gform_wrapper .gform_footer {
align-items: center !important;
gap: 1rem 1.75rem !important;
}
#view-registreren .gform_wrapper.gravity-theme .gform_footer a,
#view-registreren .gform_wrapper .gform_footer a {
align-self: center !important;
line-height: 1.2 !important;
} #newsletter-modal .newsletter-brevo-form {
position: relative;
}
#newsletter-modal .newsletter-brevo-form.is-loading .spinner,
#newsletter-modal .newsletter-brevo-form.is-loading .wp-spinner,
#newsletter-modal .newsletter-brevo-form.is-loading .ajax-loader,
#newsletter-modal .newsletter-brevo-form.is-loading img.ajax-loader,
#newsletter-modal .newsletter-brevo-form.is-loading .sib_loader,
#newsletter-modal .newsletter-brevo-form.is-loading .sib-loader,
#newsletter-modal .newsletter-brevo-form.is-loading .sib_spinner,
#newsletter-modal .newsletter-brevo-form.is-loading .sib-spinner,
#newsletter-modal .newsletter-brevo-form.is-loading .sib-form-block__button-with-loader svg,
#newsletter-modal .newsletter-brevo-form.is-loading .sib-form-block__button-with-loader [class*='loader'],
#newsletter-modal .newsletter-brevo-form.is-loading .sib-form-block__button-with-loader [class*='spinner'] {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
}
#newsletter-modal .cws-newsletter-loader {
display: none;
align-items: center;
gap: 0.7rem;
width: fit-content;
margin-top: 0.9rem;
border: 1px solid rgba(240, 200, 90, 0.24);
border-radius: 9999px;
background: rgba(9, 17, 27, 0.72);
color: #f4f4f5;
padding: 0.62rem 0.9rem;
font-size: 0.82rem;
font-weight: 800;
letter-spacing: 0.02em;
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.22);
}
#newsletter-modal .newsletter-brevo-form.is-loading .cws-newsletter-loader {
display: inline-flex;
animation: cwsNewsletterLoaderIn 0.18s ease-out both;
}
#newsletter-modal .cws-newsletter-loader-mark {
width: 1.12rem;
height: 1.12rem;
border-radius: 9999px;
border: 2px solid rgba(240, 200, 90, 0.22);
border-top-color: #f0c85a;
border-right-color: #d4af37;
box-shadow: 0 0 18px rgba(212, 175, 55, 0.18);
animation: cwsNewsletterSpin 0.72s linear infinite;
}
#newsletter-modal .newsletter-brevo-form.is-loading input[type='submit'],
#newsletter-modal .newsletter-brevo-form.is-loading button[type='submit'],
#newsletter-modal .newsletter-brevo-form.is-loading .sib-default-btn,
#newsletter-modal .newsletter-brevo-form.is-loading .sib-form-block__button,
#newsletter-modal .newsletter-brevo-form.is-loading .sib-form-block__button-with-loader {
cursor: wait !important;
filter: saturate(0.94);
}
@keyframes cwsNewsletterSpin {
to { transform: rotate(360deg); }
}
@keyframes cwsNewsletterLoaderIn {
from { opacity: 0; transform: translateY(-3px); }
to { opacity: 1; transform: translateY(0); }
} .single-video-content a {
color: #f0c85a;
text-decoration: underline;
text-decoration-color: rgba(240, 200, 90, 0.55);
text-underline-offset: 0.18em;
}
.single-video-content a:hover,
.single-video-content a:focus-visible {
color: #fff;
text-decoration-color: rgba(255, 255, 255, 0.78);
} a.related-item {
align-items: flex-start;
}
a.related-item .related-thumb-media {
position: relative !important;
display: block !important;
flex: 0 0 8.75rem !important;
width: 8.75rem !important;
height: auto !important;
aspect-ratio: 16 / 9 !important;
border-radius: 0.125rem !important;
overflow: hidden !important;
background: #09090b !important;
}
a.related-item .related-thumb-media img,
a.related-item img.related-thumb-img {
position: absolute !important;
inset: 0 !important;
display: block !important;
width: 100% !important;
height: 100% !important;
max-width: none !important;
min-width: 100% !important;
min-height: 100% !important;
border-radius: 0 !important;
object-fit: cover !important;
object-position: center center !important;
opacity: 0.82 !important;
transform: none;
}
a.related-item:hover .related-thumb-media img,
a.related-item:focus-visible .related-thumb-media img,
a.related-item:hover img.related-thumb-img,
a.related-item:focus-visible img.related-thumb-img {
opacity: 1 !important;
transform: scale(1.05) !important;
}
@media (max-width: 420px) {
a.related-item .related-thumb-media {
flex-basis: 7.5rem !important;
width: 7.5rem !important;
}
} .article-card {
padding: 0 !important;
}
.article-card .article-media {
border-radius: 0 !important;
margin: 0 !important;
}
.article-card > a > div:last-child,
#view-home .article-card > a > div:last-child,
.articles-overview-grid .article-card > a > div:last-child,
.search-results-grid .search-article-card > a > div:last-child {
padding: 0.55rem 0.45rem 0.7rem !important;
}
@media (min-width: 640px) {
.article-card > a > div:last-child,
#view-home .article-card > a > div:last-child,
.articles-overview-grid .article-card > a > div:last-child,
.search-results-grid .search-article-card > a > div:last-child {
padding: 0.6rem 0.5rem 0.75rem !important;
}
} @media (max-width: 980px) {
#view-events .event-card-media,
#view-event-single .single-event-media {
aspect-ratio: auto !important;
min-height: 0 !important;
height: auto !important;
align-self: auto !important;
background: rgba(9, 9, 11, 0.34) !important;
}
#view-events .event-card-media img,
#view-event-single .single-event-media img {
display: block !important;
width: 100% !important;
height: auto !important;
object-fit: contain !important;
object-position: center center !important;
}
#view-events .event-card-link:hover .event-card-media img,
#view-events .event-card-link:focus-visible .event-card-media img {
transform: none !important;
}
} #mobile-menu .mobile-search-field [data-lucide='search'],
#mobile-menu .mobile-search-field svg {
top: 50% !important;
transform: translateY(-50%) !important;
}
#mobile-menu input[type='search']::-webkit-search-cancel-button,
#mobile-menu input[type='search']::-webkit-search-decoration,
#mobile-menu input[type='search']::-webkit-search-results-button,
#mobile-menu input[type='search']::-webkit-search-results-decoration {
-webkit-appearance: none;
appearance: none;
} .newsletter-slideout {
position: fixed;
left: clamp(1rem, 2vw, 1.75rem);
bottom: clamp(1rem, 2vw, 1.75rem);
z-index: 65;
width: min(22rem, calc(100vw - 2rem));
opacity: 0;
pointer-events: none;
transform: translate3d(-115%, 0, 0);
transition: opacity 0.28s ease, transform 0.42s cubic-bezier(0.22, 1, 0.36, 1);
}
.newsletter-slideout.is-visible {
opacity: 1;
pointer-events: auto;
transform: translate3d(0, 0, 0);
}
.newsletter-slideout-card {
position: relative;
overflow: hidden;
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 0.2rem;
background:
radial-gradient(circle at 100% 0%, rgba(240, 200, 90, 0.14), transparent 14rem),
linear-gradient(180deg, rgba(24, 24, 27, 0.98), rgba(13, 31, 45, 0.98));
padding: 1.05rem;
color: #eef6fb;
box-shadow: 0 22px 60px rgba(0, 0, 0, 0.36), 0 0 0 1px rgba(212, 175, 55, 0.08);
}
.newsletter-slideout-card::before {
content: '';
position: absolute;
inset: 0;
pointer-events: none;
opacity: 0.14;
background-image: radial-gradient(rgba(238, 246, 251, 0.5) 1px, transparent 1.2px);
background-size: 13px 13px;
}
.newsletter-slideout-card > * {
position: relative;
z-index: 1;
}
.btn-close-newsletter-slideout {
position: absolute;
top: 0.75rem;
right: 0.75rem;
z-index: 2;
display: inline-flex;
align-items: center;
justify-content: center;
width: 1.85rem;
height: 1.85rem;
border-radius: 9999px;
color: rgba(244, 244, 245, 0.62);
transition: color 0.18s ease, background 0.18s ease;
}
.btn-close-newsletter-slideout:hover,
.btn-close-newsletter-slideout:focus-visible {
background: rgba(255, 255, 255, 0.08);
color: #fff;
outline: none;
}
.newsletter-slideout-heading {
display: flex;
align-items: center;
gap: 0.5rem;
padding-right: 2.25rem;
}
.newsletter-slideout-heading h2 {
color: #fff;
font-family: 'Playfair Display', serif;
font-size: 1.35rem;
font-weight: 800;
line-height: 1.1;
}
.newsletter-slideout .eyebrow {
margin-top: 0.95rem;
color: var(--cw-gold);
font-size: 0.68rem;
}
.newsletter-slideout-intro {
margin-top: 0.45rem;
color: rgba(219, 233, 241, 0.84);
font-size: 0.9rem;
line-height: 1.55;
}
.newsletter-slideout-form {
margin-top: 0.85rem;
}
.newsletter-slideout-form form,
.newsletter-slideout-form .sib_signup_form,
.newsletter-slideout-form .sib_signup_box_inside {
gap: 0.65rem !important;
}
.newsletter-slideout-form p,
.newsletter-slideout-form .sib-email-area,
.newsletter-slideout-form .sib-NAME-area,
.newsletter-slideout-form .sib-FIRSTNAME-area,
.newsletter-slideout-form .sib-LNAME-area,
.newsletter-slideout-form .sib-form-block,
.newsletter-slideout-form .sib_signup_box_inside > div {
margin-bottom: 0.55rem !important;
}
.newsletter-slideout-form input[type='text'],
.newsletter-slideout-form input[type='email'],
.newsletter-slideout-form input[type='tel'],
.newsletter-slideout-form input[type='number'],
.newsletter-slideout-form select,
.newsletter-slideout-form textarea {
min-height: 2.75rem !important;
padding: 0.72rem 0.82rem !important;
font-size: 0.9rem !important;
}
.newsletter-slideout-form input[type='submit'],
.newsletter-slideout-form input[type='button'],
.newsletter-slideout-form button,
.newsletter-slideout-form .sib-default-btn,
.newsletter-slideout-form .sib-form-block__button,
.newsletter-slideout-form .sib-form-block__button-with-loader,
.newsletter-slideout-form [class*='button'],
.newsletter-slideout-form [class*='submit'] {
min-height: 2.85rem !important;
padding: 0.75rem 1.05rem !important;
font-size: 0.9rem !important;
}
@media (max-width: 1023px) {
.newsletter-slideout {
display: none !important;
}
}
@media (prefers-reduced-motion: reduce) {
.newsletter-slideout {
transition: opacity 0.18s ease;
transform: none;
}
} .newsletter-slideout:not(.is-visible) {
opacity: 0;
pointer-events: none;
transform: translate3d(-115%, 0, 0);
} #view-doneren .donate-page-hero {
max-width: none !important;
width: 100%;
margin: 0 0 clamp(2.5rem, 5vw, 4.25rem) !important;
border: 1px solid rgba(238, 246, 251, 0.13);
border-radius: 0.9rem;
background:
radial-gradient(circle at 88% 12%, rgba(240, 200, 90, 0.10), transparent 24rem),
linear-gradient(180deg, rgba(41, 70, 91, 0.94), rgba(18, 52, 86, 0.97));
padding: clamp(2rem, 5vw, 4.2rem) clamp(1.2rem, 5vw, 4rem);
box-shadow: 0 24px 70px rgba(0, 0, 0, 0.22);
}
#view-doneren .donate-page-hero .eyebrow,
#view-doneren .donate-page-hero h1,
#view-doneren .donate-page-intro {
max-width: 58rem;
margin-left: auto;
margin-right: auto;
}
#view-doneren .donate-page-intro {
max-width: 46rem;
} .donation-module .donation-bank-note {
margin-top: 0.85rem;
color: rgba(244, 244, 245, 0.72);
font-size: 0.9rem;
line-height: 1.55;
}
.donation-module .donation-bank-note strong {
color: #f4f4f5;
font-weight: 700;
letter-spacing: 0.01em;
}
.inline-donation-panel .donation-bank-note {
font-size: 0.82rem;
} #view-dankjewel-donatie {
position: relative;
overflow: hidden;
background:
radial-gradient(circle at 18% 4%, rgba(41, 70, 91, 0.46), transparent 29rem),
radial-gradient(circle at 84% 18%, rgba(226, 190, 61, 0.1), transparent 27rem),
linear-gradient(180deg, #09090b 0%, #0a1119 18%, #123456 58%, #081b2b 100%);
color: #eef6fb;
}
#view-dankjewel-donatie::before {
content: '';
position: absolute;
inset: 0;
pointer-events: none;
opacity: 0.18;
background-image: radial-gradient(rgba(238,246,251,0.58) 1px, transparent 1.2px);
background-size: 13px 13px;
mask-image: linear-gradient(180deg, rgba(0,0,0,0.92), rgba(0,0,0,0.42));
}
.thank-you-donation-shell {
position: relative;
z-index: 1;
}
.thank-you-donation-card {
width: 100%;
max-width: 52rem;
margin: 0 auto;
padding: clamp(2rem, 5vw, 4.25rem);
text-align: center;
border: 1px solid rgba(226, 190, 61, 0.18);
border-radius: 0.35rem;
background:
radial-gradient(circle at 50% 0%, rgba(226, 190, 61, 0.08), transparent 22rem),
linear-gradient(135deg, rgba(41, 70, 91, 0.72), rgba(12, 28, 42, 0.82));
box-shadow: 0 32px 80px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255,255,255,0.05);
}
.thank-you-donation-logo {
width: clamp(5.5rem, 12vw, 9rem);
height: clamp(5.5rem, 12vw, 9rem);
margin: 0 auto clamp(1.25rem, 3vw, 2rem);
}
.thank-you-donation-logo img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: left center;
border-radius: 9999px;
filter: drop-shadow(0 18px 38px rgba(0,0,0,0.34));
}
.thank-you-donation-card h1 {
max-width: 44rem;
margin: 0 auto clamp(1.75rem, 3vw, 2.5rem);
color: #fff;
font-family: 'Playfair Display', serif;
font-size: clamp(2.35rem, 5.2vw, 4.6rem);
font-weight: 800;
line-height: 0.98;
letter-spacing: -0.035em;
text-wrap: balance;
}
.thank-you-donation-copy {
display: grid;
gap: 1.35rem;
max-width: 47rem;
margin: 0 auto;
color: rgba(244, 244, 245, 0.92);
font-family: 'Playfair Display', serif;
font-size: clamp(1.05rem, 1.75vw, 1.28rem);
font-weight: 600;
line-height: 1.48;
}
.thank-you-donation-copy strong {
color: #fff;
font-weight: 800;
}
.thank-you-donation-home-link {
display: inline-flex;
margin-top: clamp(1.6rem, 3vw, 2.35rem);
color: #fff;
font-family: 'Playfair Display', serif;
font-size: clamp(1rem, 1.5vw, 1.12rem);
font-weight: 700;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 0.22em;
transition: color 180ms ease, transform 180ms ease;
}
.thank-you-donation-home-link:hover,
.thank-you-donation-home-link:focus-visible {
color: #e2be3d;
transform: translateY(-1px);
}
@media (max-width: 640px) {
.thank-you-donation-card {
padding: 2rem 1.25rem;
}
.thank-you-donation-copy {
font-size: 1rem;
line-height: 1.55;
}
} #view-article .article-body-content,
#view-event-single .single-event-content {
white-space: normal !important;
line-height: 1.74 !important;
}
#view-article .article-body-content > *,
#view-event-single .single-event-content > * {
white-space: normal !important;
}
#view-article .article-body-content p,
#view-article .article-body-content ul,
#view-article .article-body-content ol,
#view-article .article-body-content blockquote,
#view-article .article-body-content figure,
#view-event-single .single-event-content p,
#view-event-single .single-event-content ul,
#view-event-single .single-event-content ol,
#view-event-single .single-event-content blockquote,
#view-event-single .single-event-content figure,
#view-event-single .single-event-content .wp-block-spacer {
margin-top: 0 !important;
margin-bottom: 1rem !important;
}
#view-article .article-body-content > :last-child,
#view-event-single .single-event-content > :last-child {
margin-bottom: 0 !important;
}
#view-article .article-body-content br,
#view-event-single .single-event-content br {
display: inline !important;
margin: 0 !important;
}.woocommerce-checkout #payment .payment_methods li img {
max-width: 40px;
}.addtoany_content{clear:both;margin:16px auto}.addtoany_header{margin:0 0 16px}.addtoany_list{display:inline;line-height:16px}.a2a_kit a:empty,.a2a_kit a[class^="a2a_button_"]:has(.a2a_s_undefined){display:none}.addtoany_list a,.widget .addtoany_list a{border:0;box-shadow:none;display:inline-block;font-size:16px;padding:0 4px;vertical-align:middle}.addtoany_list a img{border:0;display:inline-block;opacity:1;overflow:hidden;vertical-align:baseline}.addtoany_list a span{display:inline-block;float:none}.addtoany_list.a2a_kit_size_32 a{font-size:32px}.addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service)>span{height:32px;line-height:32px;width:32px}.addtoany_list a:not(.addtoany_special_service)>span{border-radius:4px;display:inline-block;opacity:1}.addtoany_list a .a2a_count{position:relative;vertical-align:top}.site .a2a_kit.addtoany_list a:focus,.addtoany_list a:hover,.widget .addtoany_list a:hover{background:none;border:0;box-shadow:none}.addtoany_list a:hover img,.addtoany_list a:hover span{opacity:.7}.addtoany_list a.addtoany_special_service:hover img,.addtoany_list a.addtoany_special_service:hover span{opacity:1}.addtoany_special_service{display:inline-block;vertical-align:middle}.addtoany_special_service a,.addtoany_special_service div,.addtoany_special_service div.fb_iframe_widget,.addtoany_special_service iframe,.addtoany_special_service span{margin:0;vertical-align:baseline!important}.addtoany_special_service iframe{display:inline;max-width:none}a.addtoany_share.addtoany_no_icon span.a2a_img_text{display:none}a.addtoany_share img{border:0;width:auto;height:auto}div.sib-sms-field {
display: inline-block;
position: relative;
width: 100%;
}
.sib-sms-field .sib-country-block {
position: absolute;
right: auto;
left: 0;
top: 0;
bottom: 0;
padding: 1px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.sib-country-block .sib-toggle.sib-country-flg {
z-index: 1;
position: relative;
width: 46px;
height: 100%;
padding: 0 0 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: #dbdbdb;
cursor: pointer;
}
.sib-country-block .sib-toggle .sib-cflags {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
height: 15px;
width: 20px;
background-repeat: no-repeat;
background-color: #dbdbdb;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-image: url(//cafeweltschmerz.nl/wp-content/plugins/mailin/img/flags/fr.png);
}
.sib-country-block .sib-toggle .sib-icon-arrow {
position: absolute;
top: 50%;
margin-top: -2px;
right: 6px;
width:  0;
height: 0;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-top: 4px solid;
}
.sib-sms-field ul.sib-country-list {
position: absolute;
z-index: 2;
list-style: none;
text-align: left;
padding: 0px;
margin: 0px 0px 0px -1px;
box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 4px;
background-color: white;
border: 1px solid rgb(204, 204, 204);
white-space: nowrap;
max-height: 150px;
overflow-y: scroll;
overflow-x: hidden;
top: 50px;
width: 250px;
}
.sib-sms-field ul.sib-country-list li.sib-country-prefix {
font-size: 14px;
padding:1px 10px;
cursor: pointer;
}
.sib-sms-field ul.sib-country-list li.sib-country-prefix:hover {
background-color: #dbdbdb;
}
.sib-sms-field ul.sib-country-list li .sib-flag-box {
width: 20px;
}
.sib-sms-field ul.sib-country-list li .sib-flag-box .sib-flag {
height: 18px;
width: 20px;
background-image: url(//cafeweltschmerz.nl/wp-content/plugins/mailin/img/flags/ad.png);
vertical-align: middle;
display: inline-block;
background-repeat:no-repeat;
}
.sib-sms-field ul.sib-country-list li .sib-flag-box .sib-dial-code {
margin-left: 20px;
}
.sib-sms-field .sib-sms {
padding-right: 6px;
padding-left: 52px;
margin-left: 0;
position: relative;
z-index: 0;
margin-top: 0 !important;
margin-bottom: 0 !important;
margin-right: 0;
}
.sib-multi-lists.sib_error {
color: #A94442;
}