/* Theme Name: Staley Collectibles
Version: 1.0.0
Requires PHP: 7.4
Text Domain: staley
*/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#102832;--ink:#152f38;--muted:#68777b;--paper:#f6f5f0;--gold:#bda16b;--line:#dce0db}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer}header,.wrap{max-width:1440px;margin:auto;padding:0 5%}.notice{background:var(--navy);color:#fff;text-align:center;font-size:11px;letter-spacing:1.4px;padding:10px}.notice span{color:#d8c598}header{height:98px;display:flex;align-items:center;gap:45px;border-bottom:1px solid var(--line)}.logo{display:flex;gap:12px;align-items:center;margin-right:auto}.seal{border:1px solid var(--gold);font:30px Georgia;padding:6px 12px;color:var(--gold);line-height:1.2}.wordmark{font:700 22px 'Manrope',sans-serif;letter-spacing:2px}.wordmark small{display:block;font:10px 'DM Sans',sans-serif;letter-spacing:5px;margin-top:3px}nav{display:flex;gap:30px;font-size:13px}.label{font-size:10px;text-transform:uppercase;letter-spacing:2px;font-weight:700}.hero{display:grid;grid-template-columns:1.05fr 1fr;min-height:480px;align-items:center;gap:5%;padding-top:45px;padding-bottom:40px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:600;color:#8a7144;text-transform:uppercase}h1{font:500 clamp(44px,5vw,76px)/1.04 Georgia,serif;letter-spacing:-2px;margin:22px 0}h1 em{font-weight:400;color:#9a8050}p{line-height:1.7;color:var(--muted)}.hero p{max-width:420px;margin:22px 0 30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:25px;background:var(--navy);color:white;border:0;padding:16px 23px;font-weight:600;font-size:13px}.quiet{margin-left:20px;font-size:12px;border-bottom:1px solid #aaa;padding:8px 0}.art{background:radial-gradient(ellipse at 50% 30%,#41606a,#112b35 70%);height:420px;position:relative;overflow:hidden;border-radius:2px;display:flex;justify-content:center;align-items:center}.art:before,.art:after{content:'';position:absolute;border:1px solid #ffffff12;width:480px;height:480px;border-radius:50%}.art:after{width:350px;height:350px}.slab{position:relative;background:#d9e3e15e;border:2px solid #baccca;border-radius:11px;width:174px;height:286px;padding:10px;box-shadow:10px 18px 30px #0004;z-index:1;transform:rotate(10deg)}.slab.behind{position:absolute;transform:rotate(-16deg) translate(-90px,10px);background:#91a39a8a}.slab.front{transform:rotate(9deg) translate(40px,-2px)}.slab-label{background:#eeeae0;border-top:4px solid #a8814b;padding:5px;font:8px monospace;display:flex;justify-content:space-between;color:#243b43}.card-art{height:210px;background:linear-gradient(150deg,#d8d0ae,#b6bfae 40%,#3f6860 40%,#244e4d);margin-top:8px;border:5px solid #efeee7;position:relative;overflow:hidden}.card-art:after{content:'SC';position:absolute;font:100px Georgia;color:#ffffff26;left:4px;top:40px;transform:rotate(-20deg)}.card-art .number{position:absolute;top:10px;left:10px;color:#fff9;font:10px monospace}.card-art strong{position:absolute;bottom:14px;left:10px;color:#fff;font:19px Georgia;letter-spacing:1px}.art-caption{position:absolute;bottom:20px;left:22px;color:#ccd7d5;font-size:9px;letter-spacing:2px;z-index:2}.art-tag{position:absolute;top:22px;right:22px;color:#d3bc8c;font-size:10px;letter-spacing:2px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:30px}.benefits div{font-size:12px;display:flex;align-items:center;gap:14px}.benefits b{font-size:20px;font-weight:400;color:#8e784f}.benefits small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.catalog{padding-top:55px;padding-bottom:65px}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}h2{font:36px Georgia;margin:10px 0}.section-title p{font-size:12px;margin:0}.searchbox{display:flex;background:white;border:1px solid #b9c5c3;padding:6px;gap:12px;align-items:center;margin-bottom:14px}.searchbox span{font-size:24px;padding-left:14px}.searchbox input{border:0;min-width:0;width:100%;padding:12px;outline:0;background:transparent}.searchbox:focus-within{outline:2px solid var(--gold)}.searchbox button{padding:13px 26px}.filterrow{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:18px 0 28px}.filterrow select{padding:10px 30px 10px 13px;background:transparent;border:1px solid var(--line);border-radius:2px;color:var(--ink);font-size:12px}.filterrow .reset{background:none;border:0;text-decoration:underline;font-size:11px;color:var(--muted)}.count{margin-left:auto;font-size:11px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.product{min-width:0}.product-photo{height:245px;background:#e7e9e3;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.product-photo .slab{width:124px;height:199px;transform:rotate(-4deg);border-color:#b6c3c0;padding:7px;box-shadow:8px 10px 15px #0a202320;background:#f9faf744}.product-photo .slab-label{font-size:6px;padding:4px;border-top-width:3px}.product-photo .card-art{height:142px;border-width:3px;margin-top:6px}.product-photo .card-art:after{font-size:65px;top:26px}.product-photo .card-art strong{font-size:13px;bottom:8px;left:6px}.product:nth-child(2n) .card-art{background:linear-gradient(135deg,#d2c5ad,#b29867 40%,#6a7b8a 40%,#304459)}.product:nth-child(3n) .card-art{background:linear-gradient(135deg,#ece6d2,#a8b7bc 40%,#9b6a58 40%,#5d3937)}.photo-note{position:absolute;bottom:10px;left:12px;font-size:8px;letter-spacing:1px;color:#66736b}.category{font-size:9px;letter-spacing:1.5px;color:#8a7144;margin-top:16px;text-transform:uppercase}.product h3{font:600 15px 'Manrope',sans-serif;margin:8px 0}.product p{font-size:11px;margin:0}.product-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:14px;padding-top:13px;font-size:11px}.product-bottom button{background:none;border:0;padding:0;color:var(--ink);font-size:11px}.sample{font-size:10px;color:var(--muted)}.empty{padding:50px;text-align:center;border:1px solid var(--line);grid-column:1/-1}.story{display:grid;grid-template-columns:1fr 1fr;background:var(--navy);color:#fff;margin-bottom:60px}.story-art{min-height:240px;display:grid;place-items:center;background:repeating-linear-gradient(115deg,#29434a 0,#29434a 1px,#203941 1px,#203941 22px);font:italic 56px Georgia;color:#c7b687}.story-copy{padding:40px}.story h2{font-size:30px}.story p{color:#b8c6c8;font-size:13px}.story .eyebrow{color:#c7b687}footer{display:flex;justify-content:space-between;align-items:center;padding:25px 0 35px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}dialog{border:0;padding:30px;max-width:550px;width:90%;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#09212acc}dialog h2{font-size:28px}dialog .btn{margin-top:20px}.detail-images{display:grid;grid-template-columns:1fr 1fr;gap:15px}.detail-images div{height:150px;background:#e2e6df;display:grid;place-items:center;font-size:12px;color:#69776d}.preview-badge{background:#e9dfc9;padding:12px 5%;font-size:11px;color:#5f5034}.woocommerce{max-width:1200px;margin:40px auto;padding:0 5%}.woocommerce img{max-width:100%;height:auto}.screen-reader-text{position:absolute;left:-10000px}.skip{position:absolute;left:-10000px}.skip:focus{left:20px;top:20px;background:white;padding:12px;z-index:10}body img{max-width:100%}.real-photo{object-fit:contain;width:100%;height:245px}.pagination{margin:25px 0}.pagination a,.pagination span{padding:10px} @media(max-width:1000px){nav{gap:16px}.grid{grid-template-columns:repeat(3,1fr)}.hero{gap:20px}.art{height:380px}.quiet{display:none}}@media(max-width:760px){header{height:80px;gap:15px}nav{display:none}.wordmark{font-size:18px}.hero{grid-template-columns:1fr;padding-top:35px}.hero p{max-width:none}.hero h1{font-size:53px}.art{height:330px;margin-top:15px}.benefits{gap:16px}.benefits div{display:block;font-size:10px}.benefits b{display:block;margin-bottom:8px}.grid{grid-template-columns:repeat(2,1fr);gap:22px 14px}.product-photo{height:220px}.section-title{display:block}.section-title p{margin-top:12px}.count{width:100%;margin-top:8px}.searchbox input{font-size:12px;padding:10px 2px}.searchbox button{padding:13px}.searchbox span{padding-left:6px}.story{grid-template-columns:1fr}.story-art{min-height:160px}.story-copy{padding:25px}.notice{font-size:9px;letter-spacing:1px}footer{gap:20px;align-items:start}.catalog{padding-top:38px}}