.kiin-board{isolation:isolate;width:100%;height:100%;min-height:570px;position:relative;overflow:hidden}.kiin-board-wash{z-index:-1;pointer-events:none;background:radial-gradient(55% 52% at 53% 48%,#ffffff2e,#0000 82%);position:absolute;inset:0}.kiin-board-threads{z-index:4;pointer-events:none;filter:drop-shadow(0 1px 1px #65742325);width:100%;height:100%;position:absolute;inset:0}.kiin-board-threads path{fill:none;stroke:#a6ce21;stroke-width:2.1px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1100;stroke-dashoffset:1100px;opacity:.92;animation:1.65s ease-out forwards kiin-thread-draw}.kiin-board-threads path:nth-child(2){animation-delay:.18s}.kiin-board-threads path:nth-child(3){animation-delay:.36s}.kiin-board-threads path:nth-child(4){animation-delay:.54s}.kiin-board-threads path:nth-child(5){animation-delay:.72s}.kiin-board-threads path:nth-child(6){animation-delay:.9s}.kiin-board-threads path:nth-child(7){animation-delay:1.08s}.kiin-board-piece{z-index:3;min-width:0;transform:rotate(var(--tilt,0deg));transform-origin:50% 45%;filter:drop-shadow(4px 13px 10px #1f1f1733);will-change:transform;animation:.95s ease-out both kiin-board-enter;animation-delay:var(--entrance,0s);transition:transform .65s cubic-bezier(.22,1,.36,1),filter .65s;position:absolute}.kiin-board-piece:hover{z-index:10;transform:translateY(-9px) scale(1.045) rotate(calc(var(--tilt,0deg) * .55));filter:drop-shadow(7px 20px 16px #1f1f1745)}.kiin-board-asset{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;animation:8s ease-in-out infinite alternate kiin-board-drift;display:block;overflow:visible}.kiin-board-piece--friends .kiin-board-asset{animation-duration:9s;animation-delay:-3s}.kiin-board-piece--road .kiin-board-asset{animation-duration:8.5s;animation-delay:-1s}.kiin-board-piece--portrait .kiin-board-asset{animation-duration:10s;animation-delay:-4s}.kiin-board-piece--planning .kiin-board-asset{animation-duration:7.5s;animation-delay:-2s}.kiin-board-piece--marketing .kiin-board-asset{animation-duration:9.5s;animation-delay:-6s}.kiin-board-piece--tennis .kiin-board-asset{animation-duration:8.7s;animation-delay:-5s}.kiin-board-piece--monday .kiin-board-asset,.kiin-board-piece--reels .kiin-board-asset{animation-duration:6.8s;animation-delay:-2.5s}.kiin-board-piece--friends{--tilt:-8deg;--entrance:50ms;z-index:2;width:31%;height:41%;top:8%;left:5%}.kiin-board-piece--road{--tilt:7deg;--entrance:.15s;z-index:2;width:28%;height:41%;top:7%;right:2%}.kiin-board-piece--portrait{--tilt:-2deg;--entrance:.28s;z-index:3;width:35%;height:57%;top:12%;left:33%}.kiin-board-piece--planning{--tilt:8deg;--entrance:.42s;z-index:5;width:22%;height:34%;top:50%;right:15%}.kiin-board-piece--marketing{--tilt:-5deg;--entrance:.48s;z-index:5;width:51%;height:31%;top:60%;left:3%}.kiin-board-piece--tennis{--tilt:5deg;--entrance:.6s;z-index:4;width:27%;height:41%;top:53%;right:0}.kiin-board-piece--monday{--tilt:8deg;--entrance:.7s;z-index:6;width:25%;height:27%;top:43%;left:2%}.kiin-board-piece--reels{--tilt:-9deg;--entrance:.85s;z-index:6;width:23%;height:24%;top:33%;right:0}.kiin-board-piece--approved{--tilt:-4deg;--entrance:.93s;z-index:7;width:27%;height:15%;top:78%;left:45%}.kiin-board-pin{z-index:9;filter:drop-shadow(1px 3px 2px #4d552a7a);width:clamp(16px,2.5vw,31px);height:clamp(16px,2.5vw,31px);animation:.8s ease-out both kiin-board-enter;position:absolute}.kiin-board-pin-image{object-fit:contain}.kiin-board-pin--one{animation-delay:.3s;top:16%;left:21%}.kiin-board-pin--two{animation-delay:.5s;top:21%;left:54%}.kiin-board-pin--three{animation-delay:.7s;top:18%;right:15%}.kiin-board-pin--four{animation-delay:1s;top:83%;left:58%}.kiin-board-label{z-index:8;font:700 9px/1.35 var(--font-geist-mono),monospace;letter-spacing:.1em;color:#41453b;-webkit-user-select:none;user-select:none;position:absolute}.kiin-board-label--top{background:#f5f4edcf;padding:5px 7px;top:2%;right:7%;transform:rotate(2deg)}.kiin-board-label--side{opacity:.76;writing-mode:vertical-rl;font-size:8px;bottom:6%;left:3%;transform:rotate(180deg)}@keyframes kiin-board-drift{0%{translate:0 -3px}to{translate:0 5px}}@keyframes kiin-thread-draw{to{stroke-dashoffset:0}}@keyframes kiin-board-enter{0%{opacity:0;translate:0 18px}to{opacity:1;translate:0}}@media (max-width:1180px){.kiin-board{min-height:510px}.kiin-board-piece--approved{left:42%}}@media (max-width:900px){.site-hero-visual .kiin-board{height:470px;min-height:470px}.kiin-board-piece--portrait{width:33%;left:34%}.kiin-board-piece--marketing{width:51%}.kiin-board-label--top{font-size:8px}}@media (max-width:640px){.site-hero-visual .kiin-board{height:375px;min-height:375px}.kiin-board-piece--portrait{width:35%;height:55%;top:14%;left:33%}.kiin-board-piece--friends{width:34%;height:42%;top:10%;left:1%}.kiin-board-piece--road{width:33%;height:42%;top:10%;right:0}.kiin-board-piece--marketing{width:53%;height:33%;top:60%;left:1%}.kiin-board-piece--planning{width:26%;top:52%;right:14%}.kiin-board-piece--tennis{width:29%;top:56%;right:-2%}.kiin-board-piece--monday{width:27%;top:43%;left:0}.kiin-board-piece--reels{width:24%;top:39%;right:0}.kiin-board-piece--approved{width:27%;top:83%;left:45%}.kiin-board-threads path{stroke-width:2.6px}.kiin-board-label--top{font-size:7px;top:3%}.kiin-board-label--side{display:none}.kiin-board-pin{width:15px;height:15px}}@media (prefers-reduced-motion:reduce){.kiin-board-piece,.kiin-board-pin,.kiin-board-asset,.kiin-board-threads path{animation:none}.kiin-board-threads path{stroke-dashoffset:0}.kiin-board-piece{will-change:auto}.kiin-board-piece:hover{transform:rotate(var(--tilt,0deg))}}