.hpl-reading-progress{z-index:120;background:var(--yellow,#e7ed2a);transform-origin:0;pointer-events:none;height:2px;position:fixed;inset:0 0 auto;transform:scaleX(0)}[data-reveal].hpl-reveal-pending{opacity:0;transform:translateY(30px)}[data-reveal].hpl-reveal-visible{opacity:1;transition:opacity .85s cubic-bezier(.22, 1, .36, 1) var(--reveal-delay,0s), transform .85s cubic-bezier(.22, 1, .36, 1) var(--reveal-delay,0s);transform:translate(0,0)}[data-reveal]:focus-within{opacity:1;transition:none;transform:none}.hpl-engineering-field{--field-line:#e0eddd33;--field-accent:var(--yellow,#e7ed2a);pointer-events:none;-webkit-user-select:none;user-select:none;contain:paint;position:absolute;inset:0;overflow:hidden}.hpl-field-grid{opacity:.3;background-image:linear-gradient(to right, var(--field-line) 1px, transparent 1px), linear-gradient(to bottom, var(--field-line) 1px, transparent 1px);background-size:100px 100px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 20%,#000 90%);mask-image:linear-gradient(90deg,#0000 20%,#000 90%)}.hpl-field-light{opacity:.24;background:radial-gradient(ellipse at var(--field-light-x,65%) var(--field-light-y,50%), #c1d08e52, transparent 52%);position:absolute;inset:0}.hpl-field-drawing{aspect-ratio:1;width:min(66vw,950px);transform:translate3d(var(--field-x,0px), calc(-50% + var(--field-y,0px)), 0);transition:transform .8s cubic-bezier(.22,1,.36,1);position:absolute;top:50%;right:-9%}.hpl-field-ring{border-radius:50%;position:absolute}.hpl-field-ring-outer{border:1px solid var(--field-line);inset:0}.hpl-field-ring-ticks{opacity:.6;background:repeating-conic-gradient(from 0deg, var(--field-line) 0deg .2deg, transparent .2deg 5deg);transform:rotate(var(--field-rotation,0deg));transition:transform .9s cubic-bezier(.22,1,.36,1);inset:3%;-webkit-mask-image:radial-gradient(circle,#0000 0 67%,#000 67.1% 70%,#0000 70.1%);mask-image:radial-gradient(circle,#0000 0 67%,#000 67.1% 70%,#0000 70.1%)}.hpl-field-ring-track{border:1px solid var(--field-line);border-top-color:var(--field-accent);border-right-color:var(--field-accent);opacity:.45;transform:rotate(calc(-35deg + var(--field-rotation,0deg)));transition:transform .9s cubic-bezier(.22,1,.36,1);inset:10%}.hpl-field-ring-track:after{content:"";border:1px solid var(--field-accent);background:var(--field-accent);width:6px;height:6px;position:absolute;top:14.65%;right:14.65%;transform:translate(50%,-50%)}.hpl-field-ring-inner{border:1px dashed var(--field-line);opacity:.5;inset:16%}.hpl-field-axis{background:var(--field-line);opacity:.5;position:absolute}.hpl-field-axis-horizontal{width:115%;height:1px;top:50%;left:-7.5%}.hpl-field-axis-vertical{width:1px;height:115%;top:-7.5%;left:50%}.hpl-field-registration{color:var(--field-accent);font:300 26px/1 var(--font-mono,monospace);opacity:.55;position:absolute}.hpl-field-registration-one{top:14.65%;left:14.65%;transform:translate(-50%,-50%)}.hpl-field-registration-two{bottom:14.65%;right:14.65%;transform:translate(50%,50%)}@media (prefers-reduced-motion:no-preference){.hpl-field-in-view .hpl-field-ring-outer{animation:1.6s cubic-bezier(.22,1,.36,1) both hpl-field-arrive}.hpl-field-in-view .hpl-field-ring-inner{animation:1.8s cubic-bezier(.22,1,.36,1) .12s both hpl-field-arrive}@keyframes hpl-field-arrive{0%{opacity:0;transform:scale(.92)rotate(-12deg)}to{opacity:.5;transform:scale(1)rotate(0)}}}@media (max-width:700px){.hpl-field-drawing{opacity:.65;width:110vw;top:45%;right:-42%}.hpl-field-grid{background-size:70px 70px}}@media (prefers-reduced-motion:reduce){[data-reveal].hpl-reveal-pending,[data-reveal].hpl-reveal-visible{opacity:1;transition:none;transform:none}.hpl-engineering-field *,.hpl-engineering-field :after{transition:none!important;animation:none!important}}