/* WCKD UI — MIT License — Copyright (c) WCKD Marketing®, Inc.
 * See LICENSE in this repository. https://opensource.org/licenses/MIT */

:root{
--default-font-size:16px;
--font-stack: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
--font: 300 1em/1.6 var(--font-stack);

--header-height:60px;
--sidebar-width: clamp(16rem, 24vw, 22rem);
--border-radius: 12px;

--yellow:#F2C94C;
--pink:#E91E63;
--blue:#0077AA;
--orange:#F2994A;
--green:#27AE60;
--purple:#9B51E0;
--white:#FFFFFF;
--red:#EB5757;
--beige:#A1887F;
--brown:#6D4C41;
--black:#24292E;

--text-color:#f0f4f8;
--text-color-header:#ffffff;
--text-color-secondary:rgba(240, 244, 248, 0.92);

--primary-color:var(--blue);
--secondary-color: var(--orange);
--tertiary-color: var(--green);
--neutral-color: var(--black);

--link-color: #7cc8ff;
--link-hover-color: #b0dcff;
	
--line-color:rgb(255 255 255 / 0.12);

--background-color:#24292E;
	--background-color-light:#2f363d;
	--background-color-dark:#1f2227;
	--background-color-fade:rgb(0 0 0 / 20%);

--button-bg: var(--primary-color);
	--button-bg-hover: var(--background-color-fade);
	--button-bg-active: var(--background-color-fade);
	--button-bg-focus: var(--background-color-fade);
	--button-bg-disabled: var(--background-color-fade);
--button-text: var(--text-color);
	--button-text-hover: #f6f8fa;
	--button-text-active:#f6f8fa;
	--button-text-focus: var(--text-color);
	--button-text-disabled: var(--text-color);
	--button-active-tint: rgb(0 0 0 / 0.12);

--surface-info: color-mix(in srgb, var(--blue) 18%, var(--background-color-light));
--surface-success: color-mix(in srgb, var(--green) 18%, var(--background-color-light));
--surface-warning: color-mix(in srgb, var(--yellow) 22%, var(--background-color-light));
--surface-danger: color-mix(in srgb, var(--red) 18%, var(--background-color-light));
--surface-info-text: var(--text-color);
--surface-success-text: var(--green);
--surface-warning-text: var(--yellow);
--surface-danger-text: var(--red);

--shadow:0 1px 3px 0 rgba(0,0,0,0.1), 0 1px 2px 0 rgba(0,0,0,0.06);

--max-width: min(100%, 1280px);

--image-xxs: 280px;
--image-xs: 480px;
--image-s: 576px;
--image-m: 768px;
--image-l: 992px;
--image-xl: 1200px;
--image-xxl: 1600px;
--image-thumbnail: 44px;
--image-medium: 90px;
--image-large: 220px;

--width-xxs: min(max(12.5%, 80%), var(--image-xxs));
--width-xs: min(max(17.5%, 85%), var(--image-xs));
--width-s: min(max(25%, 88%), var(--image-s));
--width-m: min(max(50%, 90%), var(--image-m));
--width-l: min(max(75%, 92%), var(--image-l));
--width-xl: min(max(87.5%, 94%), var(--image-xl));
--width-xxl: min(100%, var(--image-xxl));

--text-xxs: 0.625rem;
--text-xs: 0.75rem;
--text-s: 0.875rem;
--text-m: 1rem;
--text-l: clamp(1.125rem, 1.05vw, 1.25rem);
--text-xl: clamp(1.25rem, 1.35vw, 1.5rem);
--text-xxl: clamp(1.5rem, 1.8vw, 1.875rem);

--text-3xl: clamp(1.75rem, 2.1vw, 2.125rem);
--text-4xl: clamp(2rem, 2.7vw, 2.5rem);
--text-5xl: clamp(2.375rem, 3.4vw, 3.25rem);
--text-6xl: clamp(2.75rem, 4.2vw, 3.875rem);
--text-7xl: clamp(3.25rem, 5.2vw, 4.75rem);
--text-8xl: clamp(3rem, 0.5rem + 6vw, 5.75rem);
--text-9xl: clamp(3.25rem, 0.5rem + 6.5vw, 6.5rem);

--text-light:200;
--text-regular:300;
--text-normal:300;
--text-medium:500;
--text-semibold:600;
--text-strong:700;
--text-bold:700;
--text-extra-strong:900;
--text-extra-bold:900;

--text-shadow:0 1px 2px rgb(0 0 0 / 0.5), 0 0.5px 0 rgb(0 0 0 / 0.25);

--size-xxs:0.25rem; 
--size-xs:clamp(0.375rem, 0.32rem + 0.2vw, 0.625rem); 
--size-s:clamp(0.5rem, 0.42rem + 0.3vw, 0.875rem);
--size-m:clamp(0.75rem, 0.62rem + 0.5vw, 1.125rem);
--size-l:clamp(1rem, 0.82rem + 0.9vw, 1.5rem);
--size-xl:clamp(1.5rem, 1.2rem + 1.5vw, 2.5rem);
--size-xxl:clamp(2rem, 1.5rem + 2.5vw, 4rem);	
	
--border-thin:1px;
--border-medium:2px;
--border-thick:3px;
}

[data-theme="light"]{
	--text-color: #1b2430;
	--text-color-header:#121a24;
	--text-color-secondary:rgba(27, 36, 48, 0.72);
	--background-color:#f7f9fc;
	--background-color-light:#ffffff;
	--background-color-dark:#edf2f7;
	--background-color-fade:rgba(16, 24, 40, 0.045);
	--line-color:rgb(27 36 48 / 0.18);

	--blue:#0b5f93;
	--primary-color:var(--blue);

	--button-text: #ffffff;
	--button-text-hover: #f6f8fa;
	--button-text-active: #f6f8fa;
	--button-text-focus: #ffffff;
	--button-text-disabled: rgba(255, 255, 255, 0.85);

	--link-color: #00406a;
	--link-hover-color: #002e47;

	--surface-info: color-mix(in srgb, var(--blue) 9%, var(--background-color-light));
	--surface-success: color-mix(in srgb, var(--green) 11%, var(--background-color-light));
	--surface-warning: color-mix(in srgb, var(--yellow) 15%, var(--background-color-light));
	--surface-danger: color-mix(in srgb, var(--red) 9%, var(--background-color-light));

	--shadow: 0 1px 2px rgb(16 24 40 / 0.06), 0 2px 8px rgb(16 24 40 / 0.08);

	--text-shadow:0 1px 2px rgb(0 0 0 / 0.15), 0 0 1px rgb(0 0 0 / 0.18);

}

