html{font-size:62.5%;}html.cf-theme-dark{color-scheme:dark;}:root,:root.cf-theme-dark .theme-inverted,:root.cf-theme-dark .theme-always-light,:root.cf-theme-light .theme-inverted .theme-always-light{--min-screen-width:320px;--max-screen-width:1200px;--primary:#a012a3;--secondary:#a35712;--secondary-l-1:#b87742;--secondary-l-2:#ce986f;--secondary-l-3:#e0ba9e;--secondary-l-4:#f0dbcb;--tertiary:#120E3A;--strudel-blue:#125ea3;--bg-body:hsla(0,0%,90%,1);--bg-surface:hsla(0,0%,100%,1);--text-body:#404040;--text-title:hsla(0,0%,0%,1);--border-primary:hsla(0,0%,50%,0.25);--shadow-primary:hsla(0,0%,0%,0.15);--light:hsla(85,0%,100%,1);--light-5:hsla(0,0%,100%,0.05);--light-10:hsla(0,0%,100%,0.1);--light-20:hsla(0,0%,100%,0.2);--light-30:hsla(0,0%,100%,0.3);--light-40:hsla(0,0%,100%,0.4);--light-50:hsla(0,0%,100%,0.5);--light-60:hsla(0,0%,100%,0.6);--light-70:hsla(0,0%,100%,0.7);--light-80:hsla(0,0%,100%,0.8);--light-90:hsla(0,0%,100%,0.9);--dark:hsla(0,0%,0%,1);--dark-5:hsla(0,0%,0%,0.05);--dark-10:hsla(0,0%,0%,0.1);--dark-20:hsla(0,0%,0%,0.2);--dark-30:hsla(0,0%,0%,0.3);--dark-40:hsla(0,0%,0%,0.4);--dark-50:hsla(0,0%,0%,0.5);--dark-60:hsla(0,0%,0%,0.6);--dark-70:hsla(0,0%,0%,0.7);--dark-80:hsla(0,0%,0%,0.8);--dark-90:hsla(0,0%,0%,0.9);--success:#15a312;--success-5:#15a3120d;--success-10:#15a3121a;--success-20:#15a31233;--success-30:#15a3124d;--success-40:#15a31266;--success-50:#15a31280;--success-60:#15a31299;--success-70:#15a312b3;--success-80:#15a312cc;--success-90:#15a312e6;--error:hsla(351,95%,56%,1);--error-5:hsla(351,95%,56%,0.05);--error-10:hsla(351,95%,56%,0.1);--error-20:hsla(351,95%,56%,0.2);--error-30:hsla(351,95%,56%,0.3);--error-40:hsla(351,95%,56%,0.4);--error-50:hsla(351,95%,56%,0.5);--error-60:hsla(351,95%,56%,0.6);--error-70:hsla(351,95%,56%,0.7);--error-80:hsla(351,95%,56%,0.8);--error-90:hsla(351,95%,56%,0.9);--link:rgb(18,94,163);--space-4xs:clamp(0.64rem,calc(0.31vw + 0.54rem),0.92rem);--space-3xs:clamp(0.77rem,calc(0.43vw + 0.64rem),1.15rem);--space-2xs:clamp(0.93rem,calc(0.58vw + 0.74rem),1.43rem);--space-xs:clamp(1.11rem,calc(0.77vw + 0.86rem),1.79rem);--space-s:clamp(1.33rem,calc(1.03vw + 1rem),2.24rem);--space-m:clamp(1.6rem,calc(1.36vw + 1.16rem),2.8rem);--space-l:clamp(1.92rem,calc(1.8vw + 1.34rem),3.5rem);--space-xl:clamp(2.3rem,calc(2.35vw + 1.55rem),4.38rem);--space-2xl:clamp(2.76rem,calc(3.07vw + 1.78rem),5.47rem);--space-3xl:clamp(3.32rem,calc(4vw + 2.04rem),6.84rem);--space-4xl:clamp(3.98rem,calc(5.19vw + 2.32rem),8.54rem);--space-5xl:clamp(4.78rem,calc(6.71vw + 2.63rem),10.68rem);--text-xs:clamp(1.42rem,calc(-0.34vw + 1.53rem),1.13rem);--text-s:clamp(1.6rem,calc(-0.11vw + 1.64rem),1.5rem);--text-m:clamp(1.8rem,calc(0.23vw + 1.73rem),2rem);--text-l:clamp(2.02rem,calc(0.73vw + 1.79rem),2.67rem);--text-xl:clamp(2.28rem,calc(1.45vw + 1.81rem),3.55rem);--text-2xl:clamp(2.56rem,calc(2.47vw + 1.77rem),4.74rem);--text-3xl:clamp(2.88rem,calc(3.9vw + 1.64rem),6.31rem);--text-4xl:clamp(3.24rem,calc(5.88vw + 1.36rem),8.42rem);--heading-xs:clamp(1.58rem,calc(-0.13vw + 1.62rem),1.46rem);--heading-s:clamp(1.78rem,calc(0.2vw + 1.71rem),1.95rem);--heading-m:clamp(2rem,calc(0.68vw + 1.78rem),2.6rem);--heading-l:clamp(2.25rem,calc(1.38vw + 1.81rem),3.47rem);--heading-xl:clamp(2.53rem,calc(2.37vw + 1.77rem),4.62rem);--heading-2xl:clamp(2.85rem,calc(3.76vw + 1.64rem),6.16rem);--heading-3xl:clamp(3.2rem,calc(5.69vw + 1.38rem),8.21rem);--heading-4xl:clamp(3.6rem,calc(8.34vw + 0.93rem),10.94rem);--post-xs:clamp(1.26rem,calc(-0.16vw + 1.31rem),1.13rem);--post-s:clamp(1.42rem,calc(0.09vw + 1.39rem),1.5rem);--post-m:clamp(1.6rem,calc(0.45vw + 1.46rem),2rem);--post-l:clamp(1.8rem,calc(0.98vw + 1.48rem),2.67rem);--post-xl:clamp(2.02rem,calc(1.74vw + 1.47rem),3.55rem);--post-2xl:clamp(2.28rem,calc(2.79vw + 1.38rem),4.74rem);--post-3xl:clamp(2.56rem,calc(4.26vw + 1.2rem),6.31rem);--post-4xl:clamp(2.88rem,calc(6.29vw + 0.87rem),8.42rem);--hero-title-size:var(--text-4xl);--post-title-size:var(--text-2xl);--nav-link-size:var(--text-s);--header-space:var(--space-s);--btn-space:var(--space-xs) var(--space-s);--card-space:var(--space-s);--footer-space:var(--space-s) var(--space-m);--columns-1:repeat(1,minmax(0,1fr));--columns-2:repeat(2,minmax(0,1fr));--columns-3:repeat(3,minmax(0,1fr));--columns-4:repeat(4,minmax(0,1fr));--columns-5:repeat(5,minmax(0,1fr));--columns-6:repeat(6,minmax(0,1fr));--columns-7:repeat(7,minmax(0,1fr));--columns-8:repeat(8,minmax(0,1fr));--radius-xs:clamp(0.4rem,calc(0vw + 0.4rem),0.4rem);--radius-s:clamp(0.6rem,calc(0.23vw + 0.53rem),0.8rem);--radius-m:clamp(1rem,calc(0.23vw + 0.93rem),1.2rem);--radius-l:clamp(1.6rem,calc(0.45vw + 1.46rem),2rem);--radius-xl:clamp(2.6rem,calc(0.68vw + 2.38rem),3.2rem);--radius-full:999rem;--shadow-xs:0 1px 2px var(--shadow-primary);--shadow-s:0 1.5px 3px var(--shadow-primary);--shadow-m:0 2px 6px var(--shadow-primary);--shadow-l:0 3px 12px var(--shadow-primary);--shadow-xl:0 6px 48px var(--shadow-primary);}:root.cf-theme-dark,:root.cf-theme-light .theme-inverted,:root.cf-theme-light .theme-always-dark,:root.cf-theme-dark .theme-inverted .theme-always-dark{--primary:#460847;--bg-body:hsla(0,0%,5%,1);--bg-surface:hsla(0,0%,15%,1);--text-body:#bfbfbf;--text-title:hsla(0,0%,100%,1);--border-primary:hsla(0,0%,75%,0.1);--shadow-primary:hsla(0,0%,0%,0.4);--light:hsla(0,0%,0%,1);--light-5:hsla(0,0%,0%,0.05);--light-10:hsla(0,0%,0%,0.1);--light-20:hsla(0,0%,0%,0.2);--light-30:hsla(0,0%,0%,0.3);--light-40:hsla(0,0%,0%,0.4);--light-50:hsla(0,0%,0%,0.5);--light-60:hsla(0,0%,0%,0.6);--light-70:hsla(0,0%,0%,0.7);--light-80:hsla(0,0%,0%,0.8);--light-90:hsla(0,0%,0%,0.9);--dark:hsla(0,0%,100%,1);--dark-5:hsla(0,0%,100%,0.05);--dark-10:hsla(0,0%,100%,0.1);--dark-20:hsla(0,0%,100%,0.2);--dark-30:hsla(0,0%,100%,0.3);--dark-40:hsla(0,0%,100%,0.4);--dark-50:hsla(0,0%,100%,0.5);--dark-60:hsla(0,0%,100%,0.6);--dark-70:hsla(0,0%,100%,0.7);--dark-80:hsla(0,0%,100%,0.8);--dark-90:hsla(0,0%,100%,0.9);}.expand-click:not(a){position:static;}.expand-click:not(a) a{position:static;}.expand-click:not(a) > a:before{content:'';position:absolute;inset:0;cursor:pointer;display:flex;z-index:2;}a.expand-click{position:static;}a.expand-click:before{content:'';position:absolute;inset:0;cursor:pointer;display:flex;}.expand-click:focus-within:after{content:'';position:absolute;inset:-2px;z-index:1;outline:2px solid var(--primary);outline-offset:2px;display:var(--after-display);}.expand-click:focus-within:focus{outline:none;}.btn{display:flex;align-items:center;justify-content:center;gap:var(--space-3xs);padding:var(--space-xs) var(--space-s);background:var(--primary);color:#fff;font-size:var(--text-m);font-weight:600;border-radius:var(--radius-full);border:1px solid var(--primary-d-1);box-shadow:var(--shadow-m);transition:all 0.25s ease-in-out;outline:0;cursor:pointer;}.btn:hover{background:var(--primary-d-1);transform:translateY(-0.1rem);}.btn.small{font-size:var(--text-s);padding:var(--space-xs) var(--space-s);}.btn.large{font-size:var(--text-l);padding:var(--space-s) var(--space-m);}.btn.tertiary{background:var(--tertiary);border-color:var(--tertiary-d-1);}.btn.ghost{color:var(--dark-80);background:transparent;border-color:transparent;box-shadow:none;}.btn.slight{color:var(--dark-80);background:var(--bg-surface);border-color:var(--border-primary);box-shadow:var(--shadow-s);}.btn.secondary{background:var(--secondary);border-color:var(--secondary-d-1);}.btn.ghost:hover{background:var(--dark-10);}.btn.slight:hover{background:var(--dark-5);}.btn.tertiary:hover{background:var(--tertiary-d-1);}.btn.secondary:hover{background:var(--secondary-d-1);}.btn:focus{outline:4px solid var(--primary-l-3);outline-offset:2px;}.btn.no-bg{color:var(--dark-80);background:transparent;box-shadow:none;border-color:transparent;}.btn.no-bg:hover{color:var(--dark);}.badge{display:flex;align-items:center;justify-content:center;gap:var(--space-4xs);padding:var(--space-2xs) var(--space-s);background:var(--dark-10);color:var(--primary);font-size:var(--text-s);font-weight:500;border-radius:var(--radius-full);border:0;outline:0;}.badge.secondary{color:var(--secondary);}.badge-eyebrow{display:flex;align-items:center;justify-content:center;gap:var(--space-4xs);padding:var(--space-4xs) var(--space-s);background:var(--dark-10);color:var(--primary);font-size:var(--text-s);font-weight:500;border-radius:var(--radius-full);border:0;outline:0;}.badge-eyebrow.secondary{color:var(--secondary);}.post-taxonomy{display:flex;align-items:center;justify-content:center;gap:var(--space-4xs);padding:var(--space-4xs) var(--space-s);background:var(--tertiary);color:#fff;font-size:var(--text-s);font-weight:500;border-radius:var(--radius-full);border:0;outline:0;}.post-taxonomy.secondary{color:var(--secondary);}.link{color:var(--url);font-size:var(--text-m);font-weight:400;letter-spacing:0.05rem;box-shadow:0 2px 0 var(--primary-20);-webkit-text-decoration:none;text-decoration:none;transition:all 0.15s ease-in-out;}.link:hover{box-shadow:0 2px 0 var(--primary-40);}.link:focus{background:var(--primary-10);}.link.secondary{color:var(--secondary);border-color:var(--secondary-20);}.link.tertiary{color:var(--tertiary);border-color:var(--tertiary-20);}.input{padding:var(--space-xs) var(--space-s);background:var(--dark-5);color:var(--text-title);font-size:var(--text-m);font-weight:500;border-radius:var(--radius-m);border:1px solid var(--border-primary);box-shadow:var(--shadow-xs);transition:all 0.25s ease-in-out;appearance:none;outline:0;}.input:focus{background:var(--primary-20);border-color:var(--primary);box-shadow:var(--shadow-l);}.input:hover{border-color:var(--primary);background:transparent;box-shadow:var(--shadow-l);}.input::placeholder{color:var(--dark-40);}.input:invalid{border-color:var(--error);background:var(--error-10);}.input:disabled{cursor:not-allowed;opacity:.75;box-shadow:none;background:var(--dark-10);}.select{padding:var(--space-xs) var(--space-s);background:var(--dark-5);color:var(--text-body);font-size:var(--text-m);font-weight:500;border-radius:var(--radius-m);border:1px solid var(--border-primary);box-shadow:var(--shadow-xs);transition:all 0.25s ease-in-out;outline:0;}.select:focus{background:var(--primary-20);border-color:var(--primary);}.select:hover{border-color:var(--primary);}.select::placeholder{color:var(--dark-40);}.select:invalid{border-color:var(--error);background:var(--error-10);}.select:disabled{cursor:not-allowed;opacity:.75;box-shadow:none;background:var(--dark-10);}.card{display:grid;gap:var(--space-xs);padding:var(--space-m);font-size:var(--text-m);color:var(--text-body);background:var(--bg-surface);line-height:1.3;border-radius:var(--radius-m);box-shadow:var(--shadow-m);}.card.secondary{background:var(--secondary);color:#fff;}.card.primary{background:var(--primary);color:#fff;}.icon{color:var(--primary);width:var(--space-2xl);height:auto;font-size:var(--space-2xl);}.icon.large{width:var(--space-3xl);font-size:var(--space-3xl);}.icon.secondary{color:var(--secondary);}.icon.tertiary{color:var(--tertiary);}.icon.outline{padding:0.5em;border:1px solid var(--border-primary);border-radius:100%;box-sizing:content-box;}.icon.filled{padding:0.5em;border-radius:100%;box-sizing:content-box;background:var(--dark-10);}.icon.small{width:var(--space-l);font-size:var(--space-l);}.avatar{width:var(--space-2xl);height:var(--space-2xl);border-radius:100%;box-shadow:var(--shadow-m);object-fit:cover;}.avatar.small{width:var(--space-l);height:var(--space-l);}.avatar.large{width:var(--space-4xl);height:var(--space-4xl);}.divider{min-width:100%;width:100%;max-width:100%;min-height:1px;height:1px;max-height:1px;background:var(--border-primary);margin:var(--space-m) 0;border:0;}.divider.vertical{min-width:1px;width:1px;max-width:1px;min-height:100%;height:100%;max-height:100%;}.checkbox{appearance:none;display:grid;place-content:center;border:2px solid var(--dark-40);border-radius:var(--radius-s);width:clamp(1.8rem,calc(0.45vw + 1.66rem),2.2rem);height:clamp(1.8rem,calc(0.45vw + 1.66rem),2.2rem);}.checkbox:checked:before{transform:scale(1);}.checkbox::before{content:"";width:1em;height:1em;box-shadow:inset 1em 1em #fff;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);transform:scale(0);transition:transform 0.2s;}.checkbox:hover{border-color:var(--primary);}.checkbox:focus{outline:3px solid var(--primary-l-3);outline-offset:2px;}.checkbox:checked{border-color:var(--primary);color:var(--primary);}.radio{appearance:none;display:grid;place-content:center;border:2px solid var(--dark-40);border-radius:var(--radius-full);width:clamp(1.8rem,calc(0.45vw + 1.66rem),2.2rem);height:clamp(1.8rem,calc(0.45vw + 1.66rem),2.2rem);}.radio:checked:before{transform:scale(1);}.radio::before{content:"";width:1em;height:1em;border-radius:100%;transform:scale(0);transition:transform 0.2s;background:var(--primary);}.radio:hover{border-color:var(--primary);}.radio:focus{outline:3px solid var(--primary-l-3);outline-offset:2px;}.radio:checked{border-color:var(--primary);}.bg-primary{background-color:var(--primary);}.text-primary{color:var(--primary);}.border-primary{border-color:var(--primary);border-color:var(--border-primary);}.bg-secondary{background-color:var(--secondary);}.bg-secondary-l-1{background-color:var(--secondary-l-1);}.bg-secondary-l-2{background-color:var(--secondary-l-2);}.bg-secondary-l-3{background-color:var(--secondary-l-3);}.bg-secondary-l-4{background-color:var(--secondary-l-4);}.text-secondary{color:var(--secondary);}.text-secondary-l-1{color:var(--secondary-l-1);}.text-secondary-l-2{color:var(--secondary-l-2);}.text-secondary-l-3{color:var(--secondary-l-3);}.text-secondary-l-4{color:var(--secondary-l-4);}.border-secondary{border-color:var(--secondary);}.border-secondary-l-1{border-color:var(--secondary-l-1);}.border-secondary-l-2{border-color:var(--secondary-l-2);}.border-secondary-l-3{border-color:var(--secondary-l-3);}.border-secondary-l-4{border-color:var(--secondary-l-4);}.bg-tertiary{background-color:var(--tertiary);}.text-tertiary{color:var(--tertiary);}.border-tertiary{border-color:var(--tertiary);}.bg-body{background-color:var(--bg-body);}.bg-surface{background-color:var(--bg-surface);}.text-body{color:var(--text-body);}.text-title{color:var(--text-title);}.bg-light{background-color:var(--light);}.bg-light-5{background-color:var(--light-5);}.bg-light-10{background-color:var(--light-10);}.bg-light-20{background-color:var(--light-20);}.bg-light-30{background-color:var(--light-30);}.bg-light-40{background-color:var(--light-40);}.bg-light-50{background-color:var(--light-50);}.bg-light-60{background-color:var(--light-60);}.bg-light-70{background-color:var(--light-70);}.bg-light-80{background-color:var(--light-80);}.bg-light-90{background-color:var(--light-90);}.text-light{color:var(--light);}.text-light-5{color:var(--light-5);}.text-light-10{color:var(--light-10);}.text-light-20{color:var(--light-20);}.text-light-30{color:var(--light-30);}.text-light-40{color:var(--light-40);}.text-light-50{color:var(--light-50);}.text-light-60{color:var(--light-60);}.text-light-70{color:var(--light-70);}.text-light-80{color:var(--light-80);}.text-light-90{color:var(--light-90);}.border-light{border-color:var(--light);}.border-light-5{border-color:var(--light-5);}.border-light-10{border-color:var(--light-10);}.border-light-20{border-color:var(--light-20);}.border-light-30{border-color:var(--light-30);}.border-light-40{border-color:var(--light-40);}.border-light-50{border-color:var(--light-50);}.border-light-60{border-color:var(--light-60);}.border-light-70{border-color:var(--light-70);}.border-light-80{border-color:var(--light-80);}.border-light-90{border-color:var(--light-90);}.bg-dark{background-color:var(--dark);}.bg-dark-5{background-color:var(--dark-5);}.bg-dark-10{background-color:var(--dark-10);}.bg-dark-20{background-color:var(--dark-20);}.bg-dark-30{background-color:var(--dark-30);}.bg-dark-40{background-color:var(--dark-40);}.bg-dark-50{background-color:var(--dark-50);}.bg-dark-60{background-color:var(--dark-60);}.bg-dark-70{background-color:var(--dark-70);}.bg-dark-80{background-color:var(--dark-80);}.bg-dark-90{background-color:var(--dark-90);}.text-dark{color:var(--dark);}.text-dark-5{color:var(--dark-5);}.text-dark-10{color:var(--dark-10);}.text-dark-20{color:var(--dark-20);}.text-dark-30{color:var(--dark-30);}.text-dark-40{color:var(--dark-40);}.text-dark-50{color:var(--dark-50);}.text-dark-60{color:var(--dark-60);}.text-dark-70{color:var(--dark-70);}.text-dark-80{color:var(--dark-80);}.text-dark-90{color:var(--dark-90);}.border-dark{border-color:var(--dark);}.border-dark-5{border-color:var(--dark-5);}.border-dark-10{border-color:var(--dark-10);}.border-dark-20{border-color:var(--dark-20);}.border-dark-30{border-color:var(--dark-30);}.border-dark-40{border-color:var(--dark-40);}.border-dark-50{border-color:var(--dark-50);}.border-dark-60{border-color:var(--dark-60);}.border-dark-70{border-color:var(--dark-70);}.border-dark-80{border-color:var(--dark-80);}.border-dark-90{border-color:var(--dark-90);}.bg-success{background-color:var(--success);}.bg-success-5{background-color:var(--success-5);}.bg-success-10{background-color:var(--success-10);}.bg-success-20{background-color:var(--success-20);}.bg-success-30{background-color:var(--success-30);}.bg-success-40{background-color:var(--success-40);}.bg-success-50{background-color:var(--success-50);}.bg-success-60{background-color:var(--success-60);}.bg-success-70{background-color:var(--success-70);}.bg-success-80{background-color:var(--success-80);}.bg-success-90{background-color:var(--success-90);}.text-success{color:var(--success);}.text-success-5{color:var(--success-5);}.text-success-10{color:var(--success-10);}.text-success-20{color:var(--success-20);}.text-success-30{color:var(--success-30);}.text-success-40{color:var(--success-40);}.text-success-50{color:var(--success-50);}.text-success-60{color:var(--success-60);}.text-success-70{color:var(--success-70);}.text-success-80{color:var(--success-80);}.text-success-90{color:var(--success-90);}.border-success{border-color:var(--success);}.border-success-5{border-color:var(--success-5);}.border-success-10{border-color:var(--success-10);}.border-success-20{border-color:var(--success-20);}.border-success-30{border-color:var(--success-30);}.border-success-40{border-color:var(--success-40);}.border-success-50{border-color:var(--success-50);}.border-success-60{border-color:var(--success-60);}.border-success-70{border-color:var(--success-70);}.border-success-80{border-color:var(--success-80);}.border-success-90{border-color:var(--success-90);}.bg-error{background-color:var(--error);}.bg-error-5{background-color:var(--error-5);}.bg-error-10{background-color:var(--error-10);}.bg-error-20{background-color:var(--error-20);}.bg-error-30{background-color:var(--error-30);}.bg-error-40{background-color:var(--error-40);}.bg-error-50{background-color:var(--error-50);}.bg-error-60{background-color:var(--error-60);}.bg-error-70{background-color:var(--error-70);}.bg-error-80{background-color:var(--error-80);}.bg-error-90{background-color:var(--error-90);}.text-error{color:var(--error);}.text-error-5{color:var(--error-5);}.text-error-10{color:var(--error-10);}.text-error-20{color:var(--error-20);}.text-error-30{color:var(--error-30);}.text-error-40{color:var(--error-40);}.text-error-50{color:var(--error-50);}.text-error-60{color:var(--error-60);}.text-error-70{color:var(--error-70);}.text-error-80{color:var(--error-80);}.text-error-90{color:var(--error-90);}.border-error{border-color:var(--error);}.border-error-5{border-color:var(--error-5);}.border-error-10{border-color:var(--error-10);}.border-error-20{border-color:var(--error-20);}.border-error-30{border-color:var(--error-30);}.border-error-40{border-color:var(--error-40);}.border-error-50{border-color:var(--error-50);}.border-error-60{border-color:var(--error-60);}.border-error-70{border-color:var(--error-70);}.border-error-80{border-color:var(--error-80);}.border-error-90{border-color:var(--error-90);}.padding-4xs{padding:var(--space-4xs);}.padding-3xs{padding:var(--space-3xs);}.padding-2xs{padding:var(--space-2xs);}.padding-xs{padding:var(--space-xs);}.padding-s{padding:var(--space-s);}.padding-m{padding:var(--space-m);}.padding-l{padding:var(--space-l);}.padding-xl{padding:var(--space-xl);}.padding-2xl{padding:var(--space-2xl);}.padding-3xl{padding:var(--space-3xl);}.padding-4xl{padding:var(--space-4xl);}.padding-5xl{padding:var(--space-5xl);}.padding-left-4xs{padding-left:var(--space-4xs);}.padding-left-3xs{padding-left:var(--space-3xs);}.padding-left-2xs{padding-left:var(--space-2xs);}.padding-left-xs{padding-left:var(--space-xs);}.padding-left-s{padding-left:var(--space-s);}.padding-left-m{padding-left:var(--space-m);}.padding-left-l{padding-left:var(--space-l);}.padding-left-xl{padding-left:var(--space-xl);}.padding-left-2xl{padding-left:var(--space-2xl);}.padding-left-3xl{padding-left:var(--space-3xl);}.padding-left-4xl{padding-left:var(--space-4xl);}.padding-left-5xl{padding-left:var(--space-5xl);}.padding-right-4xs{padding-right:var(--space-4xs);}.padding-right-3xs{padding-right:var(--space-3xs);}.padding-right-2xs{padding-right:var(--space-2xs);}.padding-right-xs{padding-right:var(--space-xs);}.padding-right-s{padding-right:var(--space-s);}.padding-right-m{padding-right:var(--space-m);}.padding-right-l{padding-right:var(--space-l);}.padding-right-xl{padding-right:var(--space-xl);}.padding-right-2xl{padding-right:var(--space-2xl);}.padding-right-3xl{padding-right:var(--space-3xl);}.padding-right-4xl{padding-right:var(--space-4xl);}.padding-right-5xl{padding-right:var(--space-5xl);}.padding-top-4xs{padding-top:var(--space-4xs);}.padding-top-3xs{padding-top:var(--space-3xs);}.padding-top-2xs{padding-top:var(--space-2xs);}.padding-top-xs{padding-top:var(--space-xs);}.padding-top-s{padding-top:var(--space-s);}.padding-top-m{padding-top:var(--space-m);}.padding-top-l{padding-top:var(--space-l);}.padding-top-xl{padding-top:var(--space-xl);}.padding-top-2xl{padding-top:var(--space-2xl);}.padding-top-3xl{padding-top:var(--space-3xl);}.padding-top-4xl{padding-top:var(--space-4xl);}.padding-top-5xl{padding-top:var(--space-5xl);}.padding-bottom-4xs{padding-bottom:var(--space-4xs);}.padding-bottom-3xs{padding-bottom:var(--space-3xs);}.padding-bottom-2xs{padding-bottom:var(--space-2xs);}.padding-bottom-xs{padding-bottom:var(--space-xs);}.padding-bottom-s{padding-bottom:var(--space-s);}.padding-bottom-m{padding-bottom:var(--space-m);}.padding-bottom-l{padding-bottom:var(--space-l);}.padding-bottom-xl{padding-bottom:var(--space-xl);}.padding-bottom-2xl{padding-bottom:var(--space-2xl);}.padding-bottom-3xl{padding-bottom:var(--space-3xl);}.padding-bottom-4xl{padding-bottom:var(--space-4xl);}.padding-bottom-5xl{padding-bottom:var(--space-5xl);}.padding-horizontal-4xs{padding-left:var(--space-4xs);padding-right:var(--space-4xs);}.padding-horizontal-3xs{padding-left:var(--space-3xs);padding-right:var(--space-3xs);}.padding-horizontal-2xs{padding-left:var(--space-2xs);padding-right:var(--space-2xs);}.padding-horizontal-xs{padding-left:var(--space-xs);padding-right:var(--space-xs);}.padding-horizontal-s{padding-left:var(--space-s);padding-right:var(--space-s);}.padding-horizontal-m{padding-left:var(--space-m);padding-right:var(--space-m);}.padding-horizontal-l{padding-left:var(--space-l);padding-right:var(--space-l);}.padding-horizontal-xl{padding-left:var(--space-xl);padding-right:var(--space-xl);}.padding-horizontal-2xl{padding-left:var(--space-2xl);padding-right:var(--space-2xl);}.padding-horizontal-3xl{padding-left:var(--space-3xl);padding-right:var(--space-3xl);}.padding-horizontal-4xl{padding-left:var(--space-4xl);padding-right:var(--space-4xl);}.padding-horizontal-5xl{padding-left:var(--space-5xl);padding-right:var(--space-5xl);}.padding-vertical-4xs{padding-top:var(--space-4xs);padding-bottom:var(--space-4xs);}.padding-vertical-3xs{padding-top:var(--space-3xs);padding-bottom:var(--space-3xs);}.padding-vertical-2xs{padding-top:var(--space-2xs);padding-bottom:var(--space-2xs);}.padding-vertical-xs{padding-top:var(--space-xs);padding-bottom:var(--space-xs);}.padding-vertical-s{padding-top:var(--space-s);padding-bottom:var(--space-s);}.padding-vertical-m{padding-top:var(--space-m);padding-bottom:var(--space-m);}.padding-vertical-l{padding-top:var(--space-l);padding-bottom:var(--space-l);}.padding-vertical-xl{padding-top:var(--space-xl);padding-bottom:var(--space-xl);}.padding-vertical-2xl{padding-top:var(--space-2xl);padding-bottom:var(--space-2xl);}.padding-vertical-3xl{padding-top:var(--space-3xl);padding-bottom:var(--space-3xl);}.padding-vertical-4xl{padding-top:var(--space-4xl);padding-bottom:var(--space-4xl);}.padding-vertical-5xl{padding-top:var(--space-5xl);padding-bottom:var(--space-5xl);}.margin-4xs{margin:var(--space-4xs);}.margin-3xs{margin:var(--space-3xs);}.margin-2xs{margin:var(--space-2xs);}.margin-xs{margin:var(--space-xs);}.margin-s{margin:var(--space-s);}.margin-m{margin:var(--space-m);}.margin-l{margin:var(--space-l);}.margin-xl{margin:var(--space-xl);}.margin-2xl{margin:var(--space-2xl);}.margin-3xl{margin:var(--space-3xl);}.margin-4xl{margin:var(--space-4xl);}.margin-5xl{margin:var(--space-5xl);}.margin-left-4xs{margin-left:var(--space-4xs);}.margin-left-3xs{margin-left:var(--space-3xs);}.margin-left-2xs{margin-left:var(--space-2xs);}.margin-left-xs{margin-left:var(--space-xs);}.margin-left-s{margin-left:var(--space-s);}.margin-left-m{margin-left:var(--space-m);}.margin-left-l{margin-left:var(--space-l);}.margin-left-xl{margin-left:var(--space-xl);}.margin-left-2xl{margin-left:var(--space-2xl);}.margin-left-3xl{margin-left:var(--space-3xl);}.margin-left-4xl{margin-left:var(--space-4xl);}.margin-left-5xl{margin-left:var(--space-5xl);}.margin-right-4xs{margin-right:var(--space-4xs);}.margin-right-3xs{margin-right:var(--space-3xs);}.margin-right-2xs{margin-right:var(--space-2xs);}.margin-right-xs{margin-right:var(--space-xs);}.margin-right-s{margin-right:var(--space-s);}.margin-right-m{margin-right:var(--space-m);}.margin-right-l{margin-right:var(--space-l);}.margin-right-xl{margin-right:var(--space-xl);}.margin-right-2xl{margin-right:var(--space-2xl);}.margin-right-3xl{margin-right:var(--space-3xl);}.margin-right-4xl{margin-right:var(--space-4xl);}.margin-right-5xl{margin-right:var(--space-5xl);}.margin-top-4xs{margin-top:var(--space-4xs);}.margin-top-3xs{margin-top:var(--space-3xs);}.margin-top-2xs{margin-top:var(--space-2xs);}.margin-top-xs{margin-top:var(--space-xs);}.margin-top-s{margin-top:var(--space-s);}.margin-top-m{margin-top:var(--space-m);}.margin-top-l{margin-top:var(--space-l);}.margin-top-xl{margin-top:var(--space-xl);}.margin-top-2xl{margin-top:var(--space-2xl);}.margin-top-3xl{margin-top:var(--space-3xl);}.margin-top-4xl{margin-top:var(--space-4xl);}.margin-top-5xl{margin-top:var(--space-5xl);}.margin-bottom-4xs{margin-bottom:var(--space-4xs);}.margin-bottom-3xs{margin-bottom:var(--space-3xs);}.margin-bottom-2xs{margin-bottom:var(--space-2xs);}.margin-bottom-xs{margin-bottom:var(--space-xs);}.margin-bottom-s{margin-bottom:var(--space-s);}.margin-bottom-m{margin-bottom:var(--space-m);}.margin-bottom-l{margin-bottom:var(--space-l);}.margin-bottom-xl{margin-bottom:var(--space-xl);}.margin-bottom-2xl{margin-bottom:var(--space-2xl);}.margin-bottom-3xl{margin-bottom:var(--space-3xl);}.margin-bottom-4xl{margin-bottom:var(--space-4xl);}.margin-bottom-5xl{margin-bottom:var(--space-5xl);}.margin-horizontal-4xs{margin-left:var(--space-4xs);margin-right:var(--space-4xs);}.margin-horizontal-3xs{margin-left:var(--space-3xs);margin-right:var(--space-3xs);}.margin-horizontal-2xs{margin-left:var(--space-2xs);margin-right:var(--space-2xs);}.margin-horizontal-xs{margin-left:var(--space-xs);margin-right:var(--space-xs);}.margin-horizontal-s{margin-left:var(--space-s);margin-right:var(--space-s);}.margin-horizontal-m{margin-left:var(--space-m);margin-right:var(--space-m);}.margin-horizontal-l{margin-left:var(--space-l);margin-right:var(--space-l);}.margin-horizontal-xl{margin-left:var(--space-xl);margin-right:var(--space-xl);}.margin-horizontal-2xl{margin-left:var(--space-2xl);margin-right:var(--space-2xl);}.margin-horizontal-3xl{margin-left:var(--space-3xl);margin-right:var(--space-3xl);}.margin-horizontal-4xl{margin-left:var(--space-4xl);margin-right:var(--space-4xl);}.margin-horizontal-5xl{margin-left:var(--space-5xl);margin-right:var(--space-5xl);}.margin-vertical-4xs{margin-top:var(--space-4xs);margin-bottom:var(--space-4xs);}.margin-vertical-3xs{margin-top:var(--space-3xs);margin-bottom:var(--space-3xs);}.margin-vertical-2xs{margin-top:var(--space-2xs);margin-bottom:var(--space-2xs);}.margin-vertical-xs{margin-top:var(--space-xs);margin-bottom:var(--space-xs);}.margin-vertical-s{margin-top:var(--space-s);margin-bottom:var(--space-s);}.margin-vertical-m{margin-top:var(--space-m);margin-bottom:var(--space-m);}.margin-vertical-l{margin-top:var(--space-l);margin-bottom:var(--space-l);}.margin-vertical-xl{margin-top:var(--space-xl);margin-bottom:var(--space-xl);}.margin-vertical-2xl{margin-top:var(--space-2xl);margin-bottom:var(--space-2xl);}.margin-vertical-3xl{margin-top:var(--space-3xl);margin-bottom:var(--space-3xl);}.margin-vertical-4xl{margin-top:var(--space-4xl);margin-bottom:var(--space-4xl);}.margin-vertical-5xl{margin-top:var(--space-5xl);margin-bottom:var(--space-5xl);}.gap-4xs{gap:var(--space-4xs);}.gap-3xs{gap:var(--space-3xs);}.gap-2xs{gap:var(--space-2xs);}.gap-xs{gap:var(--space-xs);}.gap-s{gap:var(--space-s);}.gap-m{gap:var(--space-m);}.gap-l{gap:var(--space-l);}.gap-xl{gap:var(--space-xl);}.gap-2xl{gap:var(--space-2xl);}.gap-3xl{gap:var(--space-3xl);}.gap-4xl{gap:var(--space-4xl);}.gap-5xl{gap:var(--space-5xl);}.text-xs{font-size:var(--text-xs);}.text-s{font-size:var(--text-s);}.text-m{font-size:var(--text-m);}.text-l{font-size:var(--text-l);}.text-xl{font-size:var(--text-xl);}.text-2xl{font-size:var(--text-2xl);}.text-3xl{font-size:var(--text-3xl);}.text-4xl{font-size:var(--text-4xl);}H1{font-size:var(--text-2xl);line-height:1.1;}H2{font-size:var(--text-xl);line-height:1.2;}H3{font-size:var(--text-l);line-height:1.3;}H4{font-size:var(--text-m);line-height:1.3;}H5{font-size:var(--text-l);line-height:1.3;}H6{font-size:var(--text-m);line-height:1.4;}.line-height-xs{line-height:1;}.line-height-s{line-height:1.2;}.line-height-m{line-height:1.3;}.line-height-l{line-height:1.4;}.line-height-xl{line-height:1.5;}.line-height-2xl{line-height:1.6;}.italic{font-style:italic;}.bold{font-weight:bold;}.lowercase{text-transform:lowercase;}.uppercase{text-transform:uppercase;}.underline{-webkit-text-decoration:underline;text-decoration:underline;}.font-100{font-weight:100;}.font-200{font-weight:200;}.font-300{font-weight:300;}.font-400{font-weight:400;}.font-500{font-weight:500;}.font-600{font-weight:600;}.font-700{font-weight:700;}.font-800{font-weight:800;}.font-900{font-weight:900;}.text-left{text-align:left;}.text-center{text-align:center;}.text-right{text-align:right;}.row{display:grid;grid-auto-flow:column;justify-content:start;}.column{display:grid;grid-auto-flow:row;justify-items:start;align-content:start;}.columns-2{display:grid;grid-template-columns:var(--columns-2);}.columns-3{display:grid;grid-template-columns:var(--columns-3);}.columns-4{display:grid;grid-template-columns:var(--columns-4);}.columns-5{display:grid;grid-template-columns:var(--columns-5);}.columns-6{display:grid;grid-template-columns:var(--columns-6);}.columns-7{display:grid;grid-template-columns:var(--columns-7);}.columns-8{display:grid;grid-template-columns:var(--columns-8);}.columns-min-5{display:grid;grid-template-columns:repeat(auto-fit,minmax(5rem,1fr));}.columns-min-10{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));}.columns-min-20{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));}.columns-min-30{display:grid;grid-template-columns:repeat(auto-fit,minmax(30rem,1fr));}.columns-min-40{display:grid;grid-template-columns:repeat(auto-fit,minmax(40rem,1fr));}.columns-min-50{display:grid;grid-template-columns:repeat(auto-fit,minmax(50rem,1fr));}.columns-min-60{display:grid;grid-template-columns:repeat(auto-fit,minmax(60rem,1fr));}.columns-min-70{display:grid;grid-template-columns:repeat(auto-fit,minmax(70rem,1fr));}.flex-row{display:flex;flex-direction:row;}.flex-column{display:flex;flex-direction:column;}.flex-1{flex:1;}.flex-2{flex:2;}.flex-3{flex:3;}.flex-wrap{flex-wrap:wrap;}.flex-nowrap{flex-wrap:nowrap;}.col-span-2{grid-column:auto / span 2;}.col-span-3{grid-column:auto / span 3;}.col-span-4{grid-column:auto / span 4;}.col-span-5{grid-column:auto / span 5;}.col-span-6{grid-column:auto / span 6;}.col-span-7{grid-column:auto / span 7;}.col-span-8{grid-column:auto / span 8;}.col-start-1{grid-column-start:1;}.col-start-2{grid-column-start:2;}.col-start-3{grid-column-start:3;}.col-start-4{grid-column-start:4;}.col-start-5{grid-column-start:5;}.col-start-6{grid-column-start:6;}.col-start-7{grid-column-start:7;}.col-start-8{grid-column-start:8;}.row-span-2{grid-row:auto / span 2;}.row-span-3{grid-row:auto / span 3;}.row-span-4{grid-row:auto / span 4;}.row-span-5{grid-row:auto / span 5;}.row-span-6{grid-row:auto / span 6;}.row-span-7{grid-row:auto / span 7;}.row-span-8{grid-row:auto / span 8;}.row-start-1{grid-row-start:1;}.row-start-2{grid-row-start:2;}.row-start-3{grid-row-start:3;}.row-start-4{grid-row-start:4;}.row-start-5{grid-row-start:5;}.row-start-6{grid-row-start:6;}.row-start-7{grid-row-start:7;}.row-start-8{grid-row-start:8;}.items-left{justify-items:start;}.content-left{justify-content:start;}.items-center{justify-items:center;}.content-center{justify-content:center;}.items-right{justify-items:end;}.content-right{justify-content:end;}.items-top{align-items:start;}.content-top{align-content:start;}.items-middle{align-items:center;}.content-middle{align-content:center;}.items-bottom{align-items:end;}.content-bottom{align-content:end;}.items-stretch{align-items:stretch;}.content-stretch{justify-content:stretch;}.space-between{justify-content:space-between;}.space-around{justify-content:space-around;}.self-left{margin-right:auto;place-self:start;}.self-center{margin-inline:auto;place-self:center;}.self-right{margin-left:auto;place-self:end;}.self-top{margin-bottom:auto;align-self:start;}.self-middle{margin-block:auto;align-self:center;}.self-bottom{margin-top:auto;align-self:end;}.self-stretch{align-self:stretch;}.full-width{width:100%;}.full-height{height:100%;}.screen-width{width:100vw;}.screen-height{height:100vh;}.auto-width{width:auto;}.auto-height{height:auto;}.width-90{width:90%;}.width-80{width:80%;}.width-70{width:70%;}.width-60{width:60%;}.width-50{width:50%;}.width-40{width:40%;}.width-30{width:30%;}.width-20{width:20%;}.width-10{width:10%;}.max-site-width{max-width:var(--max-screen-width);width:100%;}.max-width-140{max-width:140rem;}.max-width-130{max-width:130rem;}.max-width-120{max-width:120rem;}.max-width-110{max-width:110rem;}.max-width-100{max-width:100rem;}.max-width-90{max-width:90rem;}.max-width-80{max-width:80rem;}.max-width-70{max-width:70rem;}.max-width-60{max-width:60rem;}.max-width-50{max-width:50rem;}.max-width-40{max-width:40rem;}.max-width-30{max-width:30rem;}.max-width-20{max-width:20rem;}.max-width-10{max-width:10rem;}.radius-xs{border-radius:var(--radius-xs);}.radius-s{border-radius:var(--radius-s);}.radius-m{border-radius:var(--radius-m);}.radius-l{border-radius:var(--radius-l);}.radius-xl{border-radius:var(--radius-xl);}.radius-full{border-radius:var(--radius-full);}.border{border-width:1px;border-style:solid;}.border-left{border-left-width:1px;border-left-style:solid;}.border-right{border-right-width:1px;border-right-style:solid;}.border-top{border-top-width:1px;border-top-style:solid;}.border-bottom{border-bottom-width:1px;border-bottom-style:solid;}.shadow-xs{box-shadow:var(--shadow-xs);}.shadow-s{box-shadow:var(--shadow-s);}.shadow-m{box-shadow:var(--shadow-m);}.shadow-l{box-shadow:var(--shadow-l);}.shadow-xl{box-shadow:var(--shadow-xl);}.opacity-0{opacity:0;}.opacity-10{opacity:0.1;}.opacity-20{opacity:0.2;}.opacity-30{opacity:0.3;}.opacity-40{opacity:0.4;}.opacity-50{opacity:0.5;}.opacity-60{opacity:0.6;}.opacity-70{opacity:0.7;}.opacity-80{opacity:0.8;}.opacity-90{opacity:0.9;}.opacity-100{opacity:1;}.aspect-1{aspect-ratio:1;}.aspect-4-3{aspect-ratio:4 / 3;}.aspect-3-4{aspect-ratio:3 / 4;}.aspect-3-2{aspect-ratio:3 / 2;}.aspect-2-3{aspect-ratio:2 / 3;}.aspect-16-9{aspect-ratio:16 / 9;}.aspect-9-16{aspect-ratio:9 / 16;}.fit-contain{object-fit:contain;}.fit-cover{object-fit:cover;}.fit-fill{object-fit:fill;}.bg-blur-xs{backdrop-filter:blur(2px);}.bg-blur-s{backdrop-filter:blur(4px);}.bg-blur-m{backdrop-filter:blur(8px);}.bg-blur-l{backdrop-filter:blur(16px);}.bg-blur-xl{backdrop-filter:blur(32px);}.grayscale{filter:grayscale(1);}.rotate-90{transform:rotate(90deg);}.rotate-180{transform:rotate(180deg);}.display-none{display:none;}.visible{visibility:visible;}.hidden{visibility:hidden;}.overflow-hidden{overflow:hidden;}.overflow-auto{overflow:auto;}.overflow-x-hidden{overflow-x:hidden;}.overflow-x-auto{overflow-x:auto;}.overflow-y-hidden{overflow-y:hidden;}.overflow-y-auto{overflow-y:auto;}.list-none{list-style-type:none;}.white-space-nowrap{white-space:nowrap;}.transition-global{transition:all 0.3s;}.relative{position:relative;}.absolute{position:absolute;}.sticky{position:sticky;}.fixed{position:fixed;}.inset-0{inset:0;}.bottom-0{bottom:0;}.top-0{top:0;}.left-0{left:0;}.right-0{right:0;}.pointer{cursor:pointer;}.not-allowed{cursor:not-allowed;}.cursor-auto{cursor:auto;}.no-pointer-events{pointer-events:none;}.z--1{z-index:-1;}.z-0{z-index:0;}.z-1{z-index:1;}.z-10{z-index:10;}.z-100{z-index:100;}.z-1000{z-index:1000;}.z-10000{z-index:10000;}@media (max-width:1400px){.column--on-xl{grid-template-columns:1fr;grid-auto-flow:row;}.row--on-xl{grid-template-columns:unset;grid-auto-flow:column;}.columns-2--on-xl{grid-template-columns:repeat(2,1fr);}.columns-3--on-xl{grid-template-columns:repeat(3,1fr);}.columns-4--on-xl{grid-template-columns:repeat(4,1fr);}.columns-5--on-xl{grid-template-columns:repeat(5,1fr);}.columns-6--on-xl{grid-template-columns:repeat(6,1fr);}.col-span-1--on-xl{grid-column:auto / span 1;}.col-span-2--on-xl{grid-column:auto / span 2;}.col-span-3--on-xl{grid-column:auto / span 3;}.col-span-4--on-xl{grid-column:auto / span 4;}.col-span-5--on-xl{grid-column:auto / span 5;}.col-span-6--on-xl{grid-column:auto / span 6;}.col-start-1--on-xl{grid-column-start:1;}.col-start-2--on-xl{grid-column-start:2;}.col-start-3--on-xl{grid-column-start:3;}.col-start-4--on-xl{grid-column-start:4;}.col-start-5--on-xl{grid-column-start:5;}.col-start-6--on-xl{grid-column-start:6;}.row-span-1--on-xl{grid-row:auto / span 1;}.row-span-2--on-xl{grid-row:auto / span 2;}.row-span-3--on-xl{grid-row:auto / span 3;}.row-span-4--on-xl{grid-row:auto / span 4;}.row-span-5--on-xl{grid-row:auto / span 5;}.row-span-6--on-xl{grid-row:auto / span 6;}.row-start-1--on-xl{grid-row-start:1;}.row-start-2--on-xl{grid-row-start:2;}.row-start-3--on-xl{grid-row-start:3;}.row-start-4--on-xl{grid-row-start:4;}.row-start-5--on-xl{grid-row-start:5;}.row-start-6--on-xl{grid-row-start:6;}}@media (max-width:992px){.column--on-l{grid-template-columns:1fr;grid-auto-flow:row;}.row--on-l{grid-template-columns:unset;grid-auto-flow:column;}.columns-2--on-l{grid-template-columns:repeat(2,1fr);}.columns-3--on-l{grid-template-columns:repeat(3,1fr);}.columns-4--on-l{grid-template-columns:repeat(4,1fr);}.columns-5--on-l{grid-template-columns:repeat(5,1fr);}.columns-6--on-l{grid-template-columns:repeat(6,1fr);}.col-span-1--on-l{grid-column:auto / span 1;}.col-span-2--on-l{grid-column:auto / span 2;}.col-span-3--on-l{grid-column:auto / span 3;}.col-span-4--on-l{grid-column:auto / span 4;}.col-span-5--on-l{grid-column:auto / span 5;}.col-span-6--on-l{grid-column:auto / span 6;}.col-start-1--on-l{grid-column-start:1;}.col-start-2--on-l{grid-column-start:2;}.col-start-3--on-l{grid-column-start:3;}.col-start-4--on-l{grid-column-start:4;}.col-start-5--on-l{grid-column-start:5;}.col-start-6--on-l{grid-column-start:6;}.row-span-1--on-l{grid-row:auto / span 1;}.row-span-2--on-l{grid-row:auto / span 2;}.row-span-3--on-l{grid-row:auto / span 3;}.row-span-4--on-l{grid-row:auto / span 4;}.row-span-5--on-l{grid-row:auto / span 5;}.row-span-6--on-l{grid-row:auto / span 6;}.row-start-1--on-l{grid-row-start:1;}.row-start-2--on-l{grid-row-start:2;}.row-start-3--on-l{grid-row-start:3;}.row-start-4--on-l{grid-row-start:4;}.row-start-5--on-l{grid-row-start:5;}.row-start-6--on-l{grid-row-start:6;}}@media (max-width:768px){.column--on-m{grid-template-columns:1fr;grid-auto-flow:row;}.row--on-m{grid-template-columns:unset;grid-auto-flow:column;}.columns-2--on-m{grid-template-columns:repeat(2,1fr);}.columns-3--on-m{grid-template-columns:repeat(3,1fr);}.columns-4--on-m{grid-template-columns:repeat(4,1fr);}.columns-5--on-m{grid-template-columns:repeat(5,1fr);}.columns-6--on-m{grid-template-columns:repeat(6,1fr);}.col-span-1--on-m{grid-column:auto / span 1;}.col-span-2--on-m{grid-column:auto / span 2;}.col-span-3--on-m{grid-column:auto / span 3;}.col-span-4--on-m{grid-column:auto / span 4;}.col-span-5--on-m{grid-column:auto / span 5;}.col-span-6--on-m{grid-column:auto / span 6;}.col-start-1--on-m{grid-column:1;}.col-start-2--on-m{grid-column:2;}.col-start-3--on-m{grid-column:3;}.col-start-4--on-m{grid-column:4;}.col-start-5--on-m{grid-column:5;}.col-start-6--on-m{grid-column:6;}.row-span-1--on-m{grid-row:auto / span 1;}.row-span-2--on-m{grid-row:auto / span 2;}.row-span-3--on-m{grid-row:auto / span 3;}.row-span-4--on-m{grid-row:auto / span 4;}.row-span-5--on-m{grid-row:auto / span 5;}.row-span-6--on-m{grid-row:auto / span 6;}.row-start-1--on-m{grid-row-start:1;}.row-start-2--on-m{grid-row-start:2;}.row-start-3--on-m{grid-row-start:3;}.row-start-4--on-m{grid-row-start:4;}.row-start-5--on-m{grid-row-start:5;}.row-start-6--on-m{grid-row-start:6;}}@media (max-width:480px){.column--on-s{grid-template-columns:1fr;grid-auto-flow:row;}.row--on-s{grid-template-columns:1fr;grid-auto-flow:column;}.columns-2--on-s{grid-template-columns:repeat(2,1fr);}.columns-3--on-s{grid-template-columns:repeat(3,1fr);}.columns-4--on-s{grid-template-columns:repeat(4,1fr);}.columns-5--on-s{grid-template-columns:repeat(5,1fr);}.columns-6--on-s{grid-template-columns:repeat(6,1fr);}.col-span-1--on-s{grid-column:auto / span 1;}.col-span-2--on-s{grid-column:auto / span 2;}.col-span-3--on-s{grid-column:auto / span 3;}.col-span-4--on-s{grid-column:auto / span 4;}.col-span-5--on-s{grid-column:auto / span 5;}.col-span-6--on-s{grid-column:auto / span 6;}.col-start-1--on-s{grid-column-start:1;}.col-start-2--on-s{grid-column-start:2;}.col-start-3--on-s{grid-column-start:3;}.col-start-4--on-s{grid-column-start:4;}.col-start-5--on-s{grid-column-start:5;}.col-start-6--on-s{grid-column-start:6;}.row-span-1--on-s{grid-row:auto / span 1;}.row-span-2--on-s{grid-row:auto / span 2;}.row-span-3--on-s{grid-row:auto / span 3;}.row-span-4--on-s{grid-row:auto / span 4;}.row-span-5--on-s{grid-row:auto / span 5;}.row-span-6--on-s{grid-row:auto / span 6;}.row-start-1--on-s{grid-row-start:1;}.row-start-2--on-s{grid-row-start:2;}.row-start-3--on-s{grid-row-start:3;}.row-start-4--on-s{grid-row-start:4;}.row-start-5--on-s{grid-row-start:5;}.row-start-6--on-s{grid-row-start:6;}}/* Custom Stylesheets */ /* ========================================= BLOG POSTS LISTS ========================================= */ /* 1. Target Blog Posts,Rich Text,and Basic Text elements */ .brxe-post-content ul,.brxe-rich-text ul,.brxe-text-basic ul{padding-right:var(--space-xs);margin-bottom:var(--space-xs);margin-top:var(--space-xs);}.brxe-post-content ol,.brxe-rich-text ol,.brxe-text-basic ol{padding-left:var(--space-l);margin-bottom:var(--space-m);margin-top:0;}/* 2. Target the List Items (Bullets/Numbers) */ .brxe-post-content li,.brxe-rich-text li,.brxe-text-basic li{margin-bottom:var(--space-xs);}/* 3. Style the Marker (The Dot or Number) */ .brxe-post-content li::marker,.brxe-rich-text li::marker,.brxe-text-basic li::marker{color:var(--secondary);font-weight:bold;}/* 4. Nested Lists (Indented items) */ .brxe-post-content li > ul,.brxe-rich-text li > ul,.brxe-text-basic li > ul,.brxe-post-content li > ol,.brxe-rich-text li > ol,.brxe-text-basic li > ol{margin-top:var(--space-xs);margin-bottom:var(--space-xs);padding-left:var(--space-m);}/* ========================================= 2. GLOBAL BLOCKQUOTES ========================================= */ blockquote{font-family:var(--font-primary);border-left:4px solid var(--secondary);padding-left:var(--space-m);padding-top:var(--space-4xs);padding-bottom:var(--space-4xs);margin:var(--space-m) var(--space-l);color:var(--text-body);font-size:var(--post-m);}/* Remove the bottom margin from the text inside the quote */ blockquote p:last-of-type{margin-bottom:0 !important;}/* ========================================= 3. CODE BLOCKS (The Box Style) ========================================= */ p code,li code{/* --- THE BOX MAGIC --- */ display:block;/* Forces the text onto its own line (creates the box) */ white-space:pre-wrap;/* Respects your line breaks (Enter key) */ width:100%;/* Fills the width of the container */ /* --- STYLING --- */ background-color:#f8f9fa;/* Light gray background */ border:1px solid #e0e0e0;/* Thin gray border */ color:var(--secondary);/* Dark text for contrast */ padding:var(--space-m);/* Adds breathing room inside the box */ border-radius:10px;/* Rounded corners */ /* --- TYPOGRAPHY --- */ font-family:'Courier New',Courier,monospace;font-size:var(--post-s);line-height:.line-height-2xl;/* --- SPACING --- */ margin-top:var(--space-xs);margin-bottom:var(--space-m);}/* Ensure true code blocks (if you use them later) don't break */ pre code{background-color:transparent;color:inherit;padding:0;border:none;display:inline;}/* ========================================= 4. INFO BOX (Hijack the "Verse" Block) ========================================= */ .wp-block-verse{/* Reset default Verse styling */ font-family:inherit;/* Don't use the weird poetry font */ white-space:normal;/* Wrap text normally,don't force line breaks */ padding:0;/* Reset default padding */ margin:0 0 var(--space-m) 0;/* Box Styling */ background-color:#e7eff6;/* Light Blue Background */ border-left:5px solid var(--strudel-blue);/* Blue Accent Border */ color:var(--strudel-blue);/* Blue Text */ /* Internal Spacing */ padding:var(--space-m);border-radius:0 4px 4px 0;/* Round the right side corners */ /* Optional:Add an icon automatically */ position:relative;padding-left:3em;/* Make room for the icon */ }/* The "i" Icon */ .wp-block-verse::before{content:"i";/* The letter 'i' */ font-family:serif;/* Serif font for a classic 'i' look */ font-weight:bold;font-style:italic;/* Circle styling */ background-color:var(--strudel-blue);color:white;width:1.5em;height:1.5em;border-radius:var(--radius-full);/* Positioning */ position:absolute;left:1em;top:1.2em;/* Adjust based on your line-height */ /* Centering the letter */ display:flex;align-items:center;justify-content:center;}/* ========================================= 5. FAQ for BLOG ========================================= */ /* 1. The Container with the Red Sidebar */ .faq-block{padding-left:var(--space-3xs);/* Space between line and text */ margin-bottom:var(--space-xl);/* Space between different FAQs */ }/* 2. Flexbox to put 'Q' next to 'Text' */ .faq-row{display:flex;align-items:baseline;/* Aligns the top of the text with the Q/A */ margin-bottom:var(--space-3xs);}/* 3. The Large Q and A Letters */ .faq-marker{font-size:2.2rem;font-weight:700;line-height:1;margin-right:var(--space-3xs);/* Space between Q and the text */ min-width:40px;/* Ensures Q and A line up vertically */ }.q-marker{color:var(--secondary);}.a-marker{color:#999;/* Grey A */ }/* 4. The Text Styling */ .faq-question{font-size:var(--post-m);font-weight:bold;margin:0;color:var(--text-body);}.faq-answer{font-size:var(--post-m);color:var(--text-body);margin:0;line-height:1.5;}/* Remove the bottom margin from the text inside the faq */ .faq-block p:last-of-type{margin-bottom:0 !important;}/* ========================================= 6. TABLE ========================================= */ /* 1. Main Table Container */ .wp-block-table.is-style-stripes{border-collapse:collapse;/* Removes default gaps for cleaner lines */ border:1px solid #e5e5e5;/* Subtle border around the outside */ margin-bottom:var(--space-2xl);/* Space below the table */ font-size:var(--post-s);width:100%;/* Ensures full width */ }/* 2. Header Row Formatting */ .wp-block-table.is-style-stripes thead th{background-color:var(--primary);/* Dark background (Change to your brand color) */ color:#ffffff;/* White text */ padding:var(--space-2xs);text-transform:uppercase;/* Makes headers look authoritative */ font-weight:700;/* Bold text */ letter-spacing:0.05em;/* Slight tracking for readability */ border-bottom:3px solid rgba(0,0,0,0.1);/* Adds depth to the header */ vertical-align:middle;/* Vertically centers header text */ text-align:left;line-height:1.2;}/* 3. Body Cells (Padding & Alignment) */ .wp-block-table.is-style-stripes tbody td{padding:var(--space-2xs);/* This creates the "space between cells" look */ vertical-align:top;/* Aligns text to top (CRITICAL for multi-line rows) */ line-height:1.6;/* improved readability for paragraph text */ border-bottom:1px solid #eee;/* Subtle divider line */ font-size:var(--post-s);}/* 4. Stripe Colors */ .wp-block-table.is-style-stripes tbody tr:nth-child(odd){background-color:#f9f3f9;/* Very light berry for the stripe */ }.wp-block-table.is-style-stripes tbody tr:nth-child(even){background-color:#ffffff;/* White for the alternate rows */ }/* Optional:Hover effect to help track rows */ .wp-block-table.is-style-stripes tbody tr:hover{background-color:#faf5f1;transition:background-color 0.2s ease;}/* 1. Reset the List Container (The <ul>) */ .wp-block-table.is-style-stripes ul{margin:0 !important;/* Removes huge vertical gaps before/after list */ padding-left:1.2em;/* Tight indent (standard is often 2.5em+) */ list-style-position:outside;/* Keeps bullet outside the text block */ }/* 2. Style the List Items (The <li>) */ .wp-block-table.is-style-stripes li{margin-bottom:0.5em;/* Small breathing room between bullets */ margin-left:0 !important;/* Forces alignment to the left */ line-height:1.4;/* Slightly tighter than paragraph text */ font-size:var(--post-s);/* Matching your blog paragraph size */ }/* 3. Remove space after the last bullet so the cell padding controls the bottom */ .wp-block-table.is-style-stripes li:last-child{margin-bottom:0;}/* ========================================= 7. GLOBAL LINK STYLING ========================================= */ /* 1. Base State:Style links inside text content */ .brxe-post-content a,.brxe-text-rich a{color:var(--strudel-blue);text-decoration:none;font-weight:600 !important;/* Semi-bold/Light-bold */ transition:color 0.2s ease,text-decoration 0.2s ease;}/* 2. Hover State:Change color on hover */ .brxe-post-content a:hover,.brxe-text-rich a:hover{color:var(--primary);text-decoration:underline;text-underline-offset:4px;/* <--- Adds the padding/gap */ text-decoration-thickness:1px;/* Optional:keeps the line thin and crisp */ }/* Define standard Bold for the whole site */ strong,b{font-weight:600;color:inherit;}/* Force Links to respect this weight */ a strong,a b{font-weight:600 !important;text-decoration:inherit;}/* Ensure Blog Cards / Query Loops / Buttons NEVER get the underline */ .brxe-block a,.card a,.query-loop a,.brxe-button{text-decoration:none;}/* ========================================= 8. GLOBAL SEPARATOR STYLING ========================================= */ /* Targets the specific WordPress separator class from your inspector */ hr.wp-block-separator,.wp-block-separator.has-alpha-channel-opacity{border:none;/* Removes default browser border */ height:2px;/* Sets a clean,thin line */ background-color:var(--secondary);/* Uses your brand color */ opacity:1;/* Overrides the 'alpha-channel' fade */ margin-top:var(--space-l);/* Consistent vertical rhythm */ margin-bottom:var(--space-l);width:80%;/* Ensures it spans the content width */ max-width:80%;/* Overrides some WP default centered widths */ }/* Optional:Subtle 5% version if the full secondary is too bold */ hr.wp-block-separator.is-style-wide{background-color:color-mix(in srgb,var(--secondary),transparent 90%);}/* ========================================= GLOBAL TEXT LIST STYLES ========================================= */ /* 1. Unordered Lists (Bullets) */ .brxe-text ul,.brxe-rich-text ul{list-style-type:disc !important;/* Force bullets to appear */ padding-left:var(--space-m) !important;margin-bottom:var(--space-xs);margin-top:var(--space-xs);}/* 2. Ordered Lists (Numbers) */ .brxe-text ol,.brxe-rich-text ol{list-style-type:decimal !important;/* Force numbers to appear */ padding-left:var(--space-l) !important;margin-bottom:var(--space-m);margin-top:0;}/* 3. List Items */ .brxe-text li,.brxe-rich-text li{margin-bottom:var(--space-xs);line-height:1.5;}/* 4. Marker Color */ .brxe-text li::marker,.brxe-rich-text li::marker{color:var(--secondary);font-weight:bold;}/* 5. Nested Lists */ .brxe-text li > ul,.brxe-rich-text li > ul,.brxe-text li > ol,.brxe-rich-text li > ol{margin-top:var(--space-xs);margin-bottom:var(--space-xs);padding-left:var(--space-m) !important;}/* ========================================= GLOBAL BASE STYLING (Everything else) ========================================= */ body,p,li,.text{font-family:var(--font-body) !important;font-size:var(--text-m);/* Standard size for UI/Web */ line-height:1.7;/* Tighter rhythm for standard pages */ color:var(--text-body);}/* ========================================= BLOG POST HEADINGS ========================================= */ h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);}/* Only affects H1s inside a single blog post */ .single-post h1{font-family:var(--font-heading);/* Change font if needed */ color:var(--primary);font-weight:700;font-size:var(--post-2xl) !important;line-height:.1.4;padding-bottom:var(--space-2xs);}/* Only affects H2s inside a single blog post */ .single-post h2{font-family:var(--font-heading);/* Change font if needed */ color:var(--tertiary);font-weight:700;font-size:var(--post-xl);/* Different size for reading */ margin-top:var(--space-m);/* More breathing room for articles */ padding-bottom:var(--space-m);line-height:.1.7 !important;}/* Only affects H3s inside a single blog post */ .single-post h3{color:var(--tertiary);font-weight:600;font-size:var(--post-l);/* Different size for reading */ margin-top:var(--space-m);padding-bottom:var(--space-xs);line-height:.1.4;}/* Add your custom CSS here */ /* Only affects H4s inside a single blog post */ .single-post h4{color:var(--text-body);font-weight:700;font-size:var(--post-m);/* Different size for reading */ }/* ========================================= BLOG POST PARAGRAPH ========================================= */ .single-post p,.single-post li,{font-family:var(--font-body) !important;/* or --font-body */ font-size:var(--post-m);/* Matches your blog paragraph size */ line-height:1.8;/* Standardizes the vertical rhythm */ }.single-post .brxe-post-content p{font-family:var(--font-body);color:var(--text-body);font-size:var(--post-m);line-height:1.8;margin-bottom:var(--space-m);}/* Specifically target the Browse Articles link span */ .brxe-text-link span.text{font-family:var(--font-body) !important;/* or --font-body */ font-size:var(--post-s) !important;/* Forces a smaller navigation size */ line-height:1.2 !important;/* Tightens the vertical space around the link */ font-weight:500;/* Professional,medium weight */ }/* Ensure the icon stays aligned and sized with the new text size */ .brxe-text-link span.icon{font-size:1rem;display:flex;align-items:center;}/* 1. Bold the text when the link container is hovered */ .brxe-text-link:hover span.text{font-weight:700 !important;/* Forces bold weight */ transition:font-weight 0.2s ease,color 0.2s ease;}/* 2. Optional:Slide the arrow icon on hover */ .brxe-text-link:hover span.icon{transform:translateX(-4px);/* Moves the arrow slightly to the left */ transition:transform 0.2s ease;color:var(--primary);/* Syncs icon color with text */ }/* ========================================= BLOG META DATA (Author on Top,Date Below) ========================================= */ /* 1. MASTER WRAPPER (Stacks vertically now) */ .global-post_meta-data{display:flex !important;flex-direction:column !important;/* Forces stacking (Author atop Date) */ align-items:flex-start;/* Aligns text to the left */ gap:0.25em;/* Small space between Author and Date line */ /* Typography for the whole block */ font-size:var(--text-xs) !important;text-transform:uppercase;letter-spacing:0.05em;color:#666;font-weight:500;}/* 2. INNER GROUPS (Keeps Date & Time side-by-side) */ .global-post_meta-data > div{display:flex !important;flex-direction:row !important;align-items:center;gap:0.5em;/* Space between Date and the "•" dot */ }/* 3. RESET EVERYTHING (Size & Spacing) */ .global-post_meta-data p,.global-post_meta-data div,.global-post_meta-data span,.global-post_meta-data .brxe-post-reading-time{margin:0 !important;padding:0 !important;font-size:inherit !important;line-height:1.4;/* Slightly more breathing room for two lines */ width:auto !important;}/* Optional:Removes the pipe separator we added earlier since they are stacked now */ .global-post_meta-data > p::after{content:none;}/* ========================================= TAXONOMY PILLS ========================================= */ /* 1. RESET THE CONTAINER (The UL) */ ul.brxe-post-taxonomy,.post-taxonomy{background-color:transparent !important;/* REMOVES THE GIANT BLOB COLOR */ padding:0 !important;margin:0 0 0 0 !important;display:flex !important;gap:0.5em !important;list-style:none !important;width:auto !important;/* Stops it from stretching full width */ }/* 2. STYLE THE PILL */ /* This targets the <a> tag inside the list item */ ul.brxe-post-taxonomy li a,.post-taxonomy li a{/* --- The Pill Shape --- */ display:inline-block !important;background-color:color-mix(in srgb,var(--tertiary),transparent 40%) !important;color:#ffffff !important;border-radius:var(--radius-full) !important;padding:var(--space-4xs) var(--space-2xs) !important;/* --- Typography --- */ font-size:var(--text-xs) !important;font-weight:400;text-transform:uppercase;text-decoration:none !important;letter-spacing:0.05em;line-height:1;transition:opacity 0.2s ease;}/* Optional:Hover state */ ul.brxe-post-taxonomy li a:hover{background-color:var(--tertiary) !important;}/* ========================================= TABLE OF CONTENTS (The "Active Line" Look) ========================================= */ /* 2. THE LIST (Reset) */ .toc-list{list-style:none !important;margin:0 !important;padding:var(--space-xs) var(--space-xs) !important;position:relative;/* Anchor for the line */ }/* 3. THE LINKS (Inactive State) */ .toc-list-item{font-size:var(--post-s) !important;margin-bottom:0.75em;line-height:1.5;cursor:pointer;/* THE TRICK:Add a transparent border so text doesn't jump */ border-left:3px solid transparent;padding-left:1em;/* Space between line and text */ transition:all 0.2s ease;/* Smooth animation */ }.toc-list-item a{text-decoration:none;color:var(--text-body);transition:color 0.2s ease;display:block;/* Make the whole area clickable */ }/* 4. THE ACTIVE STATE (The "Moving" Line) */ /* When Bricks adds 'is-active-li',we light up the border */ .toc-list-item.is-active-li{border-left-color:var(--primary);/* The colored line appears! */ }.toc-list-item.is-active-li a{color:var(--primary);/* Text highlights too */ font-weight:600;}/* Optional:Hover effect for non-active items */ .toc-list-item:hover{border-left-color:#ddd;/* Light gray line on hover */ color:var(--primary);}/* ========================================= SOCIAL SHARE ICONS ========================================= */ ul.brxe-post-sharing{/* The orange bar is "margin-top". Let's shrink it. */ margin-top:var(--space-4xs) !important;margin-left:var(--space-4xs) !important;/* Optional:Ensure the list itself doesn't have internal padding */ padding:0 !important;margin-bottom:0 !important;}/* 1. Target the link inside the list */ ul.brxe-post-sharing li a{color:var(--text-body);/* Icon color */ transition:color 0.2s ease,transform 0.2s ease;/* Smooth transition */ }/* 2. The Hover State */ ul.brxe-post-sharing li a:hover{color:var(--primary);/* Change this to your desired brand color */ transform:translateY(-2px);/* Optional:Slight lift effect */ }