@font-face{font-family:Krona One Local;src:url(/fun/fonts/KronaOne-Regular-latin.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Gaegu;src:url(/fun/fonts/Gaegu-Bold-latin.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}.fun-zone{--fz-paper:#f7f3ec;--fz-ink:#1b1512;--fz-shadow:#161214;--fz-cream:#faf4e8;--fz-white:#fff;--fz-page-block:#f0e4cc;--fz-sky:#8ec5f0;--fz-sky-deep:#3478bc;--fz-sky-palest:#a8d4f5;--fz-riso-blue:#62a6e4;--fz-riso-blue-dk:#3a76c4;--fz-riso-blue-lt:#80bef0;--fz-riso-yellow:#fad634;--fz-riso-red:#ce2e34;--fz-riso-pink-hot:#f462a0;--fz-riso-pink-lt:#f7a6bc;--fz-paint-pink:#ff4096;--fz-paint-lilac:#9256ec;--fz-paint-yellow:#ffce00;--fz-paint-blue:#1688ff;--fz-paint-orange:#ff7c12;--fz-paint-white:#fcfaf4;--fz-paint-red:#ec1e32;--site-black:#080808;--site-brown:#4e3b31;--site-brown-hover:#3f2f27;--site-on-brown:#faf8f6;--site-text:#3f3f3f;--site-muted:#69615c;--site-link:#a3442c;--site-link-hover:#73301f;--site-line:#ded8d3;--site-cream:#fff8ec;--site-hero-bg:#eeeef0;--fz-font-title:"Krona One Local", "Krona One", "Portfolio Public Sans", Arial, sans-serif;--fz-font-body:"Portfolio Inter", Inter, Arial, sans-serif;--fz-font-ui:"Portfolio Public Sans", Arial, sans-serif;--fz-font-label:"Gaegu", "Portfolio Inter", Arial, sans-serif;--fz-reading:clamp(18px, 1.45vw, 20px);--fz-control:44px;--fz-ease-ui:cubic-bezier(.16, 1, .3, 1);--fz-ease-move:cubic-bezier(.65, 0, .35, 1);--fz-ease-pan:cubic-bezier(.37, 0, .63, 1);--fz-ease-pen:cubic-bezier(.5, 1, .89, 1);--fz-t-letter-title:45ms;--fz-t-letter-name:35ms;--fz-t-letter-lesson:25ms;--fz-t-word:90ms;--fz-t-stamp:.1s;--fz-t-read:.5s;--fz-t-underline:.35s;--fz-t-underline-hold:.6s;--fz-t-fade:.35s;--fz-t-lift:.26s;--fz-t-turn:.7s;--fz-t-pan:.8s;--fz-t-boil-step:.125s}.fz-ink-title{--fz-small:0;--_ow:calc(.078em * (1 - var(--fz-small)) + max(.0496em, 1.5px) * var(--fz-small));--_sh:calc(.094em * (1 - var(--fz-small)) + .057em * var(--fz-small));--_dx:calc(.023em * (1 - var(--fz-small)) + .5px * var(--fz-small));--_dy:calc(-.016em * (1 - var(--fz-small)) - .5px * var(--fz-small));font-synthesis:none;text-transform:uppercase;letter-spacing:calc(.02em + .05em * var(--fz-small));line-height:calc(1.26 + .08 * var(--fz-small));text-wrap:balance;color:var(--fz-cream);margin:0;display:grid;font-family:var(--fz-font-title)!important;font-weight:400!important}.fz-ink-title>.fz-ink,.fz-ink-title>.fz-fill{grid-area:1/1}.fz-ink-title>.fz-ink{color:var(--fz-ink);-webkit-text-fill-color:var(--fz-ink);-webkit-text-stroke:calc(2 * var(--_ow)) var(--fz-ink);filter:url(#fz-ink-wobble) drop-shadow(var(--_sh) var(--_sh) 0 var(--fz-shadow));-webkit-user-select:none;user-select:none}.fz-ink-title>.fz-fill{color:var(--fz-cream);-webkit-text-stroke:0;transform:translate(var(--_dx), var(--_dy))}.fz-ink-title .fz-accent{color:var(--fz-sky)}.fz-ink-title--white>.fz-fill{color:var(--fz-white)}.fz-ink-title--lg{--fz-small:0}.fz-ink-title--md{--fz-small:.5}.fz-ink-title--sm{--fz-small:1}.fz-ink-title--sm>.fz-ink{filter:url(#fz-ink-wobble-sm) drop-shadow(var(--_sh) var(--_sh) 0 var(--fz-shadow))}.fz-stamp{opacity:0;animation:fz-stamp-letter var(--fz-t-stamp) step-end forwards;animation-delay:calc(var(--i,0) * var(--fz-t-letter-title));display:inline-block}.fz-stamp--word{animation-name:fz-stamp-word;animation-delay:calc(var(--i,0) * var(--fz-t-word))}@keyframes fz-stamp-letter{0%{opacity:1;transform:scale(1.15) rotate(var(--r,0deg))}33%{opacity:1;transform:scale(1.06) rotate(calc(var(--r,0deg) / 2))}67%,to{opacity:1;transform:none}}@keyframes fz-stamp-word{0%{opacity:1;transform:scale(1.25) rotate(var(--r,0deg))}33%{opacity:1;transform:scale(1.08) rotate(calc(var(--r,0deg) / 2))}67%,to{opacity:1;transform:none}}.fz-scribble path{fill:none;stroke:var(--fz-ink);stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px}.fz-scribble{filter:url(#fz-ink-wobble-sm);overflow:visible}.fz-scribble.is-drawing .fz-scribble-main{animation:fz-draw calc(var(--fz-t-underline) * .8) var(--fz-ease-pen) var(--fz-t-read) forwards}.fz-scribble.is-drawing .fz-scribble-flick{animation:fz-draw calc(var(--fz-t-underline) * .2) var(--fz-ease-pen) calc(var(--fz-t-read) + var(--fz-t-underline) * .8) forwards}@keyframes fz-draw{to{stroke-dashoffset:0}}.fz-boil{animation:fz-boil calc(3 * var(--fz-t-boil-step)) infinite step-end}@keyframes fz-boil{0%{filter:url(#fz-boil-0)}33.333%{filter:url(#fz-boil-1)}66.667%{filter:url(#fz-boil-2)}}.fz-label{font-family:var(--fz-font-label);color:var(--fz-ink);text-shadow:none;font-size:max(22px,1.375rem);font-weight:700;line-height:1.2}.fz-label--on-photo{color:var(--fz-cream);text-shadow:1px 1px 1.6px #14100e99}.fz-body{font-family:var(--fz-font-body);font-size:var(--fz-reading);color:var(--site-text);line-height:1.65}@media (prefers-reduced-motion:reduce){.fun-zone *,.fun-zone :before,.fun-zone :after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.fz-stamp{opacity:1;animation:none!important}.fz-boil{animation:none!important}.fz-scribble path{stroke-dashoffset:0;animation:none!important}}@layer base{.fun-zone :is(h1,h2,h3,p).fz-ink-title{font-family:var(--fz-font-title)!important;font-weight:400!important}}.fun-zone{--fz-radius:20px;--book-w:220px;--book-h:300px;--fz-page-bg:#fff repeating-linear-gradient(90deg, transparent 0, transparent calc(10% - 1px), #f4f4f4 10%) center top / min(100%, 1680px) 100% no-repeat;background:var(--fz-page-bg);color:var(--site-text);min-height:100vh;font-family:var(--fz-font-ui);overflow:visible}.fun-nav-bar{width:min(1546px,92%);margin:0 auto;padding:clamp(22px,3vw,36px) 0 0}.fun-nav{justify-content:space-between;align-items:center;gap:16px;font-size:12px;display:flex}.fun-nav-center{align-items:center;gap:7px;display:flex}.fun-nav-item{align-items:center;gap:7px;display:inline-flex}.fun-zone .fun-nav a{color:var(--site-black);align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.fun-zone .fun-nav a[aria-current=page]{font-weight:650}.fun-zone .fun-nav a:focus-visible,.fun-zone .fun-menu-open:focus-visible,.fun-zone .fun-menu button:focus-visible{outline:2px solid var(--site-black);outline-offset:4px}.fun-contact{background:var(--site-brown);border:1px solid var(--site-brown);letter-spacing:.075em;justify-content:center;min-height:44px;padding:0 15px;font-size:11px;font-weight:500;line-height:1;color:var(--site-on-brown)!important}.fun-contact:hover{background:var(--site-brown-hover);border-color:var(--site-brown-hover)}.fun-menu-open{background:var(--site-brown);min-height:44px;color:var(--site-on-brown);cursor:pointer;border:0;justify-content:center;align-items:center;padding:0 15px;display:none}.fun-menu{width:min(340px,90vw);max-width:90vw;height:100dvh;max-height:100dvh;color:var(--site-black);background:#fff;border:0;margin:0;padding:28px 24px;position:fixed;inset:0 0 0 auto;overflow:auto;box-shadow:-20px 0 60px #0003}.fun-menu::backdrop{background:#08080899}.fun-menu[open]{flex-direction:column;display:flex}.fun-menu-top{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.fun-menu h2{margin:0;font-size:20px;font-family:Portfolio Public Sans,Arial,sans-serif!important;font-weight:500!important}.fun-menu-top button{background:var(--site-brown);width:44px;height:44px;color:var(--site-on-brown);cursor:pointer;border:0;place-items:center;display:grid}.fun-menu nav{flex-direction:column;gap:4px;display:flex}.fun-zone .fun-menu nav a{color:var(--site-black);align-items:center;min-height:48px;font-size:24px;font-weight:500;text-decoration:none;display:flex}.fun-menu-actions{flex-direction:column;gap:12px;margin-top:auto;padding-top:32px;display:flex}.fun-zone .fun-menu-actions a{background:var(--site-brown);min-height:44px;color:var(--site-on-brown);letter-spacing:.075em;text-transform:uppercase;align-items:center;padding:0 15px;font-size:11px;font-weight:500;text-decoration:none;display:flex}.fun-zone-main{width:min(1546px,92%);margin:0 auto;padding:clamp(36px,5vw,64px) 0 clamp(72px,10vw,120px)}.fun-zone .fun-zone-title{font-family:var(--fz-font-ui);letter-spacing:-.02em;color:var(--site-black);text-align:left;text-transform:none;margin:0 0 clamp(28px,4vw,48px);font-size:clamp(36px,5.4vw,76px);font-weight:400;line-height:1.2}.fun-gallery{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);justify-content:start;align-items:start;gap:clamp(28px,4vw,48px);display:grid}.piece-card{background:var(--fz-paper);border:1px solid var(--site-line);border-radius:var(--fz-radius);min-width:0;overflow:hidden;box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005}.piece-card-frame{position:relative}.piece-expand{z-index:6;border:1px solid var(--site-line);background:var(--fz-cream);width:44px;height:44px;color:var(--fz-ink);cursor:pointer;border-radius:12px;place-items:center;padding:0;display:grid;position:absolute;top:10px;right:10px}.piece-expand-icon{display:block}.fun-zone .piece-expand:focus-visible,.fun-zone .piece-close:focus-visible{outline:2px solid var(--site-black);outline-offset:4px}.piece-preview{position:relative;overflow:hidden}.piece-stage{transform-origin:0 0;position:absolute;top:0;left:0}.piece-card-label{font-family:var(--fz-font-label);color:var(--fz-ink);text-align:center;margin:0;padding:4px 20px 18px;font-size:20px;font-weight:700;line-height:1.2}.piece-modal{background:var(--fz-paper);width:100%;max-width:none;height:100%;max-height:none;color:var(--site-text);border:0;margin:0;padding:0;overflow:visible}.piece-modal::backdrop{background:var(--fz-paper)}.piece-modal-body{box-sizing:border-box;flex-direction:column;justify-content:center;width:min(1080px,100% - 64px);min-height:100%;margin:0 auto;padding:72px 0 48px;display:flex;position:relative}.piece-modal .fun-piece{flex-direction:column;justify-content:center;width:100%;padding:0;display:flex}.piece-close{z-index:2;border:1px solid var(--site-line);background:var(--fz-paper);min-height:44px;color:var(--fz-ink);font-family:var(--fz-font-body);cursor:pointer;border-radius:999px;padding:0 16px;font-size:15px;position:fixed;top:20px;right:24px}.fun-piece{min-height:0;padding:clamp(24px,4vw,44px) 0 clamp(16px,2vw,24px)}.piece-card .fun-piece{padding-top:72px}.fun-piece-fallback{min-height:560px}.ink-filters{width:0;height:0;position:absolute}.fun-zone .fun-piece .fz-ink-title--md{text-align:center;margin:0;padding:0 clamp(24px,4vw,44px) .16em;font-size:clamp(32px,4.4vw,58px)}.fun-zone .type-on{text-align:left;margin:0;padding-bottom:.55em;font-size:clamp(22px,2.6vw,40px)}.fz-word{white-space:nowrap}.fz-stamp.fz-stamp--lesson{animation-delay:calc(var(--i,0) * var(--fz-t-letter-lesson))}.fz-line{text-align:center;width:max-content;max-width:100%;margin-inline:auto;display:block}.fz-key{width:max-content;max-width:100%;display:inline-block;position:relative}.fz-scribble{pointer-events:none;width:104%;height:.42em;position:absolute;top:calc(100% - .08em);left:-2%}.type-on .fz-scribble.is-drawing .fz-scribble-main{animation-delay:0s}.type-on .fz-scribble.is-drawing .fz-scribble-flick{animation-delay:calc(var(--fz-t-underline) * .8)}.bookshelf{perspective:2200px;margin-top:10px;padding-bottom:168px;position:relative;overflow:visible}.bookshelf-blur{background:var(--fz-paper);filter:blur();transition:filter var(--fz-t-lift) var(--fz-ease-move)}.bookshelf[data-open=true] .bookshelf-blur{filter:blur(8px)}.bookshelf-wash{z-index:2;background:var(--fz-paper);opacity:0;pointer-events:none;transition:opacity var(--fz-t-lift) var(--fz-ease-move);position:absolute;inset:0}.bookshelf[data-open=true] .bookshelf-wash{opacity:.68}.bookshelf-overlay{z-index:5;box-sizing:border-box;pointer-events:none;flex-direction:column;justify-content:flex-end;align-items:center;padding:8px 16px 4px;display:flex;position:absolute;inset:0;overflow:visible}.bookshelf-open-stack{pointer-events:none;flex-direction:column;align-items:center;width:min(100%,640px);display:flex}.bookshelf-open-book{appearance:none;pointer-events:auto;cursor:pointer;background:0 0;border:0;border-radius:0;flex:none;margin:0;padding:0}.fun-zone .bookshelf-open-book:focus{outline:none}.fun-zone .bookshelf-open-book:focus-visible{outline:1.5px solid color-mix(in srgb, var(--fz-ink) 65%, transparent);outline-offset:10px;border-radius:2px}.bookshelf-book-bleed{pointer-events:none;flex:none;width:100%}.bookshelf-lesson{z-index:1;pointer-events:auto;text-align:center;width:max-content;max-width:100%;min-height:132px;margin-top:16px;position:relative}.bookshelf-lesson .type-on{text-align:center;width:max-content;max-width:100%;margin-inline:auto}.book3d-ground{z-index:3;filter:blur(8px);pointer-events:none;background:radial-gradient(#1612146b,#16121400 70%);height:36px;position:absolute;transform:translate(-50%)}.bookshelf-scroll{overscroll-behavior-x:contain;touch-action:pan-x pan-y;cursor:grab;scrollbar-width:thin;scrollbar-color:#21171159 transparent;margin-top:4px;padding-bottom:8px;overflow-x:auto}.bookshelf-scroll:active{cursor:grabbing}.bookshelf-track{box-sizing:border-box;justify-content:center;width:max-content;min-width:100%;padding:12px clamp(16px,3vw,32px) 4px;display:flex}.bookshelf-reel{--shelf-h:clamp(300px, 46vw, 440px);height:var(--shelf-h);width:calc(var(--shelf-h) * var(--shelf-ratio,1.872));margin-inline:auto;position:relative}.book-spine-button{appearance:none;cursor:pointer;z-index:1;background:0 0;border:0;margin:0;padding:0;position:absolute}.book-spine{object-fit:fill;pointer-events:none;width:100%;height:100%;display:block}.fun-zone .book-spine-button:focus-visible{outline:2px solid var(--site-black);outline-offset:4px}.book-spine-button[data-held] .book-spine{visibility:hidden}.book3d{margin-left:calc(var(--book-w) / -2);margin-top:calc(var(--book-h) / -2);z-index:4;pointer-events:none;transform-style:preserve-3d;position:absolute;top:0;left:0}.book3d-face{backface-visibility:hidden;position:absolute;top:50%;left:50%}.book3d-cover{background:#f4efe6;overflow:hidden}.book3d-cover img,.book3d-spine-art,.book3d-page-art{object-fit:fill;pointer-events:none;width:100%;height:100%;display:block}.book3d-pages{background-color:var(--fz-page-block);overflow:hidden}.fz-sr{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=650px){.fun-nav-center,.fun-contact{display:none}.fun-nav{justify-content:flex-end}.fun-menu-open{display:inline-flex}}@media (width>=1680px){.fun-nav{font-size:15px}}@media (width<=1200px){.fun-zone .fun-piece .fz-ink-title--md{--fz-small:1}.fun-zone .fun-piece .fz-ink-title--md>.fz-ink{filter:url(#fz-ink-wobble-sm) drop-shadow(var(--_sh) var(--_sh) 0 var(--fz-shadow))}}@media (width>=768px){.piece-card .fun-piece{padding-top:120px}}@media (width<=767px){.fun-gallery{grid-template-columns:1fr}.fun-zone .fun-piece .fz-ink-title--md{--fz-small:1;font-size:clamp(26px,7.2vw,36px)}.fun-zone .fun-piece .fz-ink-title--md>.fz-ink{filter:url(#fz-ink-wobble-sm) drop-shadow(var(--_sh) var(--_sh) 0 var(--fz-shadow))}.fun-zone-main,.fun-nav-bar,.piece-modal-body{width:min(1546px,100% - 48px)}.piece-card{border-radius:16px}.bookshelf{padding-bottom:210px}.piece-modal-body{width:min(1080px,100% - 32px);padding-top:64px}.piece-close{right:16px}}@media (prefers-reduced-motion:reduce){.book-spine,.bookshelf-blur,.bookshelf-wash{transition:none!important}}
