:root{--ink:#493425;--paper:#f7f3eb;--sand:#e8ddcc;--muted:#716558}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b17945;outline-offset:4px}header,footer{max-width:1440px;margin:auto;padding:28px 6%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:27px;font-weight:900;letter-spacing:-1.3px}.brand span{display:block;font-size:9px;letter-spacing:2px;margin-top:5px}nav{display:flex;gap:34px;font-size:13px}nav a:last-child{border-bottom:1px solid;padding-bottom:5px}.hero{background:var(--ink);color:var(--paper);padding:72px 7% 55px;display:grid;grid-template-columns:1.2fr 1fr;gap:70px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:bold;line-height:1.7}h1,h2{font-family:Georgia,serif;font-weight:normal;letter-spacing:-2px}h1{font-size:clamp(55px,6.6vw,100px);line-height:1.02;margin:25px 0}h1 em{color:#d7b88d;font-weight:normal}.intro{max-width:440px;font-size:15px;line-height:1.8;color:#e2d7c9}.button{display:inline-block;padding:17px 23px;border:1px solid transparent;font-size:13px;font-weight:bold;border-radius:3px}.cream{background:var(--sand);color:var(--ink)}.hero .button{margin-top:20px}.deadline{font-size:9px;letter-spacing:1.2px;margin-top:36px}.hero-art{align-self:center;min-height:380px;border:1px solid #a78e6d;border-radius:220px 220px 10px 10px;text-align:center;padding:40px 16px 25px;background:#604632}.orbit{font-size:9px;letter-spacing:2px}.monogram{font-family:Georgia,serif;font-style:italic;font-size:210px;line-height:1;color:#e5d5bd}.monogram span{font-size:85px;vertical-align:top;display:inline-block;margin-top:40px}.hero-art p{font-family:Georgia,serif;font-size:20px;line-height:1.4;margin:0 0 24px}.hero-art small{font-size:9px;letter-spacing:2px}.benefits{display:flex;justify-content:center;gap:60px;padding:23px;background:var(--sand);font-size:12px}.catalog{padding:70px 6%;max-width:1440px;margin:auto}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px}h2{font-size:42px;margin:12px 0 28px}.section-head>p{font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:32px}.toolbar{display:flex;gap:20px;justify-content:space-between;margin:14px 0 24px}.search{display:flex;gap:12px;align-items:center;background:white;border:1px solid #d9cdbc;padding:13px 17px;width:55%;border-radius:4px}.search span{font-size:25px}.search input{width:100%;border:0;background:none;outline-offset:10px;font-size:14px}.sort{display:flex;gap:12px;align-items:center;font-size:11px}.sort select{background:transparent;border:1px solid #d9cdbc;padding:12px;color:var(--ink);max-width:200px}.filters{display:flex;gap:9px;flex-wrap:wrap}.filters button{padding:10px 17px;border:1px solid #d6c9b6;border-radius:30px;background:transparent;color:var(--ink);font-size:12px}.filters button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.results{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted);margin:24px 0 15px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.card{background:#fffdf8;border:1px solid #e5dccf;border-radius:5px;overflow:hidden;display:flex;flex-direction:column}.placeholder{height:205px;background:repeating-linear-gradient(135deg,transparent,transparent 12px,#49342503 12px,#49342503 13px),#ece4d7;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#776450;position:relative}.placeholder .symbol{font-family:Georgia,serif;font-size:55px;font-style:italic;color:#b39a79;line-height:1}.placeholder p{font-size:10px;letter-spacing:1px;margin-top:15px}.placeholder small{font-size:9px;letter-spacing:1px}.card img{width:100%;height:205px;object-fit:contain;background:#ece4d7}.card-body{padding:22px;display:flex;flex-direction:column;flex:1}.meta{display:flex;justify-content:space-between;gap:10px;font-size:9px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.card h3{font-family:Georgia,serif;font-weight:normal;font-size:20px;line-height:1.4;margin:15px 0 20px;flex:1}.price{font-size:23px;font-weight:bold;letter-spacing:-.7px;margin:0 0 6px}.negotiable{font-size:11px;color:var(--muted);margin:0 0 20px}.card button{background:none;border:0;border-top:1px solid #e5dccf;text-align:left;padding:16px 0 0;color:var(--ink);font-size:12px;display:flex;justify-content:space-between}.how{padding:60px 6%;background:var(--sand);display:grid;grid-template-columns:1fr 1.6fr;gap:35px}.how ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.how strong{font-size:12px}.how li p{font-size:12px;line-height:1.8;color:var(--muted)}.contact{text-align:center;background:var(--ink);color:var(--paper);padding:65px 20px}.contact h2{font-size:49px}.contact .button{margin:5px}.button small{display:block;font-size:10px;font-weight:normal;margin-top:8px}.outline{border-color:#ab9271}footer p,footer>a:last-child{font-size:11px;line-height:1.8;color:var(--muted)}dialog{max-width:650px;width:calc(100% - 32px);border:0;border-radius:8px;padding:35px;background:var(--paper);color:var(--ink);max-height:90vh}dialog::backdrop{background:#21170f99}.close{position:sticky;top:0;float:right;background:var(--ink);color:white;border:0;border-radius:50%;width:32px;height:32px;font-size:23px}dialog h2{font-size:30px;clear:both;line-height:1.2}dialog p{font-size:14px;line-height:1.8}dialog .button{margin:5px 4px 0 0}#empty{text-align:center;padding:60px}#reset{background:var(--ink);color:white;border:0;padding:12px 20px}@media(min-width:1400px){.hero{padding-left:max(7%,calc((100vw - 1240px)/2));padding-right:max(7%,calc((100vw - 1240px)/2))}}@media(max-width:850px){.hero{gap:35px;padding:50px 6%}.hero-art{min-height:330px}.monogram{font-size:170px}.benefits{gap:20px;font-size:10px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-head{display:block}.how{grid-template-columns:1fr}.how h2{margin-bottom:0}}@media(max-width:560px){header{padding:22px 6%}nav a:not(:last-child){display:none}nav{font-size:11px}.brand{font-size:23px}.hero{grid-template-columns:1fr;gap:35px}.hero-art{display:none}h1{font-size:66px}.intro{font-size:14px}.benefits{flex-direction:column;gap:12px;padding:22px 6%}.catalog{padding-top:44px}h2{font-size:35px}.toolbar{flex-direction:column}.search{width:100%}.sort{justify-content:space-between}.results>span{display:none}.grid{gap:12px}.placeholder,.card img{height:150px}.card-body{padding:14px}.card h3{font-size:17px}.meta{font-size:8px;letter-spacing:0}.price{font-size:19px}.how ol{grid-template-columns:1fr;gap:12px}.contact h2{font-size:37px}footer{flex-wrap:wrap}.contact .button{width:90%}dialog{padding:23px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
