:root{font-family:Arial,Helvetica,sans-serif;color:#111;background:#fff}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:#fff}button,input,textarea{font:inherit}.canvas{width:100%;min-height:100vh;background:#fff;padding:clamp(30px,7vw,90px) 20px;display:flex;justify-content:center;align-items:center}.site-square{background:#fff;width:min(820px,88vw);aspect-ratio:1 / 1;border:2px solid #111;padding:clamp(18px,3vw,34px);display:flex;flex-direction:column;position:relative;box-shadow:1px 0 #111,-1px 1px #0000002e;transform:rotate(-.08deg)}.site-square:after{content:"";position:absolute;top:3px;right:-3px;bottom:-3px;left:2px;border-right:1px solid #111;border-bottom:1px solid #111;pointer-events:none;transform:rotate(.12deg)}.site-header{display:grid;grid-template-columns:90px 1fr auto;gap:22px;align-items:center;min-height:92px}.site-logo{width:82px;height:82px;display:block;object-fit:contain;transform:rotate(-.5deg)}.brand{display:flex;flex-direction:column;gap:5px}.brand strong{font-size:clamp(17px,2.2vw,24px);letter-spacing:.06em}.brand span{font:10px Courier New,monospace;letter-spacing:.14em}.est{text-align:right;font:10px/1.4 Courier New,monospace}.top-rule{height:2px;background:#111;margin:10px 0 20px;transform:rotate(.15deg)}.workspace{display:grid;grid-template-columns:150px 1fr;gap:22px;min-height:0;flex:1}.nav{border-right:1.5px solid #111;padding:7px 18px 0 2px;display:flex;flex-direction:column;align-items:flex-start;position:relative}.nav-label{font:9px Courier New,monospace;letter-spacing:.18em;margin-bottom:15px}.nav button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:#111;padding:8px 2px;margin:1px 0;font:600 12px Arial,sans-serif;letter-spacing:.08em;cursor:pointer;position:relative;text-align:left;min-height:36px}.nav button span{font:9px Courier New,monospace;margin-right:7px;font-weight:400}.nav button.active:after{content:"";position:absolute;left:25px;right:-5px;bottom:4px;border-bottom:2px solid #111;transform:rotate(-1.5deg)}@media (hover:hover) and (pointer:fine){.nav button:hover:after{content:"";position:absolute;left:25px;right:-5px;bottom:4px;border-bottom:1px solid #111;transform:rotate(1deg)}}button:focus-visible,.display:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px dashed #111;outline-offset:3px}.side-note{margin-top:auto;padding-bottom:12px;font:italic 11px Georgia,serif;line-height:1.6;transform:rotate(-2deg)}.display{min-width:0;overflow-y:auto;padding:5px 18px 15px 6px;scrollbar-width:thin;scrollbar-color:#111 #fff}.display::-webkit-scrollbar{width:8px}.display::-webkit-scrollbar-track{background:#fff;border-left:1px solid #111}.display::-webkit-scrollbar-thumb{background:#111}.page{animation:appear .18s ease-out}@keyframes appear{0%{opacity:.2;transform:translateY(3px)}to{opacity:1;transform:none}}.page-no{font:9px Courier New,monospace;letter-spacing:.18em;margin-bottom:18px}h1{font-size:clamp(30px,5vw,54px);line-height:.94;letter-spacing:-.055em;margin:0 0 24px;font-weight:700}h1 em{font-family:Georgia,serif;font-weight:400}.lead{font:17px/1.48 Georgia,serif;max-width:530px;margin:0 0 23px}.page p{font-size:12px;line-height:1.6;margin-top:0}.sketch-line{border-top:1.5px solid #111;width:95%;margin:25px 0;transform:rotate(-.4deg)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:26px}.hand-note{font:italic 12px Georgia,serif;margin:15px 0 0 40%;transform:rotate(-2deg);position:relative;z-index:20;display:flex;align-items:center;gap:15mm;white-space:nowrap}.draw-dot{flex:0 0 8px;width:8px;height:8px;padding:0;margin:0;border:0;border-radius:50%;background:#111;cursor:crosshair;touch-action:none}.draw-dot.used{cursor:default}.draw-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:12;pointer-events:none;overflow:visible}.draw-layer path{fill:none;stroke:#111;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.service{display:grid;grid-template-columns:36px 1fr;border-top:1px solid #111;padding:13px 0 10px;gap:10px}.service>span{font:10px Courier New,monospace}.service h2{font-size:16px;margin:0 0 4px}.service p{margin:0;max-width:470px}.timeline{margin-top:25px;border-top:1.5px solid #111}.timeline>div{display:grid;grid-template-columns:80px 1fr;gap:15px;padding:13px 0;border-bottom:1px solid #111}.timeline b{font:13px Courier New,monospace}.timeline span{font-size:11px;line-height:1.45}.timeline strong{font-size:11px;letter-spacing:.05em}.contact-form{margin-top:25px;max-width:520px;position:relative}.contact-form label{display:block;font:9px Courier New,monospace;letter-spacing:.12em;margin:0 0 16px}.contact-form input,.contact-form textarea{display:block;width:100%;border:0;border-bottom:1.5px solid #111;border-radius:0;background:#fff;color:#111;font:14px Georgia,serif;padding:9px 3px;margin-top:3px;resize:vertical}.contact-form textarea{border:1.5px solid #111;margin-top:8px;padding:10px}.contact-form button{background:#fff;border:1.5px solid #111;color:#111;padding:11px 14px;font:600 11px Arial,sans-serif;letter-spacing:.08em;cursor:pointer;transform:rotate(-.4deg)}.contact-form button:disabled{cursor:wait;opacity:.6}.hp-field{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.contact-form button span{margin-left:18px}.form-status{display:inline-block;margin-left:12px;font:11px Georgia,serif}footer{border-top:1.5px solid #111;margin-top:18px;padding-top:12px;display:flex;justify-content:space-between;gap:10px;font:8px Courier New,monospace;letter-spacing:.08em}@media (max-width: 650px){.canvas{min-height:100vh;padding:24px 12px;align-items:flex-start}.site-square{width:min(94vw,520px);aspect-ratio:auto;padding:16px}.site-header{grid-template-columns:54px 1fr;gap:12px;min-height:60px}.site-logo{width:54px;height:54px}.brand strong{font-size:16px}.brand span{font-size:8px}.est{display:none}.top-rule{margin:8px 0 12px}.workspace{grid-template-columns:1fr;gap:8px}.nav{border-right:0;border-bottom:1.5px solid #111;padding:0 0 8px;display:grid;grid-template-columns:repeat(2,1fr);gap:0 6px}.nav-label,.side-note{display:none}.nav button{min-height:42px;font-size:11px;padding:6px 2px}.nav button span{font-size:8px}.display{overflow:visible;padding:8px 2px 2px}.page-no{margin-bottom:12px}h1{font-size:32px;line-height:.98;margin-bottom:16px}.lead{font-size:15px;line-height:1.45;margin-bottom:18px}.page p{font-size:11px;line-height:1.5}.two-col{grid-template-columns:1fr;gap:2px}.hand-note{margin:10px 0 0 2%;font-size:10px;white-space:normal;gap:8mm}.draw-dot{width:8px;height:8px;flex-basis:8px}.service{grid-template-columns:30px 1fr;padding:10px 0 8px}.service h2{font-size:14px}.timeline>div{grid-template-columns:58px 1fr;gap:10px;padding:10px 0}.timeline b{font-size:11px}.timeline span,.timeline strong{font-size:10px}.contact-form{margin-top:18px}.contact-form label{margin-bottom:12px}.contact-form button{width:100%;min-height:44px}.form-status{display:block;margin:10px 0 0}footer{flex-wrap:wrap;margin-top:12px;padding-top:9px}footer span:nth-child(2){display:none}}@media (prefers-reduced-motion: reduce){.page{animation:none}}