.wip{--wip-line:#ffffff0f;min-height:min(52rem,100svh - 5rem);padding:clamp(4.5rem, 9vw, 8rem) var(--page-gutter) clamp(3.5rem, 7vw, 6rem);background-color:var(--color-ink);background-image:linear-gradient(var(--wip-line) 1px, transparent 1px), linear-gradient(90deg, var(--wip-line) 1px, transparent 1px);color:#fff;background-position:-1px -1px;background-size:3rem 3rem;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(2rem,6vw,6rem);display:grid;position:relative;overflow:hidden}.wip:before{content:"";background:repeating-linear-gradient(-45deg, var(--color-brand) 0 1rem, var(--color-ink) 1rem 2rem);background-size:2.83rem 100%;height:.7rem;animation:1.6s linear infinite wip-hazard;position:absolute;inset:0 0 auto}.wip:after{content:"";aspect-ratio:1;pointer-events:none;background:radial-gradient(circle,#f49f1c29,#0000 65%);width:70%;position:absolute;bottom:-40%;right:-20%}.wip__copy{z-index:1;max-width:44rem;position:relative}.wip__label{color:var(--color-brand);letter-spacing:.08em;text-transform:uppercase;border:1px solid #f49f1c73;border-radius:999px;align-items:center;gap:.65rem;margin:0 0 1.5rem;padding:.45rem .85rem;font-size:.85rem;font-weight:800;display:inline-flex}.wip__pulse{background:var(--color-brand);border-radius:50%;width:.55rem;height:.55rem;animation:1.8s ease-out infinite wip-pulse;box-shadow:0 0 #f49f1c99}.wip h1{letter-spacing:-.035em;text-wrap:balance;margin:0 0 1.5rem;font-size:clamp(2.75rem,7vw,6.5rem);line-height:.95}.wip__body{color:#ffffffb8;max-width:36rem;margin:0;font-size:clamp(1.05rem,1.6vw,1.3rem);line-height:1.55}.wip__progress{background:#ffffff1f;max-width:22rem;height:3px;margin:2.25rem 0;position:relative;overflow:hidden}.wip__progress span{background:var(--color-brand);width:35%;animation:2.4s cubic-bezier(.65,0,.35,1) infinite wip-progress;position:absolute;inset:0 auto 0 0}.wip__links{flex-wrap:wrap;align-items:center;gap:1rem 1.75rem;margin:0;display:flex}.wip__links a{color:#fff;text-underline-offset:.3em;font-weight:700}.wip__links a:hover{color:var(--color-brand)}.wip__links .wip__primary{background:var(--color-brand);min-height:3.25rem;color:var(--color-ink);align-items:center;padding:.8rem 1.4rem;text-decoration:none;transition:transform .16s,box-shadow .16s;display:inline-flex}.wip__links .wip__primary:hover{color:var(--color-ink);transform:translateY(-2px);box-shadow:0 .6rem 1.6rem #f49f1c4d}.wip a:focus-visible{outline:3px solid var(--color-brand);outline-offset:4px;box-shadow:none}.wip__stage{z-index:1;justify-self:center;width:min(100%,30rem);position:relative}.wip__blueprint{width:100%;height:auto;display:block;overflow:visible}.wip__marks path{fill:none;stroke:#ffffff73;stroke-width:.8px}.wip__marks .wip__dimension{stroke:#f49f1c8c}.wip__outline>g>*{fill:none;stroke:#ffffff4d;stroke-width:.9px;stroke-dasharray:3 3}.wip__piece{fill:var(--color-brand);opacity:0;transform-box:fill-box;transform-origin:50% 100%;animation:7s cubic-bezier(.2,.8,.2,1) infinite both wip-build}@keyframes wip-build{0%{opacity:0;transform:translateY(-38px)scale(.96)}8%{opacity:1;transform:translateY(3px)scale(1)}11%{transform:translateY(0)}82%{opacity:1;transform:translateY(0)}92%,to{opacity:0;transform:translateY(0)}}@keyframes wip-pulse{70%{box-shadow:0 0 0 .6rem #f49f1c00}to{box-shadow:0 0 #f49f1c00}}@keyframes wip-progress{0%{transform:translate(-100%)}to{transform:translate(290%)}}@keyframes wip-hazard{to{background-position:2.83rem 0}}@media (max-width:800px){.wip{grid-template-columns:1fr;gap:2.5rem;padding-top:4rem}.wip__stage{order:-1;justify-self:start;width:min(55vw,14rem)}}@media (prefers-reduced-motion:reduce){.wip:before,.wip__pulse,.wip__progress span,.wip__piece{animation:none}.wip__piece{opacity:1}.wip__progress span{width:60%}}