:root{--ivory:#F2EEE6;--paper:#FBF6EA;--paper-edge:#E6DCC8;--ink:#151513;--tweed:#4A3E33;--teddy:#6B4226;--mini:#C8D43F;--tie:#B8322A;--tie-deep:#8A2A22;--soft:#5A5048;--ground:var(--tweed);--on-ground:#F2EEE6;--on-ground-soft:#D8CDBD;--serif:"Cormorant Garamond", Georgia, "Times New Roman", serif;--sans:Inter, "Helvetica Neue", Arial, sans-serif;--stamp:"Archivo Narrow", "Arial Narrow", Arial, sans-serif;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--m:clamp(20px, 3.2vw, 48px)}.bean-page{color-scheme:light;-webkit-text-size-adjust:100%}.bean-page,.bean-page *,.bean-page *:before,.bean-page *:after{box-sizing:border-box}.bean-page{margin:0;background:var(--ground);color:var(--on-ground);font-family:var(--sans)!important;font-size:18px;line-height:1.5;-webkit-font-smoothing:antialiased}.bean-page img{display:block;max-width:100%}.bean-page button,.bean-page input{font:inherit!important}.bean-page button,.bean-page a,.bean-page .seal,.bean-page .flipbtn,.bean-page .crown{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.bean-page button{-webkit-user-select:none;user-select:none}.bean-page :focus-visible{outline:3px solid var(--mini);outline-offset:3px}.bean-page .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.bean-page a{color:inherit}html.js .bean-page .rise{opacity:0;translate:0 24px}html.js .bean-page .rise.in{opacity:1;translate:0 0;transition:opacity .5s ease,translate .6s var(--ease-out)}@media(prefers-reduced-motion:reduce){html.js .bean-page .rise{translate:0 0}}.bean-page .stage{transition:background-color .3s ease}.bean-page.frame,.bean-page .frame{container-type:inline-size;container-name:page;margin:0 auto;background:var(--ground)}.bean-page .top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:22px var(--m)}.bean-page .wordmark{grid-column:2;font-family:var(--serif)!important;font-size:30px;letter-spacing:.01em;white-space:nowrap}.bean-page .wordmark{display:flex;align-items:center;gap:14px}.bean-page .wordmark .x{color:var(--on-ground-soft)}.bean-page .wordmark .mblogo{height:44px;width:auto}.bean-page .wordmark .flhead{height:16px;width:auto;display:block}@media(max-width:768px){.bean-page .wordmark .flhead{height:10px}}.bean-page .top a{justify-self:end;font-size:15px;text-decoration:none;border-bottom:1.5px solid currentColor;padding-bottom:2px}@media(hover:hover)and (pointer:fine){.bean-page .top a:hover{color:var(--mini)}}.bean-page .signup{display:flex;flex-direction:column;gap:8px;max-width:520px}.bean-page .signup label{font-size:15px;color:var(--on-ground-soft)}.bean-page .bean-field{display:flex}.bean-page .bean-field input{flex:1;min-width:0;height:58px;border:0;background:#fffdf7;color:var(--ink);padding:0 16px;font-size:17px;border-radius:0}.bean-page .bean-field input::placeholder{color:#857b70}.bean-page .bean-field input[aria-invalid=true]{box-shadow:inset 0 0 0 2px var(--tie)}.bean-page .bean-btn{height:58px;padding:0 22px;border:0;border-radius:0;background:var(--tie);color:#fff7f2;font-size:16px;font-weight:600;cursor:pointer;white-space:nowrap;transition:transform .12s var(--ease-out),background-color .15s ease}.bean-page .bean-btn:active{transform:scale(.97)}@media(hover:hover)and (pointer:fine){.bean-page .bean-btn:hover{background:var(--tie-deep)}}.bean-page .bean-btn[disabled]{cursor:progress;background:var(--tie-deep)}.bean-page .msg{min-height:24px;font-size:15px;margin:2px 0 0}.bean-page .msg.err{color:#ffb4a8}:root[data-ground=paper]:not([data-theme=dark]) .bean-page .msg.err{color:var(--tie-deep)}.bean-page .consent{font-size:13px;color:var(--on-ground-soft);margin:0}.bean-page .sentcard{display:none;background:var(--paper);color:var(--ink);padding:22px 24px;transform:rotate(-1deg);max-width:520px}.bean-page .sentcard .stampline{display:inline-block;font-family:var(--stamp);font-weight:700;letter-spacing:.06em;font-size:18px;color:var(--tie);border:3px solid var(--tie);padding:4px 10px;transform:rotate(-3deg);margin-bottom:10px}.bean-page .sentcard p{margin:0;font-family:var(--serif)!important;font-size:30px;line-height:1.25}.bean-page .signup.sent .bean-field,.bean-page .signup.sent label,.bean-page .signup.sent .consent{display:none}.bean-page .signup.sent .sentcard{display:block;animation:landed .32s var(--ease-out) 1}@keyframes landed{0%{opacity:0;transform:translateY(10px) rotate(-1deg)}to{opacity:1;transform:translateY(0) rotate(-1deg)}}.bean-page .legal{padding:28px var(--m) 36px;background:#151513;color:#bfb5a8;font-size:13px}@container page (max-width: 760px){.bean-page .top{padding:12px 16px 12px 20px;grid-template-columns:1fr auto;align-items:center}.bean-page .top a{display:inline-flex;align-items:center;min-height:44px;padding:0 4px;border-bottom:0;font-size:14px;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}.bean-page .wordmark{font-size:20px;grid-column:1;gap:10px}.bean-page .wordmark .mblogo{height:34px}.bean-page .bean-field input{flex:none;height:56px}.bean-page .bean-field{flex-direction:column;gap:10px}.bean-page .bean-btn{width:100%}}.bean-page .review{position:sticky;top:0;z-index:20;display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;padding:10px 16px;padding-top:calc(10px + env(safe-area-inset-top,0px));background:#0e0d0c;color:#e9e2d6;font-size:14px}.bean-page .review b{font-weight:600;color:var(--mini)}.bean-page .review label{display:inline-flex;gap:6px;align-items:center}.bean-page .review select,.bean-page .review button{background:#26221e;color:#e9e2d6;border:0;padding:7px 10px;min-height:36px;font-size:14px;cursor:pointer}.bean-page .review button[aria-pressed=true]{background:var(--mini);color:#151513}.bean-page .log{font-size:12.5px;color:#a79d90;flex-basis:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bean-page .chapter{--fb:var(--teddy);--fc:var(--ivory);--fs:#E2D3C2;--accent:#F0C9A0;background:var(--fb);color:var(--fc);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;padding:clamp(40px,6vw,96px) var(--m) clamp(56px,7vw,112px);min-height:calc(100svh - 56px);align-items:center}.bean-page .chapter.ch-tweed{--fb:var(--tweed);--fs:#D8CDBD;--accent:#F0C9A0}.bean-page .chapter.ch-motor{--fb:var(--mini);--fc:var(--ink);--fs:#2F3310;--accent:#7A2219}.bean-page .set{grid-column:1 / span 7;position:relative;aspect-ratio:7/5.4;background:#0000001f;overflow:hidden}.bean-page .ch-motor .set{background:#00000014}.bean-page .set svg.scene{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.bean-page .set .who{position:absolute;bottom:0;height:82%;width:auto;pointer-events:none}.bean-page .side{grid-column:9 / span 4;display:flex;flex-direction:column;gap:22px}.bean-page .side h1{font-family:var(--serif)!important;font-weight:500;font-size:clamp(52px,5.4vw,88px);line-height:.92;letter-spacing:-.02em;margin:0}.bean-page .side .obj{margin:0;font-size:20px;max-width:30ch}.bean-page .controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;min-height:58px}.bean-page .b{min-height:52px;padding:0 20px;border:0;border-radius:0;background:var(--fc);color:var(--fb);font-size:16px;font-weight:600;cursor:pointer;transition:transform .12s var(--ease-out),opacity .15s ease}.bean-page .b.ghost{background:transparent;color:var(--fc);box-shadow:inset 0 0 0 2px var(--fc)}.bean-page .b:active{transform:scale(.97)}.bean-page .b[disabled]{opacity:.45;cursor:default}.bean-page .readout{font-family:var(--serif)!important;font-size:30px;line-height:1.1;margin:0;min-height:34px}.bean-page .readout i{color:var(--accent)}.bean-page .links{display:flex;gap:20px}.bean-page .links button{background:none;border:0;padding:6px 0;color:var(--fc);text-decoration:underline;text-underline-offset:4px;font-size:15px;cursor:pointer;min-height:44px}.bean-page .result{display:none;align-self:flex-start;font-family:var(--stamp);font-weight:700;letter-spacing:.05em;font-size:28px;color:var(--accent);border:4px solid var(--accent);padding:8px 16px;transform:rotate(-4deg)}.bean-page .done .result,.bean-page .v .done .side>.result{display:inline-block;animation:stamp .32s var(--ease-out) 1}@keyframes stamp{0%{opacity:0;transform:rotate(-4deg) scale(1.12)}to{opacity:1;transform:rotate(-4deg) scale(1)}}.bean-page .insp{display:flex;gap:16px;align-items:center;padding-top:18px}.bean-page .insp svg{width:84px;height:84px;flex:none}.bean-page .insp p{margin:0;font-size:15px;color:var(--fs)}.bean-page .insp strong{display:block;font-family:var(--serif)!important;font-weight:500;font-size:30px;line-height:1;color:var(--fc);margin-bottom:4px}.bean-page .insp{opacity:.35;transition:opacity .4s ease}.bean-page .done .insp{opacity:1}.bean-page .hintline{margin:0;font-size:15px;color:var(--fs)}.bean-page .hand{transition:transform .32s var(--ease-out);transform-box:fill-box;transform-origin:50% 100%}.bean-page .drift .hand{transition:transform 1.6s var(--ease-in-out)}.bean-page .ringing .clockbody{animation:shake .55s linear 3;transform-origin:50% 60%;transform-box:fill-box}@keyframes shake{0%,to{transform:rotate(0)}20%{transform:rotate(6deg)}40%{transform:rotate(-6deg)}60%{transform:rotate(4deg)}80%{transform:rotate(-3deg)}}.bean-page .dial-hit{cursor:grab;touch-action:none}.bean-page .lcd{font-variant-numeric:tabular-nums}.bean-page .pad{display:grid;grid-template-columns:repeat(2,auto);gap:10px 18px;align-items:center}.bean-page .pad span{font-size:15px;color:var(--fs)}.bean-page .pad div{display:flex;gap:8px}.bean-page .pad .b{min-width:52px;padding:0;font-size:22px}.bean-page .tie{transform-box:fill-box;transform-origin:50% 0;transition:transform .5s var(--ease-out)}.bean-page .tie.swing{transition:transform .7s var(--ease-in-out)}.bean-page .jacket{transition:transform .6s var(--ease-in-out);transform-box:fill-box;transform-origin:50% 0}.bean-page .slipped .jacket{transform:translateY(26px) rotate(-9deg)}.bean-page .railitem{transition:transform .42s var(--ease-in-out)}.bean-page .chair-list{min-height:34px}.bean-page .route{fill:none;stroke:var(--tie);stroke-width:5;stroke-linecap:round}.bean-page .route.draw{transition:stroke-dashoffset 1.6s var(--ease-in-out)}.bean-page .dest{transition:transform .5s var(--ease-out)}.bean-page .map{transition:transform .55s var(--ease-in-out);transform-box:fill-box;transform-origin:50% 50%}@container page (max-width: 760px){.bean-page .chapter{grid-template-columns:1fr;row-gap:24px;padding:28px 20px 56px;min-height:0}.bean-page .set{grid-column:1;aspect-ratio:4/3.6}.bean-page .side{display:contents}.bean-page .side>*{grid-column:1}.bean-page .side h1{grid-row:1;font-size:clamp(44px,12.5vw,56px)}.bean-page .side .obj{grid-row:2;font-size:17px;margin-top:-8px}.bean-page .set{grid-row:3}.bean-page .controls{grid-row:4}.bean-page .readout{grid-row:5;font-size:26px}.bean-page .result{grid-row:6;font-size:22px}.bean-page .insp{grid-row:7;padding-top:0}.bean-page .links{grid-row:8}.bean-page .hintline{grid-row:9}.bean-page .controls .b{flex:1 1 140px}}.bean-page .v .set,.bean-page .v .side>*{animation:rise .6s var(--ease-out) both}.bean-page .v .side>*:nth-child(1){animation-delay:.04s}.bean-page .v .set{animation-delay:.1s}.bean-page .v .side>*:nth-child(2){animation-delay:.16s}.bean-page .v .side>*:nth-child(3){animation-delay:.22s}.bean-page .v .side>*:nth-child(4){animation-delay:.28s}.bean-page .v .side>*:nth-child(6){animation-delay:.34s}.bean-page .v .side>*:nth-child(7){animation-delay:.4s}.bean-page .v .side>.result{animation:none}@keyframes rise{0%{opacity:0;translate:0 24px}to{opacity:1;translate:0 0}}@media(prefers-reduced-motion:reduce){@keyframes rise{0%{opacity:0}to{opacity:1}}}@media(prefers-reduced-motion:reduce){.bean-page .hand,.bean-page .tie,.bean-page .jacket,.bean-page .railitem,.bean-page .dest,.bean-page .map{transition-duration:0s!important}.bean-page .route.draw{transition:none!important}.bean-page .ringing .clockbody,.bean-page .done .result{animation:none!important}}.rm .bean-page .hand,.rm .bean-page .tie,.rm .bean-page .jacket,.rm .bean-page .railitem,.rm .bean-page .dest,.rm .bean-page .map{transition-duration:0s!important}.rm .bean-page .route.draw{transition:none!important}.rm .bean-page .ringing .clockbody,.rm .bean-page .done .result{animation:none!important}.bean-page .hero2{order:1;position:relative;min-height:calc(100svh + -0px);overflow:hidden;color:var(--ivory);background:#1e1712;isolation:isolate}:root[data-state=launch] .bean-page .hero2,:root[data-state=post] .bean-page .hero2{display:none}.bean-page .h2-light{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(60% 70% at 72% 42%,rgba(255,214,160,.3) 0%,rgba(255,214,160,.1) 34%,transparent 62%),radial-gradient(90% 80% at 20% 30%,rgba(120,90,60,.35) 0%,transparent 60%),linear-gradient(180deg,#3a2c21,#2a1f17 60%,#17110d);opacity:.25;transform:scale(1.04);transition:opacity 1.4s cubic-bezier(.23,1,.32,1),transform 2.4s cubic-bezier(.23,1,.32,1)}.bean-page .hero2.lit .h2-light{opacity:1;transform:none}.bean-page .h2-bean{position:absolute;right:-1vw;bottom:0;height:min(94svh,990px);aspect-ratio:760/987;z-index:2;filter:brightness(.62) saturate(.8);transition:filter 1.6s cubic-bezier(.23,1,.32,1) .1s}.bean-page .hero2.lit .h2-bean{filter:none}.bean-page .h2-bean .cut{width:100%;height:100%;display:block;filter:drop-shadow(-26px 28px 44px rgba(8,4,1,.55))}.bean-page .h2-paperlogo{position:absolute;left:57.6%;top:68.4%;width:34%;height:auto;transform:translate(-50%,-50%) rotate(-34.7deg);mix-blend-mode:multiply;opacity:.9;pointer-events:none;transition:opacity .3s ease}.bean-page .h2-glint{position:absolute;left:57.9%;top:70%;width:60%;height:46%;transform:translate(-50%,-50%) rotate(-32deg);overflow:hidden;pointer-events:none}.bean-page .h2-glint:after{content:"";position:absolute;top:-20%;bottom:-20%;width:26%;left:-40%;background:linear-gradient(100deg,transparent,rgba(255,250,235,.6),transparent);transform:skew(-12deg)}.bean-page .hero2.lit .h2-glint:after{animation:h2glint 5s cubic-bezier(.77,0,.175,1) 1.6s infinite}@keyframes h2glint{0%{left:-40%}22%,to{left:125%}}.bean-page .h2-readpaper{position:absolute;left:57.6%;top:70.2%;width:63%;height:50%;transform:translate(-50%,-50%) rotate(-32deg);background:transparent;border:0;cursor:zoom-in;z-index:3}.bean-page .h2-pointer{position:absolute;left:20%;top:52%;font-family:var(--serif)!important;font-style:italic;font-size:20px;color:#f0c9a0;opacity:0;transform:rotate(-8deg);transition:opacity .5s ease 2.4s;pointer-events:none;white-space:nowrap}.bean-page .h2-pointer:after{content:"";position:absolute;left:58%;top:120%;width:46px;height:30px;border-right:1.5px solid #F0C9A0;border-bottom:1.5px solid #F0C9A0;border-radius:0 0 28px;transform:rotate(18deg)}.bean-page .hero2.lit:not(.read) .h2-pointer{opacity:.9}.bean-page .h2-copy{position:relative;z-index:4;padding:clamp(120px,17vh,190px) var(--m) 70px;max-width:min(50vw,760px)}.bean-page .hero2 h1{font-family:var(--serif)!important;font-weight:600;font-size:clamp(64px,8.4vw,152px);line-height:.86;letter-spacing:-.032em;margin:0;color:var(--ivory)}.bean-page .hero2 h1 em{font-style:italic;font-weight:500;color:#f0c9a0}.bean-page .h2-sub{margin:28px 0 0;font-size:clamp(17px,1.3vw,20px);line-height:1.55;max-width:33ch;color:#d9ccba}.bean-page .h2-cta{display:flex;flex-wrap:wrap;gap:14px 26px;align-items:center;margin-top:34px}.bean-page .h2-btn{min-height:58px;padding:0 28px;background:#b8322a!important;color:#fff!important;border:0;font-weight:600;font-size:16px;cursor:pointer;transition:transform .12s var(--ease-out),background-color .2s ease;font-family:inherit!important}.bean-page .h2-btn:active{transform:scale(.97)}@media(hover:hover)and (pointer:fine){.bean-page .h2-btn:hover{background:#9e2a23}}.bean-page .h2-link{background:none;border:0;padding:8px 0;color:var(--ivory);text-decoration:underline;text-underline-offset:5px;font-size:16px;cursor:pointer;min-height:44px;display:inline-flex;align-items:center}.bean-page .h2-btn:hover{opacity:.75}.bean-page .h2-when{margin-top:48px;border-top:1px solid rgba(242,238,230,.18);padding-top:18px;max-width:30ch}.bean-page .h2-when .lbl{display:block;font-size:14px;color:#a99c8a;letter-spacing:.02em;margin-bottom:6px}.bean-page .h2-when .big{display:block;font-family:var(--serif)!important;font-weight:600;font-size:clamp(28px,2.6vw,42px);line-height:1.05;color:var(--ivory);font-variant-numeric:lining-nums}.bean-page .h2-when .secs{display:block;margin-top:8px;font-family:var(--serif)!important;font-size:19px;color:#d9ccba}.bean-page .h2-when .secs b{display:inline-block;min-width:1.2em;text-align:right;font-weight:600;font-variant-numeric:lining-nums tabular-nums;color:#f0c9a0}.bean-page .h2-when .secs b.tickd{animation:h2tick .32s cubic-bezier(.23,1,.32,1)}@keyframes h2tick{0%{transform:translateY(-35%);opacity:.3}to{transform:none;opacity:1}}.bean-page .h2-when small{display:block;margin-top:8px;font-size:13px;color:#8f8373}.bean-page .h2-card{position:absolute;left:0;top:0;z-index:7;width:min(540px,40vw);min-width:min(420px,calc(100vw - 40px));aspect-ratio:760/700;background-image:var(--bean-paper);background-size:100% 100%;background-repeat:no-repeat;background-position:0 0;color:#2b2521;padding:9% 10% 8%;text-align:center;transform-origin:0 0;visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;filter:drop-shadow(0 2px 2px rgba(40,25,10,.25));will-change:transform}.bean-page .h2-card .h2-lock{display:flex;align-items:center;gap:8px;margin-bottom:6px}.bean-page .h2-card .h2-lock .fl{height:10px;width:auto}.bean-page .h2-card .h2-lock .mb{height:26px;width:auto}.bean-page .h2-card p{margin:0;text-shadow:0 1px 0 rgba(255,255,255,.7)}.bean-page .h2-card .h2pre{font-family:var(--serif)!important;font-style:italic;font-size:16px;color:#5a4e44}.bean-page .h2-card .name{font-family:var(--serif)!important;font-weight:600;font-size:clamp(36px,3.2vw,48px);line-height:.9;letter-spacing:-.02em}.bean-page .h2-card .req{font-family:var(--serif)!important;font-size:19px;line-height:1.3;max-width:26ch}.bean-page .h2-card .date{font-family:var(--serif)!important;font-weight:600;font-size:clamp(28px,2.6vw,40px);line-height:1;white-space:nowrap;margin-top:4px}.bean-page .h2-card .tick{font-family:var(--serif)!important;font-size:16px;color:#4a4038}.bean-page .h2-card .tick b{font-weight:600;font-variant-numeric:lining-nums tabular-nums;color:#2b2521}.bean-page .h2-card .rsvp{font-family:var(--serif)!important;font-style:italic;font-size:19px;border-bottom:2px solid #B8322A;padding-bottom:2px}.bean-page .h2-stamp{position:absolute;right:7%;bottom:13%;font-family:var(--stamp);font-weight:700;font-size:21px;letter-spacing:.06em;color:#c0322b;border:3px solid currentColor;padding:4px 10px 2px;transform:rotate(-14deg);opacity:0;mix-blend-mode:multiply}.bean-page .hero2.landed .h2-stamp{animation:h2slam .38s cubic-bezier(.2,.9,.3,1.3) .75s both}@keyframes h2slam{0%{opacity:0;transform:rotate(-24deg) scale(1.9)}60%{opacity:.95;transform:rotate(-11deg) scale(.95)}to{opacity:.9;transform:rotate(-14deg) scale(1)}}.bean-page .hero2.landed .h2-card{animation:h2jolt .2s ease-out 1.05s 1}@keyframes h2jolt{40%{translate:0 3px}}.bean-page .h2-cardshadow{position:absolute;left:0;top:0;z-index:6;border-radius:8px;background:#0804018c;filter:blur(28px);opacity:0;pointer-events:none;transform-origin:0 0}.bean-page .hero2.read .h2-copy>*{opacity:0;translate:0 -10px;transition:opacity .3s ease,translate .4s var(--ease-out);pointer-events:none}.bean-page .hero2.read .h2-paperlogo,.bean-page .hero2.read .h2-glint{opacity:0}.bean-page .h2-after{position:absolute;z-index:7;display:flex;flex-direction:column;gap:12px;opacity:0;pointer-events:none;transition:opacity .4s ease .3s;width:min(540px,40vw);min-width:min(420px,calc(100vw - 40px))}.bean-page .hero2.read .h2-after{opacity:1;pointer-events:auto}.bean-page .h2-after .signup label{color:#d9ccba}.bean-page .h2-after .signup{margin:0}@container page (max-width: 900px){.bean-page .h2-bean{right:-8vw;height:auto;width:min(96vw,640px);bottom:auto;top:58px}.bean-page .h2-copy{max-width:none;padding:calc(72px + min(96vw,640px)*1.2987) var(--m) 44px;display:flex;flex-direction:column}.bean-page .hero2 h1{font-size:clamp(46px,14vw,64px)}.bean-page .h2-cta{order:2;margin-top:18px}.bean-page .h2-cta .h2-btn{flex:1 1 auto}.bean-page .h2-sub{order:3;margin-top:22px;font-size:17px}.bean-page .h2-when{order:4;margin-top:30px}.bean-page .h2-pointer{left:4%;top:46%;font-size:17px}.bean-page .h2-card,.bean-page .h2-after{width:calc(100vw - 40px)}}@media(max-width:760px)and (max-height:700px){.bean-page .h2-bean{width:70vw;right:-5vw}.bean-page .h2-copy{padding-top:calc(58px + 70vw * 1.2987 + 8px)}}@media(max-width:760px)and (max-height:600px){.bean-page .h2-bean{width:68vw;right:-4vw}.bean-page .h2-copy{padding-top:calc(62px + 88.3116vw)}.bean-page .hero2 h1{font-size:44px}}@media(min-width:761px)and (max-width:900px){.bean-page .h2-card,.bean-page .h2-after{width:min(560px,calc(100vw - 2 * var(--m)))}}@container page (min-width: 761px) and (max-width: 900px){.bean-page .h2-bean{width:min(66vw,520px);right:-2vw}.bean-page .h2-copy{padding-top:calc(72px + min(66vw,520px)*1.2987)}}@media(prefers-reduced-motion:reduce){.bean-page .h2-light,.bean-page .h2-bean{transition:none}.bean-page .hero2.lit .h2-glint:after,.bean-page .hero2.landed .h2-stamp,.bean-page .hero2.landed .h2-card,.bean-page .h2-when .secs b.tickd{animation:none}.bean-page .hero2.landed .h2-stamp{opacity:.9}}.rm .bean-page .h2-light,.rm .bean-page .h2-bean{transition:none!important}.bean-page .aticker{order:1;background:#b8322a;color:#fffef9;border-block:3px solid #000;overflow:hidden;white-space:nowrap;position:relative;z-index:3}.bean-page .atrack{display:inline-flex;align-items:center;gap:1.4rem;padding:.7rem 0;will-change:transform}.bean-page .atrack span{font-family:Bricolage,Arial Narrow,Helvetica Neue,Arial,sans-serif;font-weight:800;font-stretch:75%;font-variation-settings:"opsz" 60;text-transform:uppercase;font-size:clamp(1.3rem,2.6vw,1.9rem);letter-spacing:.01em}.bean-page .atrack svg{width:1.3rem;height:1.3rem;flex:none}.bean-page .h2-when{max-width:none!important}.bean-page .aclock{display:flex;gap:clamp(.45rem,1.4vw,.9rem);align-items:flex-start;position:relative;width:max-content;max-width:100%;margin-top:10px}.bean-page .acell{background:#fbf6ea;color:#151513;border:2px solid #151513;box-shadow:5px 5px #00000080;padding:.35rem .5rem .3rem;text-align:center;min-width:clamp(4rem,6.4vw,6.4rem);transition:transform .4s cubic-bezier(.3,1.6,.5,1)}.bean-page .acell:nth-child(1){transform:rotate(-2deg)}.bean-page .acell:nth-child(2){transform:rotate(1.2deg) translateY(4px)}.bean-page .acell:nth-child(3){transform:rotate(-.6deg)}.bean-page .acell:nth-child(4){transform:rotate(2.4deg) translateY(-3px)}.bean-page .acell small{display:block;font-family:var(--sans)!important;font-size:.7rem;font-weight:700;letter-spacing:.06em;border-top:1.5px solid #151513;margin-top:.25rem;padding-top:.15rem}.bean-page .adigits{display:flex;justify-content:center;font-family:var(--serif)!important;font-weight:600;font-size:clamp(2.4rem,4.2vw,4.4rem);line-height:.95;font-variant-numeric:lining-nums tabular-nums;transition:transform .6s cubic-bezier(.3,1.5,.5,1)}.bean-page .aclock.flipped .adigits{transform:rotate(180deg)}.bean-page .adg{display:inline-block;transition:transform .35s cubic-bezier(.3,1.6,.5,1)}.bean-page .adg.roll{animation:aroll .08s linear infinite}.bean-page .adg.drop{transform:translateY(.7em) rotate(30deg)}.bean-page .adg.escape{animation:aescape 1.6s cubic-bezier(.5,0,.5,1)}@keyframes aroll{0%{transform:translateY(-.1em)}to{transform:translateY(.1em)}}@keyframes aescape{40%{transform:translate(60vw) rotate(25deg)}55%{transform:translate(60vw) rotate(-10deg)}to{transform:none}}.bean-page .anote{position:absolute;left:calc(100% + .8rem);top:-2.4rem;width:10rem;font-family:Beany,Bradley Hand,Comic Sans MS,cursive;font-size:1.9rem;line-height:1.05;transform:rotate(-6deg);color:#f0c9a0;pointer-events:none}.bean-page .anote svg{display:block;width:4.5rem;margin-top:.2rem}.bean-page .astatus-row{display:flex;flex-wrap:wrap;gap:.6rem 1.1rem;align-items:center;margin-top:1.4rem}.bean-page .astatus{margin:0;font-family:var(--serif)!important;font-style:italic;font-size:19px;color:#e8dcc8;min-height:1.4em}.bean-page .apill{background:transparent;color:#f2eee6;border:1.5px solid rgba(242,238,230,.7);border-radius:999px;padding:.4rem .95rem;min-height:40px;font-weight:600;font-size:.85rem;cursor:pointer;transition:transform .15s,background-color .15s}.bean-page .apill:active{transform:scale(.96)}@media(hover:hover)and (pointer:fine){.bean-page .apill:hover{background:#f2eee61a}}.bean-page .apostit{position:fixed;left:clamp(.8rem,3vw,1.6rem);bottom:calc(env(safe-area-inset-bottom,0px) + 1rem);z-index:90;max-width:min(19rem,calc(100vw - 2rem));background:#ffe27a;color:#000;font-family:Beany,Bradley Hand,Comic Sans MS,cursive;font-size:1.6rem;line-height:1.1;padding:.8rem 1rem .7rem;border:3px solid #000;box-shadow:6px 6px #000;transform:translateY(calc(100% + 4rem)) rotate(-4deg);transition:transform .5s cubic-bezier(.3,1.5,.5,1);pointer-events:none}.bean-page .apostit.show{transform:translateY(0) rotate(-2deg)}@container page (max-width: 1180px){.bean-page .anote{display:none}}@container page (max-width: 900px){.bean-page .aclock{width:100%}.bean-page .acell{flex:1;min-width:0;padding:.3rem .2rem}.bean-page .acell small{font-size:.62rem;letter-spacing:.03em}.bean-page .adigits{font-size:clamp(2rem,10vw,3.2rem)}}@media(prefers-reduced-motion:reduce){.bean-page .adg.roll,.bean-page .adg.escape{animation:none}}.bean-page .h2-cursor{position:absolute;left:0;top:0;z-index:9;width:112px;height:112px;margin:-56px 0 0 -56px;border-radius:50%;background:#b8322a;color:#fff;display:grid;place-items:center;text-align:center;font-family:var(--serif)!important;font-weight:600;font-size:22px;line-height:.95;letter-spacing:-.01em;pointer-events:none;opacity:0;scale:.4;transition:opacity .18s ease,scale .32s cubic-bezier(.34,1.56,.64,1);box-shadow:0 10px 24px #00000059;will-change:translate,scale}.bean-page .h2-cursor.on{opacity:1;scale:1}.bean-page .h2-cursor.press{scale:.88;transition:scale .1s ease}@media(hover:hover)and (pointer:fine){.bean-page .h2-readpaper{cursor:none}}.bean-page .hero2.read .h2-cursor{opacity:0!important}.bean-page .h2-tapring{position:absolute;left:50%;top:50%;width:110px;height:110px;margin:-55px 0 0 -55px;border-radius:50%;pointer-events:none}.bean-page .h2-tapring:before,.bean-page .h2-tapring:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid #B8322A;opacity:0}@media(hover:none),(pointer:coarse){.bean-page .hero2.lit:not(.read):not(.seen) .h2-tapring:before{animation:h2ring 2.2s cubic-bezier(.23,1,.32,1) 1.2s infinite}.bean-page .hero2.lit:not(.read):not(.seen) .h2-tapring:after{animation:h2ring 2.2s cubic-bezier(.23,1,.32,1) 1.75s infinite}}@keyframes h2ring{0%{opacity:.95;transform:scale(.35)}70%,to{opacity:0;transform:scale(1.9)}}@media(prefers-reduced-motion:reduce){.bean-page .h2-tapring:before,.bean-page .h2-tapring:after{animation:none!important;opacity:.8!important}.bean-page .h2-cursor{transition:opacity .15s ease}}.bean-page .hero2 h1.adisplay{font-family:Bricolage,Arial Narrow,Helvetica Neue,Arial,sans-serif!important;font-weight:800;font-stretch:75%;font-variation-settings:"opsz" 96;text-transform:uppercase;line-height:.84;letter-spacing:-.01em;margin:0;color:var(--ivory);font-size:clamp(3.6rem,7.6vw,9rem)}.bean-page .adisplay .aln{display:block}.bean-page .adisplay .aw{display:inline-block;white-space:nowrap}.bean-page .adisplay .afall{display:inline-block;cursor:pointer;transform-origin:50% 100%;transition:transform .9s cubic-bezier(.5,0,.75,0)}.bean-page .adisplay .adangle{display:inline-block;transform-origin:50% 0;transform:rotate(11deg) translate(.04em,.12em);animation:adangle 4.5s ease-in-out infinite}@keyframes adangle{0%,to{transform:rotate(11deg) translate(.04em,.12em)}50%{transform:rotate(3deg) translate(.02em,.1em)}}.bean-page .aagain{display:inline-block;vertical-align:middle;margin-left:.12em;font-size:.42em;line-height:1;background:#c8202e;color:#fffef9;padding:.12em .22em .08em;border:3px solid #000;box-shadow:6px 6px #000;transform:rotate(-7deg) translateY(-.3em);position:relative}.bean-page .aagain:before{content:"";position:absolute;left:38%;top:-.22em;width:.9em;height:.32em;background:#ffe27ad9;transform:rotate(8deg);border:1px solid rgba(0,0,0,.15)}@container page (max-width: 900px){.bean-page .hero2 h1.adisplay{font-size:clamp(2.6rem,12.4vw,6rem)}}@container page (min-width: 761px) and (max-width: 900px){.bean-page .hero2 h1.adisplay{font-size:clamp(3rem,9vw,5rem)}}@media(prefers-reduced-motion:reduce){.bean-page .adisplay .adangle{animation:none}}.bean-page .h2-upside{position:absolute;z-index:8;font-family:Beany,Bradley Hand,Comic Sans MS,cursive;font-size:1.9rem;color:#ffe27a;transform:rotate(6deg);opacity:0;transition:opacity .3s;pointer-events:none;white-space:nowrap}.bean-page .h2-upside.show{opacity:1}.bean-page .h2-turn{position:absolute;right:9%;bottom:6.5%;background:none;border:0;border-bottom:2px solid #2B2521;cursor:pointer;font-weight:700;font-size:.85rem;padding:.1rem 0;color:#2b2521;min-height:32px;z-index:2}.bean-page .h2-back{position:absolute;top:0;right:0;bottom:0;left:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:1.4rem;background-image:var(--bean-paper);background-size:100% 100%;background-repeat:no-repeat;background-position:0 0}.bean-page .h2-back .msg{font-family:Beany,Bradley Hand,Comic Sans MS,cursive;font-size:clamp(2rem,3.4vw,3rem);line-height:1.1;transform:rotate(-3deg);margin:0;color:#2b2521;text-shadow:none}.bean-page .h2-back .h2-turn{position:static}.bean-page .h2-card.backside .h2-back{display:flex}.bean-page .h2-card.backside .h2-stamp,.bean-page .h2-card.backside>.h2-turn{visibility:hidden}.bean-page .rem{position:relative;overflow:clip;color:#f2eee6;padding:clamp(80px,10vw,140px) var(--m) clamp(80px,10vw,130px);background:radial-gradient(70% 90% at 25% 0%,rgba(255,214,160,.22) 0%,transparent 60%),linear-gradient(180deg,#b8322a,#8e241e);border-top:3px solid #151513}.bean-page .rem-in{max-width:56rem}.bean-page .rem-h{font-family:Bricolage,Arial Narrow,Helvetica Neue,Arial,sans-serif!important;font-weight:800;font-stretch:75%;font-variation-settings:"opsz" 96;text-transform:uppercase;line-height:.84;letter-spacing:-.01em;margin:0 0 2.4rem;font-size:clamp(3.2rem,9vw,8rem);color:#f2eee6}.bean-page .rem-h .rem-tilt{display:inline-block;transform:rotate(-2.5deg) translate(.3em);color:#f0c9a0}.bean-page .rem-h .aw{display:inline-block;white-space:nowrap}.bean-page .rem-h .afall{display:inline-block;cursor:pointer;transform-origin:50% 100%}.bean-page .rem-h .afall.in{animation:remDrop .7s cubic-bezier(.3,1.4,.5,1) both}@keyframes remDrop{0%{opacity:0;transform:translateY(-.6em) rotate(var(--r,0deg))}70%{opacity:1;transform:translateY(.04em) rotate(calc(var(--r,0deg) * -.2))}to{opacity:1;transform:none}}.bean-page .rem-h .adangle{display:inline-block;transform-origin:50% 0;animation:adangle 4.5s ease-in-out infinite}.bean-page #remForm label{display:block;font-size:15px;font-weight:600;margin-bottom:.6rem;color:#f2eee6}.bean-page .rem-row{display:flex;gap:.8rem;flex-wrap:wrap}.bean-page .rem-row input{flex:1 1 17rem;min-width:0;background:#fbf6ea;color:#151513;border:2px solid #151513;box-shadow:5px 5px #00000073;padding:1rem;font:inherit;font-size:1.1rem;font-weight:500;border-radius:0}.bean-page .rem-row input:focus-visible{outline:3px solid #FFE27A;outline-offset:3px}.bean-page .rem-row input[aria-invalid=true]{border-color:#ffe27a}.bean-page .rem-submit{flex:0 0 auto;background:#151513;color:#f2eee6;border:2px solid #151513;box-shadow:5px 5px #f2eee6;padding:1rem 1.3rem;min-height:56px;font-family:Bricolage,Arial Narrow,Arial,sans-serif!important;font-weight:800!important;font-stretch:85%!important;text-transform:uppercase;letter-spacing:.02em;cursor:pointer;transition:transform .35s cubic-bezier(.3,1.8,.5,1),box-shadow .12s}.bean-page .rem-submit.dodge{transform:translate(22px,-8px) rotate(5deg)}.bean-page .rem-submit:active{transform:translate(5px,5px);box-shadow:0 0 #f2eee6}.bean-page .rem-submit:disabled{opacity:.75;cursor:wait}.bean-page .rem-err{min-height:1.4em;margin:.6rem 0 0;font-weight:700;color:#ffe27a}.bean-page .rem-fine{font-size:.9rem;margin:.2rem 0 0;opacity:.9;font-family:inherit!important}.bean-page .rem-done{font-family:var(--serif)!important;font-size:clamp(24px,2.4vw,32px);line-height:1.25;margin:0;max-width:30ch}.bean-page .rem-done .addr{font-weight:600}.bean-page .rem-done .hand{display:block;margin-top:.6rem;font-family:Beany,Bradley Hand,Comic Sans MS,cursive;font-size:1.6em;color:#ffe27a;transform:rotate(-3deg)}:root[data-state=launch] .bean-page .rem,:root[data-state=post] .bean-page .rem{display:none}@container page (max-width: 760px){.bean-page .rem-h{font-size:clamp(2.8rem,14vw,4.4rem)}.bean-page .rem-submit{width:100%}}@media(prefers-reduced-motion:reduce){.bean-page .rem-h .afall.in{animation:none}.bean-page .rem-submit{transition:none}}.bean-page .h2-copy{pointer-events:none}.bean-page .h2-copy>*{pointer-events:auto}.bean-page .h2-sticky{position:absolute;z-index:4;left:60.8%;top:68.1%;width:27%;aspect-ratio:1/.86;padding:0;border:0;background:none;cursor:pointer;transform:translate(-50%,-50%) rotate(-32deg);transform-origin:50% 50%;font-size:clamp(11px,1.55vw,24px);transition:opacity .3s ease}.bean-page .h2-sticky .st-in{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25em;background:#ffe27a;color:#151513;box-shadow:0 1px 1px #0000002e,4px 7px 12px #1e0f0047;transform-origin:50% 0;transition:transform .35s cubic-bezier(.3,1.6,.5,1),box-shadow .25s ease}.bean-page .h2-sticky .st-in:before{content:"";position:absolute;left:50%;top:-.55em;width:2.6em;height:.95em;margin-left:-1.3em;background:#f2eee6c7;rotate:3deg;border:1px solid rgba(0,0,0,.08)}.bean-page .h2-sticky .st-in:after{content:"";position:absolute;right:0;bottom:0;width:1.3em;height:1.3em;background:linear-gradient(135deg,#ffe27a 50%,#e9c451 50%);box-shadow:-2px -2px 3px #0000001f;transition:width .25s ease,height .25s ease}.bean-page .h2-sticky .st-main{font-family:Bricolage,Arial Narrow,Arial,sans-serif;font-weight:800;font-stretch:75%;text-transform:uppercase;font-size:1.55em;line-height:.86;text-align:center;letter-spacing:-.01em}.bean-page .h2-sticky .st-hand{font-family:Beany,Bradley Hand,Comic Sans MS,cursive;font-size:1.05em;color:#b8322a;rotate:-4deg}.bean-page .hero2.lit:not(.read) .h2-sticky .st-in{animation:stFidget 4.2s cubic-bezier(.36,0,.66,1) 2s infinite}@keyframes stFidget{0%,78%,to{transform:none}81%{transform:rotate(-7deg)}84%{transform:rotate(6deg)}87%{transform:rotate(-4deg)}90%{transform:rotate(2deg)}93%{transform:translateY(-2px)}96%{transform:none}}@media(hover:hover)and (pointer:fine){.bean-page .h2-sticky:hover .st-in{animation-play-state:paused;transform:translateY(-4px) rotate(-3deg) scale(1.04);box-shadow:0 1px 1px #0000002e,8px 14px 22px #1e0f0057}.bean-page .h2-sticky:hover .st-in:after{width:1.9em;height:1.9em}}.bean-page .h2-sticky:active .st-in{transform:scale(.94)!important;transition-duration:.08s}.bean-page .h2-sticky:focus-visible{outline:3px solid #C8D43F;outline-offset:4px}.bean-page .hero2.read .h2-sticky{opacity:0;pointer-events:none}.bean-page .hero2.read .h2-sticky .st-in{transform:translateY(-14px) rotate(8deg)}@container page (max-width: 900px){.bean-page .h2-sticky{font-size:clamp(10px,3.2vw,19px)}}@media(prefers-reduced-motion:reduce){.bean-page .hero2.lit:not(.read) .h2-sticky .st-in{animation:none}}.bean-page .h2-date{margin:1.1rem 0 0;font-family:Bricolage,Arial Narrow,Helvetica Neue,Arial,sans-serif!important;font-weight:800;font-stretch:75%;font-variation-settings:"opsz" 60;text-transform:uppercase;font-size:clamp(1.8rem,2.8vw,2.9rem);line-height:.9;letter-spacing:.01em;color:#f2eee6}.bean-page .h2-date .aw{display:inline-block;white-space:nowrap}.bean-page .h2-date .afall{display:inline-block;cursor:pointer;transform-origin:50% 100%;opacity:0}.bean-page .hero2.lit .h2-date .afall{animation:dateDrop .62s cubic-bezier(.3,1.45,.5,1) both}@keyframes dateDrop{0%{opacity:0;transform:translateY(-.9em) rotate(var(--r,0deg))}65%{opacity:1;transform:translateY(.05em) rotate(calc(var(--r,0deg) * -.25))}to{opacity:1;transform:rotate(var(--rest,0deg))}}.bean-page .h2-date .d-num{color:#f0c9a0}.bean-page .h2-date .adangle{display:inline-block;transform-origin:50% 0;animation:adangle 4.5s ease-in-out 2.4s infinite}@container page (max-width: 900px){.bean-page .h2-date{font-size:clamp(1.5rem,7vw,2.2rem)}}@media(prefers-reduced-motion:reduce){.bean-page .hero2.lit .h2-date .afall{animation:none;opacity:1;transform:rotate(var(--rest,0deg))}.bean-page .h2-date .adangle{animation:none}}.bean-page .h2-tapring{display:none!important}.bean-page .h2-cursor span{transition:opacity .15s ease}.bean-page .h2-cursor.small{scale:.2}.bean-page .h2-cursor.small span{opacity:0}@media(hover:hover)and (pointer:fine){.bean-page .h2-sticky{cursor:none}}.bean-page .h2-sticky .st-ring{position:absolute;top:-5%;right:-5%;bottom:-5%;left:-5%;border:2.5px solid #B8322A;border-radius:6px;opacity:0;pointer-events:none}@media(hover:none),(pointer:coarse){.bean-page .hero2.lit:not(.read):not(.seen) .h2-sticky .st-ring{animation:stRing 2.4s cubic-bezier(.23,1,.32,1) 1.4s infinite}.bean-page .hero2.lit:not(.read):not(.seen) .h2-sticky .st-ring.r2{animation-delay:2.2s}}@keyframes stRing{0%{opacity:.95;transform:scale(.98)}75%,to{opacity:0;transform:scale(1.32)}}@media(prefers-reduced-motion:reduce){.bean-page .h2-sticky .st-ring{animation:none!important;opacity:.8}.bean-page .h2-sticky .st-ring.r2{display:none}}.bean-page .rem-row input.arrive{animation:remArrive 1.1s cubic-bezier(.23,1,.32,1) 1}@keyframes remArrive{0%{box-shadow:5px 5px #00000073,0 0 #ffe27a00}30%{box-shadow:5px 5px #00000073,0 0 0 8px #ffe27ad9}to{box-shadow:5px 5px #00000073,0 0 #ffe27a00}}@media(prefers-reduced-motion:reduce){.bean-page .rem-row input.arrive{animation:none}}@container page (max-width: 760px){.bean-page .top{column-gap:14px}}@container page (max-width: 430px){.bean-page .wordmark .flhead{height:10px}.bean-page .wordmark img:not(.flhead){height:27px;width:auto}}@container page (max-width: 360px){.bean-page .wordmark .flhead{height:8px}.bean-page .wordmark img:not(.flhead){height:22px;width:auto}.bean-page .top a{font-size:13px}}.bean-page [tabindex="-1"]:focus{outline:none}:root[data-state=launch] .bean-page #final,:root[data-state=post] .bean-page #final{display:none}.bean-page #collection{display:none}:root[data-state=launch] .bean-page #collection,:root[data-state=post] .bean-page #collection{display:block}:root[data-state=launch] .bean-page .aticker,:root[data-state=post] .bean-page .aticker{display:none}.bean-page .chapters-head{padding:clamp(64px,8vw,120px) var(--m) 28px}.bean-page .chapters-head h2{font-family:Bricolage,Arial Narrow,Helvetica Neue,Arial,sans-serif!important;font-weight:500;font-size:52px;line-height:1;margin:0}.bean-page .chapters-head p{margin:14px 0 0;font-size:20px;color:var(--on-ground-soft);max-width:46ch}.bean-page .slot+.slot .chapter{margin-top:0}.bean-page .folder{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) 160px;align-items:end;gap:24px;min-height:190px;padding:36px var(--m) 64px;text-decoration:none;color:var(--fc);background:var(--fb)}.bean-page .folder:before{content:"";position:absolute;top:-38px;left:var(--tab);width:220px;height:40px;background:var(--fb);clip-path:polygon(10% 0,90% 0,100% 100%,0 100%)}.bean-page .folder h3{font-family:Bricolage,Arial Narrow,Helvetica Neue,Arial,sans-serif!important;font-weight:500;font-size:52px;line-height:1;margin:0}.bean-page .folder p{margin:0;font-size:17px}.bean-page .folder img{height:170px;width:160px;object-fit:contain;object-position:bottom;justify-self:end;margin-bottom:-64px}.bean-page .folder.has-peek{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.bean-page .slot[data-ch=teddy]{--pw:224px;--over:136px}.bean-page .peekbox{position:absolute;right:calc(var(--m) + 2%);top:calc(-1 * var(--over));height:calc(var(--pw) * 1.4615);width:var(--pw);overflow:hidden;pointer-events:none;z-index:2}.bean-page .folder.has-peek{padding-right:calc(var(--pw) + var(--m) + 4%);min-height:calc(var(--pw) * 1.4615 - var(--over))}.bean-page .peekbox img.peek{position:absolute;left:0;right:0;bottom:0;width:100%;height:auto;aspect-ratio:520/760;margin:0;object-fit:contain;object-position:50% 100%;transform:translateY(102%);transform-origin:50% 100%}.bean-page .folder.in .peekbox img.peek{animation:peekUp .9s cubic-bezier(.34,1.56,.64,1) .35s forwards,curious 1.1s cubic-bezier(.77,0,.175,1) 1.5s 1}@keyframes peekUp{0%{transform:translateY(102%)}55%{transform:translateY(-5%)}75%{transform:translateY(2%)}to{transform:translateY(0)}}@keyframes curious{0%{rotate:0deg}30%{rotate:-4deg}62%{rotate:3deg}to{rotate:0deg}}@media(hover:hover)and (pointer:fine){.bean-page .folder.has-peek:hover .peekbox img.peek{translate:0 -10px;transition:translate .35s var(--ease-out)}.bean-page .folder.has-peek .peekbox img.peek{transition:translate .35s var(--ease-out)}}@media(prefers-reduced-motion:reduce){.bean-page .folder .peekbox img.peek,.bean-page .folder.in .peekbox img.peek{animation:none;transform:none}}.rm .bean-page .folder .peekbox img.peek{animation:none!important;transform:none!important}.bean-page .hopwrap{position:relative;justify-self:end;align-self:end;width:160px;height:170px;margin-bottom:-64px}.bean-page .hopwrap img.hopper{position:absolute;left:0;bottom:0;width:160px;height:170px;margin:0;object-fit:contain;object-position:50% 100%;transform-origin:50% 100%}.bean-page .hopshadow{position:absolute;left:50%;bottom:-3px;width:64px;height:10px;margin-left:-32px;border-radius:50%;background:#00000052}.bean-page .folder.in .hopwrap img.hopper{animation:hops 4.4s 1.1s infinite}.bean-page .folder.in .hopwrap .hopshadow{animation:hopShadow 4.4s 1.1s infinite}@keyframes hops{0%{transform:translateY(0) rotate(0);animation-timing-function:cubic-bezier(.3,0,.6,1)}4%{transform:translateY(4px) rotate(0);animation-timing-function:cubic-bezier(.2,.8,.4,1)}12%{transform:translateY(-38px) rotate(-4deg);animation-timing-function:cubic-bezier(.6,0,.8,.4)}20%{transform:translateY(0) rotate(0);animation-timing-function:cubic-bezier(.3,0,.6,1)}22%{transform:translateY(3px) rotate(0);animation-timing-function:cubic-bezier(.2,.8,.4,1)}30%{transform:translateY(-30px) rotate(4deg);animation-timing-function:cubic-bezier(.6,0,.8,.4)}38%{transform:translateY(0) rotate(0);animation-timing-function:cubic-bezier(.3,0,.6,1)}40%{transform:translateY(3px) rotate(0);animation-timing-function:cubic-bezier(.2,.8,.4,1)}47%{transform:translateY(-20px) rotate(-2deg);animation-timing-function:cubic-bezier(.6,0,.8,.4)}54%{transform:translateY(0) rotate(0)}56%{transform:translateY(2px)}60%,to{transform:translateY(0) rotate(0)}}@keyframes hopShadow{0%,4%,20%,22%,38%,40%,54%,to{transform:scaleX(1);opacity:1}12%{transform:scaleX(.55);opacity:.45}30%{transform:scaleX(.62);opacity:.5}47%{transform:scaleX(.74);opacity:.65}}@media(hover:hover)and (pointer:fine){.bean-page .folder:hover .hopwrap img.hopper,.bean-page .folder:hover .hopwrap .hopshadow{animation-delay:0s}}@media(prefers-reduced-motion:reduce){.bean-page .folder.in .hopwrap img.hopper,.bean-page .folder.in .hopwrap .hopshadow{animation:none}}.rm .bean-page .hopwrap img.hopper,.rm .bean-page .hopwrap .hopshadow,.no-char-motion .bean-page .hopwrap img.hopper,.no-char-motion .bean-page .hopwrap .hopshadow{animation:none!important}@container page (max-width: 760px){.bean-page .hopwrap{grid-column:2;grid-row:1 / span 2;width:96px;height:130px;margin-bottom:-56px}.bean-page .hopwrap img.hopper{width:96px;height:130px}.bean-page .hopshadow{width:44px;margin-left:-22px}}.bean-page .slot .folder.has-road{min-height:0;padding-top:36px;padding-bottom:92px;align-content:start}.bean-page .road{position:absolute;left:0;right:0;bottom:0;height:100%;overflow:hidden;pointer-events:none}.bean-page .road:before{content:"";position:absolute;left:0;right:0;bottom:0;height:44px;background:#a9b42c;z-index:2}.bean-page .road:after{content:"";position:absolute;left:0;right:0;bottom:20px;height:3px;z-index:2;background:repeating-linear-gradient(90deg,#E9EDBF 0 34px,transparent 34px 70px);opacity:.8}.bean-page .slot .folder.has-road>img{position:absolute;grid-column:auto;grid-row:auto;max-width:none;left:auto;right:var(--m);top:0;bottom:0;width:auto;height:100%;margin:0;object-fit:contain;object-position:50% 100%;z-index:3}.bean-page .road .mini{position:absolute;left:0;bottom:6px;width:172px;opacity:0;z-index:4;will-change:transform}.bean-page .folder .road .mini img{display:block;width:100%;height:auto;margin:0;object-fit:fill;justify-self:auto;transform-origin:70% 100%}.bean-page .road .marks{position:absolute;bottom:8px;height:14px;width:0;z-index:3;clip-path:inset(0 0 0 100%);background:linear-gradient(#24261a 0 0) 0 2px / 100% 3px no-repeat,linear-gradient(#24261a 0 0) 0 10px / 100% 3px no-repeat;opacity:0}.bean-page .road .puff{position:absolute;width:22px;height:22px;margin-left:-11px;border-radius:50%;background:#f1efe6;filter:blur(1.6px);z-index:5}.bean-page .slot .folder.has-road>h3,.bean-page .slot .folder.has-road>p{position:relative;z-index:6;max-width:calc(100% - 210px)}@container page (max-width: 760px){.bean-page .slot .folder.has-road{padding-top:30px;padding-bottom:82px}.bean-page .road:before{height:38px}.bean-page .road:after{bottom:17px}.bean-page .slot .folder.has-road>img{right:0}.bean-page .road .mini{width:120px;bottom:5px}.bean-page .road .puff{width:16px;height:16px;margin-left:-8px}.bean-page .slot .folder.has-road>h3,.bean-page .slot .folder.has-road>p{max-width:calc(100% - 172px)}.bean-page .slot .folder.has-road>h3{font-size:34px}.bean-page .slot .folder.has-road{padding-top:24px;padding-bottom:76px}}@container page (max-width: 380px){.bean-page .slot .folder.has-road>h3{font-size:28px}.bean-page .slot .folder.has-road>p{font-size:14px}}@container page (max-width: 340px){.bean-page .slot .folder.has-road>img{top:auto;height:auto;width:42%}.bean-page .slot .folder.has-road>h3,.bean-page .slot .folder.has-road>p{max-width:56%}}@media(prefers-reduced-motion:reduce){.bean-page .road .mini{opacity:1}}.bean-page .slot .folder{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-content:end;align-items:start;column-gap:32px;row-gap:12px}.bean-page .slot .folder>h3{grid-column:1;grid-row:1;align-self:end;text-transform:inherit}.bean-page .slot .folder>p{grid-column:1;grid-row:2;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;font-size:17px;opacity:.92}.bean-page .slot .folder>img,.bean-page .slot .folder>.hopwrap{grid-column:2;grid-row:1 / span 2;align-self:end}@container page (max-width: 760px){.bean-page .slot .folder{column-gap:12px}.bean-page .slot .folder>p{font-size:15px}}:root .bean-page .slot[data-ch=teddy]{--pw:320px;--over:140px}.bean-page .peekbox{top:auto!important;bottom:0;height:calc(var(--pw) * 1.0203);overflow:visible;clip-path:inset(-400px -400px 0 -400px)}.bean-page .folder.has-peek{min-height:calc(var(--pw) * 1.0203 - var(--over))}.bean-page .peekfig{position:absolute;top:0;right:0;bottom:0;left:0;display:block;transform:translateY(102%);transform-origin:60% 100%;filter:drop-shadow(2.5px 0 0 #FBF6EA) drop-shadow(-2.5px 0 0 #FBF6EA) drop-shadow(0 2.5px 0 #FBF6EA) drop-shadow(0 -2.5px 0 #FBF6EA) drop-shadow(0 10px 14px rgba(30,12,4,.35))}.bean-page .folder .peekbox .peekfig img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;grid-column:auto;grid-row:auto;margin:0;object-fit:contain;object-position:50% 100%;max-width:none}.bean-page .peekfig .peekarm{transform-origin:8.05% 73.61%}.bean-page .folder.in .peekfig{animation:peekUp .9s cubic-bezier(.34,1.56,.64,1) .35s forwards,nuzzle 5.2s cubic-bezier(.77,0,.175,1) 2.6s infinite}.bean-page .folder.in .peekfig .peekarm{animation:teddyWave 5.2s 1.5s infinite}@keyframes nuzzle{0%,52%{rotate:0deg}60%{rotate:-1.8deg}70%{rotate:.6deg}78%,to{rotate:0deg}}@keyframes teddyWave{0%{transform:rotate(0);animation-timing-function:cubic-bezier(.3,0,.5,1)}6%{transform:rotate(-4deg);animation-timing-function:cubic-bezier(.45,0,.55,1)}14%{transform:rotate(11deg);animation-timing-function:cubic-bezier(.45,0,.55,1)}22%{transform:rotate(-3deg);animation-timing-function:cubic-bezier(.45,0,.55,1)}30%{transform:rotate(9deg);animation-timing-function:cubic-bezier(.45,0,.55,1)}38%{transform:rotate(-2deg);animation-timing-function:cubic-bezier(.45,0,.55,1)}46%{transform:rotate(5deg);animation-timing-function:cubic-bezier(.23,1,.32,1)}56%,to{transform:rotate(0)}}@media(hover:hover)and (pointer:fine){.bean-page .folder.has-peek:hover .peekfig{translate:0 -8px;transition:translate .35s var(--ease-out)}.bean-page .folder.has-peek .peekfig{transition:translate .35s var(--ease-out)}}@media(prefers-reduced-motion:reduce){.bean-page .peekfig,.bean-page .folder.in .peekfig,.bean-page .folder.in .peekfig .peekarm{animation:none!important;transform:none}}.rm .bean-page .peekfig,.rm .bean-page .peekfig .peekarm,.no-char-motion .bean-page .peekfig,.no-char-motion .bean-page .peekfig .peekarm{animation:none!important;transform:none!important}@container page (max-width: 760px){:root:root .bean-page .slot[data-ch=teddy]{--pw:150px;--over:0px}:root .bean-page .chapters-head+.slot[data-ch=teddy]{margin-top:62px}.bean-page .peekbox{top:auto!important;bottom:14px!important;right:14px;height:calc(var(--pw) * 1.0203);clip-path:none}.bean-page .slot .folder.has-peek{padding-right:calc(var(--pw) + 28px);padding-top:30px;min-height:calc(var(--pw) * 1.0203 + 28px)}.bean-page .slot .folder.has-peek>h3,.bean-page .slot .folder.has-peek>p{max-width:none}.bean-page .peekfig{transform:scale(.6) rotate(-8deg);opacity:0}.bean-page .folder.in .peekfig{animation:slap .55s cubic-bezier(.34,1.56,.64,1) .3s forwards,nuzzle 5.2s cubic-bezier(.77,0,.175,1) 2.4s infinite}}@keyframes slap{to{transform:none;opacity:1}}:root .bean-page .slot[data-ch=tweed]{--kh:300px}.bean-page .kickbox{position:absolute;right:calc(var(--m) + 2% + 340px);bottom:0;height:var(--kh);width:calc(var(--kh) / 1.5283);pointer-events:none;z-index:2;clip-path:inset(-400px -400px 0 -400px)}.bean-page .kickfig{position:absolute;top:0;right:0;bottom:0;left:0;display:block;transform:translateY(102%);filter:drop-shadow(0 10px 12px rgba(20,10,4,.35))}.bean-page .folder .kickbox .kickfig img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;max-width:none;object-fit:contain;object-position:50% 100%;grid-column:auto;grid-row:auto}.bean-page .kickfig .kickleg{transform-origin:65.37% 38.33%}.bean-page .kickshadow{position:absolute;left:58%;bottom:-4px;width:32%;height:12px;border-radius:50%;background:#00000059;filter:blur(3px)}.bean-page .folder.in .kickfig{animation:peekUp .85s cubic-bezier(.34,1.56,.64,1) .3s forwards,kickBody 5s 1.6s infinite}.bean-page .folder.in .kickfig .kickleg{animation:kickLeg 5s 1.6s infinite}.bean-page .folder.in .kickshadow{animation:kickShadow 5s 1.6s infinite}@keyframes kickLeg{0%{transform:rotate(0);animation-timing-function:cubic-bezier(.45,0,.55,1)}10%{transform:rotate(-14deg);animation-timing-function:cubic-bezier(.2,.9,.3,1)}17%{transform:rotate(3.5deg);animation-timing-function:cubic-bezier(.45,0,.55,1)}23%{transform:rotate(0);animation-timing-function:cubic-bezier(.45,0,.55,1)}33%{transform:rotate(-12deg);animation-timing-function:cubic-bezier(.2,.9,.3,1)}40%{transform:rotate(3deg);animation-timing-function:cubic-bezier(.45,0,.55,1)}47%,to{transform:rotate(0)}}@keyframes kickBody{0%,13%{translate:0 0}17%{translate:0 -4px}23%,36%{translate:0 0}40%{translate:0 -3px}47%,to{translate:0 0}}@keyframes kickShadow{0%,13%{transform:scaleX(1);opacity:1}17%{transform:scaleX(.88);opacity:.75}23%,36%{transform:scaleX(1);opacity:1}40%{transform:scaleX(.9);opacity:.8}47%,to{transform:scaleX(1);opacity:1}}@media(hover:hover)and (pointer:fine){.bean-page .folder.has-kick:hover .kickfig .kickleg,.bean-page .folder.has-kick:hover .kickfig,.bean-page .folder.has-kick:hover .kickshadow{animation-delay:0s}}@container page (max-width: 1180px){:root .bean-page .slot[data-ch=teddy]{--pw:260px;--over:110px}:root .bean-page .slot[data-ch=tweed]{--kh:240px}.bean-page .kickbox{right:calc(var(--m) + 2% + 276px)}.bean-page .slot .folder.has-kick>h3,.bean-page .slot .folder.has-kick>p{max-width:calc(100% - 2% - 276px - var(--kh) / 1.5283 - 24px)}}@container page (max-width: 760px){:root .bean-page .slot[data-ch=tweed]{--kh:224px}.bean-page .kickbox{right:4px}.bean-page .slot .folder.has-kick>h3,.bean-page .slot .folder.has-kick>p{max-width:calc(100% - 150px)}.bean-page .kickfig{transform:scale(.6) rotate(6deg);opacity:0}.bean-page .folder.in .kickfig{animation:slap .55s cubic-bezier(.34,1.56,.64,1) .3s forwards,kickBody 5s 1.4s infinite}}@container page (max-width: 900px){:root:root .bean-page .slot[data-ch=tweed]{--kh:184px}.bean-page .kickbox{right:var(--m)}.bean-page .slot .folder.has-kick>h3,.bean-page .slot .folder.has-kick>p{max-width:calc(100% - var(--kh) / 1.5283 - 20px)}}@container page (max-width: 760px){:root:root .bean-page .slot[data-ch=tweed]{--kh:186px}.bean-page .kickbox{right:4px}.bean-page .slot .folder.has-kick>h3,.bean-page .slot .folder.has-kick>p{max-width:calc(100% - var(--kh) / 1.5283 - 8px)}}@media(prefers-reduced-motion:reduce){.bean-page .kickfig,.bean-page .folder.in .kickfig,.bean-page .folder.in .kickfig .kickleg,.bean-page .folder.in .kickshadow{animation:none!important;transform:none;opacity:1}}.rm .bean-page .kickfig,.rm .bean-page .kickfig .kickleg,.rm .bean-page .kickshadow,.no-char-motion .bean-page .kickfig,.no-char-motion .bean-page .kickfig .kickleg,.no-char-motion .bean-page .kickshadow{animation:none!important;transform:none!important;opacity:1!important}.bean-page #chapters{overflow-x:clip}.bean-page .night-ch{--fb:#1A1220}.bean-page .night-ch .set.bedroom{background:#120c10;overflow:hidden;cursor:none;outline-offset:4px;aspect-ratio:700/540}@media(hover:none){.bean-page .night-ch .set.bedroom{cursor:pointer}}.bean-page .bedroom .room{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.bean-page .bedroom .room.back{z-index:0}.bean-page .bedroom .bedbean{position:absolute;left:36%;width:25%;bottom:37.5%;z-index:1;height:auto}.bean-page .bedroom .room.front{z-index:2}.bean-page .bedroom .hiding-ted{position:absolute;left:79%;top:1%;width:11%;height:auto;z-index:3;transition:left .8s cubic-bezier(.34,1.3,.64,1),top .8s cubic-bezier(.65,0,.35,1),width .8s ease}.bean-page .bedroom .hiding-ted.lit{filter:drop-shadow(0 0 10px rgba(255,236,170,.75))}.bean-page .bedroom .hiding-ted.carried{left:47%;top:44%;width:9%;z-index:1}.bean-page .bedroom .hiding-ted.inbed{top:47%}.bean-page .bedroom .led{position:absolute;left:12.5%;top:62%;z-index:6;background:#0b0606;border-radius:6px;padding:4px 8px 2px;display:flex;flex-direction:column;align-items:center;box-shadow:0 0 0 2px #2a1712,0 0 22px #ff3c2859}.bean-page .bedroom .led span{font-family:var(--stamp);font-weight:700;font-size:clamp(16px,2.4vw,30px);color:#ff4a33;text-shadow:0 0 8px rgba(255,74,51,.85);font-variant-numeric:tabular-nums;letter-spacing:.04em}.bean-page .bedroom .led small{font-size:8px;color:#7a5a52;letter-spacing:.1em}.bean-page .bedroom .led.blink span{animation:blink .14s steps(1) 1}.bean-page .bedroom .led.ringing{animation:ledRing .09s linear 10}@keyframes ledRing{0%,to{translate:0 0}50%{translate:2px -1px}}.bean-page .bedroom .night{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;overflow:hidden;transition:opacity .18s ease-out}.bean-page .bedroom .beam{position:absolute;left:0;top:0;width:2400px;height:2400px;margin:-1200px 0 0 -1200px;will-change:transform;background:radial-gradient(circle at 50% 50%,rgba(255,236,190,.07) 0,rgba(255,236,190,.03) 60px,transparent 86px,rgba(6,6,16,.55) 118px,rgba(6,6,16,.94) 156px)}@container page (max-width: 760px){.bean-page .bedroom .beam{background:radial-gradient(circle at 50% 50%,rgba(255,236,190,.07) 0,transparent 62px,rgba(6,6,16,.55) 86px,rgba(6,6,16,.94) 116px)}}.bean-page .bedroom.lightson .beam{opacity:0}.bean-page .bedroom.lightson .night{background:#28140038}.bean-page .bedroom.lightson .torchhint{opacity:0}.bean-page .bedroom.lightson{cursor:default}.bean-page .bedroom .torchhint{position:absolute;left:50%;bottom:6%;translate:-50% 0;z-index:7;margin:0;font-family:var(--serif)!important;font-style:italic;font-size:20px;color:#e8dcc0;transition:opacity .4s ease;pointer-events:none}.bean-page .bedroom .torchhint.gone{opacity:0}.bean-page .bedroom .tedtarget{position:absolute;left:76%;top:0;width:17%;height:34%;z-index:8;background:transparent;border:0;cursor:pointer;border-radius:12px}.bean-page .bedroom .tedtarget:focus-visible{outline:3px solid var(--mini)}.bean-page .bedroom.quake .room,.bean-page .bedroom.quake .bedbean{animation:quake .09s linear 8}.bean-page .night-ch .steps{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;font-size:16px;color:var(--fs);counter-reset:s}.bean-page .night-ch .steps li{counter-increment:s;display:flex;gap:10px;align-items:center}.bean-page .night-ch .steps li:before{content:counter(s);width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;border:1.5px solid currentColor;flex:none}.bean-page .night-ch .steps li.now{color:var(--fc);font-weight:600}.bean-page .night-ch .steps li.ok{text-decoration:line-through;text-decoration-color:#e73f50;text-decoration-thickness:2px}.bean-page .night-ch .steps li.ok:before{content:"\2713";background:#e73f50;border-color:#e73f50;color:#fff}@container page (max-width: 760px){.bean-page .night-ch .set.bedroom{aspect-ratio:700/540}.bean-page .bedroom .torchhint{font-size:16px}.bean-page .night-ch .steps{grid-row:4}.bean-page .night-ch .controls{grid-row:5}.bean-page .night-ch .readout{grid-row:6}.bean-page .night-ch .result{grid-row:7}.bean-page .night-ch .insp{grid-row:8}.bean-page .night-ch .links{grid-row:9}}@media(prefers-reduced-motion:reduce){.bean-page .bedroom .hiding-ted{transition:none}.bean-page .bedroom.quake .room,.bean-page .bedroom.quake .bedbean,.bean-page .bedroom .led.ringing{animation:none}}.bean-page .chapters-head{position:relative}.bean-page .chapters-head h2{font-size:clamp(52px,6vw,96px);font-weight:600;letter-spacing:-.025em;line-height:.9;font-family:Bricolage,Arial Narrow,Helvetica Neue,Arial,sans-serif!important}.bean-page .timeline{margin-top:40px;max-width:880px;position:relative}.bean-page .tl-track{position:absolute;left:7px;right:7px;top:6px;height:2px;background:#f2eee62e}.bean-page .tl-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:#e73f50;transform-origin:0 50%;transform:scaleX(0);transition:transform 1.1s cubic-bezier(.23,1,.32,1) .2s}.bean-page .tl-now{position:absolute;top:-26px;left:0;translate:-50% 0;transition:left 1.1s cubic-bezier(.23,1,.32,1) .2s}.bean-page .tl-now b{display:block;font-family:var(--stamp);font-weight:700;font-size:12px;letter-spacing:.06em;color:#e73f50;text-transform:uppercase}.bean-page .tl-now:after{content:"";position:absolute;left:50%;top:16px;width:2px;height:12px;margin-left:-1px;background:#e73f50}.bean-page .timeline ol{list-style:none;margin:0;padding:0;position:relative;height:76px}.bean-page .timeline li{position:absolute;top:0}.bean-page .timeline li:nth-child(1){left:0}.bean-page .timeline li:nth-child(2){left:calc((100% - 14px) / 3)}.bean-page .timeline li:nth-child(3){left:calc((100% - 14px) * 2 / 3)}.bean-page .timeline li:nth-child(4){right:0;text-align:right}.bean-page .timeline a{display:inline-flex;flex-direction:column;gap:3px;color:var(--on-ground);text-decoration:none;padding-bottom:4px}.bean-page .timeline li:last-child a{align-items:flex-end}.bean-page .tl-dot{width:14px;height:14px;border-radius:50%;background:var(--ground);box-shadow:inset 0 0 0 2px #f2eee673;margin-bottom:10px;transition:box-shadow .2s ease,background-color .2s ease}.bean-page .timeline a.open .tl-dot{background:#e73f50;box-shadow:inset 0 0 0 2px #e73f50}.bean-page .timeline strong{font-family:var(--serif)!important;font-weight:600;font-size:26px;line-height:1}.bean-page .timeline a>strong+span{font-size:15px;color:var(--on-ground-soft)}@media(hover:hover)and (pointer:fine){.bean-page .timeline a:hover strong{color:#f0c9a0}.bean-page .timeline a:hover .tl-dot{box-shadow:inset 0 0 0 2px #f0c9a0}}.bean-page .timeline a:focus-visible{outline:3px solid var(--mini);outline-offset:4px}.bean-page .slot .folder{overflow:visible}.bean-page .slot .folder .expno{position:absolute;left:calc(var(--m) - .04em);top:50%;translate:0 -50%;font-family:var(--stamp);font-weight:700;font-size:clamp(120px,15vw,220px);line-height:.8;letter-spacing:-.03em;color:currentColor;opacity:.07;pointer-events:none;z-index:0}.bean-page .slot .folder>h3,.bean-page .slot .folder>p{position:relative;z-index:1}.bean-page .slot .folder>p .goal{flex-basis:100%}.bean-page .slot .folder .lockstamp{display:inline-flex;align-items:center;gap:7px;font-family:var(--stamp);font-weight:700;font-size:14px;letter-spacing:.05em;text-transform:uppercase;border:2px solid currentColor;padding:4px 9px 3px;transform:rotate(-2.5deg);opacity:.92}.bean-page .slot .folder .lockstamp svg{width:14px;height:14px}.bean-page .slot .folder .until{font-family:var(--serif)!important;font-style:italic;font-size:19px;opacity:.85}.bean-page .folder.in .lockstamp{animation:lockSlam .42s cubic-bezier(.2,.9,.3,1.25) .45s both}@keyframes lockSlam{0%{opacity:0;transform:rotate(-9deg) scale(1.6)}60%{opacity:1;transform:rotate(-1.5deg) scale(.96)}to{opacity:.92;transform:rotate(-2.5deg) scale(1)}}.bean-page .slot[data-ch=tweed] .folder.in .lockstamp{animation-delay:.55s}.bean-page .slot[data-ch=motor] .folder.in .lockstamp{animation-delay:.65s}@container page (max-width: 760px){.bean-page .chapters-head h2{font-size:44px}.bean-page .timeline{margin-top:34px}.bean-page .timeline ol{height:70px}.bean-page .timeline strong{font-size:19px}.bean-page .timeline a>strong+span{font-size:12px;line-height:1.25;max-width:10ch}.bean-page .timeline li:last-child a>strong+span{text-align:right}.bean-page .slot .folder .expno{font-size:110px;top:auto;bottom:6px;translate:0 0}.bean-page .slot .folder .lockstamp{font-size:12px}.bean-page .slot .folder .until{font-size:16px}}@media(prefers-reduced-motion:reduce){.bean-page .folder.in .lockstamp{animation:none}.bean-page .tl-fill,.bean-page .tl-now{transition:none}}.rm .bean-page .folder.in .lockstamp{animation:none!important}.bean-page .slot[data-ch=teddy] .peekbox{right:calc(var(--pw) * -.086 - 1px)!important}.bean-page .slot[data-ch=teddy] .peekfig{transform:translate(108%) rotate(7deg);transform-origin:100% 100%}.bean-page .slot[data-ch=teddy] .folder.in .peekfig{animation:popRight .78s cubic-bezier(.34,1.45,.64,1) .3s forwards,nuzzle 5.2s cubic-bezier(.77,0,.175,1) 2.6s infinite}@keyframes popRight{0%{transform:translate(108%) rotate(7deg)}62%{transform:translate(-3%) rotate(-1.6deg)}82%{transform:translate(1%) rotate(.5deg)}to{transform:translate(0) rotate(0)}}@container page (max-width: 760px){.bean-page .slot[data-ch=teddy] .peekbox{right:calc(var(--pw) * -.086 - 1px)!important;bottom:0!important}.bean-page .slot[data-ch=teddy] .peekfig{opacity:1;transform:translate(108%) rotate(7deg)}.bean-page .slot[data-ch=teddy] .folder.in .peekfig{animation:popRight .7s cubic-bezier(.34,1.45,.64,1) .25s forwards,nuzzle 5.2s cubic-bezier(.77,0,.175,1) 2.4s infinite}.bean-page .slot[data-ch=teddy] .folder.has-peek{min-height:calc(var(--pw) * 1.0203 + 14px)}}@media(prefers-reduced-motion:reduce){.bean-page .slot[data-ch=teddy] .peekfig,.bean-page .slot[data-ch=teddy] .folder.in .peekfig{animation:none!important;transform:none!important;opacity:1!important}}.rm .bean-page .slot[data-ch=teddy] .peekfig,.no-char-motion .bean-page .slot[data-ch=teddy] .peekfig{animation:none!important;transform:none!important;opacity:1!important}.bean-page .slot[data-ch=teddy] .peekfig,.bean-page .slot[data-ch=teddy] .folder.in .peekfig{animation:none!important;transform:none!important;opacity:1!important;translate:none!important}.bean-page .slot[data-ch=teddy] .peekbox{clip-path:inset(-400px -400px 0 -400px)!important;bottom:0!important}.bean-page .slot[data-ch=teddy] .folder.in .peekfig .peekarm{animation:teddyWave 5.2s .8s infinite}.bean-page .slot[data-ch=teddy] .peekfig{filter:drop-shadow(-4px -4px 10px rgba(30,12,4,.3))!important}:root .bean-page .slot[data-ch=tweed] .kickbox{right:auto!important;left:calc(58% + 110px - var(--kh) / 1.5283 * .73);bottom:38px}.bean-page .slot .folder.has-kick>h3,.bean-page .slot .folder.has-kick>p{max-width:calc(58% + 110px - var(--kh) / 1.5283 * .73 - var(--m) - 28px)!important}@container page (max-width: 760px){:root .bean-page .slot[data-ch=tweed] .kickbox{left:calc(100% - 95px - var(--kh) / 1.5283 * .73);bottom:32px}.bean-page .slot .folder.has-kick>h3,.bean-page .slot .folder.has-kick>p{max-width:calc(100% - 95px - var(--kh) / 1.5283 * .73 - 14px)!important}.bean-page .slot .folder.has-kick>h3{font-size:36px}}@keyframes teddyWave2{0%{transform:rotate(0) skew(0);animation-timing-function:cubic-bezier(.45,0,.55,1)}5%{transform:rotate(-4deg) skew(1.2deg);animation-timing-function:cubic-bezier(.3,0,.2,1)}11%{transform:rotate(12deg) skew(-4deg);animation-timing-function:cubic-bezier(.4,0,.6,1)}14%{transform:rotate(10.5deg) skew(2.2deg);animation-timing-function:cubic-bezier(.45,0,.55,1)}19%{transform:rotate(-2deg) skew(3deg);animation-timing-function:cubic-bezier(.4,0,.6,1)}22%{transform:rotate(-.5deg) skew(-1.6deg);animation-timing-function:cubic-bezier(.45,0,.55,1)}27%{transform:rotate(9.5deg) skew(-3deg);animation-timing-function:cubic-bezier(.4,0,.6,1)}30%{transform:rotate(8deg) skew(1.8deg);animation-timing-function:cubic-bezier(.45,0,.55,1)}35%{transform:rotate(-1deg) skew(2.2deg);animation-timing-function:cubic-bezier(.4,0,.6,1)}38%{transform:rotate(.5deg) skew(-1deg);animation-timing-function:cubic-bezier(.45,0,.55,1)}43%{transform:rotate(6deg) skew(-2deg);animation-timing-function:cubic-bezier(.4,0,.6,1)}47%{transform:rotate(5deg) skew(1deg);animation-timing-function:cubic-bezier(.23,1,.32,1)}56%{transform:rotate(0) skew(.4deg);animation-timing-function:ease-out}62%,to{transform:rotate(0) skew(0)}}.bean-page .slot[data-ch=teddy] .folder.in .peekfig .peekarm{animation:teddyWave2 4.6s .8s infinite!important;will-change:transform}.bean-page .road .marks{display:none!important}.bean-page .slot .folder,.bean-page .chapter{background-image:radial-gradient(80% 140% at 18% -10%,rgba(255,236,205,.13) 0%,rgba(255,236,205,.04) 40%,transparent 70%),linear-gradient(180deg,#ffffff05,#0000001a)}.bean-page .slot .folder>h3,.bean-page .chapter h2,.bean-page .chapters-head h2{font-weight:600;letter-spacing:-.025em}.bean-page .slot .folder>h3{font-size:clamp(44px,4.2vw,64px);line-height:.92}.bean-page #collection{background:#0e0c0a}.bean-page .c-head{position:relative;background:radial-gradient(70% 90% at 22% 55%,rgba(255,214,160,.18),transparent 60%);padding-bottom:clamp(56px,7vw,110px)}.bean-page .c-char{background:transparent!important}.bean-page .c-char img{filter:drop-shadow(-20px 24px 36px rgba(0,0,0,.6))}.bean-page .c-copy h1{font-weight:600;letter-spacing:-.03em}.bean-page .lineup{gap:2px;background:#0e0c0a}.bean-page .plinth{position:relative;background:radial-gradient(60% 55% at 50% 38%,rgba(255,240,215,.16) 0%,rgba(255,240,215,.05) 42%,transparent 70%),#141210!important;color:#f2eee6!important;padding:64px 28px 46px!important;gap:12px;overflow:hidden}.bean-page .plinth:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--acc)}.bean-page .pl-teddy{--acc:#9C6234}.bean-page .pl-tweed{--acc:#B8322A}.bean-page .pl-motor{--acc:#C8D43F}.bean-page .plinth img{width:min(100%,330px)!important;position:relative;z-index:1;filter:drop-shadow(0 26px 22px rgba(0,0,0,.55));transition:transform .6s cubic-bezier(.23,1,.32,1)}.bean-page .plinth:after{content:"";position:absolute;left:50%;top:calc(46px + min(100%,330px)*1.5);width:56%;height:22px;margin-left:-28%;border-radius:50%;background:#0009;filter:blur(14px);z-index:0}@media(hover:hover)and (pointer:fine){.bean-page .plinth:hover img{transform:translateY(-6px) scale(1.015)}}.bean-page .plinth h2{font-weight:600!important;font-size:clamp(40px,3.4vw,56px)!important;letter-spacing:-.02em;margin-top:6px!important}.bean-page .plinth .from{font-family:var(--serif)!important;font-style:italic;font-size:19px!important;opacity:.85}.bean-page .plinth .bean-price{color:#a99c8a;font-size:15px!important}.bean-page .plinth .shop{--pb:#141210;--pc:#F2EEE6}.bean-page .plinth .shop:not(.ghost){background:#f2eee6;color:#141210}.bean-page .arriving .lineup .plinth img{opacity:0;transform:translateY(18px) scale(.98)}.bean-page .arrived .lineup .plinth img{opacity:1;transform:none;transition:opacity .9s ease,transform 1.1s cubic-bezier(.23,1,.32,1)}.bean-page .arrived .lineup .plinth:nth-child(2) img{transition-delay:.15s}.bean-page .arrived .lineup .plinth:nth-child(3) img{transition-delay:.3s}.bean-page .story{background:#0e0c0a!important;border-top:1px solid #1E1B17}.bean-page .s-pic{background:radial-gradient(55% 55% at 50% 45%,rgba(255,240,215,.14),transparent 70%),#121010!important}.bean-page .s-pic img.front{filter:drop-shadow(0 30px 26px rgba(0,0,0,.6))}.bean-page .s-text h3{font-weight:600!important;letter-spacing:-.025em}.bean-page .specs{gap:0!important}.bean-page .specs dt,.bean-page .specs dd{padding:12px 0;border-top:1px solid #2A2621}.bean-page .specs dt{padding-right:24px}@container page (max-width: 760px){.bean-page .plinth{padding:48px 20px 36px!important}.bean-page .plinth:after{top:394px}}@media(prefers-reduced-motion:reduce){.bean-page .arriving .lineup .plinth img{opacity:1;transform:none}.bean-page .plinth img{transition:none}}.bean-page .reveal{background:radial-gradient(70% 70% at 50% 45%,#4a3a2c,#1e1712 70%)!important}.bean-page .reveal .r-env{background-image:var(--bean-paper)!important;background-size:100% 100%!important;background-repeat:no-repeat!important;background-position:0 0!important;aspect-ratio:760/700;width:260px;filter:drop-shadow(0 20px 30px rgba(0,0,0,.5))}.bean-page .reveal .r-env:after{display:none!important}.bean-page .reveal .line{font-weight:600;letter-spacing:-.03em;font-size:clamp(56px,9vw,150px)!important}.bean-page .timeline a{position:relative}.bean-page .chapters-head,.bean-page .timeline{z-index:30}.bean-page .tl-note{position:absolute;z-index:20;width:min(270px,calc(100vw - 40px));background:#ffe27a;color:#151513;padding:16px 18px 14px;box-shadow:6px 6px #0000008c;border:2px solid #151513;transform-origin:50% 0;font-family:Beany,Bradley Hand,Comic Sans MS,cursive}.bean-page .tl-note:before{content:"";position:absolute;left:42%;top:-11px;width:64px;height:20px;background:#f2eee6bf;transform:rotate(-4deg);border:1px solid rgba(0,0,0,.1)}.bean-page .tl-note .tl-say{margin:0;font-size:1.55rem;line-height:1.08;color:#151513!important;max-width:none!important}.bean-page .tl-note .tl-go{display:inline-block;margin-top:10px;font-family:var(--sans)!important;font-size:13px;font-weight:600;color:#151513;text-underline-offset:3px}.bean-page .tl-note.pop{animation:tlPop .5s cubic-bezier(.3,1.5,.5,1) both}@keyframes tlPop{0%{opacity:0;transform:translateY(-14px) rotate(calc(var(--tilt) * 3)) scale(.86)}60%{opacity:1;transform:translateY(3px) rotate(calc(var(--tilt) * -.4)) scale(1.02)}to{opacity:1;transform:rotate(var(--tilt))}}.bean-page .tl-note.peel{animation:tlPeel .32s cubic-bezier(.55,0,.9,.45) forwards}@keyframes tlPeel{to{opacity:0;transform:translateY(-10px) rotate(calc(var(--tilt) * -4)) scale(.92)}}.bean-page .timeline a.tl-sleep .tl-dot{animation:tlDroop 2.6s cubic-bezier(.45,0,.55,1) both}@keyframes tlDroop{0%{transform:none}25%{transform:translateY(5px) scale(.9);opacity:.55}75%{transform:translateY(5px) scale(.9);opacity:.55}82%{transform:translateY(-6px) scale(1.15);opacity:1}to{transform:none}}.bean-page .tl-z{position:absolute;left:4px;top:-6px;font-family:Beany,Comic Sans MS,cursive;font-size:22px;color:#f0c9a0;pointer-events:none;animation:tlZ 1.9s ease-out forwards}@keyframes tlZ{0%{opacity:0;transform:translateY(4px) rotate(-8deg)}20%{opacity:1}to{opacity:0;transform:translate(var(--zx,18px),-46px) rotate(12deg)}}.bean-page .timeline a.tl-swing strong{display:inline-block;transform-origin:50% 0;animation:tlSwing 1.6s cubic-bezier(.36,0,.66,1) both}@keyframes tlSwing{15%{transform:rotate(16deg)}35%{transform:rotate(-11deg)}55%{transform:rotate(7deg)}75%{transform:rotate(-3deg)}to{transform:none}}.bean-page .timeline a.tl-upside strong{display:inline-block;animation:tlUpside 2.2s cubic-bezier(.3,1.4,.5,1) both}@keyframes tlUpside{15%,70%{transform:rotate(180deg)}to{transform:none}}.bean-page .tl-mini{position:absolute;top:-21px;left:0;width:58px;height:auto;opacity:0;pointer-events:none;transform-origin:50% 100%}.bean-page .tl-now.tl-rush{animation:tlRush 1.8s cubic-bezier(.45,0,.2,1) both}@keyframes tlRush{40%{translate:var(--rush,200px) 0}52%{translate:var(--rush,200px) 0}to{translate:0 0}}.bean-page .tl-late{position:absolute;right:-8px;top:-30px;font-family:var(--stamp);font-weight:700;font-size:15px;letter-spacing:.06em;color:#e73f50;border:2.5px solid currentColor;padding:2px 7px 1px;transform:rotate(-12deg);pointer-events:none;animation:tlLate 2.4s cubic-bezier(.2,.9,.3,1.3) both}@keyframes tlLate{0%{opacity:0;transform:rotate(-24deg) scale(1.8)}14%{opacity:1;transform:rotate(-10deg) scale(.95)}20%{transform:rotate(-12deg) scale(1)}80%{opacity:1}to{opacity:0;transform:rotate(-12deg)}}@media(prefers-reduced-motion:reduce){.bean-page .tl-note.pop,.bean-page .tl-note.peel{animation:none;transform:rotate(var(--tilt))}.bean-page .timeline a.tl-sleep .tl-dot,.bean-page .timeline a.tl-swing strong,.bean-page .timeline a.tl-upside strong,.bean-page .tl-now.tl-rush{animation:none}.bean-page .tl-z{animation:none;opacity:0}}.no-char-motion .bean-page .folder .peekbox img.peek{animation:none!important;transform:none!important}@container page (min-width: 761px){.bean-page .chapters-head{padding-right:calc(min(19vw,258px) + var(--m) + 4%)}}@container page (max-width: 760px){.bean-page .slot[data-ch=teddy]{--pw:150px;--over:92px}.bean-page .peekbox{right:10px}.bean-page .folder.has-peek{grid-template-columns:1fr;padding-right:calc(var(--pw) + 16px)}}.bean-page .folder .state{display:inline-flex;gap:8px;align-items:center}.bean-page .folder .state svg{width:16px;height:16px}.bean-page .chapters-head+.slot{margin-top:56px}.bean-page .chapters-head+.slot[data-ch=teddy]{margin-top:calc(var(--over) + 16px)}.bean-page .slot[data-ch=teddy]{--fb:#6B4226;--fc:#F2EEE6;--tab:var(--m)}.bean-page .slot[data-ch=tweed]{--fb:#3A3028;--fc:#F2EEE6;--tab:34%}.bean-page .slot[data-ch=motor]{--fb:#C8D43F;--fc:#151513;--tab:58%}.bean-page .chapter{position:relative}.bean-page .chapter:before{content:"";position:absolute;top:-38px;left:var(--tab);width:220px;height:40px;background:var(--fb);clip-path:polygon(10% 0,90% 0,100% 100%,0 100%)}.bean-page .slot[data-ch=tweed] .chapter{--fb:#3A3028}.bean-page .chapter h2{font-family:var(--serif)!important;font-weight:500;font-size:clamp(52px,5.4vw,88px);line-height:.92;letter-spacing:-.02em;margin:0}.bean-page .side h2{grid-row:auto}.bean-page .scene-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.bean-page .thud .scene-wrap{animation:thud .2s var(--ease-out) 1}@keyframes thud{0%{translate:0 4px}to{translate:0 0}}.bean-page .quake .scene-wrap{animation:quake .09s linear 8}@keyframes quake{0%,to{translate:0 0}25%{translate:-2px 1px}50%{translate:2px -1px}75%{translate:-1px -1px}}.bean-page .lcd.blink{animation:blink .14s steps(1) 1}@keyframes blink{50%{opacity:.25}}.bean-page .rings{opacity:0}.bean-page .ringing .rings{animation:rings .36s ease-out 6}@keyframes rings{0%{opacity:0}30%{opacity:1}to{opacity:0}}.bean-page .done .result{display:inline-block;animation:slam .38s var(--ease-out) 1}@keyframes slam{0%{opacity:0;transform:rotate(-9deg) scale(1.35)}60%{opacity:1;transform:rotate(-3deg) scale(.97)}to{transform:rotate(-4deg) scale(1)}}.bean-page .nope{animation:nope .24s var(--ease-out) 1}@keyframes nope{25%{translate:-4px 0}50%{translate:4px 0}75%{translate:-2px 0}}.bean-page .car{transition:none}.bean-page .b{position:relative}@media(hover:hover)and (pointer:fine){.bean-page .b:hover{opacity:.9}.bean-page .b.ghost:hover{box-shadow:inset 0 0 0 3px var(--fc)}}.bean-page #final{display:none;background:#151513;color:#f2eee6;padding:clamp(64px,8vw,120px) var(--m)}:root[data-state=final] .bean-page #final{display:block}.bean-page #final h2{font-family:var(--serif)!important;font-weight:500;font-size:clamp(52px,6.6vw,95px);line-height:.92;letter-spacing:-.02em;margin:0 0 28px}.bean-page .stamps{display:flex;flex-wrap:wrap;gap:24px 40px}.bean-page .stamps span{font-family:var(--stamp);font-weight:700;letter-spacing:.05em;font-size:22px;padding:8px 14px;border:4px solid;transform:rotate(-3deg)}.bean-page .stamps span:nth-child(1){color:#f0c9a0}.bean-page .stamps span:nth-child(2){color:#e9dccb;transform:rotate(2deg)}.bean-page .stamps span:nth-child(3){color:#c8d43f;transform:rotate(-1deg)}.bean-page #collection{background:#151513;color:#f2eee6}.bean-page .c-head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;padding:clamp(40px,6vw,96px) var(--m) clamp(48px,6vw,96px);align-items:end}.bean-page .c-char{grid-column:1 / span 4;background:#232220;aspect-ratio:4/5;position:relative;overflow:hidden}.bean-page .c-char img{position:absolute;left:0;bottom:0;width:100%;height:92%;object-fit:contain;object-position:bottom}.bean-page .c-copy{grid-column:6 / span 7;display:flex;flex-direction:column;gap:24px;padding-bottom:12px}.bean-page .c-copy h1{font-size:clamp(64px,7.4vw,120px)}.bean-page .c-copy p{margin:0;font-size:20px;max-width:40ch;color:#d8cdbd}.bean-page .lineup{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.bean-page .plinth{background:var(--pb);color:var(--pc);padding:48px 32px 40px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.bean-page .plinth img{width:min(100%,300px);height:auto;aspect-ratio:532/825;object-fit:contain;margin-bottom:18px}.bean-page .plinth h2{font-family:var(--serif)!important;font-weight:500;font-size:52px;line-height:1;margin:0}.bean-page .plinth .from{margin:0;font-size:15px;opacity:.85}.bean-page .plinth .bean-price{margin:6px 0 10px;font-size:17px}.bean-page .plinth .row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.bean-page .pl-teddy{--pb:#6B4226;--pc:#F2EEE6}.bean-page .pl-tweed{--pb:#3A3028;--pc:#F2EEE6}.bean-page .pl-motor{--pb:#C8D43F;--pc:#151513}.bean-page .shop{min-height:52px;padding:0 22px;border:0;border-radius:0;background:var(--pc);color:var(--pb);font-size:16px;font-weight:600;cursor:pointer;transition:transform .12s var(--ease-out)}.bean-page .shop.ghost{background:transparent;color:var(--pc);box-shadow:inset 0 0 0 2px var(--pc);text-decoration:none;display:inline-flex;align-items:center}.bean-page .shop:active{transform:scale(.97)}.bean-page .story{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;padding:clamp(64px,8vw,128px) var(--m);align-items:center;background:#151513}.bean-page .story:nth-of-type(2n) .s-pic{order:2}.bean-page .s-pic{grid-column:span 6;position:relative;aspect-ratio:1/1;background:#1e1d1b;display:flex;align-items:center;justify-content:center;overflow:hidden}.bean-page .s-pic img{position:absolute;max-height:84%;max-width:70%;object-fit:contain;transition:opacity .32s ease,transform .5s var(--ease-out)}.bean-page .s-pic .back{opacity:0;transform:scale(.94) rotate(-8deg);max-height:56%}.bean-page .s-pic.turned .front{opacity:0;transform:scale(.94) rotate(8deg)}.bean-page .s-pic.turned .back{opacity:1;transform:scale(1) rotate(0)}.bean-page .s-text{grid-column:8 / span 5;display:flex;flex-direction:column;gap:20px}.bean-page .story:nth-of-type(2n) .s-text{grid-column:1 / span 5;order:1}.bean-page .story:nth-of-type(2n) .s-pic{grid-column:7 / span 6}.bean-page .s-text h3{font-family:var(--serif)!important;font-weight:500;font-size:clamp(52px,5.4vw,88px);line-height:.92;letter-spacing:-.02em;margin:0}.bean-page .s-text .line{margin:0;font-family:var(--serif)!important;font-style:italic;font-size:30px;color:#d8cdbd}.bean-page .specs{margin:0;display:grid;grid-template-columns:auto 1fr;gap:10px 24px;font-size:17px}.bean-page .specs dt{color:#a79d90}.bean-page .specs dd{margin:0}.bean-page .turn{align-self:flex-start;background:none;border:0;color:#f2eee6;text-decoration:underline;text-underline-offset:4px;font-size:15px;padding:10px 0;cursor:pointer;min-height:44px}.bean-page .s-text .shop{--pc:#F2EEE6;--pb:#151513;align-self:flex-start}.bean-page .how{background:var(--ground)}.bean-page .toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));translate:-50% 16px;max-width:min(560px,calc(100vw - 32px));background:#fbf6ea;color:#151513;padding:14px 18px;font-size:15px;opacity:0;pointer-events:none;transition:opacity .2s ease,translate .24s var(--ease-out);z-index:60}.bean-page .toast.on{opacity:1;translate:-50% 0}.bean-page .reveal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#4a3e33;display:none;overflow:hidden}.bean-page .reveal.on{display:block}.bean-page .reveal .obj{position:absolute}.bean-page .reveal .r-clock{left:12%;top:18%;width:200px}.bean-page .reveal .r-env{left:44%;top:-30%;width:300px;aspect-ratio:1.48;background:#fbf6ea}.bean-page .reveal .r-env:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#f4ecdc;clip-path:polygon(0 0,100% 0,50% 58%)}.bean-page .reveal .r-map{right:8%;top:38%;width:340px;transform-origin:0 50%}.bean-page .reveal .r-tie{left:30%;bottom:6%;width:60px;transform-origin:50% 0}.bean-page .reveal .black{position:absolute;top:0;right:0;bottom:0;left:0;background:#151513;opacity:0}.bean-page .reveal .line{position:absolute;left:var(--m);right:var(--m);top:50%;translate:0 -50%;margin:0;font-family:var(--serif)!important;font-weight:500;font-size:clamp(56px,8vw,132px);line-height:.92;letter-spacing:-.02em;color:#f2eee6;text-align:center;opacity:0}.bean-page .reveal .skipr{position:absolute;right:16px;top:calc(16px + env(safe-area-inset-top,0px));background:#00000059;color:#f2eee6;border:0;padding:10px 14px;min-height:44px;font-size:15px;cursor:pointer}.bean-page .lineup .plinth,.bean-page .c-copy>*,.bean-page .c-char{opacity:1}.bean-page .arriving .lineup .plinth,.bean-page .arriving .c-copy>*,.bean-page .arriving .c-char{opacity:0;translate:0 28px}.bean-page .arrived .lineup .plinth,.bean-page .arrived .c-copy>*,.bean-page .arrived .c-char{opacity:1;translate:0 0;transition:opacity .6s ease,translate .8s var(--ease-out)}@container page (max-width: 760px){.bean-page .chapters-head{padding:64px 20px 24px}.bean-page .chapters-head h2{font-size:40px}.bean-page .folder{grid-template-columns:minmax(0,1fr) 96px;min-height:150px;padding:30px 20px 56px;gap:12px}.bean-page .folder h3{font-size:40px}.bean-page .folder img{grid-column:2;grid-row:1 / span 2;width:96px;height:130px;margin-bottom:-56px}.bean-page .folder:before,.bean-page .chapter:before{width:150px;height:34px;top:-32px}.bean-page .slot[data-ch=tweed]{--tab: calc(50% - 75px) }.bean-page .slot[data-ch=motor]{--tab: calc(100% - 170px) }.bean-page .slot[data-ch=teddy]{--tab:20px}.bean-page .chapter h2{grid-row:1;font-size:clamp(44px,12.5vw,56px)}.bean-page .c-head{grid-template-columns:1fr;row-gap:28px;padding:28px 20px 48px}.bean-page .c-char{grid-column:1;grid-row:2;aspect-ratio:1/1;max-width:300px}.bean-page .c-copy{grid-column:1;grid-row:1}.bean-page .c-copy h1{font-size:clamp(52px,14vw,64px)}.bean-page .lineup{grid-template-columns:1fr}.bean-page .plinth{padding:40px 20px 36px}.bean-page .plinth img{width:220px}.bean-page .story{grid-template-columns:1fr;row-gap:28px;padding:64px 20px}.bean-page .s-pic,.bean-page .story:nth-of-type(2n) .s-pic{grid-column:1;order:0}.bean-page .s-text,.bean-page .story:nth-of-type(2n) .s-text{grid-column:1;order:1}.bean-page .s-text h3{font-size:52px}.bean-page .s-text .line{font-size:26px}.bean-page .reveal .r-clock{width:120px;left:6%}.bean-page .reveal .r-env{width:200px;left:30%}.bean-page .reveal .r-map{width:200px;right:4%}.bean-page #final h2{font-size:52px}.bean-page .stamps span{font-size:18px}}@media(prefers-reduced-motion:reduce){.bean-page .thud .scene-wrap,.bean-page .quake .scene-wrap,.bean-page .lcd.blink,.bean-page .ringing .rings,.bean-page .nope,.bean-page .done .result{animation:none!important}.bean-page .s-pic img{transition:opacity .25s ease!important;transform:none!important}.bean-page .arriving .lineup .plinth,.bean-page .arriving .c-copy>*,.bean-page .arriving .c-char{translate:0 0}}.rm .bean-page .thud .scene-wrap,.rm .bean-page .quake .scene-wrap,.rm .bean-page .lcd.blink,.rm .bean-page .ringing .rings,.rm .bean-page .nope,.rm .bean-page .done .result{animation:none!important}.bean-page .bean-placeholder{width:100%;height:100%;display:block;background:#2a2622;fill:#5a5048}.bean-page .h2-bean .bean-placeholder{height:100%}.bean-page .bean-hidden,.bean-page .review[hidden]{display:none!important}.bean-page .chapters-head{--wall:#F1EADD;--ink:#1C1814;--red:#C8323A;--lime:#C8D43F;--bh:204px;--bold:"Bricolage Grotesque", "Archivo Narrow", "Arial Narrow", Arial, sans-serif;position:relative;text-align:center;color:var(--ink);padding:clamp(56px,5vw,76px) var(--m) clamp(56px,5vw,72px)!important;background:linear-gradient(180deg,#3c1e0a29 0,#3c1e0a00 46px),radial-gradient(80% 90% at 50% 38%,#fff9,#fff0 70%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .26 0 0 0 0 .16 0 0 0 .13 0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)'/%3E%3C/svg%3E") 0 0 / 220px 220px,var(--wall)}.bean-page .chapters-head>h2,.bean-page .chapters-head>p,.bean-page .chapters-head>.timeline{position:relative;z-index:1}.bean-page .chapters-head h2{font-family:Bricolage,Arial Narrow,Helvetica Neue,Arial,sans-serif!important;font-weight:800;font-size:clamp(52px,6.2vw,96px);line-height:.88;letter-spacing:-.045em;color:var(--ink)}.bean-page .chapters-head>p{margin:14px auto 0;max-width:none;font-family:var(--serif)!important;font-style:italic;font-weight:500;font-size:clamp(20px,1.8vw,25px);line-height:1.3;color:#5a4a3c;text-wrap:balance}.bean-page .timeline{max-width:1080px;margin:calc(var(--bh) + 18px) auto 0}.bean-page .timeline:before{content:"";position:absolute;left:-6%;right:-6%;top:8px;height:110px;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#4a3e3317,#4a3e3300);-webkit-mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.bean-page .timeline ol{height:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.bean-page .timeline li,.bean-page .timeline li:nth-child(n){position:relative;left:auto;right:auto;top:auto;text-align:center;display:flex;justify-content:center}.bean-page .timeline a,.bean-page .timeline li:last-child a{align-items:center;gap:6px;padding:0 6px 6px;color:var(--ink)}.bean-page .tl-track{left:12.5%;right:12.5%;top:7px;height:2px;background:#1c181447;z-index:2}.bean-page .tl-fill{background:var(--ink);height:3px;top:-.5px}.bean-page .tl-dot{width:16px;height:16px;margin:0 0 12px;border-radius:50%;background:var(--wall);box-shadow:inset 0 0 0 2.5px var(--ink),0 0 0 5px var(--wall);position:relative;z-index:3}.bean-page .timeline a.open .tl-dot{background:var(--lime)}.bean-page .timeline li:last-child .tl-dot{background:var(--red);box-shadow:inset 0 0 0 2.5px var(--ink),0 0 0 5px var(--wall),0 0 0 7px #c8323a59}.bean-page .timeline strong{font-family:var(--bold)!important;font-weight:800;font-size:clamp(30px,2.7vw,40px);letter-spacing:-.045em;line-height:.95;color:var(--ink);transition:color .2s ease}.bean-page .timeline a>strong+span{font-family:var(--serif);font-style:italic;font-weight:500;font-size:20px;color:#5a4a3c}.bean-page .timeline li:last-child strong{padding:1px 9px 3px;background:var(--lime);rotate:-3deg}@media(hover:hover)and (pointer:fine){.bean-page .timeline a:hover strong{color:var(--red)}.bean-page .timeline li:last-child a:hover strong{color:var(--ink)}.bean-page .timeline a:hover .tl-dot{box-shadow:inset 0 0 0 2.5px var(--red),0 0 0 5px var(--wall)}}.bean-page .timeline a:focus-visible{outline:3px solid var(--ink);outline-offset:6px}.bean-page .tl-now{top:auto;bottom:1px;translate:none;width:0;height:0;z-index:4}.bean-page .tl-now b,.bean-page .tl-now:after{display:none}.bean-page .tl-now.tl-rush{animation:none}.bean-page .bean{position:absolute;left:0;bottom:-3px;width:calc(var(--bh) * .991);height:var(--bh);translate:-74.5% 0;pointer-events:none}.bean-page .bean-bob{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:74.5% 100%}.bean-page .bean-img{display:block;width:100%;height:100%;filter:drop-shadow(0 8px 10px rgba(40,22,8,.22));transform-origin:74.5% 100%}.bean-page .bean.left .bean-img{transform:scaleX(-1)}.bean-page .bean-shadow{position:absolute;left:52%;width:46%;bottom:-5px;height:12px;border-radius:50%;background:#28160847;filter:blur(5px)}.bean-page .bean.walking .bean-bob{animation:beanStep .42s cubic-bezier(.45,0,.55,1) infinite}@keyframes beanStep{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-7px) rotate(-1.6deg)}50%{transform:translateY(0) rotate(0)}75%{transform:translateY(-7px) rotate(1.6deg)}}.bean-page .bean.arrived .bean-bob{animation:beanHop .5s cubic-bezier(.3,1.6,.5,1)}@keyframes beanHop{40%{transform:translateY(-14px) rotate(-3deg)}}.bean-page .tl-mini{top:-24px;z-index:5}.bean-page .tl-z{left:calc(50% + 14px);top:-12px;color:var(--ink)}.bean-page .tl-late{right:auto;left:calc(50% + 14px);top:-26px;color:var(--red)}@media(prefers-reduced-motion:reduce){.bean-page .bean.walking .bean-bob,.bean-page .bean.arrived .bean-bob{animation:none}}@container page (max-width: 760px){.bean-page .chapters-head{--bh:112px;padding:48px 12px!important}.bean-page .chapters-head h2{font-size:46px}.bean-page .chapters-head>p{font-size:18px;max-width:30ch}.bean-page .timeline a,.bean-page .timeline li:last-child a{padding:0 2px 4px;gap:4px}.bean-page .timeline strong{font-size:21px;letter-spacing:-.03em}.bean-page .timeline li:last-child strong{padding:1px 5px 2px}.bean-page .timeline a>strong+span{font-size:14px;line-height:1.15;max-width:9ch}.bean-page .timeline li:last-child a>strong+span{text-align:center}}[data-type_header_accent_transform=true] .bean-page .label,[data-type_header_accent_transform=true] .bean-page label,[data-type_header_capitalize=true] .bean-page .bean-btn,[data-type_header_capitalize=true] .bean-page .h2-btn,[data-type_header_capitalize=true] .bean-page .rem-submit{font-family:inherit;letter-spacing:inherit;text-transform:inherit}
/*# sourceMappingURL=/cdn/shop/t/22/assets/bean-oclock.css.map */
