@font-face{font-family:'Cornerman 1';src:url(/fonts/cornerman-1.woff2) format('woff2');font-display:swap}
@font-face{font-family:'Cornerman 2';src:url(/fonts/cornerman-2.woff2) format('woff2');font-display:swap}
@font-face{font-family:'Cornerman 3';src:url(/fonts/cornerman-3.woff2) format('woff2');font-display:swap}
@font-face{font-family:'Cornerman 4';src:url(/fonts/cornerman-4.woff2) format('woff2');font-display:swap}

:root{--pad:40px;--paper:#fbfaf6;--ink:#141417;--red:#d62420;--red-lt:#ff6a64;--muted:#8a8a90;--line:#3a3a40;--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;overflow-x:clip}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto !important}
body{margin:0;background:var(--paper);color:var(--ink);font-family:'Cornerman 3',sans-serif;overflow-x:clip}
img{max-width:100%}
a{color:var(--ink)}
button{font:inherit}
:focus-visible{outline:3px solid var(--red);outline-offset:3px}

.yokai{font-family:'Cornerman 1',sans-serif;font-weight:400}
.squeeze{font-family:'Cornerman 2',sans-serif}
.brut{font-family:'Cornerman 4',serif}
.red{color:var(--red)}
.wrap{width:100%}
@media (max-width:1024px){:root{--pad:24px}}
@media (max-width:760px){:root{--pad:16px}}
.lp-dots{background-image:radial-gradient(circle,var(--ink) 1.4px,transparent 1.6px);background-size:8px 8px;background-color:var(--paper)}
.lp-dark{background:var(--ink)}

/* animations */
@keyframes lp-blink{0%,90%,100%{transform:scaleY(1)}95%{transform:scaleY(.1)}}
@keyframes lp-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes lp-lines{from{background-position:0 0}to{background-position:-240px 0}}
@keyframes lp-pop{from{transform:scale(.9) rotate(-2deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}
.lp-eye{transform-box:fill-box;transform-origin:center;animation:lp-blink 3.6s infinite}
.lp-marquee{animation:lp-marquee 24s linear infinite}
.lp-slow{animation:lp-marquee 70s linear infinite}
.lp-lines{animation:lp-lines 5s linear infinite}
.lp-pop{animation:lp-pop .35s cubic-bezier(.2,.9,.3,1.3)}
@media (prefers-reduced-motion:reduce){.lp-eye,.lp-marquee,.lp-slow,.lp-lines,.lp-pop{animation:none}}

/* per-character roll */
.lp-roll{display:inline-flex;overflow:hidden;line-height:1.15;vertical-align:bottom}
.lp-ch{display:inline-block;position:relative;white-space:pre;transition:transform .45s cubic-bezier(.7,0,.25,1)}
.lp-ch::after{content:attr(data-c);position:absolute;left:0;top:100%;color:var(--red)}
.lp-rollhost:hover .lp-ch{transform:translateY(-100%)}

/* lifting buttons */
.lp-btn,.lp-btn-light{transform:translate(6px,6px);transition:transform .28s var(--ease),box-shadow .28s var(--ease)}
.lp-btn{box-shadow:0 0 0 var(--red)}
.lp-btn:hover{transform:translate(0,0);box-shadow:6px 6px 0 var(--red)}
.lp-btn-light{box-shadow:0 0 0 var(--paper)}
.lp-btn-light:hover{transform:translate(0,0);box-shadow:6px 6px 0 var(--paper)}
.lp-btn .lp-ch::after{color:var(--red-lt)}

/* header */
.lp-head{position:fixed;top:0;left:0;right:0;z-index:50;padding:16px var(--pad);pointer-events:none}
.lp-head .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.lp-head .wrap>*{pointer-events:auto}
.lp-logo{display:inline-block;border:4px solid var(--ink);background:var(--paper);padding:7px 11px;text-decoration:none;font-family:'Cornerman 1',sans-serif;font-size:24px;line-height:.9;color:var(--ink);transition:background-color .25s,color .25s,border-color .25s}
.lp-logo span{color:var(--red);transition:color .25s}
.lp-logo:hover{background-color:var(--ink);color:var(--paper)}
.lp-logo:hover span{color:var(--red-lt)}
.lp-pill{display:flex;align-items:center;gap:6px;padding:6px;background:var(--paper);border:3px solid var(--ink);font-size:14px;letter-spacing:1.5px}
.lp-pill a{display:inline-flex;align-items:center;height:40px;padding:0 18px;text-decoration:none;color:var(--ink)}
.lp-cta{display:inline-flex;align-items:center;height:52px;padding:0 20px;background:var(--ink);color:var(--paper);text-decoration:none;font-family:'Cornerman 1',sans-serif;font-size:18px}
.lp-burger{display:none;align-items:center;gap:10px;height:52px;padding:0 14px;border:3px solid var(--ink);background:var(--ink);color:var(--paper);font-family:'Cornerman 3',sans-serif;font-size:14px;letter-spacing:2px;cursor:pointer;transition:background-color .25s,color .25s,border-color .25s}

/* mobile menu */
.lp-menu{position:fixed;top:0;left:0;right:0;z-index:60;overflow:hidden;background:var(--ink);color:var(--paper);height:0;visibility:hidden;transition:height .4s cubic-bezier(.16,1,.3,1),visibility 0s linear .4s}
.lp-menu.lp-open{height:100vh;height:100dvh;visibility:visible;transition:height .4s cubic-bezier(.16,1,.3,1),visibility 0s}
.lp-menu-in{height:100vh;height:100dvh;display:flex;flex-direction:column;padding:10px var(--pad) 28px}
.lp-menu-top{display:flex;align-items:center;justify-content:space-between}
.lp-menu-logo{height:52px;display:inline-flex;flex-direction:column;justify-content:center;border:3px solid var(--paper);background:var(--paper);color:var(--ink);padding:6px 9px;font-family:'Cornerman 1',sans-serif;font-size:19px;line-height:.9}
.lp-menu-logo span{color:var(--red)}
.lp-close{display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 14px;border:3px solid var(--paper);background:var(--paper);color:var(--ink);font-family:'Cornerman 3',sans-serif;font-size:14px;letter-spacing:2px;cursor:pointer}
.lp-menu nav{flex-grow:1;display:flex;flex-direction:column;justify-content:center;gap:6px}
.lp-menu nav a{display:flex;align-items:baseline;gap:14px;padding:10px 0;border-bottom:3px solid var(--line);font-family:'Cornerman 1',sans-serif;font-size:52px;line-height:1;text-decoration:none;color:var(--paper)}
.lp-menu nav a .num{font-family:'Cornerman 2',sans-serif;font-size:26px;color:var(--red-lt)}
.lp-menu .lp-ch::after{color:var(--red-lt)}
.lp-menu-cta{display:flex;align-items:center;justify-content:center;height:64px;background:var(--red);color:var(--paper);font-family:'Cornerman 1',sans-serif;font-size:22px;text-decoration:none}

@media (max-width:1024px){
  .lp-desk{display:none !important}
  .lp-burger{display:inline-flex}
  .lp-logo{height:52px;display:inline-flex;flex-direction:column;justify-content:center;background-color:var(--ink);color:var(--paper);border-color:var(--ink)}
  .lp-logo span{color:var(--red-lt)}
  .lp-ondark .lp-logo{background-color:var(--paper);color:var(--ink);border-color:var(--paper)}
  .lp-ondark .lp-logo span{color:var(--red)}
  .lp-ondark .lp-burger{background-color:var(--paper);color:var(--ink);border-color:var(--paper)}
}
@media (max-width:760px){
  .lp-head{padding:10px var(--pad)}
  .lp-logo{font-size:19px;padding:6px 9px;border-width:3px}
}

/* footer */
.lp-foot{background:var(--ink);color:var(--paper);padding:100px var(--pad) 0;overflow:hidden}
.lp-foot a{text-decoration:none;color:var(--paper)}
.lp-foot .lp-ch::after{color:var(--red-lt)}
.lp-foot .cols{display:flex;flex-wrap:wrap;gap:48px;font-size:14px;letter-spacing:1.5px;line-height:2}
.lp-foot .col{flex:1 1 160px;display:flex;flex-direction:column}
.lp-foot .col>a{align-self:flex-start}
.lp-foot .label{color:var(--muted);font-size:12px;letter-spacing:2px}
.lp-foot .mute{color:var(--muted)}
.lp-wordmark{overflow:hidden;margin:0 calc(var(--pad) * -1) -2.2vw}
.lp-wordmark>div{display:flex;width:max-content;gap:6vw;padding-right:6vw;font-family:'Cornerman 1',sans-serif;font-size:17.5vw;line-height:.78;white-space:nowrap;letter-spacing:-.01em}
.lp-wordmark span span{color:var(--red)}
