:root{font-family:Arial,sans-serif;color:#263f35;background:#f7f4ec}*{box-sizing:border-box}body{margin:0}header{height:72px;display:flex;justify-content:space-between;align-items:center;padding:0 4vw;border-bottom:1px solid #dddccf;position:relative;z-index:2}a{color:inherit;text-underline-offset:4px}header a{font-size:12px}header span,.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700}main{position:relative;height:calc(100svh - 72px);min-height:620px;overflow:hidden}.copy{position:absolute;left:5vw;top:7%;width:280px;z-index:1;pointer-events:none}h1{font-size:clamp(38px,4vw,60px);font-weight:500;line-height:1.06;letter-spacing:-2px;margin:20px 0}.copy p{line-height:1.65;font-size:14px;color:#627163}.copy .eyebrow{font-size:9px;color:#984726}.instructions{margin-top:25px}figure{margin:20px 0 10px}figure img{width:135px;height:135px;object-fit:contain}figcaption,.copy .caption{font-size:11px;color:#687364}.viewer{position:absolute;left:27%;right:0;top:0;bottom:90px;touch-action:none}.viewer canvas{width:100%;height:100%;display:block}.viewer:focus-visible{outline:2px solid #b85630;outline-offset:-6px}.status{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:320px;background:#fffcf2;padding:16px 20px;border:1px solid #ddd8c5;border-radius:14px;font-size:13px;z-index:3}.status[hidden]{display:none}nav{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:12px;padding:20px;background:#fffdf5;border-top:1px solid #d6d9cb}button{font:600 14px Arial;background:#294536;color:white;border:2px solid #294536;border-radius:12px;padding:15px 23px;cursor:pointer}button[aria-pressed=true]{background:#a74725;border-color:#a74725}button:focus-visible,a:focus-visible{outline:3px solid #d99125;outline-offset:4px}@media(max-width:760px){header{padding:0 18px;height:60px}header span{display:none}header a{font-size:11px}main{height:calc(100svh - 60px);min-height:650px}.copy{left:22px;top:15px;width:calc(100% - 44px)}h1{font-size:32px;letter-spacing:-1px;margin:10px 0}h1 br{display:none}.copy>p:not(.eyebrow){display:none}figure{position:absolute;right:0;top:46px;margin:0}figure img{width:70px;height:70px}figcaption{display:none}.viewer{left:0;right:0;top:130px;bottom:150px}nav{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px 20px max(14px,env(safe-area-inset-bottom))}button{padding:14px 12px;font-size:13px}}

@media(max-width:760px){.copy .instructions{display:block!important;font-size:11px;margin:8px 0;line-height:1.4}.copy .instructions br{display:none}}

@media(max-width:760px){.copy h1{max-width:290px;font-size:30px}.copy .instructions{max-width:250px}.copy figure{top:40px;right:-8px}.viewer{top:160px}.copy .instructions br{display:block}}

#mill-motion{position:absolute;z-index:4;right:24px;top:20px;padding:10px 15px;font-size:12px;background:#fffdf5;color:#294536;border:1px solid #9fae9e;border-radius:30px}@media(max-width:760px){#mill-motion{top:145px;right:20px;font-size:11px;padding:9px 12px}.viewer{top:190px}}