@font-face{font-family:PT Artwork Display;src:url(./puff-time-art-display.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}.ptw__mark,.ptw__giant,.ptw__edition{font-family:PT Artwork Display,Arial,sans-serif}html.pt-art-page,html.pt-art-page body{height:auto;overflow:visible;background:#080b09}html.pt-art-page #puff-time-app{height:100svh;min-height:560px;overflow:hidden}.ptw{--acid: #bcff39;--ink: #090c0a;--purple: #8056e8;position:relative;isolation:isolate;width:100%;background:var(--ink);color:var(--acid);font-family:Arial,Helvetica,sans-serif;line-height:1}.ptw *,.ptw *:before,.ptw *:after{box-sizing:border-box}.ptw img{display:block;width:100%;height:auto;max-width:100%}.ptw a{color:inherit;text-decoration:none}.ptw button{font:inherit;color:inherit;cursor:pointer}.ptw :is(a,button):focus-visible{outline:2px solid currentColor;outline-offset:4px}.ptw__utility{position:sticky;z-index:8;top:0;height:64px;margin-bottom:-64px;display:flex;align-items:center;justify-content:space-between;padding:0 3vw;color:#d6ffae;mix-blend-mode:difference;pointer-events:none}.ptw__utility a,.ptw__utility button{pointer-events:auto}.ptw__mark{display:flex;align-items:baseline;font-size:30px;font-weight:900;letter-spacing:-.09em}.ptw__mark span{transform:skewY(-16deg)}.ptw__mark sup{font-size:10px;letter-spacing:0;margin-left:4px}.ptw__tools{display:flex;align-items:center;gap:20px;font:11px/1 monospace;letter-spacing:.12em}.ptw .ptw__tools button{width:44px;height:44px;padding:0;border:1px solid currentColor;border-radius:50%;background:transparent;font-size:22px}.ptw__tools button[aria-pressed=false] span{opacity:.45}.ptw__chapter{position:relative}.ptw__stage{--progress: 0;--pointer-x: 0;--pointer-y: 0;position:relative;min-height:580px;height:100svh;overflow:hidden}.ptw__fx{position:relative}.ptw__fx canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.ptw__fx canvas[hidden]{display:none}.ptw__gate{background:var(--acid);color:var(--ink)}.ptw__gate .ptw__stage{min-height:680px}.ptw__giant{position:absolute;top:4%;left:-1.5%;width:100%;font-size:43vw;line-height:.8;font-weight:900;letter-spacing:-.12em;transform:scaleY(1.18);transform-origin:top;opacity:.98;-webkit-user-select:none;user-select:none}.ptw .ptw__orbital{display:block;position:absolute;top:15%;right:-10%;bottom:15%;left:-10%;border:1px solid #13260b;border-radius:50%;transform:rotate(-22deg)}.ptw__orbital:after{content:"";position:absolute;top:10%;right:-4%;bottom:10%;left:-4%;border:inherit;border-radius:inherit;transform:rotate(38deg)}.ptw__computer{position:absolute;width:min(74vw,70svh,1000px);top:50%;left:50%;transform:translate(-50%,-44%) rotate(-8deg);filter:drop-shadow(20px 26px 0 #152d1733)}.ptw__cover{z-index:1}.ptw__keyboard{width:100%;margin-top:-1%;transform:perspective(1000px) rotateX(12deg);transform-origin:top}.ptw__edition{position:absolute;bottom:4%;left:3vw;font-size:clamp(15px,1.35vw,22px);font-weight:900;line-height:1.1;letter-spacing:-.07em}.ptw__scroll{position:absolute;bottom:4%;right:3vw;display:grid;place-items:center;width:52px;height:52px;border:1px solid currentColor;border-radius:50%;font-size:30px}.ptw__duet .ptw__stage{display:grid;grid-template-columns:1fr 1fr;background:linear-gradient(90deg,#0c1711 50%,#03017c 50%)}.ptw__duet .ptw__fx{display:grid;place-items:center;height:100%;min-height:0}.ptw__duet img{height:100%;object-fit:contain}.ptw__duet-line{position:absolute;top:0;bottom:0;left:50%;border-left:1px solid var(--acid);pointer-events:none}.ptw__duet-line span{position:absolute;top:50%;left:0;width:48px;height:48px;transform:translate(-50%,-50%);display:grid;place-items:center;border:1px solid var(--acid);border-radius:50%;background:var(--ink);font-size:24px}.ptw__universe{background:#080d0b}.ptw__universe .ptw__stage{display:grid;place-items:center}.ptw__orbit-rings{position:absolute;width:140%;height:60%;border:1px solid #bcff394d;border-radius:50%;transform:rotate(-18deg)}.ptw__orbit-rings:before,.ptw__orbit-rings:after{content:"";position:absolute;top:-15%;right:0;bottom:-15%;left:0;border:inherit;border-radius:inherit}.ptw__orbit-rings:after{top:-35%;right:15%;bottom:-35%;left:15%}.ptw__tray{position:relative;width:min(90vw,calc(96svh * 1.124))}.ptw__tray>div:not(:first-child){position:absolute}.ptw__traveller{width:43.6%;left:2.35%;top:46%}.ptw__weebie{width:43.6%;left:57.7%;top:46%}.ptw__pixel{width:14.4%;left:45.4%;top:49.5%}.ptw__mirror{width:54%;left:24%;top:6.8%}.ptw__paper{background:#102a1a}.ptw__paper .ptw__stage{height:auto;min-height:0}.ptw__paper-outside,.ptw__paper-inside{position:relative;height:100svh;min-height:580px;display:grid;place-items:center;overflow:hidden}.ptw__paper-outside{background:radial-gradient(ellipse at 50% 20%,#379359,#0a1810 65%)}.ptw__paper-outside>img{width:auto;height:96%;max-width:100%;object-fit:contain}.ptw__paper-inside{background:var(--purple)}.ptw__burst{width:100%;height:100%}.ptw__burst img{height:100%;object-fit:contain}.ptw__hand{position:absolute;width:min(30vw,44svh);top:27%}.ptw__hand--alien{left:0;transform:translate(-10%) rotate(6deg);transform-origin:0 65%}.ptw__hand--robot{right:0;transform:translate(8%) rotate(-6deg);transform-origin:100% 45%}.ptw__memory{background:#060909}.ptw__blackhole{position:absolute;top:0;right:0;bottom:0;left:0}.ptw__blackhole img{width:100%;height:100%;object-fit:cover;opacity:.75}.ptw__memory-orb{position:absolute;width:min(46vw,57svh);left:50%;top:49%;transform:translate(-50%,-50%)}.ptw__terminal{position:absolute;width:min(43vw,560px);top:7%;right:7%}.ptw__blue-peace{position:absolute;width:min(25vw,33svh);top:21%;left:3%;transform:rotate(-13deg)}.ptw__purple-logo{position:absolute;width:min(33vw,44svh);right:2%;bottom:8%;transform:rotate(8deg)}.ptw__pixel-message{position:absolute;width:min(14vw,18svh);left:5%;bottom:9%}.ptw__save-memory{position:absolute;width:min(38vw,48svh);left:50%;bottom:5%;transform:translate(-50%)}.ptw__systems{position:relative;display:grid;grid-template-columns:1.2fr 1fr;gap:5vw;align-items:center;padding:8vw 6vw;background:#070e09;overflow:hidden}.ptw__system-main{grid-column:1;grid-row:1 / span 2;transform:rotate(-4deg)}.ptw__system-boot{grid-column:2;grid-row:1;padding-right:13%;transform:rotate(3deg)}.ptw__system-back{grid-column:2;grid-row:2;transform:rotate(3deg)}.ptw__system-planet{position:absolute;right:-2%;top:2%;width:14%;transform:rotate(20deg)}.ptw__system-wordmark{grid-column:1 / -1;width:70%;margin:1vw auto 0}.ptw__box-art{display:grid;grid-template-columns:1.4fr 1fr;padding:5vw 7vw;gap:8vw;align-items:center;overflow:hidden;background:var(--purple);color:var(--ink)}.ptw__box-pair{position:relative;padding:2vw}.ptw__box-pair>div:first-child{width:83%;transform:rotate(-9deg)}.ptw__box-pair>div:last-child{position:absolute;width:40%;right:-4%;bottom:0;transform:rotate(13deg)}.ptw__box-symbols{display:grid;grid-template-columns:1fr 1fr;gap:4vw;align-items:center}.ptw__box-symbols>div:first-child{transform:rotate(-6deg)}.ptw__box-symbols>div:last-child{transform:rotate(8deg)}.ptw__box-symbols img+img{margin-top:2vw}.ptw__signoff{background:var(--acid)}.ptw__end{display:flex;justify-content:space-between;align-items:center;padding:24px 3vw;font:11px/1 monospace;letter-spacing:.1em}.ptw__end a{display:grid;place-items:center;min-height:44px;min-width:44px}@media(min-width:761px)and (prefers-reduced-motion:no-preference){.ptw[data-motion=true] .ptw__chapter:not(.ptw__signoff){height:125svh}.ptw[data-motion=true] .ptw__chapter .ptw__stage{position:sticky;top:0}.ptw[data-motion=true] .ptw__computer{transform:translate(calc(-50% + var(--pointer-x) * 9px),calc(-44% + var(--pointer-y) * 7px + var(--progress) * -32px)) rotate(calc(-8deg + var(--progress) * 7deg))}.ptw[data-motion=true] .ptw__duet .ptw__stage{grid-template-columns:calc(50% + var(--pointer-x) * 13%) 1fr}.ptw[data-motion=true] .ptw__duet-line{left:calc(50% + var(--pointer-x) * 13%)}.ptw[data-motion=true] .ptw__paper{height:210svh!important}.ptw[data-motion=true] .ptw__paper .ptw__stage{height:100svh}.ptw[data-motion=true] .ptw__paper-outside,.ptw[data-motion=true] .ptw__paper-inside{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;min-height:0}.ptw[data-motion=true] .ptw__paper-inside{clip-path:circle(calc(max(0,var(--progress) - .12)*180%) at 50% 48%)}.ptw[data-motion=true] .ptw__memory-orb{transform:translate(calc(-50% + var(--pointer-x) * 12px),calc(-50% + var(--pointer-y) * 8px)) rotate(calc(var(--progress) * 8deg))}}@media(max-width:760px){html.pt-art-page #puff-time-app{min-height:520px}.ptw__utility{height:56px;margin-bottom:-56px;padding:0 5vw}.ptw__mark{font-size:25px}.ptw__tools{gap:10px}.ptw__stage{height:auto;min-height:0}.ptw__gate .ptw__stage{height:88svh;min-height:550px;max-height:850px}.ptw__giant{top:17%;font-size:46vw;letter-spacing:-.15em;transform:scaleY(2)}.ptw__computer{width:86%;top:52%;transform:translate(-50%,-35%) rotate(-9deg);filter:drop-shadow(7px 13px 0 #152d1733)}.ptw__edition{bottom:5%;left:5vw}.ptw__scroll{bottom:5%;right:5vw}.ptw__duet .ptw__stage{height:auto;min-height:0}.ptw__duet .ptw__fx,.ptw__duet img{height:auto}.ptw__duet-line span{width:32px;height:32px;font-size:18px}.ptw__universe .ptw__stage{padding:14vw 0}.ptw__tray{width:98%}.ptw__paper-outside,.ptw__paper-inside{height:110vw;min-height:0}.ptw__paper-outside>img{height:100%}.ptw__hand{width:38%;top:29%}.ptw__hand--alien{left:0}.ptw__hand--robot{right:0}.ptw__memory .ptw__stage{height:140vw}.ptw__memory-orb{width:59%;top:48%}.ptw__terminal{width:74%;right:3%;top:7%}.ptw__blue-peace{width:30%;left:0;top:23%}.ptw__purple-logo{width:39%;bottom:16%;right:1%}.ptw__pixel-message{width:24%;bottom:16%;left:3%}.ptw__save-memory{width:66%;bottom:6%}.ptw__systems{gap:10vw;padding:14vw 8vw;grid-template-columns:1fr}.ptw__system-main{grid-row:1}.ptw__system-boot{grid-column:1;grid-row:2;width:85%;padding:0}.ptw__system-back{grid-column:1;grid-row:3}.ptw__system-planet{width:24%;top:50%;right:-1%}.ptw__system-wordmark{width:100%;margin-top:4vw}.ptw__box-art{grid-template-columns:1fr;gap:14vw;padding:12vw 10vw}.ptw__box-symbols{width:85%;margin:auto;gap:12vw}.ptw__box-symbols img+img{margin-top:5vw}.ptw__end{padding:18px 5vw}}.ptw__live>img{opacity:0}.ptw__box-art{position:relative}.ptw__box-diagram{position:absolute;width:42%;right:1%;top:2%;opacity:.65}.ptw__box-pair,.ptw__box-symbols{z-index:1}@media(max-width:760px){.ptw__box-diagram{width:65%}}.ptw__system-signature{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:9vw}@media(max-width:760px){.ptw__system-signature{grid-template-columns:1fr;gap:10vw}}.ptw__utility,.ptw__end{justify-content:flex-end}.ptw__systems{grid-template-columns:1.35fr 1fr;gap:5vw 7vw;padding:7vw 6vw}.ptw__system-main{grid-column:1;grid-row:1 / span 2}.ptw__system-planet{position:relative;grid-column:2;grid-row:1;width:62%;justify-self:center;right:auto;top:auto;transform:none}.ptw__system-boot{grid-column:2;grid-row:2;width:100%;padding:0;transform:rotate(3deg)}.ptw__system-signature{grid-column:1;grid-row:3;width:72%;justify-self:center;display:block;transform:rotate(-3deg)}@media(max-width:760px){.ptw__systems{grid-template-columns:1fr;gap:12vw;padding:14vw 8vw}.ptw__system-main{grid-column:1;grid-row:1}.ptw__system-planet{grid-column:1;grid-row:2;width:56%;justify-self:end}.ptw__system-boot{grid-column:1;grid-row:3}.ptw__system-signature{grid-column:1;grid-row:4;width:90%}}.ptw__utility,.ptw__end{justify-content:space-between}.ptw__good-trip-crop{overflow:hidden;width:100%;aspect-ratio:4.8384}.ptw .ptw__good-trip-crop img{width:145%;max-width:none}.ptw__starfield{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 50% 44%,#142a29,#071013 38%,#030707 80%)}.ptw__tray{perspective:1200px}.ptw__traveller,.ptw__weebie{transform-origin:50% 58%}.ptw__starfield{background:radial-gradient(ellipse at 48% 44%,#102128,#04090d 75%)}.ptw__starfield:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.45;background-image:radial-gradient(circle at 14% 21%,#b4ced3 0 1px,transparent 1.4px),radial-gradient(circle at 83% 37%,#a8bbc9 0 1px,transparent 1.4px),radial-gradient(circle at 35% 76%,#8eafbd 0 .7px,transparent 1.2px);background-size:257px 233px,379px 311px,181px 347px}.ptw__starfield.ptw__live:before{opacity:0}.ptw__handoff{position:relative;aspect-ratio:1200 / 582}.ptw__pass-hand,.ptw__pass-joint{position:absolute;top:0;right:0;bottom:0;left:0}.ptw__pass-hand--give{clip-path:polygon(0% 0%,44.58333% 0%,44.58333% 23.19588%,45.08333% 24.39863%,44.41667% 29.20962%,45% 30.41237%,46.66667% 35.56701%,47.83333% 35.56701%,48.16667% 33.8488%,48.33333% 31.95876%,49.08333% 30.58419%,49.83333% 25.60137%,51.66667% 18.04124%,51.66667% 6.87285%,53.33333% 6.87285%,53.33333% 100%,0% 100%)}.ptw__pass-hand--take{clip-path:inset(0 0 0 60%)}.ptw__pass-joint{clip-path:polygon(44.58333% 6.87285%,44.58333% 23.19588%,45.08333% 24.39863%,44.41667% 29.20962%,45% 30.41237%,46.66667% 35.56701%,47.83333% 35.56701%,48.16667% 33.8488%,48.33333% 31.95876%,49.08333% 30.58419%,49.83333% 25.60137%,51.66667% 18.04124%,51.66667% 6.87285%)}.ptw .ptw__tools button{display:grid;place-items:center;transition:background-color .18s,color .18s}.ptw .ptw__tools button:hover{background:#d6ffae;color:#090c0a}.ptw .ptw__top{border-radius:9px 0}.ptw__signoff .ptw__stage{position:relative;display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:4vw;height:auto;min-height:0;padding:6vw 5vw 4vw}.ptw__portrait,.ptw__peace{position:relative;width:100%;min-width:0}.ptw__portrait{transform:rotate(-3deg)}.ptw__peace{transform:rotate(3deg)}.ptw__portrait img,.ptw__peace img{width:100%;height:min(68svh,56vw);object-fit:contain}.ptw__good-trip{position:relative;grid-column:1 / -1;width:112%;margin:2vw -6% 0;padding:2vw 0;background:#080e0b;transform:rotate(-2deg)}@media(max-width:760px){.ptw__signoff .ptw__stage{padding-top:10vw;padding-bottom:8vw;gap:6vw 3vw}.ptw__good-trip{padding:4vw 0}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/puff-time-artwork-section.css.map */