@layer components{.sketch{display:block;position:absolute;inset:0}.sketch img,.sketch__canvas{padding:8px}.sketch__canvas{object-fit:contain;width:100%;height:100%;color:var(--color-dark-charcoal);opacity:0;pointer-events:none;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.sketch:not(.is-static) img{visibility:hidden}}.sketch.is-drawing .sketch__canvas{opacity:1}.pbadge{z-index:1;background:var(--color-golden-chalice);color:var(--color-graphic-black);letter-spacing:.08em;text-transform:uppercase;pointer-events:none;padding:8px 12px;font-size:15px;font-weight:500;line-height:1.2;position:absolute;bottom:16px;left:0}.pdoc{aspect-ratio:4/3;background:var(--color-parel-grey);cursor:pointer;flex:1 0 auto;place-items:center;display:grid;position:relative;overflow:hidden}.pdoc__sheet{isolation:isolate;aspect-ratio:2000/1415;width:72%;transition:transform .6s var(--ease-lead);position:relative}.pdoc__sheet:before{content:"";z-index:-1;background:var(--color-white);border:1px solid color-mix(in srgb, var(--color-dark-charcoal) 22%, transparent);position:absolute;inset:0;transform:translate(10px,10px)}.pdoc__sheet:after{content:"";background:var(--color-dark-charcoal);opacity:0;transition:opacity .3s var(--ease-lead);position:absolute;inset:0}.pdoc__open{opacity:0;transition:opacity .3s var(--ease-lead);position:absolute;top:58%;left:50%;translate:-50% -50%}.pdoc:hover .pdoc__sheet{transform:translateY(-6px)}.pdoc:hover .pdoc__sheet:after{opacity:.18}.pdoc:hover .pdoc__open,.pdoc__open:focus-within{opacity:1}@media (hover:none){.pdoc__open{opacity:1}}@media (max-width:767px){.sketch img,.sketch__canvas{padding:4px}.pdoc__sheet{width:80%}.pbadge{padding:6px 10px;bottom:8px}}@media (prefers-reduced-motion:reduce){.pdoc__sheet,.pdoc__sheet:after,.pdoc__open{transition:none}.pdoc:hover .pdoc__sheet{transform:none}}}