[data-theme="light"] .button.outline,
[data-theme="light"] button.outline,
[data-theme="light"] a.button.outline {
	color: var(--text-color);
}

[data-theme="light"] .white-text .button.outline,
[data-theme="light"] .white-text button.outline,
[data-theme="light"] .white-text a.button.outline {
	color: inherit;
}

html { font-size: 100%; box-sizing: border-box; scroll-behavior: smooth;}
*, *::before,
*::after{box-sizing:inherit;}

body { font-family: var(--font-stack);background-color: var(--background-color); color: var(--text-color); text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased;min-height: 100vh; margin: 0;}

#site-header{height: var(--header-height)}

h1, .h1{font-size: var(--text-5xl);line-height: 1.1;font-weight: var(--text-bold);letter-spacing:-0.02em;margin: 0;}
h2, .h2{font-size: var(--text-4xl);font-weight: var(--text-bold);line-height: 1.2;letter-spacing:-0.015em;margin: 0;}
h3, .h3{font-size: var(--text-3xl);font-weight: var(--text-semibold);line-height: 1.28;letter-spacing:-0.01em;margin: 0;}
h4, .h4{font-size: var(--text-xl);line-height: 1.35;letter-spacing:-0.005em;margin: 0;}
p, .p{ font-size: var(--text-m);line-height: 1.65;margin: 0;}
small, .small, .fine-print{font-size: var(--text-xs);line-height: 1.5;opacity: 0.8;}
figcaption, .caption, .ws-meta, .datePublished, .author, .cite, .byline {display: block;font-size: var(--text-xs);line-height: 1.5;opacity: 0.8;}
blockquote, .quote {display: block;font-size: clamp(var(--text-xl), 3vw, var(--text-xxl));font-weight: var(--text-medium);font-style: italic;margin: var(--size-l) auto;padding-left: var(--size-s);border-left: var(--border-thick) solid var(--black);max-width: 90%;}
.ws-kicker, .ws-label{display: block;font-size: var(--text-s);line-height: 1.4;font-weight: var(--text-strong);text-transform: uppercase;letter-spacing: 0.06em;margin-bottom: var(--size-s);}
.ws-tags { display: flex; flex-wrap: wrap; gap: var(--size-xs); list-style: none; padding: 0; margin:0;}
.ws-tags > li { margin:var(--size-xs) 0;}
.ws-tags > li > span, .ws-tag {display: inline-block; border:1px solid var(--line-color);padding: var(--size-xxs) var(--size-s);color: inherit;font-size: var(--text-xs);border-radius: var(--size-xl);text-decoration: none;}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4{color: var(--text-color-header)}
h1 + *, .h1 + * { margin-top: clamp(0.875rem, 1.2vw, 1.5rem);}
h2 + *, .h2 + * { margin-top: clamp(0.75rem, 1vw, 1.25rem);}
h3 + *, .h3 + *, h4 + *, .h4 + *, p + *, .p + * { margin-top: clamp(0.625rem, 0.8vw, 1rem);}
:is(h1,h2,h3,h4,.h1,.h2,.h3,.h4) + div{ margin-top: clamp(1rem, 1.6vw, 1.75rem);}
h4 + p, .h4 + p, h4 + .p, .h4 + .p, p + p, .p + .p, p + ol, .p + ol, p + ul, .p + ul, ul+* {margin-top: clamp(0.625rem, 0.8vw, 1rem);}
h1+h2, .h1 + .h2, h1 + .h2, .h1 + h2{margin-top: clamp(0.375rem, 0.5vw, 0.625rem);font-weight: var(--text-semibold);}
:is(p, .p):not(:has(+ :is(p, .p))) + div:not([class*="margin-top"]) { margin-top: clamp(0.875rem, 1.2vw, 1.5rem); }
p + .button, p+button, .p + .button, .p + button,
p + h1, p + h2, .p + .h1, .p + .h2, ul + h1, ul + h2, ul + .h1, ul + .h2, ol + h1, ol + h2, ol + .h1, ol + .h2{margin-top: clamp(1rem, 1.6vw, 1.75rem)}

figure + h3, 
h3 + figure,
span + p{ margin-top: clamp(0.625rem, 0.9vw, 1rem);} 
figure + h1, figure + h2,
h1 + figure, h2 + figure{ margin-top: clamp(0.75rem, 1.1vw, 1.25rem);} 

a{color:var(--link-color);text-decoration:none;cursor:pointer;transition:color 0.2s ease;display:inline-flex;gap: var(--size-s)}
a:hover:not(.button){color:var(--link-hover-color);text-decoration:underline;}
a:focus{outline:2px solid var(--line-color); outline-offset:2px;}
a:focus-visible{outline-color:var(--link-color);}
nav .wckd-menu a:hover, .wckd-menu a:hover, nav .wckd-menu a:active, .wckd-menu a:active{color:var(--text-color);text-decoration:none;}
	
ul,ol{margin: var(--size-m) var(--size-s);padding:0 var(--size-m);}
li{margin: var(--size-s) 0;}

ul.columns,
ol.columns,
ul.no-bullets,
ol.no-bullets{margin:0;padding:0;}
ul.no-bullets > li,
ol.no-bullets >li{list-style: none;line-height: 1.6;margin:0}
:is(h1,h2,.h1,.h2) + :is(ul,ol,ul.no-bullets,ol.no-bullets,ul.columns,ol.columns){
	margin-top: clamp(1.125rem, 1.85vw, 2rem);
}
:is(h3,h4,.h3,.h4,p,.p) + :is(ul,ol,ul.no-bullets,ol.no-bullets,ul.columns,ol.columns){
	margin-top: clamp(0.625rem, 0.8vw, 1rem);
}
dl {display: grid;grid-template-columns: auto 1fr;margin: var(--size-m) 0;padding: 0;border-bottom: 1px solid var(--line-color);overflow: hidden;}
dt, dd {margin: 0;padding: var(--size-s);border-top: 1px solid var(--line-color);}
code{font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-size: 0.875em;padding: 0.1em 0.35em;border-radius: var(--size-xs);background: var(--background-color-fade);color: var(--text-color);}
strong, .strong{font-weight:var(--text-strong);}
hr {border-color: var(--line-color);margin-top: var(--size-m);margin-bottom: var(--size-m);padding: 0;display: block;}
svg{display:block;height: auto;}
picture{overflow: hidden;display: block}
section, figure {margin: 0;padding: 0;display: block;position: relative}
figure {width: 100%;position: relative;}

