/* Fabric, threads and little geometry live in the page's empty edges. */
.pa-hero,.pa-section{position:relative;isolation:isolate}
.pa-field{--pa-ribbon-one:#3b7e5d;--pa-ribbon-two:#d5e7b4;--pa-ribbon-three:#95b786;--pa-thread:#fffdf1;position:absolute;pointer-events:none;user-select:none;-webkit-user-select:none;color:var(--purple);contain:style}
.pa-field svg{display:block;width:100%;height:100%;overflow:visible}
.pa-hero-ribbon{left:45%;right:-10%;bottom:-19px;height:182px;z-index:0;opacity:.25;transform:rotate(-6deg);transform-origin:70% 50%;mask-image:linear-gradient(90deg,transparent,#000 17%,#000 88%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 17%,#000 88%,transparent)}
.pa-hero[data-pa-composition="1"] .pa-hero-ribbon{left:49%;right:-17%;bottom:-7px;transform:rotate(8deg);height:163px}
.pa-hero[data-pa-composition="2"] .pa-hero-ribbon{left:40%;right:-12%;bottom:-29px;transform:rotate(-11deg);height:204px}
.pa-hero[data-pa-composition="3"] .pa-hero-ribbon{left:51%;right:-14%;bottom:-15px;transform:rotate(5deg);height:177px}
.pa-art-garnish{inset:-9% -8%;z-index:0;opacity:.57}
.pa-hero .page-illustration-svg{z-index:1}
.pa-portrait-garnish{inset:0 0 7% auto;width:43%;z-index:0}
.pa-token{position:absolute;left:var(--pa-x);top:var(--pa-y);width:var(--pa-size);height:var(--pa-size);transform:translate(-50%,-50%) rotate(var(--pa-angle));color:var(--purple)}
.pa-token:nth-child(2){color:var(--pa-ribbon-one)}.pa-token:nth-child(3){opacity:.7}.pa-token:nth-child(4){color:var(--pa-ribbon-three)}
.pa-token-float{display:block;width:100%;height:100%;animation:pa-token-drift 5.8s ease-in-out var(--pa-phase) infinite alternate}
.pa-token:nth-child(2) .pa-token-float{animation-name:pa-token-turn;animation-duration:23s;animation-timing-function:linear;animation-direction:normal}
.pa-hero-seam{left:-2%;right:-2%;height:42px;bottom:0;z-index:0;opacity:.23}
.pa-hero-seam path{stroke:var(--purple);stroke-width:1}
.pa-hero-seam .pa-flow-line{stroke-width:2;stroke-dasharray:80 920;animation:pa-thread-run 14s linear infinite}
.pa-section-ribbon{z-index:-1;bottom:-24px;right:-7%;height:130px;width:58%;opacity:.13;transform:rotate(5deg);mask-image:linear-gradient(90deg,transparent,#000 20%,#000 88%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 20%,#000 88%,transparent)}
.pa-section-ribbon-1{right:auto;left:-12%;width:50%;height:150px;bottom:-29px;transform:rotate(-12deg)}
.pa-section-ribbon-2{right:4%;width:47%;height:110px;bottom:-16px;transform:rotate(-4deg)}
.pa-section-mark{z-index:-1;width:38px;height:38px;right:2%;top:5px;opacity:.28;transform:rotate(17deg)}
.pa-section:nth-of-type(2n) .pa-section-mark{left:2%;right:auto;top:10px;transform:rotate(-13deg)}
.pa-section-mark>span{display:block;width:100%;height:100%;animation:pa-token-turn 32s linear infinite}
.pa-field .pa-live{animation-play-state:paused!important}
:root[data-pa-motion=on] .pa-field[data-pa-playing=true] .pa-live{animation-play-state:running!important}
:root[data-theme=light] .pa-field{--pa-ribbon-one:#9bb69e;--pa-ribbon-two:#f1f4dc;--pa-ribbon-three:#cfddc8}
:root[data-theme=light] .pa-hero-ribbon{opacity:.3}
:root[data-theme=dark] .pa-field{--pa-ribbon-one:#397b60;--pa-ribbon-two:#d1eb9f;--pa-ribbon-three:#6f9c70;--pa-thread:#e8f6c5}
:root[data-theme=dark] .pa-hero-ribbon{opacity:.24}
:root[data-theme=dark] .pa-section-ribbon{opacity:.17}
:root[data-theme=akita] .pa-field{--pa-ribbon-one:#2452e8;--pa-ribbon-two:#c1d8ff;--pa-ribbon-three:#ffad63;--pa-thread:#fffaf0}
:root[data-theme=akita] .pa-hero-ribbon{opacity:.54}
:root[data-theme=akita] .pa-art-garnish{opacity:.82}
:root[data-theme=akita] .pa-token:nth-child(odd){color:#ff923f}
:root[data-theme=akita] .pa-token:nth-child(even){color:#2452e8}
:root[data-theme=akita] .pa-hero-seam{opacity:.38}
:root[data-theme=akita] .pa-section-ribbon{opacity:.3}
:root[data-theme=akita] .pa-section-mark{color:#ff923f;opacity:.65}
body.readable .pa-field{display:none!important}
@keyframes pa-token-drift{from{transform:translate(-3px,5px) rotate(-6deg)}to{transform:translate(5px,-9px) rotate(7deg)}}
@keyframes pa-token-turn{to{transform:rotate(360deg)}}
@keyframes pa-thread-run{to{stroke-dashoffset:-1000}}
@media(max-width:1000px){.pa-art-garnish{inset:-6% -3%}.pa-portrait-garnish{inset:5% 0 7% auto;width:43%}.pa-token{width:calc(var(--pa-size) * .84);height:calc(var(--pa-size) * .84)}.pa-hero-ribbon{height:150px;right:-14%}.pa-section-ribbon{width:65%;height:112px}}
@media(max-width:700px){.pa-hero-ribbon,.pa-hero[data-pa-composition] .pa-hero-ribbon{left:17%;right:-14%;bottom:-10px;height:112px;transform:rotate(-5deg);opacity:.19}.pa-art-garnish{inset:-7% -2%;opacity:.5}.pa-portrait-garnish{inset:auto 4% 8% auto;width:89%;height:390px}.pa-token{width:calc(var(--pa-size) * .68);height:calc(var(--pa-size) * .68)}.pa-token:nth-child(4){display:none}.pa-hero-seam{height:28px;opacity:.17}.pa-section-ribbon{bottom:-16px;height:80px;width:77%;opacity:.12}.pa-section-ribbon-1{left:-19%;height:90px}.pa-section-mark{width:24px;height:24px;right:3%;top:0}.pa-section:nth-of-type(2n) .pa-section-mark{left:3%;top:0}:root[data-theme=akita] .pa-hero-ribbon{opacity:.45}:root[data-theme=akita] .pa-section-ribbon{opacity:.24}}
@media(prefers-reduced-motion:reduce){html:not([data-motion-preference=on]) .pa-field .pa-live{animation:none!important}}