@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap";*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#28392f;background:#f7f6f1;margin:0;font-family:DM Sans,Arial,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer;color:inherit;background:0 0;border:0}a{color:inherit;text-decoration:none}header{border-bottom:1px solid #dddeda;justify-content:space-between;align-items:center;max-width:1360px;height:90px;margin:auto;padding:0 5%;display:flex}.brand{letter-spacing:-1px;align-items:center;font-size:23px;font-weight:700;display:flex}.brandlight{font-weight:400}.brandicon{color:#f6f5ec;background:#314e40;border-radius:10px;margin-right:12px;padding:9px;display:flex}.beta{letter-spacing:2px;border:1px solid #c3c7bd;border-radius:4px;margin-left:12px;padding:5px 6px;font-size:9px}nav{align-items:center;gap:24px;height:100%;display:flex}nav button{border-bottom:2px solid #0000;align-items:center;gap:7px;height:100%;display:flex}nav .active{border-color:#385e48}.private{color:#778376;font-size:11px}main{max-width:1200px;margin:auto;padding:0 35px}.hero{grid-template-columns:1.2fr 1fr;align-items:center;gap:75px;padding:65px 0 70px;display:grid}.eyebrow{letter-spacing:2.6px;color:#738473;font-size:10px;font-weight:700}h1{letter-spacing:-2px;margin:23px 0;font-family:Playfair Display,Georgia,serif;font-size:65px;font-weight:500;line-height:1.13}h1 em{color:#ad6442}p{line-height:1.8}.hero p{color:#737c70;font-size:14px}.hero-link{border-bottom:1px solid #526b56;align-items:center;gap:20px;margin-top:18px;padding-bottom:9px;font-size:12px;font-weight:600;display:inline-flex}.hero-art{background:#e7ecdc;border-radius:160px 160px 8px 8px;justify-content:center;align-items:center;height:355px;display:flex;position:relative}.cake{background:#f3efd8;border-radius:50%;place-items:center;width:195px;height:195px;display:grid;box-shadow:0 12px 35px #72815b15}.cake span{font-size:120px;transform:rotate(-8deg)}.bubble{background:#fffef8;border-radius:8px;padding:19px 25px;font-family:Georgia,serif;font-size:24px;position:absolute;top:32px;left:-25px;transform:rotate(-7deg);box-shadow:0 5px #ccd5bf}.art-caption{text-align:center;flex-direction:column;gap:10px;display:flex;position:absolute;bottom:29px}.art-caption span{letter-spacing:1.5px;font-size:8px}.art-caption strong{font-weight:500}.star{color:#a65f42;font-size:55px;position:absolute;top:58px;right:-15px}.tiny-label{letter-spacing:1px;font-size:7px;position:absolute;bottom:9px;right:17px}.collection{border-top:1px solid #daddd2;padding-top:35px}.section-head{justify-content:space-between;align-items:center;display:flex}.section-head p{color:#838b80;font-size:12px}h2{margin:12px 0 25px;font-family:Georgia,serif;font-size:33px;font-weight:400}h2 span{vertical-align:top;color:#879580;margin:6px 0 0 15px;font-family:Arial;font-size:11px;display:inline-block}.filters{gap:12px;display:flex}.search{background:#fffef9;border:1px solid #daddd2;border-radius:7px;flex:1;align-items:center;gap:12px;padding:13px 16px;display:flex}.search input{background:0 0;border:0;outline:0;width:100%;font-size:12px}select{color:#52664f;background:#fffef9;border:1px solid #daddd2;border-radius:7px;padding:11px 15px;font-size:12px}.category-row{flex-wrap:wrap;align-items:center;gap:8px;margin:23px 0;display:flex}.category-row button{color:#78816f;border-radius:22px;padding:9px 17px;font-size:11px}.category-row .chosen{color:#fff;background:#365443}.sample-toggle{color:#86907d;align-items:center;gap:5px;margin-left:auto;font-size:10px;display:flex}.grid{grid-template-columns:repeat(3,1fr);gap:25px;display:grid}.card{text-align:left;background:#fffef9;border:1px solid #e0e2d7;border-radius:9px;padding:0;transition:transform .2s,box-shadow .2s;overflow:hidden}.card:hover{transform:translateY(-4px);box-shadow:0 8px 18px #364b3110}.card-art{place-items:center;height:220px;display:grid;position:relative;overflow:hidden}.card-art img{object-fit:cover;width:100%;height:100%}.tone0{background:#dce8eb}.tone1{background:#e9e4d6}.tone2{background:#efe0d6}.tone3{background:#e0e7dd}.tone4{background:#eee7cb}.tone5{background:#dde4e8}.art-word{filter:drop-shadow(0 12px 5px #344f3915);z-index:1;font-size:93px}.art-line{border:1px solid #fff8;border-radius:50%;width:165px;height:165px;position:absolute}.kind{letter-spacing:.5px;background:#fff9;border-radius:20px;padding:5px 9px;font-size:9px;position:absolute;top:14px;left:14px}.samplebadge{letter-spacing:1px;color:#657260;font-size:8px;position:absolute;top:17px;right:14px}.image-label{letter-spacing:1px;color:#5e715d;font-size:9px;position:absolute;bottom:12px}.card-body{padding:21px 20px 17px}.card-body>div{justify-content:space-between;align-items:center;display:flex}h3{letter-spacing:-.5px;margin:0;font-size:19px}.card-body p{color:#808879;margin:9px 0 17px;font-size:12px}.card-body footer{color:#94a18e;border-top:1px solid #ebece3;gap:8px;padding-top:12px;font-size:9px;display:flex}.card-body b{margin-left:auto}.site-footer{color:#8b9684;border-top:1px solid #daddd2;justify-content:space-between;align-items:center;margin-top:65px;padding:35px 0;font-size:10px;display:flex}.site-footer .brand{color:#3a5140;font-size:17px}.primary{color:#fff;background:#365443;border-radius:7px;align-items:center;gap:8px;padding:12px 19px;font-size:12px;display:inline-flex}.primary:disabled{opacity:.5;cursor:wait}.notice{color:#94613f;padding:8px 0;font-size:12px}.admin-note{background:#e8edde;border-radius:7px;margin-bottom:20px;padding:15px;font-size:12px;line-height:1.7}.empty{text-align:center;color:#7b8873;padding:60px}.overlay{z-index:20;background:#16241ccb;justify-content:center;align-items:center;padding:22px;display:flex;position:fixed;inset:0;overflow:auto}.modal{background:#f9f8f2;border-radius:14px;width:800px;max-height:90vh;position:relative;overflow:auto}.close{z-index:2;background:#fffefa;border-radius:50%;padding:8px;display:flex;position:absolute;top:16px;right:16px}.detail{grid-template-columns:1fr 1.2fr;display:grid}.detail-art{background:#e6ecde;place-items:center;min-height:460px;display:grid}.detail-art>span{font-size:125px}.detail-art img{object-fit:contain;width:100%;height:100%}.detail-text{padding:65px 30px 35px}.detail-text h2{margin:15px 0;line-height:1.2}.detail-text h3{margin-bottom:20px;font-size:17px}.detail-text p{color:#6c7a63}.example{background:#efeddf;border-radius:8px;margin:20px 0;padding:18px}.example small{letter-spacing:1.5px;color:#929c80;font-size:9px}.example p{color:#384f36;font-family:Georgia;font-size:18px}.example span,.usage{font-size:12px}.actions{align-items:center;gap:15px;margin-top:20px;display:flex}.danger{color:#a65b4c;gap:7px;display:flex}.editor{max-width:780px;padding:35px}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-grid label{color:#637258;flex-direction:column;gap:7px;font-size:11px;display:flex}.form-grid input,.form-grid textarea,.form-grid select{color:#263e2c;background:#fffef9;border:1px solid #d6dbcd;border-radius:5px;width:100%;padding:10px}.form-grid textarea{min-height:80px}.form-grid .check{flex-direction:row;align-items:center}.check input{width:auto}.upload{border:1px dashed #a9b99c;border-radius:7px;flex-wrap:wrap;align-items:center;gap:15px;margin-top:22px;padding:20px;display:flex}.upload small{color:#859178;margin-top:5px;font-size:10px;display:block}.upload input{max-width:100%;font-size:11px}.upload-preview{object-fit:contain;width:150px;height:120px;margin-top:10px}@media (width<=800px){header{height:75px;padding:0 20px}.private,.beta{display:none}.brand{font-size:19px}nav{gap:14px;font-size:11px}main{padding:0 22px}.hero{grid-template-columns:1fr 1fr;gap:25px;padding:40px 0}h1{font-size:43px}.hero-art{height:280px}.bubble{font-size:17px;left:-8px}.cake{width:150px;height:150px}.cake span{font-size:90px}.art-caption span{font-size:6px}.grid{grid-template-columns:repeat(2,1fr);gap:16px}.card-art{height:180px}.section-head p{display:none}}@media (width<=520px){.hero{grid-template-columns:1fr}.hero-art{height:280px;margin:5px 20px 0}.hero h1{font-size:51px}.grid{grid-template-columns:1fr}.card-art{height:240px}.filters{flex-wrap:wrap}.search{flex-basis:100%}.filters select{flex:1}.sample-toggle{margin-left:0}.section-head h2{font-size:28px}.detail{display:block}.detail-art{height:220px;min-height:220px}.detail-text{padding:25px}.form-grid{grid-template-columns:1fr}.editor{padding:25px}.site-footer>span:last-child{display:none}.overlay{padding:12px}.brandicon{margin-right:6px;padding:6px}}
