*,*::before,*::after{box-sizing:border-box}*{margin:0}body{font-size:var(--text-m);line-height:1.5;-webkit-font-smoothing:antialiased;font-family:var(--body-font-family);background-color:var(--bg-color-body);color:var(--text-color-title);display:flex;flex-direction:column;min-height:100svh}main{flex-grow:1}.builderiusContent{display:contents}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance;line-height:var(--lh-s);font-family:var(--heading-font-family)}:root{--color-primary:oklch(0.618 0.1171 60.4);--color-secondary:hsl(13.81 61.29% 42%);--color-tertiary:hsl(270 100% 35%);--color-transparent:hsl(0 0% 0% / 0);--color-grey-100:hsl(240 5% 96%);--color-grey-200:hsl(240 6% 90%);--color-grey-300:hsl(240 5% 84%);--color-grey-400:hsl(240 5% 64%);--color-grey-500:hsl(240 4% 46%);--color-grey-600:hsl(240 5% 34%);--color-grey-700:hsl(240 5% 26%);--color-grey-800:hsl(240 4% 16%);--color-grey-900:hsl(240 6% 10%);--color-error:hsl(0 74% 42%);--bg-color-body:hsl(0 0% 95%);--bg-color-surface:hsl(0 0% 99%);--text-color-body:hsl(0 0% 25%);--text-color-title:hsl(0 0% 0%);--color-text-on-brand:var(--color-grey-100);--border-color-primary:hsl(0 0% 50% / 0.25);--shadow-color-primary:hsl(0 0% 0% / 0.149);--space-4xs:clamp(0.33rem, calc(-0.03vw + 0.33rem), 0.31rem);--space-3xs:clamp(0.41rem, calc(0.04vw + 0.4rem), 0.44rem);--space-2xs:clamp(0.51rem, calc(0.16vw + 0.48rem), 0.62rem);--space-xs:clamp(0.64rem, calc(0.36vw + 0.57rem), 0.88rem);--space-s:clamp(0.8rem, calc(0.67vw + 0.67rem), 1.24rem);--space-m:clamp(1rem, calc(1.15vw + 0.77rem), 1.75rem);--space-l:clamp(1.25rem, calc(1.88vw + 0.87rem), 2.47rem);--space-xl:clamp(1.56rem, calc(2.98vw + 0.97rem), 3.5rem);--space-2xl:clamp(1.95rem, calc(4.61vw + 1.03rem), 4.95rem);--space-3xl:clamp(2.44rem, calc(7.01vw + 1.04rem), 7rem);--space-4xl:clamp(3.05rem, calc(10.52vw + 0.95rem), 9.89rem);--space-fluid-1:clamp(0.5rem, 1vw, 1rem);--space-fluid-2:clamp(1rem, 2vw, 1.5rem);--space-fluid-3:clamp(1.5rem, 3vw, 2rem);--space-fluid-4:clamp(2rem, 4vw, 3rem);--space-fluid-5:clamp(4rem, 5vw, 5rem);--text-s:clamp(0.83rem, calc(0.02vw + 0.83rem), 0.84rem);--text-m:clamp(1rem, calc(0.19vw + 0.96rem), 1.13rem);--text-l:clamp(1.2rem, calc(0.46vw + 1.11rem), 1.5rem);--text-xl:clamp(1.44rem, calc(0.86vw + 1.27rem), 2rem);--text-2xl:clamp(1.73rem, calc(1.44vw + 1.44rem), 2.66rem);--text-3xl:clamp(2.07rem, calc(2.27vw + 1.62rem), 3.55rem);--text-4xl:clamp(2.49rem, calc(3.46vw + 1.8rem), 4.74rem);--text-5xl:clamp(2.99rem, calc(5.12vw + 1.96rem), 6.31rem);--lh-m:calc(1em + 0.725rem);--lh-s:calc(1em + 0.5rem);--heading-font-family:var(--ywf--family-playfair-display);--body-font-family:var(--ywf--family-montserrat);--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);--edge-space:var(--space-s);--wrapper-block-padding:var(--space-fluid-5);--wrapper-block-gap:var(--space-m);--wrapper-inline-padding:var(--edge-space);--wrapper-inline-gutter:var(--space-fluid-2);--gap:var(--space-l);--wrapper-padding:var(--wrapper-block-padding) var(--wrapper-inline-padding);--body-max-width:120rem;--content-max-width:calc(75rem + (2 * var(--edge-space)));--text-max-width:55ch;--wrapper-width:min(
    100% - (var(--wrapper-inline-gutter) * 2),
    var(--content-max-width, 60ch)
  );--section-width:min(100%, var(--body-max-width, 120rem));--heading-width:min(100%, 35ch);--text-width:min(
    100% - (var(--wrapper-inline-gutter) * 2),
    var(--text-max-width)
  );--grid-1:repeat(1, minmax(0, 1fr));--grid-2:repeat(2, minmax(0, 1fr));--grid-3:repeat(3, minmax(0, 1fr));--grid-4:repeat(4, minmax(0, 1fr));--grid-5:repeat(5, minmax(0, 1fr));--grid-6:repeat(6, minmax(0, 1fr));--grid-7:repeat(7, minmax(0, 1fr));--grid-8:repeat(8, minmax(0, 1fr));--grid-9:repeat(9, minmax(0, 1fr));--grid-10:repeat(10, minmax(0, 1fr));--grid-11:repeat(11, minmax(0, 1fr));--grid-12:repeat(12, minmax(0, 1fr));--sidebar-grid:fit-content(var(--sidebar-width, 25ch))
    minmax(min(50vw, var(--main-min-width, 50ch)), 1fr);--sidebar-grid--right:minmax(min(50vw, var(--main-min-width, 50ch)), 1fr)
    fit-content(var(--sidebar-width, 25ch));--radius-xs:clamp(0.25rem, calc(0vw + 0.25rem), 0.25rem);--radius-s:clamp(0.38rem, calc(-0.19vw + 0.54rem), 0.5rem);--radius-m:clamp(0.63rem, calc(-0.19vw + 0.79rem), 0.75rem);--radius-l:clamp(1rem, calc(-0.38vw + 1.33rem), 1.25rem);--radius-xl:clamp(1.63rem, calc(-0.58vw + 2.12rem), 2rem);--radius-full:999rem;--radius-blob-1:30% 70% 70% 30% / 53% 30% 70% 47%;--radius-blob-2:53% 47% 34% 66% / 63% 46% 54% 37%;--radius-blob-3:37% 63% 56% 44% / 49% 56% 44% 51%;--radius-blob-4:63% 37% 37% 63% / 43% 37% 63% 57%;--radius-blob-5:49% 51% 48% 52% / 57% 44% 56% 43%;--shadow-xs:0 1px 2px var(--shadow-color-primary);--shadow-s:0 1.5px 3px var(--shadow-color-primary);--shadow-m:0 2px 6px var(--shadow-color-primary);--shadow-l:0 3px 12px var(--shadow-color-primary);--shadow-xl:0 6px 48px var(--shadow-color-primary);--shadow-1:0px 0.5px 3.6px rgba(0, 0, 0, 0.042), 0px 1.3px 10px rgba(0, 0, 0, 0.06),
    0px 3px 24.1px rgba(0, 0, 0, 0.078);--shadow-2:0.5px 1px 2.7px rgba(0, 0, 0, 0.014),
    1.3px 2.6px 6.9px rgba(0, 0, 0, 0.019),
    2.7px 5.3px 14.2px rgba(0, 0, 0, 0.023),
    5.5px 11px 29.2px rgba(0, 0, 0, 0.03), 15px 30px 80px rgba(0, 0, 0, 0.05);--shadow-framed:0.25rem 0.25rem color-mix(in hsl, var(--color-secondary), white 20%),
    0.5rem 0.5rem color-mix(in hsl, var(--color-primary), white 20%);--ease-1:cubic-bezier(0.25, 0, 0.5, 1);--ease-2:cubic-bezier(0.25, 0, 0.4, 1);--ease-3:cubic-bezier(0.25, 0, 0.3, 1);--ease-4:cubic-bezier(0.25, 0, 0.2, 1);--ease-5:cubic-bezier(0.25, 0, 0.1, 1);--ease-in-1:cubic-bezier(0.25, 0, 1, 1);--ease-in-2:cubic-bezier(0.5, 0, 1, 1);--ease-in-3:cubic-bezier(0.7, 0, 1, 1);--ease-in-4:cubic-bezier(0.9, 0, 1, 1);--ease-in-5:cubic-bezier(1, 0, 1, 1);--ease-out-1:cubic-bezier(0, 0, 0.75, 1);--ease-out-2:cubic-bezier(0, 0, 0.5, 1);--ease-out-3:cubic-bezier(0, 0, 0.3, 1);--ease-out-4:cubic-bezier(0, 0, 0.1, 1);--ease-out-5:cubic-bezier(0, 0, 0, 1);--ease-in-out-1:cubic-bezier(0.1, 0, 0.9, 1);--ease-in-out-2:cubic-bezier(0.3, 0, 0.7, 1);--ease-in-out-3:cubic-bezier(0.5, 0, 0.5, 1);--ease-in-out-4:cubic-bezier(0.7, 0, 0.3, 1);--ease-in-out-5:cubic-bezier(0.9, 0, 0.1, 1);--ease-elastic-1:cubic-bezier(0.5, 0.75, 0.75, 1.25);--ease-elastic-2:cubic-bezier(0.5, 1, 0.75, 1.25);--ease-elastic-3:cubic-bezier(0.5, 1.25, 0.75, 1.25);--ease-elastic-4:cubic-bezier(0.5, 1.5, 0.75, 1.25);--ease-elastic-5:cubic-bezier(0.5, 1.75, 0.75, 1.25);--ease-squish-1:cubic-bezier(0.5, -0.1, 0.1, 1.5);--ease-squish-2:cubic-bezier(0.5, -0.3, 0.1, 1.5);--ease-squish-3:cubic-bezier(0.5, -0.5, 0.1, 1.5);--ease-squish-4:cubic-bezier(0.5, -0.7, 0.1, 1.5);--ease-squish-5:cubic-bezier(0.5, -0.9, 0.1, 1.5);--ease-step-1:steps(2);--ease-step-2:steps(3);--ease-step-3:steps(4);--ease-step-4:steps(7);--ease-step-5:steps(10)}:root{--color-primary-light:color-mix(in oklch, var(--color-primary), white 18%);--color-primary-deep:color-mix(in oklch, var(--color-primary), black 18%);--color-primary-pale:color-mix(in oklch, var(--color-primary), white 78%);--color-success:hsl(146 52% 55%);--color-success-light:color-mix(in oklch, var(--color-success), white 18%);--color-success-deep:color-mix(in oklch, var(--color-success), black 18%);--color-success-a25:color-mix(in srgb,  var(--color-success), transparent 75%);--color-success-a06:color-mix(in srgb,  var(--color-success), transparent 94%);--color-warning:hsl(45 58% 54%);--color-warning-light:color-mix(in oklch, var(--color-warning), white 18%);--color-warning-deep:color-mix(in oklch, var(--color-warning), black 18%);--color-warning-a25:color-mix(in srgb,  var(--color-warning), transparent 75%);--color-warning-a06:color-mix(in srgb,  var(--color-warning), transparent 94%);--border-color-primary-strong:color-mix(in srgb, var(--color-primary), transparent 58%);--bg-color-surface-overlay:color-mix(in srgb, var(--bg-color-body),    transparent 40%);--bg-color-surface-overlay-card:color-mix(in srgb, var(--bg-color-surface), transparent 35%);--color-emphasis:oklch(0.82 0.06 70)}[data-theme="dark"]{--bg-color-body:hsl(0 0% 10%);--bg-color-surface:hsl(0 0% 15%);--text-color-title:hsl(35 40% 93%);--text-color-body:hsl(35 12% 74%);--color-grey-500:hsl(35 8% 66%);--border-color-primary:hsl(0 0% 100% / 0.18)}[data-theme="light"]{--color-emphasis:oklch(0.55 0.08 60)}*:focus-visible,[type="button"]:focus-visible,[type="reset"]:focus-visible,[type="submit"]:focus-visible,button:focus-visible,.btn:focus-visible,iframe:focus-visible{outline:3px solid #fff;box-shadow:0 0 0 6px #000;position:relative;z-index:1;overflow:visible}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-l);font-weight:500}.lh-m{line-height:var(--lh-m)}.lh-s{line-height:var(--lh-s)}a:not([class]){text-decoration-thickness:max(0.08em, 1px);text-underline-offset:.15em}.line-clamp-2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.full-width{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}.container{width:100%;max-width:var(--wrapper-width);margin-inline:auto;padding:var(--wrapper-block-padding) var(--wrapper-inline-padding)}.wrapper{width:100%;max-width:var(--wrapper-width);margin-inline:auto;padding:var(--wrapper-block-padding) var(--wrapper-inline-padding)}.wrapper-width{width:100%;max-width:var(--wrapper-width)}.wrapper-inline{width:100%;max-width:var(--wrapper-width);padding-inline:var(--wrapper-inline-padding);margin-inline:auto}.wrapper-padding{padding:var(--wrapper-block-padding) var(--wrapper-inline-padding)}.wrapper-block-padding{padding-block:var(--wrapper-block-padding)}.wrapper-inline-gutter{padding-inline:var(--wrapper-inline-gutter)}.bg-full-bleed{background-color:var(--bg-color,#fff);box-shadow:0 0 0 100vmax var(--bg-color,#fff);clip-path:inset(0 -100vmax)}.grid-col--full{grid-column:1 / -1}.grid-row--full{grid-row:1 / -1}.stack-grid{display:grid;grid-template-areas:"stack";isolation:isolate;&>*{grid-area:stack}&>:where(figure,img){position:relative;z-index:-1;width:100%;height:100%}}.sidebar-grid{display:grid;grid-auto-flow:row dense;grid-template-columns:[full-start sidebar-start]fit-content(var(--sidebar-width,25ch)) [sidebar-end content-start] minmax(min(50vw, var(--main-min-width, 50ch)),1fr) [content-end full-end]}.sidebar-grid--right{display:grid;grid-auto-flow:row dense;grid-template-columns:[full-start content-start]minmax(min(50vw, var(--main-min-width, 50ch)),1fr) [content-end sidebar-start] fit-content(var(--sidebar-width,25ch)) [sidebar-end full-end]}.split-grid{--_content-max-width:var(--content-max-width, 85rem);--_gap:var(--gap);--_gutter:var(--gutter, var(--wrapper-inline-gutter, 10px));--max-boxed-col:calc((var(--content-max-width) - var(--_gap)) / 2);--min-boxed-col:calc(50% - var(--_gutter) - var(--_gap) / 2);--grid-cols:[full-start col1-full-start] minmax(var(--_gutter), 1fr)
    [col1-start content-start] min(var(--max-boxed-col), var(--min-boxed-col))
    [gap-start col1-end col1-full-end] var(--_gap) [gap-end col2-start
    col2-full-start] min(var(--max-boxed-col), var(--min-boxed-col)) [col2-end
    content-end] minmax(var(--_gutter), 1fr) [col2-full-end full-end];display:grid;gap:0;grid-template-columns:var(--grid-cols);grid-auto-flow:dense;width:100%;max-width:min(100%, var(--body-max-width));padding-inline:0}:where(.split-grid)>*{grid-column:content}.split-grid__col1{grid-column:col1}.split-grid__col2{grid-column:col2}.split-grid__col1--full{grid-column:col1-full}.split-grid__col2--full{grid-column:col2-full}.split-grid__content{grid-column:content}.split-grid__full{grid-column:full}.magic-grid{--_col-min-width:var(--col-min-width, 200px);--_col-count:var(--col-count, 3);--_gap:var(--gap, 1rem);--_breakpoint:calc(
    var(--_col-min-width) * var(--_col-count) +
      (var(--_gap) * (var(--_col-count) - 1))
  );--_col-width:calc(
    (100% - (var(--_gap) * var(--_col-count))) / var(--_col-count)
  );display:grid;gap:var(--_gap);grid-template-columns:repeat(auto-fit,minmax(min(max(var(--_col-width), (100% - var(--_breakpoint)) * -999), 100%),1fr))}.content-grid{--gutter:var(--wrapper-inline-padding);--text-wide-width:100px;--content-safe-width:1rem;--wide-width:50px;--content-grid:[full-start] var(--gutter) [full-safe-start] minmax(0, 1fr)
    [content-start] minmax(0, var(--content-safe-width)) [content-safe-start]
    minmax(
      0,
      calc(
        0.5 *
          (
            var(--content-max-width) - var(--text-max-width) - 2 *
              var(--text-wide-width) - 2 * var(--content-safe-width)
          )
      )
    )
    [text-wide-start] minmax(1rem, var(--text-wide-width)) [text-start]
    min(var(--text-max-width), calc(100% - 2rem - var(--gutter) * 2)) [text-end]
    minmax(1rem, var(--text-wide-width)) [text-wide-end]
    minmax(
      0,
      calc(
        0.5 *
          (
            var(--content-max-width) - var(--text-max-width) - 2 *
              var(--text-wide-width) - 2 * var(--content-safe-width)
          )
      )
    )
    [content-safe-end] minmax(0, var(--content-safe-width)) [content-end]
    minmax(0, 1fr) [full-safe-end] var(--gutter) [full-end];display:grid;column-gap:0;grid-template-columns:var(--grid-cols,var(--content-grid));width:100%;max-width:min(100%, var(--body-max-width));padding-inline:0}:where(.content-grid)>*{grid-column:content}.content-grid__full{grid-column:full}.content-grid__full-safe{grid-column:full-safe}.content-grid__content{grid-column:content}.content-grid__content-safe{grid-column:content-safe}.content-grid__text-wide{grid-column:text-wide}.content-grid__text{grid-column:text}.sr-only{clip:rect(0,0,0,0);border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap;&:not(caption){position:absolute}& *{overflow:hidden}}.sr-only-focusable{&:not(:focus,:focus-within){clip:rect(0,0,0,0);border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap;&:not(caption){position:absolute}& *{overflow:hidden}}}.list-style--none{list-style:none;margin:0;padding:0}.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)}.shadow-1{box-shadow:var(--shadow-1)}.shadow-2{box-shadow:var(--shadow-2)}.shadow-framed{box-shadow:var(--shadow-framed)}.flow{&>:where(:not(:first-child)){margin-top:var(--flow-spacer,1em)}}.grid-flow{display:grid;gap:1em}.flex-flow{display:flex;flex-direction:column;gap:1em}.flex-flow-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:1em}.button{--text-color:#ffffff;--bg-color:var(--color-primary);display:inline-block;width:fit-content;font-weight:500;line-height:1.5;outline:2px solid #fff0;outline-offset:-2px;padding:.6875rem 1.5rem;text-decoration:none;color:var(--text-color);background-color:var(--bg-color);transition:all 0.2s var(--ease-1);border-radius:var(--radius-xs);cursor:pointer;&:hover{--bg-color:oklch(from var(--color-primary) calc(l - 0.2) c h)}}.tuts-content a,a.inline-link,.inline-link a{width:fit-content;color:var(--text-color-title);text-decoration:none;border-bottom:2px solid var(--color-primary);-webkit-transition:all 0.2s ease;transition:all 0.2s ease;&:where(:hover,:active,:focus-visible){text-decoration:none;color:var(--color-secondary);background-color:#ffc;border-top:1px solid var(--color-primary);border-bottom:2px solid var(--color-primary);border-radius:4px}}[data-bg-header="primary"]{background-color:oklch(from var(--color-primary) l c h / .1)}.hero{min-block-size:100dvb;display:grid;place-items:center;position:relative;overflow:hidden;padding-block:var(--space-4xl);padding-inline:var(--space-l);background-color:var(--bg-color-body)}.hero--compact{min-block-size:auto;padding-block:var(--space-3xl)}.hero::after{content:'';position:absolute;top:15%;left:50%;transform:translateX(-50%);width:70vmax;height:50vmax;background:radial-gradient(ellipse,color-mix(in srgb,var(--color-primary),transparent 89%) 0%,transparent 68%);pointer-events:none}.hero-content{position:relative;z-index:1;text-align:center;max-width:900px;width:100%}.hero--compact .hero-content{max-width:720px}.hero-eyebrow{display:block;letter-spacing:.22em;text-transform:uppercase;color:var(--color-emphasis);margin-block-end:var(--space-m);font-weight:500}.hero-title{font-family:var(--heading-font-family);font-weight:400;line-height:1.1;margin-block-end:var(--space-m);color:var(--text-color-title);background-color:var(--color-primary)}.hero-title em{color:var(--color-emphasis);font-style:italic}.hero-sub{color:var(--text-color-body);max-width:520px;margin-inline:auto;margin-block-end:var(--space-l);font-weight:400;line-height:1.65}.hero--compact .hero-sub{margin-block-end:0;font-weight:400}.cf-section{padding-block:var(--space-3xl);background-color:var(--bg-color-body)}.cf-section--surface{background:var(--bg-color-surface);border-block:1px solid var(--border-color-primary)}.cf-inner{max-width:1200px;margin-inline:auto;padding-inline:var(--space-l)}.section-kicker{display:block;letter-spacing:.2em;text-transform:uppercase;color:var(--color-emphasis);margin-block-end:var(--space-xs);font-weight:500;font-size:var(--text-m)}.section-heading{font-family:var(--heading-font-family);font-weight:400;font-size:var(--text-2xl);line-height:1.1;color:var(--text-color-title);margin-block-end:var(--space-s)}.section-heading em{font-style:italic;color:var(--color-emphasis)}.section-sub{color:var(--text-color-body);max-width:500px;font-weight:400;line-height:1.7;margin-block-end:var(--space-l);margin-left:auto;margin-right:auto}.test{color:oklch(.293 .087 24.25)}h2::before{content:David is good}h2:hover{color:oklch(.317 .176 285.1)}@media (prefers-reduced-motion:reduce){*,::before,::after{animation-delay:-1ms;animation-duration:1ms;animation-iteration-count:1;background-attachment:initial;scroll-behavior:auto;transition-duration:0s;transition-delay:0s}}@media (width<=992px){:where(.container){display:flex;flex-direction:column}}@media (prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}