@layer base,components;@layer pages{.hero :focus-visible{outline-color:var(--chalk)}section{scroll-margin-top:24px}.hero{--nav-border:#fff6;background-color:var(--blue);color:var(--sheet-text);background-image:linear-gradient(#ffffff24 1px,#0000 1px),linear-gradient(90deg,#ffffff24 1px,#0000 1px),linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:120px 120px,120px 120px,24px 24px,24px 24px}.hero a:not(.btn):hover{color:var(--chalk)}.hero-body{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:48px 64px;padding:clamp(56px,7vw,88px) 0 clamp(40px,5vw,64px);display:grid}.hero-copy{gap:28px;max-width:860px}.hero-copy .label{color:var(--chalk)}.hero p{color:#f1f5ffe0;max-width:560px;margin:0;font-size:clamp(17px,1.4vw,19px)}.hero-actions{flex-wrap:wrap;align-items:center;gap:24px;margin-top:4px;display:flex}.link-mono{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #fff9;padding-bottom:3px;font-size:13px}.dimension{width:min(560px,100%);height:auto;display:block}.title-block{border:1.5px solid var(--sheet-text);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;border-bottom:0;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr;font-size:12px;display:grid}.title-block>div{border-right:1px solid var(--sheet-text);flex-direction:column;gap:5px;min-width:0;padding:14px 16px;display:flex}.title-block>div:last-child{border-right:0}.title-block small{color:#f1f5ff99;font-size:10px}.title-block .display{text-transform:uppercase;letter-spacing:0;font-size:18px}.section{padding:clamp(72px,8vw,120px) 0}.intro .label{color:var(--blue)}.intro h2{margin:0;font-size:clamp(32px,3.2vw,44px)}.pointers-band{background:var(--tint);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.pointers{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.pointer{background:var(--white);border:1.5px solid var(--ink);color:var(--ink);flex-direction:column;gap:14px;padding:28px;transition:background-color .12s;display:flex}.pointer:hover{background:var(--ground);color:var(--ink)}.pointer-head{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--blue);border-bottom:1px solid var(--rule);justify-content:space-between;gap:12px;padding-bottom:12px;font-size:11px;display:flex}.pointer h3{letter-spacing:0;margin:0;font-size:22px;line-height:1.12}.pointer p{color:var(--muted);margin:0;font-size:16px}.pointer-link{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--blue);margin-top:auto;padding-top:12px;font-size:12px}@media (width<=1024px){.pointers{grid-template-columns:1fr}}.skills-head{justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:48px;display:flex}.skills-head .intro{flex-direction:column;gap:20px;display:flex}.skills-head .lede{max-width:44ch}.drawings{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.drawing{background:var(--white);border:1.5px solid var(--ink);color:var(--ink);flex-direction:column;gap:14px;padding:24px;transition:background-color .12s;display:flex}.drawing:hover{background:var(--tint);color:var(--ink)}.drawing-head,.drawing-foot{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);justify-content:space-between;gap:12px;font-size:11px;display:flex}.drawing-head{border-bottom:1px solid var(--rule);padding-bottom:12px}.drawing-foot{border-top:1px solid var(--rule);grid-template-columns:auto 1fr;gap:6px 12px;margin-top:auto;padding-top:12px;display:grid}.drawing-foot span:nth-child(2n){color:var(--ink)}.drawing-logo{min-height:40px;font-family:var(--body);align-items:center;gap:12px;font-size:18px;font-weight:600;display:flex}.drawing-logo img{width:auto;max-width:200px;height:30px;display:block}.drawing p{color:var(--muted);margin:0;font-size:16px}@media (width<=1024px){.drawings{grid-template-columns:1fr 1fr}}@media (width<=720px){.drawings{grid-template-columns:1fr}}.cta-band{background:var(--tint);border-top:1px solid var(--rule)}.cta{grid-template-columns:minmax(0,7fr) auto;align-items:center;gap:32px 64px;display:grid}.cta>div{flex-direction:column;gap:20px;display:flex}.cta h2{margin:0;font-size:clamp(32px,3.2vw,44px)}@media (width<=860px){.cta{grid-template-columns:1fr}}.figure-wrap{place-self:center end;width:100%;max-width:540px;margin-top:-40px;position:relative}.figure-frame{width:100%}.figure{width:100%;height:auto;display:block}.figure-mobile{display:none}.figure .node{cursor:crosshair;outline:none}.figure .node rect,.figure .node polygon{fill:#14295f73;transition:fill .12s}.figure .node:hover rect,.figure .node:hover polygon,.figure .node:focus-visible rect,.figure .node:focus-visible polygon{fill:#f5d66b;stroke:#f5d66b}.figure .node:hover text,.figure .node:focus-visible text{fill:#14295f}.figure .edge{fill:none}.figure .draw{stroke-dasharray:700;stroke-dashoffset:700px;opacity:0;animation:.9s cubic-bezier(.4,0,.2,1) forwards draw,10ms linear forwards appear;animation-delay:calc(var(--i,0) * .22s + .2s)}.figure .fade{opacity:0;animation:.5s forwards appear;animation-delay:calc(var(--i,0) * .22s + .1s)}.figure .pulse{opacity:0;animation:.4s 3.2s forwards appear}.fig-tip{z-index:2;color:#f1f5ff;pointer-events:none;opacity:0;background:#14295f;border:1px solid #f5d66b;width:240px;padding:12px 14px;transition:opacity .12s;position:absolute;box-shadow:0 12px 32px -12px #0009}.fig-tip.show{opacity:1}.fig-tip-name{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#f5d66b;margin-bottom:6px;font-size:11px}.fig-tip-spec{font-size:14px;line-height:1.45}@keyframes draw{to{stroke-dashoffset:0}}@keyframes appear{to{opacity:1}}@media (prefers-reduced-motion:reduce){.figure .draw,.figure .fade{stroke-dashoffset:0;opacity:1;animation:none}.figure .pulse{display:none}}@media (width<=1024px){.hero-body{grid-template-columns:1fr}.figure-wrap{justify-self:start;margin-top:0}.title-block{grid-template-columns:1fr 1fr 1fr}.title-block>div:nth-child(3n){border-right:0}.title-block>div:nth-child(-n+3){border-bottom:1px solid var(--sheet-text)}.skills-head{flex-direction:column;align-items:flex-start;gap:20px}}@media (width<=720px){.figure-desktop{display:none}.figure-mobile{display:block}.title-block{grid-template-columns:1fr 1fr}.title-block>div{border-right:1px solid var(--sheet-text);border-bottom:1px solid var(--sheet-text)}.title-block>div:first-child,.title-block>div:last-child{border-right:0;grid-column:span 2}.title-block>div:nth-child(3),.title-block>div:nth-child(5){border-right:0}.title-block>div:last-child{border-bottom:0}}}