:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#20251f;background:#e9e7df;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh}.toolbar{height:auto;min-height:64px;padding:14px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px;background:#f7f6f1;border-bottom:1px solid #d7d5cc;position:relative;z-index:5}.toolbar strong{letter-spacing:.16em;font-size:12px}.toolbar span{font-size:10px;letter-spacing:.14em;color:#85857b}.controls{display:flex;align-items:center;gap:18px;font-size:12px}.controls label{display:flex;align-items:center;gap:8px;color:#5e6259}.controls input[type=number]{width:74px;padding:7px;border:1px solid #cbc9bf;background:#fff;border-radius:5px}.controls input[type=range]{width:100px;accent-color:#315d4b}.controls select,.controls button{padding:8px 11px;border:1px solid #cbc9bf;border-radius:5px;background:#fff;color:#34382f}.controls button{cursor:pointer;background:#263c32;color:#fff;border-color:#263c32}main{max-width:1440px;margin:auto;padding:42px 36px 28px}.intro{max-width:640px;margin:0 auto 30px;text-align:center}.eyebrow{font-size:10px;letter-spacing:.22em;color:#777b6e}.intro h1{font-family:Georgia,serif;font-size:clamp(30px,4vw,48px);font-weight:400;margin:12px 0}.intro>p:not(.eyebrow){font-family:Georgia,serif;color:#696b61;font-size:15px;line-height:1.65;margin:0 auto;max-width:580px}#status{margin-top:12px;font-size:11px;letter-spacing:.08em;color:#647765}.stage{height:min(65vw,680px);min-height:420px;display:flex;justify-content:center;align-items:stretch}.paper-shadow{width:min(100%,1120px);height:100%;position:relative;overflow:hidden;background:#fbfaf5;box-shadow:0 16px 45px #38372c24;border:1px solid #d4d0c4}.garden{position:absolute;inset:0;overflow:hidden;pointer-events:none}.garden img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;opacity:0;transition:opacity .75s ease;mix-blend-mode:multiply}.garden img.visible{opacity:1}.page-copy{position:absolute;left:35%;top:20%;width:30%;height:60%;padding:24px 30px;color:#34372f;background:#fbfaf5e8;display:flex;flex-direction:column;justify-content:center}.page-copy>span{font-size:9px;letter-spacing:.2em;color:#7b7e71}.page-copy h2{font:400 clamp(22px,3vw,38px)/1.12 Georgia,serif;margin:20px 0}.page-copy p{font:14px/1.7 Georgia,serif;color:#65685e}.page-copy .signature{font-style:italic;margin-top:24px;color:#818477}footer{display:flex;justify-content:space-between;gap:16px;padding:18px 2px;color:#7a7c72;font-size:10px;letter-spacing:.06em}@media(max-width:760px){.toolbar{align-items:flex-start;flex-direction:column}.controls{flex-wrap:wrap;gap:10px}main{padding:28px 12px}.stage{height:540px;min-height:0}.page-copy{left:29%;width:42%;padding:12px}.page-copy p{font-size:11px}.page-copy h2{font-size:24px}footer{flex-direction:column}}