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:370px;--max-screen-width:1400px;--primary:hsl(198,52%,44%);--primary-5:hsla(198,52%,44%,0.05);--primary-10:hsla(198,52%,44%,0.1);--primary-20:hsla(198,52%,44%,0.2);--primary-30:hsla(198,52%,44%,0.3);--primary-40:hsla(198,52%,44%,0.4);--primary-50:hsla(198,52%,44%,0.5);--primary-60:hsla(198,52%,44%,0.6);--primary-70:hsla(198,52%,44%,0.7);--primary-80:hsla(198,52%,44%,0.8);--primary-90:hsla(198,52%,44%,0.9);--primary-d-1:hsl(198,48%,36%);--primary-d-2:hsl(199,44%,27%);--primary-d-3:hsl(200,37%,19%);--primary-d-4:hsl(201,28%,11%);--primary-l-1:hsl(200,39%,57%);--primary-l-2:hsl(201,38%,68%);--primary-l-3:hsl(202,38%,79%);--primary-l-4:hsl(202,38%,89%);--secondary:hsl(48,92%,46%);--secondary-5:hsla(48,92%,46%,0.05);--secondary-10:hsla(48,92%,46%,0.1);--secondary-20:hsla(48,92%,46%,0.2);--secondary-30:hsla(48,92%,46%,0.3);--secondary-40:hsla(48,92%,46%,0.4);--secondary-50:hsla(48,92%,46%,0.5);--secondary-60:hsla(48,92%,46%,0.6);--secondary-70:hsla(48,92%,46%,0.7);--secondary-80:hsla(48,92%,46%,0.8);--secondary-90:hsla(48,92%,46%,0.9);--secondary-d-1:hsla(47,79%,39%,1);--secondary-d-2:hsla(46,70%,30%,1);--secondary-d-3:hsla(45,61%,21%,1);--secondary-d-4:hsla(44,48%,12%,1);--secondary-l-1:hsla(45,79%,62%,1);--secondary-l-2:hsla(43,82%,72%,1);--secondary-l-3:hsla(42,87%,82%,1);--secondary-l-4:hsla(41,91%,91%,1);--tertiary:hsl(185,100%,84%);--tertiary-5:hsla(185,100%,84%,0.05);--tertiary-10:hsla(185,100%,84%,0.1);--tertiary-20:hsla(185,100%,84%,0.2);--tertiary-30:hsla(185,100%,84%,0.3);--tertiary-40:hsla(185,100%,84%,0.4);--tertiary-50:hsla(185,100%,84%,0.5);--tertiary-60:hsla(185,100%,84%,0.6);--tertiary-70:hsla(185,100%,84%,0.7);--tertiary-80:hsla(185,100%,84%,0.8);--tertiary-90:hsla(185,100%,84%,0.9);--tertiary-d-1:hsla(185,35%,66%,1);--tertiary-d-2:hsla(185,18%,48%,1);--tertiary-d-3:hsla(185,17%,32%,1);--tertiary-d-4:hsla(185,14%,17%,1);--tertiary-l-1:hsla(185,100%,87%,1);--tertiary-l-2:hsla(185,100%,91%,1);--tertiary-l-3:hsla(185,100%,94%,1);--tertiary-l-4:hsla(185,100%,97%,1);--action:#443C95;--action-5:hsla(245,43%,41%,0.05);--action-10:hsla(245,43%,41%,0.1);--action-20:hsla(245,43%,41%,0.2);--action-30:hsla(245,43%,41%,0.3);--action-40:hsla(245,43%,41%,0.4);--action-50:hsla(245,43%,41%,0.5);--action-60:hsla(245,43%,41%,0.6);--action-70:hsla(245,43%,41%,0.7);--action-80:hsla(245,43%,41%,0.8);--action-90:hsla(245,43%,41%,0.9);--action-d-1:hsla(246,42%,36%,1);--action-d-2:hsla(246,41%,32%,1);--action-d-3:hsla(247,40%,27%,1);--action-d-4:hsla(248,39%,23%,1);--action-d-5:hsla(249,37%,19%,1);--action-d-6:hsla(250,34%,15%,1);--action-d-7:hsla(253,31%,11%,1);--action-d-8:hsla(258,35%,6%,1);--action-l-1:hsla(248,34%,47%,1);--action-l-2:hsla(250,31%,53%,1);--action-l-3:hsla(251,31%,60%,1);--action-l-4:hsla(252,32%,66%,1);--action-l-5:hsla(253,32%,73%,1);--action-l-6:hsla(254,33%,79%,1);--action-l-7:hsla(254,33%,86%,1);--action-l-8:hsla(255,34%,93%,1);--bg-body:hsla(0,0%,96%,1);--bg-surface:hsla(0,0%,100%,1);--text-body:hsla(0,0%,25%,1);--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:hsla(136,95%,56%,1);--success-5:hsla(136,95%,56%,0.05);--success-10:hsla(136,95%,56%,0.1);--success-20:hsla(136,95%,56%,0.2);--success-30:hsla(136,95%,56%,0.3);--success-40:hsla(136,95%,56%,0.4);--success-50:hsla(136,95%,56%,0.5);--success-60:hsla(136,95%,56%,0.6);--success-70:hsla(136,95%,56%,0.7);--success-80:hsla(136,95%,56%,0.8);--success-90:hsla(136,95%,56%,0.9);--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);--space-4xs:clamp(0.31rem,calc(0vw + 0.31rem),0.31rem);--space-3xs:clamp(0.41rem,calc(0.04vw + 0.4rem),0.44rem);--space-2xs:clamp(0.51rem,calc(0.17vw + 0.47rem),0.62rem);--space-xs:clamp(0.64rem,calc(0.37vw + 0.56rem),0.88rem);--space-s:clamp(0.8rem,calc(0.68vw + 0.64rem),1.24rem);--space-m:clamp(1rem,calc(1.17vw + 0.73rem),1.75rem);--space-l:clamp(1.25rem,calc(1.9vw + 0.81rem),2.47rem);--space-xl:clamp(1.56rem,calc(3.01vw + 0.87rem),3.5rem);--space-2xl:clamp(1.95rem,calc(4.65vw + 0.88rem),4.95rem);--space-3xl:clamp(2.44rem,calc(7.07vw + 0.81rem),7rem);--space-4xl:clamp(3.05rem,calc(10.63vw + 0.59rem),9.89rem);--text-xs:clamp(0.63rem,calc(0vw + 0.63rem),0.63rem);--text-s:clamp(0.84rem,calc(0vw + 0.84rem),0.84rem);--text-m:clamp(1rem,calc(0.19vw + 0.95rem),1.13rem);--text-l:clamp(1.13rem,calc(0.58vw + 0.99rem),1.5rem);--text-xl:clamp(1.27rem,calc(1.14vw + 1rem),2rem);--text-2xl:clamp(1.42rem,calc(1.93vw + 0.98rem),2.66rem);--text-3xl:clamp(1.6rem,calc(3.03vw + 0.9rem),3.55rem);--text-4xl:clamp(1.8rem,calc(4.56vw + 0.75rem),4.74rem);--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);--max-width--md:65rem;--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.25rem,calc(0vw + 0.25rem),0.25rem);--radius-s:clamp(0.38rem,calc(0.19vw + 0.33rem),0.5rem);--radius-m:clamp(0.63rem,calc(0.19vw + 0.58rem),0.75rem);--radius-l:clamp(1rem,calc(0.39vw + 0.91rem),1.25rem);--radius-xl:clamp(1.63rem,calc(0.58vw + 1.49rem),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{--bg-body:hsla(0,0%,5%,1);--bg-surface:hsl(0,0%,50%);--text-body:hsla(0,0%,75%,1);--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);}/* Custom Stylesheets */ /* Base vertical rhythm */ .flow > * + *{margin-top:var(--space-s);}/* Tagline should sit closer to what it introduces */ .flow .tagline{margin-top:0;/* prevent random inherited margins */ margin-bottom:0;/* let the relationship rules control spacing */ }/* Tagline → heading (tight) */ .flow .tagline + :is(h1,h2,h3){margin-top:var(--space-3xs);}/* Heading → paragraph (tight relationship) */ .flow :is(h1,h2,h3) + p{margin-top:var(--space-xs);}/* Tagline → paragraph (also tight,if you ever do that) */ .flow .tagline + p{margin-top:var(--space-xs);}/* Text → action (decision break) */ .flow p + :is(.bricks-button,.cta,button){margin-top:var(--space-m);}/* Image → title/tagline */ .flow img + :is(.tagline,h1,h2,h3){margin-top:var(--space-s);}