:root{--ink:#20382f;--paper:#faf9f5;--orange:#e96f4b;--line:#dedfd5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}.wrap{max-width:1200px;margin:auto;padding-left:40px;padding-right:40px}.header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:110px;display:flex}.brand{letter-spacing:-1.3px;align-items:center;gap:10px;font-size:29px;font-weight:800;display:flex}.brand-mark{color:var(--orange);font-size:39px}.brand-dot{color:var(--orange);margin-left:-9px}.demo{letter-spacing:.08em;text-transform:uppercase;border:1px solid #c6cdbd;border-radius:30px;padding:8px 14px;font-size:12px}.hero{grid-template-columns:1.4fr 1fr;align-items:center;gap:70px;padding-top:65px;padding-bottom:80px;display:grid}.eyebrow{letter-spacing:2px;margin:0 0 22px;font-size:11px;font-weight:700}h1{letter-spacing:-2.5px;margin:0 0 25px;font-size:clamp(38px,4.2vw,59px);line-height:1.08}h1 span{color:var(--orange)}.intro{color:#59665e;max-width:470px;margin-bottom:28px;font-size:18px;line-height:1.65}.button{background:var(--ink);color:#fff;border:0;border-radius:9px;align-items:center;gap:22px;padding:16px 23px;font-size:14px;font-weight:600;display:inline-flex}.button:hover{background:#365748}.small-note{color:#728078;margin-top:16px;font-size:12px}.poster{text-align:center;background:#e8ebc9;border:1px solid #d8dfad;border-radius:90px 90px 16px 16px;max-width:390px;min-height:385px;padding:36px;position:relative;overflow:hidden;transform:rotate(3deg)}.poster-top{letter-spacing:-1px;font-size:21px;font-weight:900;line-height:1.1}.poster-flower{color:var(--orange);font-size:145px;line-height:1.15;display:block}.poster-bottom{font-size:21px;font-weight:800;line-height:1.1}.poster-bottom em{font-family:Georgia,serif;font-size:30px;font-weight:400}.poster-stamp{background:var(--ink);color:#fff;letter-spacing:1px;border-radius:50%;align-content:center;width:82px;height:82px;font-size:10px;line-height:1.5;display:grid;position:absolute;top:160px;right:13px;transform:rotate(13deg)}.plans{padding-bottom:75px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:28px;display:flex}.section-heading .eyebrow{margin-bottom:11px}h2{letter-spacing:-1px;margin:0;font-size:35px;line-height:1.2}.sample-label{color:#6d776e;font-size:12px}.filters{flex-wrap:wrap;justify-content:space-between;gap:20px;margin-bottom:28px;display:flex}.categories{flex-wrap:wrap;gap:8px;display:flex}.categories button{border:1px solid var(--line);color:#5b675e;background:0 0;border-radius:25px;padding:11px 16px;font-size:13px}.categories button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.search{border-bottom:1px solid #a8b0a1;align-items:center;gap:8px;min-width:200px;padding:6px 0;display:flex}.search>span:first-child{font-size:25px}.search input{max-width:180px;color:var(--ink);background:0 0;border:0;outline:none;font-size:14px}.grid{grid-template-columns:repeat(3,1fr);gap:23px;display:grid}.card{border:1px solid var(--line);background:#fff;border-radius:15px;overflow:hidden}.card-art{text-align:center;place-content:center;height:195px;display:grid;position:relative;overflow:hidden}.card-art>span{font-size:110px;line-height:1.2}.card-art>small{letter-spacing:2px;font-size:9px;font-weight:700}.wine{color:#8d453f;background:#ead5cc}.music{color:#3c5a75;background:#dbe3e8}.nature{color:#5e7042;background:#e2e8ce}.card-body{padding:23px}.card-meta{color:#73806e;justify-content:space-between;font-size:11px;display:flex}.card-meta span:last-child{color:var(--ink);font-weight:700}h3{letter-spacing:-.6px;margin:17px 0 12px;font-size:21px}.card-body>p{color:#6d776e;margin-bottom:25px;font-size:12px}.detail{width:100%;color:var(--ink);background:0 0;border:0;border-top:1px solid #ecece5;justify-content:space-between;gap:12px;padding:16px 0 0;font-size:12px;font-weight:700;display:flex}.detail:hover{color:#ab492f}.footer{border-top:1px solid var(--line);color:#6d776e;justify-content:space-between;align-items:center;gap:20px;padding-top:30px;padding-bottom:35px;font-size:12px;display:flex}.footer .brand{color:var(--ink);font-size:22px}.empty{text-align:center;background:#eeeee5;border-radius:15px;padding:35px}.empty>p{color:#5d6a60}.dialog{border:1px solid var(--line);width:calc(100% - 30px);max-width:520px;color:var(--ink);background:var(--paper);border-radius:20px;padding:38px}.dialog::backdrop{background:#10271db3}.dialog>p:not(.eyebrow){color:#59665e;line-height:1.7}.dialog .eyebrow{margin-top:10px}.dialog .button{margin-top:12px}.dialog-meta{font-size:13px}.close{color:var(--ink);background:0 0;border:0;font-size:30px;position:absolute;top:10px;right:15px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline-offset:4px;outline:3px solid #d56a38}.search:focus-within{outline-offset:4px;outline:2px solid #d56a38}@media (max-width:800px){.wrap{padding-left:24px;padding-right:24px}.header{height:85px}.hero{gap:25px;padding-top:45px;padding-bottom:55px}.poster{min-height:320px;padding:25px}.poster-flower{font-size:110px}.poster-stamp{width:65px;height:65px;font-size:8px;top:135px;right:0}.poster-top,.poster-bottom{font-size:18px}.intro{font-size:16px}.grid{grid-template-columns:1fr 1fr}.section-heading{gap:20px}}@media (max-width:560px){.brand{font-size:24px}.brand-mark{font-size:30px}.demo{padding:7px 10px;font-size:9px}.hero{grid-template-columns:1fr}.hero-copy{padding-bottom:15px}h1{font-size:41px}.poster{border-radius:65px 65px 13px 13px;width:100%;max-width:none;min-height:260px;transform:rotate(1deg)}.poster-flower{font-size:85px}.poster-top{font-size:16px}.poster-bottom{font-size:18px}.poster-stamp{top:110px;right:30px}.section-heading{display:block}.sample-label{margin-top:15px;display:block}h2{font-size:30px}.grid{grid-template-columns:1fr}.search{width:100%}.search input{width:100%;max-width:none}.footer{flex-direction:column;align-items:start;gap:10px}.footer p{margin:0}.card-art{height:180px}.dialog{padding:28px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
