@font-face{font-family:PP Mondwest;src:url(/fonts/PPMondwest-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:PP Mondwest;src:url(/fonts/PPMondwest-Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}:root{--ink: #000;--paper: #fff;--link: #0000ee;--guy: #c8c8c8;--anim: #9b5356;--hair: 1px;--type: "Times New Roman", Times, serif;--pixel: "PP Mondwest", serif;--u: calc(100vw / 1536)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden;background:var(--paper);color:var(--ink);font-family:var(--type)}button,a{color:inherit}.page{width:100%;height:100dvh;display:grid;grid-template-columns:16.21% minmax(0,1fr) 16.21%;grid-template-rows:calc(11.1vw + 12px) auto 3.05% 7.84% minmax(0,1fr);gap:var(--hair);padding:var(--hair);background:var(--ink)}.name,.mantra,.bio,.ope,.left,.center,.right,.left>*,.center>*,.right>*,.guy-frame,.new-guy{background:var(--paper);min-width:0}.left>.guy{background:var(--ink)}.name{grid-column:1 / -1;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding-top:12px}.name-text{font-family:var(--pixel);font-weight:700;font-size:14.4vw;line-height:.68;letter-spacing:0;white-space:nowrap;width:max-content;-webkit-font-smoothing:none}.mantra{grid-column:1 / -1;display:flex;align-items:center;overflow:hidden;padding:0}.social{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--hair);background:var(--ink);min-width:0}.social-link{display:flex;align-items:center;justify-content:center;gap:calc(8 * var(--u));padding:calc(8 * var(--u)) calc(6 * var(--u));background:var(--paper);font-family:var(--type);font-size:calc(13 * var(--u));line-height:1.2;text-align:center;text-decoration:none}.social-icon{width:calc(16 * var(--u));height:calc(16 * var(--u));flex:0 0 auto}.social-link:hover,.social-link:focus-visible{background:#f3f3f3}.social-link.is-cta{background:#005eff;color:#fff}.social-link.is-cta:hover,.social-link.is-cta:focus-visible{background:#0047cc}.marquee-copy{font-size:calc(14 * var(--u));line-height:1;letter-spacing:0}.bio{grid-column:1 / 3;margin:0;padding:calc(6 * var(--u)) calc(8 * var(--u));font-size:calc(14 * var(--u));line-height:1.25;letter-spacing:.01em;text-transform:uppercase;overflow:hidden}.ope{grid-column:3;overflow:hidden;padding:0}.ope .marquee{height:100%;white-space:normal}.ope .marquee-track{display:flex;flex-direction:column;width:100%}.ope-word{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:100%;font-family:var(--pixel);font-weight:400;font-size:calc(28 * var(--u));-webkit-font-smoothing:none}.left,.center,.right{display:grid;min-height:0;gap:var(--hair);background:var(--ink)}.left{grid-column:1;grid-row:5;grid-template-rows:auto minmax(0,1fr) calc(68 * var(--u))}.center{grid-column:2;grid-row:5;grid-template-rows:calc(84 * var(--u)) minmax(0,1fr) calc(68 * var(--u))}.right{grid-column:3;grid-row:5;grid-template-rows:auto calc(28 * var(--u)) minmax(0,1fr)}.guy{display:grid;grid-template-rows:auto calc(28 * var(--u));gap:0;background:var(--ink)}.guy-frame{aspect-ratio:1;background:var(--guy);overflow:hidden}.guy-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.new-guy{display:flex;align-items:center;justify-content:center;gap:calc(6 * var(--u));margin:0;padding:0;border:0;background:var(--paper);font-family:var(--type);font-size:calc(13 * var(--u));cursor:pointer}.new-guy:hover,.new-guy:focus-visible{background:#f3f3f3}.new-guy-icon{font-size:calc(8 * var(--u));line-height:1}.work{padding:calc(10 * var(--u)) calc(10 * var(--u)) calc(12 * var(--u));overflow:auto}.work-heading{margin:0;padding:0 0 calc(12 * var(--u));border-bottom:1px solid var(--ink);font-size:calc(12 * var(--u));font-weight:400;letter-spacing:0}.work-list{list-style:none;margin:calc(16 * var(--u)) 0 0;padding:0}.work-list li+li{margin-top:calc(18 * var(--u))}.work-item{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:calc(8 * var(--u));text-decoration:none;line-height:1.2}.work-title,.work-meta{grid-column:1;font-size:calc(13 * var(--u))}.work-title{color:var(--link)}.work-meta{color:var(--ink)}.work-arrow{grid-column:2;grid-row:1 / -1;align-self:center;font-size:calc(13 * var(--u))}.work-item:hover .work-title,.work-item:focus-visible .work-title{text-decoration:underline}.joke-cell{display:flex;align-items:center;justify-content:center;padding:calc(10 * var(--u))}.joke-btn{flex:1 1 auto;align-self:stretch;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:var(--type);font-size:calc(14 * var(--u));line-height:1;padding:0;border:1px solid var(--ink);border-radius:0;background:var(--paper);box-shadow:none;cursor:pointer}.joke-btn:hover,.joke-btn:focus-visible{background:#f3f3f3}.joke-btn:active{background:#ececec}.sparkle-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;pointer-events:none}.joke-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;overflow:hidden;background:transparent}.joke-overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffb8;opacity:0;transition:opacity 1.5s ease}.joke-overlay.is-open:before{opacity:1}.joke-overlay[hidden]{display:none}.joke-overlay-title{position:absolute;top:calc(18 * var(--u));left:0;right:0;z-index:1;margin:0;text-align:center;font-family:var(--type);font-weight:400;font-size:calc(22 * var(--u));line-height:1;text-transform:uppercase;pointer-events:none;opacity:0;transition:opacity 1.5s ease}.joke-overlay.is-open .joke-overlay-title{opacity:1}.joke-overlay-text{position:absolute;top:50%;left:0;z-index:1;margin:0;white-space:nowrap;font-family:var(--type);font-size:calc(52 * var(--u));line-height:1;opacity:0;transform:translateY(-50%);transition:opacity 1.5s ease;will-change:transform,opacity}.joke-overlay.is-open .joke-overlay-text{opacity:1}.contact{display:flex;align-items:center;overflow:hidden;padding:0}.contact-line{color:#005eff;font-size:calc(48 * var(--u));font-style:italic;line-height:1;text-decoration:none;white-space:nowrap}.contact-line a{color:inherit;font-style:inherit;text-decoration:underline;text-underline-offset:calc(6 * var(--u))}.marquee{overflow:hidden;white-space:nowrap;width:100%}.marquee-track{display:inline-flex;width:max-content;will-change:transform}.marquee-unit{flex:0 0 auto;white-space:nowrap}.canvas-cell{position:relative;min-height:0;background:#efefef;overflow:hidden}.canvas-viewport{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;touch-action:none;cursor:default;-webkit-user-select:none;user-select:none}.canvas-viewport.is-hand{cursor:grab}.canvas-viewport.is-grabbing{cursor:grabbing}.canvas-board{position:absolute;left:0;top:0;width:1920px;height:1080px;background:var(--paper);box-shadow:0 0 0 1px var(--ink);transform-origin:0 0;will-change:transform}.canvas-board.is-pencil{cursor:crosshair}.canvas-board.is-eraser{cursor:cell}#draw-canvas{display:block;width:1920px;height:1080px;touch-action:none}.tools{position:absolute;left:50%;bottom:calc(10 * var(--u));transform:translate(-50%);display:flex;border:1px solid var(--ink);background:var(--paper);z-index:2}.tool{width:calc(42 * var(--u));height:calc(42 * var(--u));padding:0;border:0;border-right:1px solid var(--ink);background:var(--paper);display:flex;align-items:center;justify-content:center;cursor:pointer}.tool:last-child{border-right:0}.tool.is-active{background:var(--link);color:var(--paper)}.tool:disabled{opacity:.35;cursor:default}.tool svg{width:calc(20 * var(--u));height:calc(20 * var(--u))}.tool span{font-size:calc(24 * var(--u));line-height:1}.tool-color{background:#000}.tool-clear{background:red;color:#fff}.color-popover{position:absolute;z-index:3;width:calc(168 * var(--u));padding:calc(8 * var(--u));border:1px solid var(--ink);background:var(--paper);transform:translate(-50%)}.color-popover[hidden]{display:none}.color-popover canvas{display:block;width:100%;cursor:crosshair}#color-sv{height:calc(112 * var(--u));border:1px solid var(--ink)}#color-hue{height:calc(12 * var(--u));margin-top:calc(8 * var(--u));border:1px solid var(--ink);cursor:ew-resize}.color-hex-row{display:flex;align-items:center;gap:calc(8 * var(--u));margin-top:calc(8 * var(--u));font-size:calc(12 * var(--u));letter-spacing:.04em}.color-hex-row input{flex:1;min-width:0;height:calc(24 * var(--u));padding:0 calc(6 * var(--u));border:1px solid var(--ink);background:var(--paper);font-family:inherit;font-size:calc(13 * var(--u));letter-spacing:.04em;text-transform:uppercase}.icons{display:flex;align-items:center;justify-content:space-between;padding:0 calc(10 * var(--u));overflow:hidden}.icons a{flex:1 1 0;text-align:center;text-decoration:none;font-size:calc(26 * var(--u));line-height:1}.icons a:hover,.icons a:focus-visible{color:var(--link)}.clock-cell{padding:0;overflow:hidden;aspect-ratio:1;width:100%}.clock{position:relative;width:100%;height:100%;box-sizing:border-box;border:1px solid var(--ink);border-radius:50%}.clock-face{display:block;width:100%;height:100%;touch-action:none;-webkit-user-select:none;user-select:none}.clock-face circle{pointer-events:none}.clock-face circle,.clock-face line{vector-effect:non-scaling-stroke}.hand-hit{stroke:transparent;stroke-width:14px;stroke-linecap:round;cursor:grab;pointer-events:stroke}.clock.is-grabbing,.clock.is-grabbing *{cursor:grabbing}#hour-hand,#minute-hand,#second-hand{stroke:var(--ink);stroke-linecap:butt;pointer-events:none}#hour-hand{stroke-width:1.5px}#minute-hand,#second-hand{stroke-width:1px}.clock-12,.clock-meta{position:absolute;left:0;right:0;text-align:center;font-family:var(--type);font-size:calc(13 * var(--u));line-height:1.15;pointer-events:none}.clock-12{top:9%}.clock-meta{top:auto;bottom:10%}.clock-city,.clock-digital{font-size:inherit}.temp{display:flex;align-items:center;justify-content:center;padding:0;font-size:calc(12 * var(--u))}.anim-cell{min-height:0;padding:0;overflow:hidden}.anim{width:100%;height:100%;background:var(--anim);overflow:hidden}.anim video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}@media(max-width:1023px){:root{--u: 1px}html,body{height:auto;overflow:auto}.page{height:auto;min-height:100dvh;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto;grid-template-areas:"name name" "social social" "contact contact" "mantra mantra" "bio bio" "ope ope" "left right" "canvas canvas" "icons icons"}.name{grid-area:name}.name-text{display:flex;flex-direction:column;align-items:center;width:100%;white-space:normal;font-size:36vw;line-height:.72}.name-space{display:none}.name-line{width:max-content;white-space:nowrap}.social{grid-area:social}.social-link{min-height:44px;font-size:13px;padding:10px 6px;gap:8px}.social-icon{width:16px;height:16px}.mantra{grid-area:mantra}.bio{grid-area:bio;overflow:visible}.ope{grid-area:ope;height:56px}.left{grid-area:left;grid-template-rows:auto minmax(0,1fr) auto}.right{grid-area:right;grid-template-rows:auto auto minmax(0,1fr)}.work{overflow:visible}.joke-cell{min-height:68px}.center{display:contents}.contact{grid-area:contact;min-height:84px}.canvas-cell{grid-area:canvas;height:min(70vh,420px)}.icons{grid-area:icons;display:grid;grid-template-columns:repeat(9,minmax(0,1fr));min-height:0;overflow:visible;padding:8px 6px 12px;row-gap:8px;column-gap:0}.icons a{flex:none;display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 4px;font-size:28px}.temp{min-height:28px}.anim-cell{aspect-ratio:auto;min-height:0}}@media(max-width:479px){.social{grid-template-columns:1fr}}