.primary-color{color:var(--primary-color);}
.text-color{color:var(--text-color);}
.secondary-color{color:var(--purple);}

.yellow{background:var(--yellow);}
.pink{background:var(--pink);}
.blue{background:var(--blue);}
.orange{background:var(--orange);}
.green{background:var(--green);}
.purple{background:var(--purple);}
.white{background:var(--white);}
.red{background:var(--red);}
.beige{background:var(--beige);}
.brown{background:var(--brown);}
.black{background:var(--black);}

.yellow, .beige, .white {color: var(--black);}
.yellow :where(h1,h2,h3,h4,h5,h6,p,small,figcaption),
.beige :where(h1,h2,h3,h4,h5,h6,p,small,figcaption),
.white :where(h1,h2,h3,h4,h5,h6,p,small,figcaption) {color: inherit;}
.surface-info{background:var(--surface-info);}
.surface-success{background:var(--surface-success);}
.surface-warning{background:var(--surface-warning);}
.surface-danger{background:var(--surface-danger);}
.yellow-text{color:var(--yellow);}
.pink-text{color:var(--pink);}
.blue-text{color:var(--blue);}
.orange-text{color:var(--orange);}
.green-text{color:var(--green);}
.purple-text{color:var(--purple);}
.white-text{color:var(--white);}
.red-text{color:var(--red);}
.beige-text{color:var(--beige);}
.brown-text{color:var(--brown);}
.black-text{color:var(--black);}

.white-text :where(h1,h2,h3,h4,h5,h6){color:inherit;}
.white-text .button, .white-text button{color:inherit;}
.button.white-text{color:var(--white);}

