.playground-page .desk-header nav{grid-template-columns:repeat(5,minmax(0,1fr))}.playground-page .pg-hero{background-color:var(--moss);isolation:isolate;grid-template-columns:minmax(0,1.5fr) minmax(290px,.7fr);gap:clamp(2rem,6vw,8rem);min-height:780px;padding:clamp(5rem,9vw,9rem) 6vw clamp(6rem,10vw,10rem);display:grid;position:relative;overflow:hidden}.playground-page .pg-grid{z-index:-1;opacity:.7;background-image:linear-gradient(#ffffff0f 1px,#0000 1px),linear-gradient(90deg,#ffffff0f 1px,#0000 1px),linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px);background-size:20px 20px,20px 20px,100px 100px,100px 100px;position:absolute;inset:0}.playground-page .pg-roll{background:var(--paper-bright);clip-path:polygon(1% 2%,14% 0,28% 2%,42% 0,56% 2%,71% 1%,85% 3%,99% 1%,98% 97%,83% 99%,68% 97%,52% 100%,37% 98%,21% 100%,2% 97%);align-self:center;min-height:590px;padding:clamp(3rem,6vw,6rem);position:relative;transform:rotate(-1deg);box-shadow:0 2.5rem 4rem #0e18124d}.playground-page .pg-roll:before{aspect-ratio:1;filter:blur(4px);content:"";background:radial-gradient(circle,#adc9dd8c,#2853c729 55%,#0000 72%);border-radius:48% 44% 53% 47%;width:35%;position:absolute;top:8%;right:7%}.playground-page .pg-tape{background:#e0d2aedb;border-left:1px dashed #5b4e364d;border-right:1px dashed #5b4e364d;width:118px;height:35px;position:absolute;top:-7px;left:44%;transform:rotate(2deg)}.playground-page .pg-kicker{font:.58rem var(--mono);letter-spacing:.08em;text-transform:uppercase;margin:0;position:relative}.playground-page .pg-roll h1{max-width:820px;font:400 clamp(5rem, 10vw, 10rem)/.7 var(--serif);letter-spacing:-.065em;margin:clamp(5rem,9vw,8rem) 0 2rem;position:relative}.playground-page .pg-roll h1 em{color:var(--persimmon);font-weight:400}.playground-page .pg-intro{max-width:560px;font:1.2rem/1.45 var(--serif);margin:0 0 2.5rem;position:relative}.playground-page .pg-roll .ink-button{position:relative}.playground-page .pg-seal{aspect-ratio:1;width:102px;color:var(--paper-bright);background:var(--persimmon);border:2px solid var(--persimmon-dark);box-shadow:0 0 0 5px var(--paper-bright), 0 0 0 7px var(--persimmon);text-align:center;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:9%;right:7%;transform:rotate(7deg)}.playground-page .pg-seal span{font:400 2.4rem/.8 var(--serif)}.playground-page .pg-seal small{font:.43rem/1.2 var(--mono);letter-spacing:.1em}.playground-page .pg-scribble{font:.83rem var(--hand);margin:0;position:absolute;top:31%;right:5%;transform:rotate(-7deg)}.playground-page .pg-boundary{color:var(--ink);background:var(--yellow);align-self:center;padding:3.5rem 2.5rem 2.5rem;position:relative;transform:rotate(2.4deg);box-shadow:0 1.8rem 2.5rem #0e181242}.playground-page .pg-boundary-tape{background:#e0d2aedb;border-left:1px dashed #5b4e364d;border-right:1px dashed #5b4e364d;width:92px;height:30px;position:absolute;top:-7px;left:38%;transform:rotate(-3deg)}.playground-page .pg-boundary h2{font:400 clamp(2.5rem, 4vw, 4.2rem)/.92 var(--serif);letter-spacing:-.045em;margin:1rem 0 2.5rem}.playground-page .pg-boundary ul{border-top:1px solid #1d1c198c;margin:0;padding:0;list-style:none}.playground-page .pg-boundary li{border-bottom:1px solid #1d1c198c;grid-template-columns:90px 1fr;gap:1rem;padding:.9rem 0;display:grid}.playground-page .pg-boundary li b{font:700 .55rem var(--mono);text-transform:uppercase}.playground-page .pg-boundary li span{font:.9rem/1.35 var(--serif)}.playground-page .pg-boundary>p:last-child{font:.72rem/1.5 var(--hand);margin:2rem 0 0}.playground-page .pg-canvas-section{background-color:var(--paper);background-image:linear-gradient(#1d1c1909 1px,#0000 1px),linear-gradient(90deg,#1d1c1909 1px,#0000 1px);background-size:28px 28px;padding:0 3vw}.playground-page .pg-canvas-section .board-label{border-color:var(--ink)}.playground-page .pg-canvas-section .board-label span{color:var(--paper-bright);background:var(--persimmon)}.playground-page .kaki-studio{min-height:auto}.playground-page .pg-note{background:var(--paper-bright);padding:clamp(5rem,10vw,10rem) 6vw;position:relative;overflow:hidden}.playground-page .pg-note>:not(.pg-note-wash){z-index:2;position:relative}.playground-page .pg-note h2{max-width:1380px;font:400 clamp(3.2rem, 6.5vw, 7rem)/.96 var(--serif);letter-spacing:-.04em;margin:3rem 0 5rem}.playground-page .pg-note h2 em{color:var(--persimmon);font-weight:400}.playground-page .pg-note-wash{aspect-ratio:1;filter:blur(5px);background:radial-gradient(circle at 48% 48%,#adc9dd80,#2853c724 52%,#0000 72%);border-radius:50% 43% 56% 44%;width:55%;position:absolute;top:-25%;right:-8%}.playground-page .pg-note-signoff{align-items:center;gap:2rem;display:flex}.playground-page .pg-note-seal{aspect-ratio:1;width:78px;color:var(--paper-bright);background:var(--persimmon);border:2px solid var(--persimmon-dark);box-shadow:0 0 0 5px var(--paper-bright), 0 0 0 7px var(--persimmon);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.playground-page .pg-note-seal>span{font:400 1.8rem/.8 var(--serif)}.playground-page .pg-note-signoff>p{font:.6rem/1.6 var(--mono);text-transform:uppercase;margin:0}.playground-page .pg-footer{min-height:610px}@media (max-width:980px){.playground-page .pg-hero{grid-template-columns:1fr}.playground-page .pg-roll{width:min(100%,780px)}.playground-page .pg-boundary{justify-self:end;width:min(100%,540px);margin-top:-3rem}}@media (max-width:820px){.playground-page .pg-hero{padding:4rem 1rem 7rem}.playground-page .pg-roll{min-height:610px;padding:3rem 1.5rem 5rem}.playground-page .pg-roll h1{margin-top:6rem;font-size:clamp(4.8rem,25vw,7rem)}.playground-page .pg-intro{max-width:85%;font-size:1.05rem}.playground-page .pg-seal{width:84px;bottom:6%;right:8%}.playground-page .pg-scribble{display:none}.playground-page .pg-boundary{margin-top:-2rem;padding:3rem 1.5rem 2rem}.playground-page .pg-canvas-section{padding-left:1rem;padding-right:1rem}.playground-page .pg-canvas-section .board-label p:last-child{display:none}.playground-page .pg-note{padding:5rem 1rem}.playground-page .pg-note h2{font-size:3.5rem}}@media (max-width:480px){.playground-page .pg-roll{padding-left:1.4rem;padding-right:1.4rem}.playground-page .pg-roll h1{margin-top:4.5rem}.playground-page .pg-note-signoff{align-items:flex-start}}@media (prefers-reduced-motion:reduce){.playground-page .pg-roll,.playground-page .pg-boundary{transform:none}}