@font-face{font-family:LINE Seed JP Labs;src:url(/fonts/lineseed/labs-rg.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:LINE Seed JP Labs;src:url(/fonts/lineseed/labs-bd.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:LINE Seed JP Labs;src:url(/fonts/lineseed/labs-eb.woff2)format("woff2");font-weight:800;font-display:swap}.labs-top{--wall:#dcdfd8;--board:#fbfcfa;--ink:#1e2227;--ink-2:#3b4148;--blue:#1f4fbf;--green-ink:#0f4f2c;--red-ink:#931d17;--pink:#ffb0cf;--yellow:#fff07a;--mint:#aeeccb;--sky:#a6dbff;background:repeating-linear-gradient(90deg,#ffffff2e 0 1px,transparent 1px 7px),var(--wall);min-height:100vh;color:var(--ink);-webkit-font-smoothing:antialiased;font-family:LINE Seed JP Labs,Hiragino Sans,Yu Gothic UI,system-ui,sans-serif;font-weight:400}body:has(.labs-top){background:#dcdfd8}.labs-top .wall{padding:clamp(18px,4.5vw,64px) clamp(14px,4vw,56px) clamp(28px,5vw,72px)}.labs-top .board{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1200' height='900' viewBox='0 0 1200 900'%3E%3Cg fill='none' stroke='%231e2227' stroke-linecap='round' stroke-opacity='.035'%3E%3Cpath stroke-width='38' d='M70 140c160-40 330-30 520 6'/%3E%3Cpath stroke-width='26' d='M640 610c120 30 260 22 420-14'/%3E%3Cpath stroke-width='18' d='M180 760c90-26 170-30 260-8'/%3E%3C/g%3E%3C/svg%3E") center/cover no-repeat,linear-gradient(160deg,#fff 0%,var(--board)55%,#f3f5f2 100%);border:1px solid #a3aab1;border-radius:5px;max-width:1240px;margin:0 auto;padding:clamp(26px,4.6vw,64px) clamp(18px,4.6vw,64px) clamp(18px,3vw,30px);position:relative;box-shadow:0 2px 3px #1e22271f,0 30px 46px -26px #1e22278c}.labs-top .board-head{max-width:760px}.labs-top .board-title{letter-spacing:-.02em;margin:0;font-size:clamp(46px,7.4vw,96px);font-weight:800;line-height:1;display:inline-block;position:relative}.labs-top .swoosh{width:104%;height:.38em;position:absolute;bottom:-.3em;left:-2%;overflow:visible}.labs-top .swoosh-ink{fill:var(--blue)}.labs-top .swoosh-ink.pass2{opacity:.5}.labs-top .swoosh-mask{fill:none;stroke:#fff;stroke-width:28px;stroke-linecap:round;stroke-dasharray:470;stroke-dashoffset:0;animation:1.05s cubic-bezier(.16,1,.3,1) .15s both lt-draw}@keyframes lt-draw{0%{stroke-dashoffset:470px}to{stroke-dashoffset:0}}.labs-top .board-lead{color:var(--ink-2);word-break:keep-all;overflow-wrap:anywhere;margin:32px 0 0;font-size:clamp(15.5px,1.5vw,18px);line-height:1.85}.labs-top .pins{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:clamp(44px,5vw,64px) clamp(16px,2.2vw,30px);margin:clamp(36px,5vw,60px) 0 0;padding:0;list-style:none;display:grid}.labs-top .pin:nth-child(4n+1){--print-w:94%;--mag:50%;grid-column:1/span 7}.labs-top .pin:nth-child(4n+2){--print-w:100%;--mag:34%;grid-column:8/span 5;margin-top:76px}.labs-top .pin:nth-child(4n+3){--print-w:100%;--mag:26%;grid-column:2/span 5;margin-top:4px}.labs-top .pin:nth-child(4n+4){--print-w:90%;--mag:62%;grid-column:7/span 6;margin-top:56px}.labs-top .pin-link{color:inherit;-webkit-tap-highlight-color:transparent;border-radius:8px;flex-direction:column;text-decoration:none;display:flex}.labs-top .print{width:var(--print-w,92%);transform:rotate(var(--pt,0deg));background:#fff;padding:9px 9px 13px;transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s cubic-bezier(.16,1,.3,1);display:block;position:relative;box-shadow:0 1px 1px #1e22271a,0 12px 24px -14px #1e22278c}.labs-top .pin:nth-child(4n+4) .print{margin-left:auto}.labs-top .print img{aspect-ratio:16/10;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;background:#eef0ee;width:100%;height:auto;display:block}.labs-top .magnet{top:-11px;left:var(--mag,50%);z-index:2;background:var(--mag-c,#d43a30);border:2px solid var(--mag-rim,#9c231b);border-radius:50%;width:24px;height:24px;margin-left:-12px;position:absolute;box-shadow:0 3px 4px -1px #1e222773}.labs-top .pin:nth-child(4n+2) .magnet{--mag-c:#2f5fd0;--mag-rim:#1b3d92}.labs-top .pin:nth-child(4n+3) .magnet{--mag-c:#f0c21a;--mag-rim:#b38a07}.labs-top .pin:nth-child(4n+4) .magnet{--mag-c:#2a9a5b;--mag-rim:#16643a}.labs-top .note{z-index:3;background:linear-gradient(180deg,#1e22270f 0,#1e222700 22px),var(--tone,var(--yellow));width:min(340px,74%);transform:rotate(var(--nt,0deg));flex-direction:column;gap:6px;margin:-72px -10px 0 auto;padding:18px 20px 15px;transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 1px 1px #1e222714,0 16px 22px -16px #1e222799}.labs-top .pin:nth-child(4n+1) .note{width:min(360px,62%);margin:-84px -12px 0 auto}.labs-top .pin:nth-child(4n+2) .note{width:min(300px,80%);margin:-58px auto 0 9%}.labs-top .pin:nth-child(4n+3) .note{order:-1;width:min(290px,64%);margin:0 -14px -46px auto}.labs-top .pin:nth-child(4n+4) .note{width:min(370px,74%);margin:-64px auto 0 -10px}.labs-top .tone-pink{--tone:var(--pink)}.labs-top .tone-yellow{--tone:var(--yellow)}.labs-top .tone-mint{--tone:var(--mint)}.labs-top .tone-sky{--tone:var(--sky)}.labs-top .note-title{font-size:22px;font-weight:800;line-height:1.25}.labs-top .note-text{color:#2a2f35;word-break:keep-all;overflow-wrap:anywhere;text-wrap:pretty;font-size:14.5px;line-height:1.75}.labs-top .note-foot{justify-content:space-between;align-items:center;gap:10px;margin-top:6px;display:flex}.labs-top .status{border:2px solid;border-radius:52% 48% 55% 45%/58% 52% 48% 42%;padding:2px 11px 3px;font-size:14px;font-weight:700}.labs-top .status-active{color:var(--green-ink)}.labs-top .status-experimental{color:var(--red-ink)}.labs-top .open{white-space:nowrap;align-items:center;gap:6px;font-size:14px;font-weight:700;display:inline-flex}.labs-top .open svg{width:22px;height:12px;transition:transform .45s cubic-bezier(.16,1,.3,1)}.labs-top .open svg path{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}@media (hover:hover){.labs-top .pin-link:hover .print{transform:rotate(var(--pt,0deg))translateY(-5px);box-shadow:0 1px 1px #1e22271a,0 22px 30px -16px #1e222780}.labs-top .pin-link:hover .note{transform:rotate(calc(var(--nt,0deg)*.4))translateY(-3px);box-shadow:0 1px 1px #1e222714,0 22px 26px -16px #1e22278c}.labs-top .pin-link:hover .open svg{transform:translate(4px)}}.labs-top .pin-link:active .print,.labs-top .pin-link:active .note{transform:rotate(0)scale(.99)}.labs-top .pin-link:focus-visible{outline:3px solid var(--blue);outline-offset:10px}.labs-top .tray{border-top:1px solid #e3e6e3;justify-content:flex-end;margin-top:clamp(48px,6vw,76px);padding-top:14px;display:flex}.labs-top .copy{color:#4a5058;white-space:nowrap;font-size:12.5px}@media (max-width:860px){.labs-top .pins{grid-template-columns:minmax(0,1fr);gap:56px}.labs-top .pins .pin{--print-w:100%;grid-column:1;margin-top:0}.labs-top .pins .pin .note{order:0;width:min(320px,84%);margin:-46px -4px 0 auto}.labs-top .pins .pin:nth-child(2n) .note{margin:-46px auto 0 -4px}.labs-top .pins .pin:nth-child(4n+4) .print{margin-left:0}}@media (prefers-reduced-motion:reduce){.labs-top .swoosh-mask{animation:none}.labs-top .print,.labs-top .note,.labs-top .open svg{transition:none}}
