.pf-page{overflow-x:clip}.pf-page ul{margin:0;padding:0;list-style:none}[data-tone=lavender]{--pf-fill:var(--color-lavender)}[data-tone=yellow]{--pf-fill:var(--color-yellow)}[data-tone=pink]{--pf-fill:var(--color-pink)}[data-tone=tangerine]{--pf-fill:var(--color-tangerine)}.pf-eyebrow{font:700 var(--step--1)/1 var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent-text)}.pf-head{gap:var(--space-3);margin-bottom:var(--space-7);justify-items:start;display:grid}.pf-head h2{max-width:20ch}.pf-hero{padding:calc(var(--header-h) + var(--space-8)) 0 var(--space-6);background:var(--color-paper)}.pf-hero__grid{gap:var(--space-7);grid-template-columns:minmax(0,1fr);align-items:center;display:grid}.pf-hero__text{gap:var(--space-4);justify-items:start;display:grid}.pf-hero h1{max-width:11ch;font-size:clamp(2.5rem,1.6rem + 4.6vw,5rem)}.pf-hero__intro{font-size:var(--step-1);max-width:30rem}.pf-stats{gap:var(--space-3);flex-wrap:wrap;display:flex;margin-top:var(--space-3)!important}.pf-stat{padding:var(--space-2) var(--space-4);color:var(--color-night);background:var(--pf-fill);border:var(--stroke) solid var(--color-line);border-radius:var(--radius-m);justify-items:start;gap:2px;display:grid}.pf-stat:nth-child(odd){rotate:-2deg}.pf-stat:nth-child(2n){rotate:1.5deg}.pf-stat__n{font:700 var(--step-3)/1 var(--font-display)}.pf-stat__l{font:700 var(--step--1)/1.2 var(--font-body)}.pf-stack{aspect-ratio:1/.95;justify-self:center;width:100%;max-width:34rem;position:relative}.pf-stack>div{position:absolute;inset:0}.pf-sticker{rotate:var(--r);border:6px solid var(--color-cream);outline:var(--stroke) solid var(--color-line);border-radius:var(--radius-m);background:var(--color-cream);transition:scale var(--dur-base) var(--ease-pop), rotate var(--dur-base) var(--ease-pop);line-height:0;display:block;position:absolute;overflow:hidden}.pf-sticker img{border-radius:calc(var(--radius-m) - 6px);width:100%;height:auto}.pf-stack:hover .pf-sticker{scale:1.02}.pf-sticker:hover{rotate:calc(var(--r) * -.4);z-index:3;scale:1.06!important}.pf-doodle{fill:var(--color-yellow);stroke:var(--color-line);stroke-width:3px;stroke-linejoin:round;stroke-linecap:round;z-index:2;position:absolute}.pf-doodle--a{top:-2%;left:52%}.pf-doodle--b{fill:none;stroke:var(--color-pink);stroke-width:5px;top:38%;right:2%}.pf-doodle--c{fill:var(--color-tangerine);top:56%;left:2%}.pf-stack[data-enter=out] .pf-sticker,.pf-stack[data-enter=out] .pf-doodle{opacity:0}.pf-stack[data-enter=in] .pf-sticker{animation:pf-pop var(--dur-pop) var(--ease-pop) backwards;animation-delay:calc(var(--i,0) * .12s + 80ms)}.pf-stack[data-enter=in] .pf-doodle{animation:pf-pop var(--dur-pop) var(--ease-pop) backwards .5s}@keyframes pf-pop{0%{opacity:0;translate:0 28px;scale:.5}60%{scale:1.06}to{opacity:1;translate:0;scale:1}}@media (width>=880px){.pf-hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}}.pf-work{padding:var(--space-4) 0 var(--space-9);background:var(--color-paper)}.pf-filter{gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.pf-chip{align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-4);font:700 var(--step--1)/1 var(--font-body);color:var(--color-ink);cursor:pointer;background:var(--color-paper-dim);border:var(--stroke) solid var(--color-line);border-radius:var(--radius-m);transition:background-color var(--dur-fast), translate var(--dur-base) var(--ease-pop), rotate var(--dur-base) var(--ease-pop);display:inline-flex}.pf-chip:hover{background:var(--color-paper-deep);translate:0 -2px;rotate:-1.5deg}.pf-chip[aria-pressed=true]{background:var(--color-accent);color:var(--color-on-accent);translate:0 -2px;rotate:1.5deg}.pf-chip__n{border-radius:var(--radius-s);border:2px dashed;place-items:center;min-width:1.6em;height:1.6em;padding:0 6px;font-size:.8125rem;display:inline-grid}.pf-showing{margin:var(--space-4) 0 var(--space-6);font:700 var(--step--1)/1.4 var(--font-body);color:var(--color-ink-soft)}.pf-grid{gap:var(--space-6) var(--space-5);grid-template-columns:minmax(0,1fr);display:grid}.pf-item{transform-origin:50% 100%;min-width:0}.pf-item[data-reveal=out]{transform:translateY(44px)scale(.96)}@media (width>=560px){.pf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pf-s6,.pf-s7,.pf-s8,.pf-s9,.pf-s10,.pf-s11,.pf-s12{grid-column:1/-1}}@media (width>=900px){.pf-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.pf-s4{grid-column:span 4}.pf-s5{grid-column:span 5}.pf-s6{grid-column:span 6}.pf-s7{grid-column:span 7}.pf-s8{grid-column:span 8}.pf-s9{grid-column:span 9}.pf-s10{grid-column:span 10}.pf-s11{grid-column:span 11}.pf-s12{grid-column:span 12}}.pf-card{background:var(--color-paper-dim);border:var(--stroke) solid var(--color-line);border-radius:var(--radius-l);height:100%;rotate:var(--tilt,0deg);transition:rotate var(--dur-base) var(--ease-pop), translate var(--dur-base) var(--ease-pop);grid-template-rows:auto 1fr;display:grid;position:relative;overflow:hidden}.pf-card:hover,.pf-card:focus-within{translate:0 -4px;rotate:0deg}.pf-shots{aspect-ratio:16/11;background:var(--pf-fill);border-bottom:var(--stroke) solid var(--color-line);position:relative;overflow:hidden}.pf-desk,.pf-phone{background:var(--color-paper-dim);border:var(--stroke) solid var(--color-line);transition:translate var(--dur-base) var(--ease-pop), rotate var(--dur-base) var(--ease-pop);line-height:0;display:block;position:absolute;overflow:hidden}.pf-desk{border-radius:var(--radius-s);width:72%;top:10%;left:7%;rotate:-1deg}.pf-phone{border-radius:12px;width:25%;bottom:7%;right:6%;rotate:3deg}.pf-desk img,.pf-phone img{width:100%;height:auto}.pf-card:hover .pf-desk,.pf-card:focus-within .pf-desk{translate:-2% -3%;rotate:-2deg}.pf-card:hover .pf-phone,.pf-card:focus-within .pf-phone{translate:0 -7%;rotate:6deg}.pf-desk--pan{aspect-ratio:1200/750}.pf-desk--pan img{object-fit:cover;object-position:50% 0%;height:100%;transition:object-position calc(var(--dur-draw) * 4) var(--ease-out)}.pf-card:hover .pf-desk--pan img,.pf-card:focus-within .pf-desk--pan img{object-position:50% 100%}.pf-body{align-content:start;gap:var(--space-2);padding:var(--space-5);min-width:0;display:grid}.pf-body h3,.pf-slide__body h3{font-size:var(--step-1);line-height:1.2}.pf-card--big .pf-body h3{font-size:var(--step-2)}.pf-tag{font:700 .8125rem/1.3 var(--font-body);letter-spacing:.02em;color:var(--color-night);background:var(--pf-fill);border:2px solid var(--color-line);border-radius:var(--radius-s);justify-self:start;padding:3px 10px;rotate:-1.5deg}.pf-what{max-width:36rem}.pf-domain{font:700 var(--step--1)/1.3 var(--font-body);color:var(--color-accent-text);overflow-wrap:anywhere;align-items:center;gap:6px;display:inline-flex}.pf-arrow{transition:translate var(--dur-base) var(--ease-pop);flex:none}.pf-card:hover .pf-arrow,.pf-card:focus-within .pf-arrow,.pf-slide article:hover .pf-arrow,.pf-slide article:focus-within .pf-arrow{translate:3px -3px}.pf-link{text-decoration:none}.pf-link:after{content:"";position:absolute;inset:0}.pf-link:hover{text-decoration:underline;-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent);text-underline-offset:4px;text-decoration-thickness:3px}.pf-link:focus-visible{outline:none}.pf-link:focus-visible:after{outline:3px solid var(--color-focus);outline-offset:-3px;border-radius:var(--radius-l)}.pf-card,.pf-slide article{position:relative}@media (width>=900px){.pf-card--lead{grid-template-rows:none;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:stretch}.pf-card--lead .pf-shots{aspect-ratio:auto;border-bottom:0;border-right:var(--stroke) solid var(--color-line);min-height:26rem}.pf-card--lead .pf-desk{width:68%;top:9%}.pf-card--lead .pf-phone{width:24%;bottom:8%}.pf-card--lead .pf-body{padding:var(--space-7);align-content:center;gap:var(--space-4)}.pf-card--lead .pf-body h3{font-size:var(--step-3)}.pf-card--lead .pf-what{font-size:var(--step-1)}.pf-card--wide{grid-template-rows:none;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.pf-card--wide .pf-shots{aspect-ratio:16/12;border-bottom:0;border-right:var(--stroke) solid var(--color-line)}.pf-card--wide .pf-body{align-content:center}.pf-card--flip{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}.pf-card--flip .pf-shots{border-right:0;border-left:var(--stroke) solid var(--color-line);order:2}.pf-card--flip .pf-desk{left:auto;right:7%}.pf-card--flip .pf-phone{left:6%;right:auto;rotate:-3deg}}.pf-brand{padding-block:var(--space-9)}.pf-guide{gap:var(--space-5);grid-template-columns:minmax(0,1fr);display:grid}.pf-guide h3,.pf-rebyl h3{font-size:var(--step-2);margin-bottom:var(--space-3)}.pf-guide__text{align-self:center;max-width:26rem}.pf-guide__link{border:var(--stroke) solid var(--color-line);border-radius:var(--radius-l);background:var(--color-night);line-height:0;text-decoration:none;display:block;position:relative;overflow:hidden}.pf-guide__link img{width:100%;height:auto;transition:scale var(--dur-slow) var(--ease-out)}.pf-guide__link:hover img{scale:1.03}.pf-guide__link:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}.pf-guide__tab{right:var(--space-3);bottom:var(--space-3);font:700 var(--step--1)/1.2 var(--font-body);color:var(--color-night);background:var(--color-yellow);border:3px solid var(--color-night);border-radius:var(--radius-s);transition:rotate var(--dur-base) var(--ease-pop);align-items:center;gap:6px;padding:8px 12px;display:inline-flex;position:absolute;rotate:-2deg}.pf-guide__link:hover .pf-guide__tab{rotate:1deg}.pf-craft{gap:var(--space-5);grid-template-columns:minmax(0,1fr);display:grid;margin-top:var(--space-3)!important}.pf-craft figure,.pf-pair figure,.pf-plan figure,.pf-logo figure{margin:0}.pf-craft figure{rotate:var(--r);background:var(--color-paper-dim);border:var(--stroke) solid var(--color-line);border-radius:var(--radius-l);transition:rotate var(--dur-base) var(--ease-pop), translate var(--dur-base) var(--ease-pop);overflow:hidden}.pf-craft figure:hover{translate:0 -6px;rotate:0deg}.pf-craft img{border-bottom:var(--stroke) solid var(--color-line);width:100%;height:auto}.pf-craft figcaption{padding:var(--space-4);gap:2px;display:grid}.pf-craft figcaption strong{font:700 var(--step-0)/1.2 var(--font-display)}.pf-rebyl{margin-top:var(--space-9);gap:var(--space-6);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.pf-rebyl__text{gap:var(--space-2);align-content:center;justify-items:start;display:grid}.pf-textlink{margin-top:var(--space-2);align-items:center;gap:6px;font-weight:700;display:inline-flex}.pf-wall{gap:var(--space-4) var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid;padding-top:var(--space-3)!important}.pf-wall__item{line-height:0;position:relative}.pf-wall__item img{background:var(--color-night);border:var(--stroke) solid var(--color-line);border-radius:var(--radius-s);width:100%;height:auto;transition:rotate var(--dur-base) var(--ease-pop), translate var(--dur-base) var(--ease-pop)}.pf-wall__item:nth-child(3n+1) img{rotate:-1.2deg}.pf-wall__item:nth-child(3n+2) img{rotate:.8deg}.pf-wall__item:nth-child(3n) img{rotate:-.5deg}.pf-wall__item:hover img{translate:0 -4px;rotate:0deg}.pf-wall__item.is-use img{outline:4px solid var(--color-accent);outline-offset:2px}.pf-wall__badge{z-index:2;font:700 .8125rem/1.3 var(--font-body);color:var(--color-night);background:var(--color-yellow);border:2px solid var(--color-night);border-radius:var(--radius-s);white-space:nowrap;padding:3px 10px;position:absolute;top:-14px;left:8px;rotate:-3deg}.pf-rebyl__craft{gap:var(--space-6) var(--space-5);grid-column:1/-1;grid-template-columns:minmax(0,1fr);display:grid;margin-top:var(--space-4)!important}.pf-pair,.pf-plan,.pf-logo{gap:var(--space-2);align-content:start;min-width:0;display:grid}.pf-pair h4,.pf-plan h4,.pf-logo h4{font:700 var(--step-0)/1.2 var(--font-display);margin:0}.pf-pair__imgs{aspect-ratio:4/3.3;position:relative}.pf-pair figure{border:var(--stroke) solid var(--color-line);border-radius:var(--radius-m);width:68%;transition:rotate var(--dur-base) var(--ease-pop), translate var(--dur-base) var(--ease-pop);line-height:0;position:absolute;overflow:hidden}.pf-pair img{width:100%;height:auto}.pf-pair__a{top:0;left:0;rotate:-3deg}.pf-pair__b{bottom:0;right:0;rotate:2.5deg}.pf-pair:hover .pf-pair__a{translate:-2% -2%;rotate:-5deg}.pf-pair:hover .pf-pair__b{translate:2% 2%;rotate:4deg}.pf-pair figcaption{font:700 .8125rem/1.4 var(--font-body);color:var(--color-night);background:var(--color-yellow);border:2px solid var(--color-night);border-radius:var(--radius-s);padding:2px 10px;position:absolute;top:8px;left:8px}.pf-pair__b figcaption{background:var(--color-pink)}.pf-plan figure,.pf-logo figure{padding:var(--space-3);background:var(--color-cream);border:var(--stroke) solid var(--color-line);border-radius:var(--radius-l);line-height:0}.pf-logo figure{background:var(--color-night)}.pf-plan img,.pf-logo img{width:100%;height:auto;transition:scale var(--dur-slow) var(--ease-out)}.pf-plan:hover img,.pf-logo:hover img{scale:1.03}@media (width>=640px){.pf-craft{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.pf-craft__item:nth-child(2){margin-top:var(--space-6)}.pf-wall{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=900px){.pf-guide{grid-template-columns:repeat(12,minmax(0,1fr))}.pf-guide__text{grid-column:1/5}.pf-guide__hero{grid-column:5/-1}.pf-craft{grid-column:1/-1}.pf-rebyl{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.pf-rebyl__craft{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}.pf-pair{grid-row:span 2}}.pf-decks{padding-block:var(--space-9)}.pf-slides{gap:var(--space-7) var(--space-6);grid-template-columns:minmax(0,1fr);display:grid}.pf-slide{min-width:0}.pf-slide article{gap:var(--space-4);rotate:var(--r);transition:rotate var(--dur-base) var(--ease-pop), translate var(--dur-base) var(--ease-pop);display:grid}.pf-slide article:hover,.pf-slide article:focus-within{translate:0 -6px;rotate:0deg}.pf-slide__img{background:var(--color-cream);border:6px solid var(--color-cream);outline:var(--stroke) solid var(--color-line);border-radius:var(--radius-m);line-height:0;display:block;overflow:hidden}.pf-slide__img img{border-radius:calc(var(--radius-m) - 6px);width:100%;height:auto}.pf-slide__body{gap:var(--space-2);padding-inline:var(--space-2);justify-items:start;display:grid}.pf-slide .pf-link:focus-visible:after{border-radius:var(--radius-m);outline-offset:6px}.pf-slide .pf-domain{color:var(--color-accent-text)}@media (width>=640px){.pf-slides{grid-template-columns:repeat(2,minmax(0,1fr))}.pf-slide:nth-child(2n){margin-top:var(--space-8)}}.pf-close{padding-block:var(--space-9)}.pf-close__in{gap:var(--space-6);grid-template-columns:minmax(0,1fr);align-items:center;display:grid}.pf-close__text{gap:var(--space-4);display:grid}.pf-close h2{max-width:14ch;font-size:clamp(2rem,1.4rem + 3vw,3.75rem)}.pf-close p{font-size:var(--step-1);max-width:30rem}.pf-close__actions{gap:var(--space-5);justify-items:start;display:grid}.pf-close__actions a:not(.cta){font-weight:700}@media (width>=900px){.pf-close__in{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.pf-item[data-reveal]{transform:none}.pf-stack .pf-sticker,.pf-stack .pf-doodle{opacity:1!important;animation:none!important}.pf-card,.pf-card *,.pf-chip,.pf-sticker,.pf-slide article,.pf-craft figure,.pf-wall__item img,.pf-pair figure,.pf-plan img,.pf-logo img,.pf-guide__link img,.pf-guide__tab{transition:none!important}}@media (width<=899px){.pf-card,.pf-craft figure,.pf-slide article,.pf-pair__imgs,.pf-pair figure,.pf-stat,.pf-wall__item img{rotate:0deg!important}.pf-card{--tilt:0deg}}.pf-mascot{z-index:3;pointer-events:none;position:absolute;top:10px;right:10px}.pf-mascot--slide{top:-22px;right:14px}