:root{--bg:#fafaf7;--ink:#17211e;--accent:#d4e3c7;--dark:#1f3029}header{position:relative;z-index:3}.hero{grid-template-columns:.82fr 1.18fr;gap:28px;padding-top:60px}.hero h1{font-size:clamp(42px,4.7vw,68px)}.hero-art{background:radial-gradient(ellipse at 65% 35%,#fff,#e9ede7);height:560px;border:1px solid #dce2d8;min-height:0}.motion-stage canvas{width:100%;height:100%;display:block}.motion-top{position:absolute;top:23px;left:25px;right:25px;display:flex;justify-content:space-between;font:10px/1.5 monospace;letter-spacing:1px;color:#657368;pointer-events:none}.motion-controls{position:absolute;bottom:23px;left:25px;right:25px}.motion-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:20px}.motion-tabs button,.motion-pause{border:1px solid #c6d1c2;padding:8px 12px;background:#ffffffd9;color:#23372b;font:12px Arial;cursor:pointer;border-radius:2px}.motion-tabs button[aria-pressed=true]{background:#23372b;color:#fff;border-color:#23372b}.motion-progress{display:flex;gap:13px;align-items:center}.motion-progress input{flex:1;min-width:0;accent-color:#345540}.motion-labels{display:flex;justify-content:space-between;margin-top:8px;font:10px monospace;color:#596c5f}.motion-note{font-size:10px;color:#6b776e;margin:11px 0 0}.motion-section{margin:35px 0 30px;padding:40px;background:#eef1eb;border-top:1px solid #d5ded0}.motion-section h2{max-width:720px}.process-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:30px}.process-strip span{font:12px monospace;color:#657368}.process-strip h3{margin:12px 0;font-size:21px}.process-strip p{color:#657368;font-size:14px}.project-art img{transition:transform .8s cubic-bezier(.2,.65,.25,1)}.project:hover .project-art img{transform:scale(1.045)}.btn{transition:transform .25s,background .25s,box-shadow .25s}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #17382c18}.service .arrow{transition:transform .3s}.service:hover .arrow{transform:translate(4px,-4px)}.motion-ready .reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.65,.25,1)}.motion-ready .reveal.shown{opacity:1;transform:none}.project-art{height:270px}.notice{background:#eaf0e4}.hero-art:focus-within{outline:1px solid #69836a}@media(max-width:850px){.hero{grid-template-columns:1fr}.hero-art{height:470px}.motion-section{padding:25px}.process-strip{grid-template-columns:1fr;gap:10px}.motion-top,.motion-controls{left:17px;right:17px}}@media(prefers-reduced-motion:reduce){.motion-ready .reveal{opacity:1;transform:none;transition:none}.project-art img,.btn,.service .arrow{transition:none}}