:root{color-scheme:light;--field: #6327a6;--field-deep: #4f227f;--sheet: #f8f3ff;--hair: #ece0ff;--tab: #d8c4f6;--ink: #140a12;--ink-2: #4a3a5c;--violet: #6327a6;--flame: #e2772b;--flame-tip: #efcc78;--scarf: #831a08;--dash: rgba(20, 10, 18, .32);--rule: 3px;--display: "Dela Gothic One", "Arial Black", sans-serif;--body: "Zen Maru Gothic", "Hiragino Maru Gothic ProN", "Arial Rounded MT Bold", system-ui, sans-serif;--marker: "Yusei Magic", "Segoe Print", "Comic Sans MS", cursive;--out: cubic-bezier(.16, 1, .3, 1);--quick: cubic-bezier(.22, 1, .36, 1);--lift: 0 34px 70px -28px rgba(8, 4, 10, .5);--stamp-shadow: 0 12px 22px -12px rgba(20, 10, 18, .6);--stamp-shadow-up: 0 18px 28px -14px rgba(20, 10, 18, .65)}*,*:before,*:after{box-sizing:border-box}html{background:var(--field);scrollbar-color:var(--field-deep) var(--field);-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-height:100vh;background:var(--field) url(/stripes.svg) repeat;background-size:360px 360px;color:var(--ink);font-family:var(--body);font-weight:500;line-height:1.5;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit}::selection{background:var(--flame-tip);color:var(--ink)}:focus-visible{outline:3px solid var(--ink);outline-offset:2px;box-shadow:0 0 0 6px var(--flame-tip);border-radius:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;left:12px;top:-80px;z-index:50;padding:10px 16px;background:var(--sheet);color:var(--ink);border:var(--rule) solid var(--ink);border-radius:12px;font-weight:900;text-decoration:none}.skip-link:focus{top:12px}.site{min-height:100vh;padding:0 max(16px,3vw) clamp(40px,6vw,80px)}.bar{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 4px 16px}.logo{display:inline-flex;align-items:center;gap:8px;min-height:44px;text-decoration:none}.logo-word{font-family:var(--display);font-size:24px;letter-spacing:.02em;color:#fff}.logo-vt{font-family:var(--display);font-size:14px;line-height:1;background:var(--sheet);color:var(--ink);border:var(--rule) solid var(--ink);border-radius:8px;padding:4px 7px 5px;rotate:-5deg}.bar-links{display:flex;gap:4px}.icon-btn{width:44px;height:44px;display:inline-grid;place-items:center;border-radius:12px;color:#fff;text-decoration:none;transition:background .15s}.icon-btn:hover{background:#140a1252}.tabs{position:relative;z-index:2;max-width:1280px;margin:0 auto calc(var(--rule) * -1);padding:0 24px var(--rule);display:flex;align-items:flex-end;gap:6px}.tab{flex:none;display:inline-flex;align-items:center;min-height:46px;padding:0 20px;font-weight:700;font-size:16px;text-decoration:none;color:var(--ink);background:var(--tab);border:var(--rule) solid var(--ink);border-bottom:none;border-radius:12px 12px 0 0;transition:background .15s}.tab:hover{background:var(--hair)}.tab.is-on{position:relative;background:var(--sheet);min-height:52px;font-weight:900}.tab.is-on:after{content:"";position:absolute;left:calc(var(--rule) * -1);right:calc(var(--rule) * -1);bottom:calc(var(--rule) * -1);height:var(--rule);background:var(--sheet);border:solid var(--ink);border-width:0 var(--rule)}.tab:focus-visible{border-radius:12px 12px 0 0}.sheet{position:relative;z-index:1;max-width:1280px;margin:0 auto;background-color:var(--sheet);background-image:radial-gradient(circle at 1px 1px,rgba(99,39,166,.16) 1.1px,transparent 1.7px);background-size:22px 22px;border:var(--rule) solid var(--ink);border-radius:14px;box-shadow:var(--lift);padding:clamp(20px,3.4vw,44px)}.page{animation:sheet-in .36s var(--out) both}.page:focus{outline:none;box-shadow:none}@keyframes sheet-in{0%{opacity:0}to{opacity:1}}.stamp{display:inline-flex;align-items:center;gap:12px;min-height:58px;padding:8px 20px;border:var(--rule) solid var(--ink);border-radius:16px;font-weight:900;font-size:17px;line-height:1.2;text-decoration:none;box-shadow:var(--stamp-shadow);transition:transform .16s var(--quick),box-shadow .16s}.stamp:hover{transform:translateY(-2px) rotate(-.6deg);box-shadow:var(--stamp-shadow-up)}.stamp:active{transform:translateY(1px);box-shadow:0 4px 10px -6px #140a1299}.stamp:focus-visible{border-radius:16px;box-shadow:0 0 0 6px var(--flame-tip)}.stamp svg{flex:none}.stamp--live{background:var(--flame);color:var(--ink)}.stamp--den{background:var(--violet);color:#fff}.stamp--paper{background:var(--sheet);color:var(--ink)}.frame-wrap{position:relative;aspect-ratio:1 / 1}.frame{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border:var(--rule) solid var(--ink);border-radius:10px;background:var(--field)}.frame img{width:100%;height:100%;object-fit:cover}.frame-tag{position:absolute;left:12px;top:-16px;z-index:4;background:var(--sheet);border:2px solid var(--ink);border-radius:8px;padding:1px 10px 2px;font-family:var(--marker);font-size:15px;color:var(--violet)}.h2{margin:0 0 22px;font-family:var(--display);font-weight:400;font-size:clamp(26px,3vw,36px);line-height:1.1}.h2,.page-head h1,.lost h1,.callout h2,.entry-name{text-wrap:balance}.sec{margin-top:clamp(44px,5.5vw,72px)}.lede{margin:-10px 0 22px;max-width:62ch;font-size:17px;line-height:1.65;color:var(--ink-2)}.profile{border:2px solid var(--ink);border-radius:12px;background:var(--sheet);overflow:hidden}.profile-h{margin:0;padding:7px 14px 8px;background:var(--hair);border-bottom:2px solid var(--ink);font-family:var(--marker);font-weight:400;font-size:20px;color:var(--violet)}.profile dl{margin:0}.p-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;min-height:44px;padding:8px 14px;border-top:1.5px dashed var(--dash)}.p-row:first-child{border-top:none}.p-row dt{font-size:14.5px;color:var(--ink-2)}.p-row dd{margin:0;font-weight:900;font-size:16px;text-align:right;text-wrap:balance;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:4px 8px}.dots{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.dots li{display:flex;gap:10px;align-items:baseline;font-size:16px;line-height:1.5}.dots li:before{content:"";flex:none;width:9px;height:9px;border-radius:50%;background:var(--violet);border:2px solid var(--ink);translate:0 1px}.go{display:inline-flex}.tbd{color:var(--violet);text-decoration:underline dashed 1.5px;text-underline-offset:4px}.page-head h1{margin:0;font-family:var(--display);font-weight:400;font-size:clamp(38px,7vw,96px);line-height:.98;letter-spacing:-.01em}.head-sub{margin:12px 0 0;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px}.head-sub b{font-weight:900;font-size:19px}.head-sub span{font-family:var(--marker);font-size:18px;color:var(--violet)}.head-tag{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px 32px;margin-top:24px;padding-top:22px;border-top:2px solid var(--ink)}.head-tag p{margin:0;max-width:54ch;font-size:19px;line-height:1.55;color:var(--ink-2);text-wrap:pretty}.head-actions{display:flex;flex-wrap:wrap;gap:12px}.tblock{margin-top:clamp(36px,5vw,60px);display:flex;flex-wrap:wrap;border:2px solid var(--ink);border-radius:12px;overflow:hidden;background:var(--sheet)}.tcell{flex:1 1 200px;display:flex;flex-direction:column;justify-content:center;gap:3px;min-height:68px;padding:10px 16px;margin:0 -2px -2px 0;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink)}.tcell small{font-size:11.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-2)}.tcell strong{font-size:15.5px;font-weight:900}.t-name{font-family:var(--display);font-weight:400;font-size:20px}.tcell a{display:inline-flex;align-items:center;min-height:44px;margin-block:-11px}.front{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,360px);grid-template-areas:"title title" "view roles" "view tagline" "view actions" "view profile";grid-template-rows:auto auto auto auto 1fr;column-gap:clamp(24px,4vw,56px);row-gap:18px;align-items:start}.title-row{grid-area:title;display:flex;align-items:flex-end;flex-wrap:wrap;gap:4px 20px;margin-bottom:10px}.name{margin:0;font-family:var(--display);font-weight:400;font-size:clamp(34px,9.4vw,96px);line-height:.98;letter-spacing:-.01em}.name-note{margin:0;padding-bottom:12px;font-family:var(--marker);font-size:20px;color:var(--violet);rotate:-3deg}.view{grid-area:view;align-self:center;margin:0;padding-top:14px;display:flex;flex-direction:column;align-items:center;gap:16px}.view .frame-wrap{width:min(420px,calc(100% - 332px))}.view-cap{margin:0;font-size:14px;color:var(--ink-2);text-align:center}.view-cap a{color:var(--violet);font-weight:900;text-underline-offset:3px}.co{position:absolute;left:0;right:0;height:0;z-index:3}.co-dot{position:absolute;left:var(--x);top:0;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--sheet);border:var(--rule) solid var(--ink);transition:background .15s}.co-n{display:none}.co-lead{position:absolute;top:-1px;height:0;border-top:2px dashed var(--ink)}.co--l .co-lead{left:-36px;width:calc(var(--x) + 36px)}.co--r .co-lead{left:var(--x);right:-36px}.co-label{position:absolute;top:0;translate:0 -50%;display:flex;align-items:center;gap:10px;width:124px}.co--l .co-label{right:calc(100% + 42px);flex-direction:row-reverse;text-align:right}.co--r .co-label{left:calc(100% + 42px)}.co:hover .co-lead{border-top-style:solid;border-top-color:var(--violet)}.co:hover .co-dot{background:var(--flame-tip)}.sw{flex:none;width:30px;height:30px;border-radius:50%;border:var(--rule) solid var(--ink)}.sw-txt{display:flex;flex-direction:column;line-height:1.25}.sw-txt b{font-size:14px;font-weight:900}.sw-txt span{font-size:12.5px;letter-spacing:.05em;color:var(--ink-2)}.palette{display:none;width:100%;margin:0;padding:0;list-style:none;grid-template-columns:repeat(auto-fill,minmax(146px,1fr));gap:10px 16px}.palette li{display:flex;align-items:center;gap:8px}.palette .sw{width:24px;height:24px}.pnum{flex:none;width:22px;height:22px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:50%;background:var(--sheet);font-family:var(--display);font-size:11px;line-height:1}.roles{grid-area:roles;margin:0;padding-top:14px;display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;font-weight:900;font-size:19px}.roles .role{display:inline-flex;align-items:center;gap:12px;white-space:nowrap}.roles i{width:8px;height:8px;border-radius:50%;background:var(--violet);border:2px solid var(--ink)}.tagline{grid-area:tagline;margin:0;font-size:18px;line-height:1.6;color:var(--ink-2);text-wrap:pretty}.actions{grid-area:actions;display:flex;flex-direction:column;gap:12px}.start{margin:0 0 -4px;align-self:flex-end;display:flex;align-items:flex-end;gap:6px;font-family:var(--marker);font-size:18px;color:var(--violet);rotate:2deg}.actions .stamp{display:flex;gap:14px;min-height:68px;font-size:19px}.actions .stamp>span:not(.go){min-width:0}.actions .stamp small{display:block;margin-top:2px;font-size:13px;font-weight:700;opacity:.88;overflow-wrap:anywhere}.actions .stamp .go{margin-left:auto}.front .profile{grid-area:profile;margin-top:6px}.live-dot{width:10px;height:10px;border-radius:50%;background:var(--scarf);box-shadow:0 0 0 3px #831a0833}.live-note{font-family:var(--marker);font-weight:400;font-size:14px;color:var(--violet)}.elsewhere{margin-top:clamp(40px,5vw,64px);padding-top:clamp(28px,4vw,44px);border-top:var(--rule) solid var(--ink)}.elsewhere .h2{margin-bottom:26px}.groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:28px clamp(20px,3vw,40px)}.group h3{margin:0;font-family:var(--marker);font-weight:400;font-size:20px;color:var(--violet)}.group p{margin:2px 0 12px;font-size:14px;line-height:1.45;color:var(--ink-2)}.group ul{margin:0;padding:0;list-style:none;border-top:2px solid var(--ink)}.lrow{display:flex;align-items:center;gap:14px;min-height:64px;padding:8px 8px 8px 4px;border-bottom:2px solid var(--ink);color:var(--ink);text-decoration:none;transition:background .15s}.lrow:hover{background:var(--hair)}.lrow:focus-visible{border-radius:4px}.lrow .ic{flex:none;width:42px;height:42px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:11px;background:var(--sheet)}.lrow .lt{display:flex;flex-direction:column;min-width:0;line-height:1.3}.lrow b{font-size:16.5px;font-weight:900}.lrow .lt span{font-size:13.5px;color:var(--ink-2)}.lrow .go{margin-left:auto;flex:none;transition:transform .15s}.lrow:hover .go{transform:translate(2px,-2px)}.about-head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px clamp(24px,3.5vw,44px);align-items:center}.about-head .frame-wrap{width:clamp(120px,14vw,168px);margin-top:12px}.about-head h1{font-size:clamp(34px,6.6vw,84px)}.about-head .head-tag{grid-column:1 / -1;margin-top:0}.who{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,1fr);gap:32px clamp(28px,4vw,64px);align-items:start}.who-text p{margin:0 0 16px;max-width:62ch;font-size:18px;line-height:1.7;text-wrap:pretty}.likes{padding:12px 14px 16px;border-top:2px solid var(--ink)}.likes h3{margin:0 0 10px;font-family:var(--marker);font-weight:400;font-size:20px;color:var(--violet)}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.chips li{padding:5px 12px 6px;border:2px solid var(--ink);border-radius:999px;background:var(--sheet);font-weight:700;font-size:14px}.tl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));row-gap:36px;margin:0;padding:0;list-style:none}.tl li{position:relative;padding:26px 28px 0 0;border-top:var(--rule) solid var(--ink)}.tl li:before{content:"";position:absolute;left:0;top:-10px;width:17px;height:17px;border-radius:50%;background:var(--sheet);border:var(--rule) solid var(--ink)}.tl li:last-child:before{background:var(--violet)}.tl-year{display:block;font-family:var(--display);font-size:36px;line-height:1;color:var(--violet)}.tl h3{margin:12px 0 6px;font-size:20px;font-weight:900}.tl p{margin:0 0 10px;font-size:15.5px;line-height:1.6;color:var(--ink-2)}.tl-tag{font-family:var(--marker);font-size:16px;color:var(--violet)}.do{margin:0;padding:0;list-style:none;border-top:2px solid var(--ink)}.do li{display:grid;grid-template-columns:minmax(220px,320px) minmax(0,1fr);gap:12px 36px;align-items:center;padding:20px 0;border-bottom:2px solid var(--ink)}.do-t{margin:0;display:flex;align-items:center;gap:16px;font-weight:900;font-size:19px}.do-ic{flex:none;width:52px;height:52px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:13px;background:var(--hair)}.do p{margin:0;max-width:64ch;font-size:16.5px;line-height:1.6;color:var(--ink-2)}.vals{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:32px clamp(24px,3.5vw,48px)}.val{padding-top:16px;border-top:2px dashed var(--ink)}.val h3{margin:0 0 8px;font-family:var(--marker);font-weight:400;font-size:24px;color:var(--violet)}.val p{margin:0 0 14px;font-size:16px;line-height:1.6}.val .dots li{font-size:15px;color:var(--ink-2)}.callout{margin-top:clamp(48px,6vw,80px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px 40px;padding:clamp(24px,4vw,48px);border:var(--rule) solid var(--ink);border-radius:14px;background:var(--field) url(/stripes.svg) repeat;background-size:360px 360px;color:#fff}.callout h2{margin:0 0 10px;font-family:var(--display);font-weight:400;font-size:clamp(28px,3.6vw,46px);line-height:1.05}.callout p{margin:0;max-width:56ch;font-size:17px;line-height:1.6}.callout-actions{display:flex;flex-wrap:wrap;gap:12px}.glance{margin:0;border:2px solid var(--ink);border-radius:12px;overflow:hidden;background:var(--sheet)}.gl-row{display:grid;grid-template-columns:minmax(150px,220px) minmax(150px,240px) minmax(0,1fr);gap:6px 28px;align-items:center;padding:14px 18px;border-top:1.5px dashed var(--dash)}.gl-row:first-child{border-top:none}.gl-row dt{font-size:14.5px;font-weight:700;color:var(--ink-2)}.gl-row .v{margin:0;font-family:var(--display);font-size:22px;line-height:1.15}.gl-row .n{margin:0;font-size:15px;line-height:1.55;color:var(--ink-2)}.rigs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(330px,100%),1fr));gap:24px;align-items:start}.rig{border:var(--rule) solid var(--ink);border-radius:12px;overflow:hidden;background:var(--sheet)}.rig-h{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px;padding:12px 16px;background:var(--hair);border-bottom:var(--rule) solid var(--ink)}.rig-h h3{margin:0;font-family:var(--display);font-weight:400;font-size:22px}.rig-h span{font-family:var(--marker);font-size:16px;color:var(--violet)}.rig dl{margin:0}.r-row{display:flex;flex-direction:column;gap:1px;padding:10px 16px;border-top:1.5px dashed var(--dash)}.r-row:first-child{border-top:none}.r-row dt{font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}.r-row dd{margin:0;font-weight:900;font-size:16.5px;line-height:1.35}.gear{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:28px clamp(24px,3.5vw,48px)}.gear article{padding-top:14px;border-top:2px dashed var(--ink)}.gear h3{margin:0 0 10px;font-family:var(--marker);font-weight:400;font-size:24px;color:var(--violet)}.flow{margin:0;padding:0;list-style:none;border-top:2px solid var(--ink)}.flow>li{display:grid;grid-template-columns:minmax(200px,280px) minmax(0,1.2fr) minmax(0,1fr);gap:12px 36px;align-items:start;padding:22px 0;border-bottom:2px solid var(--ink)}.flow h3{margin:0;font-weight:900;font-size:20px}.flow p{margin:0;font-size:16px;line-height:1.6;color:var(--ink-2)}.flow .dots li{font-size:15px;color:var(--ink-2)}.page-head>p{margin:14px 0 0;max-width:52ch;font-size:19px;line-height:1.55;color:var(--ink-2);text-wrap:pretty}.credits{margin-top:clamp(36px,5vw,60px);display:grid;grid-template-columns:minmax(240px,340px) minmax(0,1fr);gap:36px clamp(32px,5vw,72px);align-items:center}.pin{position:absolute;z-index:2;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:var(--flame-tip);border:var(--rule) solid var(--ink)}.pin-n{position:absolute;z-index:2;font-family:var(--display);font-size:15px;line-height:1;background:var(--sheet);border:2px solid var(--ink);border-radius:7px;padding:3px 6px 4px}.credit-list{margin:0;padding:0;list-style:none;border-top:var(--rule) solid var(--ink)}.entry{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 20px;align-items:start;padding:26px 0;border-bottom:var(--rule) solid var(--ink)}.entry-n{grid-row:span 2;min-width:42px;margin-top:4px;text-align:center;font-family:var(--display);font-size:20px;line-height:1;background:var(--sheet);border:2px solid var(--ink);border-radius:8px;padding:6px 9px 7px}.entry-name{margin:0;font-family:var(--display);font-weight:400;font-size:clamp(26px,3.4vw,44px);line-height:1.35}.entry-name .tbd{text-decoration-thickness:3px;text-underline-offset:8px}.entry-name a{text-underline-offset:8px}.entry-role{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;font-size:16.5px;color:var(--ink-2)}.entry-cat{font-family:var(--marker);font-size:20px;color:var(--violet)}.entry-role .tbd{font-weight:700}.entry-role a{color:var(--violet);font-weight:900;text-underline-offset:3px}.project{margin-top:clamp(36px,5vw,60px);display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:32px clamp(28px,4vw,56px);align-items:start;padding:clamp(20px,3vw,32px);border:var(--rule) solid var(--ink);border-radius:12px;background:var(--sheet)}.project-demo{margin:0;padding-top:14px}.demo-wrap{position:relative;aspect-ratio:450 / 700}.demo-frame{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border:var(--rule) solid var(--ink);border-radius:10px;background:linear-gradient(#140a128c,#140a128c),var(--field) url(/stripes.svg) repeat;background-size:auto,360px 360px}.demo-frame iframe{display:block;width:100%;height:calc(100% - 16px);margin-top:16px;border:0}.demo-cap{margin:12px 0 0;font-size:13.5px;line-height:1.45;color:var(--ink-2);text-align:center;text-wrap:balance}.demo-paused{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;margin:0;font-family:var(--marker);font-size:20px;color:#fff}.demo-toggle{display:flex;margin:12px auto 0;min-height:44px;padding:6px 18px;font-family:var(--body);font-size:15px;cursor:pointer}.project-name{margin:0;font-family:var(--display);font-weight:400;font-size:clamp(26px,3vw,36px);line-height:1.1;text-wrap:balance}.project-host{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-family:var(--marker);font-size:20px;color:var(--violet);text-underline-offset:4px}.project-sum{margin:2px 0 10px;font-weight:900;font-size:17px;line-height:1.45;text-wrap:balance}.project-body{margin:0 0 22px;max-width:60ch;font-size:17px;line-height:1.65;color:var(--ink-2);text-wrap:pretty}.project .profile{margin-bottom:24px}.project-actions{display:flex;flex-wrap:wrap;gap:12px}.lost{display:grid;grid-template-columns:minmax(220px,340px) minmax(0,1fr);gap:36px clamp(32px,5vw,72px);align-items:center;max-width:1040px;margin:clamp(8px,3vw,28px) auto}.blank{position:relative;aspect-ratio:1 / 1;padding:28px;display:grid;place-items:center;border:var(--rule) dashed var(--ink);border-radius:10px;background:#ece0ff8c}.blank-code{font-family:var(--display);font-size:clamp(56px,7vw,96px);line-height:1;color:var(--violet)}.blank-note{position:absolute;left:0;right:0;bottom:22px;text-align:center;font-family:var(--marker);font-size:17px;color:var(--ink-2)}.lost h1{margin:0;font-family:var(--display);font-weight:400;font-size:clamp(34px,5.4vw,72px);line-height:1.02;letter-spacing:-.01em}.lost p{margin:16px 0 28px;max-width:44ch;font-size:19px;line-height:1.55;color:var(--ink-2)}.intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;overflow:hidden;cursor:pointer;display:grid;place-items:center;padding:72px max(16px,4vw) 120px;background:var(--field) url(/stripes.svg) repeat;background-size:360px 360px}.intro.is-leaving{animation:intro-out .65s var(--out) forwards;pointer-events:none}.intro.is-leaving .draw{scale:.95;transition:scale .65s var(--out)}.draw{position:relative;width:min(860px,100%);padding:clamp(24px,4vw,44px);cursor:default}.draw-fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;background-color:var(--sheet);background-image:radial-gradient(circle at 1px 1px,rgba(99,39,166,.16) 1.1px,transparent 1.7px);background-size:22px 22px;box-shadow:var(--lift);animation:fade-in .5s .45s var(--out) both}.draw-line{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.draw-line rect{fill:none;stroke:var(--ink);stroke-width:3;stroke-dasharray:1;stroke-dashoffset:0;animation:ink .8s var(--out) both}.draw-body{position:relative;display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:clamp(24px,4vw,48px);align-items:center}.word{grid-column:1 / -1;margin:0 0 4px;display:flex;flex-wrap:wrap;align-items:flex-start;gap:6px 12px}.word-main{font-family:var(--display);font-size:clamp(30px,8.4vw,88px);line-height:.95;letter-spacing:-.01em;white-space:nowrap;transform-origin:30% 60%;animation:stamp-in .5s 2s var(--out) both}.word-vt{margin-top:4px;padding:6px 10px 7px;rotate:-6deg;font-family:var(--display);font-size:clamp(18px,2.4vw,28px);line-height:1;background:var(--violet);color:#fff;border:var(--rule) solid var(--ink);border-radius:10px;animation:pop-in .42s 2.3s var(--out) both}.intro .frame{animation:wipe .75s .7s var(--out) both}.intro .frame-tag{animation:fade-in .3s .9s var(--out) both}.intro-ident{display:flex;flex-direction:column;gap:22px}.sw-row{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:12px 14px}.sw-row li{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;letter-spacing:.05em;color:var(--ink-2);animation:pop-in .4s var(--out) both}.sw-row li:nth-child(1){animation-delay:1.3s}.sw-row li:nth-child(2){animation-delay:1.39s}.sw-row li:nth-child(3){animation-delay:1.48s}.sw-row li:nth-child(4){animation-delay:1.57s}.sw-row li:nth-child(5){animation-delay:1.66s}.sw-row li:nth-child(6){animation-delay:1.75s}.sw-row .sw{width:46px;height:46px}.status{position:relative;height:30px;margin:4px 0 0;font-family:var(--marker);font-size:21px;color:var(--violet)}.status span{position:absolute;left:0;top:0;white-space:nowrap}.status .n1{animation:hold-out .7s both}.status .n2{animation:in-out .6s .7s both}.status .n3{animation:in-out .7s 1.3s both}.status .n4{animation:fade-in .3s 2s var(--out) both}.pencil{height:3px;border-radius:2px;background:var(--ink);transform-origin:0 50%;animation:grow 2.2s var(--out) both}.intro-skip{position:absolute;right:max(16px,3vw);bottom:32px;display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 20px;background:var(--sheet);color:var(--ink);border:var(--rule) solid var(--ink);border-radius:14px;font:900 16px/1 var(--body);cursor:pointer;box-shadow:var(--stamp-shadow);transition:transform .16s var(--quick)}.intro-skip:hover{transform:translateY(-2px) rotate(-1deg)}.intro-skip:focus-visible{border-radius:14px;box-shadow:0 0 0 6px var(--flame-tip),var(--stamp-shadow)}.intro-hint{position:absolute;left:max(16px,3vw);bottom:40px;margin:0;font-family:var(--marker);font-size:18px;color:#fff}@keyframes ink{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes wipe{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes pop-in{0%{opacity:0;scale:.3}65%{opacity:1;scale:1.08}to{opacity:1;scale:1}}@keyframes stamp-in{0%{opacity:0;transform:scale(1.7) rotate(-6deg)}70%{opacity:1;transform:scale(.96) rotate(0)}to{opacity:1;transform:none}}@keyframes hold-out{0%,80%{opacity:1}to{opacity:0}}@keyframes in-out{0%{opacity:0}15%,82%{opacity:1}to{opacity:0}}@keyframes grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes intro-out{to{opacity:0;visibility:hidden}}@media (max-width: 1279px){.view{align-self:start}.view .frame-wrap{width:min(360px,100%)}.co-label,.co-lead{display:none}.co-dot{width:24px;height:24px;margin:-12px 0 0 -12px;display:grid;place-items:center}.co-n{display:block;font-family:var(--display);font-size:12px;line-height:1;color:var(--ink)}.palette{display:grid}}@media (max-width: 1119px){.tl{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 979px){.front{grid-template-columns:minmax(0,1fr);grid-template-areas:"title" "view" "actions" "roles" "tagline" "profile";grid-template-rows:none}.roles{padding-top:0}.actions{max-width:520px}}@media (max-width: 899px){.who,.do li{grid-template-columns:minmax(0,1fr)}.gl-row{grid-template-columns:minmax(0,1fr) auto}.gl-row .n{grid-column:1 / -1}.flow>li{grid-template-columns:minmax(0,1fr)}}@media (max-width: 819px){.credits,.lost,.project{grid-template-columns:minmax(0,1fr)}.project-demo{width:min(320px,100%);margin:0 auto}.credits .frame-wrap{width:min(300px,100%);margin:0 auto}.lost{text-align:center;justify-items:center}.blank{width:min(260px,100%)}}@media (max-width: 719px){.bar{padding:10px 4px}.tabs{padding:8px 6px 9px;margin:-8px 8px -9px;gap:4px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.project{padding:12px}.project-actions .stamp{flex:1 1 220px;justify-content:center;text-align:center}.tab{padding:0 10px;font-size:15px}.tab .pc{display:none}.view{padding-top:12px}.view .frame-wrap{width:min(220px,100%)}.view-cap,.name-note,.start{display:none}.co-dot{width:20px;height:20px;margin:-10px 0 0 -10px;border-width:2px}.co-n{font-size:10.5px}.palette{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}.palette li{gap:6px}.palette .sw,.pnum{width:20px;height:20px}.palette .sw-txt b{font-size:13px}.palette .sw-txt span{font-size:11.5px}.actions .stamp{font-size:17.5px;padding:8px 16px}.about-head{grid-template-columns:minmax(0,1fr)}.head-actions .stamp,.callout-actions .stamp{flex:1 1 220px;justify-content:center}.draw-body{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center}.intro .frame-wrap{width:min(240px,100%)}.word,.sw-row{justify-content:center}.status span{left:50%;translate:-50% 0}.intro-hint{display:none}}@media (max-width: 559px){.tl{grid-template-columns:minmax(0,1fr)}.gl-row{grid-template-columns:minmax(0,1fr);gap:2px}}@media (max-width: 379px){.bar{padding:8px 4px}.front{row-gap:12px}.title-row{margin-bottom:4px}.view{padding-top:8px;gap:12px}.view .frame-wrap{width:min(200px,100%)}}@media (max-width: 389px){.tabs{gap:3px}.tab{padding:0 8px;font-size:14px}}@media (max-width: 359px){.bar{gap:8px}.logo-word{font-size:18px}.actions .stamp small{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}.status .n1,.status .n2,.status .n3{display:none}}