@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=Fraunces:opsz,wght@9..144,500;9..144,600&display=swap');
:root{--ink:#18232c;--paper:#fffdf8;--cream:#f7f0e7;--coral:#ee785f;--teal:#1e867b;--yellow:#f6c751;--line:#e5ddd2;--muted:#66737b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.5}.site-header{height:76px;max-width:1200px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:28px;font-weight:700;letter-spacing:-1.5px;color:var(--ink);text-decoration:none}.brand-mark{color:var(--coral);font-size:24px;vertical-align:3px}.site-header nav{display:flex;gap:24px;align-items:center}.site-header nav a{color:var(--ink);font-size:14px;font-weight:600;text-decoration:none}.site-header nav .nav-admin{border:1px solid var(--ink);padding:8px 13px;border-radius:100px}.hero{min-height:500px;max-width:1200px;margin:0 auto 84px;padding:52px 60px 52px;overflow:hidden;position:relative;border-radius:30px;background:var(--cream);display:grid;grid-template-columns:1fr .8fr;align-items:center}.hero-copy{position:relative;z-index:2;max-width:590px}.eyebrow{font:500 11px 'DM Mono',monospace;letter-spacing:1.25px;color:var(--teal);margin:0 0 14px}.hero h1,.section-heading h2,.about h2,.login-card h1,.admin-top h1,.form-card h1{font:600 clamp(42px,5.5vw,72px)/.98 'Fraunces',Georgia,serif;letter-spacing:-3px;margin:0}.hero h1 em{color:var(--coral);font-style:italic}.hero-copy>p:not(.eyebrow){font-size:18px;max-width:470px;color:#4a5961;margin:25px 0 28px}.button{background:var(--ink);color:white;border:0;border-radius:100px;display:inline-flex;gap:20px;align-items:center;padding:13px 19px;text-decoration:none;font:600 14px 'DM Sans',sans-serif;cursor:pointer}.button span{font-size:20px;line-height:12px}.hero-art{height:340px;position:relative}.orb{position:absolute;border-radius:50%}.orb-one{height:280px;width:280px;background:var(--yellow);top:24px;right:35px}.orb-two{height:105px;width:105px;background:var(--teal);top:5px;left:52px}.pencil{position:absolute;right:42px;bottom:17px;transform:rotate(-27deg);font-size:170px;color:var(--coral);z-index:1}.star{position:absolute;right:260px;top:37px;font-size:38px;color:var(--coral)}.note{position:absolute;right:40px;top:86px;background:var(--paper);padding:18px 22px;transform:rotate(9deg);font:600 17px/.9 'DM Mono',monospace;box-shadow:8px 8px 0 rgba(24,35,44,.12);z-index:2}.note small{font:400 9px 'DM Sans',sans-serif}.catalog,.about{max-width:1200px;margin:0 auto;padding:0 28px 95px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px}.section-heading h2,.about h2{font-size:44px;letter-spacing:-2px}.section-heading>p{max-width:260px;color:var(--muted);margin:0 0 4px}.filters{margin:31px 0 25px;display:flex;gap:9px;overflow:auto;padding-bottom:3px}.filter{white-space:nowrap;border:1px solid var(--line);border-radius:99px;color:var(--ink);text-decoration:none;padding:8px 14px;font-size:13px}.filter.selected,.filter:hover{background:var(--teal);border-color:var(--teal);color:white}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:white}.product-image{height:220px;position:relative;overflow:hidden}.product-image img,.mini-image img{display:block;width:100%;height:100%;object-fit:cover}.placeholder{display:flex;justify-content:center;align-items:center;font:600 80px 'Fraunces',serif;color:#fff;isolation:isolate}.placeholder i{font:400 34px 'DM Sans',sans-serif;position:absolute;color:rgba(255,255,255,.8);transform:translate(60px,-60px)}.p1{background:#ef927c}.p2{background:#59a99e}.p3{background:#e3b83f}.p4{background:#8b92cf}.p5{background:#dd8ba1}.p6{background:#a8a05a}.product-copy{padding:20px 20px 23px}.tag{font:500 10px 'DM Mono',monospace;letter-spacing:1px;color:var(--coral);margin:0 0 7px}.category{font:500 11px 'DM Mono',monospace;letter-spacing:.7px;color:var(--teal);margin:0 0 7px}.product-copy h3{font-size:20px;letter-spacing:-.6px;margin:0 0 5px}.product-copy>p:last-child{color:var(--muted);font-size:14px;margin:0}.empty{grid-column:1/-1;color:var(--muted)}.about{background:var(--ink);max-width:none;color:white;padding:76px max(28px,calc((100vw - 1144px)/2));display:grid;grid-template-columns:1fr 1fr;gap:40px}.about .eyebrow{color:var(--yellow)}.about h2{font-size:52px}.about>p{font-size:20px;color:#d3dedf;max-width:450px;margin:auto 0}footer{max-width:1200px;margin:auto;padding:28px;display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.flash-wrap{position:fixed;z-index:20;right:20px;top:20px;max-width:360px}.flash{padding:12px 15px;border-radius:9px;background:white;box-shadow:0 5px 25px #18232c2b}.flash.error{border-left:4px solid #c5463a}.flash.success{border-left:4px solid var(--teal)}.admin-shell{max-width:960px;min-height:calc(100vh - 150px);margin:auto;padding:68px 28px}.login-card,.form-card{max-width:520px;margin:35px auto;padding:38px;border:1px solid var(--line);border-radius:20px;background:white}.login-card h1,.form-card h1,.admin-top h1{font-size:42px}.login-card>p:not(.eyebrow),.admin-top>div>p:not(.eyebrow){color:var(--muted)}form{margin-top:27px}label{display:block;font-size:13px;font-weight:600;margin:16px 0}input,textarea{display:block;width:100%;margin-top:7px;border:1px solid #cfc5ba;border-radius:7px;background:#fffdf9;color:var(--ink);font:16px 'DM Sans',sans-serif;padding:11px}textarea{min-height:115px;resize:vertical}input[type=checkbox]{display:inline;width:auto;margin:0 7px 0 0;accent-color:var(--teal)}input[type=file]{background:white;font-size:13px}.form-row{display:grid;grid-template-columns:120px 1fr;gap:20px}.checks{display:flex;flex-wrap:wrap;gap:17px;margin:20px 0}.checks label{margin:0}.form-card small{display:block;font-weight:400;color:var(--muted);margin-top:4px}.admin-top{display:flex;justify-content:space-between;gap:20px;align-items:end}.admin-actions,.item-actions{display:flex;gap:15px;align-items:center}.admin-actions form{margin:0}.text-button{border:0;background:none;color:var(--teal);font:600 14px 'DM Sans';padding:0;cursor:pointer}.danger{color:#b63c34}.admin-list{margin-top:34px;border-top:1px solid var(--line)}.admin-item{padding:20px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:72px 1fr auto;gap:17px;align-items:center}.mini-image{width:72px;height:72px;border-radius:10px;overflow:hidden;background:var(--yellow);display:grid;place-items:center;font:600 25px 'Fraunces';color:white}.admin-item h2{font-size:17px;margin:0}.admin-item p{margin:3px 0;font-size:14px;color:var(--muted)}.admin-item .category{font-size:10px}.muted{color:var(--muted)}.back{color:var(--teal);text-decoration:none;font-weight:600;font-size:14px}@media(max-width:720px){.site-header{padding:0 18px}.site-header nav{gap:14px}.site-header nav a:not(.nav-admin){display:none}.hero{margin:0 14px 60px;padding:43px 28px 31px;display:block;min-height:0}.hero h1{font-size:49px}.hero-art{height:250px;margin-top:23px}.orb-one{height:205px;width:205px;right:14px}.pencil{font-size:130px;right:4px}.catalog{padding:0 18px 65px}.section-heading{display:block}.section-heading>p{margin-top:12px}.product-grid{grid-template-columns:1fr 1fr;gap:12px}.product-image{height:145px}.product-copy{padding:14px}.product-copy h3{font-size:16px}.product-copy>p:last-child{font-size:12px}.about{padding:55px 24px;display:block}.about h2{font-size:42px}.about>p{margin-top:22px;font-size:17px}footer{padding:24px 18px;gap:15px}.admin-shell{padding:45px 18px}.admin-top{display:block}.admin-actions{margin-top:20px}.admin-item{grid-template-columns:55px 1fr}.mini-image{width:55px;height:55px}.item-actions{grid-column:2}.form-row{display:block}.login-card,.form-card{padding:26px 20px}}
