@font-face{font-family:Jost;src:url(fonts/jost.woff2)}@font-face{font-family:Garamond;src:url(fonts/ebgaramond.woff2)}
*{box-sizing:border-box}body{margin:0;background:#FAF8F4;color:#1c1a17;font-family:Jost,sans-serif;font-size:16px;line-height:1.6}header,main,footer{max-width:1080px;margin:auto;padding:28px}header{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #dedad2}a{color:inherit}header a{display:flex;align-items:center;gap:12px;text-decoration:none}h1{font-family:Garamond,serif;font-size:clamp(36px,5vw,58px);font-weight:400;line-height:1.1;margin:14px 0 40px}.eyebrow{letter-spacing:.15em;text-transform:uppercase;font-size:14px;margin-top:36px}.purchase{display:grid;grid-template-columns:1fr 1fr;gap:60px}.preview{background:#eeeae3;display:flex;align-items:center;justify-content:center;padding:28px;min-height:240px}.preview img{width:100%;max-width:330px;height:auto;box-shadow:5px 7px 0 #d7d5d1}label{display:block;margin-bottom:8px}select,input,button{font:inherit;border:1px solid #aaa399;border-radius:4px;padding:12px;background:#fff;width:100%;color:inherit}input{max-width:100px}button{background:#1c1a17;color:#fff;cursor:pointer;border:0}button:disabled{opacity:.5;cursor:not-allowed}:focus-visible{outline:3px solid #75623d;outline-offset:4px}.format{font-size:20px}dl{margin-top:30px}dl div{display:flex;justify-content:space-between;gap:20px;margin:10px 0}dd{margin:0}.total{border-top:1px solid #ccc5ba;padding-top:14px;font-weight:600}.note,footer{font-size:14px}#status{min-height:26px}.confirmation{max-width:680px;margin:60px auto}.confirmation button{max-width:260px}footer{margin-top:40px;border-top:1px solid #dedad2} [hidden]{display:none!important}@media(max-width:650px){.purchase{grid-template-columns:1fr;gap:28px}header,main,footer{padding:20px}.preview img{max-width:230px}header{font-size:14px}h1{margin-bottom:24px}}