@layer components{.dp{background-color:var(--background);color:var(--text);padding-bottom:var(--bottomnav-clearance,0rem)}.dp .section:not([class*=theme-]){background-color:#0000}.dp_container{max-width:var(--container-small);margin-inline:auto}.dp a:not(.splitbtn){color:var(--brand-500);text-underline-offset:.25em;text-decoration:underline}.dp_eyebrow{font-family:var(--handwriting-family);color:var(--brand-500);font-size:1.375rem;display:inline-block;rotate:-1.5deg}.dp_title{text-wrap:balance;font-size:clamp(2.1rem,6vw,3.1rem);line-height:1.08}.dp_scribble{display:inline-block;position:relative}.dp_scribble svg{width:calc(100% + .12em);height:.3em;position:absolute;bottom:-.16em;left:-.06em;overflow:visible}.dp_scribble path{fill:none;stroke:var(--brand-500);stroke-width:7px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}@media (prefers-reduced-motion:no-preference){.dp_scribble path{stroke-dashoffset:1px;animation:.7s ease-out .35s forwards dp-scribble-draw}}@keyframes dp-scribble-draw{to{stroke-dashoffset:0}}.dp_lead{color:color-mix(in srgb, var(--text) 72%, transparent);font-size:1.1875rem;& strong{color:var(--text)}}.dp_stack{gap:var(--space-4);flex-wrap:wrap;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.dp_card{background:var(--light-100);color:var(--dark-900);rotate:var(--tilt,0deg);flex:none;width:10.5rem;padding:.5rem .5rem .55rem;transition:rotate .25s,scale .25s;box-shadow:0 .5rem 1.4rem #00000059;@media (hover:hover){&:hover{rotate:0deg;scale:1.03}}}.dp_card_media{aspect-ratio:4/5;background:#dfe3e7;display:block;overflow:hidden}.dp_card_caption{font-family:var(--handwriting-family);text-align:center;padding-top:.4rem;font-size:1.05rem;line-height:1.1;display:block}.dp_pm_grid{background:linear-gradient(var(--dark-900) 2px, transparent 2px) 0 0 / 100% 33.3%, linear-gradient(90deg, var(--dark-900) 2px, transparent 2px) 0 0 / 33.3% 100%, var(--brand-500)}.dp_pm_notes{background:linear-gradient(transparent 62%, #22272e40 0 66%, transparent 0) 0 0 / 100% 24%, var(--yellow-500)}.dp_pm_ink{background:radial-gradient(circle at 32% 28%, var(--pink-500) 0 16%, transparent 17%), linear-gradient(var(--yellow-500), var(--yellow-500)) no-repeat 82% 42% / 20% 20%, conic-gradient(from 150deg at 50% 0%, var(--brand-500) 0 60deg, transparent 60.5deg) no-repeat 36% 92% / 26% 24%, var(--dark-900)}.dp_section{display:block}.dp_tape{font-family:var(--handwriting-family);color:var(--dark-900);background:var(--brand-500);padding:.15rem .9rem .25rem;font-size:1.3rem;display:inline-block;rotate:-1.2deg;box-shadow:0 .2rem .6rem #0000004d}.dp_section:nth-of-type(2n) .dp_tape{rotate:1.4deg}.dp_heading{text-wrap:balance}.dp_demo{border:1px dashed color-mix(in srgb, var(--text) 28%, transparent);width:100%;position:relative}.dp_demo:before{content:"experimente";font-family:var(--handwriting-family);color:color-mix(in srgb, var(--text) 65%, transparent);background:var(--background);z-index:1;padding:0 .5rem;font-size:1rem;position:absolute;top:-.75rem;left:1rem;rotate:-1deg}.dp_grid_viewport{cursor:grab;touch-action:none;user-select:none;height:16rem;position:relative;overflow:hidden}.dp_grid_viewport.is-dragging{cursor:grabbing}.dp_grid_plane{will-change:transform;position:absolute;top:0;left:0}.dp_grid_tile{grid-template-columns:repeat(2,6.5rem);gap:1.5rem;padding:.75rem;display:grid;position:absolute}.dp_grid_tile .dp_card{width:6.5rem}.dp_grid_tile .dp_card_caption{font-size:.85rem}.dp_cursor_label{font-size:.72rem;font-weight:var(--primary-medium);letter-spacing:.05em;text-transform:uppercase;color:var(--light-100);mix-blend-mode:difference;pointer-events:none;white-space:nowrap;display:none;position:absolute;top:0;left:0;translate:-50% 1.4rem}.dp_stage_viewport{height:13rem;position:relative;overflow:hidden}.dp_drag_item{touch-action:none;cursor:grab;user-select:none;position:absolute;top:12%;left:12%}.dp_drag_item .dp_card{width:7.5rem}.dp_drag_item.is-held{cursor:grabbing}.dp_drag_item.is-held .dp_card{rotate:0deg;scale:1.04}.dp_stage_note{font-family:var(--handwriting-family);color:color-mix(in srgb, var(--text) 65%, transparent);font-size:1.05rem;position:absolute;bottom:.6rem;right:1rem;rotate:-1.5deg}.dp_specimen{gap:var(--space-2);display:grid}.dp_spec_row{align-items:center;gap:var(--space-3);display:flex}.dp_spec_row svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.5rem;height:1.5rem}.dp_spec_display{font-weight:var(--primary-bold,700);letter-spacing:-.02em;font-size:1.9rem;line-height:1.1}.dp_spec_hand{font-family:var(--handwriting-family);color:var(--yellow-500);width:fit-content;font-size:1.5rem;rotate:-1deg}.dp_spec_note{color:color-mix(in srgb, var(--text) 65%, transparent);font-size:.9rem}.dp_swatches{gap:var(--space-4);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.dp_swatch{aspect-ratio:1;width:7rem;font-family:var(--handwriting-family);rotate:var(--tilt,0deg);background-image:linear-gradient(#00000014,#0000 16%);flex-direction:column;justify-content:flex-end;padding:.6rem;font-size:1rem;line-height:1.15;display:flex;box-shadow:0 .35rem .9rem #0000004d}.dp_facts{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.dp_facts li{padding-left:1.9rem;position:relative}.dp_facts li:before{content:"✓";font-family:var(--handwriting-family);color:var(--brand-500);font-size:1.25rem;position:absolute;top:-.05rem;left:.2rem}.dp_closing_actions{justify-content:center;gap:var(--space-6);margin-top:var(--space-6);flex-wrap:wrap;align-self:center;margin-inline:auto;display:flex}.dp_closing{background:var(--yellow-500);color:var(--dark-900);font-family:var(--handwriting-family);font-size:1.35rem;line-height:var(--line-height-large);max-width:26rem;padding:var(--space-6);background-image:linear-gradient(#00000014,#0000 14%);margin-inline:auto;rotate:-1.4deg;box-shadow:0 .6rem 1.5rem #00000059}.dp_closing a{color:inherit;text-underline-offset:.3em;background-image:linear-gradient(100deg, transparent 1%, var(--pink-500) 4%, color-mix(in srgb, var(--pink-500) 82%, transparent) 55%, var(--pink-500) 94%, transparent 98%);background-position:0 60%;background-repeat:no-repeat;background-size:0% 82%;padding:.1em .3em;transition:background-size .25s;@media (hover:hover){&:hover{background-size:100% 82%}}}@media (prefers-reduced-motion:reduce){.dp_card,.dp_drag_item .dp_card{transition:none}}}