.gsw:where(.astro-jpzc4qzg){--a:0;--b:0;--mx:0;--pin:var(--accent-2);aspect-ratio:16/10;transform:rotate(calc(var(--a) * 1deg));transform-origin:50% 6%;filter:drop-shadow(0 12px 14px #14141429)drop-shadow(0 2px 3px #1414141a);display:block;position:relative}.cloth:where(.astro-jpzc4qzg){--zz:conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) bottom / 16px 8px repeat-x, conic-gradient(from 135deg at top, #0000, #000 1deg 89deg, #0000 90deg) top / 16px 8px repeat-x, conic-gradient(from 45deg at left, #0000, #000 1deg 89deg, #0000 90deg) left / 8px 16px repeat-y, conic-gradient(from -135deg at right, #0000, #000 1deg 89deg, #0000 90deg) right / 8px 16px repeat-y, linear-gradient(#000 0 0) center / calc(100% - 16px) calc(100% - 16px) no-repeat;transform-origin:50% 6%;transform:perspective(600px) rotateY(calc(var(--mx) * 16deg)) skewX(calc(var(--b) * -3deg));-webkit-mask:var(--zz);-webkit-mask:var(--zz);mask:var(--zz);position:absolute;inset:0;overflow:hidden}.cloth:where(.astro-jpzc4qzg):before{content:"";mix-blend-mode:multiply;background:repeating-linear-gradient(0deg,#14141412 0 1px,#0000 1px 3px),repeating-linear-gradient(90deg,#1414140f 0 1px,#0000 1px 3px);position:absolute;inset:0}.cloth:where(.astro-jpzc4qzg):after{content:"";mix-blend-mode:soft-light;background:linear-gradient(90deg, rgba(0, 0, 0, calc(var(--mx) * -.7)), transparent 45% 55%, rgba(0, 0, 0, calc(var(--mx) * .7))), linear-gradient(90deg, #00000059 0%, #ffffff4d 12%, #0000004d 27%, #ffffff4d 44%, #00000038 58%, #ffffff4d 74%, #00000059 100%) calc(50% + var(--mx) * 40%) 0 / 140% 100%;position:absolute;inset:0;-webkit-mask:linear-gradient(#0000 6%,#00000080 30%,#000 75%);mask:linear-gradient(#0000 6%,#00000080 30%,#000 75%)}.sm:where(.astro-jpzc4qzg) .cloth:where(.astro-jpzc4qzg){--zz:conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) bottom / 10px 5px repeat-x, conic-gradient(from 135deg at top, #0000, #000 1deg 89deg, #0000 90deg) top / 10px 5px repeat-x, conic-gradient(from 45deg at left, #0000, #000 1deg 89deg, #0000 90deg) left / 5px 10px repeat-y, conic-gradient(from -135deg at right, #0000, #000 1deg 89deg, #0000 90deg) right / 5px 10px repeat-y, linear-gradient(#000 0 0) center / calc(100% - 10px) calc(100% - 10px) no-repeat}.sm:where(.astro-jpzc4qzg) .pin:where(.astro-jpzc4qzg){width:20px;height:25px}.print:where(.astro-jpzc4qzg){width:100%;height:100%;display:block;position:absolute;inset:0}.cloth:where(.astro-jpzc4qzg):before,.cloth:where(.astro-jpzc4qzg):after{z-index:1}.pin-1:where(.astro-jpzc4qzg){--pin:var(--accent-1)}.pin-3:where(.astro-jpzc4qzg){--pin:var(--accent-3)}.pin-4:where(.astro-jpzc4qzg){--pin:var(--accent-4)}.pin-gold:where(.astro-jpzc4qzg){--pin:#e9b44c}.lg:where(.astro-jpzc4qzg) .cloth:where(.astro-jpzc4qzg){--zz:conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) bottom / 20px 10px repeat-x, conic-gradient(from 135deg at top, #0000, #000 1deg 89deg, #0000 90deg) top / 20px 10px repeat-x, conic-gradient(from 45deg at left, #0000, #000 1deg 89deg, #0000 90deg) left / 10px 20px repeat-y, conic-gradient(from -135deg at right, #0000, #000 1deg 89deg, #0000 90deg) right / 10px 20px repeat-y, linear-gradient(#000 0 0) center / calc(100% - 20px) calc(100% - 20px) no-repeat}.pin:where(.astro-jpzc4qzg){z-index:1;width:26px;height:32px;position:absolute;top:6%;left:50%;translate:-50% -30%}.pin:where(.astro-jpzc4qzg) svg:where(.astro-jpzc4qzg){width:100%;height:100%;display:block;overflow:visible}.pin:where(.astro-jpzc4qzg) .hi:where(.astro-jpzc4qzg){stop-color:color-mix(in srgb, var(--pin) 35%, #fff)}.pin:where(.astro-jpzc4qzg) .base:where(.astro-jpzc4qzg){stop-color:var(--pin)}.pin:where(.astro-jpzc4qzg) .deep:where(.astro-jpzc4qzg){stop-color:color-mix(in srgb, var(--pin) 55%, #000)}.pin:where(.astro-jpzc4qzg) .collar:where(.astro-jpzc4qzg){fill:color-mix(in srgb, var(--pin) 70%, #000)}.rv{transition:opacity .7s cubic-bezier(.22,1,.36,1),translate .7s cubic-bezier(.22,1,.36,1);transition-delay:var(--rv-d,0s)}.rv:not(.in){opacity:0;translate:0 18px}.prose>ul.rv:not(.in),.prose>ol.rv:not(.in),.prose>table.rv:not(.in){opacity:1;translate:none}.rv-child{transition:opacity .6s cubic-bezier(.22,1,.36,1),translate .6s cubic-bezier(.22,1,.36,1);transition-delay:var(--rv-d,0s)}.rv:not(.in) .rv-child{opacity:0;translate:-10px}.prose tbody .rv-child{translate:none}.prose h2.rv:before{transform-origin:0;transition:transform .9s cubic-bezier(.22,1,.36,1) .15s}.prose h2.rv:not(.in):before{transform:scaleX(0)}.prose ol>li.rv-child:before,.prose .callout.rv:before{transition:transform .5s cubic-bezier(.16, 1, .3, 1) calc(var(--rv-d,0s) + .12s)}.prose .rv:not(.in) ol>li:before,.prose ol.rv:not(.in)>li:before,.prose .callout.rv:not(.in):before{transform:scale(.4)}.read-progress{z-index:49;inset:var(--nav-h) 0 auto;background:var(--grad);transform-origin:0;pointer-events:none;height:3px;position:fixed;transform:scaleX(0)}@supports (animation-timeline:scroll()){.read-progress{animation:linear both read-fill;animation-timeline:scroll(root)}}@supports not (animation-timeline:scroll()){.read-progress{display:none}}@keyframes read-fill{to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.read-progress{display:none}}
