.pg{--ink:#19171d;--cream:#efeae1;--acid:#d8f279;--pink:#c45a84;--plum:#342137;color:var(--ink);background:var(--cream);font-family:Arial,Helvetica,sans-serif}.pg *{box-sizing:border-box}.pg button,.pg input,.pg select{font:inherit}.pg button{cursor:pointer}.pg :focus-visible{outline:3px solid #a65072;outline-offset:4px}.pg-hero{padding:clamp(92px,12vw,165px) 5vw 0;background:#d8f279;overflow:hidden}.pg-hero-top,.pg-exp-head,.pg-exp-foot,.pg-stage-label,.pg-field-hud,.pg-side-index,.pg-hint,.pg-m-stageid,.pg-m-caption,.pg-side-note,.pg-outro>span{font:700 11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em}.pg-hero-top,.pg-exp-head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid currentColor;padding-top:12px}.pg-hero h1{font:900 clamp(3.2rem,12.5vw,14rem)/.85 Arial,Helvetica,sans-serif;letter-spacing:-.105em;margin:10vh 0 5vh;white-space:nowrap}.pg-title-outline{color:transparent;-webkit-text-stroke:2px var(--ink)}.pg-title-dot{color:#a34466}.pg-hero-bottom{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:9vh}.pg-hero-bottom p{font-size:clamp(1.1rem,2.2vw,2rem);line-height:1.3;letter-spacing:-.035em;max-width:650px}.pg-side-note{white-space:nowrap}.pg-track{margin:0 -5.6vw;padding:14px;background:#19171d;color:#eef2da;overflow:hidden;white-space:nowrap;font:700 13px monospace}.pg-track div{width:max-content;animation:pg-marquee 22s linear infinite}@keyframes pg-marquee{to{transform:translateX(-45%)}}.pg-experiment{padding:5vw;scroll-margin-top:70px}.pg-exp-head{opacity:.78}.pg-exp-intro{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(200px,.8fr);gap:3rem;align-items:end;margin:4.5rem 0 2.5rem}.pg-exp-intro h2{font:900 clamp(3rem,7vw,7.8rem)/.9 Arial,sans-serif;letter-spacing:-.075em;margin:0}.pg-exp-intro p{font-size:clamp(1rem,1.4vw,1.25rem);line-height:1.6;max-width:430px}.pg-controls{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:18px 0 0}.pg-control{display:flex;flex:1 1 175px;flex-direction:column;gap:10px;min-width:0}.pg-control>span{display:flex;justify-content:space-between;font:700 11px monospace;letter-spacing:.04em}.pg-control input[type=text],.pg-control input:not([type]),.pg-control select{width:100%;height:48px;padding:0 12px;background:transparent;color:inherit;border:1px solid currentColor;border-radius:0}.pg-control input[type=range]{accent-color:#b64a6c;width:100%;height:35px;cursor:pointer}.pg-action{display:inline-flex;align-items:center;justify-content:center;padding:14px 19px;min-height:48px;border:1px solid currentColor;background:transparent;color:inherit;text-decoration:none;font:700 12px/1.2 ui-monospace,Consolas,monospace!important;letter-spacing:.035em;transition:transform .18s,background .18s}.pg-action:hover{transform:translateY(-2px)}.pg-action-bright{background:#d8f279;color:#19171d;border-color:#d8f279}.pg-action.pg-small{padding-inline:14px}.pg-exp-foot{display:flex;gap:24px;flex-wrap:wrap;border-top:1px solid currentColor;margin-top:3rem;padding-top:14px;opacity:.75}.pg-exp-foot p{font:500 12px/1.5 ui-monospace,monospace;margin:0}.pg-kinetic{background:#efeae1}.pg-kinetic-stage{height:clamp(280px,40vw,510px);background:#30203a;color:#f4eddf;position:relative;display:grid;place-items:center;overflow:hidden;cursor:crosshair;touch-action:pan-y}.pg-kinetic-stage:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#fff1 1px,transparent 1px),linear-gradient(90deg,#fff1 1px,transparent 1px);background-size:40px 40px}.pg-kinetic-stage #kinetic-word{display:flex;justify-content:center;position:relative;font:900 clamp(2.4rem,11vw,11rem)/1 Arial,sans-serif;letter-spacing:-.08em;white-space:nowrap;max-width:95%;transform:scale(var(--word-scale,1));pointer-events:none}.pg-kinetic-stage .kinetic-char{display:inline-block;will-change:transform}.pg-stage-cross{position:absolute;font:24px monospace;color:#d8f279}.pg-cross-a{top:14px;left:20px}.pg-cross-b{right:20px;bottom:14px}.pg-stage-label{position:absolute;bottom:18px;left:25px;color:#d8f279}.pg-field{background:#1d1c23;color:#f3efed}.pg-field-stage{height:clamp(330px,48vw,600px);position:relative;background:#090b11;overflow:hidden}.pg-field-stage canvas{width:100%;height:100%;display:block;touch-action:pan-y}.pg-field-hud{position:absolute;top:20px;left:22px;right:22px;display:flex;justify-content:space-between;pointer-events:none;color:#d8f279}.pg-field .pg-control input,.pg-field .pg-control select{color:#f3efed;border-color:#aaa}.pg-field .pg-control select option{color:#19171d}.pg-poster{background:#ded1e4}.pg-poster-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:clamp(18px,3vw,48px)}.pg-poster-frame{display:grid;place-items:center;background:#b6a1c3;padding:clamp(16px,4vw,56px);min-width:0}.pg-poster-frame svg{display:block;width:100%;max-width:580px;box-shadow:12px 14px 0 #221b27;aspect-ratio:4/5}.pg-poster-sidebar{padding:25px 0;display:flex;flex-direction:column;gap:23px}.pg-poster-sidebar .pg-control{flex:0}.pg-side-index{margin-bottom:20px}.pg-hint{opacity:.65}.pg-motion{background:#eee9df}.pg-motion-stage{height:clamp(330px,42vw,540px);background:#c35b84;color:#16161d;position:relative;display:grid;place-items:center;overflow:hidden}.pg-motion-stage:before{content:'';position:absolute;width:60vw;height:60vw;border:1px solid #1c1a2077;border-radius:50%}.pg-motion-set{position:relative;display:flex;justify-content:center;align-items:center;gap:clamp(2px,.65vw,15px);white-space:nowrap}.pg-motion-object{display:inline-block;font:900 clamp(2.6rem,12vw,11rem)/1 Arial,sans-serif;letter-spacing:-.08em;will-change:transform,opacity}.pg-m-stageid,.pg-m-caption{position:absolute;left:22px}.pg-m-stageid{top:22px}.pg-m-caption{bottom:22px}.pg-scrubber{flex:2 1 220px}.pg-outro{padding:9rem 5vw;background:#241b29;color:#f0ece7}.pg-outro h2{font:900 clamp(3rem,9vw,10rem)/.95 Arial,sans-serif;letter-spacing:-.075em;max-width:1000px;margin:2rem 0}.pg-outro p{opacity:.7}.pg-outro .pg-action{margin-top:2rem}@media(max-width:850px){.pg-exp-intro,.pg-poster-layout{grid-template-columns:1fr}.pg-hero h1{white-space:normal;overflow-wrap:anywhere;font-size:clamp(3.1rem,13vw,7rem)}.pg-hero-bottom{display:block}.pg-side-note{display:block;margin-top:20px}.pg-poster-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.pg-side-index,.pg-hint{grid-column:1/-1}}@media(max-width:520px){.pg-hero{padding-top:100px}.pg-hero h1{font-size:clamp(3.1rem,14vw,5rem);margin:75px 0 45px}.pg-title-outline{-webkit-text-stroke:1.5px}.pg-exp-intro{margin:3rem 0 1.5rem;gap:10px}.pg-exp-intro h2{font-size:clamp(2.9rem,13vw,4.6rem)}.pg-experiment{padding:65px 18px}.pg-hero-top span:nth-child(2){display:none}.pg-controls .pg-control{flex-basis:100%}.pg-poster-sidebar{grid-template-columns:1fr}.pg-kinetic-stage #kinetic-word{font-size:clamp(2rem,13vw,4.5rem)}.pg-motion-object{font-size:13vw}.pg-field-hud{font-size:9px}.pg-side-note{white-space:normal}}@media(prefers-reduced-motion:reduce){.pg-track div{animation:none}.pg-action{transition:none}.pg-kinetic-stage .kinetic-char,.pg-motion-object{will-change:auto}}