@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-weight:200 800;font-display:block;src:url(/fonts/bricolage-grotesque.woff2)format("woff2")}@font-face{font-family:DM Sans Variable;font-style:normal;font-weight:100 1000;font-display:block;src:url(/fonts/dm-sans.woff2)format("woff2")}:root{color:#252638;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--citron:#edf0a2;--blue:#283dcc;--ink:#252638;--lilac:#e3def5;--display:"Bricolage Grotesque Variable", sans-serif;--header-height:120px;background:#fff;font-family:DM Sans Variable,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{min-width:320px;margin:0;overflow-x:clip}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline-offset:5px;outline:3px solid}button:disabled{cursor:wait;opacity:.65}::selection{background:var(--blue);color:var(--citron)}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display)}h2{letter-spacing:-.045em;font-size:clamp(50px,5.5vw,80px);font-weight:600;line-height:1.02}img{max-width:100%;display:block}.page-width{width:min(1440px,100%);margin-inline:auto;padding-inline:clamp(24px,4.5vw,72px)}.arrow-icon{flex-shrink:0;width:22px;height:22px}.sr-only,.honeypot{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:10;color:#fff;background:var(--blue);padding:12px 20px;position:absolute;top:-80px;left:24px}.skip-link:focus{top:12px}.hero-wrap{background:var(--citron);overflow:clip}.site-header{min-height:var(--header-height,120px);color:var(--blue);justify-content:space-between;align-items:center;gap:24px;display:flex}.brand{align-items:center;gap:13px;display:inline-flex}.brand>svg{width:39px;height:39px}.brand>span{font-size:12px;font-weight:600;line-height:1.25}.location{align-items:center;gap:10px;font-size:12px;display:flex}.location-dot{background:var(--blue);border-radius:50%;width:7px;height:7px}.site-header nav{align-items:center;gap:32px;font-size:13px;font-weight:500;display:flex}.site-header nav>a:first-child:hover{text-underline-offset:5px;text-decoration:underline}.nav-signup{border:1px solid #283dcc66;border-radius:30px;align-items:center;gap:16px;padding:12px 18px;display:flex}.nav-signup:hover{color:var(--citron);background:var(--blue);border-color:var(--blue)}.nav-signup .arrow-icon{width:17px;height:17px}.hero{min-height:calc(100svh - var(--header-height));width:100%;color:var(--blue);background:var(--citron);flex-direction:column;padding-inline:max(clamp(24px,4.5vw,72px),50% - 648px);display:flex}.hero-heading{padding-top:20px;padding-bottom:35px;position:relative}.hero h1{letter-spacing:-.055em;font-variation-settings:"opsz" 96;z-index:1;pointer-events:none;width:fit-content;font-size:clamp(130px,21vw,302px);font-weight:750;line-height:.82;position:relative}.hero h1>span{display:block}.hero h1>span+span{margin-top:20px}.title-period{margin-left:.005em;display:inline}.letter-eye{display:inline-block;position:relative}.letter-eye i{width:.105em;height:.16em;transform:translate(calc(-50% + var(--pupil-x,0px)), calc(-50% + var(--pupil-y,0px))) rotate(-8deg);background:currentColor;border-radius:50%;position:absolute;top:60%;left:51%}.hero-aside{text-align:center;border:1.5px solid;border-radius:50%;padding:20px 27px;position:absolute;top:14px;right:2%;transform:rotate(9deg)}.hero-aside p{font-family:var(--display);letter-spacing:-.04em;font-size:24px;font-weight:600;line-height:.98}.friendship{z-index:2;width:41%;position:absolute;bottom:-8px;right:-1%}.friendship-gang{justify-content:center;align-items:end;padding:10px 5% 0;display:flex;position:relative}.hero-heading:has(.speech-bubble) .hero-aside{visibility:hidden}.speech-stage{pointer-events:none;z-index:6;position:absolute;inset:0}.speech-position{width:min(280px,92%);transform:translate(var(--speech-x,0px), var(--speech-y,0px));position:absolute;bottom:calc(100% + 12px)}.speech-bubble{border:2px solid var(--blue);box-shadow:3px 4px 0 var(--blue);overflow-wrap:anywhere;background:#fff;border-radius:24px;padding:16px 20px 18px;animation:.18s ease-out speech-appear;position:relative}.speech-bubble:after{content:"";bottom:-9px;left:clamp(16px, calc(var(--tail) + var(--tail-adjust,0px)), calc(100% - 32px));border-right:2px solid var(--blue);border-bottom:2px solid var(--blue);background:#fff;width:15px;height:15px;position:absolute;transform:rotate(45deg)}.speech-position[data-placement=below] .speech-bubble:after{top:-9px;bottom:auto;transform:rotate(225deg)}.speech-frank{--tail:33%;left:0}.speech-alex{--tail:50%;left:50%;translate:-50%}.speech-greg{--tail:70%;right:0}.speech-speaker{margin-bottom:6px;font-size:11px;display:block}.speech-bubble p{font-family:var(--display);letter-spacing:-.035em;font-size:22px;font-weight:500;line-height:1.15}@keyframes speech-appear{0%{opacity:0;transform:translateY(5px)scale(.97)}to{opacity:1;transform:none}}.friend-toy{width:36%;transform:translate(var(--drag-x), var(--drag-y));touch-action:none;cursor:grab;background:0 0;border:0;margin:0 -1.5%;padding:0;position:relative}.friend-toy:active,.friend-toy[data-lifted]{cursor:grabbing;z-index:4}.toy-spring{--lean:-12deg;margin-bottom:-3px}.toy-blob{--lean:4deg;z-index:1;margin-bottom:5px}.toy-star{--lean:13deg;margin-bottom:-5px}.nobody-character{width:100%;height:auto;display:block;overflow:visible}.character-pupils{transform:translate(var(--look-x,0px), var(--look-y,0px))}.toy-art{z-index:1;rotate:calc(var(--lean) + var(--spin,0deg));transform-origin:50% 60%;display:block;position:relative}.friend-toy .nobody-character,.asked-friend .nobody-character,.peeker .nobody-character,.person-mascot.nobody-character{transform-origin:50% 100%;animation:3.4s ease-in-out infinite idle-bob}.toy-blob .nobody-character{animation-duration:3.9s;animation-delay:-1.3s}.toy-star .nobody-character{animation-duration:3.1s;animation-delay:-2.2s}.limb{transform-box:view-box}.friend-toy .arm-left,.asked-friend .arm-left,.peeker .arm-left,.person-mascot .arm-left{animation:3.4s ease-in-out infinite sway-left}.friend-toy .arm-right,.asked-friend .arm-right,.peeker .arm-right,.person-mascot .arm-right{animation:3.4s ease-in-out infinite sway-right}.friend-toy .leg-left,.asked-friend .leg-left,.peeker .leg-left,.person-mascot .leg-left{animation:3.4s ease-in-out infinite tap-left}.friend-toy .leg-right,.asked-friend .leg-right,.peeker .leg-right,.person-mascot .leg-right{animation:3.4s ease-in-out infinite tap-right}.toy-blob .limb{animation-duration:3.9s;animation-delay:-1.3s}.toy-star .limb{animation-duration:3.1s;animation-delay:-2.2s}.character-face{transform-box:fill-box;transform-origin:50%;transition:scale .25s ease-out;animation:5.2s ease-in-out infinite blink}.friend-toy[data-rising] .character-face,.peeker[data-rising] .character-face{transition:scale 30s linear;scale:1.6}.toy-blob .character-face,.peeker-blob .character-face{animation-delay:-1.7s}.toy-star .character-face,.peeker-star .character-face{animation-delay:-3.4s}@keyframes idle-bob{0%,to{transform:none}50%{transform:translateY(-3px)scale(.99,1.02)}}@keyframes sway-left{0%,to{transform:rotate(-4deg)}50%{transform:rotate(7deg)}}@keyframes sway-right{0%,to{transform:rotate(4deg)}50%{transform:rotate(-7deg)}}@keyframes tap-left{0%,40%,to{transform:none}20%{transform:rotate(-6deg)translateY(-2px)}}@keyframes tap-right{0%,60%,to{transform:none}80%{transform:rotate(6deg)translateY(-2px)}}@keyframes blink{0%,93%,to{transform:scaleY(1)}96%{transform:scaleY(.08)}}.peeker{z-index:20;width:var(--peek-size,96px);left:var(--peek-x);top:var(--peek-y);color:var(--blue);touch-action:none;cursor:grab;transition:left var(--walk-ms,.7s) linear, top var(--walk-ms,.7s) linear, width var(--walk-ms,.7s) linear;-webkit-user-select:none;user-select:none;background:0 0;border:0;padding:0;position:absolute}.peeker[data-dragging]{cursor:grabbing;transition:none}.toy-shadow,.mascot-seat:after,.peeker:after{content:"";pointer-events:none;transform-origin:50%;background:radial-gradient(closest-side,#283dcc38,#283dcc1f 55%,#283dcc00);border-radius:50%;width:62%;height:7%;margin-left:-31%;position:absolute;bottom:1%;left:50%}.toy-shadow{z-index:0}.mascot-seat{width:105px;height:120px;color:var(--blue);margin-bottom:20px;display:block;position:relative}.mascot-seat:after{bottom:3%}.friend-toy:has(.seat-empty) .toy-shadow{opacity:0}.mascot-seat:has(.seat-empty):after{opacity:0}.friend-toy:has(.landed) .toy-shadow{animation:.52s cubic-bezier(.2,1.4,.4,1) shadow-land}.mascot-seat:has(.landed):after{animation:.52s cubic-bezier(.2,1.4,.4,1) shadow-land}.peeker:after{z-index:-1;scale:calc(1 - var(--lift,0) * .5) calc(1 - var(--lift,0) * .35);opacity:calc(1 - var(--lift,0) * .65)}.peeker:not([data-returning]):after{transition:scale .16s cubic-bezier(.2,1.4,.4,1),opacity .16s}.peeker[data-gait=dash]:after{scale:1.3 .8}.peeker:not([data-free]):after{animation:.7s both shadow-in}.peeker[data-leaving]:after{animation:.7s reverse both shadow-in}.peeker[data-bounce]:after{animation:.6s cubic-bezier(.16,1,.3,1) shadow-bounce}@keyframes shadow-in{0%{opacity:0}}@keyframes shadow-land{0%{scale:1.25 1}35%{scale:.9 1}to{scale:1}}@keyframes shadow-bounce{25%{opacity:1;scale:1.18 1}55%{opacity:.4;scale:.6 .7}to{opacity:1;scale:1}}.peeker[data-duck] .peeker-art{--squash-x:1.12;--squash-y:.82}.peeker[data-duck]:after{scale:1.12 1}.friend-toy[data-lifted] .toy-art,.peeker[data-dragging] .peeker-art{transition:translate .18s cubic-bezier(.2,1.4,.4,1),scale .18s cubic-bezier(.2,1.4,.4,1);translate:0 -16px;scale:1.1}.friend-toy .toy-art{transition:translate .22s cubic-bezier(.3,1.5,.5,1),scale .22s cubic-bezier(.3,1.5,.5,1)}.friend-toy .toy-shadow{transition:scale .2s ease-out,opacity .2s ease-out}.friend-toy[data-lifted] .toy-shadow,.peeker[data-dragging]:after{opacity:.4;scale:.62 .8}.friend-toy[data-lifted] .nobody-character,.peeker[data-dragging] .nobody-character{transform-origin:50% 30%;animation:1.3s ease-in-out infinite dangle-body}.friend-toy[data-lifted] .leg-left,.peeker[data-dragging] .leg-left{animation:1.1s ease-in-out infinite dangle-left}.friend-toy[data-lifted] .leg-right,.peeker[data-dragging] .leg-right{animation:1.1s ease-in-out infinite dangle-right}.friend-toy[data-lifted] .arm-left,.peeker[data-dragging] .arm-left{transition:transform .18s ease-out;animation:none;transform:rotate(55deg)}.friend-toy[data-lifted] .arm-right,.peeker[data-dragging] .arm-right{transition:transform .18s ease-out;animation:none;transform:rotate(-55deg)}.peeker[data-free] .peeker-art{animation:none}.friend-toy[data-dropped] .toy-art{animation:.48s cubic-bezier(.2,1.4,.4,1) drop}.friend-toy[data-dropped] .toy-shadow{animation:.48s cubic-bezier(.2,1.4,.4,1) shadow-land}@keyframes dangle-body{0%,to{rotate:-5deg}50%{rotate:5deg}}@keyframes dangle-left{0%,to{transform:rotate(-22deg)translateY(4px)}50%{transform:rotate(-8deg)translateY(5px)}}@keyframes dangle-right{0%,to{transform:rotate(8deg)translateY(5px)}50%{transform:rotate(22deg)translateY(4px)}}@keyframes drop{0%{scale:1.05 1.08}30%{scale:1.16 .8}60%{scale:.94 1.06}to{scale:1}}.peeker:not([data-returning]) .peeker-art{transition:scale .16s cubic-bezier(.2,1.4,.4,1)}.peeker[data-pointing][data-side=left] .arm-right{animation:.7s ease-in-out infinite point-right}.peeker[data-pointing][data-side=right] .arm-left,.peeker[data-pointing][data-side=bottom] .arm-left{animation:.7s ease-in-out infinite point-left}.peeker[data-pointing][data-side=bottom] .arm-right{animation:.7s ease-in-out infinite point-right}@keyframes point-right{0%,to{transform:rotate(-30deg)}50%{transform:rotate(-42deg)}}@keyframes point-left{0%,to{transform:rotate(30deg)}50%{transform:rotate(42deg)}}.peeker[data-side=bottom] .peeker-art{--peek-from:0;--peek-tilt:0deg}.peeker[data-side=bottom]:not([data-free]) .peeker-art{animation-name:peek-up}.peeker[data-side=bottom][data-leaving] .peeker-art{animation-name:peek-down}.peeker[data-side=top] .peeker-art{--peek-from:0;--peek-tilt:0deg}.peeker[data-side=top]:not([data-free]) .peeker-art{animation-name:peek-drop}.peeker[data-side=top][data-leaving] .peeker-art{animation-name:peek-lift}@keyframes peek-drop{0%{transform:translateY(-110%)}}@keyframes peek-lift{to{transform:translateY(-110%)}}@keyframes peek-up{0%{transform:translateY(110%)}}@keyframes peek-down{to{transform:translateY(110%)}}.toy-art.landed,.person-mascot.landed{animation:.52s cubic-bezier(.2,1.4,.4,1) land}@keyframes land{0%{scale:1.2 .75}35%{scale:.92 1.1}to{scale:1}}.dust{z-index:19;opacity:.25;pointer-events:none;width:7px;height:7px;animation:dust .48s ease-out var(--dust-delay,0s) both;background:#283dcc;border-radius:50%;position:fixed}@keyframes dust{0%{opacity:.3;translate:0;scale:.6}to{translate:var(--dust-x,20px) -14px;opacity:0;scale:1.4}}.peeker-art{rotate:var(--spin,0deg);translate:0 calc(var(--lift,0) * -36px);scale:var(--squash-x,1) var(--squash-y,1);transform:rotate(var(--peek-tilt,0deg)) scaleX(var(--facing,1));transform-origin:50% 100%;animation:.7s cubic-bezier(.2,1.4,.4,1) both peek-in;display:block}.peeker[data-side=left] .peeker-art{--peek-from:-110%;--peek-tilt:14deg}.peeker[data-side=right] .peeker-art{--peek-from:110%;--peek-tilt:-14deg}.peeker[data-leaving]{pointer-events:none}.peeker[data-leaving] .peeker-art{animation:.7s cubic-bezier(.5,0,.8,.4) both peek-out}.peeker[data-free] .peeker-art{--peek-tilt:0deg}.peeker[data-spinning] .peeker-art{transform-origin:50% 55%}.peeker[data-returning] .peeker-art{--peek-tilt:var(--home-tilt,0deg)}.peeker[data-gait=hop] .leg-left{animation:none;transform:rotate(-40deg)}.peeker[data-gait=hop] .leg-right{animation:none;transform:rotate(40deg)}.peeker[data-gait=hop] .arm-left{animation:none;transform:rotate(85deg)}.peeker[data-gait=hop] .arm-right{animation:none;transform:rotate(-85deg)}.peeker[data-gait=hop] .nobody-character{animation:none}.peeker[data-gait=waddle] .nobody-character{animation:.52s ease-in-out infinite waddle-heavy}.peeker[data-gait=waddle] .leg-left,.peeker[data-gait=waddle] .leg-right{animation-duration:.52s}.peeker[data-gait=waddle] .arm-left{animation:none;transform:rotate(-30deg)}.peeker[data-gait=waddle] .arm-right{animation:none;transform:rotate(30deg)}.peeker[data-gait=dash] .nobody-character{transform-origin:50% 55%;animation:.65s linear infinite cartwheel}.peeker[data-gait=dash] .arm-left{animation:none;transform:rotate(50deg)}.peeker[data-gait=dash] .arm-right{animation:none;transform:rotate(-50deg)}.peeker[data-gait=dash] .leg-left{animation:none;transform:rotate(-30deg)}.peeker[data-gait=dash] .leg-right{animation:none;transform:rotate(30deg)}@keyframes waddle-heavy{0%,to{transform:rotate(-9deg)translateY(0)}50%{transform:rotate(9deg)translateY(-6px)}}@keyframes cartwheel{to{transform:rotate(360deg)}}.peeker[data-returning]{pointer-events:none}.peeker .character-pupils{transform:translate(var(--look-x,0px), var(--look-y,0px))}.seat-empty{visibility:hidden}.peeker[data-side=left]:not([data-free]) .arm-right{animation:.9s ease-in-out infinite wave-right}.peeker[data-side=right]:not([data-free]) .arm-left{animation:.9s ease-in-out infinite wave-left}@keyframes wave-right{0%,to{transform:rotate(-95deg)}50%{transform:rotate(-130deg)}}@keyframes wave-left{0%,to{transform:rotate(95deg)}50%{transform:rotate(130deg)}}.peeker[data-bounce] .peeker-art{animation:.6s cubic-bezier(.16,1,.3,1) peek-bounce}@keyframes peek-in{0%{transform:translateX(var(--peek-from)) rotate(0deg)}}@keyframes peek-out{to{transform:translateX(var(--peek-from)) rotate(0deg)}}@keyframes peek-bounce{25%{transform:translateY(4px) rotate(var(--peek-tilt)) scale(1.15, .8) scaleX(var(--facing,1))}55%{transform:translateY(-26px) rotate(var(--peek-tilt)) scale(.92, 1.1) scaleX(var(--facing,1))}}.peeker[data-walking] .nobody-character{animation:.42s ease-in-out infinite waddle}.peeker[data-walking] .leg-left{animation:.42s ease-in-out infinite step-left}.peeker[data-walking] .leg-right{animation:.42s ease-in-out infinite step-right}.peeker[data-walking] .arm-left{animation:.42s ease-in-out infinite swing-left}.peeker[data-walking] .arm-right{animation:.42s ease-in-out infinite swing-right}.friend-toy[data-springing] .toy-art,.peeker[data-springing] .peeker-art{translate:none;scale:none}.friend-toy[data-springing] .nobody-character,.peeker[data-springing] .nobody-character{transform-origin:50% 100%;animation:none}.friend-toy[data-springing] .limb,.peeker[data-springing] .limb{animation:none;transform:none}.friend-toy[data-springing] .toy-shadow,.peeker[data-springing]:after{scale:calc(1 - var(--boing-lift,0) * .5) calc(1 - var(--boing-lift,0) * .35);opacity:calc(1 - var(--boing-lift,0) * .65);animation:none}.aim-dot{z-index:2;background:var(--blue);pointer-events:none;border-radius:50%;width:10px;height:10px;margin:-5px 0 0 -5px;position:absolute;top:0;left:0;box-shadow:0 0 0 2px #ffffffd9}.aim-ring{z-index:0;border:2.5px dashed var(--blue);opacity:.75;filter:drop-shadow(0 0 1.5px #fff)drop-shadow(0 0 1.5px #fff);pointer-events:none;border-radius:50%;animation:.9s ease-in-out infinite aim-ring;position:absolute;top:0;left:0}@keyframes aim-ring{50%{opacity:.3;scale:1.15}}.sling-puff{z-index:19;width:var(--puff);height:var(--puff);margin:calc(var(--puff) / -2) 0 0 calc(var(--puff) / -2);pointer-events:none;background:#fff;border:2px solid #283dcc80;border-radius:50%;animation:1.6s ease-in both sling-puff;position:absolute}@keyframes sling-puff{0%{opacity:0;scale:.2}8%{opacity:.95;scale:1}65%{opacity:.85;scale:.9}to{opacity:0;scale:.3}}.friend-toy[data-springing=boing] .character-face,.peeker[data-springing=boing] .character-face{scale:1.2}.peeker[data-springing=boing] .peeker-art{transform-origin:50% 55%}.holo-layer{pointer-events:none;position:absolute;top:0;left:0;-webkit-mask-image:repeating-linear-gradient(#000 0 2px,#0000 2px 4px);mask-image:repeating-linear-gradient(#000 0 2px,#0000 2px 4px)}.friend-toy[data-holo] .toy-art,.peeker[data-holo] .peeker-art{filter:drop-shadow(0 0 10px #78dcff8c)}.friend-toy[data-springing=boing] .toy-art,.peeker[data-springing=boing] .peeker-art,.friend-toy[data-springing=boing] .toy-shadow,.peeker[data-springing=boing]:after{transition:none}@keyframes waddle{0%,to{transform:rotate(-4deg)}50%{transform:translateY(-5px)rotate(4deg)}}@keyframes step-left{0%,to{transform:rotate(-28deg)}50%{transform:rotate(28deg)translateY(-3px)}}@keyframes step-right{0%,to{transform:rotate(28deg)translateY(-3px)}50%{transform:rotate(-28deg)}}@keyframes swing-left{0%,to{transform:rotate(24deg)}50%{transform:rotate(-24deg)}}@keyframes swing-right{0%,to{transform:rotate(-24deg)}50%{transform:rotate(24deg)}}.playground-effects{pointer-events:none;z-index:5;position:absolute;inset:0}.confetti-piece{opacity:0;width:8px;height:12px;position:absolute;top:35%;left:50%}.quiet-party{pointer-events:none;justify-content:space-between;align-items:start;font-size:32px;display:none;position:absolute;inset:-30px 15% auto}.quiet-party>span{color:#7650aa;margin-top:-20px}.friendship-controls{justify-content:center;align-items:center;gap:17px;min-height:50px;margin-top:18px;display:flex}.trouble-button{background:var(--blue);border:0;border-radius:50%;padding:0;font-size:13px;font-weight:600;transform:rotate(-5deg)}.button-face{border:1.5px solid var(--blue);border-radius:inherit;background:#ffbea0;grid-template-columns:auto auto;align-items:center;padding:13px 22px;transition:transform .4s cubic-bezier(.2,1.7,.5,1);display:grid;transform:translateY(-4px)}.button-face>span:last-child{margin-left:14px}.button-label{visibility:hidden;grid-area:1/1}.button-label[data-active]{visibility:visible}.trouble-button:hover .button-face{transform:translateY(-7px)}.trouble-button:active .button-face{transition-duration:40ms;transform:translateY(-1px)}.reset-friends,.sound-toggle{text-underline-offset:4px;background:0 0;border:none;min-height:44px;padding:12px 0;font-size:11px;text-decoration:underline}.sound-toggle{justify-content:center;align-items:center;min-width:44px;text-decoration:none;display:inline-flex}.sound-toggle:disabled{opacity:.55;cursor:default}.reset-friends:disabled{opacity:.55;cursor:default;text-decoration:none}.friendship-hint{text-align:center;min-height:28px;margin-top:12px;font-size:10px;line-height:1.4}.hero-bottom{margin-top:auto;padding-top:46px;padding-bottom:42px}.hero-bottom>p{font-family:var(--display);letter-spacing:-.035em;font-size:clamp(17px,1.6vw,23px);font-weight:500;line-height:1.25}.intro-section{background:#fff;padding-top:115px;padding-bottom:110px}.intro-copy{grid-template-columns:1.1fr 1fr;align-items:start;column-gap:7%;display:grid}.intro-copy h2{grid-row:1/4;margin-bottom:32px}.intro-copy>p{max-width:39ch;margin-bottom:18px;font-size:18px;line-height:1.55}.work-section{background:#fff;padding-top:35px;padding-bottom:140px}main{background:#fff}.work-heading{justify-content:space-between;align-items:end;gap:60px;margin-bottom:62px;display:flex}.work-heading>p{width:330px;font-size:16px;line-height:1.6}.work-grid{grid-template-columns:1.15fr .85fr;gap:70px 9%;display:grid}.project{min-width:0;display:block}.project-image{position:relative;overflow:hidden}.project-image img{object-fit:cover;width:100%;height:100%;transition:transform .35s}.project:hover .project-image img{transform:scale(1.035)}.project-open{width:44px;height:44px;color:var(--blue);background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:17px;right:17px}.glass-image{aspect-ratio:1.28;background:#ebe9f2}.glass-image img{object-fit:cover}.arcade-image{aspect-ratio:.84;background:#c0acf0}.arcade-image img{object-position:center 48%}.boing-image{aspect-ratio:1.18;background:#fafafa}.boing-image img{object-position:left center}.project-arcade{padding-top:105px}.project-boing{width:88%;margin-top:-65px}.project-title{justify-content:space-between;align-items:flex-start;gap:20px;margin-top:23px;display:flex}.project-title h3{letter-spacing:-.045em;font-size:clamp(27px,2.7vw,39px);font-weight:600;line-height:1.08}.project-title>svg{margin-top:5px}.project>p{color:var(--blue);margin-top:17px;font-size:12px}.project-description{color:#5b5c67;max-width:37ch;margin-top:7px;font-size:14px;line-height:1.5;display:block}.people-section{background:var(--lilac);padding-block:100px 110px}.people-heading{margin-bottom:78px}.people-grid{grid-template-columns:repeat(3,1fr);gap:8%;display:grid}.person{position:relative}.person-mascot{width:100%;height:100%;display:block}.person:nth-child(2) .person-mascot{rotate:8deg}.person:nth-child(2) .person-mascot .limb,.person:nth-child(2) .person-mascot.nobody-character{animation-delay:-1.3s}.person:nth-child(3) .person-mascot{rotate:-10deg}.person:nth-child(3) .person-mascot .limb,.person:nth-child(3) .person-mascot.nobody-character{animation-delay:-2.2s}.person h3{letter-spacing:-.05em;font-size:clamp(48px,5vw,70px);font-weight:600;line-height:1}.person h3>span{letter-spacing:-.02em;margin-top:10px;font-family:DM Sans Variable,sans-serif;font-size:15px;font-weight:400;display:block}.person p{max-width:34ch;margin-top:22px;font-size:15px;line-height:1.65}.person a{border-bottom:1px solid #25263877;align-items:center;gap:13px;margin-top:28px;padding-bottom:6px;font-size:12px;display:inline-flex}.person a:hover{color:var(--blue)}.person a svg{width:16px;height:16px}.newsletter-section{background:var(--blue);color:#fff;padding-top:100px}.newsletter-grid{grid-template-columns:1.1fr 1fr;gap:7%;padding-bottom:80px;display:grid}.newsletter-heading h2{letter-spacing:-.045em;color:var(--citron);font-size:clamp(64px,7.2vw,104px);line-height:.94}.newsletter-mark{width:58px;height:58px;color:var(--citron);margin-top:38px;transform:rotate(12deg)}.newsletter-content{padding-top:14px}.newsletter-content>p{max-width:39ch;font-size:18px;line-height:1.55}.newsletter-form{margin-top:34px}.newsletter-form>label{margin-bottom:10px;font-size:12px;display:block}.email-row{border:1px solid #ffffff85;border-radius:5px;gap:8px;padding:5px;display:flex}.email-row input{color:#fff;background:0 0;border:none;border-radius:1px;width:100%;min-width:0;padding:14px 12px;font-size:15px}.email-row input::placeholder{color:#d0d4f2;opacity:1}.email-row button{background:var(--citron);color:var(--blue);border:none;border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;gap:16px;padding:12px 17px;font-size:13px;font-weight:600;display:flex}.email-row button:hover{background:#fff}.email-row button svg{width:18px;height:18px}.form-note{color:#d1d5f6;max-width:53ch;margin-top:12px;font-size:10px;line-height:1.5}.form-result{min-height:40px;margin-top:12px;font-size:13px;line-height:1.5}.form-result.success{color:var(--citron)}.form-result.error{color:#ffdacb}.site-footer{border-top:1px solid #ffffff35;justify-content:space-between;align-items:center;gap:24px;padding-block:28px;display:flex}.site-footer>a{font-family:var(--display);letter-spacing:-.05em;font-size:22px;font-weight:600}.site-footer>a>span{vertical-align:top;letter-spacing:0;margin-top:3px;margin-left:6px;font-family:DM Sans Variable,sans-serif;font-size:10px;font-weight:400;display:inline-block}.site-footer>span{color:#d1d5f6;font-size:11px}.not-found{background:var(--citron);color:var(--blue);min-height:100svh;padding:8vw 10vw;overflow:hidden}.not-found h1{letter-spacing:-.06em;margin-block:40px;font-size:clamp(50px,8vw,100px);line-height:1}.asked{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:6vw;display:grid}.asked-copy{flex-direction:column;align-items:flex-start;gap:28px;display:flex}.asked-copy h1{margin-block:12px 0}.asked-ticket{border:1.5px dashed var(--blue);background:#fff8;border-radius:6px;width:min(100%,420px);padding:14px 18px;transform:rotate(-1.5deg)}.asked-ticket dl>div{gap:14px;padding-block:5px;display:flex}.asked-ticket dt{opacity:.7;flex-shrink:0;width:64px;padding-top:3px;font-size:12px}.asked-ticket .trouble-button{margin:14px 0 4px 78px}.asked-ticket dd{font-family:var(--display);letter-spacing:-.03em;overflow-wrap:anywhere;margin:0;font-size:20px;font-weight:500}.asked-ticket code{letter-spacing:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em}.asked-stage{padding-top:170px;position:relative}.asked-stage .speech-position{top:0;bottom:auto}.asked-gang{justify-content:center;align-items:end;display:flex;position:relative}.asked-friend{background:0 0;border:0;width:36%;margin:0 -1.5%;padding:0;position:relative}.asked-box{z-index:3;transform-origin:50% 100%;width:34%;animation:.7s cubic-bezier(.5,0,.7,.4) .9s both box-drop,.42s cubic-bezier(.2,1.4,.4,1) 1.6s box-land;position:absolute;bottom:-4%;left:50%;translate:-50%;container-type:inline-size}.asked-box svg{width:100%;height:auto;display:block}.asked-box-label{width:42%;font-family:var(--display);letter-spacing:-.03em;color:var(--blue);overflow-wrap:anywhere;text-align:center;font-size:8.5cqi;font-weight:600;line-height:1;position:absolute;top:58%;left:53%;transform:rotate(-11deg)skewY(-10deg)}@keyframes box-drop{0%{transform:translateY(-120vh)rotate(-14deg)}to{transform:none}}@keyframes box-land{30%{scale:1.12 .85}65%{scale:.96 1.05}}@media (prefers-reduced-motion:reduce){.asked-box{animation:none}}.pill-link{border:1px solid;border-radius:30px;padding:15px 24px;display:inline-block}@media (width<=1050px){.asked{grid-template-columns:1fr;gap:20px}.asked-stage{justify-self:center;width:min(100%,520px);padding-top:150px}.location{display:none}.hero-aside{padding:15px 20px;top:14px;right:0}.hero-aside p{font-size:19px}.friendship{width:42%;bottom:-43px}.speech-bubble{padding:13px 16px 15px}.speech-bubble p{font-size:18px}.friendship-controls{gap:10px}.button-face{padding-inline:17px}.reset-friends,.sound-toggle{font-size:10px}.hero-bottom{padding-top:70px}.people-grid{gap:5%}.person a{gap:8px;font-size:11px}.email-row{flex-direction:column}.email-row button{min-height:48px}}@media (width<=700px){.asked-ticket dt{width:48px}.asked-ticket .trouble-button{margin-left:0}html{scroll-padding-top:20px}.page-width{padding-inline:24px}:root{--header-height:95px}.site-header{gap:12px}.brand>span{display:none}.brand>svg{width:32px;height:32px}.site-header nav{gap:19px;font-size:12px}.nav-signup{gap:8px;padding:10px 13px}.hero-heading{padding-top:15px;padding-bottom:360px}.hero h1{letter-spacing:-.055em;font-size:clamp(85px,25.5vw,178px);line-height:.84}.hero h1>span+span{margin-top:8px}.hero-aside{padding:14px 22px;inset:auto auto 250px 0;transform:rotate(-9deg)}.hero-aside p{font-size:17px}.friendship{width:min(330px,95%);bottom:-5px;right:0}.friendship-hint{font-size:10px}.peeker{--peek-size:72px}.friendship-controls{margin-top:10px}.trouble-button{font-size:12px}.button-face{padding:12px 18px}.hero-bottom{padding-top:20px;padding-bottom:34px}.hero-bottom>p{font-family:var(--display);font-size:17px;font-weight:500}.intro-section{padding-block:72px}.intro-copy{display:block}h2{font-size:54px}.intro-copy>p{font-size:17px}.work-section{padding-top:22px;padding-bottom:80px}.work-heading{margin-bottom:35px;display:block}.work-heading>p{width:auto;max-width:33ch;margin-top:24px;font-size:15px}.work-grid{grid-template-columns:1fr;row-gap:50px}.project-glass{margin-right:15px}.project-arcade{margin-left:35px;padding-top:0}.project-boing{width:auto;margin:0 20px 0 0}.project-title{margin-top:20px}.project-title h3{font-size:30px}.project-description{font-size:13px}.project>p{font-size:11px}.people-section{padding-block:72px}.people-heading{margin-bottom:52px}.people-heading h2{font-size:clamp(40px,9.3vw,54px)}.people-grid{grid-template-columns:1fr;gap:52px}.person{padding-right:0;position:relative}.person h3{padding-right:110px;font-size:58px}.mascot-seat{width:85px;height:97px;position:absolute;top:-15px;right:5px}.person p{max-width:40ch;margin-top:19px}.person a{margin-top:18px;font-size:12px}.newsletter-section{padding-top:65px}.newsletter-grid{grid-template-columns:1fr;gap:40px;padding-bottom:42px}.newsletter-heading{position:relative}.newsletter-heading h2{font-size:clamp(53px,13.3vw,90px)}.newsletter-mark{width:43px;height:43px;margin-top:25px}.newsletter-content{padding-top:0}.newsletter-content>p{max-width:37ch;font-size:17px}.email-row{flex-direction:row}.email-row button{gap:8px;padding-inline:13px;font-size:12px}.email-row input{padding-inline:8px;font-size:13px}.site-footer{flex-wrap:wrap;justify-content:space-between;gap:22px}.site-footer>a{width:100%}.site-footer>span{font-size:10px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.friendship.has-played .quiet-party{display:flex}*,:before,:after{transition:none!important;animation:none!important}}