.dir-section[data-astro-cid-c2fgorc5]{min-height:calc(100svh - var(--dir-header));padding-block:var(--dir-pad);align-items:center;display:flex;position:relative}.dir-inner[data-astro-cid-c2fgorc5]{z-index:2;position:relative}.dir-marks[data-astro-cid-c2fgorc5]{pointer-events:none;position:absolute;inset:0}.dir-mark[data-astro-cid-c2fgorc5]{z-index:1;left:clamp(calc(var(--h) / 2 + 4px), var(--x), calc(100% - var(--h) / 2 - 4px));top:var(--y);height:var(--h);aspect-ratio:1;-webkit-mask-image:var(--mark);mask-image:var(--mark);background-color:#cddcff0f;position:absolute;translate:-50% -50%;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.dir-marks[data-astro-cid-c2fgorc5][data-n="1"] .dir-mark[data-astro-cid-c2fgorc5]{--h:min(clamp(200px, 30svh, 340px), 46vw);--x:78%;--y:12%}@media (width>=1024px){.dir-marks[data-astro-cid-c2fgorc5][data-n="1"] .dir-mark[data-astro-cid-c2fgorc5]{--h:clamp(280px, 40svh, 460px);--x:22%;--y:64%}}.dir-marks[data-astro-cid-c2fgorc5][data-n="2"] .dir-mark[data-astro-cid-c2fgorc5]{--h:min(20svh, 30vw)}.dir-marks[data-astro-cid-c2fgorc5][data-n="2"] .dir-mark[data-astro-cid-c2fgorc5]:first-child{--x:58%;--y:24%}.dir-marks[data-astro-cid-c2fgorc5][data-n="2"] .dir-mark[data-astro-cid-c2fgorc5]:nth-child(2){--x:84%;--y:64%}.dir-marks[data-astro-cid-c2fgorc5][data-n="3"] .dir-mark[data-astro-cid-c2fgorc5]{--h:min(16svh, 24vw)}.dir-marks[data-astro-cid-c2fgorc5][data-n="3"] .dir-mark[data-astro-cid-c2fgorc5]:first-child{--x:45%;--y:20%}.dir-marks[data-astro-cid-c2fgorc5][data-n="3"] .dir-mark[data-astro-cid-c2fgorc5]:nth-child(2){--x:92%;--y:38%}.dir-marks[data-astro-cid-c2fgorc5][data-n="3"] .dir-mark[data-astro-cid-c2fgorc5]:nth-child(3){--x:30%;--y:62%}@media (width>=1024px){.dir-marks[data-astro-cid-c2fgorc5][data-n="3"] .dir-mark[data-astro-cid-c2fgorc5]:nth-child(3){--y:84%}}.dir-marks[data-astro-cid-c2fgorc5][data-n="4"] .dir-mark[data-astro-cid-c2fgorc5]{--h:min(13svh, 19vw)}.dir-marks[data-astro-cid-c2fgorc5][data-n="4"] .dir-mark[data-astro-cid-c2fgorc5]:first-child{--x:40%;--y:18%}.dir-marks[data-astro-cid-c2fgorc5][data-n="4"] .dir-mark[data-astro-cid-c2fgorc5]:nth-child(2){--x:88%;--y:22%}.dir-marks[data-astro-cid-c2fgorc5][data-n="4"] .dir-mark[data-astro-cid-c2fgorc5]:nth-child(3){--x:62%;--y:52%}.dir-marks[data-astro-cid-c2fgorc5][data-n="4"] .dir-mark[data-astro-cid-c2fgorc5]:nth-child(4){--x:90%;--y:80%}.dir-inner[data-astro-cid-c2fgorc5]{flex-direction:column;max-width:44rem;display:flex}.dir-copy[data-astro-cid-c2fgorc5],.dir-visual[data-astro-cid-c2fgorc5]{display:contents}.dir-head[data-astro-cid-c2fgorc5]{order:1}.dir-figure[data-astro-cid-c2fgorc5]{margin:var(--dir-stack-gap) 0 0;order:2;width:100%;min-width:0}.dir-examples[data-astro-cid-c2fgorc5]{margin-top:var(--dir-stack-gap);order:3}.dir-links[data-astro-cid-c2fgorc5]{order:5}.dir-meta[data-astro-cid-c2fgorc5]{margin:0 0 var(--space-eyebrow);align-items:center;gap:.875rem;display:flex}.dir-eyebrow[data-astro-cid-c2fgorc5]{letter-spacing:.16em;text-transform:uppercase;color:var(--color-launch-text-muted);font-size:.8125rem;font-weight:600}.dir-heading[data-astro-cid-c2fgorc5]{font-family:var(--font-heading);letter-spacing:-.03em;text-wrap:balance;font-size:clamp(1.75rem,6vw,2.25rem);font-weight:600;line-height:1.1}.dir-body[data-astro-cid-c2fgorc5]{margin:var(--space-headline) 0 0;text-wrap:pretty;font-size:1rem;line-height:1.6}.dir-examples[data-astro-cid-c2fgorc5]{min-width:0}.dir-ex-label[data-astro-cid-c2fgorc5]{letter-spacing:.08em;text-transform:uppercase;color:var(--color-launch-text-muted);margin:0 0 .75rem;font-size:.8125rem;font-weight:600}.dir-examples[data-astro-cid-c2fgorc5] ul[data-astro-cid-c2fgorc5]{flex-wrap:wrap;gap:.75rem 1.5rem;margin:0;padding:0;list-style:none;display:flex}.dir-examples[data-astro-cid-c2fgorc5] li[data-astro-cid-c2fgorc5]{color:var(--color-launch-text);align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:flex}.dir-ex-link[data-astro-cid-c2fgorc5]{color:inherit;align-items:center;gap:.5rem;text-decoration:none;display:flex}.dir-ex-link[data-astro-cid-c2fgorc5] span[data-astro-cid-c2fgorc5]{text-decoration:underline;text-decoration-color:var(--color-launch-border);text-underline-offset:4px}.dir-ex-link[data-astro-cid-c2fgorc5]:hover span[data-astro-cid-c2fgorc5]{text-decoration-color:currentColor}.dir-ex-link[data-astro-cid-c2fgorc5]:focus-visible{outline:2px solid var(--color-launch-cyan);outline-offset:3px;border-radius:2px}.dir-ex-mark[data-astro-cid-c2fgorc5]{object-fit:contain;flex:none;width:28px;height:28px}.dir-ex-mark--invert[data-astro-cid-c2fgorc5]{filter:brightness(0)invert(.92)}.dir-links[data-astro-cid-c2fgorc5]{flex-wrap:wrap;gap:.25rem 1.5rem;margin:.75rem 0 0;font-size:.9375rem;display:flex}.dir-links[data-astro-cid-c2fgorc5] a[data-astro-cid-c2fgorc5]{color:var(--color-launch-cyan);padding-block:.625rem;font-weight:600;text-decoration:none}.dir-links[data-astro-cid-c2fgorc5] a[data-astro-cid-c2fgorc5]:hover{text-underline-offset:4px;text-decoration:underline}.dir-links[data-astro-cid-c2fgorc5] a[data-astro-cid-c2fgorc5]:focus-visible{outline:2px solid var(--color-launch-cyan);outline-offset:4px;border-radius:2px}@media (width>=1024px){.dir-inner[data-astro-cid-c2fgorc5]{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;column-gap:clamp(2.5rem,4.5vw,5rem);max-width:82rem;display:grid}.dir-copy[data-astro-cid-c2fgorc5]{display:block}.dir-visual[data-astro-cid-c2fgorc5]{justify-content:center;gap:var(--dir-gap);flex-direction:column;min-width:0;display:flex}.dir-heading[data-astro-cid-c2fgorc5]{font-size:clamp(1.625rem,2.7vw,2.75rem)}.dir-body[data-astro-cid-c2fgorc5]{max-width:36rem;font-size:clamp(.9375rem,1.1vw,1.0625rem);line-height:1.55}.dir-links[data-astro-cid-c2fgorc5]{margin-top:.25rem}.dir-figure[data-astro-cid-c2fgorc5]{place-items:center stretch;min-height:0;margin:0;display:grid}.dir-examples[data-astro-cid-c2fgorc5]{padding-top:var(--dir-gap);border-top:1px solid #ffffff12;margin:0}}html:has(.dir-section){--dir-header:75px;--dir-pad:clamp(1rem, 2.5vh, 2.5rem);--dir-gap:clamp(.875rem, 2.2vh, 2rem);--dir-stack-gap:clamp(1.5rem, 3vh, 2.25rem);--dir-fig-h:calc(100svh - var(--dir-header) - 2 * var(--dir-pad) - 9rem);scroll-padding-top:var(--dir-header)}@media (width>=1024px){.dir-figure .dg-wide{display:none!important}.dir-figure .dg-narrow{width:100%;max-width:none;max-height:var(--dir-fig-h);display:block!important}.dir-figure .ac{max-width:min(var(--max,100%), calc(var(--dir-fig-h) * var(--cw) / var(--ch)))!important}.dir-figure .cs-figure{margin-inline:auto}}@media (prefers-reduced-motion:reduce){html:has(.dir-section){scroll-behavior:auto}}.dir-ground{--tone-a:5, 9, 19;--tone-b:14, 23, 40;--tone-edge:15, 15, 21;--seam:clamp(96px, 16vh, 160px);--seam-edge:clamp(220px, 46vh, 420px);overflow-x:clip}.dir-ground>.dir-section{--t:var(--tone-a);--p:var(--tone-b);--n:var(--tone-b);--top:color-mix(in srgb, rgb(var(--p)) 50%, rgb(var(--t)));--bot:color-mix(in srgb, rgb(var(--n)) 50%, rgb(var(--t)));--seam-top:var(--seam);--seam-bot:var(--seam);--dg-tone:rgb(var(--t))}.dir-ground>.dir-section:nth-of-type(2n){--t:var(--tone-b);--p:var(--tone-a);--n:var(--tone-a)}.dir-ground>.dir-section:first-of-type{--p:var(--tone-edge);--top:rgb(var(--tone-edge));--seam-top:var(--seam-edge)}.dir-ground>.dir-section:last-of-type{--n:var(--tone-edge);--bot:rgb(var(--tone-edge));--seam-bot:var(--seam-edge)}.dir-ground>.dir-section{background:linear-gradient(to bottom, var(--top) 0, color-mix(in srgb, rgb(var(--t)) 10%, var(--top)) calc(var(--seam-top) * .2), color-mix(in srgb, rgb(var(--t)) 35%, var(--top)) calc(var(--seam-top) * .4), color-mix(in srgb, rgb(var(--t)) 65%, var(--top)) calc(var(--seam-top) * .6), color-mix(in srgb, rgb(var(--t)) 90%, var(--top)) calc(var(--seam-top) * .8), rgb(var(--t)) var(--seam-top), rgb(var(--t)) calc(100% - var(--seam-bot)), color-mix(in srgb, rgb(var(--t)) 90%, var(--bot)) calc(100% - var(--seam-bot) * .8), color-mix(in srgb, rgb(var(--t)) 65%, var(--bot)) calc(100% - var(--seam-bot) * .6), color-mix(in srgb, rgb(var(--t)) 35%, var(--bot)) calc(100% - var(--seam-bot) * .4), color-mix(in srgb, rgb(var(--t)) 10%, var(--bot)) calc(100% - var(--seam-bot) * .2), var(--bot) 100%)}.dir-ground>.dir-section .dg{--dg-ground:var(--dg-tone)}