.x8-tasks{z-index:1;padding-block:var(--sec-pad) clamp(80px, 12vh, 144px);background:var(--ink);color:var(--white);clip-path:polygon(0 0, calc(100% - var(--x8-cut) * 2) 0, 100% calc(var(--x8-cut) * 2), 100% 100%, 0 100%);position:relative;overflow:clip}.x8-tasks__head{gap:clamp(16px,2.6vh,24px);margin-bottom:clamp(44px,8vh,88px);display:grid}.x8-tasks__head .x8-h{max-width:18ch}.x8-tasks__head .sx-lead{max-width:34rem}.x8-belt{position:relative}.x8-belt__row{padding:0 var(--gutter);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin:0;list-style:none;display:grid}.x8-belt__row+.x8-belt__row{margin-top:14px}.x8-belt__gate{display:none}.x8-task{--k:1;border:1px solid rgba(187, 213, 255, calc(.14 + var(--k) * .22));background:var(--ink-2);min-height:128px;transform:translate3d(calc((1 - var(--k)) * var(--dx,0px)), calc((1 - var(--k)) * var(--dy,0px)), 0) rotate(calc((1 - var(--k)) * var(--r,0deg)));transition:border-color .3s var(--ease), background-color .3s var(--ease);align-content:start;gap:10px;padding:18px 18px 16px 20px;display:grid;position:relative}.x8-task:before{content:"";background:var(--cobalt-hi);width:3px;transform:scaleY(var(--k));transform-origin:50% 0;position:absolute;top:-1px;bottom:-1px;left:-1px}.x8-task__a{font-family:var(--font-heading);letter-spacing:-.015em;color:rgba(244, 247, 251, calc(1 - var(--k) * .5));text-decoration:line-through;text-decoration-thickness:1px;-webkit-text-decoration-color:rgba(187, 213, 255, calc(var(--k) * .75));text-decoration-color:rgba(187, 213, 255, calc(var(--k) * .75));font-size:1.04rem;font-weight:500;font-stretch:104%;line-height:1.25}.x8-task__b{color:var(--horizonte);opacity:var(--k);transform:translate3d(0, calc((1 - var(--k)) * 8px), 0);align-items:flex-start;gap:8px;font-size:15px;line-height:1.35;display:flex}.x8-task__b svg{width:16px;height:16px;color:var(--cobalt-hi);flex:none;margin-top:2px}@media (hover:hover){.x8-task:hover{border-color:var(--horizonte);background:var(--ink-3)}}.x8-tasks[data-live=true] .x8-belt__gate{display:block}.x8-belt__mark{border:1px solid var(--cobalt-hi);background:var(--ink);width:60px;height:60px;color:var(--white);border-radius:50%;place-items:center;display:grid;box-shadow:0 0 0 8px #3d6bff1f,0 0 44px #3d6bff59}@media (width>=760px){.x8-tasks[data-live=true] .x8-belt{padding-block:34px}.x8-tasks[data-live=true] .x8-belt__gate{z-index:2;background:linear-gradient(180deg, #3d6bff00 0%, var(--cobalt-hi) 16%, var(--cobalt-hi) 84%, #3d6bff00 100%);width:2px;position:absolute;top:0;bottom:0;left:54%}.x8-tasks[data-live=true] .x8-belt__mark{position:absolute;top:50%;left:50%;translate:-50% -50%}.x8-tasks[data-live=true] .x8-belt__row{will-change:transform;flex-wrap:nowrap;gap:22px;width:max-content;padding:0;display:flex}.x8-tasks[data-live=true] .x8-belt__row+.x8-belt__row{margin-top:30px}.x8-tasks[data-live=true] .x8-task{flex:none;width:clamp(264px,23vw,336px);min-height:136px}}@media (width<=759px){.x8-tasks[data-live=true] .x8-belt__row{grid-template-columns:minmax(0,1fr);gap:12px}.x8-tasks[data-live=true] .x8-belt__row+.x8-belt__row{margin-top:12px}.x8-tasks[data-live=true] .x8-belt__gate{z-index:3;pointer-events:none;height:0;position:sticky;top:62svh}.x8-tasks[data-live=true] .x8-belt__gate:before{content:"";background:linear-gradient(90deg, #3d6bff00 0%, var(--cobalt-hi) 12%, var(--cobalt-hi) 100%);height:2px;position:absolute;top:-1px;left:0;right:0}.x8-tasks[data-live=true] .x8-belt__mark{width:48px;height:48px;position:absolute;top:-24px;right:12px}.x8-tasks[data-live=true] .x8-belt__mark svg{width:20px;height:20px}.x8-tasks[data-live=true] .x8-task{min-height:0;margin-right:44px}.x8-belt__row li:nth-child(n+4){display:none}}.x8-doors{gap:var(--col-gap);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.x8-door{text-align:left;width:100%;height:100%;color:var(--ink);background:var(--white);border:1px solid var(--line-strong);clip-path:polygon(0 0, calc(100% - var(--x8-cut)) 0, 100% var(--x8-cut), 100% 100%, 0 100%);transition:background-color .35s var(--ease), color .35s var(--ease), border-color .35s var(--ease);align-content:start;gap:12px;padding:clamp(22px,2.6vw,36px);display:grid;position:relative}.x8-door__name{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--cobalt);font-size:11px}.x8-door__title{font-family:var(--font-heading);letter-spacing:-.03em;text-wrap:balance;font-size:clamp(1.45rem,1.1rem + 1.3vw,2.2rem);font-weight:600;font-stretch:108%;line-height:1.05}.x8-door__text{max-width:34rem;color:var(--text-2);font-size:16px;line-height:1.5}.x8-door__list{flex-wrap:wrap;gap:6px 8px;margin-top:4px;display:flex}.x8-door__list span{border:1px solid var(--line);color:var(--text-2);padding:5px 10px;font-size:13px;line-height:1.3}.x8-door__cta{align-items:center;gap:8px;margin-top:8px;font-size:15px;font-weight:500;display:inline-flex}.x8-door__cta svg{width:16px;height:16px;transition:translate .3s var(--ease)}.x8-door[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--white)}.x8-door[aria-pressed=true] .x8-door__name{color:var(--horizonte)}.x8-door[aria-pressed=true] .x8-door__text{color:#f4f7fbc7}.x8-door[aria-pressed=true] .x8-door__list span{border-color:var(--line-dark-strong);color:var(--horizonte)}@media (hover:hover){.x8-door:hover .x8-door__cta svg{translate:4px}.x8-door:not([aria-pressed=true]):hover{border-color:var(--cobalt)}}.x8-explorer{scroll-margin-top:calc(var(--nav-h) + 20px);gap:22px;margin-top:clamp(44px,7vh,80px);display:grid}.x8-switch{border:1px solid var(--line-strong);justify-self:start;display:inline-flex}.x8-switch__opt{min-height:44px;color:var(--text-2);transition:background-color .25s var(--ease), color .25s var(--ease);padding:0 18px;font-size:15px;font-weight:500}.x8-switch__opt[aria-pressed=true]{background:var(--ink);color:var(--white)}@media (width<=759px){.x8-doors{grid-template-columns:minmax(0,1fr);gap:14px}.x8-door__list{display:none}.x8-switch{justify-self:stretch;display:flex}.x8-switch__opt{flex:1;padding:0 10px}}.x8-more{padding-block:var(--sec-pad);background:var(--paper)}.x8-more__head{gap:18px;margin-bottom:clamp(32px,6vh,64px);display:grid}.x8-more__head .x8-h{max-width:20ch}.x8-more__grid{gap:var(--col-gap);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.x8-way{height:100%;color:var(--ink);border-bottom:1px solid var(--line-strong);grid-template-rows:auto auto 1fr auto;gap:12px;padding:0 0 clamp(20px,2.4vw,32px);display:grid;position:relative}.x8-way__art{aspect-ratio:16/7;background:var(--ink);clip-path:polygon(0 0, calc(100% - var(--x8-cut)) 0, 100% var(--x8-cut), 100% 100%, 0 100%);margin-bottom:10px;display:block;overflow:hidden}.x8-way__art img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:scale .9s var(--ease), translate .6s var(--ease);scale:1.04}.x8-way__name{font-family:var(--font-heading);letter-spacing:-.035em;font-size:clamp(1.7rem,1.2rem + 1.8vw,2.7rem);font-weight:600;font-stretch:110%;line-height:1}.x8-way__text{max-width:32rem;color:var(--text-2);font-size:16px;line-height:1.5}.x8-way__cta{color:var(--cobalt);align-items:center;gap:8px;font-weight:500;display:inline-flex}.x8-way__cta svg{width:16px;height:16px;transition:translate .3s var(--ease)}@media (hover:hover){.x8-way:hover .x8-way__art img{scale:1.1}.x8-way:hover .x8-way__cta svg{translate:4px}}@media (width<=759px){.x8-more__grid{grid-template-columns:minmax(0,1fr);gap:32px}.x8-way__art{aspect-ratio:16/8}}@media (prefers-reduced-motion:reduce){.x8-task,.x8-way__art img{transition:none}}[data-tilt] img{translate:calc(var(--tx,0) * -12px) calc(var(--ty,0) * -9px);transition:translate .6s var(--ease)}.x8-belt__mark{animation:x8-pulse 3.2s var(--ease) infinite}@keyframes x8-pulse{0%,to{box-shadow:0 0 0 8px #3d6bff1f,0 0 44px #3d6bff59}50%{box-shadow:0 0 0 14px #3d6bff0d,0 0 64px #3d6bff80}}@media (prefers-reduced-motion:reduce){[data-tilt] img{transition:none;translate:none}.x8-belt__mark{animation:none}}
