:root{--paper:#e7edf4;--ink:#203852;--accent:#695713;--on-accent:#f4f0d5;--muted:#50657b;--line:#20385235;--radius:0;--weight:500;--body:Arial,sans-serif;--label-font:Courier New,monospace;--yellow:#e8ce58;--error:#a02835}.hinge .brand{font-family:Courier New,monospace;letter-spacing:.15em}.hinge .site-header nav,.hinge .button,.hinge button,.hinge th,.hinge .label{font-family:Courier New,monospace}.hinge-hero{padding-top:40px}.hinge-title{display:flex;align-items:center;justify-content:space-between;gap:40px}.hinge-title h1{font-size:clamp(42px,5vw,80px);line-height:1.05}.hinge-title p{font:14px/1.6 Courier New,monospace;max-width:300px}.hinge-hero>.scene{height:520px;max-width:900px;margin:auto}.hinge-coordinates{display:flex;justify-content:space-between;gap:20px;padding-block:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font:12px/1.5 Courier New,monospace}.hinge-coordinates a{min-height:44px;display:flex;align-items:center}.hinge-parts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin-top:40px}.hinge-parts article{padding:35px;background:var(--paper)}.hinge-parts p{font-size:15px}.hinge-pin{position:relative;min-height:1300px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.7fr);gap:40px}.pin-stage{position:sticky;top:70px;height:650px;display:flex;align-items:center}.pin-stage .scene{width:100%}.pin-notes>div{min-height:420px;padding-top:70px;display:flex;flex-direction:column;justify-content:center}.pin-notes h2{font-size:38px}.pin-notes p{font-size:16px}.fold-panel{display:grid;grid-template-columns:50px minmax(0,1fr) minmax(0,1fr);gap:30px;align-items:center;background:#d5dfea;padding:38px}.fold-panel .icon{margin:0}.fold-panel p{margin-top:12px}.fold-panel svg:not(.icon){height:150px;color:var(--ink)}.hinge-instructions{counter-reset:steps;list-style:none;padding:0!important}.hinge-instructions li{padding:20px 0 20px 55px;border-top:1px solid var(--line);position:relative}.hinge-instructions li::before{counter-increment:steps;content:"0" counter(steps);position:absolute;left:0;font:16px monospace;color:var(--accent)}.hinge-download{display:grid;grid-template-columns:minmax(0,.55fr) minmax(0,1fr);gap:60px;align-items:center}.big-h{font:700 290px/1 Arial;text-align:center;background:var(--yellow);color:var(--ink)}.login-hinge{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:80px;align-items:start;padding-top:40px;padding-bottom:40px;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:80px 80px}.login-hinge .login-message{order:2;margin-top:40px}.login-hinge .login-message h2{font-size:57px}.login-hinge .login-message>p{font:13px monospace;margin-top:20px}.login-hinge .scene{margin-left:-40px}.login-hinge .login-access{background:var(--paper);border:1px solid var(--line);padding:36px;position:relative;z-index:2}.login-hinge .login-access>.text-link{font-size:12px;margin-top:18px}.login-hinge .login-form h1{font-size:42px}
@media(max-width:900px){.hinge-title h1{font-size:48px}.hinge-hero>.scene{height:400px}.hinge-pin{display:block;min-height:0}.pin-stage{position:relative;top:auto;height:auto;max-height:500px}.pin-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.pin-notes>div{min-height:0;padding-top:35px}.pin-notes h2{font-size:27px}.fold-panel{grid-template-columns:35px minmax(0,1fr);padding:25px}.fold-panel svg:not(.icon){grid-column:2}.login-hinge{gap:25px}.login-hinge .login-access{padding:24px}.login-hinge .login-message h2{font-size:42px}.big-h{font-size:220px}.hinge-download{gap:30px}}
@media(max-width:620px){.hinge-title{display:block}.hinge-title h1{font-size:44px}.hinge-title p{margin-top:25px}.hinge-hero>.scene{height:290px;margin-inline:-15px}.hinge-coordinates{font-size:12px;gap:8px}.hinge-parts{grid-template-columns:1fr}.hinge-parts article{padding:28px}.pin-notes{display:block}.pin-notes>div+div{margin-top:25px}.pin-notes h2{font-size:30px}.fold-panel{gap:18px;padding:25px 18px}.fold-panel svg:not(.icon){height:110px}.hinge-download{grid-template-columns:1fr}.big-h{font-size:170px;width:160px}.login-hinge{display:flex;flex-direction:column;padding-top:0;background-size:48px 48px;gap:10px}.login-hinge .login-message{order:0;margin-top:10px;display:flex;align-items:center;gap:10px;width:100%}.login-hinge .login-message h2{font-size:29px;flex:1}.login-hinge .login-message>p{display:none}.login-hinge .scene{width:150px;height:190px;margin:0}.login-hinge .login-access{width:100%;padding:25px 20px}.login-hinge .login-form h1{font-size:35px}}