*{box-sizing:border-box}body{margin:0;background:#f8f7f2;color:#2c3530;font:16px/1.55 system-ui,sans-serif}main{max-width:1080px;margin:auto;padding:36px 36px 24px}a{color:inherit}nav a{text-decoration:none;font-size:15px}nav span{color:#858981}header{padding:80px 0 48px}.eyebrow,.number{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#6b756b}h1{font:normal clamp(44px,7vw,76px)/1.08 Georgia,serif;letter-spacing:-.04em;margin:14px 0 20px}.intro{color:#6c756d;font-size:18px;max-width:440px}.demos{display:grid;grid-template-columns:1fr 1fr;gap:36px}.demo{text-decoration:none;display:block}.paper,.camera-art{height:250px;background:#eeeee4;position:relative;overflow:hidden;border-radius:3px}.paper{background:repeating-linear-gradient(#fffdf6 0px,#fffdf6 31px,#dce0db 32px);padding:75px 30px 0 50px;border:1px solid #e6e6db;transform:rotate(-1deg)}.paper:before{content:'';position:absolute;top:0;bottom:0;left:32px;width:1px;background:#ddbdb3}.paper span{font:italic 24px Georgia;color:#525846}.paper i{display:inline-block;height:25px;width:2px;background:#837694;margin-left:6px;vertical-align:bottom}.camera-art{display:grid;place-items:center;background:#dfe5dd}.camera-art div{height:170px;width:110px;background:#9aa99a;border-radius:60px 60px 25px 25px;filter:blur(13px);margin-top:65px}.camera-art i{position:absolute;inset:35px;border:1px solid #aebaae;border-radius:5px}.demo-copy{padding:24px 0}h2{font:normal 30px Georgia;margin:12px 0}h2 span{float:right;font:20px system-ui}.demo p{max-width:380px;color:#6b746b;margin:12px 0 20px}.action{font-size:13px;border-bottom:1px solid #aeb8a9;padding-bottom:4px}.demo:hover .action{border-color:#344d36}.demo:focus-visible{outline:2px solid #55725c;outline-offset:8px}footer{font-size:12px;color:#8a8e85;border-top:1px solid #e0e3d9;margin-top:52px;padding-top:20px}@media(max-width:650px){main{padding:24px}header{padding:56px 0 30px}.demos{grid-template-columns:1fr;gap:24px}.paper,.camera-art{height:215px}}