@import "https://fonts.googleapis.com/css2?family=Lobster+Two:ital,wght@0,400;0,700;1,400;1,700&display=swap";@scope(.lab--caps){section>*{margin-trim:block}article small{font-size:var(--font-size-2xs)}@media screen and (width>=64em){section{grid-template-columns:repeat(3,1fr);gap:5vw;display:grid}}@supports (initial-letter:5) or (-webkit-initial-letter:5){article p:first-letter{font-variation-settings:"ital" 0, "wdth" 100, "wght" 700;-webkit-initial-letter:var(--initial-letter,4 4);initial-letter:var(--initial-letter,4 4);margin-inline-end:1em}[data-demo=plain] p:first-letter{color:var(--color-accent)}[data-demo=text-shadow-1] p:first-letter{text-shadow:6px 6px 0 var(--color-accent);color:var(--color-text-alt)}[data-demo=text-shadow-2] p:first-letter{text-shadow:-6px -6px 0 var(--color-text-alt), 6px 6px 0 var(--color-accent);color:var(--color-background-default)}[data-demo=text-stroke] p:first-letter{-webkit-text-stroke:10px var(--color-accent);text-stroke:10px var(--color-accent);color:var(--color-background-default);paint-order:stroke fill}[data-demo=background-color] p:first-letter{background-color:var(--color-accent);text-shadow:6px 6px 0 var(--color-background-default);padding:1rem}[data-demo=background-gradient] p:first-letter{background-color:var(--color-accent);background-image:linear-gradient(135deg,#fff 0%, var(--color-accent) 50%);text-shadow:6px 6px 0 var(--color-background-default);padding:1rem}[data-demo=background-image-1] p:first-letter{background-color:var(--color-accent);text-shadow:6px 6px 0 var(--color-background-default);background-image:url(/lab/img/cap-img-bg.webp);background-size:cover;padding:1rem}[data-demo=background-image-2] p:first-letter{background-clip:text;background-color:var(--color-accent);color:#0000;background-image:url(/lab/img/cap-img-bg.webp);background-size:cover;padding:1rem}[data-demo=border] p:first-letter{border:var(--border-width-l) solid var(--color-accent);text-shadow:6px 6px 0 var(--color-background-default);padding:1rem}[data-demo=border-radius-1] p:first-letter{border:var(--border-width-l) solid var(--color-accent);text-shadow:6px 6px 0 var(--color-background-default);border-radius:1rem;padding:1rem}[data-demo=border-radius-2] p:first-letter{border:var(--border-width-l) solid var(--color-accent);text-shadow:6px 6px 0 var(--color-background-default);border-top-left-radius:3rem;border-bottom-right-radius:3rem;padding:1rem}[data-demo=border-image-1] p:first-letter{text-shadow:6px 6px 0 var(--color-background-default);border-style:solid;border-width:10px;border-image:conic-gradient(#c8b9c2,#7d6975,#faa916,#efbcd5,#84e296,#dbff76,#c8b9c2) 1;padding:1rem;display:inline-block}[data-demo=clip-1] p:first-letter{background-color:var(--color-accent);background-image:linear-gradient(135deg, #fff 0%, var(--color-accent) 50%);text-shadow:6px 6px 0 var(--color-background-default);clip-path:polygon(0% 0%,75% 0%,100% 50%,75% 100%,0% 100%);padding-block:1rem;padding-inline:1rem 2rem}[data-demo=clip-2] p:first-letter{aspect-ratio:1;background-color:var(--color-accent);background-image:linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent) 50%);text-shadow:6px 6px 0 var(--color-background-default);clip-path:polygon(100% 50%,94.62% 55.87%,98.3% 62.94%,91.57% 67.22%,93.3% 75%,85.7% 77.39%,85.36% 85.36%,77.39% 85.7%,75% 93.3%,67.22% 91.57%,62.94% 98.3%,55.87% 94.62%,50% 100%,44.13% 94.62%,37.06% 98.3%,32.78% 91.57%,25% 93.3%,22.61% 85.7%,14.64% 85.36%,14.3% 77.39%,6.7% 75%,8.43% 67.22%,1.7% 62.94%,5.38% 55.87%,0% 50%,5.38% 44.13%,1.7% 37.06%,8.43% 32.78%,6.7% 25%,14.3% 22.61%,14.64% 14.64%,22.61% 14.3%,25% 6.7%,32.78% 8.43%,37.06% 1.7%,44.13% 5.38%,50% 0%,55.87% 5.38%,62.94% 1.7%,67.22% 8.43%,75% 6.7%,77.39% 14.3%,85.36% 14.64%,85.7% 22.61%,93.3% 25%,91.57% 32.78%,98.3% 37.06%,94.62% 44.13%);padding:2rem}[data-demo=rotate-1] p:first-letter{background-color:var(--color-accent);background-image:linear-gradient(135deg,var(--color-accent) 0%, var(--color-base) 50%);text-shadow:6px 6px 0 var(--color-background-default);margin-inline-end:2.5em;padding:1rem;rotate:-15deg}[data-demo=scale-1] p:first-letter{background-color:var(--color-accent);background-image:linear-gradient(135deg,var(--color-accent) 0%, var(--color-base) 50%);text-shadow:6px 6px 0 var(--color-background-default);margin-inline-end:2.5em;padding:1rem;scale:1.25 .75}[data-demo=skew-1] p:first-letter{background-color:var(--color-accent);background-image:linear-gradient(135deg, var(--color-accent) 0%, var(--color-base) 50%);text-shadow:6px 6px 0 var(--color-background-default);margin-inline-end:2.5em;padding:1rem;font-style:oblique 20deg}[data-demo=skew-2]{padding-inline-start:2rem}[data-demo=skew-2] p:first-letter{float:left;shape-outside:polygon(0 0, 0 200px, 250px 600px);shape-margin:50px;background-color:var(--color-accent);background-image:linear-gradient(135deg, var(--color-accent) 0%, var(--color-base) 50%);text-shadow:6px 6px 0 var(--color-background-default);padding:1rem;font-style:oblique 20deg;display:block;translate:-60px}[data-demo=patty] p:first-letter{text-align:center;aspect-ratio:1;background-color:var(--color-accent);background-image:url(/lab/img/cap-noise.svg), radial-gradient(circle, var(--color-accent) 0%, var(--color-base) 100%);background-blend-mode:soft-light, normal;text-shadow:6px 6px color(display-p3 .126 .156 .266/.401);color:var(--color-text-default);clip-path:polygon(100% 50%,94.62% 55.87%,98.3% 62.94%,91.57% 67.22%,93.3% 75%,85.7% 77.39%,85.36% 85.36%,77.39% 85.7%,75% 93.3%,67.22% 91.57%,62.94% 98.3%,55.87% 94.62%,50% 100%,44.13% 94.62%,37.06% 98.3%,32.78% 91.57%,25% 93.3%,22.61% 85.7%,14.64% 85.36%,14.3% 77.39%,6.7% 75%,8.43% 67.22%,1.7% 62.94%,5.38% 55.87%,0% 50%,5.38% 44.13%,1.7% 37.06%,8.43% 32.78%,6.7% 25%,14.3% 22.61%,14.64% 14.64%,22.61% 14.3%,25% 6.7%,32.78% 8.43%,37.06% 1.7%,44.13% 5.38%,50% 0%,55.87% 5.38%,62.94% 1.7%,67.22% 8.43%,75% 6.7%,77.39% 14.3%,85.36% 14.64%,85.7% 22.61%,93.3% 25%,91.57% 32.78%,98.3% 37.06%,94.62% 44.13%);background-size:300px,cover;padding:2rem 2.5rem;font-family:Lobster Two,sans-serif;font-style:italic;font-weight:700}}}@media (prefers-reduced-motion:reduce){.lab--caps *,.lab--caps :before,.lab--caps :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}