*{box-sizing:border-box}body{margin:0;background:#f4f2ed;color:#183133;font:16px/1.65 system-ui,'Microsoft JhengHei',sans-serif}header{padding:22px 5vw;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-bottom:1px solid #ccd1ca}a{color:inherit;text-decoration:none}nav{display:flex;gap:24px}main{max-width:1260px;margin:auto;padding:55px 28px}.eyebrow{font-size:12px;letter-spacing:3px;color:#50736d}h1{font-size:clamp(30px,4vw,48px);font-weight:500;line-height:1.25;margin:15px 0}.intro{color:#5a6a65}.controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:30px 0 6px}select,button{font:inherit;min-height:44px;border:1px solid #9daea4;background:#fff;border-radius:6px;padding:7px 12px}#work{max-width:100%;min-width:240px}#status{min-height:26px;color:#4b6c61;font-size:14px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.grid section{border:1px solid #c9d0c7;background:#fff}.wall{padding:30px 15px;aspect-ratio:1;display:grid;place-items:center;background-color:#424441;background-image:linear-gradient(35deg,transparent 48%,#ffffff04 50%,transparent 52%),linear-gradient(150deg,#00000012,transparent);background-size:17px 23px,100% 100%}body.light .wall{background-color:#e6e5df}canvas{display:block;width:90%;height:auto;max-width:320px}#framed{outline:6px solid #131313}.caption{padding:20px;position:relative;min-height:135px}.caption h2{margin:0;font-size:21px;font-weight:500}.caption p{font-size:14px;color:#5b6c64;margin-bottom:0}.badge{float:right;background:#dcebe3;border-radius:5px;padding:2px 7px;font-size:12px;color:#2a5e4b}.note{max-width:760px;margin:35px 0;color:#53685d}.action{display:inline-block;background:#1f5046;color:white;border-radius:6px;padding:12px 20px;margin-top:12px}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #df9f41;outline-offset:4px}@media(max-width:740px){.grid{grid-template-columns:1fr}.wall{aspect-ratio:1.3}.caption{min-height:110px}main{padding:30px 18px}header{font-size:14px}#work{width:100%}}