.pb-head{z-index:50;align-items:center;gap:var(--s5);padding:var(--s2) var(--gutter);background:color-mix(in oklab, var(--paper) 90%, transparent);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);display:flex;position:sticky;top:0}.pb-brand{font-size:var(--fs-s);flex:none;align-items:center;gap:.7rem;text-decoration:none;display:inline-flex}.pb-mark{width:5.4rem;display:block}.pb-mark svg{width:100%;height:auto;overflow:visible}.pb-nav{scrollbar-width:none;flex:1;min-width:0;overflow-x:auto}.pb-nav::-webkit-scrollbar{display:none}.pb-nav ul{gap:.2rem;padding:.5rem .6rem;list-style:none;display:flex}.pb-nav a{font-size:var(--fs-s);white-space:nowrap;padding:.5em .7em;text-decoration:none;display:block;position:relative}.pb-nav a.is-current{font-weight:500}.pb-nav a.is-current:after{content:"";background:var(--pen);-webkit-mask:var(--m-circle) center / 100% 100% no-repeat;-webkit-mask:var(--m-circle) center / 100% 100% no-repeat;mask:var(--m-circle) center / 100% 100% no-repeat;animation:write .6s var(--ease-pen) both;pointer-events:none;position:absolute;inset:8% -6%}.pb-studio{flex:none}@media (width<=52rem){.pb-brand__t{display:none}}.pb-hero{padding-block:clamp(2.5rem,7vw,6rem) clamp(3.5rem,9vw,7.5rem)}.pb-hero .kicker{margin-bottom:clamp(1.5rem,4vw,3rem)}.pb-hero__logo{width:min(100%,60rem);margin-left:-1.5%}.pb-hero__logo svg{cursor:pointer;width:100%;height:auto;overflow:visible}.pb-hero__foot{gap:var(--s6);flex-wrap:wrap;justify-content:space-between;align-items:end;margin-top:clamp(2rem,5vw,4rem);display:flex}.pb-hero__foot .lede{max-width:26ch;font-family:var(--font-display);font-variation-settings:"wght" 260, "CONT" 300;font-size:var(--fs-l);margin:0;line-height:1.1}.pb-head2{gap:var(--s4);display:grid}.pb-head2 .d-xl{max-width:17ch}.pb-small{font-size:var(--fs-s)}.pb-split{grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:center;gap:clamp(2.5rem,6vw,5rem);display:grid}.pb-try{gap:var(--s4);background:var(--paper);color:var(--ink);border-radius:var(--r-door);--pen-c:var(--pen);margin:0;padding:clamp(1.5rem,4vw,2.75rem);display:grid}.pb-try__s{max-width:none;font-family:var(--font-display);font-variation-settings:"wght" 240, "CONT" 280;margin:0;font-size:clamp(1.7rem,3.4vw,2.7rem);line-height:1.3}.pb-try__s .w{cursor:pointer;border-radius:2px;position:relative}.pb-try__s .w:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.pb-try__s .w.is-circle:after,.pb-try__s .w.is-under:after{content:"";pointer-events:none;background:var(--pen);animation:write .6s var(--ease-pen) both;position:absolute}.pb-try__s .w.is-circle:after{-webkit-mask:var(--m-circle) center / 100% 100% no-repeat;-webkit-mask:var(--m-circle) center / 100% 100% no-repeat;mask:var(--m-circle) center / 100% 100% no-repeat;inset:-.12em -.28em -.05em}.pb-try__s .w.is-under:after{height:.35em;-webkit-mask:var(--m-under) center / 100% 100% no-repeat;-webkit-mask:var(--m-under) center / 100% 100% no-repeat;mask:var(--m-under) center / 100% 100% no-repeat;bottom:-.18em;left:-.05em;right:-.05em}.pb-try__s .w.is-hl{background:linear-gradient(100deg, #0000 1%, var(--marker) 3%, var(--marker) 96%, #0000 99%) 0 60% / 100% 78% no-repeat;animation:hlin .5s var(--ease-pen) both}@keyframes hlin{0%{background-size:0 78%}}.pb-try__tools{--pen-c:var(--pen)}.pb-try figcaption{color:var(--deep);font-size:var(--fs-s)}.on-green .pb-try figcaption{color:var(--deep)}.pb-logo{gap:var(--s6);grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));align-items:stretch;display:grid}.pb-logo__stage{border-radius:var(--r-door);background:var(--stage,var(--paper-2));min-height:20rem;color:var(--stage-fg,var(--ink));transition:background-color var(--t-base);place-items:center;padding:clamp(1.5rem,6vw,4rem);display:grid}.pb-logo__stage>*{width:min(100%,32rem)}.pb-logo__stage svg{width:100%;height:auto;overflow:visible}.pb-logo__stage.is-symbol>*{width:min(55%,13rem)}.pb-logo__stage .lockup{--logo-h:clamp(3.2rem, 9vw, 5.5rem)}.pb-rules{margin-top:var(--s5)}.pb-rule{gap:var(--s2);align-content:start;display:grid}.pb-rule__art{aspect-ratio:16/10;border-radius:var(--r-door);background:var(--paper-2);place-items:center;padding:12%;display:grid;position:relative;overflow:hidden}.pb-rule__art svg{width:100%;height:auto;overflow:visible}.pb-rule__art[data-pad] svg{outline:1.5px dashed color-mix(in oklab, var(--ink) 40%, transparent);outline-offset:16px}.pb-rule__art .lockup{--logo-h:2.8rem}.pb-rule h3{font-size:var(--fs-m);margin-top:var(--s2);font-weight:500}.pb-rule.is-dont .pb-rule__art:after{content:"";background:var(--ink);position:absolute;inset:18% 12%;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 60' preserveAspectRatio='none'%3E%3Cpath d='M4 6 C30 22 70 40 96 54' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 60' preserveAspectRatio='none'%3E%3Cpath d='M4 6 C30 22 70 40 96 54' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") 50%/100% 100% no-repeat}.pb-dont-move .goha-pen{transform:translate(560px,30px)}.pb-dont-bold .goha-l{stroke:var(--ink);stroke-width:60px}.pb-marks{gap:var(--s5);grid-template-columns:repeat(auto-fit,minmax(min(100%,11rem),1fr));list-style:none;display:grid}.pb-marks li{gap:var(--s2);align-content:start;display:grid}.pb-mk{background:var(--green);height:7rem;-webkit-mask:var(--m) center / 100% 70% no-repeat;-webkit-mask:var(--m) center / 100% 70% no-repeat;mask:var(--m) center / 100% 70% no-repeat;margin-bottom:var(--s3);display:block}.js .pb-marks li:not(.is-in) .pb-mk{clip-path:inset(0 100% 0 0)}.pb-marks li.is-in .pb-mk{animation:write .8s var(--ease-pen) both;animation-delay:calc(var(--i,0) * .14s)}.pb-mk--sq{-webkit-mask-size:auto 70%;mask-size:auto 70%}.pb-mk--hl{background:linear-gradient(100deg, #0000 2%, var(--marker) 5%, var(--marker) 95%, #0000 98%) center / 100% 45% no-repeat;-webkit-mask:none;mask:none}.pb-marks h3{font-family:var(--font-display);font-variation-settings:"wght" 260, "CONT" 300;font-weight:400;font-size:var(--fs-l)}.pb-motionrules{gap:var(--s2);padding-top:var(--s5);border-top:1px solid var(--line);list-style:none;display:grid}.pb-motionrules li{padding-left:1.6em;position:relative}.pb-motionrules li:before{content:"";background:var(--green);width:1em;height:1em;-webkit-mask:var(--m-tick) center / 100% no-repeat;-webkit-mask:var(--m-tick) center / 100% no-repeat;mask:var(--m-tick) center / 100% no-repeat;position:absolute;top:.2em;left:0}.pb-swatches{gap:var(--s3);grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));list-style:none;display:grid}.pb-sw{align-content:space-between;gap:var(--s5);width:100%;min-height:15rem;padding:var(--s5);border-radius:var(--r-door);background:var(--sw);color:var(--sw-fg);text-align:left;box-shadow:inset 0 0 0 1.5px var(--line);border:0;display:grid;position:relative}.pb-sw__name{font-family:var(--font-display);font-variation-settings:"wght" 240, "CONT" 300;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;justify-self:start;font-size:clamp(1.5rem,2.4vw,2.2rem);line-height:1.05;position:relative}.pb-sw__name .mark{position:absolute;inset:-.3em -.5em -.2em -.45em}.pb-sw__role{font-size:var(--fs-s);max-width:22ch}.pb-sw__hex{font-feature-settings:"tnum" 1;font-weight:500;font-size:var(--fs-s);flex-wrap:wrap;justify-content:space-between;gap:.2em .8em;display:flex}.pb-sw__hex span:last-child{font-weight:400}.pb-sw:hover .pb-sw__name,.pb-sw:focus-visible .pb-sw__name{text-underline-offset:.15em;text-decoration:underline;text-decoration-thickness:1px}.pb-note{gap:var(--s3);padding:var(--s5);border-radius:var(--r-door);box-shadow:inset 0 0 0 1.5px var(--line);align-content:start;justify-items:start;display:grid}.pb-note p{margin:0}.pb-tester{gap:var(--s5);border-radius:var(--r-door);box-shadow:inset 0 0 0 1.5px var(--line);padding:clamp(1.25rem,4vw,2.5rem);display:grid}.pb-tester__out{max-width:none;font-family:var(--font-display);letter-spacing:-.02em;font-variation-settings:"wght" var(--tw,240), "CONT" var(--tc,300);overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;outline:none;margin:0;font-size:clamp(2.6rem,9vw,8rem);line-height:1}.pb-tester__out:focus-visible{box-shadow:0 0 0 2px var(--marker)}.pb-tester[data-fam=sans] .pb-tester__out{font-family:var(--font-var);font-variation-settings:"wght" var(--tw,240), "CONT" var(--tc,0)}.pb-tester__ctrl{gap:var(--s3);grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));align-items:center;display:grid}.pb-range{gap:var(--s3);font-size:var(--fs-s);grid-template-columns:5.5rem 1fr 3rem;align-items:center;font-weight:500;display:grid}.pb-range output{text-align:right;font-weight:400}.pb-range input{width:100%;accent-color:var(--green);min-height:2rem}.pb-type{padding:var(--s5);border-radius:var(--r-door);box-shadow:inset 0 0 0 1.5px var(--line)}.pb-type__s{margin:0 0 var(--s4);font-size:5.5rem;line-height:1}.pb-type__s--h{font-family:var(--font-display);font-variation-settings:"wght" 220, "CONT" 300}.pb-type__s--x{font-family:var(--font-text);font-weight:400}.pb-type__s--hand{font-family:var(--font-display);font-variation-settings:"wght" 220, "CONT" 300;padding:0 .25em;display:inline-block;position:relative}.pb-type__s--hand:after{content:"";background:var(--green);-webkit-mask:var(--m-circle) center / 100% 100% no-repeat;-webkit-mask:var(--m-circle) center / 100% 100% no-repeat;mask:var(--m-circle) center / 100% 100% no-repeat;position:absolute;inset:.02em -.12em -.05em}.pb-type h3{margin-bottom:var(--s2);font-weight:500}.pb-voice{gap:var(--s5);grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));display:grid}.pb-voice__col{padding:var(--s5);border-radius:var(--r-door);box-shadow:inset 0 0 0 1.5px var(--line)}.pb-say{gap:var(--s3);margin-top:var(--s4);list-style:none;display:grid}.pb-say li{font-family:var(--font-display);font-variation-settings:"wght" 260, "CONT" 260;font-size:var(--fs-m);line-height:1.25}.pb-say--no li{color:var(--fg-soft);text-decoration:line-through;text-decoration-thickness:1.5px}.pb-imgs{gap:var(--s4);grid-template-columns:1.6fr 1fr 1fr;align-items:start;display:grid}.pb-img{gap:var(--s3);margin:0;display:grid}.pb-img figcaption{font-size:var(--fs-s);max-width:30ch}.pb-img__fill{aspect-ratio:4/5;border-radius:var(--r-door);background:var(--paper-2);position:relative;overflow:hidden}.pb-img__fill img{object-fit:cover;filter:saturate(.85)contrast(1.02);width:100%;height:100%}.pb-img__fill:after{content:"";mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E");position:absolute;inset:0}.pb-img__fill--a{background:radial-gradient(40% 50% at 62% 40%,#fffbe0,#0000 70%),linear-gradient(160deg,#e9e3c9,#b9c7a5 60%,#6f8b67)}.pb-img__fill--b{background:radial-gradient(50% 40% at 40% 30%,#fff,#0000 70%),linear-gradient(200deg,#f2efe2,#d6dcc6)}.pb-img__fill--c{background:radial-gradient(60% 50% at 70% 20%,#fff7cc,#0000 70%),linear-gradient(#cfe4f0,#e9efe0 60%,#c2d4ad)}.pb-img__mk{aspect-ratio:1.35;background:var(--marker);width:40%;-webkit-mask:var(--m-circle) center / 100% 100% no-repeat;-webkit-mask:var(--m-circle) center / 100% 100% no-repeat;mask:var(--m-circle) center / 100% 100% no-repeat;z-index:1;position:absolute;top:22%;left:33%}@media (width<=40rem){.pb-imgs{grid-template-columns:1fr 1fr}.pb-imgs .pb-img:first-child{grid-column:1/-1}}.pb-comp{gap:var(--s4);padding-top:var(--s5);border-top:1px solid var(--line);display:grid}.pb-comp__h{font-size:var(--fs-xs);letter-spacing:.16em;text-transform:uppercase;font-weight:500}.pb-tools{gap:var(--s3);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));list-style:none;display:grid}.pb-tools a{gap:var(--s3);min-height:10rem;padding:var(--s5);border-radius:var(--r-door);box-shadow:inset 0 0 0 1.5px color-mix(in oklab, var(--paper) 30%, transparent);transition:background-color var(--t-fast);align-content:space-between;text-decoration:none;display:grid;position:relative}.pb-tools a:hover,.pb-tools a:focus-visible{background:color-mix(in oklab, var(--paper) 7%, transparent)}.pb-tools strong{font-family:var(--font-display);font-weight:400;font-size:var(--fs-l);font-variation-settings:"wght" 240, "CONT" 300;justify-self:start;line-height:1;position:relative}.pb-tools strong:after{content:"";background:var(--green);height:.4em;-webkit-mask:var(--m-under) center / 100% 100% no-repeat;-webkit-mask:var(--m-under) center / 100% 100% no-repeat;mask:var(--m-under) center / 100% 100% no-repeat;clip-path:inset(0 100% 0 0);transition:clip-path .42s var(--ease-pen);position:absolute;bottom:-.3em;left:0;right:0}.pb-tools a:hover strong:after,.pb-tools a:focus-visible strong:after{clip-path:inset(0)}.pb-tools span{color:var(--fg-soft);font-size:var(--fs-s)}.pb-foot{padding-block:var(--s8);border-top:1px solid var(--line)}.pb-foot__in{gap:var(--s5);grid-template-columns:minmax(9rem,14rem) 1fr;align-items:end;display:grid}.pb-foot__logo svg{width:100%;height:auto;overflow:visible}.pb-foot p{font-size:var(--fs-s);margin:0}@media (width<=40rem){.pb-foot__in{grid-template-columns:1fr}.pb-foot__logo{max-width:11rem}}