.blue.white-text{background-color:color-mix(in srgb, var(--blue) 52%, #0f172a);}
.orange.white-text{background-color:color-mix(in srgb, var(--orange) 72%, #0f172a);}
.pink.white-text{background-color:color-mix(in srgb, var(--pink) 58%, #0f172a);}
.purple.white-text{background-color:color-mix(in srgb, var(--purple) 52%, #0f172a);}
.green.white-text{background-color:color-mix(in srgb, var(--green) 55%, #0f172a);}
.red.white-text{background-color:color-mix(in srgb, var(--red) 50%, #0f172a);}

.yellow-highlight {color:var(--yellow);background-color: color-mix(in srgb, var(--yellow) 15%, transparent);}
.pink-highlight {color:var(--pink);background-color: color-mix(in srgb, var(--pink) 15%, transparent);}
.blue-highlight {color:var(--blue);background-color: color-mix(in srgb, var(--blue) 15%, transparent);}
.orange-highlight {color:var(--orange);background-color: color-mix(in srgb, var(--orange) 15%, transparent);}
.green-highlight {color:var(--green);background-color: color-mix(in srgb, var(--green) 15%, transparent);}
.purple-highlight {color:var(--purple);background-color: color-mix(in srgb, var(--purple) 15%, transparent);}
.white-highlight {color:var(--white);background-color: color-mix(in srgb, var(--white) 15%, transparent);}
.red-highlight {color:var(--red);background-color: color-mix(in srgb, var(--red) 15%, transparent);}
.beige-highlight {color:var(--beige);background-color: color-mix(in srgb, var(--beige) 15%, transparent);}
.brown-highlight {color:var(--brown);background-color: color-mix(in srgb, var(--brown) 15%, transparent);}
.black-highlight {color:var(--black);background-color: color-mix(in srgb, var(--black) 15%, transparent);}

.text-xxs{font-size:var(--text-xxs);line-height:1.25}
.text-xs{font-size:var(--text-xs);line-height:1.35}
.text-s{font-size:var(--text-s);line-height:1.5}
.text-m{font-size:var(--text-m);line-height:1.6}
.text-l{font-size:var(--text-l);line-height:1.55}
.text-xl{font-size:var(--text-xl);line-height:1.45}
.text-xxl{font-size:var(--text-xxl);line-height:1.3;letter-spacing: -0.01em;}

.text-3xl{font-size:var(--text-3xl);line-height:1.22;letter-spacing: -0.02em;}
.text-4xl{font-size:var(--text-4xl);line-height:1.16;letter-spacing: -0.02em;}
.text-5xl{font-size:var(--text-5xl);line-height:1.1;letter-spacing: -0.02em;}
.text-6xl{font-size:var(--text-6xl);line-height:1.08;letter-spacing: -0.02em;overflow-wrap:break-word}
.text-7xl{font-size:var(--text-7xl);line-height:1.04;letter-spacing: -0.04em;overflow-wrap:break-word}
.text-8xl{font-size:var(--text-8xl);line-height:1.02;letter-spacing: -0.04em;overflow-wrap:break-word}
.text-9xl{font-size:var(--text-9xl);line-height:1;letter-spacing: -0.04em;overflow-wrap:break-word}

.text-shadow{text-shadow:var(--text-shadow)}

.cover{width: 100%;height: 100%;object-fit: cover;display: block;object-position: center;}
.block{display:block}
.grid{display:grid}
.flex{display:flex}
.flex-wrap{flex-wrap:wrap}
.min-w-0{min-width:0}

.flex-column{flex-direction:column}
.flex-grow{flex: 1;}
.flex-shrink-1{flex-shrink:1}
.flex-basis-0{flex-basis:0}

.space-between{justify-content:space-between}
.space-around{justify-content:space-around}
.aligned-left{justify-content:flex-start}
.aligned-center{justify-content:center}
.aligned-right{justify-content:flex-end}
.aligned-top,.aligned-start{align-items:flex-start}
.aligned-middle{align-items:center}
.aligned-bottom,.aligned-end{align-items:flex-end}

.align-top{align-self:start}
.align-middle{align-self:center}
.align-bottom{align-self:end}
.align-left{justify-self:start}
.align-center{justify-self:center;margin-inline:auto!important}
.align-right{justify-self:end}

.center, .text-center {text-align:center}
.right, .text-right {text-align:right}
.left, .text-left {text-align:left}


.relative{position: relative}

.fade{opacity:0.7}
.blur{backdrop-filter: blur(4px)}
.fixed{position: fixed;}

.overlay{display:flex;position:relative;z-index:2;top:0;left:0;right:0;bottom:0;width:100%;height:100%;inset:0;box-sizing:border-box;min-width:0;min-height:0}
.overlay::before{content:'';position:absolute;pointer-events:none;inset:0;z-index:0}
.overlay > *{position:relative;z-index:1;min-width:0}
.tint-light::before{background:rgba(255,255,255,0.18);mix-blend-mode:screen}
.tint-dark::before{background:rgba(0,0,0,0.42);mix-blend-mode:multiply}

.columns {display: grid;position: relative;align-items: start;width: 100%;grid-template-columns: repeat(var(--count, auto-fill), minmax(1px, 1fr));}
.columns > * {width: 100%;position: relative;min-width: 0;}
.columns.count-1 { --count: 1;}
.columns.count-2 { --count: 2;}
.columns.count-3 { --count: 3;}
.columns.count-4 { --count: 4;}
.columns.count-5 { --count: 5;}
.columns.count-6 { --count: 6;}
.columns.count-1.locked { --count: 1;}
.columns.count-2.locked { --count: 2;}
.columns.count-3.locked { --count: 3;}
.columns.count-4.locked { --count: 4;}
.columns.count-5.locked { --count: 5;}
.columns.count-6.locked { --count: 6;}
@media (max-width: 1024px) {
	.columns.count-5,
	.columns.count-6 { --count: 3;}
}
@media (max-width: 768px) {
	.columns.count-3,
	.columns.count-4,
	.columns.count-5,
	.columns.count-6 { --count: 2;}
}
@media (max-width: 590px) {
	.columns.count-2,
	.columns.count-3,
	.columns.count-4,
	.columns.count-5,
	.columns.count-6 { --count: 1;}
	/* One track: wide .span-* would create implicit columns — clamp to full row. */
	.columns > .column.span-2,
	.columns > .column.span-3,
	.columns > .column.span-4,
	.columns > .column.span-5,
	.columns > .column.span-6 {
		grid-column: span 1;
	}
	/* Narrow viewports only (after clamp so these can override when combined). */
	.mobile-span-1{grid-column:span 1;}
	.mobile-span-2{grid-column:span 2;}
	.mobile-span-3{grid-column:span 3;}
	.mobile-span-4{grid-column:span 4;}
	.mobile-span-5{grid-column:span 5;}
	.mobile-span-6{grid-column:span 6;}
}
.span-1{grid-column:span 1;}
.span-2{grid-column:span 2;}
.span-3{grid-column:span 3;}
.span-4{grid-column:span 4;}
.span-5{grid-column:span 5;}
.span-6{grid-column:span 6;}
.order-1{order:1}
.order-2{order:2}
@media (min-width: 900px){
	.desktop-span-1{grid-column:span 1;}
	.desktop-span-2{grid-column:span 2;}
	.desktop-span-3{grid-column:span 3;}
	.desktop-span-4{grid-column:span 4;}
	.desktop-span-5{grid-column:span 5;}
	.desktop-span-6{grid-column:span 6;}
	.desktop-order-1{order:1}
	.desktop-order-2{order:2}
}

.aspect{overflow: hidden;background: var(--line-color);}
.aspect img{width: 100%;height: 100%;object-fit: cover;display: block;}
.aspect-1, .aspect-square{aspect-ratio:1/1}
.aspect-3-4{aspect-ratio:3/4}
.aspect-16-9{aspect-ratio:16/9}
.aspect-9-16{aspect-ratio:9/16}

.fit-content{grid-auto-flow:column;grid-auto-columns:max-content;grid-template-columns:none;justify-content:start; width: fit-content;}

.padded-0 > * {padding:0;}
.padded-xxs > * {padding:var(--size-xxs);}
.padded-xs > * {padding:var(--size-xs);}
.padded-s > * {padding:var(--size-s);}
.padded > *, .padded-m > * {padding:var(--size-m);}
.padded-l > * {padding:var(--size-l);}
.padded-xl > * {padding:var(--size-xl);}
.padded-xxl > * {padding:var(--size-xxl);}

.rounded-0 > * {border-radius:0;}
.rounded-xxs > *, .round-xxs {border-radius:2px;}
.rounded-xs > *, .round-xs {border-radius:4px;}
.rounded-s > *, .round-s {border-radius:8px;}
.rounded > *, .rounded-m > *, .round-m, .round {border-radius:12px;}
.rounded-l > *, .round-l {border-radius:16px;}
.rounded-xl > *, .round-xl {border-radius:24px;}
.rounded-xxl > *, .round-xxl {border-radius:32px;}

.round-top{border-top-left-radius: var(--border-radius); border-top-right-radius: var(--border-radius);}
.round-bottom{border-bottom-left-radius: var(--border-radius); border-bottom-right-radius: var(--border-radius);}
.round-left{border-top-left-radius: var(--border-radius); border-bottom-left-radius: var(--border-radius);}
.round-right{border-top-right-radius: var(--border-radius); border-bottom-right-radius: var(--border-radius);}
.round-top-left{border-top-left-radius: var(--border-radius);}
.round-top-right{border-top-right-radius: var(--border-radius);}
.round-bottom-left{border-bottom-left-radius: var(--border-radius);}
.round-bottom-right{border-bottom-right-radius: var(--border-radius);}

.fill, .filled > * {background-color: var(--background-color)}
.fill-light, .filled-light > * {background-color: var(--background-color-light)}
.fill-dark, .filled-dark > * {background-color: var(--background-color-dark)}
.fill-fade, .filled-fade > * {background-color: var(--background-color-fade)}
.shadow, .shadows > *{box-shadow:var(--shadow);}

.border, .borders > *{border:1px solid var(--line-color);}
.border-top, .borders-top > * {border-top:1px solid var(--line-color); border-right:0; border-bottom:0; border-left:0;}
.border-right, .borders-right > *{border-right:1px solid var(--line-color); border-top:0; border-bottom:0; border-left:0;}
.border-bottom, .borders-bottom > *{border-bottom:1px solid var(--line-color); border-top:0; border-right:0; border-left:0;}
.border-left, .borders-left > * {border-left:1px solid var(--line-color); border-top:0; border-right:0; border-bottom:0;}
.border-0{border:0px solid transparent}
.border-thin, .borders-thin > * {border-width:var(--border-thin);}
.border-medium, .borders-medium > *{border-width:var(--border-medium);}
.border-thick, .borders-thick > *{border-width:var(--border-thick);}

.gap-0{gap:0;}.gap-xxs{gap:var(--size-xxs)}.gap-xs{gap:var(--size-xs)}.gap-s{gap:var(--size-s)}.gap, .gap-m{gap:var(--size-m)}.gap-l{gap:var(--size-l)}.gap-xl{gap:var(--size-xl)}.gap-xxl{gap:var(--size-xxl)}
.gap-row-0{row-gap:0;}.gap-row-xxs{row-gap:var(--size-xxs)}.gap-row-xs{row-gap:var(--size-xs)}.gap-row-s{row-gap:var(--size-s)}.gap-row, .gap-row-m{row-gap:var(--size-m)}.gap-row-l{row-gap:var(--size-l)}.gap-row-xl{row-gap:var(--size-xl)}.gap-row-xxl{row-gap:var(--size-xxl)}
.gap-column-0{column-gap:0;}.gap-column-xxs{column-gap:var(--size-xxs)}.gap-column-xs{column-gap:var(--size-xs)}.gap-column-s{column-gap:var(--size-s)}.gap-column, .gap-column-m{column-gap:var(--size-m)}.gap-column-l{column-gap:var(--size-l)}.gap-column-xl{column-gap:var(--size-xl)}.gap-column-xxl{column-gap:var(--size-xxl)}

.pad-0 {padding:0;}.pad-xxs{padding:var(--size-xxs);}.pad-xs {padding:var(--size-xs);}.pad-s {padding:var(--size-s);}.pad, .pad-m{padding:var(--size-m);}.pad-l {padding:var(--size-l);}.pad-xl {padding:var(--size-xl);}.pad-xxl{padding:var(--size-xxl);}
.pad-top-0 {padding-top:0;}.pad-top-xxs{padding-top:var(--size-xxs);}.pad-top-xs {padding-top:var(--size-xs);}.pad-top-s {padding-top:var(--size-s);}.pad-top, .pad-top-m {padding-top:var(--size-m);}.pad-top-l {padding-top:var(--size-l);}.pad-top-xl {padding-top:var(--size-xl);}.pad-top-xxl{padding-top:var(--size-xxl);}
.pad-right-0 {padding-right:0;}.pad-right-xxs{padding-right:var(--size-xxs);}.pad-right-xs {padding-right:var(--size-xs);}.pad-right-s{padding-right:var(--size-s);}.pad-right, .pad-right-m {padding-right:var(--size-m);}.pad-right-l {padding-right:var(--size-l);}.pad-right-xl {padding-right:var(--size-xl);}.pad-right-xxl{padding-right:var(--size-xxl);}
.pad-bottom-0 {padding-bottom:0;}.pad-bottom-xxs{padding-bottom:var(--size-xxs);}.pad-bottom-xs {padding-bottom:var(--size-xs);}.pad-bottom-s {padding-bottom:var(--size-s);}.pad-bottom, .pad-bottom-m {padding-bottom:var(--size-m);}.pad-bottom-l {padding-bottom:var(--size-l);}.pad-bottom-xl {padding-bottom:var(--size-xl);}.pad-bottom-xxl{padding-bottom:var(--size-xxl);}
.pad-left-0 {padding-left:0;}.pad-left-xxs{padding-left:var(--size-xxs);}.pad-left-xs {padding-left:var(--size-xs);}.pad-left-s {padding-left:var(--size-s);}.pad-left, .pad-left-m {padding-left:var(--size-m);}.pad-left-l {padding-left:var(--size-l);}.pad-left-xl {padding-left:var(--size-xl);}.pad-left-xxl{padding-left:var(--size-xxl);}
.margin-0 {margin:0;}.margin-xxs{margin:var(--size-xxs);}.margin-xs {margin:var(--size-xs);}.margin-s {margin:var(--size-s);}.margin, .margin-m {margin:var(--size-m);}.margin-l {margin:var(--size-l);}.margin-xl {margin:var(--size-xl);}.margin-xxl{margin:var(--size-xxl);}
.margin-top-0 {margin-top:0;}.margin-top-xxs{margin-top:var(--size-xxs);}.margin-top-xs {margin-top:var(--size-xs);}.margin-top-s {margin-top:var(--size-s);}.margin-top, .margin-top-m {margin-top:var(--size-m);}.margin-top-l {margin-top:var(--size-l);}.margin-top-xl {margin-top:var(--size-xl);}.margin-top-xxl{margin-top:var(--size-xxl);}
.margin-top-pull-xl {margin-top: calc(-1 * var(--size-xl));}
.margin-right-0 {margin-right:0;}.margin-right-xxs{margin-right:var(--size-xxs);}.margin-right-xs {margin-right:var(--size-xs);}.margin-right-s {margin-right:var(--size-s);}.margin-right, .margin-right-m {margin-right:var(--size-m);}.margin-right-l {margin-right:var(--size-l);}.margin-right-xl {margin-right:var(--size-xl);}.margin-right-xxl{margin-right:var(--size-xxl);}
.margin-bottom-0 {margin-bottom:0;}.margin-bottom-xxs{margin-bottom:var(--size-xxs);}.margin-bottom-xs {margin-bottom:var(--size-xs);}.margin-bottom-s {margin-bottom:var(--size-s);}.margin-bottom, .margin-bottom-m {margin-bottom:var(--size-m);}.margin-bottom-l {margin-bottom:var(--size-l);}.margin-bottom-xl {margin-bottom:var(--size-xl);}.margin-bottom-xxl{margin-bottom:var(--size-xxl);}
.margin-left-0 {margin-left:0;}.margin-left-xxs{margin-left:var(--size-xxs);}.margin-left-xs {margin-left:var(--size-xs);}.margin-left-s {margin-left:var(--size-s);}.margin-left, .margin-left-m {margin-left:var(--size-m);}.margin-left-l {margin-left:var(--size-l);}.margin-left-xl {margin-left:var(--size-xl);}.margin-left-xxl{margin-left:var(--size-xxl);}

.max-width {width: var(--max-width);}
.width-xxs { width: var(--width-xxs);}
.width-xs { width: var(--width-xs);}
.width-s { width: var(--width-s);}
.width-m { width: var(--width-m);}
.width-l { width: var(--width-l);}
.width-xl { width: var(--width-xl);}
.width-xxl { width: var(--width-xxl);}

.width-10{width: 10%}
.width-20{width: 20%}
.width-25{width: 25%}
.width-30{width: 30%}
.width-33{width: 33.3%}
.width-40{width: 40%}
.width-50{width: 50%}
.width-60{width: 60%}
.width-66{width: 66.6%}
.width-70{width: 70%}
.width-75{width: 75%}
.width-80{width: 80%}
.width-90{width: 90%}
.width-100{width: 100%!important;}

.match-height > *{height:100%}

.disabled{opacity: 0.7;cursor: not-allowed;}

.text-light{font-weight: var(--text-light)}
.text-regular{font-weight: var(--text-regular)}
.text-normal{font-weight: var(--text-normal)}
.text-medium{font-weight: var(--text-medium)}
.text-semibold{font-weight: var(--text-semibold)}
.text-bold, b, .text-strong{font-weight: var(--text-strong)}
.text-extra-bold, .text-extra-strong{font-weight: var(--text-extra-strong)}

.uppercase{text-transform: uppercase}

.layer-1 {z-index:10;position: relative}
.layer-2 {z-index:20;position: relative}
.layer-3 {z-index:30;position: relative}
.layer-4 {z-index:40;position: relative}
.layer-top {z-index:9999;}
.layer-bottom {z-index:0;}

.height-xxs {display:grid;min-height:12.5vh}
.height-xs {display:grid;min-height:17.5vh}
.height-s {display:grid;min-height:25vh}
.height-m {display:grid;min-height:50vh}
.height-l {display:grid;min-height:75vh}
.height-xl {display:grid;min-height:87.5vh}
.height-xxl, .max-height {display:grid;min-height:calc(100vh - var(--header-height))}

.height-10 {display:grid;min-height:10vh}
.height-20 {display:grid;min-height:20vh}
.height-25 {display:grid;min-height:25vh}
.height-30 {display:grid;min-height:30vh}
.height-35 {display:grid;min-height:35vh}
.height-40 {display:grid;min-height:40vh}
.height-45 {display:grid;min-height:45vh}
.height-50 {display:grid;min-height:50vh}
.height-55 {display:grid;min-height:55vh}
.height-60 {display:grid;min-height:60vh}
.height-65 {display:grid;min-height:65vh}
.height-70 {display:grid;min-height:70vh}
.height-75 {display:grid;min-height:75vh}
.height-80 {display:grid;min-height:80vh}
.height-85 {display:grid;min-height:85vh}
.height-90 {display:grid;min-height:90vh}
.height-95 {display:grid;min-height:95vh}
.height-100 {display:grid;min-height:calc(100vh - var(--header-height))}

.opacity-1{opacity:0.1}
.opacity-2{opacity:0.2}
.opacity-3{opacity:0.3}
.opacity-4{opacity:0.4}
.opacity-5{opacity:0.5}
.opacity-6{opacity:0.6}
.opacity-7{opacity:0.7}
.opacity-8{opacity:0.8}
.opacity-9{opacity:0.9}
.opacity-10{opacity:1}
.opacity-85{opacity:0.85}

.background-color {background-color:var(--background-color)}
.background-color-light {background-color:var(--background-color-light)}
.background-color-dark {background-color:var(--background-color-dark)}
.background-color-fade {background-color:var(--background-color-fade)}

.button, button{line-height:inherit;font-size:inherit;overflow-wrap: break-word;white-space: normal;max-width: 100%;border:1px solid transparent;background:var(--button-bg);color:var(--button-text);font-weight:var(--text-semibold);min-height:2.75rem;padding:0 var(--size-l);cursor:pointer;transition:background 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, border-color 0.2s ease-in-out, opacity 0.2s ease-in-out, filter 0.2s ease-in-out;text-decoration:none;display:flex;height:auto;width:fit-content;column-gap: 8px;align-items: center;justify-content: center;box-sizing:border-box;box-shadow:none;}
.button.size-xxs, button.size-xxs {font-size:var(--text-xxs); min-height:1.625rem; padding:0 var(--size-s);}
.button.size-xs, button.size-xs {font-size:var(--text-xs); min-height:1.875rem; padding:0 var(--size-s);}
.button.size-s, button.size-s {font-size:var(--text-s); min-height:2.25rem; padding:0 var(--size-m);}
.button.size-l, button.size-l {font-size:var(--text-l); min-height:3.125rem; padding:0 var(--size-l);}
.button.size-xl, button.size-xl {font-size:var(--text-xl); min-height:3.5rem; padding:0 var(--size-l);}
.button.size-xxl, button.size-xxl {font-size:var(--text-xxl); min-height:3.75rem; padding:0 var(--size-l);}
.center .button, .center button{margin-left: auto;margin-right: auto;}
.icon-button {display: flex;width:44px;height:44px;padding:0;line-height:1;justify-content: center;align-items: center;box-sizing:border-box;}
.icon-button.size-s{width:36px;height:36px;padding:var(--size-s)}
.icon-button.size-l{width:60px;height:60px;padding:var(--size-s)}
.button.outline, button.outline{background-color: transparent;border: 1px solid var(--line-color);color: inherit;}
.button.text, button.text, a.button.text{background: transparent;border:1px solid transparent;padding:0;color: var(--link-color);min-height: auto;line-height: inherit;font-weight: inherit;transition: color 0.2s ease;display: inline-flex;gap: var(--size-s);}
.button.icon-right,button.icon-right{flex-direction: row-reverse;}

button.yellow:not(.outline):not(.text), .button.yellow:not(.outline):not(.text){ background: var(--yellow); color: var(--black); }
button.beige:not(.outline):not(.text), .button.beige:not(.outline):not(.text){ background: var(--beige); color: var(--black); }
button.white:not(.outline):not(.text), .button.white:not(.outline):not(.text){ background: var(--white); color: var(--black); }
button.pink:not(.outline):not(.text), .button.pink:not(.outline):not(.text){ background: var(--pink); color: var(--white); }
button.blue:not(.outline):not(.text), .button.blue:not(.outline):not(.text){ background: var(--blue); color: var(--white); }
button.orange:not(.outline):not(.text), .button.orange:not(.outline):not(.text){ background: var(--orange); color: var(--white); }
button.green:not(.outline):not(.text), .button.green:not(.outline):not(.text){ background: var(--green); color: var(--white); }
button.purple:not(.outline):not(.text), .button.purple:not(.outline):not(.text){ background: var(--purple); color: var(--white); }
button.red:not(.outline):not(.text), .button.red:not(.outline):not(.text){ background: var(--red); color: var(--white); }
button.brown:not(.outline):not(.text), .button.brown:not(.outline):not(.text){ background: var(--brown); color: var(--white); }
button.black:not(.outline):not(.text), .button.black:not(.outline):not(.text){ background: var(--black); color: var(--white); }

.button:hover:not(:disabled):not(.disabled):not(.text),
button:hover:not(:disabled):not(.disabled):not(.text),
a.button:hover:not(:disabled):not(.disabled):not(.text) { text-decoration: none; box-shadow: inset 0 0 0 100vmax var(--background-color-fade); }
.button.outline:hover:not(:disabled):not(.disabled), button.outline:hover:not(:disabled):not(.disabled), a.button.outline:hover:not(:disabled):not(.disabled) { background-color: transparent; }
.button.text:hover:not(:disabled):not(.disabled), button.text:hover:not(:disabled):not(.disabled), a.button.text:hover:not(:disabled):not(.disabled){background: transparent;color: var(--link-hover-color);text-decoration: underline;box-shadow: none;}
.button:active:not(:disabled):not(.disabled):not(.text),
button:active:not(:disabled):not(.disabled):not(.text),
a.button:active:not(:disabled):not(.disabled):not(.text) { box-shadow: inset 0 0 0 100vmax var(--button-active-tint); }
.button.outline:active:not(:disabled):not(.disabled), button.outline:active:not(:disabled):not(.disabled), a.button.outline:active:not(:disabled):not(.disabled) { background-color: transparent; }
.button.text:active:not(:disabled):not(.disabled), button.text:active:not(:disabled):not(.disabled), a.button.text:active:not(:disabled):not(.disabled){background: transparent;color: var(--link-hover-color);text-decoration: underline;box-shadow: none;}
.button:focus, button:focus{outline:2px solid var(--line-color);outline-offset:2px}
.button:focus-visible, button:focus-visible, .icon-button:focus-visible{outline:2px solid var(--line-color);outline-offset:2px}
.button.text:focus-visible, button.text:focus-visible, a.button.text:focus-visible{outline-color: var(--link-color);}
button.disabled, .button.disabled, .button:disabled, button:disabled {background-color:var(--button-bg-disabled);color:var(--button-text-disabled);cursor:not-allowed;opacity:0.6;filter:none;box-shadow:none;}
button.disabled:hover, .button.disabled:hover, .button:disabled:hover, button:disabled:hover{box-shadow:none;}

img{width:100%;max-width:100%;height:auto;display: block;}
	img.thumbnail{width:var(--image-thumbnail)}
	img.medium{width:var(--image-medium);}
	img.large{width:var(--image-large);}

	.images-xxs img, .image-xxs { width: 12.5%; max-width: var(--image-xxs);}
	.images-xs img, .image-xs { width: 17.5%; max-width: var(--image-xs);}
	.images-s img, .image-s { width: 25%; max-width: var(--image-s);}
	.images-m img, .image-m { width: 50%; max-width: var(--image-m);}
	.images-l img, .image-l { width: 75%; max-width: var(--image-l);}
	.images-xl img, .image-xl { width: 87.5%; max-width: var(--image-xl);}
	.images-full img, .image-full { width: 100%; max-width: var(--image-xxl);}

	.image-left img { margin-right: auto;}
	.image-center img { margin-inline: auto;}
	.image-right img { margin-left: auto;}

	.images-round img, .image-round{border-radius: 255px;}

.background-image,
.background-video {position:absolute;inset:0;width:100%;height:100%;display:block;box-sizing:border-box;overflow:hidden;z-index:0;}
	.background-video ws-youtube,
	.background-video video,
	.background-image img,
	.background-video iframe,
	.background-video object,
	.background-video embed{width: 100%;height: 100%;aspect-ratio: 16 / 9;border: 0;display: block;object-fit: cover;}

.ws-google-maps {aspect-ratio: 21 / 9;min-height: 350px;}

.media-right .media,
.media-left .media {width: 50%;height: 100%;position: relative;z-index: 0;}
.media-right {flex-direction: row;}
.media-left {flex-direction: row-reverse;}

.bg-fadeout, .bg-fadeout-default {position: absolute;width: 100%;height: 200px;background: linear-gradient(to top, var(--background-color), transparent);pointer-events: none;z-index: 1;bottom: 0;}
.bg-fadeout-dark {position: absolute;width: 100%;height: 200px;background: linear-gradient(to top, var(--background-color-dark), transparent);pointer-events: none;z-index: 1;bottom: 0;}
.bg-fadeout-light {position: absolute;width: 100%;height: 200px;background: linear-gradient(to top, var(--background-color-light), transparent);pointer-events: none;z-index: 1;bottom: 0;}
.bg-fadeout-fade {position: absolute;width: 100%;height: 200px;background: linear-gradient(to top, var(--background-color-fade), transparent);pointer-events: none;z-index: 1;bottom: 0;}

/* Edge fades into surface tokens; parent needs position:relative. */
.to-light-right,
.to-dark-right,
.to-background-right{position:absolute;top:0;right:0;bottom:0;width:min(50%,200px);pointer-events:none;z-index:1}
.to-light-right{background:linear-gradient(to left, var(--background-color-light), transparent)}
.to-dark-right{background:linear-gradient(to left, var(--background-color-dark), transparent)}
.to-background-right{background:linear-gradient(to left, var(--background-color), transparent)}

.to-light-left,
.to-dark-left,
.to-background-left{position:absolute;top:0;left:0;bottom:0;width:min(50%,200px);pointer-events:none;z-index:1}
.to-light-left{background:linear-gradient(to right, var(--background-color-light), transparent)}
.to-dark-left{background:linear-gradient(to right, var(--background-color-dark), transparent)}
.to-background-left{background:linear-gradient(to right, var(--background-color), transparent)}

.to-light-top,
.to-dark-top,
.to-background-top{position:absolute;top:0;left:0;right:0;height:min(50%,200px);pointer-events:none;z-index:1}
.to-light-top{background:linear-gradient(to bottom, var(--background-color-light), transparent)}
.to-dark-top{background:linear-gradient(to bottom, var(--background-color-dark), transparent)}
.to-background-top{background:linear-gradient(to bottom, var(--background-color), transparent)}

.to-light-bottom,
.to-dark-bottom,
.to-background-bottom{position:absolute;left:0;right:0;bottom:0;height:min(50%,200px);pointer-events:none;z-index:1}
.to-light-bottom{background:linear-gradient(to top, var(--background-color-light), transparent)}
.to-dark-bottom{background:linear-gradient(to top, var(--background-color-dark), transparent)}
.to-background-bottom{background:linear-gradient(to top, var(--background-color), transparent)}

.flex-group {display: flex;flex-wrap: wrap;align-items: center;width: fit-content;}
.flex-group > *,
.flex-group li {width: fit-content;}
.flex-group > .button,
.flex-group > a.button,
.flex-group > button {width: auto;max-width: 100%;flex: 0 0 auto;box-sizing: border-box;}
@media (max-width: 480px) {
	.flex-group {flex-direction: column;align-items: stretch;}
	.flex-group > .button, 
	.flex-group > a.button,
	.flex-group > button{width: 100%;}
	.flex-group > *,
	.flex-group li,
	.flex-group li .button {width: 100% !important;justify-content: center;}
}

/* =========================================
	1. BASE STYLES (Global)
	========================================= */

.glow {background-image: radial-gradient(50% 100% at 50% 100%, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 100%);border: 1px solid rgba(255, 255, 255, 0.1);}
.ribbon{text-align: center;font-size: var(--text-s);padding: var(--size-m);background-color: var(--background-color-fade)}
.sticky{top:0;position:sticky;z-index:100}
.hide-overflow{overflow: hidden;}
.wckd-visually-hidden {clip: rect(0 0 0 0);clip-path: inset(50%);height: 1px;overflow: hidden;position: absolute;white-space: nowrap;width: 1px;}
.skip-link {position: absolute;left: -10000px;top: auto;width: 1px;height: 1px;overflow: hidden;}
.skip-link:focus {position: fixed;left: 0.5rem;top: 0.5rem;width: auto;height: auto;padding: 0.5rem 1rem;overflow: visible;z-index: 10000;background: #ffffff;color: #111827;text-decoration: none;}

.wckd-cards.match-height > .column > a{min-height: 100%;flex-direction: column;color: inherit;}
.wckd-cards > .column > a:hover,
.wckd-cards > .column > a:focus {text-decoration: none;cursor: pointer;}

ul.checkmarks {list-style: none;padding-left: 0;margin: 0;}
ul.checkmarks li {position: relative;padding-left: 1.55em;}
ul.checkmarks li::before {content: "✓\00a0";position: absolute;left: 0;top: 0;color: var(--text-color);font-weight: var(--text-bold);}

.mobile-only { display: none;}

.ws-icon {width: 1em;height: 1em;display: inline-flex;fill: currentColor;}
	.ws-icon use {width: 100%;height: 100%;}
	.wckd-icon{display:inline-flex;align-items:center;flex-shrink:0;height:auto;width:auto;}
	.wckd-icon{transition: transform 0.2s ease;}
	.wckd-icon svg{width: 24px;height: 24px;stroke-width:1.8px;stroke:var(--text-color);fill:none;background-repeat: no-repeat;background-position: center;transition: fill 0.2s ease, stroke 0.2s ease;}
	a .wckd-icon svg,
	button .wckd-icon svg, svg.wckd-icon{height:1em;width: 1em;}
	button:not(.outline):not(.text) .wckd-icon svg,
	a.button:not(.outline):not(.text) .wckd-icon svg {
		stroke: currentColor;
	}
	button:not(.outline):not(.text) .wckd-icon.solid svg,
	a.button:not(.outline):not(.text) .wckd-icon.solid svg {
		fill: currentColor;
	}

	.wckd-icon.size-xs svg{width:16px;height:16px}
	.wckd-icon.size-s svg{width: 24px;height:24px}
	.wckd-icon.size-m svg{width:32px;height:32px}
	.wckd-icon.size-l svg{width:48px;height:48px}
	.wckd-icon.size-xl svg{width:64px;height:64px}

	.wckd-icon.rotate-north{transform: rotate(-90deg);-webkit-transform: rotate(-90deg)}
	.wckd-icon.rotate-north-east{transform: rotate(-45deg);-webkit-transform: rotate(-45deg)}
	.wckd-icon.rotate-east{transform: rotate(0deg)}
	.wckd-icon.rotate-south{transform: rotate(90deg);-webkit-transform: rotate(90deg)}
	.wckd-icon.rotate-south-east{transform: rotate(45deg);-webkit-transform: rotate(45deg)}
	.wckd-icon.rotate-west{transform: rotate(-180deg);-webkit-transform: rotate(-180deg)}
	.wckd-icon.rotate-south-west{transform: rotate(135deg);-webkit-transform: rotate(135deg)}
	.wckd-icon.rotate-north-west{transform: rotate(225deg);-webkit-transform: rotate(225deg)}
	.text > .wckd-icon svg{stroke:var(--link-color)}
	.text:hover > .wckd-icon svg{stroke:var(--link-hover-color)}
	.outline > .wckd-icon svg,
	.outline:hover > .wckd-icon svg{stroke:var(--text-color)}
	.wckd-icon.solid svg{fill:var(--text-color)}

	a.icon-label, button.icon-label{font-size: var(--text-xs)!important;display: grid!important;align-items: stretch!important;line-height: 1!important;justify-content: center !important;padding-bottom: 14px !important;background: none;border: 1px solid transparent;color: var(--text-color);stroke: var(--text-color);}
	a.icon-label > .wckd-icon, button.icon-label > .wckd-icon{font-size: var(--size-m)!important;margin-bottom: var(--size-xs);display: grid!important;}
	a.icon-label > .wckd-icon svg, button.icon-label > .wckd-icon svg{padding:4px}

input, textarea, select {border: 1px solid var(--line-color);box-sizing: border-box;font-size: 90%;padding: var(--size-m);width: 100%;outline: none;border-radius: var(--size-s);background: var(--background-color-fade);color: var(--text-color);}
input:focus-visible,
textarea:focus-visible,
select:focus-visible {outline: 2px solid var(--line-color); outline-offset: 2px;}
label {display: inline-block;font-size: 90%;margin: var(--size-s) 6px var(--size-xs);color: var(--text-color);}
label.column{margin:0} 
input[type="checkbox"], 
input[type="radio"] {width: auto;margin:0 var(--size-s) 0 var(--size-m);appearance: auto;-webkit-appearance: checkbox;cursor: pointer;}
input[type="checkbox"]:focus-visible,
input[type="radio"]:focus-visible {outline: 2px solid var(--line-color); outline-offset: 2px;}

/* In-view (core JS): wckd-ui.js toggles .in-view on .animate (idle init). Threshold: data-threshold on the node or on .wckd-carousel. Author .animate / .animate.in-view for entrances, or use .animate.image-zoom below. */
/* In-view still zoom: add .image-zoom next to .animate on a block that contains .background-image > img. */
.animate.image-zoom img{
	display:block;width:100%;height:100%;object-fit:cover;
	transform:scale(1);
	transition:transform 0.85s ease;
}
.animate.image-zoom.in-view img{
	transform:scale(1.1);
}
@media (prefers-reduced-motion: reduce) {
	.animate.image-zoom img,
	.animate.image-zoom.in-view img{
		transition-duration:0.01ms;
	}
}

@media (max-width: 768px) {
	.mobile-width-full{width:100%!important;}
	.desktop-only { display: none;} 
	.mobile-only{display: block}
}