.material-symbols-outlined{font-family:Material Symbols Outlined,sans-serif;font-size:inherit;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;visibility:hidden}body.fonts-loaded .material-symbols-outlined{visibility:visible}.text-justify-inter{text-align:justify;text-justify:inter-word}.fade-text-gradient{background:linear-gradient(to right,#2c2c2c,#2c2c2c66);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.bg-blueprint-grid{background-image:linear-gradient(rgba(43,76,95,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(43,76,95,.1) 1px,transparent 1px);background-size:20px 20px}html{scroll-behavior:smooth}::selection{background-color:#c04a30;color:#f2efe9}.sticky-btn{opacity:0;pointer-events:none;transform:translateY(-50%);transition:opacity .3s ease,transform .3s ease}body.scrolled .sticky-btn{opacity:1;pointer-events:auto;transform:translateY(0)}body.scrolled .header-meta{opacity:0;pointer-events:none;transform:translateY(-50%)}.header-meta{transition:opacity .3s ease,transform .3s ease}.logo-stem{transition:transform .2s cubic-bezier(.4,0,.2,1)}@keyframes micro-shake{0%{transform:translate(0) rotate(0)}10%{transform:translate(-1px,-1px) rotate(-1deg)}20%{transform:translate(1px) rotate(1deg)}30%{transform:translate(-1px,1px) rotate(0)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px) rotate(-1deg)}60%{transform:translate(1px,1px) rotate(0)}70%{transform:translate(-1px,-1px) rotate(1deg)}80%{transform:translate(0) rotate(-1deg)}to{transform:translate(0) rotate(0)}}.logo-container.logo-active .logo-stem{transform:translateY(6px)}.logo-container.logo-active .logo-shake-group{animation:micro-shake .15s cubic-bezier(.36,.07,.19,.97) both;transform-origin:center center}.fig-mechanical.fig-active .stem-group{transform:translateY(22px)}.fig-mechanical.fig-active .spring-path{transform:scaleY(.65)}.fig-membrane.fig-active .membrane-stem-group{transform:translateY(22px)}.ruler-tick{height:8px;width:1px;background-color:#8a8780}.ruler-tick.major{height:16px}.analog-radio:checked+.option-card{border-color:#2c2c2c;background-color:#f2efe9b3}.analog-radio:checked+.option-card .check-mark{opacity:1}#modal-overlay{opacity:0;pointer-events:none;transition:opacity .3s ease}#modal-overlay.open{opacity:1;pointer-events:auto}#modal-card{transform:translateY(24px) scale(.97);transition:transform .35s cubic-bezier(.34,1.2,.64,1),opacity .3s ease;opacity:0}#modal-overlay.open #modal-card{transform:translateY(0) scale(1);opacity:1}.step-slide{display:none}.step-slide.active{display:block}@keyframes stamp-enter{0%{opacity:0;transform:scale(3) rotate(15deg)}80%{opacity:1;transform:scale(.9) rotate(-12deg)}to{opacity:1;transform:scale(1) rotate(-10deg)}}.animate-stamp{animation:stamp-enter .4s cubic-bezier(.25,1,.5,1) .5s forwards;opacity:0}.perforated-sides{mask-image:radial-gradient(circle at 0 8px,transparent 4px,black 4.5px),radial-gradient(circle at 100% 8px,transparent 4px,black 4.5px);mask-position:0 0,0 0;mask-size:100% 16px;mask-repeat:repeat-y;-webkit-mask-image:radial-gradient(circle at 0 8px,transparent 4px,black 4.5px),radial-gradient(circle at 100% 8px,transparent 4px,black 4.5px);-webkit-mask-position:0 0,0 0;-webkit-mask-size:100% 16px;-webkit-mask-repeat:repeat-y}#layout-diagram-panel{max-height:0;overflow:hidden;transition:max-height .6s cubic-bezier(.34,1.08,.64,1),opacity .35s ease;opacity:0}#layout-diagram-panel.open{max-height:700px;opacity:1}#welcome-screen{transition:opacity .8s ease,visibility .8s ease}#welcome-screen.dismissed{opacity:0;visibility:hidden;pointer-events:none}@keyframes welcome-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}#welcome-logo{animation:welcome-pulse 2.8s ease-in-out infinite}@keyframes welcome-hint{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:.9;transform:translateY(4px)}}#welcome-hint{animation:welcome-hint 1.8s ease-in-out infinite}