html.onepage,html.onepage body{height:100%}html.onepage body{overflow:hidden}.view{z-index:1;opacity:0;visibility:hidden;transition:opacity .4s,visibility 0s linear .4s;position:fixed;inset:0}.view.on{opacity:1;visibility:visible;transition:opacity .4s}.vbg{z-index:0;pointer-events:none;position:absolute;inset:0}#home .vbg{background:radial-gradient(70% 60% at 50% 62%,#ff8a7a33,#0000 70%)}#team .vbg{background:radial-gradient(70% 60% at 50% 62%,#9678ff33,#0000 70%)}#app .vbg{background:radial-gradient(70% 60% at 50% 62%,#ffbe5a2b,#0000 70%)}#contact .vbg{background:radial-gradient(70% 60% at 50% 62%,#5abedc2b,#0000 70%)}.ph{aspect-ratio:750/1624;display:block;position:relative}.dv{box-shadow:0 0 0 1px var(--line), 0 36px 60px -22px var(--shadow);border-radius:14%/6.47%;position:absolute;inset:0}.dv img{object-fit:cover;object-position:top;border-radius:14%/6.47%;width:100%;height:100%}.gl{pointer-events:none;opacity:.8;background:linear-gradient(118deg,#ffffff29,#fff0 34%);border-radius:14%/6.47%;position:absolute;inset:0}.stage{z-index:1;position:absolute;inset:0;overflow:hidden}.b{will-change:transform;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;position:absolute;top:0;left:0}.b.drag{cursor:grabbing}.b .in{width:100%;height:100%;animation:e-burst 1.1s var(--ease) both;animation-delay:var(--d,0s)}.b .ph{width:100%;height:100%}.b img{pointer-events:none;-webkit-user-drag:none}.b .dv img{filter:brightness(.9)}.sticker img{object-fit:contain;width:100%;height:100%;filter:drop-shadow(2.5px 0 0 var(--outline)) drop-shadow(-2.5px 0 0 var(--outline)) drop-shadow(0 2.5px 0 var(--outline)) drop-shadow(0 -2.5px 0 var(--outline)) drop-shadow(0 14px 14px var(--shadow))}@keyframes e-burst{0%{opacity:0;transform:translate(var(--dx,0px), var(--dy,0px)) scale(.15) rotate(-30deg)}30%{opacity:1}to{opacity:1;transform:none}}.line{z-index:3;pointer-events:none;text-align:center;letter-spacing:-.05em;white-space:nowrap;margin:0;font-size:clamp(30px,3.2vw,48px);font-weight:600;line-height:1.22;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.line .hl-a,.line .hl-b{padding-bottom:.04em;display:inline-block}.line .hl-sub{letter-spacing:-.02em;color:var(--sub);margin-top:14px;font-size:clamp(15px,1.15vw,17px);font-weight:500;display:block}.line .gt{background-image:linear-gradient(105deg, rgba(var(--rgb), .93) 42%, #fff 50%, rgba(var(--rgb), .93) 58%);color:#0000;-webkit-text-fill-color:transparent;background-position:100% 0;background-size:260% 100%;-webkit-background-clip:text;background-clip:text;animation:4.5s ease-in-out 1.2s infinite g-shine}@keyframes g-shine{0%{background-position:100% 0}45%,to{background-position:-60% 0}}.hl-a{--i:1}.hl-b{--i:2}.hl-sub{--i:4}.line.play .hl-a,.line.play .hl-b,.line.play .hl-sub{animation:t-zoom 1.1s var(--ease) both;animation-delay:calc(var(--i) * .12s)}@keyframes t-zoom{0%{opacity:0;transform:scale(1.4)}to{opacity:1;transform:none}}@keyframes t-up{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}.foot{z-index:4;left:var(--gx);right:var(--gxr);bottom:max(28px, env(safe-area-inset-bottom,0px));color:var(--sub);justify-content:space-between;align-items:center;gap:16px;font-size:14px;display:flex;position:absolute}.mix{height:40px;box-shadow:inset 0 0 0 1px var(--line2);color:var(--ink);border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:550;transition:background .2s;display:inline-flex}.mix:hover{background:var(--fill)}.mix svg{width:15px;height:15px}.tm{z-index:1;height:100%;padding:calc(76px + 40px + env(safe-area-inset-top,0px)) var(--gxr) 96px var(--gx);flex-direction:column;justify-content:flex-end;display:flex;position:relative;container-type:inline-size}.tt{color:var(--ink);letter-spacing:-.06em;margin:0;font-size:clamp(44px,7cqi,96px);font-weight:720;line-height:1.08}.tt .ln{display:block}.ts{letter-spacing:-.03em;color:var(--sub);margin:24px 0 0;font-size:17px;font-weight:500}#team.on .ln,#team.on .ts{animation:t-up .9s var(--ease) both}#team.on .ln:nth-child(2){animation-delay:.12s}#team.on .ts{animation-delay:.3s}.pad{z-index:1;height:100%;padding:calc(76px + 48px + env(safe-area-inset-top,0px)) var(--gxr) 44px var(--gx);position:relative}.a1{grid-template-columns:260px 1px minmax(0,1fr);height:100%;display:grid}.a1 .rule{background:var(--line)}.side{flex-direction:column;gap:18px;padding-right:36px;display:flex}.side h2{letter-spacing:-.055em;margin:0;font-size:28px;font-weight:680;line-height:1.4}.side .txt{letter-spacing:-.03em;color:var(--sub);margin:2px 0 0;font-size:17px;font-weight:500;line-height:1.65}.appicon{background:var(--accent);width:64px;height:64px;box-shadow:0 16px 30px -14px var(--shadow);border-radius:16px;flex:none;place-items:end center;display:grid;overflow:hidden}.appicon img{width:56px;height:62px;margin-bottom:-10px}.meta{border-top:1px solid var(--line);grid-template-columns:auto 1fr;margin:6px 0 0;display:grid}.meta dt,.meta dd{border-bottom:1px solid var(--line);margin:0;padding:12px 0;font-size:15.5px}.meta dt{color:var(--dim);padding-right:28px}.links{flex-direction:column;gap:10px;margin-top:6px;font-size:16px;font-weight:500;display:flex}.links a{color:var(--sub)}.links a:hover{color:var(--ink)}.main{flex-direction:column;min-width:0;padding-left:52px;display:flex}.chips{flex-wrap:wrap;gap:10px;display:flex}.chip{height:46px;box-shadow:inset 0 0 0 1px var(--line);color:var(--sub);border-radius:999px;align-items:center;gap:8px;padding:0 18px 0 8px;font-size:16px;font-weight:500;transition:background .2s,box-shadow .2s,color .2s;display:inline-flex}.chip img{background:var(--fill);object-fit:contain;border-radius:50%;width:30px;height:30px;padding:2px}.chip:hover{color:var(--ink)}.chip[aria-pressed=true]{background:var(--fill);box-shadow:inset 0 0 0 1px var(--line2);color:var(--ink)}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0 0;padding:0;list-style:none;display:grid}@media (width>=821px){.grid{max-width:calc(130dvh - 306px)}#app{overflow-y:auto}}.tile{aspect-ratio:4/4.6;background:radial-gradient(80% 90% at 50% 100%, var(--glow), transparent 70%), var(--surface);box-shadow:0 0 0 1px var(--line);border-radius:18px;position:relative;overflow:hidden}.tile[hidden]{display:none}.tile .ph{width:54%;transition:transform .45s var(--ease);position:absolute;top:20%;left:50%;transform:translate(-50%)}.tile:hover .ph{transform:translate(-50%)translateY(-10px)}.tile .cap{letter-spacing:-.03em;font-size:15px;font-weight:600;position:absolute;top:14px;left:18px;right:18px}.center{z-index:1;height:100%;padding:calc(76px + env(safe-area-inset-top,0px)) var(--gxr) 90px var(--gx);place-items:center;display:grid;position:relative}.mails{grid-template-columns:auto auto;justify-content:center;display:grid}.mails>div{min-width:320px;max-width:420px;padding:8px 48px}.mails>div+div{border-left:1px solid var(--line)}.mails h2{letter-spacing:-.045em;margin:0;font-size:26px;font-weight:600;line-height:1.4}.mails p{letter-spacing:-.03em;color:var(--sub);margin:4px 0 0;font-size:15.5px;font-weight:500;line-height:1.65}.mail{letter-spacing:-.03em;color:var(--ink);overflow-wrap:anywhere;margin-top:14px;font-size:17px;font-weight:550;transition:color .2s;display:inline-block}.mail:hover{color:var(--accent-ink)}.copy{height:26px;box-shadow:inset 0 0 0 1px var(--line);color:var(--sub);vertical-align:2px;border-radius:999px;align-items:center;margin-left:10px;padding:0 10px;font-size:12.5px;font-weight:550;display:inline-flex}.copy:hover{color:var(--ink);box-shadow:inset 0 0 0 1px var(--line2)}.ok{min-height:20px;color:var(--accent-ink);margin-top:4px;font-size:13px;display:block}.biz{z-index:1;left:var(--gx);right:var(--gxr);bottom:max(28px, env(safe-area-inset-bottom,0px));text-align:center;color:var(--faint);font-size:13px;line-height:1.9;position:absolute}.biz .row{flex-wrap:wrap;justify-content:center;gap:0 16px;display:flex}.biz .row span{white-space:nowrap}.biz .todo{border-bottom:1px dotted var(--line2)}.biz a{color:var(--sub)}.biz a:hover{color:var(--ink)}@media (width<=820px){.line{white-space:normal;width:calc(100% - 40px);font-size:26px}.line .hl-sub{margin-top:8px;font-size:14.5px}.foot{bottom:max(24px, env(safe-area-inset-bottom,0px));justify-content:flex-end;font-size:13px}.foot .hint{display:none}.view:not(#home){-webkit-overflow-scrolling:touch;overflow-y:auto}.center{height:auto;min-height:100%;padding-top:calc(108px + env(safe-area-inset-top,0px));place-items:start;padding-bottom:170px}.pad{height:auto;min-height:100%;padding-top:calc(100px + env(safe-area-inset-top,0px));padding-bottom:60px}.tm{height:auto;min-height:100%;padding-top:calc(108px + env(safe-area-inset-top,0px));padding-bottom:140px}.ts{font-size:15.5px}.a1{grid-template-columns:1fr;height:auto}.a1 .rule{height:1px;margin:24px 0}.side{padding:0}.links{flex-flow:wrap;gap:8px 24px}.main{padding-left:0}.chips{gap:8px}.chip{height:40px;padding:0 14px 0 6px;font-size:14.5px}.chip img{width:26px;height:26px}.grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.tile .cap{font-size:13.5px;top:10px;left:12px}.tile .ph{width:56%;top:24%}.mails{grid-template-columns:1fr;justify-content:stretch;gap:34px}.mails>div,.mails>div+div{border-left:0;min-width:0;padding:0}.mails h2{font-size:23px}.biz{margin:0 var(--gxr) 0 var(--gx);padding-bottom:max(28px, env(safe-area-inset-bottom,0px));text-align:left;font-size:12px;position:static}.biz .row{justify-content:flex-start}#contact{flex-direction:column;display:flex}#contact .center{flex:1;min-height:0;padding-bottom:40px}}@media (prefers-reduced-motion:reduce){.view{transition:none}.b .in,.line.play>*,.line .gt,#team.on .ln,#team.on .ts{animation:none!important}}
